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

package/lib/components/form-create/index.js

@@ -174,50 +174,36 @@ var textarea = {
     },
 };
 
+function generateRowRule(data) {
+    return {
+        type: 'inputNumber',
+        field: data.field,
+        title: data.title.title,
+        props: {
+            type: 'number',
+            placeholder: data.props.placeholder,
+        },
+        value: data.value,
+        effect: {
+            required: data.effect.required && '请输入',
+        },
+        wrap: {
+            wrapperCol: {
+                span: fieldRatioMap[data.config.fieldRatio],
+            },
+        },
+        style: {
+            width: '100%',
+        },
+    };
+}
 var numInput = {
     name: 'numInput',
     rule(data) {
-        return {
-            type: 'inputNumber',
-            field: data.field,
-            title: data.title.title,
-            props: {
-                type: 'number',
-                placeholder: data.props.placeholder,
-            },
-            value: data.value,
-            effect: {
-                required: data.effect.required && '请输入',
-            },
-            wrap: {
-                wrapperCol: {
-                    span: fieldRatioMap[data.config.fieldRatio],
-                },
-            },
-            style: {
-                width: '100%',
-            },
-        };
+        return generateRowRule(data);
     },
     rowRule(data) {
-        return {
-            type: 'inputNumber',
-            field: data.field,
-            title: data.title.title,
-            props: {
-                placeholder: data.props.placeholder,
-            },
-            value: data.value,
-            effect: {
-                required: data.effect.required && '请输入',
-            },
-            col: {
-                span: fieldRatioMap[data.config.fieldRatio],
-            },
-            style: {
-                width: '100%',
-            },
-        };
+        return generateRowRule(data);
     },
     tableRule(data) {
         const field = data.field;
@@ -255,7 +241,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "radio-widget",
   props: ["formCreateInject"],
   emits: ["change"],
@@ -294,7 +280,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var RadioWidget = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "radio-widget.vue"]]);
+var RadioWidget = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "radio-widget.vue"]]);
 
 function handleRadioRule(rule) {
     if (rule.type === 'radio') {
@@ -854,7 +840,7 @@ var file = {
     },
 };
 
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "staff-selector",
   props: [
     "title",
@@ -920,7 +906,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var StaffSelector = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "staff-selector.vue"]]);
+var StaffSelector = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "staff-selector.vue"]]);
 
 var people = {
     name: 'people',
@@ -1038,10 +1024,10 @@ var people = {
     },
 };
 
-const _hoisted_1$6 = ["onClick"];
+const _hoisted_1$7 = ["onClick"];
 const _hoisted_2$6 = ["onClick"];
 const _hoisted_3$5 = { class: "box" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "temp-content",
   props: ["content", "preview"],
   setup(__props) {
@@ -1086,7 +1072,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(iconsVue.EyeOutlined)),
             vue.createTextVNode("\xA0\u9884\u89C8")
           ])
-        ], 8, _hoisted_1$6)) : vue.createCommentVNode("v-if", true),
+        ], 8, _hoisted_1$7)) : vue.createCommentVNode("v-if", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layers), (layer) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: layer.uuid,
@@ -1120,9 +1106,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var TempContent = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "temp-content.vue"]]);
+var TempContent = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "temp-content.vue"]]);
 
-const _hoisted_1$5 = { class: "bm-fc-select-material-temp__content__item-info" };
+const _hoisted_1$6 = { class: "bm-fc-select-material-temp__content__item-info" };
 const _hoisted_2$5 = { class: "bm-fc-select-material-temp__content__item-info__cover" };
 const _hoisted_3$4 = ["src"];
 const _hoisted_4$4 = ["onClick"];
