bm-admin-ui 1.0.92-alpha → 1.0.94-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();
                         });
                     },
@@ -1815,7 +1819,7 @@ var picture = {
 
 const _hoisted_1$a = { class: "bm-widget-table-wrap" };
 const _hoisted_2$8 = { class: "bm-widget-table-top-bar" };
-const _hoisted_3$5 = { class: "bm-widget-table-outer" };
+const _hoisted_3$6 = { class: "bm-widget-table-outer" };
 const _hoisted_4$4 = { class: "bm-widget-table" };
 const _hoisted_5$1 = {
   key: 0,
@@ -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,9 +1924,15 @@ 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, [
+        createElementVNode("div", _hoisted_3$6, [
           createElementVNode("div", {
             class: "bm-widget-table-inner",
             style: normalizeStyle({
@@ -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 = {
@@ -2041,7 +2054,7 @@ var table = {
             },
             config: {
                 childRules,
-                tableAdvancedFeatures: ['copy', 'delete', 'import'],
+                tableAdvancedFeatures: ['copy', 'delete', 'import', 'export'],
                 propsFields: Object.values(fieldsMap$7),
             },
             emit: [
@@ -2081,7 +2094,7 @@ var table = {
                 value: rule.config.childRules,
                 on: {
                     change({ api, self }, list) {
-                        nextTick(() => {
+                        nextTick$1(() => {
                             setTimeout(() => {
                                 api.validate();
                             });
@@ -2110,6 +2123,10 @@ var table = {
                         value: 'import',
                         label: '批量导入',
                     },
+                    {
+                        value: 'export',
+                        label: '导出',
+                    },
                 ],
                 className: 'bfd-sider-right__form__table-checkbox',
             },
@@ -2444,9 +2461,9 @@ var department = {
 
 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_3$5 = /* @__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) {
@@ -2618,7 +2635,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ]),
-                _hoisted_3$4
+                _hoisted_3$5
               ]),
               _: 2
             }, 1032, ["tab"]);
@@ -2629,11 +2646,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 +2664,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 = {
@@ -2767,9 +2784,9 @@ var materialTemp = {
 
 const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__title" }, "\u5546\u54C1\u7F16\u53F7", -1);
 const _hoisted_2$5 = { class: "bm-product-info-item__content" };
-const _hoisted_3$3 = { class: "bm-product-info-item__title" };
+const _hoisted_3$4 = { 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) {
@@ -2802,7 +2819,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               span: 12
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$3, toDisplayString(item.label), 1),
+                createElementVNode("div", _hoisted_3$4, toDisplayString(item.label), 1),
                 _hoisted_4$2
               ]),
               _: 2
@@ -2814,90 +2831,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 _hoisted_3$3 = { style: { "text-align": "right", "margin": "6px 0 4px", "padding-right": "8px" } };
+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.options?.length ? (openBlock(), createBlock(unref(Dropdown), {
+          key: 0,
           visible: visible.value,
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
           trigger: ["click"]
@@ -2913,8 +2910,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 +2927,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1024);
-                        }), 64))
+                        }), 128))
                       ]),
                       _: 1
                     }, 8, ["value"])
@@ -2938,7 +2935,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   _: 1
                 }),
                 createVNode(unref(Divider), { style: { "margin": "0" } }),
-                createElementVNode("div", _hoisted_3$2, [
+                createElementVNode("div", _hoisted_3$3, [
                   createVNode(unref(Button), {
                     onClick: _cache[1] || (_cache[1] = ($event) => visible.value = false)
                   }, {
@@ -2963,28 +2960,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 +3072,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 +3111,44 @@ 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: '商品单位',
+                        },
+                    ],
                 },
                 effect: {
                     required: true,
@@ -3132,7 +3158,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 +3181,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 +3210,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 +3249,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 +3328,8 @@ var shop = {
                 required: rule.effect.required,
             },
             config: {
-                dataFiltering: rule.config.dataFiltering,
                 isMain: rule.config.isMain,
+                associatedFields: rule.config.associatedFields,
             },
         };
     },
@@ -3489,7 +3512,7 @@ const _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const _hoisted_2$2 = /* @__PURE__ */ createStaticVNode('<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-826.000000, -249.000000)"><g transform="translate(667.000000, 71.000000)"><g transform="translate(159.000000, 178.000000)"><path d="M2,0 L197,0 C198.104569,-6.46995335e-16 199,0.8954305 199,2 L199,105 C199,106.104569 198.104569,107 197,107 L2,107 C0.8954305,107 1.3527075e-16,106.104569 0,105 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" fill="#F9FBFF"></path><path d="M41,6 C41.5522847,6 42,6.44771525 42,7 L42,100 C42,100.552285 41.5522847,101 41,101 L7,101 C6.44771525,101 6,100.552285 6,100 L6,7 C6,6.44771525 6.44771525,6 7,6 L41,6 Z M192,6 C192.552285,6 193,6.44771525 193,7 L193,100 C193,100.552285 192.552285,101 192,101 L159,101 C158.447715,101 158,100.552285 158,100 L158,7 C158,6.44771525 158.447715,6 159,6 L192,6 Z M151,35 C151.552285,35 152,35.4477153 152,36 L152,100 C152,100.552285 151.552285,101 151,101 L49,101 C48.4477153,101 48,100.552285 48,100 L48,36 C48,35.4477153 48.4477153,35 49,35 L151,35 Z M151,6 C151.552285,6 152,6.44771525 152,7 L152,30 C152,30.5522847 151.552285,31 151,31 L49,31 C48.4477153,31 48,30.5522847 48,30 L48,7 C48,6.44771525 48.4477153,6 49,6 L151,6 Z" fill="#EFF3FF"></path><rect stroke="#8FAAFF" fill="#D0DCFF" x="12.5" y="17.5" width="23" height="13" rx="0.5"></rect><rect fill="#E4E8F7" x="12" y="47" width="24" height="14" rx="0.5"></rect><rect fill="#E4E8F7" x="12" y="75" width="24" height="14" rx="0.5"></rect><use stroke="#AEC2FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.26" fill="#AFC3FF" stroke-dasharray="2" xlink:href="#path-1"></use><path d="M33.5,20 C35.9852814,20 38,22.0147186 38,24.5 C38,26.9852814 35.9852814,29 33.5,29 C31.0147186,29 29,26.9852814 29,24.5 C29,22.0147186 31.0147186,20 33.5,20 Z M33.5,22 C32.1192881,22 31,23.1192881 31,24.5 C31,25.8807119 32.1192881,27 33.5,27 C34.8807119,27 36,25.8807119 36,24.5 C36,23.1192881 34.8807119,22 33.5,22 Z" fill="#2F4EED"></path><circle fill="#F9FBFF" cx="33.5" cy="24.5" r="2.5"></circle><path d="M42.5,22 C65.8354499,22 85.7454723,36.6659986 93.5155164,57.2834451 L93.7801465,55.3991118 C93.8570096,54.8522019 94.3626777,54.4711537 94.9095876,54.5480169 C95.4564976,54.6248801 95.8375458,55.1305481 95.7606826,55.677458 L94.925644,61.6190665 C94.8487808,62.1659764 94.3431128,62.5470246 93.7962028,62.4701614 L93.7673315,62.4658857 C93.5875459,62.4468789 93.4107192,62.3789077 93.2577621,62.2594045 L88.5296976,58.5654356 C88.0944913,58.2254152 88.0173279,57.5969697 88.3573483,57.1617634 C88.6973688,56.7265571 89.3258142,56.6493937 89.7610205,56.9894141 L91.887337,58.6494477 C84.582156,38.4419045 65.2276218,24 42.5,24 C40.4254117,24 38.3789284,24.1203318 36.367149,24.3543965 L36.022518,22.3809268 C38.1466458,22.1293826 40.3082134,22 42.5,22 Z" fill="#2F4EED"></path></g></g></g></g>', 1);
-const _hoisted_3$1 = [
+const _hoisted_3$2 = [
   _hoisted_2$2
 ];
 const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("div", { style: { "line-height": "20px", "margin-top": "12px", "color": "#505259" } }, " \u8BF7\u62D6\u62FD\u6216\u70B9\u51FB\u5DE6\u4FA7\u5B57\u6BB5\u521B\u5EFA\u8868\u5355 ", -1);
@@ -3499,7 +3522,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$1)),
+        (openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$2)),
         _hoisted_4$1
       ]);
     };
@@ -3524,6 +3547,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 +3660,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,
@@ -3646,8 +3687,12 @@ var ruleList = {
     [materialType.name]: materialType,
 };
 
-const _hoisted_1$1 = { class: "bm-table-column__main" };
-const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
+const _hoisted_1$1 = {
+  class: "bm-table-column__main",
+  style: { "margin-right": "0" }
+};
+const _hoisted_2$1 = { class: "bm-table-column__main" };
+const _hoisted_3$1 = { class: "bm-table-column-btn-wrap" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "table-column",
   props: ["formCreateInject"],
@@ -3711,25 +3756,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               align: "middle"
             }, {
               default: withCtx(() => [
-                createVNode(unref(HolderOutlined), {
-                  class: normalizeClass([handleClass])
-                }, null, 8, ["class"]),
-                createElementVNode("div", _hoisted_1$1, toDisplayString(element.title.title), 1),
-                createVNode(unref(EditOutlined), {
-                  class: "bm-table-column__icon is-edit",
-                  onClick: ($event) => handleEdit(element)
-                }, null, 8, ["onClick"]),
-                createVNode(_component_Delete, {
-                  class: "bm-table-column__icon is-del",
-                  onClick: ($event) => handleDelete(element, index)
-                }, null, 8, ["onClick"])
+                element.config?.immutable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(unref(HolderOutlined), {
+                    class: normalizeClass([handleClass])
+                  }, null, 8, ["class"]),
+                  createElementVNode("div", _hoisted_1$1, toDisplayString(element.title.title), 1)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createVNode(unref(HolderOutlined), {
+                    class: normalizeClass([handleClass])
+                  }, null, 8, ["class"]),
+                  createElementVNode("div", _hoisted_2$1, toDisplayString(element.title.title), 1),
+                  createVNode(unref(EditOutlined), {
+                    class: "bm-table-column__icon is-edit",
+                    onClick: ($event) => handleEdit(element)
+                  }, null, 8, ["onClick"]),
+                  createVNode(_component_Delete, {
+                    class: "bm-table-column__icon is-del",
+                    onClick: ($event) => handleDelete(element, index)
+                  }, null, 8, ["onClick"])
+                ], 64))
               ]),
               _: 2
             }, 1024)
           ]),
           _: 1
         }, 8, ["list", "handle"]),
-        createElementVNode("div", _hoisted_2$1, [
+        createElementVNode("div", _hoisted_3$1, [
           createVNode(unref(FormItemRest), null, {
             default: withCtx(() => [
               createVNode(unref(Select), {
@@ -3839,7 +3891,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 +3905,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 +3914,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 +3945,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 +4216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         if (!pass) {
-          nextTick(() => {
+          nextTick$1(() => {
             fApi.value.validate();
           });
           break;