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

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

@@ -12,7 +12,10 @@ var components = require('bm-admin-ui/lib/components');
 var iconsVue = require('@ant-design/icons-vue');
 var lodashEs = require('lodash-es');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
+var utils = require('bm-admin-ui/lib/utils');
 var isNull = require('bm-admin-ui/lib/utils/isNull');
+var FC = require('@form-create/ant-design-vue');
+var BmOverTooltips = require('bm-admin-ui/lib/components/over-tooltips');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,6 +23,9 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var Picture__default = /*#__PURE__*/_interopDefaultLegacy(Picture);
 var BmStaffsSelector__default = /*#__PURE__*/_interopDefaultLegacy(BmStaffsSelector);
 var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
+var utils__default = /*#__PURE__*/_interopDefaultLegacy(utils);
+var FC__default = /*#__PURE__*/_interopDefaultLegacy(FC);
+var BmOverTooltips__default = /*#__PURE__*/_interopDefaultLegacy(BmOverTooltips);
 
 const fieldRatioMap = {
     '25%': 6,
@@ -38,6 +44,7 @@ function getContainer() {
 var input = {
     name: 'input',
     rule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -48,7 +55,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: {
@@ -58,6 +65,7 @@ var input = {
         };
     },
     rowRule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -68,7 +76,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],
@@ -110,6 +118,7 @@ var input = {
 var textarea = {
     name: 'textarea',
     rule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -121,7 +130,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: {
@@ -131,6 +140,7 @@ var textarea = {
         };
     },
     rowRule(data) {
+        var _a;
         return {
             type: 'input',
             field: data.field,
@@ -142,7 +152,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],
@@ -174,8 +184,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,
@@ -185,17 +196,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',
@@ -203,7 +222,7 @@ var numInput = {
         return generateRowRule(data);
     },
     rowRule(data) {
-        return generateRowRule(data);
+        return generateRowRule(data, true);
     },
     tableRule(data) {
         const field = data.field;
@@ -297,6 +316,7 @@ function handleRadioRule(rule) {
 var radio = {
     name: 'radio',
     rule(data) {
+        var _a;
         const rule = {
             type: data.type,
             field: data.field,
@@ -307,7 +327,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: {
@@ -320,6 +340,7 @@ var radio = {
         return rule;
     },
     rowRule(data) {
+        var _a;
         const rule = {
             type: data.type,
             field: data.field,
@@ -330,7 +351,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],
@@ -369,15 +390,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: {
@@ -388,15 +410,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],
@@ -419,6 +442,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) => {
@@ -434,6 +459,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
@@ -449,7 +475,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: {
@@ -462,6 +488,7 @@ var date = {
         };
     },
     rowRule(data) {
+        var _a;
         const format = data.props.format;
         const value = data.config.defaultValue || data.value
             ? data.value
@@ -477,7 +504,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],
@@ -523,6 +550,7 @@ var date = {
 var dateRange = {
     name: 'dateRange',
     rule(data) {
+        var _a;
         const format = data.props.format;
         const extraProps = {
             picker: format === 'YYYY-MM' ? 'month' : '',
@@ -534,7 +562,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: {
@@ -548,6 +576,7 @@ var dateRange = {
         };
     },
     rowRule(data) {
+        var _a;
         const format = data.props.format;
         const extraProps = {
             picker: format === 'YYYY-MM' ? 'month' : '',
@@ -559,7 +588,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],
@@ -650,6 +679,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',
@@ -682,7 +712,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,
@@ -701,6 +731,7 @@ var picture = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         const maxCount = data.props.extraProps.maxCount;
         return {
             type: 'Picture',
@@ -730,7 +761,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,
@@ -756,6 +787,7 @@ var picture = {
 var file = {
     name: 'file',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'Picture',
             component: Picture__default["default"],
@@ -776,9 +808,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,
@@ -797,6 +834,7 @@ var file = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'Picture',
             component: Picture__default["default"],
@@ -817,9 +855,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,
@@ -913,7 +956,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,
@@ -932,7 +975,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: {
@@ -941,21 +984,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);
-                        }
+                    vue.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,
@@ -974,21 +1020,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);
-                        }
+                    vue.nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        api.form[rule.field] = list;
+                        api.validateField(rule.field, () => {
+                            if (list.length) {
+                                api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
@@ -1118,8 +1167,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__ */ vue.defineComponent({
   __name: "select-material-temp",
   props: [
@@ -1334,9 +1383,9 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                                 vue.createElementVNode("span", {
                                   class: "bm-fc-select-material-temp__content__name",
                                   title: item.templateName
-                                }, vue.toDisplayString(item.templateName), 9, _hoisted_6$3)
+                                }, vue.toDisplayString(item.templateName), 9, _hoisted_6$4)
                               ], 8, _hoisted_4$4),
-                              vue.createElementVNode("div", _hoisted_7$3, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
+                              vue.createElementVNode("div", _hoisted_7$4, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
                             ])
                           ]),
                           _: 2
@@ -18573,8 +18622,14 @@ var lodash = {exports: {}};
 
 const _sfc_main$a = /* @__PURE__ */ vue.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);
@@ -18582,6 +18637,12 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     function emitChange(val) {
       emits("change", val);
     }
+    function handleBlur(val) {
+      emits("blur", val);
+    }
+    function handlePressEnter(val) {
+      emits("pressEnter", val);
+    }
     vue.watch(
       () => props.value,
       (val) => {
@@ -18594,17 +18655,29 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.shopValue,
       () => {
-        emitChange("");
+        if (!props.doNotClearAfterFilterChange) {
+          emitChange("");
+        }
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
+      return props.fetchMode === "blur" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.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) => vue.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"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.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) => vue.unref(debounceFn)($event.target.value))
+      }, null, 8, ["value", "disabled"]));
     };
   }
 });
@@ -18613,14 +18686,20 @@ var ProductInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "product
 const _sfc_main$9 = /* @__PURE__ */ vue.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 = vue.ref();
     function emitChange(val) {
       emits("change", val);
     }
+    function handleBlur(val) {
+      emits("blur", val);
+    }
+    function handlePressEnter(val) {
+      emits("pressEnter", val);
+    }
     vue.watch(
       () => props.value,
       (val) => {
@@ -18642,7 +18721,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         "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))
+        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"]);
     };
   }
@@ -18731,9 +18812,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__ */ vue.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 = vue.defineComponent({
   __name: "table-widget",
   props: [
     "rule",
@@ -18754,15 +18843,20 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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,
@@ -18778,6 +18872,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const columns = vue.reactive([]);
     const data = vue.reactive([]);
     const config = vue.computed(() => ({
+      ...props.rule?.config?.tableConfig,
       columns: [...columns],
       data: [...data],
       columnConfig: {
@@ -18790,8 +18885,36 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         }
       }
     }));
+    const xGrid = vue.computed(() => bmFloatTableRef.value.xGrid || {});
+    const inputRef = vue.ref();
+    const childRulesMap = vue.computed(
+      () => props.rule?.config?.childRules.reduce((result, item) => {
+        result[item.field] = item;
+        return result;
+      }, {}) || {}
+    );
+    const productInputSlots = vue.reactive([]);
+    const shopInputSlots = vue.reactive([]);
+    const customerInputSlots = vue.reactive([]);
+    const formData = vue.computed(
+      () => props.formData || props.formCreateInject.api.bind()
+    );
+    const tableConfig = vue.computed(() => props.rule?.config?.tableConfig || {});
+    const validColumns = vue.computed(() => columns.filter((c) => isValidColumn(c)));
+    const isProductCenter = vue.computed(
+      () => tableConfig.value.system === "productCenter"
+    );
+    const isProductCenterSuit = vue.computed(
+      () => isProductCenter.value && [
+        "F2CTemplate",
+        "B2CTemplate",
+        "DistributeTemp",
+        "FreshTemplate",
+        "activityApply"
+      ].includes(tableConfig.value.template)
+    );
     const countText = vue.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 };
@@ -18803,30 +18926,31 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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 = vue.computed(() => bmFloatTableRef.value.xGrid || {});
-    const inputRef = vue.ref();
-    const childRulesMap = vue.computed(
-      () => props.rule?.config?.childRules.reduce((result, item) => {
-        result[item.field] = item;
-        return result;
-      }, {}) || {}
-    );
-    const productInputSlots = vue.reactive([]);
-    const shopInputSlots = vue.reactive([]);
-    const customerInputSlots = vue.reactive([]);
-    const formData = vue.computed(
-      () => props.formData || props.formCreateInject.api.bind()
-    );
     function isShow(key) {
       return props.rule.config.tableAdvancedFeatures.includes(key);
     }
@@ -18844,6 +18968,14 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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) {
@@ -18853,7 +18985,40 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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 vue.h("img", {
+                        src: props.extraConfig.common.previewImg(row[childField]),
+                        style: {
+                          width: "86px",
+                          height: "86px",
+                          padding: "8px"
+                        }
+                      });
+                    }
+                    return vue.h(
+                      "div",
+                      {
+                        style: {
+                          color: "#9393A3"
+                        }
+                      },
+                      ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"]
+                    );
+                  }
+                }
+              });
+            } else {
+              pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            }
           }
           return pre;
         }, [])
@@ -18899,10 +19064,25 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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: {
@@ -18910,7 +19090,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           }
         }
       ];
-      if (associatedFields.length) {
+      if (associatedFields?.length) {
         associatedFields.forEach((item) => {
           const childField = productPicName(item.value, field);
           columns2.push({
@@ -18936,7 +19116,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                       color: "#9393A3"
                     }
                   },
-                  [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]
+                  [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"]
                 );
               }
             }
@@ -18946,22 +19126,50 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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 = lodashEs.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__default["default"].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__default["default"].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({
@@ -18972,9 +19180,18 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         }
       });
     }
-    function handleImport() {
+    async function handleImport() {
       if (importDisabled()) {
         antDesignVue.message.error("\u8BF7\u5148\u9009\u62E9\u5E97\u94FA\uFF01");
+      } else if (isProductCenterSuit.value) {
+        if (data.length > 0) {
+          if (await utils__default["default"].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();
       }
@@ -18993,6 +19210,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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]) {
@@ -19005,10 +19223,37 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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);
       }
     }
@@ -19018,17 +19263,24 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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);
         });