@@ -1132,7 +1118,7 @@ const _hoisted_5$4 = {
 };
 const _hoisted_6$3 = ["title"];
 const _hoisted_7$3 = { class: "bm-fc-select-material-temp__content__item-time" };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "select-material-temp",
   props: [
     "visible",
@@ -1323,7 +1309,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                           span: 6
                         }, {
                           default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_1$5, [
+                            vue.createElementVNode("div", _hoisted_1$6, [
                               vue.createElementVNode("div", _hoisted_2$5, [
                                 item.coverPlanUrl ? (vue.openBlock(), vue.createElementBlock("img", {
                                   key: 0,
@@ -1378,7 +1364,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var SelectMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "select-material-temp.vue"]]);
+var SelectMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "select-material-temp.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -18583,7 +18569,7 @@ var lodash = {exports: {}};
 }.call(commonjsGlobal));
 }(lodash, lodash.exports));
 
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "product-input-in-table",
   props: ["value", "disabled", "shopValue"],
   emits: ["change"],
@@ -18620,9 +18606,127 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var ProductInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "product-input-in-table.vue"]]);
+var ProductInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "product-input-in-table.vue"]]);
+
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  __name: "customer-input-in-table",
+  props: ["value", "disabled", "shopValue"],
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const debounceFn = lodash.exports.debounce(emitChange, 500);
+    const inputValue = vue.ref();
+    function emitChange(val) {
+      emits("change", val);
+    }
+    vue.watch(
+      () => props.value,
+      (val) => {
+        inputValue.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    vue.watch(
+      () => props.shopValue,
+      () => {
+        emitChange("");
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
+        value: inputValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+        placeholder: "\u8BF7\u8F93\u5165",
+        disabled: __props.disabled,
+        onChange: _cache[1] || (_cache[1] = ($event) => vue.unref(debounceFn)($event.target.value))
+      }, null, 8, ["value", "disabled"]);
+    };
+  }
+});
+var CustomerInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "customer-input-in-table.vue"]]);
+
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  __name: "shop-input-in-table",
+  props: ["value", "disabled", "fetch", "dataFiltering"],
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const keyword = vue.ref("");
+    const debounceFetch = lodash.exports.debounce((value) => {
+      props.fetch.fetch(
+        {
+          keyword: keyword.value,
+          filterByUser: props.dataFiltering
+        }
+      ).then((data) => {
+        if (value === keyword.value)
+          options.value = data;
+      });
+    }, 300);
+    const options = vue.ref([]);
+    const fieldNames = {
+      label: "name",
+      value: "code",
+      channelName: "channelName",
+      platformName: "platformName",
+      channelTypeName: "channelTypeName"
+    };
+    const inputValue = vue.ref();
+    function handleSearch(value) {
+      keyword.value = value;
+      debounceFetch(value);
+    }
+    function handleChangeConfirm(val, option) {
+      handleChange(val, option);
+    }
+    function handleChange(val, option) {
+      console.log("emit\u6570\u636E", option);
+      emits(
+        "change",
+        option ? {
+          [fieldNames.value]: option.value,
+          [fieldNames.label]: option.label,
+          ...option
+        } : void 0
+      );
+    }
+    vue.watch(
+      () => props.value,
+      (val) => {
+        inputValue.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    debounceFetch("");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createCommentVNode(' <Input\r\n    v-model:value="inputValue"\r\n    placeholder="\u8BF7\u8F93\u5165"\r\n    :disabled="disabled"\r\n    @change="debounceFn($event.target.value)"\r\n  ></Input> '),
+        vue.createVNode(vue.unref(antDesignVue.Select), {
+          value: __props.value,
+          placeholder: "\u8BF7\u9009\u62E9",
+          "show-search": "",
+          "show-arrow": false,
+          "default-active-first-option": false,
+          "filter-option": false,
+          "not-found-content": null,
+          options: options.value,
+          "get-popup-container": vue.unref(getContainer),
+          disabled: __props.disabled,
+          "allow-clear": "",
+          onChange: handleChangeConfirm,
+          onSearch: handleSearch
+        }, null, 8, ["value", "options", "get-popup-container", "disabled"])
+      ], 2112);
+    };
+  }
+});
+var ShopInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "shop-input-in-table.vue"]]);
 
-const _hoisted_1$4 = { class: "bm-dc-table-widget" };
+const _hoisted_1$5 = { class: "bm-dc-table-widget" };
 const _hoisted_2$4 = { class: "bm-dc-table-widget__title" };
 const _hoisted_3$3 = { class: "bm-dc-table-widget__title-samll" };
 const _hoisted_4$3 = { class: "bm-dc-table-widget__top-bar" };
