bm-admin-ui 1.0.92-alpha → 1.0.93-alpha

package/es/components/form-designer/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withDirectives, createVNode, withCtx, createTextVNode, withModifiers, vShow, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, resolveDynamicComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withDirectives, createVNode, withCtx, createTextVNode, withModifiers, vShow, ref, watch, createElementVNode, nextTick as nextTick$1, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, resolveDynamicComponent } from 'vue';
 import uniqueId from 'bm-admin-ui/es/utils/uniqueId';
 import Draggable from 'vuedraggable';
 import { Tooltip, FormItemRest, Input, Button, RadioGroup, Radio, DatePicker, Checkbox, Tabs, TabPane, Row, Col, Dropdown, Menu, CheckboxGroup, MenuItem, Divider, Switch, Select, Layout, LayoutSider, LayoutContent, message } from 'ant-design-vue';
@@ -68,7 +68,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "widget-instruction",
   props: ["rule"],
   setup(__props) {
@@ -79,13 +79,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var WidgetInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "widget-instruction.vue"]]);
+var WidgetInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "widget-instruction.vue"]]);
 
 const _hoisted_1$f = {
   key: 2,
   class: "bm-drag-tool-mask"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "drag-tool",
   props: ["rule", "activeRuleField", "parentRule"],
   emits: [
@@ -226,16 +226,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 512), [
-          [vShow, __props.rule.config.isHover || unref(isActive)]
+          [vShow, !__props.rule.config?.immutable && (__props.rule.config.isHover || unref(isActive))]
         ])
       ], 34);
     };
   }
 });
-var DragTool = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "drag-tool.vue"]]);
+var DragTool = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "drag-tool.vue"]]);
 
 const _hoisted_1$e = { class: "bm-drag-placeholder" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "drag-placeholder",
   props: {},
   setup(__props) {
@@ -244,14 +244,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DragPlaceholder = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "drag-placeholder.vue"]]);
+var DragPlaceholder = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "drag-placeholder.vue"]]);
 
 const _hoisted_1$d = { class: "bm-widget-row-wrap" };
 const _hoisted_2$a = {
   key: 0,
   class: "bm-widget-row-tip"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "widget-row",
   props: ["activeRuleField", "formCreateInject"],
   emits: [
@@ -356,7 +356,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var WidgetRow = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "widget-row.vue"]]);
+var WidgetRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "widget-row.vue"]]);
 
 const label$h = '分栏';
 const fieldsMap$h = {
@@ -702,10 +702,14 @@ var numInput = {
                 placeholder: '请输入',
             },
             config: {
+                format: '',
                 propsFields: Object.values(fieldsMap$e),
             },
             style: {
                 width: '100%',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                marginBottom: '0',
             },
         };
     },
