@aloudata/aloudata-design 2.0.0-beta.11 → 2.0.0-beta.12

package/dist/Button/style/index.less

@@ -3,3 +3,7 @@
 @import './type.less';
 @import './size.less';
 @import './reset.less';
+
+.ant-wave {
+  display: none !important;
+}

package/dist/Checkbox/style/index.less

@@ -47,7 +47,6 @@
 
 .ald-checkbox.ald-checkbox {
   height: 20px;
-  color: @NL0;
   font-size: 13px;
   line-height: 20px;
 
@@ -57,7 +56,6 @@
 
   &.ant-checkbox-wrapper {
     height: 20px;
-    color: @NL0;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
@@ -157,7 +155,6 @@
     cursor: default;
 
     & + span {
-      color: @NL0;
       cursor: default;
     }
 

package/dist/DataPreviewTable/style/index.less

@@ -7,6 +7,7 @@
 .ald-data-preview-table {
   border: 1px solid var(--alias-colors-border-default, #e5e7eb);
   font-size: 12px;
+  font-variant-numeric: lining-nums tabular-nums;
   position: relative;
 
   * {
@@ -34,7 +35,7 @@
   font-weight: 500;
 
   .ald-data-preview-header-default {
-    padding: 6px 4px;
+    padding: 4px 13px 3px 20px;
     height: 100%;
     width: 100%;
     line-height: 20px;

package/dist/Dropdown/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "open", "overlayClassName", "menu", "align", "placement"];
+var _excluded = ["children", "open", "overlayClassName", "menu", "align", "placement", "trigger"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -21,6 +21,8 @@ export default function Dropdown(props) {
     menu = props.menu,
     align = props.align,
     placement = props.placement,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
     otherProps = _objectWithoutProperties(props, _excluded);
   // antd 根据 open 字段是否存在来判断 open 是否是可控模式
   var antdDropdownProps = otherProps;
@@ -52,6 +54,7 @@ export default function Dropdown(props) {
     overlayClassName: classNames('ald-dropdown-overlay', overlayClassName),
     menu: menus,
     align: defaultAlign,
+    trigger: trigger,
     placement: placement
   }, antdDropdownProps), children);
 }

package/dist/Dropdown/style/index.less

@@ -17,6 +17,17 @@
     background-color: unset;
   }
 
+  .ant-dropdown-menu-item-danger {
+    color: #b91c1c !important;
+
+    &:hover {
+      background: var(
+        --alias-colors-bg-interaction-hover,
+        rgba(0, 0, 0, 0.05)
+      ) !important;
+    }
+  }
+
   .ant-dropdown-menu-item,
   .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
     display: flex;

package/dist/Empty/style/index.less

@@ -38,8 +38,8 @@
   }
 
   .ald-empty-description {
-    color: @NL40;
-    font-size: 13px;
+    color: var(--alias-colors-text-subtlest, #9ca3af);
+    font-size: 12px;
     line-height: 20px;
     font-weight: 400;
   }

package/dist/Icon/components/TimesLightLine.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/TimesLightLine.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var TimesLightLine = function TimesLightLine(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "M17.53 7.53a.75.75 0 1 0-1.06-1.06L12 10.94 7.53 6.47a.75.75 0 0 0-1.06 1.06L10.94 12l-4.47 4.47a.75.75 0 0 0 1.06 1.06L12 13.06l4.47 4.47a.75.75 0 0 0 1.06-1.06L13.06 12l4.47-4.47Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(TimesLightLine);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/index.d.ts

@@ -33,6 +33,7 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
 export { default as LoadingLine } from './components/LoadingLine';
 export { default as MoreVerticalLine } from './components/MoreVerticalLine';
 export { default as SearchLine } from './components/SearchLine';
+export { default as TimesLightLine } from './components/TimesLightLine';
 export { default as TriangleLightLine } from './components/TriangleLightLine';
 export { default as User } from './components/User';
 export { default as UserGroup } from './components/UserGroup';

package/dist/Icon/index.js

@@ -33,6 +33,7 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
 export { default as LoadingLine } from "./components/LoadingLine";
 export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
 export { default as SearchLine } from "./components/SearchLine";
+export { default as TimesLightLine } from "./components/TimesLightLine";
 export { default as TriangleLightLine } from "./components/TriangleLightLine";
 export { default as User } from "./components/User";
 export { default as UserGroup } from "./components/UserGroup";

package/dist/Icon/svg/Times-light-line.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id=" Icon / Light / Icon / Math / Times-light-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M17.5303 7.53045C17.8232 7.23756 17.8232 6.76269 17.5303 6.46979C17.2374 6.1769 16.7625 6.1769 16.4696 6.46979L12 10.9394L7.53037 6.46979C7.23747 6.1769 6.7626 6.1769 6.46971 6.46979C6.17681 6.76269 6.17681 7.23756 6.46971 7.53045L10.9393 12.0001L6.46964 16.4698C6.17675 16.7627 6.17675 17.2376 6.46964 17.5305C6.76253 17.8233 7.23741 17.8233 7.5303 17.5305L12 13.0607L16.4697 17.5305C16.7626 17.8233 17.2375 17.8233 17.5304 17.5305C17.8233 17.2376 17.8233 16.7627 17.5304 16.4698L13.0607 12.0001L17.5303 7.53045Z" fill="black"/>
+</g>
+</svg>

package/dist/IconButton/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "showArrow", "mode"];
+var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "trigger", "showArrow", "mode"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -57,6 +57,8 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onOpenChange = props.onOpenChange,
     tooltip = props.tooltip,
     id = props.id,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
     _props$showArrow = props.showArrow,
     showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     _props$mode2 = props.mode,
@@ -93,6 +95,7 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
     title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
   }), /*#__PURE__*/React.createElement(Dropdown, _extends({
     menu: menu,
+    trigger: trigger,
     onOpenChange: onOpenChange
   }, restDropdownProps), /*#__PURE__*/React.createElement("div", {
     id: id,

package/dist/Input/components/Input/index.js

@@ -47,7 +47,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,
-        color: "#6B7280"
+        color: "#9CA3AF"
       })
     } : undefined,
     spellCheck: false,

package/dist/Input/components/TextArea/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["bordered", "size", "disabled", "className"];
+var _excluded = ["bordered", "size", "disabled", "className", "allowClear"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -19,6 +19,8 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled = props.disabled,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
     rest = _objectWithoutProperties(props, _excluded);
   var contentSize = useContext(SizeContext);
   var size = customSize || contentSize || 'middle';
@@ -27,12 +29,12 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     spellCheck: false,
     className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
-    allowClear: {
+    allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,
-        color: "#6B7280"
+        color: "#9CA3AF"
       })
-    },
+    } : false,
     ref: ref,
     bordered: bordered
   }));