@@ -18641,18 +18745,32 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     dayjs__default["default"].extend(customParseFormat__default["default"]);
-    const productInfoKeyMap = {
+    const accosiationParseKeyMap = {
       \u5546\u54C1\u540D\u79F0: "productName",
       \u5546\u54C1\u7B80\u79F0: "productShortName",
       \u5546\u54C1\u56FE\u7247: "picUrl",
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
-      \u5546\u54C1\u5355\u4F4D: "unit"
+      \u5546\u54C1\u5355\u4F4D: "unit",
+      \u5E97\u94FA\u6240\u5C5E\u5E73\u53F0: "platformName",
+      \u6E20\u9053: "channelName",
+      \u6E20\u9053\u7C7B\u522B: "channelTypeName",
+      \u5BA2\u6237\u7B80\u79F0: "",
+      \u5BA2\u6237\u7C7B\u578B: "",
+      \u5BA2\u6237\u7B49\u7EA7: "",
+      \u6240\u5C5E\u5E97\u94FA: "",
+      \u5E97\u94FA\u7F16\u53F7: "",
+      SAP\u5BA2\u6237\u7F16\u53F7: ""
+    };
+    let indexMap = {
+      product: 0,
+      shop: 0,
+      customer: 0
     };
-    let productIndex = 0;
     const oper = "oper";
     const bmFloatTableRef = vue.ref();
     const importFeature = vue.computed(() => isShow("import"));
+    const exportFeature = vue.computed(() => isShow("export"));
     const deleteFeature = vue.computed(() => isShow("delete"));
     const copyFeature = vue.computed(() => isShow("copy"));
     const columns = vue.reactive([]);
@@ -18702,6 +18820,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }, {}) || {}
     );
     const productInputSlots = vue.reactive([]);
+    const shopInputSlots = vue.reactive([]);
+    const customerInputSlots = vue.reactive([]);
     const formData = vue.computed(
       () => props.formData || props.formCreateInject.api.bind()
     );
@@ -18712,6 +18832,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       columns.splice(0, columns.length);
       data.splice(0, data.length);
       productInputSlots.splice(0, productInputSlots.length);
+      shopInputSlots.splice(0, shopInputSlots.length);
+      customerInputSlots.splice(0, customerInputSlots.length);
       const childRules = lodashEs.cloneDeep(props.rule.config.childRules);
       const value = props.rule.value;
       if (deleteFeature.value && !props.hidden) {
@@ -18726,8 +18848,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             return pre;
           }
           const name = cur.name;
