@nutui/nutui-react 3.0.10 → 3.0.11

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

@@ -1,9 +1,4 @@
 .nut-address {
-  &-elevator {
-    display: flex;
-    margin-top: 20px;
-  }
-
   &-exist {
     display: block;
     padding: 15px 20px 0;

package/dist/cjs/packages/address/style/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;

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

@@ -1,9 +1,4 @@
 .nut-address {
-  &-elevator {
-    display: flex;
-    margin-top: 20px;
-  }
-
   &-exist {
     display: block;
     padding: 15px 20px 0;

package/dist/cjs/packages/address/style-jmapp/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;

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;

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;

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/elevator/elevator.js

@@ -224,9 +224,10 @@ var Elevator = function Elevator(props) {
             touchAction: 'pan-y'
         }
     }), list.map(function(item, index) {
+        var _list_currentIndex;
         var _obj;
         return /*#__PURE__*/ _react.default.createElement("div", {
-            className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === list[currentIndex][floorKey]), _obj)),
+            className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === ((_list_currentIndex = list[currentIndex]) === null || _list_currentIndex === void 0 ? void 0 : _list_currentIndex[floorKey])), _obj)),
             "data-index": index,
             key: index,
             onClick: function onClick() {

package/dist/cjs/packages/elevator/style/css.js

@@ -1 +1,3 @@
+import '../../elevator/style/css';
+import '../../cascader/style/css';
 import './style.css';

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

@@ -1,134 +1,113 @@
-.nut-elevator {
-  width: 100%;
-  display: block;
-  position: relative;
-  overflow: hidden;
-
-  &-list {
-    display: block;
-    position: relative;
-    top: 0;
-    overflow: hidden;
-    font-size: $elevator-list-font-size;
-    color: $elevator-list-color;
-
-    &-inner {
-      height: 100%;
-      width: 100%;
-      display: block;
-      background-color: $elevator-list-bg-color;
-      overflow: auto;
-    }
-
+.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: block;
-
-      &-code {
-        display: flex;
-        position: relative;
-        height: $elevator-list-item-code-height;
-        line-height: $elevator-list-item-code-line-height;
-        font-size: $elevator-list-item-code-font-size;
-        color: $elevator-list-item-code-color;
-        padding: $elevator-list-item-padding;
-        font-weight: $elevator-list-item-code-font-weight;
-        box-sizing: border-box;
-        border-bottom: $elevator-list-item-code-border-bottom;
-        background-color: $elevator-list-item-code-background-color;
-      }
-
-      &-name {
-        display: flex;
-        align-items: center;
-        padding: $elevator-list-item-padding;
-        height: $elevator-list-item-name-height;
-        line-height: $elevator-list-item-name-line-height;
-
-        &-highcolor {
-          color: $color-primary;
-        }
+      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;
       }
     }
 
-    &-fixed {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 1;
-      padding: $elevator-list-item-padding;
-      height: $elevator-list-item-code-height;
-      background-color: $elevator-list-fixed-bg-color;
-      box-sizing: border-box;
-      box-shadow: $elevator-list-fixed-box-shadow;
-      &-title {
-        font-size: $elevator-list-item-code-font-size;
-        color: $elevator-list-fixed-color;
-        font-weight: $elevator-list-item-code-font-weight;
+    &.hotlist-more {
+      .nut-address-hotlist-item {
+        width: auto;
+        padding: 0 16px;
+        margin-right: 7px;
       }
     }
   }
 
-  &-code-current {
-    position: absolute;
-    right: $elevator-list-item-code-current-right;
-    top: $elevator-list-item-code-current-top;
-    transform: $elevator-bars-transform;
-    width: $elevator-list-item-code-current-width;
-    height: $elevator-list-item-code-current-height;
-    line-height: $elevator-list-item-code-current-line-height;
-    border-radius: $elevator-list-item-code-current-border-radius;
-    background: $elevator-list-item-code-current-bg-color;
-    box-shadow: $elevator-list-item-code-current-box-shadow;
-    text-align: $elevator-list-item-code-current-text-align;
-  }
+  &-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;
 
-  &-bars {
-    position: absolute;
-    right: $elevator-bars-right;
-    top: $elevator-bars-top;
-    color: $color-text-help;
-    font-size: $elevator-bars-font-size;
-    transform: $elevator-bars-transform;
-    padding: $elevator-bars-padding;
-    background-color: $elevator-bars-background-color;
-    border-radius: $elevator-bars-border-radius;
-    text-align: center;
-    z-index: $elevator-bars-z-index;
+      &.active {
+        border: 1px solid $color-primary;
+        background-color: $color-primary-light-pressed;
+        color: $color-primary;
+      }
+    }
+    &-border {
+      margin: 0 2px;
+      color: $color-text-disabled;
+    }
+  }
 
-    &-inner {
+  &-elevator {
+    margin-top: 0;
+    .nut-elevator-list {
       &-item {
-        display: block;
-        padding: $elevator-bars-inner-item-padding;
-        cursor: pointer;
+        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 {
-          font-weight: $font-weight-bold;
-          color: $elevator-bars-active-color;
+          background-color: $color-primary;
+          color: $color-background-overlay;
+          font-weight: 400;
         }
       }
     }
   }
 }
-
-[dir='rtl'] .nut-elevator,
-.nut-rtl .nut-elevator {
-  &-list {
-    &-fixed {
-      left: auto;
-      right: 0;
-    }
-  }
-
-  &-code-current {
-    right: auto;
-    left: $elevator-list-item-code-current-right;
-  }
-
-  &-bars {
-    right: auto;
-    left: $elevator-bars-right;
-  }
-}

package/dist/cjs/packages/elevator/style/index.js

@@ -1 +1,3 @@
+import '../../elevator/style';
+import '../../cascader/style';
 import './elevator.scss';

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

@@ -2,120 +2,105 @@
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
-.nut-elevator {
-  width: 100%;
-  display: block;
-  position: relative;
-  overflow: hidden;
+.nut-address-title {
+  font-size: 14px;
+  font-weight: 500;
+  padding: 16px 16px 12px 16px;
 }
-.nut-elevator-list {
-  display: block;
-  position: relative;
-  top: 0;
-  overflow: hidden;
-  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-s, 12px));
-  color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
+.nut-address-hotlist {
+  padding: 0 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
 }
-.nut-elevator-list-inner {
-  height: 100%;
-  width: 100%;
-  display: block;
-  background-color: var(--nutui-elevator-list-bg-color, #ffffff);
-  overflow: auto;
+.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-color-background-sunken, #f7f8fc);
+  color: var(--nutui-color-title, #1a1a1a);
 }
-.nut-elevator-list-item {
-  display: block;
+.nut-address-hotlist-item:nth-child(5n) {
+  margin-right: 0;
 }
-.nut-elevator-list-item-code {
-  display: flex;
-  position: relative;
-  height: var(--nutui-elevator-list-item-code-height, 35px);
-  line-height: var(--nutui-elevator-list-item-code-line-height, 35px);
-  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-title, #1a1a1a));
-  padding: var(--nutui-elevator-list-item-padding, 0 20px);
-  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
-  box-sizing: border-box;
-  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  background-color: var(--nutui-elevator-list-item-code-background-color, inherit);
+.nut-address-hotlist.hotlist-more .nut-address-hotlist-item {
+  width: auto;
+  padding: 0 16px;
+  margin-right: 7px;
 }
-.nut-elevator-list-item-name {
+.nut-address-selected {
+  width: 100%;
+  height: 60px;
+  padding: 0 16px;
   display: flex;
   align-items: center;
-  padding: var(--nutui-elevator-list-item-padding, 0 20px);
-  height: var(--nutui-elevator-list-item-name-height, 30px);
-  line-height: var(--nutui-elevator-list-item-name-line-height, 30px);
+  border-bottom: 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06));
 }
-.nut-elevator-list-item-name-highcolor {
+.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-color-background-sunken, #f7f8fc);
+}
+.nut-address-selected-item.active {
+  border: 1px solid var(--nutui-color-primary, #ff0f23);
+  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
   color: var(--nutui-color-primary, #ff0f23);
 }
-.nut-elevator-list-fixed {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  padding: var(--nutui-elevator-list-item-padding, 0 20px);
-  height: var(--nutui-elevator-list-item-code-height, 35px);
-  background-color: var(--nutui-elevator-list-fixed-bg-color, #ffffff);
-  box-sizing: border-box;
-  box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
+.nut-address-selected-border {
+  margin: 0 2px;
+  color: var(--nutui-color-text-disabled, #c2c4cc);
 }
-.nut-elevator-list-fixed-title {
-  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
-  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
+.nut-address-elevator {
+  margin-top: 0;
 }
-.nut-elevator-code-current {
-  position: absolute;
-  right: var(--nutui-elevator-list-item-code-current-right, 60px);
-  top: var(--nutui-elevator-list-item-code-current-top, 50%);
-  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
-  width: var(--nutui-elevator-list-item-code-current-width, 45px);
-  height: var(--nutui-elevator-list-item-code-current-height, 45px);
-  line-height: var(--nutui-elevator-list-item-code-current-line-height, 45px);
-  border-radius: var(--nutui-elevator-list-item-code-current-border-radius, 50%);
-  background: var(--nutui-elevator-list-item-code-current-bg-color, #fff);
-  box-shadow: 0 3px 3px 1px rgb(240, 240, 240);
-  text-align: var(--nutui-elevator-list-item-code-current-text-align, center);
+.nut-address-elevator .nut-elevator-list-item {
+  position: relative;
+  padding-left: 20px;
 }
-.nut-elevator-bars {
+.nut-address-elevator .nut-elevator-list-item-code {
+  display: inline;
   position: absolute;
-  right: var(--nutui-elevator-bars-right, 10px);
-  top: var(--nutui-elevator-bars-top, 50%);
+  left: 0;
+  top: 0;
+  height: 30px;
+  line-height: 30px;
+  border-bottom: 0;
   color: var(--nutui-color-text-help, #888b94);
-  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-s, 12px));
-  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
-  padding: var(--nutui-elevator-bars-padding, 15px 0);
-  background-color: var(--nutui-elevator-bars-background-color, var(--nutui-color-background, #f2f3f5));
-  border-radius: var(--nutui-elevator-bars-border-radius, 6px);
-  text-align: center;
-  z-index: var(--nutui-elevator-bars-z-index, 1);
-}
-.nut-elevator-bars-inner-item {
-  display: block;
-  padding: var(--nutui-elevator-bars-inner-item-padding, 3px);
-  cursor: pointer;
-}
-.nut-elevator-bars-inner-item-active {
-  font-weight: var(--nutui-font-weight-bold, 600);
-  color: var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #ff0f23));
+  font-weight: 500;
 }
-
-[dir=rtl] .nut-elevator-list-fixed,
-.nut-rtl .nut-elevator-list-fixed {
-  left: auto;
-  right: 0;
+.nut-address-elevator .nut-elevator-bars {
+  top: 40%;
+  padding: 0;
+  background: none;
 }
-[dir=rtl] .nut-elevator-code-current,
-.nut-rtl .nut-elevator-code-current {
-  right: auto;
-  left: var(--nutui-elevator-list-item-code-current-right, 60px);
+.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, #888b94);
 }
-[dir=rtl] .nut-elevator-bars,
-.nut-rtl .nut-elevator-bars {
-  right: auto;
-  left: var(--nutui-elevator-bars-right, 10px);
+.nut-address-elevator .nut-elevator-bars-inner-item-active {
+  background-color: var(--nutui-color-primary, #ff0f23);
+  color: var(--nutui-color-background-overlay, #ffffff);
+  font-weight: 400;
 }

package/dist/cjs/packages/elevator/style-jmapp/css.js

@@ -1 +1,3 @@
+import '../../elevator/style-jmapp/css';
+import '../../cascader/style-jmapp/css';
 import './style.css';