@@ -794,7 +798,7 @@ const _hoisted_2$9 = {
   key: 0,
   class: "bm-handle-options__error-tip"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "handle-options",
   props: ["options", "disabled"],
   emits: ["setValue"],
@@ -965,7 +969,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var HandleOptionsCom = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "handle-options.vue"]]);
+var HandleOptionsCom = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "handle-options.vue"]]);
 
 const label$d = '单选框';
 const ruleType$1 = {
@@ -1246,7 +1250,7 @@ var checkbox = {
 };
 
 const _hoisted_1$b = { class: "bm-default-date" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "default-date",
   props: [
     "defaultRadioValue",
@@ -1335,7 +1339,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DefaultDate = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "default-date.vue"]]);
+var DefaultDate = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "default-date.vue"]]);
 
 const label$b = '日期';
 const fieldsMap$b = {
@@ -1683,7 +1687,7 @@ var instruction = {
                 },
                 on: {
                     change({ api, self }, list) {
-                        nextTick(() => {
+                        nextTick$1(() => {
                             api.refresh();
                         });
                     },
@@ -1843,7 +1847,7 @@ const _hoisted_15 = { class: "bm-widget-table__operateColumn__content" };
 const _hoisted_16 = /* @__PURE__ */ createElementVNode("a", null, "\u590D\u5236", -1);
 const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 const _hoisted_18 = /* @__PURE__ */ createElementVNode("a", null, "\u5220\u9664", -1);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "widget-table",
   props: ["formCreateInject", "activeRuleField"],
   emits: [
@@ -1860,6 +1864,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const childRules = computed(() => tableRule.value.config.childRules);
     const showDelete = computed(() => showFeature("delete"));
     const showImport = computed(() => showFeature("import"));
+    const showExport = computed(() => showFeature("export"));
     const showCopy = computed(() => showFeature("copy"));
     function showFeature(featureId) {
       return tableRule.value.config.tableAdvancedFeatures.includes(featureId);
@@ -1877,6 +1882,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emits("set-active-rule", rule, tableRule.value);
     }
     function handleClick(element) {
+      if (element?.config.immutable)
+        return;
       emitSetActiveRuleEvt(element);
     }
     function handleUpdate({ newIndex }) {
@@ -1917,6 +1924,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
             ]),
             _: 1
+          })) : createCommentVNode("v-if", true),
+          unref(showExport) ? (openBlock(), createBlock(unref(Button), { key: 3 }, {
+            default: withCtx(() => [
+              createTextVNode(" \u5BFC\u51FA ")
+            ]),
+            _: 1
           })) : createCommentVNode("v-if", true)
         ]),
         createElementVNode("div", _hoisted_3$5, [
@@ -2005,7 +2018,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var WidgetTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "widget-table.vue"]]);
+var WidgetTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "widget-table.vue"]]);
 
 const label$7 = '表格';
 const fieldsMap$7 = {
@@ -2081,7 +2094,7 @@ var table = {
                 value: rule.config.childRules,
                 on: {
                     change({ api, self }, list) {
-                        nextTick(() => {
+                        nextTick$1(() => {
                             setTimeout(() => {
                                 api.validate();
                             });
@@ -2446,7 +2459,7 @@ const _hoisted_1$9 = { style: { "margin-top": "16px", "line-height": "32px" } };
 const _hoisted_2$7 = { style: { "float": "right" } };
 const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "bm-material-temp__table-tip" }, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6\u8868\u683C\u5B57\u6BB5", -1);
 const _hoisted_4$3 = { class: "bm-material-temp__add" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "widget-material-temp",
   props: ["formCreateInject"],
   setup(__props) {
@@ -2629,11 +2642,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var WidgetMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "widget-material-temp.vue"]]);
+var WidgetMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "widget-material-temp.vue"]]);
 
 const _hoisted_1$8 = { class: "bm-use-instruction" };
 const _hoisted_2$6 = { class: "bm-use-instruction__title" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "use-instruction",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -2647,7 +2660,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UseInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "use-instruction.vue"]]);
+var UseInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "use-instruction.vue"]]);
 
 const label$3 = '素材模板';
 const fieldsMap$3 = {
@@ -2769,7 +2782,7 @@ const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("div", { class: "bm-prod
 const _hoisted_2$5 = { class: "bm-product-info-item__content" };
 const _hoisted_3$3 = { class: "bm-product-info-item__title" };
 const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__content" }, "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA", -1);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "product-info",
   props: ["formCreateInject"],
   setup(__props) {
@@ -2814,90 +2827,70 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ProductInfo = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "product-info.vue"]]);
+var ProductInfo = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "product-info.vue"]]);
 
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("div", { class: "bm-associated-fields-item" }, [
-  /* @__PURE__ */ createElementVNode("span", { class: "bm-associated-fields-item__content" }, "\u5546\u54C1\u7F16\u53F7")
-], -1);
+const _hoisted_1$6 = { class: "bm-associated-fields-item__content" };
 const _hoisted_2$4 = { class: "bm-associated-fields-item__content" };
 const _hoisted_3$2 = { style: { "text-align": "right", "margin": "6px 0 4px", "padding-right": "8px" } };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "associated-fields",