@@ -19045,7 +19297,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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 = [];
@@ -19065,9 +19317,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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)
@@ -19204,6 +19456,18 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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({
@@ -19245,10 +19509,30 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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(
@@ -19259,7 +19543,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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];
     }
     vue.watch(
       () => props.rule,
@@ -19279,77 +19563,276 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         deep: true
       }
     );
+    const buttonLoadingForProductCenter = vue.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 = lodashEs.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__default["default"].confirmModal(res.promptMessage)) {
+          return;
+        }
+        if (res.templateDataList?.length) {
+          data.push(...res.templateDataList);
+        }
+        const numFormatter = (value) => utils__default["default"].toFixNumHasDefault(value, 0, false, "0");
+        if (!res.successNum) {
+          let confirmRet = await utils__default["default"].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__default["default"].confirmModal(
+            `\u5BFC\u5165\u6210\u529F\uFF0C\u5171${numFormatter(res.successNum)}\u6761`,
+            "\u63D0\u793A",
+            "success",
+            {
+              okText: "\u77E5\u9053\u4E86"
+            },
+            "success"
+          );
+        } else {
+          let confirmRet = await utils__default["default"].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 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(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", {
+          vue.createCommentVNode(" \u5546\u54C1\u4E2D\u5FC3\u5B9A\u5236 \u6309\u94AE "),
+          vue.unref(isProductCenter) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+            !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.unref(tableConfig).buttons?.includes("import") ? (vue.openBlock(), vue.createElementBlock("input", {
+                key: 0,
                 ref_key: "inputRef",
                 ref: inputRef,
                 style: { "display": "none" },
                 name: "file",
                 type: "file",
-                accept: "text/csv",
-                onChange: handleChange
-              }, null, 544),
-              vue.createVNode(vue.unref(antDesignVue.Button), {
+                accept: vue.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)) : vue.createCommentVNode("v-if", true),
+              vue.unref(tableConfig).buttons?.includes("export") ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 1,
                 disabled: __props.disabled,
-                onClick: handleDownload
+                loading: buttonLoadingForProductCenter.value.export,
+                onClick: exportForProductCenter
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  vue.createTextVNode("\u5BFC\u51FA")
                 ]),
                 _: 1
-              }, 8, ["disabled"]),
-              vue.createVNode(vue.unref(antDesignVue.Button), {
+              }, 8, ["disabled", "loading"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(tableConfig).buttons?.includes("downloadTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 2,
+                disabled: __props.disabled,
+                loading: buttonLoadingForProductCenter.value.download,
+                onClick: downloadTemplateForProductCenter
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F")
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(tableConfig).buttons?.includes("import") ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 3,
                 disabled: __props.disabled,
+                loading: buttonLoadingForProductCenter.value.import,
                 onClick: handleImport
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode("\u6279\u91CF\u5BFC\u5165")
                 ]),
                 _: 1
+              }, 8, ["disabled", "loading"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(tableConfig).buttons?.includes("delete") ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 4,
+                disabled: __props.disabled,
+                onClick: handleBatchDelete
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u6279\u91CF\u5220\u9664")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(tableConfig).buttons?.includes("add") ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 5,
+                type: "primary",
+                disabled: __props.disabled,
+                onClick: handleAdd
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.PlusOutlined)),
+                  vue.createTextVNode(" \u65B0\u589E")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
+            ], 64)) : vue.createCommentVNode("v-if", true)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+            !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.unref(exportFeature) ? (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) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createElementVNode("input", {
+                  ref_key: "inputRef",
+                  ref: inputRef,
+                  style: { "display": "none" },
+                  name: "file",
+                  type: "file",
+                  accept: "text/csv",
+                  onChange: handleChange
+                }, null, 544),
+                vue.createVNode(vue.unref(antDesignVue.Button), {
+                  disabled: __props.disabled,
+                  onClick: handleDownload
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                vue.createVNode(vue.unref(antDesignVue.Button), {
+                  disabled: __props.disabled,
+                  onClick: handleImport
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("\u6279\u91CF\u5BFC\u5165")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ], 64)) : vue.createCommentVNode("v-if", true),
+              vue.unref(deleteFeature) ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                key: 2,
+                disabled: __props.disabled,
+                onClick: handleBatchDelete
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u6279\u91CF\u5220\u9664")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
+              vue.createVNode(vue.unref(antDesignVue.Button), {
+                type: "primary",
+                disabled: __props.disabled,
+                onClick: handleAdd
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.PlusOutlined)),
+                  vue.createTextVNode(" \u65B0\u589E ")
+                ]),
+                _: 1
               }, 8, ["disabled"])
