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

package/dist/ConfigProvider/index.d.ts

@@ -6,7 +6,7 @@ import useGetUserList from './hooks/useGetUserList';
 import SizeContext from './sizeContext';
 export { ConfigContext } from 'antd/lib/config-provider';
 export { ConfigConsumer } from 'antd/lib/config-provider/';
-export type { ConfigConsumerProps, configConsumerProps, CSPConfig, DirectionType, globalConfig, RenderEmptyHandler, } from 'antd/lib/config-provider/';
+export type { CSPConfig, ConfigConsumerProps, DirectionType, RenderEmptyHandler, configConsumerProps, globalConfig, } from 'antd/lib/config-provider/';
 interface AldCustomConfigProviderProps extends ConfigProviderProps {
     children?: React.ReactNode;
     getUsersByIds?: getUsersByIdsType;

package/dist/ConfigProvider/index.js

@@ -1,3 +1,4 @@
+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); }
 import { ConfigProvider } from 'antd';
 import React from 'react';
 import getUserListContext from "./getUserList";
@@ -18,7 +19,13 @@ var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
       }
     }, children);
   }
-  return /*#__PURE__*/React.createElement(ConfigProvider, props, childNode);
+  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({
+    theme: {
+      token: {
+        fontFamily: "Inter,'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,\n          'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',\n          'WenQuanYi Micro Hei', sans-serif;"
+      }
+    }
+  }, props), childNode);
 };
 AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
 AldCustomConfigProvider.SizeContext = SizeContext;

package/dist/DataPreviewTable/components/Body/index.js

@@ -33,6 +33,13 @@ function Body(props) {
         position: 'absolute',
         textAlign: columns[columnIndex].align || 'left'
       };
