bm-admin-ui 1.2.29-alpha → 1.2.30-alpha

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

@@ -8,7 +8,10 @@ import { BmTagsDisplay, BmFloatTable } from 'bm-admin-ui/es/components';
 import { EyeOutlined, SearchOutlined, CheckCircleFilled, PlusOutlined } from '@ant-design/icons-vue';
 import { cloneDeep, floor, debounce } from 'lodash-es';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
+import utils from 'bm-admin-ui/es/utils';
 import { isNull } from 'bm-admin-ui/es/utils/isNull';
+import FC from '@form-create/ant-design-vue';
+import BmOverTooltips from 'bm-admin-ui/es/components/over-tooltips';
 
 const fieldRatioMap = {
     '25%': 6,
@@ -27,6 +30,7 @@ function getContainer() {
 var input = {
     name: 'input',
     rule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -37,7 +41,7 @@ var input = {
             },
             value: data.value,
             effect: {
-                required: data.effect.required && '请输入',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入'),
             },
             wrap: {
                 wrapperCol: {
@@ -47,6 +51,7 @@ var input = {
         };
     },
     rowRule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -57,7 +62,7 @@ var input = {
             },
             value: data.value,
             effect: {
-                required: data.effect.required && '请输入',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -99,6 +104,7 @@ var input = {
 var textarea = {
     name: 'textarea',
     rule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -110,7 +116,7 @@ var textarea = {
             },
             value: data.value,
             effect: {
-                required: data.effect.required && '请输入',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入'),
             },
             wrap: {
                 wrapperCol: {
@@ -120,6 +126,7 @@ var textarea = {
         };
     },
     rowRule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -131,7 +138,7 @@ var textarea = {
             },
             value: data.value,
             effect: {
-                required: data.effect.required && '请输入',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -163,8 +170,9 @@ var textarea = {
     },
 };
 
-function generateRowRule(data) {
-    return {
+function generateRowRule(data, InRow = false) {
+    var _a;
+    const config = {
         type: 'inputNumber',
         field: data.field,
         title: data.title.title,
@@ -174,17 +182,25 @@ function generateRowRule(data) {
         },
         value: data.value,
         effect: {
-            required: data.effect.required && '请输入',
-        },
-        wrap: {
-            wrapperCol: {
-                span: fieldRatioMap[data.config.fieldRatio],
-            },
+            required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入'),
         },
         style: {
             width: '100%',
         },
     };
+    if (InRow) {
+        config['col'] = {
+            span: fieldRatioMap[data.config.fieldRatio],
+        };
+    }
+    else {
+        config['wrap'] = {
+            wrapperCol: {
+                span: fieldRatioMap[data.config.fieldRatio],
+            },
+        };
+    }
+    return config;
 }
 var numInput = {
     name: 'numInput',
@@ -192,7 +208,7 @@ var numInput = {
         return generateRowRule(data);
     },
     rowRule(data) {
-        return generateRowRule(data);
+        return generateRowRule(data, true);
     },
     tableRule(data) {
         const field = data.field;
@@ -286,6 +302,7 @@ function handleRadioRule(rule) {
 var radio = {
     name: 'radio',
     rule(data) {
+        var _a;
         const rule = {
             type: data.type,
             field: data.field,
@@ -296,7 +313,7 @@ var radio = {
             },
             options: data.options,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -309,6 +326,7 @@ var radio = {
         return rule;
     },
     rowRule(data) {
+        var _a;
         const rule = {
             type: data.type,
             field: data.field,
@@ -319,7 +337,7 @@ var radio = {
             },
             options: data.options,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -358,15 +376,16 @@ var radio = {
 var checkbox = {
     name: 'checkbox',
     rule(data) {
+        var _a;
         const extraProps = data.type === 'select' ? { mode: 'multiple' } : {};
         return {
             type: data.type,
             field: data.field,
             title: data.title.title,
-            props: Object.assign({ placeholder: data.props.placeholder, allowClear: true }, extraProps),
+            props: Object.assign({ placeholder: data.props.placeholder, allowClear: true, maxTagCount: data.props.maxTagCount, maxTagPlaceholder: data.props.maxTagPlaceholder }, extraProps),
             options: data.options,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -377,15 +396,16 @@ var checkbox = {
         };
     },
     rowRule(data) {
+        var _a;
         const extraProps = data.type === 'select' ? { mode: 'multiple' } : {};
         return {
             type: data.type,
             field: data.field,
             title: data.title.title,
-            props: Object.assign({ placeholder: data.props.placeholder, allowClear: true }, extraProps),
+            props: Object.assign({ placeholder: data.props.placeholder, allowClear: true, maxTagCount: data.props.maxTagCount, maxTagPlaceholder: data.props.maxTagPlaceholder }, extraProps),
             options: data.options,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -408,6 +428,8 @@ var checkbox = {
                         options: data.options,
                         mode: 'multiple',
                         allowClear: true,
+                        maxTagCount: data.props.maxTagCount,
+                        maxTagPlaceholder: data.props.maxTagPlaceholder,
                         getPopupContainer: getContainer,
                         disabled: data.disabled,
                         'onUpdate:value': (value) => {
@@ -423,6 +445,7 @@ var checkbox = {
 var date = {
     name: 'date',
     rule(data) {
+        var _a;
         const format = data.props.format;
         const value = data.config.defaultValue || data.value
             ? data.value
@@ -438,7 +461,7 @@ var date = {
             props: Object.assign({ format, valueFormat: format, placeholder: data.props.placeholder }, extraProps),
             value,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -451,6 +474,7 @@ var date = {
         };
     },
     rowRule(data) {
+        var _a;
         const format = data.props.format;
         const value = data.config.defaultValue || data.value
             ? data.value
@@ -466,7 +490,7 @@ var date = {
             props: Object.assign({ format, valueFormat: format, placeholder: data.props.placeholder }, extraProps),
             value,
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -512,6 +536,7 @@ var date = {
 var dateRange = {
     name: 'dateRange',
     rule(data) {
+        var _a;
         const format = data.props.format;
         const extraProps = {
             picker: format === 'YYYY-MM' ? 'month' : '',
@@ -523,7 +548,7 @@ var dateRange = {
             title: data.title.title,
             props: Object.assign({ range: true, separator: '~', format, valueFormat: format, placeholder: data.props.placeholder, getCalendarContainer: getContainer, getPopupContainer: getContainer }, extraProps),
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -537,6 +562,7 @@ var dateRange = {
         };
     },
     rowRule(data) {
+        var _a;
         const format = data.props.format;
         const extraProps = {
             picker: format === 'YYYY-MM' ? 'month' : '',
@@ -548,7 +574,7 @@ var dateRange = {
             title: data.title.title,
             props: Object.assign({ range: true, separator: '~', format, valueFormat: format, placeholder: data.props.placeholder }, extraProps),
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -639,6 +665,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
 var picture = {
     name: 'picture',
     rule(data, extraConfig) {
+        var _a;
         const maxCount = data.props.extraProps.maxCount;
         return {
             type: 'Picture',
@@ -671,7 +698,7 @@ var picture = {
                     required: data.effect.required,
                     type: 'array',
                     min: 1,
-                    message: '请上传图片',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请上传图片',
                 },
             ],
             inject: true,
@@ -690,6 +717,7 @@ var picture = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         const maxCount = data.props.extraProps.maxCount;
         return {
             type: 'Picture',
@@ -719,7 +747,7 @@ var picture = {
                     required: data.effect.required,
                     type: 'array',
                     min: 1,
-                    message: '请上传图片',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请上传图片',
                 },
             ],
             inject: true,
@@ -745,6 +773,7 @@ var picture = {
 var file = {
     name: 'file',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'Picture',
             component: Picture,
@@ -765,9 +794,14 @@ var file = {
             validate: [
                 {
                     required: data.effect.required,
+                    type: 'array',
+                    min: 1,
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请上传附件',
+                },
+                {
                     type: 'array',
                     len: 1,
-                    message: '请上传附件',
+                    message: '附件数量不能超过1个',
                 },
             ],
             inject: true,
@@ -786,6 +820,7 @@ var file = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'Picture',
             component: Picture,
@@ -806,9 +841,14 @@ var file = {
             validate: [
                 {
                     required: data.effect.required,
+                    type: 'array',
+                    min: 1,
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请上传附件',
+                },
+                {
                     type: 'array',
                     len: 1,
-                    message: '请上传附件',
+                    message: '附件数量不能超过1个',
                 },
             ],
             inject: true,
@@ -902,7 +942,7 @@ var StaffSelector = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "staff-
 var people = {
     name: 'people',
     rule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -921,7 +961,7 @@ var people = {
                 fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_b = data.effect) === null || _b === void 0 ? void 0 : _b.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -930,21 +970,24 @@ var people = {
             },
             inject: true,
             on: {
-                change(inject, list) {
-                    const rule = inject.self;
+                change({ api, self }, list) {
+                    const rule = self;
                     rule.props.defaultSelected = list;
-                    inject.api.form[rule.field] = list;
-                    inject.api.validateField(rule.field, () => {
-                        if (list.length) {
-                            inject.api.clearValidateState(rule.field);
-                        }
+                    nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        api.form[rule.field] = list;
+                        api.validateField(rule.field, () => {
+                            if (list.length) {
+                                api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
         };
     },
     rowRule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -963,21 +1006,24 @@ var people = {
                 fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_b = data.effect) === null || _b === void 0 ? void 0 : _b.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
             },
             inject: true,
             on: {
-                change(inject, list) {
-                    const rule = inject.self;
+                change({ api, self }, list) {
+                    const rule = self;
                     rule.props.defaultSelected = list;
-                    inject.api.form[rule.field] = list;
-                    inject.api.validateField(rule.field, () => {
-                        if (list.length) {
-                            inject.api.clearValidateState(rule.field);
-                        }
+                    nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        api.form[rule.field] = list;
+                        api.validateField(rule.field, () => {
+                            if (list.length) {
+                                api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
@@ -1107,8 +1153,8 @@ const _hoisted_5$4 = {
   key: 1,
   class: "bm-fc-select-material-temp__content__circle"
 };
-const _hoisted_6$3 = ["title"];
-const _hoisted_7$3 = { class: "bm-fc-select-material-temp__content__item-time" };
+const _hoisted_6$4 = ["title"];
+const _hoisted_7$4 = { class: "bm-fc-select-material-temp__content__item-time" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "select-material-temp",
   props: [
@@ -1323,9 +1369,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                                 createElementVNode("span", {
                                   class: "bm-fc-select-material-temp__content__name",
                                   title: item.templateName
-                                }, toDisplayString(item.templateName), 9, _hoisted_6$3)
+                                }, toDisplayString(item.templateName), 9, _hoisted_6$4)
                               ], 8, _hoisted_4$4),
-                              createElementVNode("div", _hoisted_7$3, toDisplayString(unref(dayjs)(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
+                              createElementVNode("div", _hoisted_7$4, toDisplayString(unref(dayjs)(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
                             ])
                           ]),
                           _: 2
@@ -18562,8 +18608,14 @@ var lodash = {exports: {}};
 
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "product-input-in-table",
-  props: ["value", "disabled", "shopValue"],
-  emits: ["change"],
+  props: [
+    "value",
+    "disabled",
+    "shopValue",
+    "doNotClearAfterFilterChange",
+    "fetchMode"
+  ],
+  emits: ["change", "blur", "pressEnter"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const debounceFn = lodash.exports.debounce(emitChange, 500);
@@ -18571,6 +18623,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     function emitChange(val) {
       emits("change", val);
     }
+    function handleBlur(val) {
+      emits("blur", val);
+    }
+    function handlePressEnter(val) {
+      emits("pressEnter", val);
+    }
     watch(
       () => props.value,
       (val) => {
@@ -18583,17 +18641,29 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     watch(
       () => props.shopValue,
       () => {
-        emitChange("");
+        if (!props.doNotClearAfterFilterChange) {
+          emitChange("");
+        }
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Input), {
+      return props.fetchMode === "blur" ? (openBlock(), createBlock(unref(Input), {
+        key: 0,
         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) => unref(debounceFn)($event.target.value))
-      }, null, 8, ["value", "disabled"]);
+        onChange: _cache[1] || (_cache[1] = ($event) => emitChange($event.target.value)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => handleBlur($event.target?.value)),
+        onPressEnter: _cache[3] || (_cache[3] = ($event) => handlePressEnter($event.target?.value))
+      }, null, 8, ["value", "disabled"])) : (openBlock(), createBlock(unref(Input), {
+        key: 1,
+        value: inputValue.value,
+        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => inputValue.value = $event),
+        placeholder: "\u8BF7\u8F93\u5165",
+        disabled: __props.disabled,
+        onChange: _cache[5] || (_cache[5] = ($event) => unref(debounceFn)($event.target.value))
+      }, null, 8, ["value", "disabled"]));
     };
   }
 });
@@ -18602,14 +18672,20 @@ var ProductInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "product
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "customer-input-in-table",
   props: ["value", "disabled", "shopValue"],
-  emits: ["change"],
+  emits: ["change", "blur", "pressEnter"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const debounceFn = lodash.exports.debounce(emitChange, 500);
+    lodash.exports.debounce(emitChange, 500);
     const inputValue = ref();
     function emitChange(val) {
       emits("change", val);
     }
+    function handleBlur(val) {
+      emits("blur", val);
+    }
+    function handlePressEnter(val) {
+      emits("pressEnter", val);
+    }
     watch(
       () => props.value,
       (val) => {
@@ -18631,7 +18707,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
         placeholder: "\u8BF7\u8F93\u5165",
         disabled: __props.disabled,
-        onChange: _cache[1] || (_cache[1] = ($event) => unref(debounceFn)($event.target.value))
+        onChange: _cache[1] || (_cache[1] = ($event) => emitChange($event.target.value)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => handleBlur($event.target?.value)),
+        onPressEnter: _cache[3] || (_cache[3] = ($event) => handlePressEnter($event.target?.value))
       }, null, 8, ["value", "disabled"]);
     };
   }
@@ -18720,9 +18798,17 @@ var ShopInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "shop-input
 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" };
-const _hoisted_5$3 = { class: "bm-dc-table-widget__table" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$3 = {
+  key: 0,
+  class: "bm-dc-table-widget__top-bar"
+};
+const _hoisted_5$3 = ["accept"];
+const _hoisted_6$3 = {
+  key: 1,
+  class: "bm-dc-table-widget__top-bar"
+};
+const _hoisted_7$3 = { class: "bm-dc-table-widget__table" };
+const _sfc_main$7 = defineComponent({
   __name: "table-widget",
   props: [
     "rule",
@@ -18743,15 +18829,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
       \u5546\u54C1\u5355\u4F4D: "unit",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag",
       \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: ""
+      \u5BA2\u6237\u7B80\u79F0: "clientShortName",
+      \u5BA2\u6237\u7C7B\u578B: "b2bType",
+      \u5BA2\u6237\u7B49\u7EA7: "b2bLevel",
+      \u6240\u5C5E\u5E97\u94FA: "shopName",
+      \u5E97\u94FA\u7F16\u53F7: "shopCode",
+      SAP\u5BA2\u6237\u7F16\u53F7: "sapCode"
     };
     let indexMap = {
       product: 0,
@@ -18767,6 +18858,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const columns = reactive([]);
     const data = reactive([]);
     const config = computed(() => ({
+      ...props.rule?.config?.tableConfig,
       columns: [...columns],
       data: [...data],
       columnConfig: {
@@ -18779,8 +18871,36 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       }
     }));
+    const xGrid = computed(() => bmFloatTableRef.value.xGrid || {});
+    const inputRef = ref();
+    const childRulesMap = computed(
+      () => props.rule?.config?.childRules.reduce((result, item) => {
+        result[item.field] = item;
+        return result;
+      }, {}) || {}
+    );
+    const productInputSlots = reactive([]);
+    const shopInputSlots = reactive([]);
+    const customerInputSlots = reactive([]);
+    const formData = computed(
+      () => props.formData || props.formCreateInject.api.bind()
+    );
+    const tableConfig = computed(() => props.rule?.config?.tableConfig || {});
+    const validColumns = computed(() => columns.filter((c) => isValidColumn(c)));
+    const isProductCenter = computed(
+      () => tableConfig.value.system === "productCenter"
+    );
+    const isProductCenterSuit = computed(
+      () => isProductCenter.value && [
+        "F2CTemplate",
+        "B2CTemplate",
+        "DistributeTemp",
+        "FreshTemplate",
+        "activityApply"
+      ].includes(tableConfig.value.template)
+    );
     const countText = computed(() => {
-      const cache = {};
+      let cache = {};
       props.rule.config.childRules?.forEach((rule) => {
         if (rule.name === "numInput" && rule.config.count) {
           cache[rule.field] = { title: rule.title.title, count: 0 };
@@ -18792,30 +18912,31 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             cache[key].count += row[key];
         });
       });
-      if (Object.keys(cache).length)
+      if (props.rule.config.showTotal) {
+        cache = {
+          _total: { title: "\u884C\u6570", count: data?.length || 0 },
+          ...cache
+        };
+      }
+      if (Object.keys(cache).length) {
+        if (isProductCenter.value) {
+          return `\uFF08${Object.values(cache).reduce((pre, cur, index) => {
+            if (index !== 0)
+              pre += "\u3001";
+            pre += `${cur.title}\u603B\u8BA1\uFF1A${cur.count}`;
+            return pre;
+          }, "")}\uFF09`;
+        }
         return `\uFF08\u5B57\u6BB5\u540D\u603B\u8BA1\uFF1A${Object.values(cache).reduce((pre, cur, index) => {
           if (index !== 0)
             pre += "\u3001";
           pre += `${cur.title}\uFF1A${cur.count}`;
           return pre;
         }, "")}\uFF09`;
-      else
+      } else {
         return "";
+      }
     });
-    const xGrid = computed(() => bmFloatTableRef.value.xGrid || {});
-    const inputRef = ref();
-    const childRulesMap = computed(
-      () => props.rule?.config?.childRules.reduce((result, item) => {
-        result[item.field] = item;
-        return result;
-      }, {}) || {}
-    );
-    const productInputSlots = reactive([]);
-    const shopInputSlots = reactive([]);
-    const customerInputSlots = reactive([]);
-    const formData = computed(
-      () => props.formData || props.formCreateInject.api.bind()
-    );
     function isShow(key) {
       return props.rule.config.tableAdvancedFeatures.includes(key);
     }
@@ -18833,6 +18954,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           width: "54px"
         });
       }
+      if (isProductCenterSuit.value) {
+        columns.push({
+          type: "seq",
+          title: "\u5E8F\u53F7",
+          width: "62px",
+          align: "center"
+        });
+      }
       childRules?.length && columns.push(
         ...childRules.reduce((pre, cur) => {
           if (cur.hidden) {
@@ -18842,7 +18971,40 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           if (Object.keys(indexMap).includes(name)) {
             pre.push(...getExtraColumns(cur));
           } else {
-            pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            let childField = cur.field;
+            let title = cur.title?.title;
+            if (isProductCenter.value && cur.field === "picUrl") {
+              pre.push({
+                field: childField,
+                title,
+                minWidth: "138px",
+                slots: {
+                  default({ row }) {
+                    if (row?.[childField]) {
+                      return h("img", {
+                        src: props.extraConfig.common.previewImg(row[childField]),
+                        style: {
+                          width: "86px",
+                          height: "86px",
+                          padding: "8px"
+                        }
+                      });
+                    }
+                    return h(
+                      "div",
+                      {
+                        style: {
+                          color: "#9393A3"
+                        }
+                      },
+                      ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"]
+                    );
+                  }
+                }
+              });
+            } else {
+              pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            }
           }
           return pre;
         }, [])
@@ -18888,10 +19050,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const field = rule.field;
       const associatedFields = rule.config.associatedFields;
       configObj.slots.push(rule);
+      function getBaseTitle() {
+        let baseTitle = mainName;
+        if (rule.name === "product") {
+          baseTitle = `\u5546\u54C1\u7F16\u7801-${mainName}`;
+          if (isProductCenterSuit.value && rule.field === "productCode") {
+            baseTitle = "\u5546\u54C1\u7F16\u53F7";
+          }
+        } else if (rule.name === "customer") {
+          baseTitle = `\u5BA2\u6237\u7F16\u53F7-${mainName}`;
+          if (isProductCenterSuit.value && rule.field === "clientCode") {
+            baseTitle = "\u5BA2\u6237\u7F16\u53F7";
+          }
+        }
+        return baseTitle;
+      }
       const columns2 = [
         {
           field,
-          title: rule.name === "product" ? `\u5546\u54C1\u7F16\u7801-${mainName}` : `${mainName}`,
+          title: getBaseTitle(),
           headerClassName: rule.effect.required ? "is-required" : "",
           minWidth: "138px",
           slots: {
@@ -18899,7 +19076,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           }
         }
       ];
-      if (associatedFields.length) {
+      if (associatedFields?.length) {
         associatedFields.forEach((item) => {
           const childField = productPicName(item.value, field);
           columns2.push({
@@ -18925,7 +19102,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       color: "#9393A3"
                     }
                   },
-                  [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]
+                  [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"]
                 );
               }
             }
@@ -18935,22 +19112,50 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return columns2;
     }
     function handleAdd(rowData) {
-      Array.isArray(rowData) ? data.push(...rowData) : data.push(getRowData());
+      let defaultRowData = getRowData();
+      if (Array.isArray(rowData)) {
+        rowData.forEach((item) => {
+          Object.keys(defaultRowData).forEach((field) => {
+            if (item[field] === void 0) {
+              item[field] = defaultRowData[field];
+            }
+          });
+        });
+      }
+      Array.isArray(rowData) ? data.push(...rowData) : data.push(defaultRowData);
     }
     function handleCopy(row) {
       const newData = cloneDeep(row);
       delete newData._X_ROW_KEY;
       data.push(newData);
     }
-    function handleDelete(index) {
-      data.splice(index, 1);
+    async function handleDelete(index, needConfirm = true) {
+      if (isProductCenter.value && needConfirm) {
+        if (await utils.confirmModal("\u786E\u5B9A\u8981\u5220\u9664\u8BE5\u9879\uFF1F")) {
+          data.splice(index, 1);
+        }
+      } else {
+        data.splice(index, 1);
+      }
     }
-    function handleBatchDelete() {
+    async function handleBatchDelete() {
       const selected = xGrid.value.getCheckboxRecords();
-      selected.forEach((item) => {
-        const index = data.indexOf(item);
-        handleDelete(index);
-      });
+      if (!selected?.length) {
+        return;
+      }
+      if (isProductCenter.value) {
+        if (await utils.confirmModal(`\u786E\u5B9A\u8981\u5220\u9664\u6240\u9009\u7684${selected?.length}\u6761\u6570\u636E\u4E48\uFF1F`)) {
+          selected.forEach((item) => {
+            const index = data.indexOf(item);
+            handleDelete(index, false);
+          });
+        }
+      } else {
+        selected.forEach((item) => {
+          const index = data.indexOf(item);
+          handleDelete(index, false);
+        });
+      }
     }
     function handleDownload() {
       xGrid.value.exportData({
@@ -18961,9 +19166,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    function handleImport() {
+    async function handleImport() {
       if (importDisabled()) {
         message.error("\u8BF7\u5148\u9009\u62E9\u5E97\u94FA\uFF01");
+      } else if (isProductCenterSuit.value) {
+        if (data.length > 0) {
+          if (await utils.confirmModal("\u518D\u6B21\u6279\u5BFC\u4F1A\u8986\u76D6\u5DF2\u6709\u6570\u636E")) {
+            data.splice(0, data.length);
+            inputRef.value.click();
+          }
+        } else {
+          inputRef.value.click();
+        }
       } else {
         inputRef.value.click();
       }
@@ -18982,6 +19196,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     async function queryProductInfo(rule, row) {
       const field = rule.field;
       const associatedFields = rule?.config?.associatedFields;
+      const otherAssociatedFields = rule?.config?.otherAssociatedFields;
       let result = void 0;
       try {
         if (row[field]) {
@@ -18994,10 +19209,37 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           }
         }
         processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return result;
+      } catch (e) {
+        row[field] = "";
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return Promise.resolve(result);
+      }
+    }
+    async function queryCustomerInfo(rule, row) {
+      const field = rule.field;
+      const associatedFields = rule?.config?.associatedFields;
+      const otherAssociatedFields = rule?.config?.otherAssociatedFields;
+      let result = void 0;
+      try {
+        if (row[field]) {
+          result = await props.extraConfig.customer?.fetch({
+            clientCode: row[field],
+            filterByShopcode: rule?.config?.dataFiltering
+          });
+          if (!result) {
+            row[field] = "";
+          }
+        }
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
         return result;
       } catch (e) {
         row[field] = "";
         processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
         return Promise.resolve(result);
       }
     }
@@ -19007,17 +19249,24 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           row[productPicName(item.value, field)] = result ? result[accosiationParseKeyMap[item.value]] : void 0;
         });
     }
+    function processOtherAssociatedFields(field, fields, row, result) {
+      if (isProductCenterSuit.value) {
+        fields?.forEach?.((item) => {
+          row[item] = result ? result[item] : void 0;
+        });
+      }
+    }
     function handleChange(e) {
       const file = e.target.files[0];
       const reader = new FileReader();
       reader.onload = (fr) => {
         const rows = parseCsv(fr?.target?.result);
-        const validColumns = columns.filter((c) => isValidColumn(c));
+        const validColumns2 = columns.filter((c) => isValidColumn(c));
         const result = [];
         rows.forEach((row) => {
           const rowData = {};
           row.forEach((item, index) => {
-            rowData[validColumns[index].field] = item;
+            rowData[validColumns2[index].field] = item;
           });
           result.push(rowData);
         });
@@ -19034,7 +19283,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       file && reader.readAsText(file, "GB2312");
     }
     function isValidColumn(c) {
-      return c.type !== "checkbox" && c.field !== oper;
+      return c.type !== "checkbox" && c.type !== "seq" && c.field !== oper;
     }
     function parseCsv(result) {
       let data2 = [];
@@ -19054,9 +19303,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
     async function validate(rowData) {
       let error = "";
-      const validColumns = columns.filter((c) => isValidColumn(c));
+      const validColumns2 = columns.filter((c) => isValidColumn(c));
       for (const row of rowData) {
-        for (const { field } of validColumns) {
+        for (const { field } of validColumns2) {
           const rule = childRulesMap.value[`${field}`];
           const title = rule?.title?.title;
           if (!rule)
@@ -19193,6 +19442,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               break;
             }
           }
+          if (rule.name === "customer") {
+            try {
+              const productInfo = await queryCustomerInfo(rule, row);
+              if (!productInfo) {
+                error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+                break;
+              }
+            } catch (e) {
+              error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+              break;
+            }
+          }
           if (rule.name === "shop") {
             try {
               const shopInfo = await props.extraConfig[rule.name].getShopInfo({
@@ -19234,10 +19495,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         return false;
       return !formData.value[shopField];
     }
-    function handlePressEnter(value, rule, row) {
+    function handleProductChange(value, rule, row) {
+      row[rule.field] = value;
+      if (isProductCenterSuit.value && rule.field === "productCode") {
+        Object.keys(row).forEach((key) => {
+          if (!["productCode", "_X_ROW_KEY"].includes(key)) {
+            row[key] = void 0;
+          }
+        });
+      }
+      if (rule.config.fetchMode !== "blur") {
+        queryProductInfo(rule, row);
+      }
+    }
+    function handleProductPressEnter(value, rule, row) {
       row[rule.field] = value;
       queryProductInfo(rule, row);
     }
+    function handleCustomerChange(value, rule, row) {
+      row[rule.field] = value;
+    }
+    function handleCustomerPressEnter(value, rule, row) {
+      row[rule.field] = value;
+      queryCustomerInfo(rule, row);
+    }
     function handleShopOption(value, rule, row) {
       row[rule?.field] = value;
       processAssociatedFields(
@@ -19248,7 +19529,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       );
     }
     function importDisabled() {
-      return productInputSlots.filter((item) => item.config?.dataFiltering).some((item) => !formData.value[item.config.dataFiltering]);
+      return productInputSlots.filter((item) => item.config?.dataFiltering).some((item) => !formData.value[item.config.dataFiltering]) || props.rule?.config?.dataFiltering && !formData.value[props.rule?.config?.dataFiltering];
     }
     watch(
       () => props.rule,
@@ -19268,77 +19549,276 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         deep: true
       }
     );
+    const buttonLoadingForProductCenter = ref({
+      export: false,
+      download: false,
+      import: false
+    });
+    async function exportForProductCenter() {
+      if (!tableConfig.value.template || tableConfig.value.template === "table") {
+        return handleExport();
+      }
+      try {
+        buttonLoadingForProductCenter.value.export = true;
+        const selected = xGrid.value?.getCheckboxRecords?.();
+        await props.extraConfig.table?.exportFetch?.({
+          tableConfig: tableConfig.value,
+          columns: validColumns.value,
+          data: selected
+        });
+      } catch (error) {
+        console.log("\u{1F680} ~ error:", error);
+      } finally {
+        buttonLoadingForProductCenter.value.export = false;
+      }
+    }
+    async function downloadTemplateForProductCenter() {
+      if (!tableConfig.value.template || tableConfig.value.template === "table") {
+        return handleDownload();
+      }
+      try {
+        buttonLoadingForProductCenter.value.download = true;
+        await props.extraConfig.table?.downloadTemplateFetch?.({
+          tableConfig: tableConfig.value,
+          tableRules: props.rule.config.childRules,
+          columns: validColumns.value
+        });
+      } catch (error) {
+        console.log("\u{1F680} ~ error:", error);
+      } finally {
+        buttonLoadingForProductCenter.value.download = false;
+      }
+    }
+    async function importHandleForProductCenter(e) {
+      if (!tableConfig.value.template || tableConfig.value.template === "table") {
+        return handleChange(e);
+      }
+      try {
+        buttonLoadingForProductCenter.value.import = true;
+        let tableRules = cloneDeep(props.rule.config?.childRules || []);
+        tableRules.forEach((rule) => {
+          const field = rule.field;
+          let associatedFields = rule.config.associatedFields || [];
+          associatedFields.forEach((associatedRule) => {
+            associatedRule.field = productPicName(associatedRule.value, field);
+            associatedRule.is = accosiationParseKeyMap[associatedRule.value];
+          });
+        });
+        let res = await props.extraConfig.table?.importFetch?.({
+          tableConfig: tableConfig.value,
+          tableRules,
+          columns: validColumns.value,
+          filterByShopcode: props.rule?.config?.dataFiltering,
+          dataFile: e.target.files?.[0]
+        }) || {};
+        if (res.promptMessage && !await utils.confirmModal(res.promptMessage)) {
+          return;
+        }
+        if (res.templateDataList?.length) {
+          data.push(...res.templateDataList);
+        }
+        const numFormatter = (value) => utils.toFixNumHasDefault(value, 0, false, "0");
+        if (!res.successNum) {
+          let confirmRet = await utils.confirmModal(
+            `\u5BFC\u5165\u5931\u8D25\uFF0C\u5171${numFormatter(res.errorNum)}\u6761`,
+            "\u63D0\u793A",
+            "error",
+            {
+              okText: "\u4E0B\u8F7D\u9519\u8BEF\u6570\u636E"
+            },
+            "error"
+          );
+          if (confirmRet) {
+            props.extraConfig.table?.downloadErrorFetch?.({
+              tableConfig: tableConfig.value,
+              columns: validColumns.value,
+              data: res
+            });
+          }
+        } else if (res.successNum === res.importNum) {
+          let confirmRet = await utils.confirmModal(
+            `\u5BFC\u5165\u6210\u529F\uFF0C\u5171${numFormatter(res.successNum)}\u6761`,
+            "\u63D0\u793A",
+            "success",
+            {
+              okText: "\u77E5\u9053\u4E86"
+            },
+            "success"
+          );
+        } else {
+          let confirmRet = await utils.confirmModal(
+            `\u5BFC\u5165\u6210\u529F${numFormatter(res.successNum)}\u6761\uFF0C\u5931\u8D25${numFormatter(
+              res.errorNum
+            )}\u6761`,
+            "\u63D0\u793A",
+            "warning",
+            {
+              okText: "\u4E0B\u8F7D\u9519\u8BEF\u6570\u636E"
+            },
+            "warning"
+          );
+          if (confirmRet) {
+            props.extraConfig.table?.downloadErrorFetch?.({
+              tableConfig: tableConfig.value,
+              columns: validColumns.value,
+              data: res
+            });
+          }
+        }
+      } catch (error) {
+        console.log("\u{1F680} ~ error:", error);
+      } finally {
+        buttonLoadingForProductCenter.value.import = false;
+        e.target.value = "";
+      }
+    }
+    function getProductClearSetting(field) {
+      let setting = props.rule.config.childRules?.find((rule) => {
+        return rule.field === field;
+      });
+      return !!setting?.config?.doNotClearAfterFilterChange;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("div", _hoisted_2$4, [
           createTextVNode(toDisplayString(__props.rule.title.title) + " ", 1),
           createElementVNode("span", _hoisted_3$3, toDisplayString(unref(countText)), 1),
-          createElementVNode("div", _hoisted_4$3, [
-            unref(exportFeature) && !__props.hidden ? (openBlock(), createBlock(unref(Button), {
-              key: 0,
-              disabled: __props.disabled,
-              onClick: handleExport
-            }, {
-              default: withCtx(() => [
-                createTextVNode("\u5BFC\u51FA")
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-            createTextVNode("\xA0 "),
-            unref(importFeature) && !__props.hidden ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("input", {
+          createCommentVNode(" \u5546\u54C1\u4E2D\u5FC3\u5B9A\u5236 \u6309\u94AE "),
+          unref(isProductCenter) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            !__props.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(tableConfig).buttons?.includes("import") ? (openBlock(), createElementBlock("input", {
+                key: 0,
                 ref_key: "inputRef",
                 ref: inputRef,
                 style: { "display": "none" },
                 name: "file",
                 type: "file",
-                accept: "text/csv",
-                onChange: handleChange
-              }, null, 544),
-              createVNode(unref(Button), {
+                accept: unref(tableConfig).template === "table" ? "text/csv" : "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, .xlsx, .xls, .XLSX, .XLS",
+                onChange: importHandleForProductCenter
+              }, null, 40, _hoisted_5$3)) : createCommentVNode("v-if", true),
+              unref(tableConfig).buttons?.includes("export") ? (openBlock(), createBlock(unref(Button), {
+                key: 1,
                 disabled: __props.disabled,
-                onClick: handleDownload
+                loading: buttonLoadingForProductCenter.value.export,
+                onClick: exportForProductCenter
               }, {
                 default: withCtx(() => [
-                  createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  createTextVNode("\u5BFC\u51FA")
                 ]),
                 _: 1
-              }, 8, ["disabled"]),
-              createVNode(unref(Button), {
+              }, 8, ["disabled", "loading"])) : createCommentVNode("v-if", true),
+              unref(tableConfig).buttons?.includes("downloadTemplate") ? (openBlock(), createBlock(unref(Button), {
+                key: 2,
+                disabled: __props.disabled,
+                loading: buttonLoadingForProductCenter.value.download,
+                onClick: downloadTemplateForProductCenter
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F")
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"])) : createCommentVNode("v-if", true),
+              unref(tableConfig).buttons?.includes("import") ? (openBlock(), createBlock(unref(Button), {
+                key: 3,
                 disabled: __props.disabled,
+                loading: buttonLoadingForProductCenter.value.import,
                 onClick: handleImport
               }, {
                 default: withCtx(() => [
                   createTextVNode("\u6279\u91CF\u5BFC\u5165")
                 ]),
                 _: 1
+              }, 8, ["disabled", "loading"])) : createCommentVNode("v-if", true),
+              unref(tableConfig).buttons?.includes("delete") ? (openBlock(), createBlock(unref(Button), {
+                key: 4,
+                disabled: __props.disabled,
+                onClick: handleBatchDelete
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6279\u91CF\u5220\u9664")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+              unref(tableConfig).buttons?.includes("add") ? (openBlock(), createBlock(unref(Button), {
+                key: 5,
+                type: "primary",
+                disabled: __props.disabled,
+                onClick: handleAdd
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PlusOutlined)),
+                  createTextVNode(" \u65B0\u589E")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+            ], 64)) : createCommentVNode("v-if", true)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            !__props.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(exportFeature) ? (openBlock(), createBlock(unref(Button), {
+                key: 0,
+                disabled: __props.disabled,
+                onClick: handleExport
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u5BFC\u51FA")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+              createTextVNode("\xA0 "),
+              unref(importFeature) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createElementVNode("input", {
+                  ref_key: "inputRef",
+                  ref: inputRef,
+                  style: { "display": "none" },
+                  name: "file",
+                  type: "file",
+                  accept: "text/csv",
+                  onChange: handleChange
+                }, null, 544),
+                createVNode(unref(Button), {
+                  disabled: __props.disabled,
+                  onClick: handleDownload
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                createVNode(unref(Button), {
+                  disabled: __props.disabled,
+                  onClick: handleImport
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u6279\u91CF\u5BFC\u5165")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ], 64)) : createCommentVNode("v-if", true),
+              unref(deleteFeature) ? (openBlock(), createBlock(unref(Button), {
+                key: 2,
+                disabled: __props.disabled,
+                onClick: handleBatchDelete
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6279\u91CF\u5220\u9664")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+              createVNode(unref(Button), {
+                type: "primary",
+                disabled: __props.disabled,
+                onClick: handleAdd
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PlusOutlined)),
+                  createTextVNode(" \u65B0\u589E ")
+                ]),
+                _: 1
               }, 8, ["disabled"])
-            ], 64)) : createCommentVNode("v-if", true),
-            unref(deleteFeature) && !__props.hidden ? (openBlock(), createBlock(unref(Button), {
-              key: 2,
-              disabled: __props.disabled,
-              onClick: handleBatchDelete
-            }, {
-              default: withCtx(() => [
-                createTextVNode("\u6279\u91CF\u5220\u9664")
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-            !__props.hidden ? (openBlock(), createBlock(unref(Button), {
-              key: 3,
-              type: "primary",
-              disabled: __props.disabled,
-              onClick: handleAdd
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(PlusOutlined)),
-                createTextVNode(" \u65B0\u589E ")
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : createCommentVNode("v-if", true)
-          ])
+            ], 64)) : createCommentVNode("v-if", true)
+          ]))
         ]),
-        createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_7$3, [
           createVNode(unref(FormItemRest), null, {
             default: withCtx(() => [
               createVNode(unref(BmFloatTable), {
@@ -19383,8 +19863,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         value: row[item.field],
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
                         "shop-value": unref(formData)[item.config.dataFiltering],
-                        onChange: ($event) => handlePressEnter($event, item, row)
-                      }, null, 8, ["value", "disabled", "shop-value", "onChange"])
+                        "do-not-clear-after-filter-change": getProductClearSetting(item.field),
+                        "fetch-mode": item.config.fetchMode,
+                        onChange: ($event) => handleProductChange($event, item, row),
+                        onBlur: ($event) => handleProductPressEnter($event, item, row),
+                        onPressEnter: ($event) => handleProductPressEnter($event, item, row)
+                      }, null, 8, ["value", "disabled", "shop-value", "do-not-clear-after-filter-change", "fetch-mode", "onChange", "onBlur", "onPressEnter"])
                     ])
                   };
                 }),
@@ -19410,8 +19894,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         value: row[item.field],
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
                         "shop-value": unref(formData)[item.config.dataFiltering],
-                        onChange: ($event) => handlePressEnter($event, item, row)
-                      }, null, 8, ["value", "disabled", "shop-value", "onChange"])
+                        onChange: ($event) => handleCustomerChange($event, item, row),
+                        onBlur: ($event) => handleCustomerPressEnter($event, item, row),
+                        onPressEnter: ($event) => handleCustomerPressEnter($event, item, row)
+                      }, null, 8, ["value", "disabled", "shop-value", "onChange", "onBlur", "onPressEnter"])
                     ])
                   };
                 })
@@ -19815,7 +20301,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                     flex: 1
                                   }, {
                                     default: withCtx(() => [
-                                      createTextVNode(toDisplayString(pane.tempSelected.materialCategoryNameShow || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"), 1)
+                                      createTextVNode(toDisplayString(pane.tempSelected.materialCategoryNameShow || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"), 1)
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -19998,6 +20484,7 @@ var MaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "materia
 var materialTemp = {
     name: 'materialTemp',
     rule(data, extraConfig) {
+        var _a;
         return {
             native: true,
             type: 'div',
@@ -20026,14 +20513,19 @@ var materialTemp = {
                     validate: [
                         {
                             validator(rule, value) {
+                                var _a, _b, _c;
                                 if (isNull(value)) {
                                     return Promise.reject();
                                 }
                                 const panes = value.panes;
+                                const requiredPicture = (_b = (_a = data === null || data === void 0 ? void 0 : data.config) === null || _a === void 0 ? void 0 : _a.uploadPictureRule) === null || _b === void 0 ? void 0 : _b.required;
                                 for (const pane of panes) {
                                     if (!pane.tempIdSelected) {
                                         return Promise.reject();
                                     }
+                                    if (requiredPicture && !((_c = pane.uploadList) === null || _c === void 0 ? void 0 : _c.length)) {
+                                        return Promise.reject();
+                                    }
                                     if (pane.tableRequiredFields) {
                                         for (const field of pane.tableRequiredFields) {
                                             if (pane.tableData.some((row) => isNull(row[field]))) {
@@ -20044,7 +20536,7 @@ var materialTemp = {
                                 }
                                 return Promise.resolve();
                             },
-                            message: '请检查必填项',
+                            message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请检查必填项',
                         },
                     ],
                 },
@@ -20061,11 +20553,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: [
     "associatedFields",
     "dataFiltering",
+    "doNotClearAfterFilterChange",
     "required",
     "extraConfig",
     "defalutValue",
     "disabled",
-    "formCreateInject"
+    "formCreateInject",
+    "fetchMode"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -20077,7 +20571,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       \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",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag"
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
     const formData = computed(() => props.formCreateInject.api.bind());
@@ -20134,7 +20633,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     watch(
       () => formData.value[props.dataFiltering],
       () => {
-        if (inputValue.value) {
+        if (inputValue.value && !props.doNotClearAfterFilterChange) {
           reset();
         }
       }
@@ -20159,14 +20658,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(unref(Col), { flex: 1 }, {
                     default: withCtx(() => [
-                      createVNode(unref(Input), {
+                      props.fetchMode === "blur" ? (openBlock(), createBlock(unref(Input), {
+                        key: 0,
                         value: inputValue.value,
                         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                         placeholder: "\u8BF7\u8F93\u5165",
                         disabled: __props.disabled || inputDisbale(__props.dataFiltering),
+                        onPressEnter: unref(debounceFn),
+                        onBlur: handleBlur
+                      }, null, 8, ["value", "disabled", "onPressEnter"])) : (openBlock(), createBlock(unref(Input), {
+                        key: 1,
+                        value: inputValue.value,
+                        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                        placeholder: "\u8BF7\u8F93\u5165",
+                        disabled: __props.disabled || inputDisbale(__props.dataFiltering),
                         onPressEnter: handleBlur,
                         onChange: handleChange
-                      }, null, 8, ["value", "disabled"])
+                      }, null, 8, ["value", "disabled"]))
                     ]),
                     _: 1
                   })
@@ -20201,12 +20709,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             class: "bm-fc-form-item__img",
                             src: __props.extraConfig.common.previewImg(getValue(field.value))
                           }, null, 8, _hoisted_2$2)) : field.value === "\u5546\u54C1\u5355\u4F4D" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                            createTextVNode(toDisplayString(unitMap[getValue(field.value)]), 1)
+                            createTextVNode(toDisplayString(unitMap[getValue(field.value)] || getValue(field.value)), 1)
                           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                             createTextVNode(toDisplayString(getValue(field.value)), 1)
                           ], 64))
                         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA")
+                          createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6")
                         ], 64))
                       ]),
                       _: 2
@@ -20229,19 +20737,23 @@ var ProductInfo = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "product-
 var product = {
     name: 'product',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'ProductInfo',
             component: ProductInfo,
             field: data.field,
             effect: {
-                required: data.effect.required && '请输入商品编号',
+                required: data.effect.required &&
+                    (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入商品编号'),
             },
             props: {
                 required: data.effect.required,
                 associatedFields: data.config.associatedFields,
                 dataFiltering: data.config.dataFiltering,
+                doNotClearAfterFilterChange: data.config.doNotClearAfterFilterChange,
                 extraConfig: extraConfig,
                 defalutValue: data.value,
+                fetchMode: data.config.fetchMode,
             },
             inject: true,
             on: {
@@ -20258,19 +20770,23 @@ var product = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'ProductInfo',
             component: ProductInfo,
             field: data.field,
             effect: {
-                required: data.effect.required && '请输入商品编号',
+                required: data.effect.required &&
+                    (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请输入商品编号'),
             },
             props: {
                 required: data.effect.required,
                 associatedFields: data.config.associatedFields,
                 dataFiltering: data.config.dataFiltering,
+                doNotClearAfterFilterChange: data.config.doNotClearAfterFilterChange,
                 defalutValue: data.value,
                 extraConfig: extraConfig,
+                fetchMode: data.config.fetchMode,
             },
             inject: true,
             on: {
@@ -20334,11 +20850,20 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    function isProductCenterSuit(rule) {
+      return [
+        "F2CTemplate",
+        "B2CTemplate",
+        "DistributeTemp",
+        "FreshTemplate",
+        "activityApply"
+      ].includes(rule.name);
+    }
     function isAssociatedFn(rule) {
-      if (rule?.config?.dataFiltering === field.value) {
+      if (rule?.config?.dataFiltering === field.value && !isProductCenterSuit(rule)) {
         return true;
       }
-      if (rule?.config?.childRules?.length) {
+      if (rule?.config?.childRules?.length && !isProductCenterSuit(rule)) {
         for (const cRule of rule.config.childRules) {
           if (isAssociatedFn(cRule))
             return true;
@@ -20454,7 +20979,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         getValue(field2.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                           createTextVNode(toDisplayString(getValue(field2.value)), 1)
                         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA")
+                          createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6")
                         ], 64))
                       ]),
                       _: 2
@@ -20477,17 +21002,17 @@ var ShopWidget = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "shop-widg
 var shop = {
     name: 'shop',
     rule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         const shopExtraConfig = extraConfig.shop;
         return {
             type: 'ShopWidget',
             component: ShopWidget,
             field: data.field,
             effect: {
-                required: data.effect.required && '请选择店铺',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择店铺'),
             },
             props: {
-                dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
+                dataFiltering: (_b = data.config) === null || _b === void 0 ? void 0 : _b.dataFiltering,
                 associatedFields: data.config.associatedFields,
                 extraConfig: shopExtraConfig,
                 required: data.effect.required,
@@ -20509,19 +21034,20 @@ var shop = {
         };
     },
     rowRule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         const shopExtraConfig = extraConfig.shop;
         return {
             type: 'ShopWidget',
             component: ShopWidget,
-            title: data.title.title,
             field: data.field,
             effect: {
-                required: data.effect.required && '请选择店铺',
+                required: data.effect.required && (((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择店铺'),
             },
             props: {
-                dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
+                dataFiltering: (_b = data.config) === null || _b === void 0 ? void 0 : _b.dataFiltering,
                 extraConfig: shopExtraConfig,
+                associatedFields: data.config.associatedFields,
+                title: `${data.title.title}`,
             },
             inject: true,
             on: {
@@ -20536,7 +21062,7 @@ var shop = {
                 },
             },
             col: {
-                span: 12,
+                span: 24,
             },
             value: data.value,
         };
@@ -20639,6 +21165,7 @@ var materialType$1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "mater
 var materialType = {
     name: 'materialType',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'materialType',
             component: materialType$1,
@@ -20649,7 +21176,7 @@ var materialType = {
                     required: data.effect.required,
                     type: 'array',
                     min: 1,
-                    message: '请选择素材类型',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择素材类型',
                 },
             ],
             props: {
@@ -20677,6 +21204,7 @@ var materialType = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'materialType',
             component: materialType$1,
@@ -20687,7 +21215,7 @@ var materialType = {
                     required: data.effect.required,
                     type: 'array',
                     min: 1,
-                    message: '请选择素材类型',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请选择素材类型',
                 },
             ],
             props: {
@@ -20776,7 +21304,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -20798,7 +21326,7 @@ var department = {
                 fieldNames: (_a = extraConfig.department) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_b = data.effect) === null || _b === void 0 ? void 0 : _b.requiredTip) || '请选择'),
             },
             wrap: {
                 wrapperCol: {
@@ -20810,18 +21338,21 @@ var department = {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.props.defaultSelected = list;
-                    inject.api.form[rule.field] = list;
-                    inject.api.validateField(rule.field, () => {
-                        if (list.length) {
-                            inject.api.clearValidateState(rule.field);
-                        }
+                    nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        inject.api.form[rule.field] = list;
+                        inject.api.validateField(rule.field, () => {
+                            if (list.length) {
+                                inject.api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
         };
     },
     rowRule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -20843,7 +21374,7 @@ var department = {
                 fieldNames: (_a = extraConfig.department) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
-                required: data.effect.required && '请选择',
+                required: data.effect.required && (((_b = data.effect) === null || _b === void 0 ? void 0 : _b.requiredTip) || '请选择'),
             },
             col: {
                 span: fieldRatioMap[data.config.fieldRatio],
@@ -20853,11 +21384,14 @@ var department = {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.props.defaultSelected = list;
-                    inject.api.form[rule.field] = list;
-                    inject.api.validateField(rule.field, () => {
-                        if (list.length) {
-                            inject.api.clearValidateState(rule.field);
-                        }
+                    nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        inject.api.form[rule.field] = list;
+                        inject.api.validateField(rule.field, () => {
+                            if (list.length) {
+                                inject.api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
@@ -20915,6 +21449,7 @@ function validator(rule, value) {
 var table = {
     name: 'table',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'TableWidget',
             component: TableWidget,
@@ -20936,12 +21471,14 @@ var table = {
                     validator(rule, value) {
                         return validator(data, value);
                     },
-                    message: '请检查必填项',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请检查必填项',
                 },
             ],
+            wrap: data.wrap,
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'TableWidget',
             component: TableWidget,
@@ -20963,12 +21500,13 @@ var table = {
                     validator(rule, value) {
                         return validator(data, value);
                     },
-                    message: '请检查必填项',
+                    message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请检查必填项',
                 },
             ],
             col: {
                 span: 24,
             },
+            wrap: data.wrap,
         };
     },
 };
@@ -21138,9 +21676,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "formPermissions",
     "resolveRulesConfig"
   ],
-  emits: ["update:value"],
+  emits: ["update:value", "change"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
+    FC.component("BmLabelTooltip", BmOverTooltips);
     const formRuleList = computed(() => {
       if (typeof props.resolveRulesConfig === "function") {
         const rules = props.resolveRulesConfig(ruleList);
@@ -21160,6 +21699,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           span: 24
         }
       },
+      form: {
+        title: ""
+      },
       submitBtn: false,
       global: {
         ShopWidget: {
@@ -21298,6 +21840,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    function onChange(...reset) {
+      emits("change", ...reset);
+    }
     expose({ fApi });
     return (_ctx, _cache) => {
       const _component_formCreate = resolveComponent("formCreate", true);
@@ -21312,7 +21857,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "model-value": __props.value,
           option: unref(option),
           rule: rule.value,
-          "onUpdate:modelValue": handleValue
+          "onUpdate:modelValue": handleValue,
+          onChange
         }, null, 8, ["api", "model-value", "option", "rule"])
       ], 64);
     };