-          if (name === "product") {
-            pre.push(...getProductColumn(cur));
+          if (Object.keys(indexMap).includes(name)) {
+            pre.push(...getExtraColumns(cur));
           } else {
             pre.push(ruleList[name].tableRule(cur, props.extraConfig));
           }
@@ -18759,15 +18881,26 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     function productPicName(value, field) {
       return `${value}-${field}`;
     }
-    function getProductColumn(rule) {
-      const productName = `\u5546\u54C1${String(++productIndex).padStart(2, "0")}`;
+    function getExtraColumns(rule) {
+      const configObj = {
+        shop: {
+          prefix: "\u5E97\u94FA",
+          slots: shopInputSlots
+        },
+        product: { prefix: "\u5546\u54C1", slots: productInputSlots },
+        customer: { prefix: "\u5BA2\u6237", slots: customerInputSlots }
+      }[rule.name];
+      const mainName = `${configObj.prefix}${String(++indexMap[rule.name]).padStart(
+        2,
+        "0"
+      )}`;
       const field = rule.field;
       const associatedFields = rule.config.associatedFields;
-      productInputSlots.push(rule);
+      configObj.slots.push(rule);
       const columns2 = [
         {
           field,
-          title: `\u5546\u54C1\u7F16\u7801-${productName}`,
+          title: rule.name === "product" ? `\u5546\u54C1\u7F16\u7801-${mainName}` : `${mainName}`,
           headerClassName: rule.effect.required ? "is-required" : "",
           minWidth: "138px",
           slots: {
@@ -18780,7 +18913,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           const childField = productPicName(item.value, field);
           columns2.push({
             field: childField,
-            title: `${item.label}-${productName}`,
+            title: `${item.label}-${mainName}`,
             minWidth: "138px",
             slots: {
               default({ row }) {
@@ -18844,6 +18977,14 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         inputRef.value.click();
       }
     }
+    function handleExport() {
+      xGrid.value.exportData({
+        mode: "all",
+        columnFilterMethod({ column }) {
+          return isValidColumn(column);
+        }
+      });
+    }
     function emitChange() {
       emits("change", data);
     }
@@ -18872,7 +19013,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     function processAssociatedFields(field, associatedFields, row, result) {
       if (associatedFields.length)
         associatedFields.forEach((item) => {
-          row[productPicName(item.value, field)] = result ? result[productInfoKeyMap[item.value]] : void 0;
+          row[productPicName(item.value, field)] = result ? result[accosiationParseKeyMap[item.value]] : void 0;
         });
     }
     function handleChange(e) {
@@ -18925,12 +19066,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const validColumns = columns.filter((c) => isValidColumn(c));
       for (const row of rowData) {
         for (const { field } of validColumns) {
-          const rule = childRulesMap.value[field];
+          const rule = childRulesMap.value[`${field}`];
           const title = rule?.title?.title;
           if (!rule)
             continue;
           const fieldNames = props.extraConfig[rule.name]?.fieldNames;
-          let value = row[field] || "";
+          let value = row[`${field}`] || "";
           const txtFormatFn = rule.config?.txtFormatFn;
           if (!value) {
             if (rule.effect.required && rule.name !== "materialType") {
@@ -19083,7 +19224,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               break;
             }
           }
-          row[field] = value;
+          row[`${field}`] = value;
         }
         if (error)
           break;
@@ -19106,6 +19247,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       row[rule.field] = value;
       queryProductInfo(rule, row);
     }
+    function handleShopOption(value, rule, row) {
+      row[rule?.field] = value;
+      processAssociatedFields(
+        rule?.field,
+        rule?.config?.associatedFields,
+        row,
+        value
+      );
+    }
     function importDisabled() {
       return productInputSlots.filter((item) => item.config?.dataFiltering).some((item) => !formData.value[item.config.dataFiltering]);
     }
@@ -19128,12 +19278,23 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
         vue.createElementVNode("div", _hoisted_2$4, [
           vue.createTextVNode(vue.toDisplayString(__props.rule.title.title) + " ", 1),
           vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(vue.unref(countText)), 1),
           vue.createElementVNode("div", _hoisted_4$3, [
-            vue.unref(importFeature) && !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.unref(exportFeature) && !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+              key: 0,
+              disabled: __props.disabled,
+              onClick: handleExport
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u5BFC\u51FA")
+              ]),
+              _: 1
+            }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
+            vue.createTextVNode("\xA0 "),
+            vue.unref(importFeature) && !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createElementVNode("input", {
                 ref_key: "inputRef",
                 ref: inputRef,
@@ -19163,7 +19324,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               }, 8, ["disabled"])
             ], 64)) : vue.createCommentVNode("v-if", true),
             vue.unref(deleteFeature) && !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
-              key: 1,
+              key: 2,
               disabled: __props.disabled,
               onClick: handleBatchDelete
             }, {
@@ -19173,7 +19334,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               _: 1
             }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
             !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
-              key: 2,
+              key: 3,
               type: "primary",
               disabled: __props.disabled,
               onClick: handleAdd
@@ -19235,6 +19396,33 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["value", "disabled", "shop-value", "onChange"])
                     ])
                   };
+                }),
+                vue.renderList(shopInputSlots, (item) => {
+                  return {
+                    name: item.field,
+                    fn: vue.withCtx(({ row }) => [
+                      vue.createCommentVNode(" {{ item }} "),
+                      vue.createVNode(ShopInput, {
+                        value: row[item.field],
+                        fetch: __props.extraConfig?.shop,
+                        "data-filtering": item?.config?.dataFiltering,
+                        onChange: ($event) => handleShopOption($event, item, row)
+                      }, null, 8, ["value", "fetch", "data-filtering", "onChange"])
+                    ])
+                  };
+                }),
+                vue.renderList(customerInputSlots, (item) => {
+                  return {
+                    name: item.field,
+                    fn: vue.withCtx(({ row }) => [
+                      vue.createVNode(CustomerInput, {
+                        value: row[item.field],
+                        disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
+                        "shop-value": vue.unref(formData)[item.config.dataFiltering],
+                        onChange: ($event) => handlePressEnter($event, item, row)
+                      }, null, 8, ["value", "disabled", "shop-value", "onChange"])
+                    ])
+                  };
                 })
               ]), 1032, ["config"])
             ]),
