@xfe-repo/web-components 1.7.2 → 1.7.3

package/dist/index.js

@@ -4383,10 +4383,12 @@ var import_antd23 = require("antd");
 var import_immutable2 = __toESM(require("swr/immutable"));
 function useBrandOptions(params) {
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
-    var _ref = (0, import_immutable2.default)([
+    var _ref = (0, import_immutable2.default)(// 只有当 params 存在时才发起请求，避免无效请求
+    params != null ? [
         "/product/brand/combo-box",
         params
-    ], function() {
+    ] : null, function(param) {
+        var _param = _sliced_to_array(param, 2), _params = _param[1];
         return _async_to_generator(function() {
             var _res_data, res, options;
             return _ts_generator(this, function(_state) {
@@ -4397,7 +4399,7 @@ function useBrandOptions(params) {
                             apiService.brandComboBox(_object_spread({
                                 page: 1,
                                 pageSize: 500
-                            }, params), config)
+                            }, _params), config)
                         ];
                     case 1:
                         res = _state.sent();
@@ -4718,28 +4720,21 @@ var index_module_default10 = {
     input: "index_module_input2"
 };
 // src/EffectSkuTable/index.tsx
-var import_antd30 = require("antd");
+var import_antd29 = require("antd");
 // src/EffectBrandSelect/index.tsx
 var import_react39 = require("react");
 var import_react_use10 = require("react-use");
 var import_tools7 = require("@xfe-repo/web-utils/tools");
 var import_classnames9 = __toESM(require("classnames"));
-// src/EffectBrandSelect/index.module.less
-var index_module_default11 = {
-    input: "index_module_input3",
-    select: "index_module_select2"
-};
-// src/EffectBrandSelect/index.tsx
 var import_antd26 = require("antd");
-var import_antd27 = require("antd");
 // src/EffectSkuSelect/index.tsx
 var import_react38 = require("react");
 var import_react_use9 = require("react-use");
 var import_tools6 = require("@xfe-repo/web-utils/tools");
 var import_classnames8 = __toESM(require("classnames"));
 // src/EffectSkuSelect/index.module.less
-var index_module_default12 = {
-    input: "index_module_input4",
+var index_module_default11 = {
+    input: "index_module_input3",
     image: "index_module_image",
     preview: "index_module_preview",
     icon: "index_module_icon",
@@ -4971,7 +4966,7 @@ var EffectSkuSelect = (0, import_react38.memo)(function(props) {
         state,
         options
     ]);
-    var dropdownRender = (0, import_react38.useCallback)(function(_menu) {
+    var popupRender = (0, import_react38.useCallback)(function(_menu) {
         return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectDropdown, {
             value: value,
             options: options,
@@ -5003,14 +4998,14 @@ var EffectSkuSelect = (0, import_react38.memo)(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
     };
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd25.Select, _object_spread({
-        className: (0, import_classnames8.default)(index_module_default12.input, className)
+        className: (0, import_classnames8.default)(index_module_default11.input, className)
     }, selectBrandProps));
 });
 var SelectDropdown = (0, import_react38.memo)(function(props) {
@@ -5031,7 +5026,7 @@ var SelectDropdown = (0, import_react38.memo)(function(props) {
     }, []);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
         id: selectDropdownId,
-        className: index_module_default12.select_dropdown,
+        className: index_module_default11.select_dropdown,
         onMouseDown: handleMouseDown,
         children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_infinite_scroll_component.default, {
             dataLength: options.length,
@@ -5048,22 +5043,22 @@ var SelectDropdown = (0, import_react38.memo)(function(props) {
             scrollableTarget: selectDropdownId,
             scrollThreshold: "100px",
             children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
-                className: index_module_default12.options,
+                className: index_module_default11.options,
                 children: options.map(function(item) {
                     return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
-                        className: (0, import_classnames8.default)(index_module_default12.option, item.value === value && index_module_default12.active),
+                        className: (0, import_classnames8.default)(index_module_default11.option, item.value === value && index_module_default11.active),
                         onClick: function onClick() {
                             return handleOnSelect(item);
                         },
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ImageItem, {
-                                className: index_module_default12.select_image,
+                                className: index_module_default11.select_image,
                                 item: item,
                                 previewed: item.image === previewImage2,
                                 onPreview: handlePreview
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", {
-                                className: index_module_default12.label,
+                                className: index_module_default11.label,
                                 children: item.label
                             })
                         ]
@@ -5084,7 +5079,7 @@ var ImageItem = (0, import_react38.memo)(function(props) {
     ]);
     var previewProps = (0, import_react38.useMemo)(function() {
         return {
-            maskClassName: "".concat(index_module_default12.item_mask_img),
+            maskClassName: "".concat(index_module_default11.item_mask_img),
             visible: previewed,
             onVisibleChange: function onVisibleChange(value) {
                 return !value && (onPreview === null || onPreview === void 0 ? void 0 : onPreview());
@@ -5095,16 +5090,16 @@ var ImageItem = (0, import_react38.memo)(function(props) {
         onPreview
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
-        className: (0, import_classnames8.default)(index_module_default12.image, className),
+        className: (0, import_classnames8.default)(index_module_default11.image, className),
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
-                className: index_module_default12.preview,
+                className: index_module_default11.preview,
                 onClick: function onClick(event) {
                     return handlePreview(event);
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons10.EyeOutlined, {
-                        className: index_module_default12.icon
+                        className: index_module_default11.icon
                     }),
                     " \u9884\u89C8"
                 ]
@@ -5122,44 +5117,64 @@ var getNumberValue = function getNumberValue(value) {
     var numValue = Number(value);
     return Number.isNaN(numValue) ? void 0 : numValue;
 };
+// src/EffectBrandSelect/index.module.less
+var index_module_default12 = {
+    input: "index_module_input4",
+    select: "index_module_select2"
+};
 // src/EffectBrandSelect/index.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
+var OTHER_BRAND_OPTION = {
+    label: "\u5176\u5B83",
+    value: 1310
+};
 var EffectBrandSelect = (0, import_react39.memo)(function(props) {
-    var onChange = props.onChange, className = props.className, defaultValue = props.defaultValue, controlValue = props.value, disabled = props.disabled, mode = props.mode, categoryId = props.categoryId, sysBizTypeId = props.sysBizTypeId, showOtherBrand = props.showOtherBrand, style = props.style;
+    var onChange = props.onChange, className = props.className, defaultValue = props.defaultValue, controlValue = props.value, defaultLabel = props.defaultLabel, disabled = props.disabled, mode = props.mode, categoryId = props.categoryId, sysBizTypeId = props.sysBizTypeId, showOtherBrand = props.showOtherBrand, style = props.style;
+    var initialValue = controlValue !== null && controlValue !== void 0 ? controlValue : defaultValue;
+    var hasDefaultLabel = !!defaultLabel && initialValue !== void 0;
     var _ref = _sliced_to_array((0, import_react39.useState)(controlValue || defaultValue), 2), value = _ref[0], setValue = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react39.useState)(function() {
+        if (hasDefaultLabel) return null;
+        return {
+            /** 兼容 props 分类 Id 异常传入 */ categoryId: getNumberValue(categoryId),
+            sysBizTypeId: sysBizTypeId,
+            brandId: initialValue === null || initialValue === void 0 ? void 0 : initialValue.toString()
+        };
+    }), 2), params = _ref1[0], setParams = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react39.useState)(hasDefaultLabel ? [
+        {
+            label: defaultLabel,
+            value: initialValue
+        }
+    ] : []), 2), options = _ref2[0], setOptions = _ref2[1];
+    var prevControlValue = (0, import_react_use10.usePrevious)(controlValue);
+    var state = useBrandOptions(params);
     var searchFetch = (0, import_react39.useCallback)(function(brandName, brandId) {
-        if (brandId !== void 0) brandId = String(brandId);
         setParams({
-            categoryId: getNumberValue(categoryId),
+            /** 兼容 props 分类 Id 异常传入 */ categoryId: getNumberValue(categoryId),
             sysBizTypeId: sysBizTypeId,
-            brandName: brandName,
-            brandId: brandId
+            brandName: brandName || void 0,
+            brandId: brandId === null || brandId === void 0 ? void 0 : brandId.toString()
         });
     }, [
         categoryId,
         sysBizTypeId
     ]);
-    var _ref1 = _sliced_to_array((0, import_react39.useState)({
-        /** 兼容props分类Id 异常传入 */ categoryId: getNumberValue(categoryId),
-        sysBizTypeId: sysBizTypeId,
-        brandName: "",
-        brandId: value === null || value === void 0 ? void 0 : value.toString()
-    }), 2), params = _ref1[0], setParams = _ref1[1];
-    var prevControlValue = (0, import_react_use10.usePrevious)(controlValue);
-    var state = useBrandOptions(params);
-    var _ref2 = _sliced_to_array((0, import_react39.useState)(state.data || []), 2), options = _ref2[0], setOptions = _ref2[1];
+    var handleSearch = (0, import_react39.useCallback)((0, import_tools7.debounce)(800, function(searchName) {
+        return searchFetch(searchName);
+    }), [
+        searchFetch
+    ]);
+    var handleReset = (0, import_react39.useCallback)(function() {
+        return searchFetch("");
+    }, [
+        searchFetch
+    ]);
     (0, import_react_use10.useUpdateEffect)(function() {
         if (!state.data) return;
-        if (!showOtherBrand) {
-            setOptions(state.data);
-        } else {
-            setOptions(state.data.concat([
-                {
-                    label: "\u5176\u5B83",
-                    value: 1310
-                }
-            ]));
-        }
+        setOptions(showOtherBrand ? _to_consumable_array(state.data).concat([
+            OTHER_BRAND_OPTION
+        ]) : state.data);
     }, [
         state.data,
         showOtherBrand
@@ -5181,7 +5196,7 @@ var EffectBrandSelect = (0, import_react39.memo)(function(props) {
     }, [
         controlValue
     ]);
-    var handleOnChange = function handleOnChange(_value, _option) {
+    var handleChange = function handleChange(_value, _option) {
         setValue(_value);
         if (mode === "multiple") {
             var options2 = _option;
@@ -5194,73 +5209,41 @@ var EffectBrandSelect = (0, import_react39.memo)(function(props) {
             onChange === null || onChange === void 0 ? void 0 : onChange(_value, option === null || option === void 0 ? void 0 : option.label);
         }
     };
-    var handleOnDeselect = function handleOnDeselect(_value) {
-        searchFetch("");
-    };
-    var handleOnSearch = function handleOnSearch(searchName) {
-        return searchFetch(searchName);
-    };
-    var handleOnSearchDebounce = (0, import_react39.useCallback)((0, import_tools7.debounce)(800, handleOnSearch), [
-        categoryId,
-        sysBizTypeId
-    ]);
-    var handleOnClear = function handleOnClear() {
-        return searchFetch("");
-    };
     if (state.error) {
         var _state_error;
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_antd27.Typography.Text, {
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_antd26.Typography.Text, {
             type: "danger",
             children: (_state_error = state.error) === null || _state_error === void 0 ? void 0 : _state_error.toString()
         });
     }
-    var notFoundContent = state.isLoading ? "\u641C\u7D22\u4E2D" : "\u672A\u67E5\u8BE2\u5230\u76F8\u5173\u54C1\u724C";
-    var selectBrandProps = {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_antd26.Select, {
+        className: (0, import_classnames9.default)(index_module_default12.input, className),
         popupMatchSelectWidth: false,
-        notFoundContent: notFoundContent,
+        notFoundContent: state.isLoading ? "\u641C\u7D22\u4E2D" : "\u672A\u67E5\u8BE2\u5230\u76F8\u5173\u54C1\u724C",
         placeholder: "\u8BF7\u8F93\u5165\u54C1\u724C\u540D\u79F0",
         optionFilterProp: "label",
         showSearch: true,
         allowClear: true,
         defaultActiveFirstOption: false,
         filterOption: false,
-        onChange: handleOnChange,
-        onSearch: handleOnSearchDebounce,
-        onDeselect: handleOnDeselect,
-        onClear: handleOnClear,
+        onChange: handleChange,
+        onSearch: handleSearch,
+        onDeselect: handleReset,
+        onClear: handleReset,
         loading: state.isLoading,
         value: value,
         options: options,
         disabled: disabled,
         mode: mode,
         style: style
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_antd26.Select, _object_spread({
-        className: (0, import_classnames9.default)(index_module_default11.input, className)
-    }, selectBrandProps));
+    });
 });
 // src/EffectSeriesSelect/index.tsx
 var import_react40 = require("react");
+var import_antd27 = require("antd");
 var import_react_use11 = require("react-use");
 var import_tools8 = require("@xfe-repo/web-utils/tools");
 var import_classnames10 = __toESM(require("classnames"));
-// src/EffectSeriesSelect/index.module.less
-var index_module_default13 = {
-    input: "index_module_input5",
-    hover: "index_module_hover",
-    dropdown: "index_module_dropdown",
-    img_opt: "index_module_img_opt",
-    item: "index_module_item",
-    icon_preview: "index_module_icon_preview",
-    icon_eye: "index_module_icon_eye",
-    item_img: "index_module_item_img",
-    item_mask_img: "index_module_item_mask_img",
-    item_label: "index_module_item_label",
-    txt_opt: "index_module_txt_opt",
-    active: "index_module_active2"
-};
-// src/EffectSeriesSelect/index.tsx
-var import_antd28 = require("antd");
 // src/EffectSeriesSelect/useSeriesOptions.ts
 var import_immutable4 = __toESM(require("swr/immutable"));
 function useSeriesOptions(params) {
@@ -5309,6 +5292,21 @@ function useSeriesOptions(params) {
         mutate: mutate
     };
 }
+// src/EffectSeriesSelect/index.module.less
+var index_module_default13 = {
+    input: "index_module_input5",
+    hover: "index_module_hover",
+    dropdown: "index_module_dropdown",
+    img_opt: "index_module_img_opt",
+    item: "index_module_item",
+    icon_preview: "index_module_icon_preview",
+    icon_eye: "index_module_icon_eye",
+    item_img: "index_module_item_img",
+    item_mask_img: "index_module_item_mask_img",
+    item_label: "index_module_item_label",
+    txt_opt: "index_module_txt_opt",
+    active: "index_module_active2"
+};
 // src/EffectSeriesSelect/index.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
@@ -5317,13 +5315,11 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
     var _ref1 = _sliced_to_array((0, import_react40.useState)([]), 2), options = _ref1[0], setOptions = _ref1[1];
     var _ref2 = _sliced_to_array((0, import_react40.useState)(controlValue || defaultValue), 2), value = _ref2[0], setValue = _ref2[1];
     var _ref3 = _sliced_to_array((0, import_react40.useState)(""), 2), searchValue = _ref3[0], setSearchValue = _ref3[1];
-    var pageData = (0, import_react40.useMemo)(function() {
-        return {
-            page: 1,
-            pageSize: 12,
-            hasMore: true
-        };
-    }, []);
+    var pageData = (0, import_react40.useRef)({
+        page: 1,
+        pageSize: 12,
+        hasMore: true
+    });
     var conditions = (0, import_react40.useMemo)(function() {
         return {
             categoryId: categoryId,
@@ -5333,29 +5329,30 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
         categoryId,
         brandId
     ]);
-    var searchFetch = (0, import_react40.useCallback)(function(params2) {
-        var page = params2.page, searchValue2 = params2.searchValue, conditions2 = params2.conditions, value2 = params2.value;
-        var pageSize = pageData.pageSize;
-        var id = getNumberValue(value2);
-        var serviceParams = _object_spread_props(_object_spread({}, conditions2), {
-            id: id,
-            seriesName: searchValue2,
-            page: page,
-            pageSize: pageSize
-        });
-        setParams(serviceParams);
-    }, []);
     var _ref4 = _sliced_to_array((0, import_react40.useState)({
         categoryId: categoryId,
         brandId: brandId,
-        /** 兼容props分类Id 异常传入 */ id: getNumberValue(value),
+        /** 兼容 props 分类 Id 异常传入 */ id: getNumberValue(value),
         seriesName: searchValue,
-        page: pageData.page,
-        pageSize: pageData.pageSize
+        page: pageData.current.page,
+        pageSize: pageData.current.pageSize
     }), 2), params = _ref4[0], setParams = _ref4[1];
     var state = useSeriesOptions(params);
     var prevControlValue = (0, import_react_use11.usePrevious)(controlValue);
-    var debounceSearchFetch = (0, import_react40.useCallback)((0, import_tools8.debounce)(300, searchFetch), [
+    var searchFetch = (0, import_react40.useCallback)(function(fetchParams) {
+        var page = fetchParams.page, searchValue2 = fetchParams.searchValue, conditions2 = fetchParams.conditions, value2 = fetchParams.value;
+        var pageSize = pageData.current.pageSize;
+        var id = getNumberValue(value2);
+        setParams(_object_spread_props(_object_spread({}, conditions2), {
+            id: id,
+            seriesName: searchValue2,
+            page: page,
+            pageSize: pageSize
+        }));
+    }, []);
+    var debounceSearchFetch = (0, import_react40.useMemo)(function() {
+        return (0, import_tools8.debounce)(300, searchFetch);
+    }, [
         searchFetch
     ]);
     (0, import_react40.useEffect)(function() {
@@ -5371,9 +5368,12 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
                 brandId: brandId
             };
         });
-        pageData.page = state.data.page;
-        pageData.page === 1 ? setOptions(newOptions) : setOptions(_to_consumable_array(options).concat(_to_consumable_array(newOptions)));
-        pageData.hasMore = pageData.pageSize * pageData.page < state.data.total && newOptions.length > 0;
+        var isFirstPage = state.data.page === 1;
+        pageData.current.page = state.data.page;
+        pageData.current.hasMore = pageData.current.pageSize * pageData.current.page < state.data.total && newOptions.length > 0;
+        setOptions(function(prev) {
+            return isFirstPage ? newOptions : _to_consumable_array(prev).concat(_to_consumable_array(newOptions));
+        });
     }, [
         state.data
     ]);
@@ -5410,8 +5410,8 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
         searchValue,
         conditions
     ]);
-    var handleOnSearch = (0, import_react40.useCallback)(function(value2) {
-        return setSearchValue(value2);
+    var handleOnSearch = (0, import_react40.useCallback)(function(text) {
+        return setSearchValue(text);
     }, []);
     var handleOnClear = (0, import_react40.useCallback)(function() {
         return setSearchValue("");
@@ -5424,7 +5424,7 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
                         return [
                             4,
                             searchFetch({
-                                page: pageData.page + 1,
+                                page: pageData.current.page + 1,
                                 value: value,
                                 searchValue: searchValue,
                                 conditions: conditions
@@ -5443,11 +5443,11 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
         searchValue,
         conditions
     ]);
-    var handleOnChange = (0, import_react40.useCallback)(function(value2, option) {
+    var handleOnChange = (0, import_react40.useCallback)(function(newValue, option) {
         var label = (option || {}).label;
-        value2 = getNumberValue(value2);
-        setValue(value2);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value2, label);
+        var numValue = getNumberValue(newValue);
+        setValue(numValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(numValue, label);
         setOpenDropDown(false);
     }, [
         onChange
@@ -5457,27 +5457,25 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
         if (options.length) return "\u6CA1\u6709\u66F4\u591A\u4E86~";
         return "\u6682\u65E0\u6570\u636E";
     }, [
-        state,
-        options,
-        brandId
+        state.isLoading,
+        options.length
     ]);
-    var dropdownRender = (0, import_react40.useCallback)(function(_menu) {
+    var popupRender = (0, import_react40.useCallback)(function(_menu) {
         return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectDropdown, {
             value: value,
             options: options,
             onLoadMore: handleOnLoadMore,
-            hasMore: pageData.hasMore,
+            hasMore: pageData.current.hasMore,
             noMoreText: noMoreText,
             onChange: handleOnChange
         });
     }, [
         value,
         options,
-        state,
         noMoreText,
         handleOnChange
     ]);
-    var selectBrandProps = {
+    var selectProps = {
         popupMatchSelectWidth: false,
         placeholder: "\u8BF7\u8F93\u5165\u7CFB\u5217\u540D\u79F0",
         optionFilterProp: "label",
@@ -5494,15 +5492,15 @@ var EffectSeriesSelect = (0, import_react40.memo)(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_antd28.Select, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_antd27.Select, _object_spread({
         className: (0, import_classnames10.default)(index_module_default13.input, className)
-    }, selectBrandProps));
+    }, selectProps));
 });
 // src/EffectSpuSelect/index.tsx
 var import_react41 = require("react");
@@ -5515,7 +5513,7 @@ var index_module_default14 = {
     select: "index_module_select3"
 };
 // src/EffectSpuSelect/index.tsx
-var import_antd29 = require("antd");
+var import_antd28 = require("antd");
 // src/EffectSpuSelect/useSpuOptions.ts
 var import_immutable5 = __toESM(require("swr/immutable"));
 function useSpuOptions(params) {
@@ -5727,7 +5725,7 @@ var EffectSpuSelect = (0, import_react41.memo)(function(props) {
         state,
         options
     ]);
-    var dropdownRender = (0, import_react41.useCallback)(function(_menu) {
+    var popupRender = (0, import_react41.useCallback)(function(_menu) {
         return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectDropdown, {
             value: value,
             options: options,
@@ -5759,19 +5757,19 @@ var EffectSpuSelect = (0, import_react41.memo)(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_antd29.Select, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_antd28.Select, _object_spread({
         className: (0, import_classnames11.default)(index_module_default14.input, className)
     }, selectBrandProps));
 });
 // src/EffectSkuTable/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var _import_antd30_Table = import_antd30.Table, Column2 = _import_antd30_Table.Column;
+var _import_antd29_Table = import_antd29.Table, Column2 = _import_antd29_Table.Column;
 var EffectSkuTable = (0, import_react42.memo)(function(props) {
     var _curCategoryIds_slice;
     var categoryIds = props.categoryIds, brandId = props.brandId, brandName = props.brandName, _props_seriesId = props.seriesId, seriesId = _props_seriesId === void 0 ? 0 : _props_seriesId, seriesName = props.seriesName, spuId = props.spuId, spuName = props.spuName, disabled = props.disabled, value = props.value, _props_showSkuId = props.showSkuId, showSkuId = _props_showSkuId === void 0 ? false : _props_showSkuId, _props_skuType = props.skuType, skuType = _props_skuType === void 0 ? "std" : _props_skuType, onChange = props.onChange;
@@ -6001,7 +5999,7 @@ var EffectSkuTable = (0, import_react42.memo)(function(props) {
             skuImage: curSkuImage
         }
     ];
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_antd30.Table, _object_spread_props(_object_spread({}, commonTableProps), {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_antd29.Table, _object_spread_props(_object_spread({}, commonTableProps), {
         dataSource: skuDataSource,
         rowKey: function rowKey(record) {
             return record.categoryIds.join("_") || "empty";
@@ -6049,7 +6047,7 @@ var index_module_default15 = {
     accept: "index_module_accept"
 };
 // src/EffectWithFilePanel/index.tsx
-var import_antd31 = require("antd");
+var import_antd30 = require("antd");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var EffectWithFilePanel = (0, import_react43.memo)(function(props) {
     var disabled = props.disabled, children = props.children, header = props.header, defaultValue = props.defaultValue, onChange = props.onChange, onSave = props.onSave, max = props.max, accept = props.accept, remote = props.remote, title = props.title;
@@ -6060,7 +6058,7 @@ var EffectWithFilePanel = (0, import_react43.memo)(function(props) {
     var handleCLose = function handleCLose() {
         if (!uploadLoading) return true;
         return new Promise(function(resolve) {
-            import_antd31.Modal.confirm({
+            import_antd30.Modal.confirm({
                 title: "\u6587\u4EF6\u4E0A\u4F20\u4E2D, \u786E\u5B9A\u5173\u95ED\u4E48\uFF1F",
                 content: "\u5982\u679C\u5173\u95ED\uFF0C\u6B64\u6B21\u4E0A\u4F20\u4FDD\u5B58\u5C06\u4F1A\u5931\u8D25",
                 okType: "danger",
@@ -6078,9 +6076,9 @@ var EffectWithFilePanel = (0, import_react43.memo)(function(props) {
         setUploadLoading(false);
         setSubmitText(disabled ? "\u786E\u5B9A" : "\u4FDD\u5B58");
         if (result) {
-            void import_antd31.message.success(msg || "\u4E0A\u4F20\u6210\u529F");
+            void import_antd30.message.success(msg || "\u4E0A\u4F20\u6210\u529F");
         } else {
-            void import_antd31.message.error(msg);
+            void import_antd30.message.error(msg);
         }
     };
     var handleOnUpload = function handleOnUpload() {
@@ -6148,7 +6146,7 @@ var EffectWithFilePanel = (0, import_react43.memo)(function(props) {
 });
 // src/EffectSkuRecognize/index.tsx
 var import_react44 = require("react");
-var import_antd32 = require("antd");
+var import_antd31 = require("antd");
 var import_react_use14 = require("react-use");
 // src/EffectSkuRecognize/index.module.less
 var index_module_default16 = {
@@ -6156,7 +6154,7 @@ var index_module_default16 = {
 };
 // src/EffectSkuRecognize/index.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var _import_antd32_Typography = import_antd32.Typography, Title = _import_antd32_Typography.Title, Text = _import_antd32_Typography.Text, Link = _import_antd32_Typography.Link;
+var _import_antd31_Typography = import_antd31.Typography, Title = _import_antd31_Typography.Title, Text = _import_antd31_Typography.Text, Link = _import_antd31_Typography.Link;
 var EffectSkuRecognize = (0, import_react44.memo)(function(props) {
     var categoryId = props.categoryId, brandId = props.brandId, controlledValue = props.value, defaultValue = props.defaultValue, image = props.image, limitSize = props.limitSize, disabled = props.disabled, _props_size = props.size, size = _props_size === void 0 ? "default" : _props_size, _props_skuType = props.skuType, skuType = _props_skuType === void 0 ? "std" : _props_skuType, onChange = props.onChange;
     var _ref = _sliced_to_array((0, import_react44.useState)(controlledValue || defaultValue), 2), value = _ref[0], setValue = _ref[1];
@@ -6271,19 +6269,19 @@ var EffectSkuRecognize = (0, import_react44.memo)(function(props) {
             countRender: function countRender(current, total) {
                 var currentItem = skuList[current - 1] || {};
                 var currentImage = currentItem.image || currentItem.skuImage || "";
-                return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd32.Space, {
+                return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd31.Space, {
                     children: [
                         current,
                         " / ",
                         total,
-                        !disabled && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.Button, {
+                        !disabled && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.Button, {
                             type: "primary",
                             onClick: function onClick() {
                                 return handleSelected(currentItem);
                             },
                             children: "\u5C31\u662F\u5B83"
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.Button, {
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.Button, {
                             onClick: function onClick() {
                                 return window.open(currentImage);
                             },
@@ -6311,23 +6309,23 @@ var EffectSkuRecognize = (0, import_react44.memo)(function(props) {
             })
         ]
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.Spin, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.Spin, {
         tip: "\u8BC6\u522B\u4E2D...",
         spinning: state.loading,
         children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(OSSImage.PreviewGroup, {
             preview: previewProps,
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.List, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.List, {
                 grid: gridProps[size],
                 header: listHeader,
                 dataSource: skuList,
                 className: index_module_default16.desc,
                 renderItem: function renderItem(item) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.List.Item, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.List.Item, {
                         className: index_module_default16.maring_top,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd32.Card, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd31.Card, {
                             hoverable: true,
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.Badge, {
+                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.Badge, {
                                     count: item.score,
                                     overflowCount: 10,
                                     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(OSSImage, {
@@ -6345,7 +6343,7 @@ var EffectSkuRecognize = (0, import_react44.memo)(function(props) {
                                         item.name || item.skuName
                                     ]
                                 }),
-                                !disabled && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd32.Button, {
+                                !disabled && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd31.Button, {
                                     type: item.skuId === value ? "primary" : "default",
                                     block: true,
                                     onClick: function onClick() {
@@ -6433,7 +6431,7 @@ var index_module_default17 = {
     selector: "index_module_selector"
 };
 // src/EffectMerchantSelect/index.tsx
-var import_antd33 = require("antd");
+var import_antd32 = require("antd");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var EffectMerchantSelect = (0, import_react45.memo)(function(props) {
     var onChange = props.onChange, className = props.className, controlValue = props.value, disabled = props.disabled, _props_source = props.source, source = _props_source === void 0 ? "businessNo" : _props_source, _props_labelDisplayMode = props.labelDisplayMode, labelDisplayMode = _props_labelDisplayMode === void 0 ? "platformName" : _props_labelDisplayMode;
@@ -6497,7 +6495,7 @@ var EffectMerchantSelect = (0, import_react45.memo)(function(props) {
     };
     if (state.error) {
         var _state_error;
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd33.Typography.Text, {
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd32.Typography.Text, {
             type: "danger",
             children: (_state_error = state.error) === null || _state_error === void 0 ? void 0 : _state_error.toString()
         });
@@ -6538,18 +6536,86 @@ var EffectMerchantSelect = (0, import_react45.memo)(function(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
         className: index_module_default17.merchant_select_wrap,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd33.Select, _object_spread({}, addonBeforeProps)),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd33.Select, _object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd32.Select, _object_spread({}, addonBeforeProps)),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd32.Select, _object_spread({
                 className: (0, import_classnames12.default)(index_module_default17.selector, className)
             }, selectBrandProps))
         ]
     });
 });
 // src/EffectScopeSelect/index.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_antd34 = require("antd");
 var import_react_use16 = require("react-use");
+// src/EffectScopeSelect/ScopeViewMode.tsx
+var import_react46 = require("react");
+var import_antd33 = require("antd");
 var import_jsx_runtime42 = require("react/jsx-runtime");
+var ScopeViewMode = (0, import_react46.memo)(function(props) {
+    var _ref = props || {}, categoryIds = _ref.categoryIds, categoryName = _ref.categoryName, brandId = _ref.brandId, brandName = _ref.brandName, seriesId = _ref.seriesId, seriesName = _ref.seriesName, spuId = _ref.spuId, spuName = _ref.spuName, skuId = _ref.skuId, skuName = _ref.skuName;
+    var items = [];
+    if ((categoryName === null || categoryName === void 0 ? void 0 : categoryName.length) || (categoryIds === null || categoryIds === void 0 ? void 0 : categoryIds.length)) items.push({
+        label: "\u5206\u7C7B",
+        value: (categoryName === null || categoryName === void 0 ? void 0 : categoryName.join("/")) || (categoryIds === null || categoryIds === void 0 ? void 0 : categoryIds.join(","))
+    });
+    if (brandName || brandId) items.push({
+        label: "\u54C1\u724C",
+        value: brandName || String(brandId)
+    });
+    if (seriesName || seriesId) items.push({
+        label: "\u7CFB\u5217",
+        value: seriesName || String(seriesId)
+    });
+    if (spuName || spuId) items.push({
+        label: "SPU",
+        value: spuName || String(spuId)
+    });
+    if (skuName || skuId) items.push({
+        label: "SKU",
+        value: skuName || String(skuId)
+    });
+    if (items.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd33.Typography.Text, {
+        style: {
+            fontSize: 14
+        },
+        type: "danger",
+        children: "\u8BF7\u5148\u9009\u62E9\u54C1\u7C7B\u4FE1\u606F"
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd33.Space, {
+        size: 4,
+        children: items.map(function(param) {
+            var label = param.label, value = param.value;
+            return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd33.Space, {
+                size: 4,
+                style: {
+                    height: 32,
+                    padding: "0 36px 0 14px",
+                    borderRadius: 6
+                },
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd33.Typography.Text, {
+                        style: {
+                            fontSize: 14,
+                            paddingRight: 16
+                        },
+                        children: [
+                            label,
+                            ":"
+                        ]
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd33.Typography.Text, {
+                        style: {
+                            fontSize: 14
+                        },
+                        children: value
+                    })
+                ]
+            }, label);
+        })
+    });
+});
+// src/EffectScopeSelect/index.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var ScopeLevelEnum = /* @__PURE__ */ function(ScopeLevelEnum2) {
     ScopeLevelEnum2[ScopeLevelEnum2["CATEGORY"] = 1] = "CATEGORY";
     ScopeLevelEnum2[ScopeLevelEnum2["BRAND"] = 2] = "BRAND";
@@ -6558,10 +6624,10 @@ var ScopeLevelEnum = /* @__PURE__ */ function(ScopeLevelEnum2) {
     ScopeLevelEnum2[ScopeLevelEnum2["SKU"] = 5] = "SKU";
     return ScopeLevelEnum2;
 }(ScopeLevelEnum || {});
-var EffectScopeSelect = (0, import_react46.memo)(function(props) {
-    var controlledValue = props.value, defaultValue = props.defaultValue, _props_scopeLevel = props.scopeLevel, scopeLevel = _props_scopeLevel === void 0 ? 5 /* SKU */  : _props_scopeLevel, _props_requireLevel = props.requireLevel, requireLevel = _props_requireLevel === void 0 ? 1 /* CATEGORY */  : _props_requireLevel, categoryChangeOnSelect = props.categoryChangeOnSelect, onChange = props.onChange;
-    var _ref = _sliced_to_array((0, import_react46.useState)(_object_spread({}, controlledValue, defaultValue)), 2), value = _ref[0], setValue = _ref[1];
-    var lastLevelCategoryId = (0, import_react46.useMemo)(function() {
+var EffectScopeSelect = (0, import_react47.memo)(function(props) {
+    var controlledValue = props.value, defaultValue = props.defaultValue, _props_scopeLevel = props.scopeLevel, scopeLevel = _props_scopeLevel === void 0 ? 5 /* SKU */  : _props_scopeLevel, _props_requireLevel = props.requireLevel, requireLevel = _props_requireLevel === void 0 ? 1 /* CATEGORY */  : _props_requireLevel, categoryChangeOnSelect = props.categoryChangeOnSelect, onChange = props.onChange, _props_mode = props.mode, mode = _props_mode === void 0 ? "edit" : _props_mode;
+    var _ref = _sliced_to_array((0, import_react47.useState)(_object_spread({}, controlledValue, defaultValue)), 2), value = _ref[0], setValue = _ref[1];
+    var lastLevelCategoryId = (0, import_react47.useMemo)(function() {
         var _value_categoryIds;
         return (_value_categoryIds = value.categoryIds) === null || _value_categoryIds === void 0 ? void 0 : _value_categoryIds[value.categoryIds.length - 1];
     }, [
@@ -6572,14 +6638,14 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
     }, [
         controlledValue
     ]);
-    var handleChange = (0, import_react46.useCallback)(function(newValue) {
+    var handleChange = (0, import_react47.useCallback)(function(newValue) {
         setTimeout(function() {
             return onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
         }, 0);
     }, [
         onChange
     ]);
-    var handleCategoryChange = (0, import_react46.useCallback)(function(_values, selectedList) {
+    var handleCategoryChange = (0, import_react47.useCallback)(function(_values, selectedList) {
         if (!selectedList || !isSingleTreeSelected(selectedList)) {
             handleChange === null || handleChange === void 0 ? void 0 : handleChange();
             return;
@@ -6598,7 +6664,7 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
         handleChange,
         requireLevel
     ]);
-    var handleBrandChange = (0, import_react46.useCallback)(function(brandValue) {
+    var handleBrandChange = (0, import_react47.useCallback)(function(brandValue) {
         var brandId = brandValue === void 0 ? void 0 : Number(brandValue);
         setValue(function(prev) {
             var newScope = {
@@ -6614,7 +6680,7 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
         handleChange,
         requireLevel
     ]);
-    var handleSeriesChange = (0, import_react46.useCallback)(function(seriesValue) {
+    var handleSeriesChange = (0, import_react47.useCallback)(function(seriesValue) {
         var seriesId = seriesValue === void 0 ? void 0 : Number(seriesValue);
         setValue(function(prev) {
             var newScope = {
@@ -6631,7 +6697,7 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
         handleChange,
         requireLevel
     ]);
-    var handleSpuChange = (0, import_react46.useCallback)(function(spuValue) {
+    var handleSpuChange = (0, import_react47.useCallback)(function(spuValue) {
         var spuId = spuValue === void 0 ? void 0 : Number(spuValue);
         setValue(function(prev) {
             var newScope = {
@@ -6649,7 +6715,7 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
         handleChange,
         requireLevel
     ]);
-    var handleSkuChange = (0, import_react46.useCallback)(function(skuValue) {
+    var handleSkuChange = (0, import_react47.useCallback)(function(skuValue) {
         var skuId = skuValue === void 0 ? void 0 : Number(skuValue);
         setValue(function(prev) {
             var newScope = _object_spread_props(_object_spread({}, prev), {
@@ -6664,18 +6730,18 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
         handleChange,
         requireLevel
     ]);
-    var renderLabel = (0, import_react46.useCallback)(function(label, required) {
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd34.Flex, {
+    var renderLabel = (0, import_react47.useCallback)(function(label, required) {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_antd34.Flex, {
             flex: "0 0 auto",
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Space, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Space, {
                 children: [
-                    required && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", {
+                    required && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", {
                         style: {
                             color: "var(--ant-color-error)"
                         },
                         children: "*"
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", {
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", {
                         children: [
                             label,
                             ":"
@@ -6685,32 +6751,35 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
             })
         });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+    if (mode === "view") {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ScopeViewMode, _object_spread({}, value));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
         justify: "flex-start",
         align: "center",
         wrap: "nowrap",
         gap: "15px",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u5206\u7C7B", requireLevel >= 1 /* CATEGORY */ ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EffectCategoryCascade, {
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EffectCategoryCascade, {
                         onChange: handleCategoryChange,
                         changeOnSelect: categoryChangeOnSelect,
                         value: value.categoryIds
                     })
                 ]
             }),
-            lastLevelCategoryId && scopeLevel >= 2 /* BRAND */  && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+            lastLevelCategoryId && scopeLevel >= 2 /* BRAND */  && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u54C1\u724C", requireLevel >= 2 /* BRAND */ ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EffectBrandSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EffectBrandSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleBrandChange,
@@ -6718,13 +6787,13 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
                     }))
                 ]
             }),
-            !!value.brandId && scopeLevel >= 3 /* SERIES */  && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+            !!value.brandId && scopeLevel >= 3 /* SERIES */  && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u7CFB\u5217", requireLevel >= 3 /* SERIES */ ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EffectSeriesSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EffectSeriesSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSeriesChange,
@@ -6732,13 +6801,13 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
                     }))
                 ]
             }),
-            !!value.seriesId && scopeLevel >= 4 /* SPU */  && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+            !!value.seriesId && scopeLevel >= 4 /* SPU */  && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("SPU", requireLevel >= 4 /* SPU */ ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EffectSpuSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EffectSpuSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSpuChange,
@@ -6746,13 +6815,13 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
                     }))
                 ]
             }),
-            !!value.spuId && scopeLevel >= 5 /* SKU */  && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd34.Flex, {
+            !!value.spuId && scopeLevel >= 5 /* SKU */  && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_antd34.Flex, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("SKU", requireLevel >= 5 /* SKU */ ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EffectSkuSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EffectSkuSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSkuChange,
@@ -6764,7 +6833,7 @@ var EffectScopeSelect = (0, import_react46.memo)(function(props) {
     });
 });
 // src/EffectStaffSelect/index.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_use17 = require("react-use");
 var import_classnames13 = __toESM(require("classnames"));
 var import_antd35 = require("antd");
@@ -6774,12 +6843,12 @@ var index_module_default18 = {
     select: "index_module_select4"
 };
 // src/EffectStaffSelect/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var EffectStaffSelect = (0, import_react47.memo)(function(props) {
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var EffectStaffSelect = (0, import_react48.memo)(function(props) {
     var _state_value_data, _state_value;
     var onChange = props.onChange, deptId = props.deptId, className = props.className, defaultValue = props.defaultValue, controlValue = props.value, disabled = props.disabled, placeholder = props.placeholder, style = props.style;
-    var _ref = _sliced_to_array((0, import_react47.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react47.useState)(controlValue !== null && controlValue !== void 0 ? controlValue : defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react48.useState)(controlValue !== null && controlValue !== void 0 ? controlValue : defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
     var getBusinessOptions = function getBusinessOptions(businessName, currentDeptId) {
         return _async_to_generator(function() {
@@ -6813,10 +6882,10 @@ var EffectStaffSelect = (0, import_react47.memo)(function(props) {
         deptId,
         config
     ]), 2), state = _ref2[0], searchFetch = _ref2[1];
-    var debounceSearchFetch = (0, import_react47.useCallback)((0, import_tools11.debounce)(600, searchFetch), [
+    var debounceSearchFetch = (0, import_react48.useCallback)((0, import_tools11.debounce)(600, searchFetch), [
         searchFetch
     ]);
-    (0, import_react47.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         var _state_value_data, _state_value;
         if (state.loading || !((_state_value = state.value) === null || _state_value === void 0 ? void 0 : (_state_value_data = _state_value.data) === null || _state_value_data === void 0 ? void 0 : _state_value_data.list)) {
             return;
@@ -6871,7 +6940,7 @@ var EffectStaffSelect = (0, import_react47.memo)(function(props) {
         }
     };
     var defaultPlaceholder = deptId ? "\u8BF7\u9009\u62E9\u5458\u5DE5\u59D3\u540D" : "\u8BF7\u5148\u8F93\u5165\u5458\u5DE5\u59D3\u540D";
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_antd35.Select, {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_antd35.Select, {
         className: (0, import_classnames13.default)(index_module_default18.select, className),
         style: style,
         notFoundContent: state.loading ? "\u641C\u7D22\u4E2D" : ((_state_value = state.value) === null || _state_value === void 0 ? void 0 : (_state_value_data = _state_value.data) === null || _state_value_data === void 0 ? void 0 : _state_value_data.total) === 0 ? "\u6682\u65E0\u6570\u636E" : defaultPlaceholder,
@@ -6890,14 +6959,14 @@ var EffectStaffSelect = (0, import_react47.memo)(function(props) {
     });
 });
 // src/EffectReservoirSelect/EffectReservoirSelect.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_react_use18 = require("react-use");
 var import_antd36 = require("antd");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var EffectReservoirSelect = (0, import_react48.memo)(function(props) {
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var EffectReservoirSelect = (0, import_react49.memo)(function(props) {
     var onChange = props.onChange, className = props.className, defaultValue = props.defaultValue, controlValue = props.value, disabled = props.disabled, warehouseId = props.warehouseId, _props_reservoirType = props.reservoirType, reservoirType = _props_reservoirType === void 0 ? "normal" : _props_reservoirType;
-    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react48.useState)(controlValue || defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react49.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react49.useState)(controlValue || defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
     var prevControlValue = (0, import_react_use18.usePrevious)(controlValue);
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
     var get_reservoir_options = function get_reservoir_options() {
@@ -6930,7 +6999,7 @@ var EffectReservoirSelect = (0, import_react48.memo)(function(props) {
     var _ref2 = _sliced_to_array((0, import_react_use18.useAsyncFn)(get_reservoir_options, [
         warehouseId
     ]), 2), state = _ref2[0], fetch = _ref2[1];
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         var _state_value;
         if (state.loading || !((_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.data.list)) return;
         var options2 = state.value.data.list.map(function(param) {
@@ -6981,20 +7050,20 @@ var EffectReservoirSelect = (0, import_react48.memo)(function(props) {
         onChange: handleOnChange,
         loading: state.loading
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_antd36.Select, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_antd36.Select, _object_spread({
         className: className
     }, selectBrandProps));
 });
 // src/EffectReservoirSelect/EffectShelveSelect.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_use19 = require("react-use");
 var import_antd37 = require("antd");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var EffectShelveSelect = (0, import_react49.memo)(function(props) {
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var EffectShelveSelect = (0, import_react50.memo)(function(props) {
     var onChange = props.onChange, className = props.className, defaultValue = props.defaultValue, controlValue = props.value, disabled = props.disabled, warehouseId = props.warehouseId, reservoirId = props.reservoirId;
     var _props_valueType = props.valueType, valueType = _props_valueType === void 0 ? "code" : _props_valueType;
-    var _ref = _sliced_to_array((0, import_react49.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react49.useState)(controlValue || defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react50.useState)([]), 2), options = _ref[0], setOptions = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react50.useState)(controlValue || defaultValue), 2), value = _ref1[0], setValue = _ref1[1];
     var prevControlValue = (0, import_react_use19.usePrevious)(controlValue);
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
     var get_shelve_options = function get_shelve_options() {
@@ -7028,7 +7097,7 @@ var EffectShelveSelect = (0, import_react49.memo)(function(props) {
         reservoirId,
         warehouseId
     ]), 2), state = _ref2[0], fetch = _ref2[1];
-    (0, import_react49.useEffect)(function() {
+    (0, import_react50.useEffect)(function() {
         var _state_value;
         if (state.loading || !((_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.data.list)) return;
         var options2 = state.value.data.list.map(function(param) {
@@ -7081,14 +7150,14 @@ var EffectShelveSelect = (0, import_react49.memo)(function(props) {
         onChange: handleOnChange,
         loading: state.loading
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_antd37.Select, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd37.Select, _object_spread({
         className: className
     }, selectBrandProps));
 });
 // src/EffectWarehouseSelect/index.tsx
 var import_antd38 = require("antd");
 var import_classnames14 = __toESM(require("classnames"));
-var import_react50 = require("react");
+var import_react51 = require("react");
 // src/EffectWarehouseSelect/useStoreOptions.ts
 var import_immutable7 = __toESM(require("swr/immutable"));
 var transformStoreData = function transformStoreData() {
@@ -7151,8 +7220,8 @@ var index_module_default19 = {
     select: "index_module_select5"
 };
 // src/EffectWarehouseSelect/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var EffectWarehouseSelect = (0, import_react50.memo)(function(props) {
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var EffectWarehouseSelect = (0, import_react51.memo)(function(props) {
     var onChange = props.onChange, className = props.className, value = props.value, disabled = props.disabled, _props_currentMerchantOnly = props.currentMerchantOnly, currentMerchantOnly = _props_currentMerchantOnly === void 0 ? true : _props_currentMerchantOnly, warehouseType = props.warehouseType;
     var state = useStoreOptions(currentMerchantOnly, warehouseType);
     var handleChange = function handleChange(selectedValue, option) {
@@ -7162,7 +7231,7 @@ var EffectWarehouseSelect = (0, import_react50.memo)(function(props) {
     var handleClear = function handleClear() {
         onChange === null || onChange === void 0 ? void 0 : onChange(void 0, void 0);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd38.Select, {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_antd38.Select, {
         className: (0, import_classnames14.default)(index_module_default19.select, className),
         placeholder: "\u8BF7\u9009\u62E9\u4ED3\u5E93",
         notFoundContent: state.isLoading ? "\u52A0\u8F7D\u4E2D..." : "\u6682\u65E0\u4ED3\u5E93\u6570\u636E",
@@ -7175,7 +7244,7 @@ var EffectWarehouseSelect = (0, import_react50.memo)(function(props) {
     });
 });
 // src/EffectAddressCascade/index.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_react_use20 = require("react-use");
 var import_classnames15 = __toESM(require("classnames"));
 // src/EffectAddressCascade/index.module.less
@@ -7185,12 +7254,12 @@ var index_module_default20 = {
 };
 // src/EffectAddressCascade/index.tsx
 var import_antd39 = require("antd");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var EffectAddressCascade = (0, import_react51.memo)(function(props) {
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var EffectAddressCascade = (0, import_react52.memo)(function(props) {
     var _selectedList_;
     var className = props.className, disabled = props.disabled, defaultValue = props.defaultValue, onChange = props.onChange;
-    var _ref = _sliced_to_array((0, import_react51.useState)(), 2), selectedList = _ref[0], setSelectedList = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react51.useState)(), 2), customTree = _ref1[0], setCustomTree = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react52.useState)(), 2), selectedList = _ref[0], setSelectedList = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react52.useState)(), 2), customTree = _ref1[0], setCustomTree = _ref1[1];
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
     var params = {
         pid: (selectedList === null || selectedList === void 0 ? void 0 : (_selectedList_ = selectedList[(selectedList === null || selectedList === void 0 ? void 0 : selectedList.length) - 1]) === null || _selectedList_ === void 0 ? void 0 : _selectedList_.value) || ""
@@ -7216,7 +7285,7 @@ var EffectAddressCascade = (0, import_react51.memo)(function(props) {
     var _ref2 = _sliced_to_array((0, import_react_use20.useAsyncFn)(getAddress, [
         selectedList
     ]), 2), state = _ref2[0], getAddressFetch = _ref2[1];
-    (0, import_react51.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         var _state_value;
         if (state.loading || !((_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.data.list)) return;
         var list = state.value.data.list;
@@ -7254,7 +7323,7 @@ var EffectAddressCascade = (0, import_react51.memo)(function(props) {
     }, [
         state
     ]);
-    (0, import_react51.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         if (!state.loading || !customTree || !selectedList) return;
         var target = findTargetLeaf(selectedList, customTree);
         if (!target) return;
@@ -7266,7 +7335,7 @@ var EffectAddressCascade = (0, import_react51.memo)(function(props) {
     (0, import_react_use20.useMount)(function() {
         void getAddressFetch();
     });
-    (0, import_react51.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         var target = findTargetLeaf(selectedList || [], customTree || []);
         if ((target === null || target === void 0 ? void 0 : target.isLeaf) || !(selectedList === null || selectedList === void 0 ? void 0 : selectedList.length)) return;
         void getAddressFetch();
@@ -7282,7 +7351,7 @@ var EffectAddressCascade = (0, import_react51.memo)(function(props) {
         setSelectedList(_selectedList);
         if (onChange) onChange(_selectedList);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_antd39.Cascader, {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd39.Cascader, {
         className: (0, import_classnames15.default)(index_module_default20.input, className),
         disabled: disabled,
         defaultValue: defaultValue,
@@ -7317,7 +7386,7 @@ var transformSelectedList = function transformSelectedList(selectedOptions) {
     });
 };
 // src/EffectLabelSelect/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_use22 = require("react-use");
 var import_classnames16 = __toESM(require("classnames"));
 // src/EffectLabelSelect/hooks.ts
@@ -7367,27 +7436,27 @@ var index_module_default21 = {
 };
 // src/EffectLabelSelect/index.tsx
 var import_antd40 = require("antd");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var EffectLabelSelect = (0, import_react52.memo)(function(props) {
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var EffectLabelSelect = (0, import_react53.memo)(function(props) {
     var onChange = props.onChange, className = props.className, value = props.value, disabled = props.disabled, defaultLabel = props.defaultLabel, _props_labelDic = props.labelDic, labelDic = _props_labelDic === void 0 ? defaultLabelDic : _props_labelDic, onFetchData = props.onFetchData, _props_onTransformData = props.onTransformData, onTransformData = _props_onTransformData === void 0 ? defaultTransformDataFn : _props_onTransformData, _props_fetchParams = props.fetchParams, fetchParams = _props_fetchParams === void 0 ? {} : _props_fetchParams, _props_customLabelInValue = props.customLabelInValue, customLabelInValue = _props_customLabelInValue === void 0 ? false : _props_customLabelInValue, optionsDisplayType = props.optionsDisplayType, style = props.style;
     var apiService = useRequestConfig().apiService;
-    var _ref = _sliced_to_array((0, import_react52.useState)(function() {
+    var _ref = _sliced_to_array((0, import_react53.useState)(function() {
         var _transformObj2Options_, _transformObj2Options;
         var defaultLabelFromValue = customLabelInValue ? getSelectValue(value, "labelDicKey") : "";
         var defaultLabelFromLabelDic = transformObj2Options === null || transformObj2Options === void 0 ? void 0 : (_transformObj2Options = transformObj2Options(labelDic)) === null || _transformObj2Options === void 0 ? void 0 : (_transformObj2Options_ = _transformObj2Options[0]) === null || _transformObj2Options_ === void 0 ? void 0 : _transformObj2Options_.value;
         return defaultLabel || defaultLabelFromValue || defaultLabelFromLabelDic || "";
     }), 2), curSelectLabel = _ref[0], setCurSelectLabel = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react52.useState)(value !== null && value !== void 0 ? value : void 0), 2), curSelectValue = _ref1[0], setCurSelectValue = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react52.useState)(), 2), curSelectItem = _ref2[0], setCurSelectItem = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react52.useState)(), 2), curSearchValue = _ref3[0], setCurSearchValue = _ref3[1];
-    var _ref4 = _sliced_to_array((0, import_react52.useState)([]), 2), optionsData = _ref4[0], setOptionsData = _ref4[1];
+    var _ref1 = _sliced_to_array((0, import_react53.useState)(value !== null && value !== void 0 ? value : void 0), 2), curSelectValue = _ref1[0], setCurSelectValue = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react53.useState)(), 2), curSelectItem = _ref2[0], setCurSelectItem = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react53.useState)(), 2), curSearchValue = _ref3[0], setCurSearchValue = _ref3[1];
+    var _ref4 = _sliced_to_array((0, import_react53.useState)([]), 2), optionsData = _ref4[0], setOptionsData = _ref4[1];
     var fetchDataFn = onFetchData || apiService.merchantList;
     var fetchDataDeps = _object_spread_props(_object_spread({}, fetchParams), _define_property({}, curSelectLabel, curSearchValue || void 0));
     var _useReqData = _sliced_to_array(useReqData(fetchDataFn, _object_spread({
         page: 1,
         pageSize: 20
     }, fetchDataDeps), JSON.stringify(fetchDataDeps)), 1), resState = _useReqData[0];
-    (0, import_react52.useEffect)(function() {
+    (0, import_react53.useEffect)(function() {
         var _resState_value;
         if (resState.loading || !((_resState_value = resState.value) === null || _resState_value === void 0 ? void 0 : _resState_value.data.list)) return;
         var optionsData2 = resState.value.data.list.map(onTransformData);
@@ -7457,12 +7526,12 @@ var EffectLabelSelect = (0, import_react52.memo)(function(props) {
         filterOption: false,
         popupMatchSelectWidth: false
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_antd40.Space.Compact, {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_antd40.Space.Compact, {
         className: index_module_default21.select_wrap,
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd40.Select, _object_spread({}, selectLabelProps)),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd40.Select, _object_spread({}, selectValueProps))
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_antd40.Select, _object_spread({}, selectLabelProps)),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_antd40.Select, _object_spread({}, selectValueProps))
         ]
     });
 });