-  props: ["associatedFields"],
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "pure-associated-fields",
+  props: ["associatedFields", "options", "defaultOptions"],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const visible = ref(false);
     const checkList = ref([]);
-    const options = [
-      {
-        value: "\u5546\u54C1\u540D\u79F0",
-        label: "\u5546\u54C1\u540D\u79F0"
-      },
-      {
-        value: "\u5546\u54C1\u7B80\u79F0",
-        label: "\u5546\u54C1\u7B80\u79F0"
-      },
-      {
-        value: "\u5546\u54C1\u56FE\u7247",
-        label: "\u5546\u54C1\u56FE\u7247"
-      },
-      {
-        value: "\u5EFA\u8BAE\u96F6\u552E\u4EF7",
-        label: "\u5EFA\u8BAE\u96F6\u552E\u4EF7"
-      },
-      {
-        value: "\u5546\u54C1\u7BB1\u89C4",
-        label: "\u5546\u54C1\u7BB1\u89C4"
-      },
-      {
-        value: "\u5546\u54C1\u5355\u4F4D",
-        label: "\u5546\u54C1\u5355\u4F4D"
-      }
-    ];
-    function emitChangeEvt() {
-      emits(
-        "change",
-        options.filter((op) => checkList.value.includes(op.value))
-      );
-    }
     function handOk() {
       visible.value = false;
       emitChangeEvt();
     }
     function init() {
-      checkList.value = props.associatedFields.map((item) => item.value);
+      checkList.value = props.associatedFields?.map((item) => item.value);
     }
-    function visibleChange(visible2) {
-      if (visible2) {
-        init();
-      }
+    function emitChangeEvt() {
+      emits(
+        "change",
+        props.options.filter((op) => checkList.value.includes(op.value))
+      );
     }
     function handleDel(value) {
       checkList.value = checkList.value.filter((cl) => cl !== value);
       emitChangeEvt();
     }
     init();
+    function visibleChange(visible2) {
+      if (visible2) {
+        init();
+      }
+    }
     watch(visible, (val) => {
       visibleChange(val);
     });
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$6,
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.defaultOptions, (option) => {
+          return openBlock(), createElementBlock("div", {
+            key: `defaultOption${option?.value}`,
+            class: "bm-associated-fields-item"
+          }, [
+            createElementVNode("span", _hoisted_1$6, toDisplayString(option?.label), 1)
+          ]);
+        }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.associatedFields, (item) => {
           return openBlock(), createElementBlock("div", {
             key: item.value,
             class: "bm-associated-fields-item"
           }, [
-            createElementVNode("span", _hoisted_2$4, toDisplayString(item.label), 1),
+            createElementVNode("span", _hoisted_2$4, toDisplayString(item?.label), 1),
             createVNode(_component_Delete, {
               class: "bm-associated-fields-item__icon",
               onClick: ($event) => handleDel(item.value)
             }, null, 8, ["onClick"])
           ]);
         }), 128)),
-        createVNode(unref(Dropdown), {
+        __props.associatedFields?.length ? (openBlock(), createBlock(unref(Dropdown), {
+          key: 0,
           visible: visible.value,
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
           trigger: ["click"]
@@ -2913,8 +2906,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       style: { "width": "100%" }
                     }, {
                       default: withCtx(() => [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(options, (item) => {
-                          return createVNode(unref(MenuItem), {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+                          return openBlock(), createBlock(unref(MenuItem), {
                             key: item.value
                           }, {
                             default: withCtx(() => [
@@ -2930,7 +2923,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1024);
-                        }), 64))
+                        }), 128))
                       ]),
                       _: 1
                     }, 8, ["value"])
@@ -2963,28 +2956,25 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             })
           ]),
           default: withCtx(() => [
-            createVNode(unref(Button), {
-              style: { "margin-top": "8px" },
-              block: ""
-            }, {
+            createVNode(unref(Button), { style: { "margin-top": "8px" } }, {
               default: withCtx(() => [
                 createVNode(unref(PlusOutlined)),
-                createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ")
+                createTextVNode("\u6DFB\u52A0\u5B50\u5B57\u6BB5")
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["visible"])
+        }, 8, ["visible"])) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
-var AssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "associated-fields.vue"]]);
+var pureAssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "pure-associated-fields.vue"]]);
 
 const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("div", { style: { "margin": "18px 0 6px" } }, "\u4EC5\u83B7\u53D6", -1);
 const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("div", { style: { "margin-top": "7px" } }, "\u4E2D\u53EF\u5206\u9500\u7684\u5546\u54C1\u6570\u636E", -1);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "shop-data-filter",
   props: ["widgetFormRules", "defaultSelectValue"],
   emits: ["change"],