-            ], 64)) : vue.createCommentVNode("v-if", true),
-            vue.unref(deleteFeature) && !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
-              key: 2,
-              disabled: __props.disabled,
-              onClick: handleBatchDelete
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode("\u6279\u91CF\u5220\u9664")
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
-            !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
-              key: 3,
-              type: "primary",
-              disabled: __props.disabled,
-              onClick: handleAdd
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(iconsVue.PlusOutlined)),
-                vue.createTextVNode(" \u65B0\u589E ")
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
-          ])
+            ], 64)) : vue.createCommentVNode("v-if", true)
+          ]))
         ]),
-        vue.createElementVNode("div", _hoisted_5$3, [
+        vue.createElementVNode("div", _hoisted_7$3, [
           vue.createVNode(vue.unref(antDesignVue.FormItemRest), null, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(components.BmFloatTable), {
@@ -19394,8 +19877,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                         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"])
+                        "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"])
                     ])
                   };
                 }),
@@ -19421,8 +19908,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                         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"])
+                        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"])
                     ])
                   };
                 })
@@ -19826,7 +20315,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                     flex: 1
                                   }, {
                                     default: vue.withCtx(() => [
-                                      vue.createTextVNode(vue.toDisplayString(pane.tempSelected.materialCategoryNameShow || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"), 1)
+                                      vue.createTextVNode(vue.toDisplayString(pane.tempSelected.materialCategoryNameShow || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"), 1)
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -20009,6 +20498,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',
@@ -20037,14 +20527,19 @@ var materialTemp = {
                     validate: [
                         {
                             validator(rule, value) {
+                                var _a, _b, _c;
                                 if (isNull.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.isNull(row[field]))) {
@@ -20055,7 +20550,7 @@ var materialTemp = {
                                 }
                                 return Promise.resolve();
                             },
-                            message: '请检查必填项',
+                            message: ((_a = data.effect) === null || _a === void 0 ? void 0 : _a.requiredTip) || '请检查必填项',
                         },
                     ],
                 },
@@ -20072,11 +20567,13 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   props: [
     "associatedFields",
     "dataFiltering",
+    "doNotClearAfterFilterChange",
     "required",
     "extraConfig",
     "defalutValue",
     "disabled",
-    "formCreateInject"
+    "formCreateInject",
+    "fetchMode"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -20088,7 +20585,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.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 = vue.computed(() => props.formCreateInject.api.bind());
@@ -20145,7 +20647,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => formData.value[props.dataFiltering],
       () => {
-        if (inputValue.value) {
+        if (inputValue.value && !props.doNotClearAfterFilterChange) {
           reset();
         }
       }
@@ -20170,14 +20672,23 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                   }),
                   vue.createVNode(vue.unref(antDesignVue.Col), { flex: 1 }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(antDesignVue.Input), {
+                      props.fetchMode === "blur" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.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: vue.unref(debounceFn),
+                        onBlur: handleBlur
+                      }, null, 8, ["value", "disabled", "onPressEnter"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.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
                   })
@@ -20212,12 +20723,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.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" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                            vue.createTextVNode(vue.toDisplayString(unitMap[getValue(field.value)]), 1)
+                            vue.createTextVNode(vue.toDisplayString(unitMap[getValue(field.value)] || getValue(field.value)), 1)
                           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                             vue.createTextVNode(vue.toDisplayString(getValue(field.value)), 1)
                           ], 64))
                         ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                          vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA")
+                          vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6")
                         ], 64))
                       ]),
                       _: 2
