feat: add some parameters

examples/views/formEditor/objEdit.vue

@@ -84,7 +84,6 @@ const quickImages = ref([
   '/public/Everright-logo.svg',
   '/public/Everright-logo.svg'
 ])
-
 </script>
 <template>
   <div

examples/views/formEditor/objList.vue

@@ -167,8 +167,8 @@ onMounted(() => {
       </el-form-item>
       <el-form-item v-if="!isEdit" label="编辑器类型" prop="layoutType">
         <el-radio-group v-model="ruleForm.layoutType" class="ml-4">
-          <el-radio :label="1" size="large">分离布局与字段</el-radio>
-          <el-radio :label="2" size="large">不分离布局与字段</el-radio>
+          <el-radio :label="1" size="large">不分离布局与字段</el-radio>
+          <el-radio :label="2" size="large">分离布局与字段</el-radio>
         </el-radio-group>
       </el-form-item>
     </el-form>

package.json

@@ -1,10 +1,25 @@
 {
   "name": "everright-formeditor",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "files": [
     "dist"
   ],
+  "license": "MIT",
+  "keywords": [
+    "drag-and-drop",
+    "form",
+    "formbuilder",
+    "low-code",
+    "no-code",
+    "vue",
+    "element-plus",
+    "vant"
+  ],
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Liberty-liu/Everright-formEditor.git"
+  },
   "main": "dist/Everright-formEditor.umd.cjs",
   "module": "dist/Everright-formEditor.js",
   "exports": {

packages/formEditor/components/Layout/ControlInsertionPlugin.js

@@ -204,7 +204,7 @@ const setStates = (newTarget, ev, ER) => {
   // console.log(ER.props.layoutType === 1)
   // console.log(targetContainer)
   if (/^(2|4)$/.test(direction)) {
-    if (targetList.length === 4 && !el.contains(dragEl)) {
+    if (targetList.length === ER.props.inlineMax && !el.contains(dragEl)) {
       return false
     }
   }
@@ -264,7 +264,7 @@ const setStates = (newTarget, ev, ER) => {
       break
     case 5:
       // console.log('上')
-      if (targetList.length === 4 && !el.contains(dragEl)) {
+      if (targetList.length === ER.props.inlineMax && !el.contains(dragEl)) {
         return false
       }
       if (cols[utils.index(target) - 1] !== dragEl) {
@@ -276,7 +276,7 @@ const setStates = (newTarget, ev, ER) => {
       break
     case 6:
       // console.log('下')
-      if (targetList.length === 4 && !el.contains(dragEl)) {
+      if (targetList.length === ER.props.inlineMax && !el.contains(dragEl)) {
         return false
       }
       if (cols[utils.index(target) + 1] !== dragEl) {

packages/formEditor/components/Panels/Fields/index.jsx

@@ -65,10 +65,10 @@ export default {
     }
     return () => {
       return (
-        <ElAside class={[ns.b()]} width={ER.props.blockPanelWidth}>
+        <ElAside class={[ns.b()]} width={ER.props.fieldsPanelWidth}>
           <el-scrollbar>
             <el-menu
-              default-openeds={ER.props.blockPanelDefaultOpeneds}>
+              default-openeds={ER.props.fieldsPanelDefaultOpeneds}>
               {ER.props.fieldsConfig.map((element, index) => {
                 return (
                   <el-sub-menu

packages/formEditor/components/Selection/selectElement.jsx

@@ -171,6 +171,7 @@ export default {
           }
           break
         case 2:
+          if (ER.props.copyHandle(props.data) === false) return false
           props.data.context.copy()
           const copyData = props.parent[index + 1]
           setSelection(copyData)
@@ -264,7 +265,7 @@ export default {
       <div class={[ns.e('mask')]}>
       </div>
     )
-    const isShowCopy = computed(() => isInlineChildren ? props.hasCopy && props.data.context.parent.columns.length < 4 : props.hasCopy)
+    const isShowCopy = computed(() => isInlineChildren ? props.hasCopy && props.data.context.parent.columns.length < ER.props.inlineMax : props.hasCopy)
     // const isShowSelectParent = computed(() => {
     //   return !isSelectRoot.value
     // })
@@ -301,7 +302,7 @@ export default {
                   handleAction(5)
                 }, ['stop'])} icon="top"></Icon>
                 {props.hasDel && (
-                  <Icon class={[ns.e('copyDelete')]} onClick={withModifiers((e) => {
+                  <Icon class={[ns.e('copy')]} onClick={withModifiers((e) => {
                     handleAction(1)
                   }, ['stop'])} icon="delete"></Icon>
                 )}

packages/formEditor/defaultProps.js

@@ -1,9 +1,11 @@
 import { fieldsConfig, globalConfig } from './componentsConfig'
 export default {
   fieldsConfig: {
+    type: Array,
     default: () => fieldsConfig
   },
   globalConfig: {
+    type: Object,
     default: () => globalConfig
   },
   lang: {

packages/formEditor/index.vue

@@ -21,24 +21,39 @@ export default {
 <script setup>
 const emit = defineEmits(['listener'])
 const props = defineProps(_.merge({
-  blockPanelWidth: {
+  fieldsPanelWidth: {
     type: String,
     default: '220px'
   },
-  blockPanelDefaultOpeneds: {
+  fieldsPanelDefaultOpeneds: {
     type: Array,
     default: () => ['defaultField', 'field', 'container']
   },
   delHandle: {
     type: Function,
     default: () => {}
+  },
+  copyHandle: {
+    type: Function,
+    default: () => {}
+  },
+  inlineMax: {
+    type: Number,
+    default: 4
+  },
+  isShowClear: {
+    type: Boolean,
+    default: true
+  },
+  isShowI18n: {
+    type: Boolean,
+    default: true
   }
 }, defaultProps))
 const layout = {
   pc: [],
   mobile: []
 }
-window.layout = layout
 const previewPlatform = ref('pc')
 const previewLoading = ref(true)
 const state = reactive({
@@ -254,7 +269,6 @@ const getLayoutDataByplatform = (platform) => {
     return copyData
   }
 }
-window.layout = layout
 const switchPlatform = (platform) => {
   if (state.platform === platform) {
     return false
@@ -282,7 +296,6 @@ provide('Everright', {
   addFieldData,
   canvesScrollRef
 })
-window.state = state
 const ns = hooks.useNamespace('Main', state.Namespace)
 const getData1 = () => {
   return utils.disassemblyData1(_.cloneDeep({
@@ -444,13 +457,17 @@ const onClickOutside = () => {
         <el-header :class="[ns.e('operation')]">
           <div>
             <Icon @click="handleOperation(4)" :class="[ns.e('icon')]" icon="save"></Icon>
-            <Icon @click="handleOperation(2)" :class="[ns.e('icon')]" icon="clear0"></Icon>
+            <Icon v-if="isShowClear" @click="handleOperation(2)" :class="[ns.e('icon')]" icon="clear0"></Icon>
+            <slot name="operation-left"></slot>
           </div>
           <div>
             <DeviceSwitch :modelValue="state.platform" @update:modelValue="(val) => switchPlatform(val)"></DeviceSwitch>
           </div>
           <div>
-            <el-dropdown @command="(command) => emit('listener', {
+            <slot name="operation-right"></slot>
+            <el-dropdown
+              v-if="isShowI18n"
+              @command="(command) => emit('listener', {
               type: 'lang',
               data: command
             })">

packages/region/index.vue

@@ -50,7 +50,6 @@ const store = new Store(region.getAll(), {
   disabled: 'disabled',
   multiple: props.multiple
 })
-// window.store = store
 const state = reactive({
   Namespace: 'region',
   menus: [{

packages/theme/formEditor/SelectElement.scss

@@ -45,7 +45,7 @@
     font-size: 20px;
     margin: 0 !important;
   }
-  @include e((copyIcon, copyDelete, widthScale, tableOperator, charulieIcon, charuhang, charuhangIcon, selectParent, dragIcon, addCol)) {
+  @include e((copyIcon, copy, widthScale, tableOperator, charulieIcon, charuhang, charuhangIcon, selectParent, dragIcon, addCol)) {
     border-radius: 4px;
     //box-shadow: 0 2px 6px #00000040;
     background: $primary-color;