@nutui/nutui-react 3.0.10 → 3.0.11

package/CHANGELOG.md

@@ -1,19 +1,25 @@
-# v3.0.10
-`2025-04-25`
+# v3.0.11
+`2025-05-09`
+
+
+* 📖 docs: 升级文档补充 (#3204)
+* :sparkles: feat(address): v15 适配 (#3171)
+* :bug: fix: 修复编译单个组件在小程序下路径异常的问题 (#3215)
+* :bug: fix(picker): 解决透传popup的round属性不生效问题 (#3205)
+* zap: perf: optimize the performance issues caused by style injection (#3203)
 
 
-* 🏡 chore: 更新壳工程分支 (#3200)
-* 🏡 chore: release: v3.0.10-beta.0
-* 🏡 chore: update publich path
-* 📖 docs: jmapp 不判断环境，直接打开 (#3193)
-* :sparkles: feat(switch): loading 态受控 (#3149)
-* :sparkles: feat(uploader): add listUploadRender prop for custom list mode upload… (#3198)
-* :sparkles: feat(video): 兼容taro Component属性 (#3185)
-* :sparkles: feat(radio): 支持自定义icon的classname (#3196)
-* :bug: fix(tabs): 修复滚动计算问题，优化定位逻辑 (#3183)
-* :bug: fix: 删掉无用console (#3197)
-* :bug: fix: 兼容选中值为0的情况 (#3192)
+# v3.0.10
+
+`2025-04-25`
 
+- 📖 docs: jmapp 不判断环境，直接打开 (#3193)
+- :sparkles: feat(switch): loading 态受控 (#3149)
+- :sparkles: feat(uploader): add listUploadRender prop for custom list mode upload… (#3198)
+- :sparkles: feat(video): 兼容taro Component属性 (#3185)
+- :sparkles: feat(radio): 支持自定义icon的classname (#3196)
+- :bug: fix(tabs): 修复滚动计算问题，优化定位逻辑 (#3183)
+- :bug: fix: 兼容选中值为0的情况 (#3192)
 
 # v3.0.9
 

package/dist/cjs/locales/base.d.ts

@@ -64,6 +64,8 @@ export interface BaseLang {
         selectRegion: string;
         deliveryTo: string;
         chooseAnotherAddress: string;
+        hotCity: string;
+        selectProvince: string;
     };
     signature: {
         reSign: string;

package/dist/cjs/locales/en-US.js

@@ -83,7 +83,9 @@ var enUS = {
     address: {
         selectRegion: 'Choose Address',
         deliveryTo: 'Delivery To',
-        chooseAnotherAddress: 'Choose Another Address'
+        chooseAnotherAddress: 'Choose Another Address',
+        hotCity: 'Hot City',
+        selectProvince: 'Choose Province or City'
     },
     signature: {
         reSign: 'Re Sign',

package/dist/cjs/locales/id-ID.js

@@ -83,7 +83,9 @@ var idID = {
     address: {
         selectRegion: 'Pilih Daerah',
         deliveryTo: 'Kirim Ke',
-        chooseAnotherAddress: 'Pilih alamat lain'
+        chooseAnotherAddress: 'Pilih alamat lain',
+        hotCity: 'Kota-kota populer',
+        selectProvince: 'Pilih provinsi/wilayah'
     },
     signature: {
         reSign: 'Masuk Kembali',

package/dist/cjs/locales/tr-TR.js

@@ -83,7 +83,9 @@ var trTR = {
     address: {
         selectRegion: 'Lütfen bölgenizi seçin',
         deliveryTo: 'Teslimat yeri',
-        chooseAnotherAddress: 'Başka bir adres seçin'
+        chooseAnotherAddress: 'Başka bir adres seçin',
+        hotCity: 'Popüler şehirler',
+        selectProvince: 'İl/bölge seçin'
     },
     signature: {
         reSign: 'Yeniden imzala',

package/dist/cjs/locales/zh-CN.js

@@ -83,7 +83,9 @@ var zhCN = {
     address: {
         selectRegion: '请选择地址',
         deliveryTo: '配送至',
-        chooseAnotherAddress: '选择其他地址'
+        chooseAnotherAddress: '选择其他地址',
+        hotCity: '热门城市',
+        selectProvince: '选择省份/地区'
     },
     signature: {
         reSign: '重签',

package/dist/cjs/locales/zh-TW.js

@@ -83,7 +83,9 @@ var zhCN = {
     address: {
         selectRegion: '請選擇地址',
         deliveryTo: '配送至',
-        chooseAnotherAddress: '選擇其他地址'
+        chooseAnotherAddress: '選擇其他地址',
+        hotCity: '熱門城市',
+        selectProvince: '選擇省份/地區'
     },
     signature: {
         reSign: '重簽',

package/dist/cjs/locales/zh-UG.js

@@ -83,7 +83,9 @@ var zhUG = {
     address: {
         selectRegion: 'ئادىرىسنى تاللاڭ',
         deliveryTo: 'قەيەرگە',
-        chooseAnotherAddress: 'باشقىنى تاللاش'
+        chooseAnotherAddress: 'باشقىنى تاللاش',
+        hotCity: 'ئاۋات شەھەرلەر',
+        selectProvince: 'ئۆلكە / شەھەرنى تاللاڭ'
     },
     signature: {
         reSign: 'قايتا',

package/dist/cjs/packages/address/address.js

@@ -25,14 +25,16 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _popup = /*#__PURE__*/ _interop_require_default._(require("../popup"));
-var _customRender = require("./customRender");
+var _cascaderRender = require("./cascaderRender");
+var _elevatorRender = require("./elevatorRender");
 var _existRender = require("./existRender");
 var _configprovider = require("../configprovider");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
+var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     defaultValue: [],
-    type: 'custom',
+    type: 'cascader',
     options: [],
     optionKey: {
         textKey: 'text',
@@ -42,6 +44,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     format: {},
     custom: false,
     existList: [],
+    hotList: [],
     height: '200px',
     defaultIcon: null,
     selectIcon: null,
@@ -50,7 +53,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalAddress = function InternalAddress(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue, children = _ref.children, type = _ref.type, options = _ref.options, optionKey = _ref.optionKey, format = _ref.format, height = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch, rest = (0, _object_without_properties._)(_ref, [
+    var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), style = _mergeProps.style, className = _mergeProps.className, visible = _mergeProps.visible, defaultVisible = _mergeProps.defaultVisible, defaultValue = _mergeProps.defaultValue, children = _mergeProps.children, type = _mergeProps.type, options = _mergeProps.options, optionKey = _mergeProps.optionKey, format = _mergeProps.format, height = _mergeProps.height, title = _mergeProps.title, existList = _mergeProps.existList, custom = _mergeProps.custom, selectIcon = _mergeProps.selectIcon, defaultIcon = _mergeProps.defaultIcon, closeIcon = _mergeProps.closeIcon, backIcon = _mergeProps.backIcon, hotList = _mergeProps.hotList, onChange = _mergeProps.onChange, onExistSelect = _mergeProps.onExistSelect, onClose = _mergeProps.onClose, onSwitch = _mergeProps.onSwitch, rest = (0, _object_without_properties._)(_mergeProps, [
         "style",
         "className",
         "visible",
@@ -69,6 +72,7 @@ var InternalAddress = function InternalAddress(props, ref) {
         "defaultIcon",
         "closeIcon",
         "backIcon",
+        "hotList",
         "onChange",
         "onExistSelect",
         "onClose",
@@ -95,67 +99,88 @@ var InternalAddress = function InternalAddress(props, ref) {
         setInnerVisible(false);
         onClose && onClose();
     };
-    var renderLeftOnCustomSwitch = function renderLeftOnCustomSwitch() {
-        if (custom) {
-            return /*#__PURE__*/ _react.default.createElement("div", {
-                className: "".concat(classPrefix, "-left-icon"),
-                onClick: onSwitchModule
-            }, /*#__PURE__*/ _react.default.isValidElement(backIcon) ? backIcon : /*#__PURE__*/ _react.default.createElement(_iconsreact.ArrowLeft, {
-                color: "#cccccc"
-            }));
-        }
-        return null;
+    var renderLeftOnCascaderSwitch = function renderLeftOnCascaderSwitch() {
+        if (!custom) return null;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-left-icon"),
+            onClick: onSwitchModule
+        }, /*#__PURE__*/ _react.default.isValidElement(backIcon) ? backIcon : /*#__PURE__*/ _react.default.createElement(_iconsreact.ArrowLeft, {
+            color: "#cccccc"
+        }));
     };
     var selectedExistItem = function selectedExistItem(data) {
         onExistSelect && onExistSelect(data);
         handleClose();
     };
     var onSwitchModule = function onSwitchModule() {
-        if (currentType === 'exist') {
-            setCurrentType('custom');
-        } else {
-            setCurrentType('exist');
-        }
+        var nextType = currentType === 'exist' ? 'cascader' : 'exist';
+        setCurrentType(nextType);
         onSwitch && onSwitch({
-            type: currentType
+            type: nextType
         });
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, currentType === 'custom' || currentType === 'custom2' ? /*#__PURE__*/ _react.default.createElement(_customRender.CustomRender, {
-        visible: innerVisible,
-        closeable: true,
-        title: title || locale.address.selectRegion,
-        left: renderLeftOnCustomSwitch(),
-        defaultValue: defaultValue,
-        closeIcon: closeIcon,
-        options: options,
-        format: format,
-        optionKey: optionKey,
-        type: currentType,
-        height: height,
-        onClose: handleClose,
-        onChange: function onChange1(val, params) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
-        }
-    }) : /*#__PURE__*/ _react.default.createElement(_popup.default, {
-        visible: innerVisible,
-        position: "bottom",
-        round: true,
-        closeable: true,
-        closeIcon: closeIcon,
-        title: title || locale.address.selectRegion,
-        onClose: handleClose
-    }, /*#__PURE__*/ _react.default.createElement("div", {
-        className: "".concat(classPrefix, " ").concat(className || ''),
-        style: (0, _object_spread._)({}, style)
-    }, /*#__PURE__*/ _react.default.createElement(_existRender.ExistRender, {
-        type: currentType,
-        existList: existList,
-        selectIcon: selectIcon,
-        defaultIcon: defaultIcon,
-        custom: custom,
-        onSelect: selectedExistItem,
-        onSwitch: onSwitchModule
-    }))));
+    var renderElevator = function renderElevator() {
+        return /*#__PURE__*/ _react.default.createElement(_elevatorRender.ElevatorRender, {
+            visible: innerVisible,
+            closeable: true,
+            title: title || locale.address.selectRegion,
+            left: backIcon,
+            defaultValue: defaultValue,
+            closeIcon: closeIcon,
+            options: options,
+            hotList: hotList,
+            format: format,
+            optionKey: optionKey,
+            type: currentType,
+            height: height,
+            onClose: handleClose,
+            onChange: function onChange1(val, params) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
+            }
+        });
+    };
+    var renderCascator = function renderCascator() {
+        return /*#__PURE__*/ _react.default.createElement(_cascaderRender.CascaderRender, {
+            visible: innerVisible,
+            closeable: true,
+            title: title || locale.address.selectRegion,
+            left: renderLeftOnCascaderSwitch(),
+            defaultValue: defaultValue,
+            closeIcon: closeIcon,
+            options: options,
+            format: format,
+            optionKey: optionKey,
+            type: currentType,
+            height: height,
+            onClose: handleClose,
+            onChange: function onChange1(val, params) {
+                onChange && onChange(val, params);
+            }
+        });
+    };
+    var renderExist = function renderExist() {
+        return /*#__PURE__*/ _react.default.createElement(_popup.default, {
+            visible: innerVisible,
+            position: "bottom",
+            round: true,
+            closeable: true,
+            closeIcon: closeIcon,
+            title: title || locale.address.selectRegion,
+            onClose: handleClose
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, " ").concat(className || ''),
+            style: (0, _object_spread._)({}, style)
+        }, /*#__PURE__*/ _react.default.createElement(_existRender.ExistRender, {
+            type: currentType,
+            existList: existList,
+            selectIcon: selectIcon,
+            defaultIcon: defaultIcon,
+            custom: custom,
+            onSelect: selectedExistItem,
+            onSwitch: onSwitchModule
+        })));
+    };
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, currentType === 'elevator' ? renderElevator() : null, currentType === 'cascader' ? renderCascator() : null, currentType === 'exist' ? renderExist() : null);
 };
 var Address = /*#__PURE__*/ (0, _react.forwardRef)(InternalAddress);
 Address.displayName = 'NutAddress';

package/dist/cjs/packages/address/{customRender.d.ts → cascaderRender.d.ts}

@@ -10,4 +10,4 @@ export interface AddressProps extends WebCascaderProps {
     format: Record<string, string | number | null>;
     height: string | number;
 }
-export declare const CustomRender: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'defaultValue' | 'onChange'>>;
+export declare const CascaderRender: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'defaultValue' | 'onChange'>>;

package/dist/cjs/packages/address/{customRender.js → cascaderRender.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "CustomRender", {
+Object.defineProperty(exports, "CascaderRender", {
     enumerable: true,
     get: function() {
-        return CustomRender;
+        return CascaderRender;
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
@@ -17,7 +17,7 @@ var _typings = require("../../utils/typings");
 var _cascader = /*#__PURE__*/ _interop_require_default._(require("../cascader"));
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     visible: false,
-    type: 'custom',
+    type: 'cascader',
     options: [],
     optionKey: {
         textKey: 'text',
@@ -27,7 +27,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     format: {},
     height: '200px'
 });
-var CustomRender = function CustomRender(props) {
+var CascaderRender = function CascaderRender(props) {
     var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, visible = _ref.visible, type = _ref.type, height = _ref.height, options = _ref.options, title = _ref.title, left = _ref.left, value = _ref.value, defaultValue = _ref.defaultValue, optionKey = _ref.optionKey, format = _ref.format, onClose = _ref.onClose, onChange = _ref.onChange, onPathChange = _ref.onPathChange, rest = (0, _object_without_properties._)(_ref, [
         "children",
         "visible",
@@ -44,7 +44,7 @@ var CustomRender = function CustomRender(props) {
         "onChange",
         "onPathChange"
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, type === 'custom' && /*#__PURE__*/ _react.default.createElement(_cascader.default, (0, _object_spread._)({
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, type === 'cascader' && /*#__PURE__*/ _react.default.createElement(_cascader.default, (0, _object_spread._)({
         visible: visible,
         value: value,
         defaultValue: defaultValue,

package/dist/cjs/packages/address/elevatorRender.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+import { CascaderOption, WebCascaderProps, CascaderValue, CascaderOptionKey, RegionData } from "../../types";
+export interface AddressProps extends WebCascaderProps {
+    visible: boolean;
+    type: string;
+    options: CascaderOption[];
+    hotList: RegionData[];
+    value: CascaderValue;
+    defaultValue: CascaderValue;
+    optionKey: CascaderOptionKey;
+    format: Record<string, string | number | null>;
+    height: string | number;
+}
+export declare const ElevatorRender: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'defaultValue' | 'onChange'>>;

package/dist/cjs/packages/address/elevatorRender.js

@@ -0,0 +1,262 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ElevatorRender", {
+    enumerable: true,
+    get: function() {
+        return ElevatorRender;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _popup = /*#__PURE__*/ _interop_require_default._(require("../popup"));
+var _elevator = /*#__PURE__*/ _interop_require_default._(require("../elevator"));
+var _utils = require("../cascader/utils");
+var _utils1 = require("./utils");
+var _typings = require("../../utils/typings");
+var _mergeprops = require("../../utils/merge-props");
+var _usepropsvalue = require("../../hooks/use-props-value");
+var _isempty = require("../../utils/is-empty");
+var _configprovider = require("../configprovider");
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    visible: false,
+    type: 'elevator',
+    options: [],
+    optionKey: {
+        textKey: 'text',
+        valueKey: 'value',
+        childrenKey: 'children'
+    },
+    format: {},
+    height: '200px',
+    activeColor: '',
+    activeIcon: 'checklist',
+    popup: true,
+    closeable: false,
+    closeIconPosition: 'top-right',
+    closeIcon: 'close',
+    lazy: false,
+    hotList: [],
+    onClose: function onClose() {},
+    onChange: function onChange() {},
+    onPathChange: function onPathChange() {}
+});
+var ElevatorRender = function ElevatorRender(props) {
+    var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), hotList = _mergeProps.hotList, title = _mergeProps.title, left = _mergeProps.left, optionKey = _mergeProps.optionKey, format = _mergeProps.format, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, onPathChange = _mergeProps.onPathChange, popup = _mergeProps.popup, _mergeProps_popupProps = _mergeProps.popupProps, popupProps = _mergeProps_popupProps === void 0 ? {} : _mergeProps_popupProps, outerVisible = _mergeProps.visible, outerOptions = _mergeProps.options, outerValue = _mergeProps.value, outerDefaultValue = _mergeProps.defaultValue, closeable = _mergeProps.closeable, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon;
+    var _useConfig = (0, _configprovider.useConfig)(), _useConfig_locale = _useConfig.locale, select = _useConfig_locale.select, _useConfig_locale_address = _useConfig_locale.address, hotCity = _useConfig_locale_address.hotCity, selectProvince = _useConfig_locale_address.selectProvince;
+    var classPrefix = 'nut-address';
+    var MAX_LENGTH = 10;
+    var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
+        value: outerValue,
+        defaultValue: outerDefaultValue,
+        finalValue: [],
+        onChange: function onChange1(value) {
+            onChange(value, []);
+            onPathChange(value, []);
+        }
+    }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(outerOptions), 2), innerOptions = _useState[0], setInnerOptions = _useState[1];
+    var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(value), 2), innerValue = _useState1[0], setInnerValue = _useState1[1];
+    var _useState2 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), elevatorOptions = _useState2[0], setElevatorOptions = _useState2[1];
+    var _useState3 = (0, _sliced_to_array._)((0, _react.useState)(selectProvince), 2), addressTip = _useState3[0], setAddressTip = _useState3[1];
+    var _useState4 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), levelIndex = _useState4[0], setLevelIndex = _useState4[1];
+    var _useState5 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), tabActiveIndex = _useState5[0], setTabActiveIndex = _useState5[1];
+    // 初始化数据，只格式化一次；动态数据todo
+    var options = (0, _react.useMemo)(function() {
+        if (!(0, _isempty.isEmpty)(format)) {
+            return (0, _utils1.transformData)((0, _utils.normalizeListOptions)(innerOptions, format));
+        }
+        if (!(0, _isempty.isEmpty)(optionKey)) {
+            return (0, _utils1.transformData)((0, _utils.normalizeOptions)(innerOptions, optionKey) || []);
+        }
+        return (0, _utils1.transformData)(innerOptions);
+    }, [
+        innerOptions,
+        optionKey,
+        format
+    ]);
+    (0, _react.useEffect)(function() {
+        setElevatorOptions(options);
+    }, [
+        options
+    ]);
+    var levels = (0, _react.useMemo)(function() {
+        var next = [];
+        var end = false;
+        var currentOptions = options;
+        innerValue.forEach(function(val, index) {
+            var opt = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.flatMap(function(o) {
+                return o.list.find(function(item) {
+                    return item.name === val;
+                });
+            }).filter(function(item) {
+                return item !== undefined;
+            })[0];
+            next.push({
+                name: val,
+                children: currentOptions,
+                levelIndex: index,
+                current: index === tabActiveIndex
+            });
+            if (opt === null || opt === void 0 ? void 0 : opt.children) {
+                currentOptions = opt.children;
+            } else {
+                end = true;
+            }
+        });
+        if (!end) {
+            next.push({
+                name: null,
+                children: currentOptions,
+                levels: -1,
+                current: false
+            });
+        }
+        return next;
+    }, [
+        innerValue,
+        options,
+        tabActiveIndex
+    ]);
+    var _usePropsValue1 = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
+        value: outerVisible,
+        defaultValue: undefined,
+        onChange: function onChange(value) {
+            if (value === false) onClose();
+        }
+    }), 2), visible = _usePropsValue1[0], setVisible = _usePropsValue1[1];
+    (0, _react.useEffect)(function() {
+        if (!visible) setInnerValue(value);
+    }, [
+        visible,
+        value
+    ]);
+    (0, _react.useEffect)(function() {
+        setInnerOptions(outerOptions);
+    }, [
+        outerOptions
+    ]);
+    (0, _react.useEffect)(function() {
+        setTabActiveIndex(levels.length - 1);
+        setAddressTip(innerValue.length ? select : selectProvince);
+    }, [
+        innerValue
+    ]);
+    var handleElevatorItemClick = function handleElevatorItemClick(elevatorItem, levelIndex) {
+        var _elevatorItem_children;
+        var nextValue = innerValue.slice(0, levelIndex);
+        if (elevatorItem.name) {
+            nextValue[levelIndex] = elevatorItem.name;
+        }
+        setInnerValue(nextValue);
+        if ((_elevatorItem_children = elevatorItem.children) === null || _elevatorItem_children === void 0 ? void 0 : _elevatorItem_children.length) {
+            setElevatorOptions(elevatorItem.children);
+            setLevelIndex(levelIndex + 1);
+        } else {
+            setVisible(false);
+            setValue(nextValue);
+        }
+    };
+    var handleHotItemClick = function handleHotItemClick(hotItem) {
+        // 通过修改 innerValue 构造 level 数据
+        var distData = (0, _utils1.findDataByName)(options, hotItem.name);
+        // 热门城市主要是一级城市和二级城市，可以扩展。TODO
+        if (distData) {
+            var nextValue = [
+                distData.pName,
+                distData.name
+            ].filter(function(item) {
+                return item !== '';
+            });
+            setInnerValue(nextValue);
+            setElevatorOptions(distData.children);
+            setLevelIndex(nextValue.length);
+        }
+    };
+    var renderTabs = function renderTabs() {
+        if (!levels.length || !levels[0].name) return null;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-selected")
+        }, levels.map(function(item, index) {
+            var _levels_;
+            return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, {
+                key: "adtabs-".concat(index)
+            }, item.name && /*#__PURE__*/ _react.default.createElement("div", {
+                className: "".concat(classPrefix, "-selected-item ").concat(item.current ? 'active' : ''),
+                onClick: function onClick() {
+                    var _props_onTabsChange;
+                    (_props_onTabsChange = props.onTabsChange) === null || _props_onTabsChange === void 0 ? void 0 : _props_onTabsChange.call(props, index);
+                    setTabActiveIndex(index);
+                    setLevelIndex(index);
+                    setElevatorOptions(item.children);
+                }
+            }, item.name), ((_levels_ = levels[index + 1]) === null || _levels_ === void 0 ? void 0 : _levels_.name) && /*#__PURE__*/ _react.default.createElement("div", {
+                className: "".concat(classPrefix, "-selected-border")
+            }, "-"));
+        }));
+    };
+    var renderHotCity = function renderHotCity() {
+        if (levels.length && tabActiveIndex !== 0) return null;
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-title")
+        }, hotCity), /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-hotlist ").concat(hotList.length > MAX_LENGTH ? 'hotlist-more' : '')
+        }, hotList.map(function(item, index) {
+            return /*#__PURE__*/ _react.default.createElement("div", {
+                className: "".concat(classPrefix, "-hotlist-item"),
+                key: "hot-".concat(index),
+                onClick: function onClick() {
+                    return handleHotItemClick(item);
+                }
+            }, item.name);
+        })));
+    };
+    var renderArea = function renderArea() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-title")
+        }, addressTip), /*#__PURE__*/ _react.default.createElement(_elevator.default, {
+            className: "".concat(classPrefix, "-elevator"),
+            list: elevatorOptions,
+            onItemClick: function onItemClick(key, item) {
+                return handleElevatorItemClick(item, levelIndex);
+            },
+            style: {
+                height: '100%'
+            },
+            height: "93%"
+        }));
+    };
+    var renderContent = function renderContent() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderTabs(), /*#__PURE__*/ _react.default.createElement("div", {
+            style: {
+                height: innerValue.length ? '80%' : '93%',
+                overflowY: levels.length && tabActiveIndex !== 0 ? 'hidden' : 'auto'
+            }
+        }, renderHotCity(), renderArea()));
+    };
+    return popup ? /*#__PURE__*/ _react.default.createElement(_popup.default, (0, _object_spread_props._)((0, _object_spread._)({}, popupProps), {
+        visible: visible,
+        position: "bottom",
+        style: {
+            height: '89%'
+        },
+        round: true,
+        closeIcon: closeIcon,
+        closeable: closeable,
+        closeIconPosition: closeIconPosition,
+        title: title,
+        left: left,
+        onOverlayClick: function onOverlayClick() {
+            return setVisible(false);
+        },
+        onCloseIconClick: function onCloseIconClick() {
+            return setVisible(false);
+        }
+    }), renderContent()) : renderContent();
+};
+ElevatorRender.displayName = 'NutElevatorRender';

package/dist/cjs/packages/address/existRender.js

@@ -15,7 +15,7 @@ var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _configprovider = require("../configprovider");
 var defaultProps = {
-    type: 'custom',
+    type: 'exist',
     existList: [],
     defaultIcon: null,
     selectIcon: null,
@@ -45,7 +45,7 @@ var ExistRender = function ExistRender(props) {
     var onClick = function onClick(e) {
         e.stopPropagation();
         onSwitch && onSwitch({
-            type: type === 'exist' ? 'custom' : 'exist'
+            type: type === 'exist' ? 'cascader' : 'exist'
         });
     };
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("ul", {