feat: update package version to "1.3.0-beta.1" and enhance form edito…

…r layout
Liberty-liu · Jan 18, 2024 · 2cdf6cb · 2cdf6cb
1 parent d9eefdd
commit 2cdf6cb
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "everright-formeditor",
-  "version": "1.2.3",
+  "version": "1.3.0-beta.1",
   "description": "🦮 Powerful lowcode|vue form editor,generator,designer,builder library. It provides an easy way to create custom forms. The project is extensible, easy to use and configure, and provides many commonly used form components and functions(vue可视化低代码表单设计器、表单编辑器、element-plus vant表单设计)",
   "files": [
     "dist",

diff --git a/packages/formEditor/components/Panels/Canves/index.jsx b/packages/formEditor/components/Panels/Canves/index.jsx
@@ -17,7 +17,6 @@ export default defineComponent({
       isEditModel,
       isPc
     } = hooks.useTarget()
-    const form = ref('')
     const handleClick = (e) => {
       setSelection('root')
     }
@@ -27,12 +26,12 @@ export default defineComponent({
       const Layout = (<LayoutDragGable data-layout-type={'root'} class={[unref(isEditModel) && ns.e('wrap')]} data={state.store} parent={state.store} isRoot></LayoutDragGable>)
       return (
         <div>
-          <TagComponent ref={form} onClick={unref(isEditModel) && handleClick} {...typeProps.value}>
+          <TagComponent ref={ER.form} onClick={unref(isEditModel) && handleClick} {...typeProps.value}>
             {
               unref(isEditModel) ? Layout : Layout
             }
           </TagComponent>
-          {!unref(isEditModel) && !_.isEmpty(state.config) && ER.props.isShowCompleteButton && <CompleteButton handle={form}/>}
+          {!unref(isEditModel) && !_.isEmpty(state.config) && ER.props.isShowCompleteButton && <CompleteButton handle={ER.form}/>}
         </div>
       )
     }

diff --git a/packages/formEditor/index.vue b/packages/formEditor/index.vue
@@ -61,6 +61,7 @@ const layout = {
   pc: [],
   mobile: []
 }
+const form = ref('')
 const previewPlatform = ref('pc')
 const previewLoading = ref(true)
 const state = reactive({
@@ -391,6 +392,7 @@ const getData = () => {
 }
 const setData = props.layoutType === 1 ? setData1 : setData2
 defineExpose({
+  form,
   switchPlatform (platform) {
     switchPlatform(platform)
   },
@@ -461,7 +463,8 @@ provide('Everright', {
   addFieldData,
   canvesScrollRef,
   fireEvent,
-  getData
+  getData,
+  form
 })
 </script>
 <template>

diff --git a/packages/formEditor/preview.vue b/packages/formEditor/preview.vue
@@ -18,6 +18,7 @@ const layout = {
   pc: [],
   mobile: []
 }
+const form = ref('')
 const state = reactive({
   store: [],
   selection: {},
@@ -67,7 +68,8 @@ provide('Everright', {
   getData,
   props,
   fireEvent,
-  setValue
+  setValue,
+  form
 })
 const setData2 = (data, value) => {
   const newData = _.cloneDeep(data)
@@ -129,7 +131,8 @@ defineExpose({
     state.platform = platform
   },
   setData,
-  getData
+  getData,
+  form
 })
 </script>
 <template>