@nutui/nutui-react-taro 3.0.10 → 3.0.11-patch.0

package/dist/cjs/packages/address/style-jrkf/address.scss

@@ -1,9 +1,4 @@
 .nut-address {
-  &-elevator {
-    display: flex;
-    margin-top: 20px;
-  }
-
   &-exist {
     display: block;
     padding: 15px 20px 0;
@@ -49,6 +44,120 @@
   }
 }
 
+.nut-address {
+  &-title {
+    font-size: 14px;
+    font-weight: 500;
+    padding: 16px 16px 12px 16px;
+  }
+  &-hotlist {
+    padding: 0 16px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    &-item {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 63px;
+      height: 28px;
+      font-size: 12px;
+      border-radius: 4px;
+      margin-bottom: 7px;
+      /* #ifdef harmony*/
+      margin-right: 6px;
+      /* #endif */
+      /* #ifndef harmony*/
+      margin-right: 7px;
+      /* #endif */
+      background-color: $color-background-sunken;
+      color: $color-title;
+      &:nth-child(5n) {
+        margin-right: 0;
+      }
+    }
+
+    &.hotlist-more {
+      .nut-address-hotlist-item {
+        width: auto;
+        padding: 0 16px;
+        margin-right: 7px;
+      }
+    }
+  }
+
+  &-selected {
+    width: 100%;
+    height: 60px;
+    padding: 0 16px;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid $color-border;
+    &-item {
+      font-size: 12px;
+      display: inline-block;
+      height: 28px;
+      line-height: 28px;
+      padding: 0 12px;
+      border-radius: 4px;
+      background-color: $color-background-sunken;
+
+      &.active {
+        border: 1px solid $color-primary;
+        background-color: $color-primary-light-pressed;
+        color: $color-primary;
+      }
+    }
+    &-border {
+      margin: 0 2px;
+      color: $color-text-disabled;
+    }
+  }
+
+  &-elevator {
+    margin-top: 0;
+    .nut-elevator-list {
+      &-item {
+        position: relative;
+        padding-left: 20px;
+      }
+      &-item-code {
+        display: inline;
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 30px;
+        line-height: 30px;
+        border-bottom: 0;
+        color: $color-text-help;
+        font-weight: 500;
+      }
+    }
+    .nut-elevator-bars {
+      top: 40%;
+      padding: 0;
+      background: none;
+
+      &-inner-item {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 16px;
+        height: 16px;
+        font-size: 10px;
+        border-radius: 16px;
+        margin-bottom: 2px;
+        color: $color-text-help;
+        &-active {
+          background-color: $color-primary;
+          color: $color-background-overlay;
+          font-weight: 400;
+        }
+      }
+    }
+  }
+}
+
 [dir='rtl'] .nut-address,
 .nut-rtl .nut-address {
   &-exist {

package/dist/cjs/packages/address/style-jrkf/style.css

@@ -2,10 +2,6 @@
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
-.nut-address-elevator {
-  display: flex;
-  margin-top: 20px;
-}
 .nut-address-exist {
   display: block;
   padding: 15px 20px 0;
@@ -45,6 +41,109 @@
   color: var(--nutui-color-text-dark);
 }
 
+.nut-address-title {
+  font-size: 14px;
+  font-weight: 500;
+  padding: 16px 16px 12px 16px;
+}
+.nut-address-hotlist {
+  padding: 0 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+.nut-address-hotlist-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 63px;
+  height: 28px;
+  font-size: 12px;
+  border-radius: 4px;
+  margin-bottom: 7px;
+  /* #ifdef harmony*/
+  margin-right: 6px;
+  /* #endif */
+  /* #ifndef harmony*/
+  margin-right: 7px;
+  /* #endif */
+  background-color: var(--nutui-gray-2, #f0f0f0);
+  color: var(--nutui-color-title);
+}
+.nut-address-hotlist-item:nth-child(5n) {
+  margin-right: 0;
+}
+.nut-address-hotlist.hotlist-more .nut-address-hotlist-item {
+  width: auto;
+  padding: 0 16px;
+  margin-right: 7px;
+}
+.nut-address-selected {
+  width: 100%;
+  height: 60px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--nutui-color-border);
+}
+.nut-address-selected-item {
+  font-size: 12px;
+  display: inline-block;
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  border-radius: 4px;
+  background-color: var(--nutui-gray-2, #f0f0f0);
+}
+.nut-address-selected-item.active {
+  border: 1px solid var(--nutui-color-primary, #ff6666);
+  background-color: var(--nutui-color-primary-light-pressed, #ffcccc);
+  color: var(--nutui-color-primary, #ff6666);
+}
+.nut-address-selected-border {
+  margin: 0 2px;
+  color: var(--nutui-color-text-disabled);
+}
+.nut-address-elevator {
+  margin-top: 0;
+}
+.nut-address-elevator .nut-elevator-list-item {
+  position: relative;
+  padding-left: 20px;
+}
+.nut-address-elevator .nut-elevator-list-item-code {
+  display: inline;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 30px;
+  line-height: 30px;
+  border-bottom: 0;
+  color: var(--nutui-color-text-help);
+  font-weight: 500;
+}
+.nut-address-elevator .nut-elevator-bars {
+  top: 40%;
+  padding: 0;
+  background: none;
+}
+.nut-address-elevator .nut-elevator-bars-inner-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+  font-size: 10px;
+  border-radius: 16px;
+  margin-bottom: 2px;
+  color: var(--nutui-color-text-help);
+}
+.nut-address-elevator .nut-elevator-bars-inner-item-active {
+  background-color: var(--nutui-color-primary, #ff6666);
+  color: var(--nutui-color-surface-2);
+  font-weight: 400;
+}
+
 [dir=rtl] .nut-address-exist-item-info,
 .nut-rtl .nut-address-exist-item-info {
   margin-left: 0;

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

@@ -0,0 +1,5 @@
+export declare const transformData: (data: any) => {
+    title: string;
+    list: any;
+}[];
+export declare const findDataByName: any;

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

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    findDataByName: function() {
+        return findDataByName;
+    },
+    transformData: function() {
+        return transformData;
+    }
+});
+var generateId = function generateId(name) {
+    return name.split('').reduce(function(sum, char) {
+        return sum + char.charCodeAt(0);
+    }, 0) // 使用字符的 Unicode 值作为 ID
+    ;
+};
+var transformData = function transformData(data) {
+    var groupByWordCode = function groupByWordCode1(data, parentId, parentName) {
+        return data === null || data === void 0 ? void 0 : data.reduce(function(acc, item) {
+            var wordCode = item.wordCode;
+            if (!acc[wordCode]) {
+                acc[wordCode] = [];
+            }
+            var currentId = generateId(item.value);
+            acc[wordCode].push({
+                name: item.value,
+                wordCode: item.wordCode,
+                id: currentId,
+                pId: parentId,
+                pName: parentName,
+                children: item.children && groupByWordCode(item.children, currentId, item.text) || null
+            });
+            return acc;
+        }, {});
+    };
+    var extractTitles = function extractTitles1(obj) {
+        return Object.keys(obj).map(function(key) {
+            return {
+                title: key,
+                list: obj[key].map(function(item) {
+                    if (item.children) {
+                        item.children = extractTitles(item.children);
+                    }
+                    return item;
+                })
+            };
+        });
+    };
+    var middleData = groupByWordCode(data, '', '');
+    var resultData = extractTitles(middleData);
+    return resultData;
+};
+var findDataByName = function findDataByName1(data, name) {
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = data[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var item = _step.value;
+            var _item_name;
+            if (((_item_name = item.name) === null || _item_name === void 0 ? void 0 : _item_name.indexOf(name)) === 0) return item;
+            if (item.children) {
+                var found = findDataByName(item.children, name);
+                if (found) return found;
+            }
+            if (item.list) {
+                var found1 = findDataByName(item.list, name);
+                if (found1) return found1;
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return null // 如果没有找到，返回 null
+    ;
+};

package/dist/cjs/packages/animatingnumbers/style/style.harmony.css

@@ -1,4 +1,45 @@
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
-/* #endif */
+/* #endif */
+.nut-countup-list {
+  display: inline-flex;
+  height: 32px;
+  overflow: hidden;
+  direction: ltr;
+}
+.nut-countup-listitem {
+  height: 32px;
+  overflow: hidden;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.nut-countup-listitem-number {
+  margin: 0 0;
+  border-radius: 4px;
+  color: #1a1a1a;
+  background-color: inherit;
+}
+.nut-countup-separator {
+  display: flex;
+  height: 80%;
+  align-items: flex-end;
+  color: #1a1a1a;
+  font-size: 18px;
+  font-weight: 600;
+}
+.nut-countup-number {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: auto;
+  transition: transform 1s ease-in-out;
+  transform: translate(0, 0);
+}
+.nut-countup-number-text {
+  height: 32px;
+  line-height: 32px;
+  color: #1a1a1a;
+  font-size: 18px;
+  font-weight: 600;
+}

package/dist/cjs/packages/cascader/cascader.js

@@ -28,7 +28,7 @@ var _mergeprops = require("../../utils/merge-props");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _isempty = require("../../utils/is-empty");
 var _userefstate = require("../../hooks/use-ref-state");
-var _configprovider = require("../configprovider");
+var _index2 = require("../configprovider/index");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     activeColor: '',
     activeIcon: 'checklist',
@@ -48,7 +48,7 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var classPrefix = 'nut-cascader';
     var classPane = "".concat(classPrefix, "-pane");
     var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), activeColor = _mergeProps.activeColor, activeIcon = _mergeProps.activeIcon, 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, optionKey = _mergeProps.optionKey, format = _mergeProps.format, closeable = _mergeProps.closeable, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, lazy = _mergeProps.lazy, onLoad = _mergeProps.onLoad;
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index2.useConfig)().locale;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), tabActiveIndex = _useState[0], setTabActiveIndex = _useState[1];
     var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)(outerOptions), 2), optionsRef = _useRefState[0], setInnerOptions = _useRefState[1];
     var innerOptions = (0, _userefstate.getRefValue)(optionsRef);

package/dist/cjs/packages/picker/style/picker.scss

@@ -1,5 +1,4 @@
 .nut-picker {
-  background-color: $color-background-overlay;
   width: 100%;
 
   &-control {

package/dist/cjs/packages/picker/style/style.css

@@ -3,7 +3,6 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-picker {
-  background-color: var(--nutui-color-background-overlay, #ffffff);
   width: 100%;
 }
 .nut-picker-control {

package/dist/cjs/packages/picker/style/style.harmony.css

@@ -3,7 +3,6 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-picker {
-  background-color: #ffffff;
   width: 100%;
 }
 .nut-picker-control {

package/dist/cjs/packages/picker/style-jmapp/picker.scss

@@ -1,5 +1,4 @@
 .nut-picker {
-  background-color: $color-background-overlay;
   width: 100%;
 
   &-control {

package/dist/cjs/packages/picker/style-jmapp/style.css

@@ -3,7 +3,6 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-picker {
-  background-color: var(--nutui-color-surface-2);
   width: 100%;
 }
 .nut-picker-control {

package/dist/cjs/packages/picker/style-jrkf/picker.scss

@@ -1,5 +1,4 @@
 .nut-picker {
-  background-color: $color-background-overlay;
   width: 100%;
 
   &-control {

package/dist/cjs/packages/picker/style-jrkf/style.css

@@ -3,7 +3,6 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-picker {
-  background-color: var(--nutui-color-surface-2);
   width: 100%;
 }
 .nut-picker-control {

package/dist/cjs/types/spec/address/base.d.ts

@@ -4,11 +4,6 @@ export interface RegionData {
     name?: string;
     [key: string]: any;
 }
-export interface ChangeData {
-    next: string;
-    value: string | RegionData;
-    custom: string;
-}
 export interface CloseCallBackData extends Regions {
     addressIdStr: string;
     addressStr: string;
@@ -32,24 +27,19 @@ export interface AddressList {
     name?: string;
     phone?: string;
 }
-export interface CurrentData {
-    next: string;
-    value: string | RegionData;
-    custom: string;
-    selectedRegion?: Regions;
-}
 export interface Regions {
     province: RegionData;
     city: RegionData;
     county: RegionData;
     town: RegionData;
 }
+export type AddressModeType = 'exist' | 'cascader' | 'elevator';
 export interface BaseAddress {
     visible: boolean;
     defaultVisible: boolean;
     value?: CascaderValue;
     defaultValue?: CascaderValue;
-    type: string;
+    type: AddressModeType;
     options: CascaderOption[];
     optionKey: CascaderOptionKey;
     format: Record<string, string | number | null>;
@@ -59,6 +49,7 @@ export interface BaseAddress {
     defaultIcon: React.ReactNode;
     selectIcon: React.ReactNode;
     backIcon: React.ReactNode;
+    hotList: RegionData[];
     onSwitch?: (data: {
         type: string;
     }) => void;

package/dist/cjs/types/spec/cascader/base.d.ts

@@ -8,6 +8,7 @@ export interface CascaderPane {
 export interface CascaderOption {
     text?: string;
     value?: number | string;
+    wordCode?: string;
     paneKey?: string;
     disabled?: boolean;
     children?: CascaderOption[];

package/dist/es/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/es/locales/en-US.js

@@ -73,7 +73,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/es/locales/id-ID.js

@@ -73,7 +73,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/es/locales/tr-TR.js

@@ -73,7 +73,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/es/locales/zh-CN.js

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

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

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

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

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