+      var render = columns[columnIndex].render;
+      if (render) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: style,
+          key: columnIndex
+        }, render(cell));
+      }
       return /*#__PURE__*/React.createElement(Cell, {
         key: columnIndex,
         style: style,

package/dist/DataPreviewTable/interface.d.ts

@@ -20,6 +20,7 @@ export interface PreviewColumn {
     defaultWidth?: number;
     renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement;
     align?: Align;
+    render?: (value: TValue) => React.ReactElement;
 }
 export type TValue = string | null | number | boolean;
 export interface IColumnLayout {

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

@@ -43,6 +43,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     bordered: bordered,
     disabled: disabled,
+    autoComplete: "off",
     allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,

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

@@ -23,6 +23,7 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
   var contentSize = useContext(SizeContext);
   var size = customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
+    autoComplete: "off",
     disabled: disabled,
     spellCheck: false,
     className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),

package/dist/MemberPicker/index.js

@@ -12,6 +12,7 @@ import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
+import { User } from "../Icon";
 import Select from "../Select";
 import message from "../message";
 import Panel from "./components/Panel";
@@ -30,7 +31,6 @@ var Component = function Component(_ref) {
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '选择' : _ref$placeholder,
     className = _ref.className,
-    prefix = _ref.prefix,
     allowClear = _ref.allowClear,
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
@@ -183,6 +183,16 @@ var Component = function Component(_ref) {
     setDropdownOpen(open);
     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, {
+      size: 20
+    });
+    return null;
+  }, [multiple, type]);
   return /*#__PURE__*/React.createElement(Select, {
     prefix: prefix,
     size: size,

package/dist/MemberPicker/style/index.less

@@ -315,9 +315,11 @@
 
 .ald-select-popup.ald-member-picker-popup.ald-member-picker-popup.ald-member-picker-popup {
   border: none;
-  background-color: transparent;
   overflow: hidden;
   padding: 0;
-  box-shadow: none;
   border-radius: 0;
+  border-radius: 4px;
+  background: var(--colors-neutral-white, #fff);
+  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08),
+    0 8px 8px -4px rgba(16, 24, 40, 0.03);
 }

package/dist/Modal/style/polyfill/index.less

@@ -32,9 +32,6 @@
   font-size: 14px;
   line-height: 1.5714;
   list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   pointer-events: none;
   position: relative;
   top: 100px;

package/dist/Popconfirm/index.js

@@ -16,7 +16,7 @@ function MyPopconfirm(props) {
     rootClassName = props.rootClassName,
     _props$icon = props.icon,
     icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AttentionTriangleFill, {
-      size: 20,
+      size: 16,
       color: "#D64343",
       fill: "#fff"
     }) : _props$icon,

package/dist/Popconfirm/style/index.less

@@ -40,16 +40,14 @@
 
   .ant-popover-inner-content {
     .ant-popconfirm-message {
-      padding-bottom: 12px;
+      padding-bottom: 8px;
       margin-bottom: 0;
     }
 
     .ant-popconfirm-buttons {
-      padding-top: 12px;
-      padding-left: 24px;
+      padding-left: 16px;
       display: flex;
       align-items: center;
-      gap: 16px;
       flex-direction: row-reverse;
       justify-content: start;
     }

package/dist/Progress/style/index.less

@@ -7,11 +7,14 @@
   pointer-events: none;
 
   &-show-bg {
-    background-color: #d6e3f4;
+    background-color: var(
+      --alias-colors-bg-accent-blue-subtle-default,
+      #d4e7fd
+    );
   }
 
   &-inner {
-    background-color: #3271c9;
+    background-color: var(--alias-colors-icon-information, #2986f4);
     border-radius: 2px 0 0;
     height: 100%;
     width: 0;

package/dist/Table/style/index.less

@@ -13,10 +13,10 @@
 
 .ald-table-main {
   width: 100%;
-  color: #171717;
   font-size: 13px;
   line-height: 20px;
   background: #fff;
+  color: var(--alias-colors-text-subtle, #4b5563);
 
   .ald-table-content {
     display: flex;
@@ -69,6 +69,7 @@
 
   .ald-table-th-default {
     font-weight: 500;
+    line-height: 16px;
     padding: 0 var(--alias-spacing-200, 16px);
     font-size: 12px;
     overflow: hidden;
@@ -78,13 +79,13 @@
   }
 
   .ald-table-td-default {
+    line-height: 20px;
     padding: 0 var(--alias-spacing-200, 16px);
     display: flex;
     align-items: center;
     height: 100%;
     font-size: 14px;
     min-height: 47px;
-    font-weight: 400;
     overflow: hidden;
   }
 
@@ -102,7 +103,7 @@
   }
 
   .ald-table-body {
-    min-height: 200px;
+    min-height: 96px;
     overflow: auto;
 
     .ald-table-tr {

package/dist/Tabs/style/index.less

@@ -133,7 +133,7 @@
     margin-bottom: 20px;
 
     &::before {
-      border-color: @BG70;
+      border-color: var(--alias-colors-border-default, #e5e7eb);
     }
   }
 
@@ -150,10 +150,6 @@
   &.ald-tabs-compact {
     .ant-tabs-nav {
       margin-bottom: 0;
-
-      &::before {
-        border: 0;
-      }
     }
   }
 }

package/dist/Tree/Tree.d.ts

@@ -80,7 +80,7 @@ interface DraggableConfig {
     icon?: React.ReactNode | false;
     nodeDraggable?: DraggableFn;
 }
-export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable' | 'icon' | 'switcherIcon'> {
+export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable' | 'icon' | 'switcherIcon' | 'filterTreeNode'> {
     showLine?: boolean | {
         showLeafIcon: boolean | TreeLeafIcon;
     };
@@ -116,7 +116,7 @@ export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTr
     defaultSelectedKeys?: Key[];
     selectable?: boolean;
     /** 点击树节点触发 */
-    filterAldTreeNode?: (node: AldTreeNode) => boolean;
+    filterTreeNode?: (node: DataNode) => boolean;
     loadedKeys?: Key[];
     /** 设置节点可拖拽（IE>8） */
     draggable?: DraggableFn | boolean | DraggableConfig;

package/dist/Tree/Tree.js

@@ -1,4 +1,7 @@
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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); }
 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; }
@@ -42,6 +45,8 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showTabLeader = props.showTabLeader,
     _props$handlerRender = props.handlerRender,
     handlerRender = _props$handlerRender === void 0 ? noop : _props$handlerRender,
+    filterTreeNode = props.filterTreeNode,
+    treeData = props.treeData,
     _props$motion = props.motion,
     motion = _props$motion === void 0 ? _objectSpread(_objectSpread({}, collapseMotion), {}, {
       motionAppear: false
@@ -105,12 +110,61 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     });
   };
+  var newTreeData = React.useMemo(function () {
+    if (!filterTreeNode) return treeData;
+    var processNode = function processNode(node) {
+      // 初始化一个标志来表示是否需要为当前节点及其所有子节点添加className
+      var shouldAddDisabled = true;
+      // 检查当前节点的title是否包含目标字符串，包含则不需要添加className
+      if (filterTreeNode(node)) {
+        shouldAddDisabled = false;
+      }
+      if (node.children) {
+        // 遍历当前节点的子节点
+        var _iterator = _createForOfIteratorHelper(node.children),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var child = _step.value;
+            // 递归调用processNode函数来处理子节点，判断子节点是否需要添加className
+            var childShouldAddDisabled = processNode(child);
+            shouldAddDisabled = shouldAddDisabled && childShouldAddDisabled;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      // 如果shouldAddDisabled为true，就为当前节点添加className
+      if (shouldAddDisabled) {
+        node.className = classNames(node.className, 'ald-tree-node-disabled');
+      }
+      return shouldAddDisabled;
+    };
+    if (!treeData) return treeData;
+    var _iterator2 = _createForOfIteratorHelper(treeData),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var rootNode = _step2.value;
+        processNode(rootNode);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return treeData;
+  }, [filterTreeNode, treeData]);
   return /*#__PURE__*/React.createElement(RcTree, _extends({
     itemHeight: 20,
     ref: ref,
     virtual: virtual
   }, 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),
     direction: direction,
     checkable: checkable ? /*#__PURE__*/React.createElement("span", {

package/dist/Tree/demo/filter/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,63 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { App, Input, Tree } from "../../..";
+import React from 'react';
+export default (function () {
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    filterKey = _React$useState2[0],
+    setFilterKey = _React$useState2[1];
+  var _React$useState3 = React.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    expandedKeys = _React$useState4[0],
+    setExpandedKeys = _React$useState4[1];
+  return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Input, {
+    onChange: function onChange(v) {
+      setFilterKey(v.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Tree, {
+    size: "large",
+    showIcon: true,
+    icon: 'icon',
+    filterTreeNode: function filterTreeNode(node) {
+      var title = node.title;
+      if (typeof title === 'string') {
+        return title.includes(filterKey);
+      }
+      return false;
+    },
+    expandedKeys: expandedKeys,
+    onExpand: function onExpand(keys) {
+      setExpandedKeys(keys);
+    },
+    treeData: [{
+      title: 'Parent 1',
+      key: '0-0',
+      children: [{
+        title: 'parent 1-0',
+        key: '0-0-0',
+        children: [{
+          title: 'leaf',
+          key: '0-0-0-0',
+          isLeaf: true
+        }, {
+          title: 'leaf',
+          key: '0-0-0-1',
+          isLeaf: true
+        }]
+      }, {
+        title: 'parent 1-1',
+        key: '0-0-1',
+        children: [{
+          title: 'ssss',
+          key: '0-0-1-0',
+          disabled: true
+        }]
+      }]
+    }]
+  }));
+});

package/dist/Tree/style/index.less

@@ -40,6 +40,10 @@
   font-weight: 400;
   color: var(--alias-colors-text-default, #1f2937);
 
+  &.ald-tree-node-disabled {
+    display: none;
+  }
+
   .ald-tree-draggable-icon {
     display: inline-flex;
     align-items: center;

package/dist/Tree/style/mixin.less

@@ -85,8 +85,12 @@
     &-disabled {
       // >>> Title
       .@{custom-tree-prefix-cls}-node-content-wrapper {
-        color: @disabled-color;
-        cursor: not-allowed;
+        color: var(--alias-colors-text-default, #1f2937);
+        cursor: default;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
 
         &:hover {
           background: transparent;
@@ -99,8 +103,8 @@
     }
 
     &:not(&-disabled).filter-node .@{custom-tree-prefix-cls}-title {
-      color: @tree-node-highlight-color;
       font-weight: 500;
+      color: var(--alias-colors-text-danger);
     }
 
     &-draggable {