@@ -19247,7 +19435,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
 });
 var TableWidget = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "table-widget.vue"]]);
 
-const _hoisted_1$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label is-required" }, "\u7D20\u6750\u6A21\u677F\uFF1A", -1);
+const _hoisted_1$4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label is-required" }, "\u7D20\u6750\u6A21\u677F\uFF1A", -1);
 const _hoisted_2$3 = { key: 0 };
 const _hoisted_3$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u7D20\u6750\u7C7B\u578B\uFF1A", -1);
 const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u5C3A\u5BF8\uFF1A", -1);
@@ -19583,7 +19771,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(vue.unref(antDesignVue.Col), null, {
                                     default: vue.withCtx(() => [
-                                      _hoisted_1$3
+                                      _hoisted_1$4
                                     ]),
                                     _: 1
                                   }),
@@ -19875,7 +20063,7 @@ var materialTemp = {
     },
 };
 
-const _hoisted_1$2 = { class: "bm-fc-form-item-label" };
+const _hoisted_1$3 = { class: "bm-fc-form-item-label" };
 const _hoisted_2$2 = ["src"];
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "product-info",
@@ -20007,7 +20195,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(antDesignVue.Col), null, {
                       default: vue.withCtx(() => [
-                        vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(field.label) + "\uFF1A", 1)
+                        vue.createElementVNode("span", _hoisted_1$3, vue.toDisplayString(field.label) + "\uFF1A", 1)
                       ]),
                       _: 2
                     }, 1024),
@@ -20109,6 +20297,7 @@ var product = {
     },
 };
 
+const _hoisted_1$2 = { class: "bm-fc-form-item-label" };
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "shop-widget",
   props: [
@@ -20117,14 +20306,20 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     "dataFiltering",
     "disabled",
     "formCreateInject",
-    "fdRule"
+    "fdRule",
+    "required",
+    "title",
+    "associatedFields"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const fieldNames = props.extraConfig.fieldNames || {
       label: "name",
-      value: "code"
+      value: "code",
+      channelName: "channelName",
+      platformName: "platformName",
+      channelTypeName: "channelTypeName"
     };
     const options = vue.ref([]);
     const keyword = vue.ref("");
@@ -20190,23 +20385,99 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       keyword.value = value;
       debounceFetch(value);
     }
+    const shopInfoKeyMap = {
+      \u5E97\u94FA\u6240\u5C5E\u5E73\u53F0: "platformName",
+      \u6E20\u9053: "channelName",
+      \u6E20\u9053\u7C7B\u522B: "channelTypeName"
+    };
+    function getValue(value) {
+      const parse = shopInfoKeyMap[value];
+      return props.formCreateInject?.rule?.value?.[parse];
+    }
     initOptions();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
