@aloudata/aloudata-design 2.0.0-beta.4 → 2.0.0-beta.6

package/dist/Dropdown/style/index.less

@@ -78,6 +78,8 @@
   box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
     0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
   overflow: hidden;
+  padding: 4px 0;
+  background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
 }
 // dropdown的容器
 .ant-dropdown.ant-dropdown {

package/dist/Empty/image/Search.js

@@ -10,9 +10,9 @@ var Search = function Search() {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "240",
     height: "240",
-    fill: "url(#pattern0)"
+    fill: "url(#patternSearch)"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "pattern0",
+    id: "patternSearch",
     patternContentUnits: "objectBoundingBox",
     width: "1",
     height: "1"

package/dist/Empty/image/SearchSmall.js

@@ -9,9 +9,9 @@ var SearchSmall = function SearchSmall() {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "40",
     height: "40",
-    fill: "url(#pattern0)"
+    fill: "url(#patternSmall)"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "pattern0",
+    id: "patternSmall",
     patternContentUnits: "objectBoundingBox",
     width: "1",
     height: "1"

package/dist/Input/style/reset.less

@@ -2,12 +2,10 @@
   // 纯input 输入框，比如普通的<Input /> <Input.textarea />
   &:not(.ant-input-affix-wrapper) {
     box-shadow: none;
-    width: auto;
   }
   // 带有其他内容的输入框，比如带 allowClear图标、prefix、suffix、密码图标等。
   &.ant-input-affix-wrapper {
     box-shadow: none;
-    width: auto;
     // 输入框
     .ant-input.ant-input {
       color: inherit;

package/dist/MemberPicker/components/MultipleOption.js

@@ -4,8 +4,8 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import classnames from 'classnames';
 import React from 'react';
-import Button from "../../Button";
 import Checkbox from "../../Checkbox";
+import TextLink from "../../TextLink/index";
 import { getAccount, getId, getPhoto } from "../utils";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
@@ -36,8 +36,7 @@ export default function MultipleList(params) {
     name: user.name,
     photo: getPhoto(user),
     account: getAccount(user)
-  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(Button, {
-    type: "link",
+  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
     onClick: function onClick(e) {
       onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);

package/dist/MemberPicker/index.js

@@ -35,6 +35,7 @@ var Component = function Component(_ref) {
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
     size = _ref.size,
+    selectType = _ref.selectType,
     _ref$lockedIds = _ref.lockedIds,
     lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
@@ -185,6 +186,7 @@ var Component = function Component(_ref) {
   return /*#__PURE__*/React.createElement(Select, {
     prefix: prefix,
     size: size,
+    type: selectType,
     className: classNames('ald-member-picker-select', className),
     value: selectedUserList.map(function (item) {
       if (item.type === EUserType.USER_GROUP) {

package/dist/MemberPicker/interface.d.ts

@@ -15,6 +15,7 @@ export interface IBaseMemberSelectorProps extends Pick<ISelectProps, 'allowClear
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     type?: EMemberPicker;
+    selectType?: ISelectProps['type'];
     lockedIds?: Array<TUserValue | TUserGroupValue>;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {

package/dist/MemberPicker/style/index.less

@@ -6,6 +6,7 @@
 @import '../../Empty/style/index.less';
 @import '../../message/style/index.less';
 @import '../../Spin/style/index.less';
+@import '../../TextLink/style/index.less';
 
 @btnWidth: 30px;
 
@@ -308,8 +309,11 @@
   align-items: center;
 }
 
-.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup {
+.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;
 }

package/dist/Pagination/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IPaginationProps } from './types';
-declare function Pagination(props: IPaginationProps): React.JSX.Element;
+declare function Pagination(props: IPaginationProps): React.JSX.Element | null;
 export default Pagination;
 /**
  * 获取在安全范围内的当前页数

package/dist/Pagination/index.js

@@ -18,7 +18,8 @@ function Pagination(props) {
     currPage = _props$current === void 0 ? 1 : _props$current,
     pageSize = props.pageSize,
     total = props.total,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    hideOnSinglePage = props.hideOnSinglePage;
   var totalPage = getTotalPage(total, pageSize);
   var _useState = useState(getSafeCurrent(totalPage, currPage)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -41,6 +42,11 @@ function Pagination(props) {
     };
   }, [onChange, current]);
   var pageRange = getPaginationRange(totalPage, current);
+  if (hideOnSinglePage) {
+    if (totalPage <= 1) {
+      return null;
+    }
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls('container')
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/Pagination/types.d.ts

@@ -3,4 +3,5 @@ export interface IPaginationProps {
     pageSize: number;
     total: number;
     onChange: (current: number) => void;
+    hideOnSinglePage?: boolean;
 }

package/dist/Select/index.js

@@ -364,7 +364,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       updatedRef.current = true;
     }
   }, [value, innerOptions, isMultiple, defaultValue]);
-  console.log(value, !_.isEmpty(value !== null && value !== void 0 ? value : currentValue), 'value');
   return /*#__PURE__*/React.createElement("div", {
     onMouseDown: function onMouseDown() {
       if (disabled) return;

package/dist/Select/style/index.less

@@ -65,6 +65,7 @@
         flex-wrap: nowrap;
         margin-left: 6px;
         min-width: 52px;
+        height: 100%;
 
         .ant-select-selection-overflow-item {
           align-items: center;

package/dist/Spin/style/index.less

@@ -13,3 +13,11 @@
     left: 0 !important;
   }
 }
+
+.ant-spin-nested-loading {
+  & > div > .ant-spin.ant-spin-spinning {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/dist/Table/components/Pagination/index.js

@@ -20,7 +20,9 @@ export default function TablePagination(props) {
   }, [scrollToFirstRow, scroll, pagination]);
   return pagination && /*#__PURE__*/React.createElement("div", {
     className: prefixCls('pagination')
-  }, /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
+  }, /*#__PURE__*/React.createElement(Pagination, _extends({
+    hideOnSinglePage: true
+  }, pagination, {
     onChange: onChangePage
   })));
 }

package/dist/Table/index.js

@@ -18,7 +18,7 @@ import Pagination from "./components/Pagination";
 import { getTableColumns, prefixCls } from "./helper";
 import useScrollX from "./hooks/useScroll";
 // 32 行高 + 1 底线高度
-var HEADER_HEIGHT = 33;
+var HEADER_HEIGHT = 41;
 function Table(props, ref) {
   var _classnames;
   var columns = props.columns,

package/dist/TextLink/index.js

@@ -7,7 +7,8 @@ import React from 'react';
 function TextLink(props) {
   var _classNames;
   var propsSize = props.size,
-    type = props.type,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
     underline = props.underline,
     disabled = props.disabled,
     _props$icon = props.icon,

package/dist/Tree/DirectoryTree.js

@@ -19,9 +19,6 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 FileOutlined from '@ant-design/icons/FileOutlined';
-import FolderOpenOutlined from '@ant-design/icons/FolderOpenOutlined';
-import FolderOutlined from '@ant-design/icons/FolderOutlined';
 import classNames from 'classnames';
 import { conductExpandParent } from 'rc-tree/lib/util';
 import { convertDataToEntities, convertTreeToData } from 'rc-tree/lib/utils/treeUtil';
@@ -29,14 +26,6 @@ import * as React from 'react';
 import { ConfigContext } from "../ConfigProvider";
 import Tree from "./Tree";
 import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil";
-function getIcon(props) {
-  var isLeaf = props.isLeaf,
-    expanded = props.expanded;
-  if (isLeaf) {
-    return /*#__PURE__*/React.createElement(FileOutlined, null);
-  }
-  return expanded ? /*#__PURE__*/React.createElement(FolderOpenOutlined, null) : /*#__PURE__*/React.createElement(FolderOutlined, null);
-}
 function getTreeData(_ref) {
   var treeData = _ref.treeData,
     children = _ref.children;
@@ -154,7 +143,6 @@ var DirectoryTree = function DirectoryTree(_ref2, ref) {
   var prefixCls = getPrefixCls('tree', customizePrefixCls);
   var connectClassName = classNames("".concat(prefixCls, "-directory"), _defineProperty({}, "".concat(prefixCls, "-directory-rtl"), direction === 'rtl'), className);
   return /*#__PURE__*/React.createElement(Tree, _extends({
-    icon: getIcon,
     ref: ref,
     blockNode: true
   }, otherProps, {

package/dist/Tree/Tree.js

@@ -25,7 +25,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
     virtual = _React$useContext.virtual;
-  var size = props.size || 'small';
+  var size = props.size || 'large';
   var className = props.className,
     _props$showIcon = props.showIcon,
     showIcon = _props$showIcon === void 0 ? false : _props$showIcon,

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

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

@@ -0,0 +1,44 @@
+import { Tree } from "../../..";
+import React from 'react';
+var DirectoryTree = Tree.DirectoryTree;
+var treeData = [{
+  title: 'parent 0',
+  key: '0-0',
+  children: [{
+    title: 'leaf 0-0',
+    key: '0-0-0',
+    isLeaf: true
+  }, {
+    title: 'leaf 0-1',
+    key: '0-0-1',
+    isLeaf: true
+  }]
+}, {
+  title: 'parent 1',
+  key: '0-1',
+  children: [{
+    title: 'leaf 1-0',
+    key: '0-1-0',
+    isLeaf: true
+  }, {
+    title: 'leaf 1-1',
+    key: '0-1-1',
+    isLeaf: true
+  }]
+}];
+var App = function App() {
+  var onSelect = function onSelect(keys, info) {
+    console.log('Trigger Select', keys, info);
+  };
+  var onExpand = function onExpand(keys, info) {
+    console.log('Trigger Expand', keys, info);
+  };
+  return /*#__PURE__*/React.createElement(DirectoryTree, {
+    multiple: true,
+    defaultExpandAll: true,
+    onSelect: onSelect,
+    onExpand: onExpand,
+    treeData: treeData
+  });
+};
+export default App;

package/dist/Tree/style/index.less

@@ -6,7 +6,7 @@
 @import './reset.less';
 @import './checkbox.less';
 
-@tree-font-size-large: 13px;
+@tree-font-size-large: 14px;
 @tree-padding-large: 6px 4px;
 @tree-line-height-large: 20px;
 
@@ -22,6 +22,10 @@
 .ald-tree {
   padding: 3px 0;
 
+  &.draggable-tree {
+    padding: 0;
+  }
+
   .ald-tree-treenode.ald-tree-treenode-draggable {
     .ald-tree-draggable-icon {
       opacity: 1;
@@ -34,8 +38,7 @@
   align-items: center;
   font-size: @tree-font-size-default;
   font-weight: 400;
-  color: #171717;
-  width: 100%;
+  color: var(--alias-colors-text-default, #1f2937);
 
   .ald-tree-draggable-icon {
     display: inline-flex;
@@ -59,6 +62,7 @@
     flex: 1;
     display: flex;
     align-items: center;
+    border-radius: 4px;
     // stylelint-disable-next-line
     .ald-tree-iconEle {
       display: inline-flex;
@@ -71,11 +75,9 @@
 
     .ald-tree-title {
       line-height: @tree-line-height-default;
-      border-radius: 2px;
       display: inline-flex;
       align-items: center;
       justify-content: space-between;
-      color: #171717;
       flex: 1;
 
       .ald-tree-tab-leader {
@@ -87,13 +89,24 @@
     }
 
     &:hover {
-      background: var(--colors-gray-97, #f8f8f8);
+      background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
       mix-blend-mode: multiply;
     }
 
     &.ald-tree-node-selected {
-      border-radius: 2px;
-      background: var(--colors-blue-100, #f0f6ff);
+      background: var(--alias-colors-bg-selected-default, #e8f2fe);
+      color: var(--alias-colors-text-selected, #126fdd);
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 16px;
+    }
+  }
+
+  &.ald-tree-treenode-disabled {
+    .ald-tree-node-content-wrapper {
+      &:hover {
+        background: inherit;
+      }
     }
   }
 }
@@ -109,10 +122,17 @@
 
     .ald-tree-node-content-wrapper {
       padding: @tree-padding-large;
+      border-radius: var(--alias-radius-75, 6px);
 
       .ald-tree-title {
         line-height: @tree-line-height-large;
       }
+
+      &.ald-tree-node-selected {
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 20px;
+      }
     }
   }
 }