@@ -20240,19 +20751,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: {
@@ -20269,19 +20784,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: {
@@ -20345,11 +20864,20 @@ const _sfc_main$4 = /* @__PURE__ */ vue.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;
@@ -20465,7 +20993,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                         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")
+                          vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6")
                         ], 64))
                       ]),
                       _: 2
@@ -20488,17 +21016,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,
@@ -20520,19 +21048,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: {
@@ -20547,7 +21076,7 @@ var shop = {
                 },
             },
             col: {
-                span: 12,
+                span: 24,
             },
             value: data.value,
         };
@@ -20650,6 +21179,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,
@@ -20660,7 +21190,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: {
@@ -20688,6 +21218,7 @@ var materialType = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'materialType',
             component: materialType$1,
@@ -20698,7 +21229,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: {
@@ -20787,7 +21318,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
-        var _a;
+        var _a, _b;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -20809,7 +21340,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: {
@@ -20821,18 +21352,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);
-                        }
+                    vue.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,
@@ -20854,7 +21388,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],
@@ -20864,11 +21398,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);
-                        }
+                    vue.nextTick(() => {
+                        rule.props.defaultSelected = list;
+                        inject.api.form[rule.field] = list;
+                        inject.api.validateField(rule.field, () => {
+                            if (list.length) {
+                                inject.api.clearValidateState(rule.field);
+                            }
+                        });
                     });
                 },
             },