package/dist/MemberPicker/index.js

@@ -10,9 +10,10 @@ import { useRequest } from 'ahooks';
 import classNames from 'classnames';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Avatar from "../Avatar";
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
-import { User } from "../Icon";
+import { UserGroup } from "../Icon";
 import Select from "../Select";
 import message from "../message";
 import Panel from "./components/Panel";
@@ -35,7 +36,9 @@ var Component = function Component(_ref) {
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
     size = _ref.size,
-    selectType = _ref.selectType,
+    _ref$selectType = _ref.selectType,
+    selectType = _ref$selectType === void 0 ? 'secondary' : _ref$selectType,
+    propPrefix = _ref.prefix,
     _ref$lockedIds = _ref.lockedIds,
     lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
@@ -184,15 +187,19 @@ var Component = function Component(_ref) {
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
   }, [onOpenChange]);
   var prefix = useMemo(function () {
-    if (multiple) return null;
-    if (type === EMemberPicker.USER) return /*#__PURE__*/React.createElement(User, {
-      size: 20
-    });
-    if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(User, {
+    if (multiple) return propPrefix;
+    if (type === EMemberPicker.USER) {
+      var user = searchUserList[0];
+      return /*#__PURE__*/React.createElement(Avatar, {
+        src: user === null || user === void 0 ? void 0 : user.photo,
+        size: 20
+      });
+    }
+    if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(UserGroup, {
       size: 20
     });
-    return null;
-  }, [multiple, type]);
+    return propPrefix;
+  }, [multiple, propPrefix, searchUserList, type]);
   return /*#__PURE__*/React.createElement(Select, {
     prefix: prefix,
     size: size,

package/dist/MemberPicker/style/index.less

@@ -19,7 +19,8 @@
   &.ald-member-picker-multiple {
     display: flex;
     flex-wrap: wrap;
-    border-radius: 2px;
+    border-radius: 6px;
+    overflow: hidden;
     // .memberSelection {
     // }
 

package/dist/Select/index.js

@@ -29,7 +29,7 @@ import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo,
 import { ConfigContext } from "../ConfigProvider";
 import SizeContext from "../ConfigProvider/sizeContext";
 import Empty from "../Empty";
-import { ArrowDownFill, CloseLightLine } from "../Icon";
+import { ArrowDownFill, TimesLightLine } from "../Icon";
 import Option from "./components/Option";
 var DEFAULT_ALL_OPTION_VALUE = 'default_all_option_value';
 var DEFAULT_LIST_ITEM_HEIGHT = 36;
@@ -395,8 +395,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames({
       'ald-select-prefix-select': !!prefix || prefix === 0
     }),
-    clearIcon: /*#__PURE__*/React.createElement(CloseLightLine, {
-      className: "ald-select-clear-icon"
+    clearIcon: /*#__PURE__*/React.createElement(TimesLightLine, {
+      className: "ald-select-clear-icon",
+      color: "#9CA3AF"
     }),
     style: {
       width: '100%'

package/dist/Select/style/index.less

@@ -16,6 +16,7 @@
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
+  min-width: 192px;
 
   .ald-select-prefix {
     color: var(--alias-colors-text-subtle, #4b5563);

package/dist/Select/style/layout.less

@@ -27,6 +27,7 @@
       align-items: center;
       flex: none;
       right: 0;
+      background-color: transparent;
 
       &::before {
         position: absolute;

package/dist/Select/style/status.less

@@ -28,12 +28,22 @@
 
     cursor: default;
 
-    .ant-select .ant-select-selector {
+    .ant-select {
       cursor: default;
 
+      .ant-select-selector {
+        cursor: default;
+      }
+
       .ant-select-selection-search input {
         cursor: default;
       }
+
+      .ant-select-arrow {
+        .ald-select-suffix-icon {
+          color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
+        }
+      }
     }
   }
 
@@ -73,6 +83,12 @@
         .ant-select-selection-search input {
           cursor: default;
         }
+
+        .ant-select-arrow {
+          .ald-select-suffix-icon {
+            color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
+          }
+        }
       }
     }
   }

package/dist/Table/style/index.less

@@ -70,7 +70,7 @@
   .ald-table-th-default {
     font-weight: 500;
     line-height: 16px;
-    padding: 0 var(--alias-spacing-200, 16px);
+    padding-left: var(--alias-spacing-200, 16px);
     font-size: 12px;
     overflow: hidden;
     height: 40px;
@@ -80,7 +80,7 @@
 
   .ald-table-td-default {
     line-height: 20px;
-    padding: 0 var(--alias-spacing-200, 16px);
+    padding-left: var(--alias-spacing-200, 16px);
     display: flex;
     align-items: center;
     height: 100%;

package/dist/Tooltip/index.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import AntdTooltip from 'antd/lib/tooltip';
 import classNames from 'classnames';
+import React from 'react';
 export default function Tooltip(props) {
   var children = props.children,
     title = props.title,
@@ -9,8 +9,10 @@ export default function Tooltip(props) {
     trigger = props.trigger,
     zIndex = props.zIndex,
     placement = props.placement,
-    mouseEnterDelay = props.mouseEnterDelay,
-    mouseLeaveDelay = props.mouseLeaveDelay,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
+    _props$mouseLeaveDela = props.mouseLeaveDelay,
+    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0 : _props$mouseLeaveDela,
     getPopupContainer = props.getPopupContainer,
     destroyTooltipOnHide = props.destroyTooltipOnHide,
     getTooltipContainer = props.getTooltipContainer,

package/dist/Tree/Tree.js

@@ -158,6 +158,15 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return treeData;
   }, [filterTreeNode, treeData]);
+  var noChildren = React.useMemo(function () {
+    if (newTreeData !== null && newTreeData !== void 0 && newTreeData.length) {
+      return newTreeData.every(function (node) {
+        var _node$children;
+        return !((_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length);
+      });
+    }
+    return true;
+  }, [newTreeData]);
   return /*#__PURE__*/React.createElement(RcTree, _extends({
     itemHeight: 20,
     ref: ref,
@@ -165,7 +174,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, newProps, {
     prefixCls: prefixCls,
     treeData: newTreeData,
-    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_classNames, "".concat(prefixCls, "-unselectable"), !selectable), _defineProperty(_classNames, "".concat(prefixCls, "-large"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, 'ald-draggable-tree', draggable), _classNames), className),
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_classNames, "".concat(prefixCls, "-unselectable"), !selectable), _defineProperty(_classNames, "".concat(prefixCls, "-large"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, 'ald-draggable-tree', draggable), _defineProperty(_classNames, "".concat(prefixCls, "-no-children"), noChildren), _classNames), className),
     direction: direction,
     checkable: checkable ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-checkbox-inner")
@@ -176,7 +185,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     switcherIcon: function switcherIcon(nodeProps) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, renderIndent(nodeProps), renderSwitcherIcon(prefixCls, /*#__PURE__*/React.createElement(ChevronDownLine, {
         size: size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE,
-        color: '#a2a2a2'
+        color: '#9CA3AF'
       }, "\u5C55\u5F00"), showLine, nodeProps, size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE));
     },
     draggable: draggableConfig

package/dist/Tree/demo/basic/index.js

@@ -33,6 +33,9 @@ export default (function () {
           disabled: true
         }]
       }]
+    }, {
+      title: 'Parent 2',
+      key: '1-1'
     }]
   }));
 });

package/dist/Tree/style/index.less

@@ -31,6 +31,12 @@
       opacity: 1;
     }
   }
+
+  &.ald-tree-no-children {
+    .ald-tree-switcher {
+      display: none;
+    }
+  }
 }
 
 .ald-tree-treenode {