@@ -3078,7 +3068,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ShopDataFilter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "shop-data-filter.vue"]]);
+var ShopDataFilter = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "shop-data-filter.vue"]]);
 
 const label$2 = '商品';
 const fieldsMap$2 = {
@@ -3117,12 +3107,64 @@ var product = {
     props(rule, parentRule, widgetFormRules) {
         return [
             {
-                type: 'AssociatedFields',
-                component: AssociatedFields,
+                type: 'pureAssociatedFields',
+                component: pureAssociatedFields,
                 title: '关联字段',
                 field: fieldsMap$2['config.associatedFields'],
                 props: {
                     associatedFields: rule.config.associatedFields,
+                    defaultOptions: [
+                        {
+                            value: '商品编号',
+                            label: '商品编号',
+                        },
+                    ],
+                    options: [
+                        {
+                            value: '商品名称',
+                            label: '商品名称',
+                        },
+                        {
+                            value: '商品简称',
+                            label: '商品简称',
+                        },
+                        {
+                            value: '商品图片',
+                            label: '商品图片',
+                        },
+                        {
+                            value: '建议零售价',
+                            label: '建议零售价',
+                        },
+                        {
+                            value: '商品箱规',
+                            label: '商品箱规',
+                        },
+                        {
+                            value: '商品单位',
+                            label: '商品单位',
+                        },
+                        {
+                            value: '一级分类',
+                            label: '一级分类',
+                        },
+                        {
+                            value: '二级分类',
+                            label: '二级分类',
+                        },
+                        {
+                            value: '三级分类',
+                            label: '三级分类',
+                        },
+                        {
+                            value: '商品类型',
+                            label: '商品类型',
+                        },
+                        {
+                            value: '商品标签',
+                            label: '商品标签',
+                        },
+                    ],
                 },
                 effect: {
                     required: true,
@@ -3132,7 +3174,7 @@ var product = {
                     change({ api, self }, list) {
                         api.emit('change', self.field, list, self, api, true);
                         self.props.associatedFields = list;
-                        nextTick(() => {
+                        nextTick$1(() => {
                             api.refresh();
                         });
                     },
@@ -3155,7 +3197,7 @@ var product = {
                     change({ api, self }, value) {
                         api.emit('change', self.field, value, self, api, true);
                         self.props.defaultSelectValue = value;
-                        nextTick(() => {
+                        nextTick$1(() => {
                             api.refresh();
                         });
                     },
@@ -3184,33 +3226,6 @@ var product = {
     },
 };
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "shop-associated-fields",
-  setup(__props) {
-    const associatedFields = [
-      {
-        value: "\u5E97\u94FA\u7F16\u53F7",
-        label: "\u5E97\u94FA\u7F16\u53F7"
-      },
-      {
-        value: "\u5E97\u94FA\u540D\u79F0",
-        label: "\u5E97\u94FA\u540D\u79F0"
-      }
-    ];
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(associatedFields, (item) => {
-          return createElementVNode("span", {
-            key: item.value,
-            class: "bm-shop-associated-fields-item"
-          }, toDisplayString(item.label), 1);
-        }), 64))
-      ]);
-    };
-  }
-});
-var ShopAssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "shop-associated-fields.vue"]]);
-
 let i = 0;
 const label$1 = '店铺';
 const fieldsMap$1 = {
@@ -3250,13 +3265,37 @@ var shop = {
     props(rule, parentRule) {
         return [
             {
-                type: 'ShopAssociatedFields',
-                component: ShopAssociatedFields,
+                type: 'pureAssociatedFields',
+                component: pureAssociatedFields,
                 title: '关联字段',
                 field: 'config.associatedFields',
+                props: {
+                    associatedFields: rule.config.associatedFields,
+                    defaultOptions: [
+                        {
+                            value: '店铺编号',
+                            label: '店铺编号',
+                        },
+                        {
+                            value: '店铺名称',
+                            label: '店铺名称',
+                        },
+                    ],
+                    options: [],
+                },
                 effect: {
                     required: true,
                 },
+                inject: true,
+                on: {
+                    change({ api, self }, list) {
+                        api.emit('change', self.field, list, self, api, true);
+                        self.props.associatedFields = list;
+                        nextTick(() => {
+                            api.refresh();
+                        });
+                    },
+                },
             },
             {
                 type: 'checkbox',
@@ -3305,8 +3344,8 @@ var shop = {
                 required: rule.effect.required,
             },
             config: {
-                dataFiltering: rule.config.dataFiltering,
                 isMain: rule.config.isMain,
+                associatedFields: rule.config.associatedFields,
             },
         };
     },
@@ -3524,6 +3563,18 @@ const formDesignerProps = {
         type: Boolean,
         default: false,
     },
+    dragCheckFunc: {
+        type: Function,
+        default: (underlying_vm) => true,
+    },
+    formRulePipe: {
+        type: Function,
+        default: (obj) => obj,
+    },
+    addWidgetFunc: {
+        type: Function,
+        default: (pushRowWidget, pushTableWidgets) => null,
+    },
 };
 
 const _hoisted_1$3 = {
@@ -3625,6 +3676,12 @@ const widgetNamesRowAccept = [
     shop.name,
     materialType.name,
 ];
+function pushTableWidgets(key, config) {
+    widgetsTableAccept[key] = config;
+}
+function pushRowWidgets(key) {
+    widgetNamesRowAccept.push(key);
+}
 var ruleList = {
     [row.name]: row,
     [input.name]: input,
@@ -3839,7 +3896,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (rule?.props?.type === "textarea" && parentType === WidgetType.TableWidget) {
           rule.props.autoSize = true;
         }
-        if (rule.config.config.name === "product" && parentType === WidgetType.TableWidget) {
+        if (rule.config?.config?.name === "product" && parentType === WidgetType.TableWidget) {
           rule.title.title = "\u5546\u54C1\u7F16\u53F7";
         }
       }
@@ -3853,7 +3910,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       people: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       department: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539"
     };
-    const tabData = createTab();
+    const tabData = typeof props.formRulePipe === "function" ? props.formRulePipe(createTab()) : [];
+    typeof props.addWidgetFunc === "function" && props.addWidgetFunc(pushRowWidgets, pushTableWidgets);
     const activeKey = ref("controlLibrary");
     const widgetFormRules = reactive([]);
     const activeRule = ref({});
@@ -3861,7 +3919,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fApi = ref();
     const activeParentRule = ref();
     const menuList = computed(
-      () => tabData.find((tab) => tab.key === activeKey.value).menuList
+      () => tabData.find((tab) => tab.key === activeKey.value)?.menuList
     );
     const activeProps = computed(() => cacheProps[activeRule.value.field]);
     const activeRuleInList = computed(
@@ -3892,10 +3950,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function moveMenuItem(evt) {
-      return checkDragMove(evt);
+      return props?.dragCheckFunc(evt?.dragged?._underlying_vm_) && checkDragMove(evt);
     }
     function moveFormItem(evt) {
-      return checkDragMove(evt);
+      return props?.dragCheckFunc(evt?.dragged?._underlying_vm_) && checkDragMove(evt);
     }
     function handleMenuItemDragStart(evt) {
       const item = evt.item.children[0];
@@ -4163,7 +4221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         if (!pass) {
-          nextTick(() => {
+          nextTick$1(() => {
             fApi.value.validate();
           });
           break;