@@ -20926,6 +21463,7 @@ function validator(rule, value) {
 var table = {
     name: 'table',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'TableWidget',
             component: TableWidget,
@@ -20947,12 +21485,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,
@@ -20974,12 +21514,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,
         };
     },
 };
@@ -21149,9 +21690,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     "formPermissions",
     "resolveRulesConfig"
   ],
-  emits: ["update:value"],
+  emits: ["update:value", "change"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
+    FC__default["default"].component("BmLabelTooltip", BmOverTooltips__default["default"]);
     const formRuleList = vue.computed(() => {
       if (typeof props.resolveRulesConfig === "function") {
         const rules = props.resolveRulesConfig(ruleList);
@@ -21171,6 +21713,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           span: 24
         }
       },
+      form: {
+        title: ""
+      },
       submitBtn: false,
       global: {
         ShopWidget: {
@@ -21309,6 +21854,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         immediate: true
       }
     );
+    function onChange(...reset) {
+      emits("change", ...reset);
+    }
     expose({ fApi });
     return (_ctx, _cache) => {
       const _component_formCreate = vue.resolveComponent("formCreate", true);
@@ -21323,7 +21871,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "model-value": __props.value,
           option: vue.unref(option),
           rule: rule.value,
-          "onUpdate:modelValue": handleValue
+          "onUpdate:modelValue": handleValue,
+          onChange
         }, null, 8, ["api", "model-value", "option", "rule"])
       ], 64);
     };