@nutui/nutui-react 1.4.4 → 1.4.5

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# v.14.5
+`2023-02-01`
+
+* :sparkles: feat: 虚拟列表 virtuallist 组件适配 taro (#602) @vickyYe
+* :bug: fix: 修复 plain 与 type 同时使用时的样式错误 (#606) @eiinu
+* :bug: fix: noticebar 组件修复垂直滚动自定义内容点击问题，增加onClickItem事件 (#596) @vickyYe
+* :bug: fix: uploader 组件 beforeUpload 方法 ts 类型修复 (#601) @junjun666
+* :bug: fix: 修改 cell 组件descTextAlign 的相关代码注入时机和使用文档 (#598) @irisSong
+* :bug: fix: radio 组件横向排列选中后页面抖动 (#600) @oasis-cloud
+* 🔨 chore: nutui taro 在 iOS 11 下和 taro 的 regenerator-runtime 冲突 (#604) @oasis-cloud
+* 🔨 chore: 在线主题定制启动后默认打开基础样式 (#603) @oasis-cloud
+* 🔨 chore: taro 版本移除 image 和 audio (#609) @oasis-cloud
+* 🔨 chore: 开发环境文档预览增加最小宽度 (#608) @oasis-cloud
+* 🔨 chore: 提取组件的 CSS Variables (#605) @oasis-cloud
+
 # v1.4.4
 `2023-01-17`
 

package/dist/esm/Address.js

@@ -279,32 +279,34 @@ var CustomRender = function CustomRender(props) {
     if (modelValue.length > 0) {
       var tagIndex = 0;
       var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
-      for (var index = 0; index < modelValue.length; index++) {
+      var _loop = function _loop() {
         if (regionList[tabName[index]].length === 0) {
           tagIndex = index - 1;
           setTabIndex(index - 1);
-          break;
+          return "break";
         } else {
-          (function () {
-            var val = modelValue[index];
-            var arr = regionList[tabName[index]];
-            if (privateType === 'custom') {
-              selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
-                return item.id === val;
-              })[0];
-            } else if (privateType === 'custom2') {
-              var sumArr = [];
-              arr.forEach(function (item) {
-                sumArr.push.apply(sumArr, _toConsumableArray(item.list));
-              });
-              selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
-                return item.id === val;
-              })[0];
-            }
-            tagIndex = index;
-            setSelectedRegion(selectedRegionC);
-          })();
+          var val = modelValue[index];
+          var arr = regionList[tabName[index]];
+          if (privateType === 'custom') {
+            selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
+              return item.id === val;
+            })[0];
+          } else if (privateType === 'custom2') {
+            var sumArr = [];
+            arr.forEach(function (item) {
+              sumArr.push.apply(sumArr, _toConsumableArray(item.list));
+            });
+            selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
+              return item.id === val;
+            })[0];
+          }
+          tagIndex = index;
+          setSelectedRegion(selectedRegionC);
         }
+      };
+      for (var index = 0; index < modelValue.length; index++) {
+        var _ret = _loop();
+        if (_ret === "break") break;
       }
       setTabIndex(tagIndex);
       lineAnimation(tagIndex);

package/dist/esm/Cascader.js

@@ -321,44 +321,42 @@ var InternalCascader = function InternalCascader(props) {
   var initData = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              // 初始化开始处理数据
-              state.lazyLoadMap.clear();
-              if (convertConfig && Object.keys(convertConfig).length > 0) {
-                state.optionsData = convertListToOptions(options, convertConfig);
-              } else {
-                state.optionsData = options;
-              }
-              state.tree = new Tree(state.optionsData, {
-                value: state.configs.valueKey,
-                text: state.configs.textKey,
-                children: state.configs.childrenKey
-              });
-              if (!(isLazy() && !state.tree.nodes.length)) {
-                _context.next = 6;
-                break;
-              }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // 初始化开始处理数据
+            state.lazyLoadMap.clear();
+            if (convertConfig && Object.keys(convertConfig).length > 0) {
+              state.optionsData = convertListToOptions(options, convertConfig);
+            } else {
+              state.optionsData = options;
+            }
+            state.tree = new Tree(state.optionsData, {
+              value: state.configs.valueKey,
+              text: state.configs.textKey,
+              children: state.configs.childrenKey
+            });
+            if (!(isLazy() && !state.tree.nodes.length)) {
               _context.next = 6;
-              return invokeLazyLoad({
-                root: true,
-                loading: true,
-                text: '',
-                value: ''
-              });
-            case 6:
-              state.panes = [{
-                nodes: state.tree.nodes,
-                selectedNode: null,
-                paneKey: 'c1'
-              }];
-              syncValue();
-              setOptiosData(state.panes);
-            case 9:
-            case "end":
-              return _context.stop();
-          }
+              break;
+            }
+            _context.next = 6;
+            return invokeLazyLoad({
+              root: true,
+              loading: true,
+              text: '',
+              value: ''
+            });
+          case 6:
+            state.panes = [{
+              nodes: state.tree.nodes,
+              selectedNode: null,
+              paneKey: 'c1'
+            }];
+            syncValue();
+            setOptiosData(state.panes);
+          case 9:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -371,92 +369,88 @@ var InternalCascader = function InternalCascader(props) {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var currentValue, needToSync, parent, last, pathNodes;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              currentValue = state.innerValue;
-              if (!(currentValue === undefined || !state.tree.nodes.length)) {
-                _context3.next = 3;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 3:
-              if (!(currentValue.length === 0)) {
-                _context3.next = 6;
-                break;
-              }
-              state.tabsCursor = 0;
-              // state.panes = [{ nodes: state.tree.nodes, selectedNode: null }];
-              return _context3.abrupt("return");
-            case 6:
-              needToSync = currentValue;
-              if (!(isLazy() && Array.isArray(currentValue) && currentValue.length)) {
-                _context3.next = 19;
-                break;
-              }
-              needToSync = [];
-              parent = state.tree.nodes.find(function (node) {
-                return node.value === currentValue[0];
-              });
-              if (!parent) {
-                _context3.next = 19;
-                break;
-              }
-              needToSync = [parent.value];
-              state.initLoading = true;
-              _context3.next = 15;
-              return currentValue.slice(1).reduce( /*#__PURE__*/function () {
-                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(p, value) {
-                  var _parent$children;
-                  var parent, node;
-                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                    while (1) {
-                      switch (_context2.prev = _context2.next) {
-                        case 0:
-                          _context2.next = 2;
-                          return p;
-                        case 2:
-                          parent = _context2.sent;
-                          _context2.next = 5;
-                          return invokeLazyLoad(parent);
-                        case 5:
-                          node = parent === null || parent === void 0 ? void 0 : (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.find(function (item) {
-                            return item.value === value;
-                          });
-                          if (node) {
-                            needToSync.push(value);
-                          }
-                          return _context2.abrupt("return", Promise.resolve(node));
-                        case 8:
-                        case "end":
-                          return _context2.stop();
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            currentValue = state.innerValue;
+            if (!(currentValue === undefined || !state.tree.nodes.length)) {
+              _context3.next = 3;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 3:
+            if (!(currentValue.length === 0)) {
+              _context3.next = 6;
+              break;
+            }
+            state.tabsCursor = 0;
+            // state.panes = [{ nodes: state.tree.nodes, selectedNode: null }];
+            return _context3.abrupt("return");
+          case 6:
+            needToSync = currentValue;
+            if (!(isLazy() && Array.isArray(currentValue) && currentValue.length)) {
+              _context3.next = 19;
+              break;
+            }
+            needToSync = [];
+            parent = state.tree.nodes.find(function (node) {
+              return node.value === currentValue[0];
+            });
+            if (!parent) {
+              _context3.next = 19;
+              break;
+            }
+            needToSync = [parent.value];
+            state.initLoading = true;
+            _context3.next = 15;
+            return currentValue.slice(1).reduce( /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(p, value) {
+                var _parent$children;
+                var parent, node;
+                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _context2.next = 2;
+                      return p;
+                    case 2:
+                      parent = _context2.sent;
+                      _context2.next = 5;
+                      return invokeLazyLoad(parent);
+                    case 5:
+                      node = parent === null || parent === void 0 ? void 0 : (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.find(function (item) {
+                        return item.value === value;
+                      });
+                      if (node) {
+                        needToSync.push(value);
                       }
-                    }
-                  }, _callee2);
-                }));
-                return function (_x, _x2) {
-                  return _ref3.apply(this, arguments);
-                };
-              }(), Promise.resolve(parent));
-            case 15:
-              last = _context3.sent;
-              _context3.next = 18;
-              return invokeLazyLoad(last);
-            case 18:
-              state.initLoading = false;
-            case 19:
-              if (needToSync.length && currentValue === value) {
-                pathNodes = state.tree.getPathNodesByValue(needToSync);
-                pathNodes.forEach(function (node, index) {
-                  state.tabsCursor = index;
-                  // 当有默认值时，不触发 chooseItem 里的 emit 事件
-                  _chooseItem(node, true);
-                });
-              }
-            case 20:
-            case "end":
-              return _context3.stop();
-          }
+                      return _context2.abrupt("return", Promise.resolve(node));
+                    case 8:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2);
+              }));
+              return function (_x, _x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }(), Promise.resolve(parent));
+          case 15:
+            last = _context3.sent;
+            _context3.next = 18;
+            return invokeLazyLoad(last);
+          case 18:
+            state.initLoading = false;
+          case 19:
+            if (needToSync.length && currentValue === value) {
+              pathNodes = state.tree.getPathNodesByValue(needToSync);
+              pathNodes.forEach(function (node, index) {
+                state.tabsCursor = index;
+                // 当有默认值时，不触发 chooseItem 里的 emit 事件
+                _chooseItem(node, true);
+              });
+            }
+          case 20:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -468,55 +462,53 @@ var InternalCascader = function InternalCascader(props) {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
       var parent, lazyLoadPromise, nodes;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              if (node) {
-                _context4.next = 2;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 2:
-              if (state.configs.lazyLoad) {
-                _context4.next = 5;
-                break;
-              }
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (node) {
+              _context4.next = 2;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 2:
+            if (state.configs.lazyLoad) {
+              _context4.next = 5;
+              break;
+            }
+            node.leaf = true;
+            return _context4.abrupt("return");
+          case 5:
+            if (!(state.tree.isLeaf(node, isLazy()) || state.tree.hasChildren(node, isLazy()))) {
+              _context4.next = 7;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 7:
+            node.loading = true;
+            parent = node.root ? null : node;
+            lazyLoadPromise = state.lazyLoadMap.get(node);
+            if (!lazyLoadPromise) {
+              lazyLoadPromise = new Promise(function (resolve) {
+                var _state$configs$lazyLo, _state$configs;
+                // 外部必须resolve
+                (_state$configs$lazyLo = (_state$configs = state.configs).lazyLoad) === null || _state$configs$lazyLo === void 0 ? void 0 : _state$configs$lazyLo.call(_state$configs, node, resolve);
+              });
+              state.lazyLoadMap.set(node, lazyLoadPromise);
+            }
+            _context4.next = 13;
+            return lazyLoadPromise;
+          case 13:
+            nodes = _context4.sent;
+            if (Array.isArray(nodes) && nodes.length > 0) {
+              state.tree.updateChildren(nodes, parent);
+            } else {
+              // 如果加载完成后没有提供子节点，作为叶子节点处理
               node.leaf = true;
-              return _context4.abrupt("return");
-            case 5:
-              if (!(state.tree.isLeaf(node, isLazy()) || state.tree.hasChildren(node, isLazy()))) {
-                _context4.next = 7;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 7:
-              node.loading = true;
-              parent = node.root ? null : node;
-              lazyLoadPromise = state.lazyLoadMap.get(node);
-              if (!lazyLoadPromise) {
-                lazyLoadPromise = new Promise(function (resolve) {
-                  var _state$configs$lazyLo, _state$configs;
-                  // 外部必须resolve
-                  (_state$configs$lazyLo = (_state$configs = state.configs).lazyLoad) === null || _state$configs$lazyLo === void 0 ? void 0 : _state$configs$lazyLo.call(_state$configs, node, resolve);
-                });
-                state.lazyLoadMap.set(node, lazyLoadPromise);
-              }
-              _context4.next = 13;
-              return lazyLoadPromise;
-            case 13:
-              nodes = _context4.sent;
-              if (Array.isArray(nodes) && nodes.length > 0) {
-                state.tree.updateChildren(nodes, parent);
-              } else {
-                // 如果加载完成后没有提供子节点，作为叶子节点处理
-                node.leaf = true;
-              }
-              node.loading = false;
-              state.lazyLoadMap["delete"](node);
-            case 17:
-            case "end":
-              return _context4.stop();
-          }
+            }
+            node.loading = false;
+            state.lazyLoadMap["delete"](node);
+          case 17:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     }));
@@ -536,81 +528,79 @@ var InternalCascader = function InternalCascader(props) {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(node, type) {
       var pathNodes, optionParams, level, _pathNodes, _optionParams;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              if (!(!type && node.disabled || !state.panes[state.tabsCursor])) {
-                _context5.next = 2;
-                break;
-              }
-              return _context5.abrupt("return");
-            case 2:
-              if (!state.tree.isLeaf(node, isLazy())) {
-                _context5.next = 10;
-                break;
-              }
-              node.leaf = true;
-              state.panes[state.tabsCursor].selectedNode = node;
-              state.panes = state.panes.slice(0, node.level + 1);
-              if (!type) {
-                pathNodes = state.panes.map(function (item) {
-                  return item.selectedNode;
-                });
-                optionParams = pathNodes.map(function (item) {
-                  return item.value;
-                });
-                onChange(optionParams, pathNodes);
-                onPathChange(optionParams, pathNodes);
-              }
-              setOptiosData(state.panes);
-              close();
-              return _context5.abrupt("return");
-            case 10:
-              if (!state.tree.hasChildren(node, isLazy())) {
-                _context5.next = 20;
-                break;
-              }
-              level = node.level + 1;
-              state.panes[state.tabsCursor].selectedNode = node;
-              state.panes = state.panes.slice(0, level);
-              state.tabsCursor = level;
-              state.panes.push({
-                nodes: node.children || [],
-                selectedNode: null,
-                paneKey: "c".concat(state.tabsCursor + 1)
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (!(!type && node.disabled || !state.panes[state.tabsCursor])) {
+              _context5.next = 2;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 2:
+            if (!state.tree.isLeaf(node, isLazy())) {
+              _context5.next = 10;
+              break;
+            }
+            node.leaf = true;
+            state.panes[state.tabsCursor].selectedNode = node;
+            state.panes = state.panes.slice(0, node.level + 1);
+            if (!type) {
+              pathNodes = state.panes.map(function (item) {
+                return item.selectedNode;
               });
-              setTabvalue("c".concat(state.tabsCursor + 1));
-              setOptiosData(state.panes);
-              if (!type) {
-                _pathNodes = state.panes.map(function (item) {
-                  return item.selectedNode;
-                });
-                _optionParams = _pathNodes.map(function (item) {
-                  return item === null || item === void 0 ? void 0 : item.value;
-                });
-                onPathChange(_optionParams, _pathNodes);
-              }
-              return _context5.abrupt("return");
-            case 20:
-              state.currentProcessNode = node;
-              if (!node.loading) {
-                _context5.next = 23;
-                break;
-              }
-              return _context5.abrupt("return");
-            case 23:
-              _context5.next = 25;
-              return invokeLazyLoad(node);
-            case 25:
-              if (state.currentProcessNode === node) {
-                state.panes[state.tabsCursor].selectedNode = node;
-                _chooseItem(node, type);
-              }
-              setOptiosData(state.panes);
-            case 27:
-            case "end":
-              return _context5.stop();
-          }
+              optionParams = pathNodes.map(function (item) {
+                return item.value;
+              });
+              onChange(optionParams, pathNodes);
+              onPathChange(optionParams, pathNodes);
+            }
+            setOptiosData(state.panes);
+            close();
+            return _context5.abrupt("return");
+          case 10:
+            if (!state.tree.hasChildren(node, isLazy())) {
+              _context5.next = 20;
+              break;
+            }
+            level = node.level + 1;
+            state.panes[state.tabsCursor].selectedNode = node;
+            state.panes = state.panes.slice(0, level);
+            state.tabsCursor = level;
+            state.panes.push({
+              nodes: node.children || [],
+              selectedNode: null,
+              paneKey: "c".concat(state.tabsCursor + 1)
+            });
+            setTabvalue("c".concat(state.tabsCursor + 1));
+            setOptiosData(state.panes);
+            if (!type) {
+              _pathNodes = state.panes.map(function (item) {
+                return item.selectedNode;
+              });
+              _optionParams = _pathNodes.map(function (item) {
+                return item === null || item === void 0 ? void 0 : item.value;
+              });
+              onPathChange(_optionParams, _pathNodes);
+            }
+            return _context5.abrupt("return");
+          case 20:
+            state.currentProcessNode = node;
+            if (!node.loading) {
+              _context5.next = 23;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 23:
+            _context5.next = 25;
+            return invokeLazyLoad(node);
+          case 25:
+            if (state.currentProcessNode === node) {
+              state.panes[state.tabsCursor].selectedNode = node;
+              _chooseItem(node, type);
+            }
+            setOptiosData(state.panes);
+          case 27:
+          case "end":
+            return _context5.stop();
         }
       }, _callee5);
     }));

package/dist/esm/Cell.js

@@ -57,7 +57,9 @@ var Cell = function Cell(props) {
   var baseStyle = {
     borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
   };
-  var styles = title || subTitle || icon ? {} : {
+  var styles = title || subTitle || icon ? {
+    textAlign: descTextAlign
+  } : {
     textAlign: descTextAlign,
     flex: 1
   };

package/dist/esm/ConfigProvider.js

@@ -4,7 +4,7 @@ var _excluded = ["children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { createContext, useContext, useMemo } from 'react';
-import _ from 'lodash';
+import kebabCase from 'lodash.kebabcase';
 var zhCN = {
   save: '保存',
   confirm: '确认',
@@ -162,7 +162,7 @@ var useConfig = function useConfig() {
 function convertThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
   Object.keys(themeVars).forEach(function (key) {
-    cssVars["--".concat(_.kebabCase(key))] = themeVars[key];
+    cssVars["--".concat(kebabCase(key))] = themeVars[key];
   });
   return cssVars;
 }