antd-mobile 5.0.0-rc.6 → 5.0.0

package/2x/cjs/components/toast/toast.js

@@ -11,53 +11,55 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _antdMobileIcons = require("antd-mobile-icons");
 
-var _loading = _interopRequireDefault(require("../loading"));
-
 var _mask = _interopRequireDefault(require("../mask"));
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _autoCenter = _interopRequireDefault(require("../auto-center"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _spinLoading = _interopRequireDefault(require("../spin-loading"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var classPrefix = "adm-toast";
-var defaultProps = {
+const classPrefix = `adm-toast`;
+const defaultProps = {
   maskClickable: true,
   stopPropagation: ['click']
 };
 
-var InternalToast = function InternalToast(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var maskClickable = props.maskClickable,
-      content = props.content,
-      icon = props.icon,
-      position = props.position;
-  var iconElement = (0, _react.useMemo)(function () {
+const InternalToast = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    maskClickable,
+    content,
+    icon,
+    position
+  } = props;
+  const iconElement = (0, _react.useMemo)(() => {
     if (icon === null || icon === undefined) return null;
 
     switch (icon) {
       case 'success':
-        return /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CheckOutline, null);
+        return _react.default.createElement(_antdMobileIcons.CheckOutline, null);
 
       case 'fail':
-        return /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CloseOutline, null);
+        return _react.default.createElement(_antdMobileIcons.CloseOutline, null);
 
       case 'loading':
-        return /*#__PURE__*/_react["default"].createElement(_loading["default"], {
+        return _react.default.createElement(_spinLoading.default, {
           color: 'white',
-          className: classPrefix + "-loading"
+          className: `${classPrefix}-loading`
         });
 
       default:
         return icon;
     }
   }, [icon]);
-  var top = (0, _react.useMemo)(function () {
+  const top = (0, _react.useMemo)(() => {
     switch (position) {
       case 'top':
         return '20%';
@@ -69,7 +71,7 @@ var InternalToast = function InternalToast(p) {
         return '50%';
     }
   }, [position]);
-  return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
+  return _react.default.createElement(_mask.default, {
     visible: props.visible,
     destroyOnClose: true,
     opacity: 0,
@@ -79,16 +81,18 @@ var InternalToast = function InternalToast(p) {
     style: Object.assign({
       pointerEvents: maskClickable ? 'none' : 'auto'
     }, props.maskStyle),
-    className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName),
+    className: (0, _classnames.default)(`${classPrefix}-mask`, props.maskClassName),
     stopPropagation: props.stopPropagation
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-wrap`)
+  }, _react.default.createElement("div", {
     style: {
-      top: top
+      top
     },
-    className: (0, _classnames["default"])(classPrefix + "-wrap", icon ? classPrefix + "-wrap-icon" : classPrefix + "-wrap-text")
-  }, iconElement && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-icon"
-  }, iconElement), /*#__PURE__*/_react["default"].createElement(_autoCenter["default"], null, content)));
+    className: (0, _classnames.default)(`${classPrefix}-main`, icon ? `${classPrefix}-main-icon` : `${classPrefix}-main-text`)
+  }, iconElement && _react.default.createElement("div", {
+    className: `${classPrefix}-icon`
+  }, iconElement), _react.default.createElement(_autoCenter.default, null, content))));
 };
 
 exports.InternalToast = InternalToast;

package/2x/cjs/components/tree-select/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./tree-select.css");
 
@@ -17,4 +17,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_tr
   Multiple: _multiple.Multiple
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/2x/cjs/components/tree-select/multiple.js

@@ -17,53 +17,47 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
-var _usePropsValue3 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
 var _devLog = require("../../utils/dev-log");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-tree-select-multiple";
+const classPrefix = `adm-tree-select-multiple`;
 
-var Multiple = function Multiple(p) {
-  var props = (0, _withDefaultProps.mergeProps)({
+const Multiple = p => {
+  const props = (0, _withDefaultProps.mergeProps)({
     options: [],
     fieldNames: {},
     allSelectText: [],
     defaultExpandKeys: [],
     defaultValue: []
   }, p);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     (0, _devLog.devWarning)('TreeSelect', 'TreeSelect.Multiple has been deprecated.');
   }, []);
-  var labelName = props.fieldNames.label || 'label';
-  var valueName = props.fieldNames.value || 'value';
-  var childrenName = props.fieldNames.children || 'children'; // 打开的 keys
+  const labelName = props.fieldNames.label || 'label';
+  const valueName = props.fieldNames.value || 'value';
+  const childrenName = props.fieldNames.children || 'children'; // 打开的 keys
 
-  var _usePropsValue = (0, _usePropsValue3.usePropsValue)({
+  const [expandKeys, setExpandKeys] = (0, _usePropsValue.usePropsValue)({
     value: props.expandKeys,
     defaultValue: props.defaultExpandKeys
-  }),
-      expandKeys = _usePropsValue[0],
-      setExpandKeys = _usePropsValue[1]; // 选中的 value（聚合后）
+  }); // 选中的 value（聚合后）
 
-
-  var _usePropsValue2 = (0, _usePropsValue3.usePropsValue)({
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)({
     value: props.value,
     defaultValue: props.defaultValue
-  }),
-      value = _usePropsValue2[0],
-      setValue = _usePropsValue2[1]; // 获取目标所有叶子节点 key 集合
-
+  }); // 获取目标所有叶子节点 key 集合
 
-  var getLeafKeys = function getLeafKeys(option) {
-    var keys = [];
+  const getLeafKeys = option => {
+    const keys = [];
 
-    var walker = function walker(op) {
+    const walker = op => {
       var _a;
 
       if (!op) {
@@ -71,9 +65,7 @@ var Multiple = function Multiple(p) {
       }
 
       if ((_a = op[childrenName]) === null || _a === void 0 ? void 0 : _a.length) {
-        op[childrenName].forEach(function (i) {
-          return walker(i);
-        });
+        op[childrenName].forEach(i => walker(i));
       } else {
         keys.push(op[valueName]);
       }
@@ -83,13 +75,13 @@ var Multiple = function Multiple(p) {
     return keys;
   };
 
-  var _useMemo = (0, _react.useMemo)(function () {
-    var deep = (0, _tree.getTreeDeep)(props.options, childrenName);
-    var optionsMap = new Map();
-    var optionsParentMap = new Map();
+  const [deep, optionsMap, optionsParentMap] = (0, _react.useMemo)(() => {
+    const deep = (0, _tree.getTreeDeep)(props.options, childrenName);
+    const optionsMap = new Map();
+    const optionsParentMap = new Map();
 
     function traverse(current, children) {
-      children.forEach(function (item) {
+      children.forEach(item => {
         optionsParentMap.set(item[valueName], current);
         optionsMap.set(item[valueName], item);
 
@@ -101,26 +93,22 @@ var Multiple = function Multiple(p) {
 
     traverse(undefined, props.options);
     return [deep, optionsMap, optionsParentMap];
-  }, [props.options]),
-      deep = _useMemo[0],
-      optionsMap = _useMemo[1],
-      optionsParentMap = _useMemo[2]; // 将聚合的 value 拆分开，获得叶子节点的 value 集合
+  }, [props.options]); // 将聚合的 value 拆分开，获得叶子节点的 value 集合
 
-
-  var allSelectedLeafKeys = (0, _react.useMemo)(function () {
-    var leafKeys = [];
-    value.forEach(function (v) {
-      var option = optionsMap.get(v);
+  const allSelectedLeafKeys = (0, _react.useMemo)(() => {
+    let leafKeys = [];
+    value.forEach(v => {
+      const option = optionsMap.get(v);
       leafKeys = leafKeys.concat(getLeafKeys(option));
     });
     return leafKeys;
   }, [value, optionsMap]); // 子级有被选中的节点集合
 
-  var dotMap = (0, _react.useMemo)(function () {
-    var map = new Map(); // 遍历 allChildrenValues, 向上递归
+  const dotMap = (0, _react.useMemo)(() => {
+    const map = new Map(); // 遍历 allChildrenValues, 向上递归
 
-    var walker = function walker(key) {
-      var parentOption = optionsParentMap.get(key);
+    const walker = key => {
+      const parentOption = optionsParentMap.get(key);
 
       if (!parentOption) {
         return;
@@ -130,40 +118,36 @@ var Multiple = function Multiple(p) {
       walker(parentOption[valueName]);
     };
 
-    allSelectedLeafKeys.forEach(function (key) {
+    allSelectedLeafKeys.forEach(key => {
       map.set(key, true);
       walker(key);
     });
     return map;
   }, [optionsParentMap, value]);
 
-  var onChange = function onChange(targetKeys) {
+  const onChange = targetKeys => {
     var _a;
 
-    var groupKeys = [].concat(targetKeys);
-    var unusedKeys = [];
+    let groupKeys = [...targetKeys];
+    let unusedKeys = [];
 
-    var walker = function walker(keys) {
-      keys.forEach(function (key) {
+    const walker = keys => {
+      keys.forEach(key => {
         var _a;
 
         if (unusedKeys.includes(key)) {
           return;
         }
 
-        var parent = optionsParentMap.get(key);
+        const parent = optionsParentMap.get(key);
 
         if (!parent) {
           return;
         }
 
-        var childrenKeys = ((_a = parent[childrenName]) === null || _a === void 0 ? void 0 : _a.map(function (i) {
-          return i[valueName];
-        })) || [];
+        const childrenKeys = ((_a = parent[childrenName]) === null || _a === void 0 ? void 0 : _a.map(i => i[valueName])) || [];
 
-        if (childrenKeys.every(function (i) {
-          return groupKeys.includes(i);
-        })) {
+        if (childrenKeys.every(i => groupKeys.includes(i))) {
           groupKeys.push(parent[valueName]);
           unusedKeys = unusedKeys.concat(childrenKeys);
         }
@@ -171,189 +155,165 @@ var Multiple = function Multiple(p) {
     }; // 遍历 deep 次 groupKeys，每次往上聚合一层
 
 
-    for (var i = 0; i < deep; i++) {
+    for (let i = 0; i < deep; i++) {
       walker(groupKeys);
     }
 
-    groupKeys = groupKeys.filter(function (i) {
-      return !unusedKeys.includes(i);
-    });
-    var groupOptions = groupKeys.map(function (i) {
-      return optionsMap.get(i);
-    });
+    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i));
+    const groupOptions = groupKeys.map(i => optionsMap.get(i));
     setValue(groupKeys);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, groupKeys, groupOptions);
   };
 
-  var onItemSelect = function onItemSelect(option) {
+  const onItemSelect = option => {
     var _a;
 
-    var parentNodes = [];
-    var current = option;
+    const parentNodes = [];
+    let current = option;
 
     while (current) {
       parentNodes.unshift(current);
-      var next = optionsParentMap.get(current[valueName]);
+      const next = optionsParentMap.get(current[valueName]);
       current = next;
     }
 
-    var keys = parentNodes.map(function (i) {
-      return i[valueName];
-    });
+    const keys = parentNodes.map(i => i[valueName]);
     setExpandKeys(keys);
     (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, keys, parentNodes);
   }; // 渲染全选节点
 
 
-  var renderSelectAllItem = function renderSelectAllItem(columnOptions, index) {
+  const renderSelectAllItem = (columnOptions, index) => {
     var _a;
 
-    var text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
+    const text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
 
     if (!text) {
       return;
     }
 
-    var currentLeafKeys = [];
-    columnOptions.forEach(function (option) {
+    let currentLeafKeys = [];
+    columnOptions.forEach(option => {
       currentLeafKeys = currentLeafKeys.concat(getLeafKeys(option));
     });
-    var allSelected = currentLeafKeys.every(function (i) {
-      return allSelectedLeafKeys.includes(i);
-    });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      onClick: function onClick() {
+    const allSelected = currentLeafKeys.every(i => allSelectedLeafKeys.includes(i));
+    return _react.default.createElement("div", {
+      onClick: () => {
         if (allSelected) {
-          onChange(allSelectedLeafKeys.filter(function (i) {
-            return !currentLeafKeys.includes(i);
-          }));
+          onChange(allSelectedLeafKeys.filter(i => !currentLeafKeys.includes(i)));
         } else {
           onChange(allSelectedLeafKeys.concat(currentLeafKeys));
         }
       },
-      className: classPrefix + "-item"
+      className: `${classPrefix}-item`
     }, text);
   }; // 渲染
 
 
-  var renderSelectAllLeafItem = function renderSelectAllLeafItem(columnOptions, index) {
+  const renderSelectAllLeafItem = (columnOptions, index) => {
     var _a;
 
-    var text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
+    const text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
 
     if (!text) {
       return;
     }
 
-    var currentLeafKeys = columnOptions.map(function (i) {
-      return i[valueName];
-    });
-    var allSelected = currentLeafKeys.every(function (i) {
-      return allSelectedLeafKeys.includes(i);
-    });
-    var halfSelected = allSelected ? false : currentLeafKeys.some(function (i) {
-      return allSelectedLeafKeys.includes(i);
-    });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      onClick: function onClick() {
+    const currentLeafKeys = columnOptions.map(i => i[valueName]);
+    const allSelected = currentLeafKeys.every(i => allSelectedLeafKeys.includes(i));
+    const halfSelected = allSelected ? false : currentLeafKeys.some(i => allSelectedLeafKeys.includes(i));
+    return _react.default.createElement("div", {
+      onClick: () => {
         if (allSelected) {
-          onChange(allSelectedLeafKeys.filter(function (i) {
-            return !currentLeafKeys.includes(i);
-          }));
+          onChange(allSelectedLeafKeys.filter(i => !currentLeafKeys.includes(i)));
         } else {
           onChange(allSelectedLeafKeys.concat(currentLeafKeys));
         }
       },
-      className: (0, _classnames["default"])(classPrefix + "-item", classPrefix + "-item-leaf")
-    }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-      className: classPrefix + "-item-checkbox",
+      className: (0, _classnames.default)(`${classPrefix}-item`, `${classPrefix}-item-leaf`)
+    }, _react.default.createElement(_checkbox.default, {
+      className: `${classPrefix}-item-checkbox`,
       checked: allSelected,
       indeterminate: halfSelected
     }), text);
   }; // 渲染节点
 
 
-  var renderItem = function renderItem(option) {
-    var _classNames;
-
-    var isExpand = expandKeys.includes(option[valueName]);
-    return /*#__PURE__*/_react["default"].createElement("div", {
+  const renderItem = option => {
+    const isExpand = expandKeys.includes(option[valueName]);
+    return _react.default.createElement("div", {
       key: option[valueName],
-      onClick: function onClick() {
+      onClick: () => {
         if (!isExpand) {
           onItemSelect(option);
         }
       },
-      className: (0, _classnames["default"])(classPrefix + "-item", (_classNames = {}, _classNames[classPrefix + "-item-expand"] = isExpand, _classNames))
-    }, option[labelName], !!dotMap.get(option[valueName]) && /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-dot"
+      className: (0, _classnames.default)(`${classPrefix}-item`, {
+        [`${classPrefix}-item-expand`]: isExpand
+      })
+    }, option[labelName], !!dotMap.get(option[valueName]) && _react.default.createElement("div", {
+      className: `${classPrefix}-dot`
     }));
   }; // 渲染叶子节点
 
 
-  var renderLeafItem = function renderLeafItem(option) {
-    var isSelected = allSelectedLeafKeys.includes(option[valueName]);
-    return /*#__PURE__*/_react["default"].createElement("div", {
+  const renderLeafItem = option => {
+    const isSelected = allSelectedLeafKeys.includes(option[valueName]);
+    return _react.default.createElement("div", {
       key: option[valueName],
-      onClick: function onClick() {
+      onClick: () => {
         if (isSelected) {
-          onChange(allSelectedLeafKeys.filter(function (val) {
-            return val !== option[valueName];
-          }));
+          onChange(allSelectedLeafKeys.filter(val => val !== option[valueName]));
         } else {
-          onChange([].concat(allSelectedLeafKeys, [option[valueName]]));
+          onChange([...allSelectedLeafKeys, option[valueName]]);
         }
       },
-      className: (0, _classnames["default"])(classPrefix + "-item", classPrefix + "-item-leaf")
-    }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-      className: classPrefix + "-item-checkbox",
+      className: (0, _classnames.default)(`${classPrefix}-item`, `${classPrefix}-item-leaf`)
+    }, _react.default.createElement(_checkbox.default, {
+      className: `${classPrefix}-item-checkbox`,
       checked: isSelected
     }), option[labelName]);
   };
 
-  var renderItems = function renderItems(columnOptions, index) {
-    if (columnOptions === void 0) {
-      columnOptions = [];
-    }
-
+  const renderItems = (columnOptions = [], index) => {
     if (columnOptions.length === 0) {
       return;
     }
 
-    var isLeaf = deep === index + 1;
+    const isLeaf = deep === index + 1;
 
     if (isLeaf) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(function (option) {
+      return _react.default.createElement(_react.default.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => {
         return renderLeafItem(option);
       }));
     }
 
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(function (option) {
+    return _react.default.createElement(_react.default.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => {
       return renderItem(option);
     }));
   };
 
-  var renderColumns = function renderColumns() {
+  const renderColumns = () => {
     var _a;
 
-    var columns = [];
+    const columns = [];
 
-    for (var i = 0; i < deep; i++) {
-      var width = 100 / deep + "%"; // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
+    for (let i = 0; i < deep; i++) {
+      let width = `${100 / deep}%`; // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
 
       if (deep === 2 && i === 0) {
-        width = "33.33%";
+        width = `33.33%`;
       }
 
       if (deep === 2 && i === 1) {
-        width = "66.67%";
+        width = `66.67%`;
       }
 
-      var column = /*#__PURE__*/_react["default"].createElement("div", {
+      const column = _react.default.createElement("div", {
         key: i,
-        className: (0, _classnames["default"])(classPrefix + "-column"),
+        className: (0, _classnames.default)(`${classPrefix}-column`),
         style: {
-          width: width
+          width
         }
       }, renderItems(i === 0 ? props.options : (_a = optionsMap.get(expandKeys[i - 1])) === null || _a === void 0 ? void 0 : _a[childrenName], i));
 
@@ -363,7 +323,7 @@ var Multiple = function Multiple(p) {
     return columns;
   };
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, renderColumns()));
 };

package/2x/cjs/components/tree-select/tree-select.css

@@ -28,6 +28,7 @@
   display: flex;
   align-items: center;
   min-height: 100px;
+  box-sizing: border-box;
   padding: 12px 24px;
   position: relative;
 }