@xfe-repo/web-components 1.7.2 → 1.7.3

package/dist/index.mjs

@@ -4089,10 +4089,12 @@ import { Transfer, Typography as Typography2 } from "antd";
 import useSWRImmutable2 from "swr/immutable";
 function useBrandOptions(params) {
     var _useRequestConfig = useRequestConfig(), config = _useRequestConfig.config, apiService = _useRequestConfig.apiService;
-    var _useSWRImmutable2 = useSWRImmutable2([
+    var _useSWRImmutable2 = useSWRImmutable2(// 只有当 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) {
@@ -4103,7 +4105,7 @@ function useBrandOptions(params) {
                             apiService.brandComboBox(_object_spread({
                                 page: 1,
                                 pageSize: 500
-                            }, params), config)
+                            }, _params), config)
                         ];
                     case 1:
                         res = _state.sent();
@@ -4430,22 +4432,15 @@ import { memo as memo25, useCallback as useCallback18, useState as useState19 }
 import { usePrevious as usePrevious4, useUpdateEffect as useUpdateEffect9 } from "react-use";
 import { debounce as debounce3 } from "@xfe-repo/web-utils/tools";
 import classnames8 from "classnames";
-// src/EffectBrandSelect/index.module.less
-var index_module_default11 = {
-    input: "index_module_input3",
-    select: "index_module_select2"
-};
-// src/EffectBrandSelect/index.tsx
-import { Select as Select4 } from "antd";
-import { Typography as Typography3 } from "antd";
+import { Select as Select4, Typography as Typography3 } from "antd";
 // src/EffectSkuSelect/index.tsx
 import { memo as memo24, useCallback as useCallback17, useEffect as useEffect16, useMemo as useMemo14, useState as useState18 } from "react";
 import { useMount, useUpdateEffect as useUpdateEffect8, usePrevious as usePrevious3 } from "react-use";
 import { debounce as debounce2, uuid as uuid2 } from "@xfe-repo/web-utils/tools";
 import classnames7 from "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",
@@ -4677,7 +4672,7 @@ var EffectSkuSelect = memo24(function(props) {
         state,
         options
     ]);
-    var dropdownRender = useCallback17(function(_menu) {
+    var popupRender = useCallback17(function(_menu) {
         return /* @__PURE__ */ jsx34(SelectDropdown, {
             value: value,
             options: options,
@@ -4709,14 +4704,14 @@ var EffectSkuSelect = memo24(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
     };
     return /* @__PURE__ */ jsx34(Select3, _object_spread({
-        className: classnames7(index_module_default12.input, className)
+        className: classnames7(index_module_default11.input, className)
     }, selectBrandProps));
 });
 var SelectDropdown = memo24(function(props) {
@@ -4737,7 +4732,7 @@ var SelectDropdown = memo24(function(props) {
     }, []);
     return /* @__PURE__ */ jsx34("div", {
         id: selectDropdownId,
-        className: index_module_default12.select_dropdown,
+        className: index_module_default11.select_dropdown,
         onMouseDown: handleMouseDown,
         children: /* @__PURE__ */ jsx34(InfiniteScroll, {
             dataLength: options.length,
@@ -4754,22 +4749,22 @@ var SelectDropdown = memo24(function(props) {
             scrollableTarget: selectDropdownId,
             scrollThreshold: "100px",
             children: /* @__PURE__ */ jsx34("div", {
-                className: index_module_default12.options,
+                className: index_module_default11.options,
                 children: options.map(function(item) {
                     return /* @__PURE__ */ jsxs14("div", {
-                        className: classnames7(index_module_default12.option, item.value === value && index_module_default12.active),
+                        className: classnames7(index_module_default11.option, item.value === value && index_module_default11.active),
                         onClick: function onClick() {
                             return handleOnSelect(item);
                         },
                         children: [
                             /* @__PURE__ */ jsx34(ImageItem, {
-                                className: index_module_default12.select_image,
+                                className: index_module_default11.select_image,
                                 item: item,
                                 previewed: item.image === previewImage2,
                                 onPreview: handlePreview
                             }),
                             /* @__PURE__ */ jsx34("p", {
-                                className: index_module_default12.label,
+                                className: index_module_default11.label,
                                 children: item.label
                             })
                         ]
@@ -4790,7 +4785,7 @@ var ImageItem = memo24(function(props) {
     ]);
     var previewProps = useMemo14(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());
@@ -4801,16 +4796,16 @@ var ImageItem = memo24(function(props) {
         onPreview
     ]);
     return /* @__PURE__ */ jsxs14("div", {
-        className: classnames7(index_module_default12.image, className),
+        className: classnames7(index_module_default11.image, className),
         children: [
             /* @__PURE__ */ jsxs14("div", {
-                className: index_module_default12.preview,
+                className: index_module_default11.preview,
                 onClick: function onClick(event) {
                     return handlePreview(event);
                 },
                 children: [
                     /* @__PURE__ */ jsx34(EyeOutlined2, {
-                        className: index_module_default12.icon
+                        className: index_module_default11.icon
                     }),
                     " \u9884\u89C8"
                 ]
@@ -4828,44 +4823,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
 import { jsx as jsx35 } from "react/jsx-runtime";
+var OTHER_BRAND_OPTION = {
+    label: "\u5176\u5B83",
+    value: 1310
+};
 var EffectBrandSelect = memo25(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 _useState19 = _sliced_to_array(useState19(controlValue || defaultValue), 2), value = _useState19[0], setValue = _useState19[1];
+    var _useState191 = _sliced_to_array(useState19(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 = _useState191[0], setParams = _useState191[1];
+    var _useState192 = _sliced_to_array(useState19(hasDefaultLabel ? [
+        {
+            label: defaultLabel,
+            value: initialValue
+        }
+    ] : []), 2), options = _useState192[0], setOptions = _useState192[1];
+    var prevControlValue = usePrevious4(controlValue);
+    var state = useBrandOptions(params);
     var searchFetch = useCallback18(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 _useState191 = _sliced_to_array(useState19({
-        /** 兼容props分类Id 异常传入 */ categoryId: getNumberValue(categoryId),
-        sysBizTypeId: sysBizTypeId,
-        brandName: "",
-        brandId: value === null || value === void 0 ? void 0 : value.toString()
-    }), 2), params = _useState191[0], setParams = _useState191[1];
-    var prevControlValue = usePrevious4(controlValue);
-    var state = useBrandOptions(params);
-    var _useState192 = _sliced_to_array(useState19(state.data || []), 2), options = _useState192[0], setOptions = _useState192[1];
+    var handleSearch = useCallback18(debounce3(800, function(searchName) {
+        return searchFetch(searchName);
+    }), [
+        searchFetch
+    ]);
+    var handleReset = useCallback18(function() {
+        return searchFetch("");
+    }, [
+        searchFetch
+    ]);
     useUpdateEffect9(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
@@ -4887,7 +4902,7 @@ var EffectBrandSelect = memo25(function(props) {
     }, [
         controlValue
     ]);
-    var handleOnChange = function handleOnChange(_value, _option) {
+    var handleChange = function handleChange(_value, _option) {
         setValue(_value);
         if (mode === "multiple") {
             var options2 = _option;
@@ -4900,19 +4915,6 @@ var EffectBrandSelect = memo25(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 = useCallback18(debounce3(800, handleOnSearch), [
-        categoryId,
-        sysBizTypeId
-    ]);
-    var handleOnClear = function handleOnClear() {
-        return searchFetch("");
-    };
     if (state.error) {
         var _state_error;
         return /* @__PURE__ */ jsx35(Typography3.Text, {
@@ -4920,53 +4922,34 @@ var EffectBrandSelect = memo25(function(props) {
             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__ */ jsx35(Select4, {
+        className: classnames8(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__ */ jsx35(Select4, _object_spread({
-        className: classnames8(index_module_default11.input, className)
-    }, selectBrandProps));
+    });
 });
 // src/EffectSeriesSelect/index.tsx
-import { memo as memo26, useCallback as useCallback19, useState as useState20, useMemo as useMemo15, useEffect as useEffect17 } from "react";
+import { memo as memo26, useCallback as useCallback19, useEffect as useEffect17, useMemo as useMemo15, useRef as useRef11, useState as useState20 } from "react";
+import { Select as Select5 } from "antd";
 import { useMount as useMount2, usePrevious as usePrevious5, useUpdateEffect as useUpdateEffect10 } from "react-use";
 import { debounce as debounce4 } from "@xfe-repo/web-utils/tools";
 import classnames9 from "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
-import { Select as Select5 } from "antd";
 // src/EffectSeriesSelect/useSeriesOptions.ts
 import useSWRImmutable4 from "swr/immutable";
 function useSeriesOptions(params) {
@@ -5015,6 +4998,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
 import { jsx as jsx36 } from "react/jsx-runtime";
 var EffectSeriesSelect = memo26(function(props) {
@@ -5023,13 +5021,11 @@ var EffectSeriesSelect = memo26(function(props) {
     var _useState201 = _sliced_to_array(useState20([]), 2), options = _useState201[0], setOptions = _useState201[1];
     var _useState202 = _sliced_to_array(useState20(controlValue || defaultValue), 2), value = _useState202[0], setValue = _useState202[1];
     var _useState203 = _sliced_to_array(useState20(""), 2), searchValue = _useState203[0], setSearchValue = _useState203[1];
-    var pageData = useMemo15(function() {
-        return {
-            page: 1,
-            pageSize: 12,
-            hasMore: true
-        };
-    }, []);
+    var pageData = useRef11({
+        page: 1,
+        pageSize: 12,
+        hasMore: true
+    });
     var conditions = useMemo15(function() {
         return {
             categoryId: categoryId,
@@ -5039,29 +5035,30 @@ var EffectSeriesSelect = memo26(function(props) {
         categoryId,
         brandId
     ]);
-    var searchFetch = useCallback19(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 _useState204 = _sliced_to_array(useState20({
         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 = _useState204[0], setParams = _useState204[1];
     var state = useSeriesOptions(params);
     var prevControlValue = usePrevious5(controlValue);
-    var debounceSearchFetch = useCallback19(debounce4(300, searchFetch), [
+    var searchFetch = useCallback19(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 = useMemo15(function() {
+        return debounce4(300, searchFetch);
+    }, [
         searchFetch
     ]);
     useEffect17(function() {
@@ -5077,9 +5074,12 @@ var EffectSeriesSelect = memo26(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
     ]);
@@ -5116,8 +5116,8 @@ var EffectSeriesSelect = memo26(function(props) {
         searchValue,
         conditions
     ]);
-    var handleOnSearch = useCallback19(function(value2) {
-        return setSearchValue(value2);
+    var handleOnSearch = useCallback19(function(text) {
+        return setSearchValue(text);
     }, []);
     var handleOnClear = useCallback19(function() {
         return setSearchValue("");
@@ -5130,7 +5130,7 @@ var EffectSeriesSelect = memo26(function(props) {
                         return [
                             4,
                             searchFetch({
-                                page: pageData.page + 1,
+                                page: pageData.current.page + 1,
                                 value: value,
                                 searchValue: searchValue,
                                 conditions: conditions
@@ -5149,11 +5149,11 @@ var EffectSeriesSelect = memo26(function(props) {
         searchValue,
         conditions
     ]);
-    var handleOnChange = useCallback19(function(value2, option) {
+    var handleOnChange = useCallback19(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
@@ -5163,27 +5163,25 @@ var EffectSeriesSelect = memo26(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 = useCallback19(function(_menu) {
+    var popupRender = useCallback19(function(_menu) {
         return /* @__PURE__ */ jsx36(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",
@@ -5200,15 +5198,15 @@ var EffectSeriesSelect = memo26(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
     };
     return /* @__PURE__ */ jsx36(Select5, _object_spread({
         className: classnames9(index_module_default13.input, className)
-    }, selectBrandProps));
+    }, selectProps));
 });
 // src/EffectSpuSelect/index.tsx
 import { memo as memo27, useCallback as useCallback20, useEffect as useEffect18, useMemo as useMemo16, useState as useState21 } from "react";
@@ -5433,7 +5431,7 @@ var EffectSpuSelect = memo27(function(props) {
         state,
         options
     ]);
-    var dropdownRender = useCallback20(function(_menu) {
+    var popupRender = useCallback20(function(_menu) {
         return /* @__PURE__ */ jsx37(SelectDropdown, {
             value: value,
             options: options,
@@ -5465,8 +5463,8 @@ var EffectSpuSelect = memo27(function(props) {
         onSearch: handleOnSearch,
         onClear: handleOnClear,
         open: openDropDown,
-        dropdownRender: dropdownRender,
-        onDropdownVisibleChange: setOpenDropDown,
+        popupRender: popupRender,
+        onOpenChange: setOpenDropDown,
         getPopupContainer: function getPopupContainer() {
             return document.body;
         }
@@ -5749,7 +5747,7 @@ var EffectSkuTable = memo28(function(props) {
     }));
 });
 // src/EffectWithFilePanel/index.tsx
-import { memo as memo29, useRef as useRef11, useState as useState23 } from "react";
+import { memo as memo29, useRef as useRef12, useState as useState23 } from "react";
 // src/EffectWithFilePanel/index.module.less
 var index_module_default15 = {
     accept: "index_module_accept"
@@ -5762,7 +5760,7 @@ var EffectWithFilePanel = memo29(function(props) {
     var _useState23 = _sliced_to_array(useState23(false), 2), uploadLoading = _useState23[0], setUploadLoading = _useState23[1];
     var _useState231 = _sliced_to_array(useState23(disabled ? "\u786E\u5B9A" : "\u4FDD\u5B58"), 2), submitText = _useState231[0], setSubmitText = _useState231[1];
     var drawerTitle = title || (disabled ? "\u67E5\u770B\u9644\u4EF6" : "\u4E0A\u4F20\u9644\u4EF6");
-    var uploadRef = useRef11(null);
+    var uploadRef = useRef12(null);
     var handleCLose = function handleCLose() {
         if (!uploadLoading) return true;
         return new Promise(function(resolve) {
@@ -6252,10 +6250,78 @@ var EffectMerchantSelect = memo31(function(props) {
     });
 });
 // src/EffectScopeSelect/index.tsx
-import { memo as memo32, useCallback as useCallback23, useMemo as useMemo18, useState as useState26 } from "react";
-import { Flex as Flex3, Space as Space3 } from "antd";
+import { memo as memo33, useCallback as useCallback23, useMemo as useMemo18, useState as useState26 } from "react";
+import { Flex as Flex3, Space as Space4 } from "antd";
 import { useUpdateEffect as useUpdateEffect14 } from "react-use";
+// src/EffectScopeSelect/ScopeViewMode.tsx
+import { memo as memo32 } from "react";
+import { Space as Space3, Typography as Typography6 } from "antd";
 import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+var ScopeViewMode = memo32(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__ */ jsx42(Typography6.Text, {
+        style: {
+            fontSize: 14
+        },
+        type: "danger",
+        children: "\u8BF7\u5148\u9009\u62E9\u54C1\u7C7B\u4FE1\u606F"
+    });
+    return /* @__PURE__ */ jsx42(Space3, {
+        size: 4,
+        children: items.map(function(param) {
+            var label = param.label, value = param.value;
+            return /* @__PURE__ */ jsxs19(Space3, {
+                size: 4,
+                style: {
+                    height: 32,
+                    padding: "0 36px 0 14px",
+                    borderRadius: 6
+                },
+                children: [
+                    /* @__PURE__ */ jsxs19(Typography6.Text, {
+                        style: {
+                            fontSize: 14,
+                            paddingRight: 16
+                        },
+                        children: [
+                            label,
+                            ":"
+                        ]
+                    }),
+                    /* @__PURE__ */ jsx42(Typography6.Text, {
+                        style: {
+                            fontSize: 14
+                        },
+                        children: value
+                    })
+                ]
+            }, label);
+        })
+    });
+});
+// src/EffectScopeSelect/index.tsx
+import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
 var ScopeLevelEnum = /* @__PURE__ */ function(ScopeLevelEnum2) {
     ScopeLevelEnum2[ScopeLevelEnum2["CATEGORY"] = 1] = "CATEGORY";
     ScopeLevelEnum2[ScopeLevelEnum2["BRAND"] = 2] = "BRAND";
@@ -6264,8 +6330,8 @@ var ScopeLevelEnum = /* @__PURE__ */ function(ScopeLevelEnum2) {
     ScopeLevelEnum2[ScopeLevelEnum2["SKU"] = 5] = "SKU";
     return ScopeLevelEnum2;
 }(ScopeLevelEnum || {});
-var EffectScopeSelect = memo32(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 EffectScopeSelect = memo33(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 _useState26 = _sliced_to_array(useState26(_object_spread({}, controlledValue, defaultValue)), 2), value = _useState26[0], setValue = _useState26[1];
     var lastLevelCategoryId = useMemo18(function() {
         var _value_categoryIds;
@@ -6371,17 +6437,17 @@ var EffectScopeSelect = memo32(function(props) {
         requireLevel
     ]);
     var renderLabel = useCallback23(function(label, required) {
-        return /* @__PURE__ */ jsx42(Flex3, {
+        return /* @__PURE__ */ jsx43(Flex3, {
             flex: "0 0 auto",
-            children: /* @__PURE__ */ jsxs19(Space3, {
+            children: /* @__PURE__ */ jsxs20(Space4, {
                 children: [
-                    required && /* @__PURE__ */ jsx42("span", {
+                    required && /* @__PURE__ */ jsx43("span", {
                         style: {
                             color: "var(--ant-color-error)"
                         },
                         children: "*"
                     }),
-                    /* @__PURE__ */ jsxs19("span", {
+                    /* @__PURE__ */ jsxs20("span", {
                         children: [
                             label,
                             ":"
@@ -6391,32 +6457,35 @@ var EffectScopeSelect = memo32(function(props) {
             })
         });
     }, []);
-    return /* @__PURE__ */ jsxs19(Flex3, {
+    if (mode === "view") {
+        return /* @__PURE__ */ jsx43(ScopeViewMode, _object_spread({}, value));
+    }
+    return /* @__PURE__ */ jsxs20(Flex3, {
         justify: "flex-start",
         align: "center",
         wrap: "nowrap",
         gap: "15px",
         children: [
-            /* @__PURE__ */ jsxs19(Flex3, {
+            /* @__PURE__ */ jsxs20(Flex3, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u5206\u7C7B", requireLevel >= 1 /* CATEGORY */ ),
-                    /* @__PURE__ */ jsx42(EffectCategoryCascade, {
+                    /* @__PURE__ */ jsx43(EffectCategoryCascade, {
                         onChange: handleCategoryChange,
                         changeOnSelect: categoryChangeOnSelect,
                         value: value.categoryIds
                     })
                 ]
             }),
-            lastLevelCategoryId && scopeLevel >= 2 /* BRAND */  && /* @__PURE__ */ jsxs19(Flex3, {
+            lastLevelCategoryId && scopeLevel >= 2 /* BRAND */  && /* @__PURE__ */ jsxs20(Flex3, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u54C1\u724C", requireLevel >= 2 /* BRAND */ ),
-                    /* @__PURE__ */ jsx42(EffectBrandSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx43(EffectBrandSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleBrandChange,
@@ -6424,13 +6493,13 @@ var EffectScopeSelect = memo32(function(props) {
                     }))
                 ]
             }),
-            !!value.brandId && scopeLevel >= 3 /* SERIES */  && /* @__PURE__ */ jsxs19(Flex3, {
+            !!value.brandId && scopeLevel >= 3 /* SERIES */  && /* @__PURE__ */ jsxs20(Flex3, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("\u7CFB\u5217", requireLevel >= 3 /* SERIES */ ),
-                    /* @__PURE__ */ jsx42(EffectSeriesSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx43(EffectSeriesSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSeriesChange,
@@ -6438,13 +6507,13 @@ var EffectScopeSelect = memo32(function(props) {
                     }))
                 ]
             }),
-            !!value.seriesId && scopeLevel >= 4 /* SPU */  && /* @__PURE__ */ jsxs19(Flex3, {
+            !!value.seriesId && scopeLevel >= 4 /* SPU */  && /* @__PURE__ */ jsxs20(Flex3, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("SPU", requireLevel >= 4 /* SPU */ ),
-                    /* @__PURE__ */ jsx42(EffectSpuSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx43(EffectSpuSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSpuChange,
@@ -6452,13 +6521,13 @@ var EffectScopeSelect = memo32(function(props) {
                     }))
                 ]
             }),
-            !!value.spuId && scopeLevel >= 5 /* SKU */  && /* @__PURE__ */ jsxs19(Flex3, {
+            !!value.spuId && scopeLevel >= 5 /* SKU */  && /* @__PURE__ */ jsxs20(Flex3, {
                 align: "center",
                 gap: "5px",
                 flex: "0 0 auto",
                 children: [
                     renderLabel("SKU", requireLevel >= 5 /* SKU */ ),
-                    /* @__PURE__ */ jsx42(EffectSkuSelect, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx43(EffectSkuSelect, _object_spread_props(_object_spread({
                         categoryId: lastLevelCategoryId
                     }, value), {
                         onChange: handleSkuChange,
@@ -6470,7 +6539,7 @@ var EffectScopeSelect = memo32(function(props) {
     });
 });
 // src/EffectStaffSelect/index.tsx
-import { memo as memo33, useCallback as useCallback24, useEffect as useEffect22, useState as useState27 } from "react";
+import { memo as memo34, useCallback as useCallback24, useEffect as useEffect22, useState as useState27 } from "react";
 import { useAsyncFn as useAsyncFn4, useMount as useMount5, useUpdateEffect as useUpdateEffect15 } from "react-use";
 import classnames12 from "classnames";
 import { Select as Select8 } from "antd";
@@ -6480,8 +6549,8 @@ var index_module_default18 = {
     select: "index_module_select4"
 };
 // src/EffectStaffSelect/index.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var EffectStaffSelect = memo33(function(props) {
+import { jsx as jsx44 } from "react/jsx-runtime";
+var EffectStaffSelect = memo34(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 _useState27 = _sliced_to_array(useState27([]), 2), options = _useState27[0], setOptions = _useState27[1];
@@ -6577,7 +6646,7 @@ var EffectStaffSelect = memo33(function(props) {
         }
     };
     var defaultPlaceholder = deptId ? "\u8BF7\u9009\u62E9\u5458\u5DE5\u59D3\u540D" : "\u8BF7\u5148\u8F93\u5165\u5458\u5DE5\u59D3\u540D";
-    return /* @__PURE__ */ jsx43(Select8, {
+    return /* @__PURE__ */ jsx44(Select8, {
         className: classnames12(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,
@@ -6596,11 +6665,11 @@ var EffectStaffSelect = memo33(function(props) {
     });
 });
 // src/EffectReservoirSelect/EffectReservoirSelect.tsx
-import { memo as memo34, useEffect as useEffect23, useState as useState28 } from "react";
+import { memo as memo35, useEffect as useEffect23, useState as useState28 } from "react";
 import { useAsyncFn as useAsyncFn5, useMount as useMount6, usePrevious as usePrevious7, useUpdateEffect as useUpdateEffect16 } from "react-use";
 import { Select as Select9 } from "antd";
-import { jsx as jsx44 } from "react/jsx-runtime";
-var EffectReservoirSelect = memo34(function(props) {
+import { jsx as jsx45 } from "react/jsx-runtime";
+var EffectReservoirSelect = memo35(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 _useState28 = _sliced_to_array(useState28([]), 2), options = _useState28[0], setOptions = _useState28[1];
     var _useState281 = _sliced_to_array(useState28(controlValue || defaultValue), 2), value = _useState281[0], setValue = _useState281[1];
@@ -6687,16 +6756,16 @@ var EffectReservoirSelect = memo34(function(props) {
         onChange: handleOnChange,
         loading: state.loading
     };
-    return /* @__PURE__ */ jsx44(Select9, _object_spread({
+    return /* @__PURE__ */ jsx45(Select9, _object_spread({
         className: className
     }, selectBrandProps));
 });
 // src/EffectReservoirSelect/EffectShelveSelect.tsx
-import { memo as memo35, useEffect as useEffect24, useState as useState29 } from "react";
+import { memo as memo36, useEffect as useEffect24, useState as useState29 } from "react";
 import { useAsyncFn as useAsyncFn6, useMount as useMount7, usePrevious as usePrevious8, useUpdateEffect as useUpdateEffect17 } from "react-use";
 import { Select as Select10 } from "antd";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var EffectShelveSelect = memo35(function(props) {
+import { jsx as jsx46 } from "react/jsx-runtime";
+var EffectShelveSelect = memo36(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 _useState29 = _sliced_to_array(useState29([]), 2), options = _useState29[0], setOptions = _useState29[1];
@@ -6787,14 +6856,14 @@ var EffectShelveSelect = memo35(function(props) {
         onChange: handleOnChange,
         loading: state.loading
     };
-    return /* @__PURE__ */ jsx45(Select10, _object_spread({
+    return /* @__PURE__ */ jsx46(Select10, _object_spread({
         className: className
     }, selectBrandProps));
 });
 // src/EffectWarehouseSelect/index.tsx
 import { Select as Select11 } from "antd";
 import classnames13 from "classnames";
-import { memo as memo36 } from "react";
+import { memo as memo37 } from "react";
 // src/EffectWarehouseSelect/useStoreOptions.ts
 import useSWRImmutable7 from "swr/immutable";
 var transformStoreData = function transformStoreData() {
@@ -6857,8 +6926,8 @@ var index_module_default19 = {
     select: "index_module_select5"
 };
 // src/EffectWarehouseSelect/index.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-var EffectWarehouseSelect = memo36(function(props) {
+import { jsx as jsx47 } from "react/jsx-runtime";
+var EffectWarehouseSelect = memo37(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) {
@@ -6868,7 +6937,7 @@ var EffectWarehouseSelect = memo36(function(props) {
     var handleClear = function handleClear() {
         onChange === null || onChange === void 0 ? void 0 : onChange(void 0, void 0);
     };
-    return /* @__PURE__ */ jsx46(Select11, {
+    return /* @__PURE__ */ jsx47(Select11, {
         className: classnames13(index_module_default19.select, className),
         placeholder: "\u8BF7\u9009\u62E9\u4ED3\u5E93",
         notFoundContent: state.isLoading ? "\u52A0\u8F7D\u4E2D..." : "\u6682\u65E0\u4ED3\u5E93\u6570\u636E",
@@ -6881,7 +6950,7 @@ var EffectWarehouseSelect = memo36(function(props) {
     });
 });
 // src/EffectAddressCascade/index.tsx
-import { memo as memo37, useEffect as useEffect25, useState as useState30 } from "react";
+import { memo as memo38, useEffect as useEffect25, useState as useState30 } from "react";
 import { useAsyncFn as useAsyncFn7, useMount as useMount8 } from "react-use";
 import classnames14 from "classnames";
 // src/EffectAddressCascade/index.module.less
@@ -6891,8 +6960,8 @@ var index_module_default20 = {
 };
 // src/EffectAddressCascade/index.tsx
 import { Cascader as Cascader2 } from "antd";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var EffectAddressCascade = memo37(function(props) {
+import { jsx as jsx48 } from "react/jsx-runtime";
+var EffectAddressCascade = memo38(function(props) {
     var _selectedList_;
     var className = props.className, disabled = props.disabled, defaultValue = props.defaultValue, onChange = props.onChange;
     var _useState30 = _sliced_to_array(useState30(), 2), selectedList = _useState30[0], setSelectedList = _useState30[1];
@@ -6988,7 +7057,7 @@ var EffectAddressCascade = memo37(function(props) {
         setSelectedList(_selectedList);
         if (onChange) onChange(_selectedList);
     };
-    return /* @__PURE__ */ jsx47(Cascader2, {
+    return /* @__PURE__ */ jsx48(Cascader2, {
         className: classnames14(index_module_default20.input, className),
         disabled: disabled,
         defaultValue: defaultValue,
@@ -7023,7 +7092,7 @@ var transformSelectedList = function transformSelectedList(selectedOptions) {
     });
 };
 // src/EffectLabelSelect/index.tsx
-import { memo as memo38, useEffect as useEffect26, useState as useState31 } from "react";
+import { memo as memo39, useEffect as useEffect26, useState as useState31 } from "react";
 import { useUpdateEffect as useUpdateEffect18 } from "react-use";
 import classnames15 from "classnames";
 // src/EffectLabelSelect/hooks.ts
@@ -7072,9 +7141,9 @@ var index_module_default21 = {
     select: "index_module_select7"
 };
 // src/EffectLabelSelect/index.tsx
-import { Select as Select12, Space as Space4 } from "antd";
-import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
-var EffectLabelSelect = memo38(function(props) {
+import { Select as Select12, Space as Space5 } from "antd";
+import { jsx as jsx49, jsxs as jsxs21 } from "react/jsx-runtime";
+var EffectLabelSelect = memo39(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 _useState31 = _sliced_to_array(useState31(function() {
@@ -7163,12 +7232,12 @@ var EffectLabelSelect = memo38(function(props) {
         filterOption: false,
         popupMatchSelectWidth: false
     };
-    return /* @__PURE__ */ jsxs20(Space4.Compact, {
+    return /* @__PURE__ */ jsxs21(Space5.Compact, {
         className: index_module_default21.select_wrap,
         style: style,
         children: [
-            /* @__PURE__ */ jsx48(Select12, _object_spread({}, selectLabelProps)),
-            /* @__PURE__ */ jsx48(Select12, _object_spread({}, selectValueProps))
+            /* @__PURE__ */ jsx49(Select12, _object_spread({}, selectLabelProps)),
+            /* @__PURE__ */ jsx49(Select12, _object_spread({}, selectValueProps))
         ]
     });
 });