-        value: __props.formCreateInject?.rule?.value?.value || __props.value?.value,
-        placeholder: "\u8BF7\u9009\u62E9",
-        "show-search": "",
-        "show-arrow": false,
-        "default-active-first-option": false,
-        "filter-option": false,
-        "not-found-content": null,
-        options: options.value,
-        "get-popup-container": vue.unref(getContainer),
-        disabled: __props.disabled,
-        "allow-clear": "",
-        onChange: handleChangeConfirm,
-        onSearch: handleSearch
-      }, null, 8, ["value", "options", "get-popup-container", "disabled"]);
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Row), { gutter: [0, 24] }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(antDesignVue.Col), {
+            span: __props.associatedFields?.length ? 8 : 24
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(antDesignVue.Row), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(antDesignVue.Col), null, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass([
+                          "bm-fc-form-item-label",
+                          props.required ? "is-required" : ""
+                        ])
+                      }, vue.toDisplayString(__props.title) + "\uFF1A", 3)
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(vue.unref(antDesignVue.Col), { flex: 1 }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(antDesignVue.Select), {
+                        value: __props.formCreateInject?.rule?.value?.value || __props.value?.value,
+                        placeholder: "\u8BF7\u9009\u62E9",
+                        "show-search": "",
+                        "show-arrow": false,
+                        "default-active-first-option": false,
+                        "filter-option": false,
+                        "not-found-content": null,
+                        options: options.value,
+                        "get-popup-container": vue.unref(getContainer),
+                        disabled: __props.disabled,
+                        "allow-clear": "",
+                        onChange: handleChangeConfirm,
+                        onSearch: handleSearch
+                      }, null, 8, ["value", "options", "get-popup-container", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["span"]),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.associatedFields, (field2) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Col), {
+              key: field2.value,
+              span: 8
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(antDesignVue.Row), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(antDesignVue.Col), null, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(field2.label) + "\uFF1A", 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    vue.createVNode(vue.unref(antDesignVue.Col), {
+                      class: "bm-fc-form-item",
+                      flex: 1
+                    }, {
+                      default: vue.withCtx(() => [
+                        getValue(field2.value) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                          vue.createTextVNode(vue.toDisplayString(getValue(field2.value)), 1)
+                        ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                          vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA")
+                        ], 64))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      });
     };
   }
 });
@@ -20220,14 +20491,16 @@ var shop = {
         return {
             type: 'ShopWidget',
             component: ShopWidget,
-            title: `${data.title.title}${data.config.isMain ? '(主控件)' : ''}`,
             field: data.field,
             effect: {
                 required: data.effect.required && '请选择店铺',
             },
             props: {
                 dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
+                associatedFields: data.config.associatedFields,
                 extraConfig: shopExtraConfig,
+                required: data.effect.required,
+                title: `${data.title.title}${data.config.isMain ? '(主控件)' : ''}`,
             },
             inject: true,
             on: {
@@ -20877,11 +21150,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     "extraConfig",
     "value",
     "info",
-    "formPermissions"
+    "formPermissions",
+    "resolveRulesConfig"
   ],
   emits: ["update:value"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
+    const formRuleList = vue.computed(() => {
+      if (typeof props.resolveRulesConfig === "function") {
+        const rules = props.resolveRulesConfig(ruleList);
+        if (!rules) {
+          throw new Error("resolveRulesConfig\u9700\u8FD4\u56DErules\u89E3\u6790\u5BF9\u8C61");
+        }
+        return props.resolveRulesConfig(ruleList) || {};
+      }
+      return ruleList;
+    });
     const option = vue.computed(() => ({
       wrap: {
         labelCol: {
@@ -20920,12 +21204,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function makeRule(fdRule) {
       return fdRule.map((data) => {
         const childRules = data?.config?.childRules;
-        const rule2 = ruleList[data.name].rule(data, props.extraConfig);
+        const rule2 = formRuleList.value[data.name]?.rule(data, props.extraConfig);
+        if (!rule2) {
+          console.error(`\u672A\u914D\u7F6Erule \u3010${data.name}\u3011\u89E3\u6790\u5BF9\u8C61`);
+          return null;
+        }
         if (data.name === "row" && childRules?.length) {
           const rowRule = rule2.children.find((item) => item.type === "row");
           childRules.forEach((ruleItem) => {
             rowRule.children.push(
-              ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
+              formRuleList.value[ruleItem.name]?.rowRule(
+                ruleItem,
+                props.extraConfig
+              )
             );
           });
         }
@@ -20989,7 +21280,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function getFormFeildRule(rule2) {
-      if (rule2.native) {
+      if (rule2?.native) {
         return rule2.children.find((item) => item.field);
       } else
         return rule2;