@aloudata/aloudata-design 2.0.0-beta.5 → 2.0.0-beta.7

package/dist/Button/style/variables.less

@@ -10,7 +10,7 @@
   var(--alias-padding-150-minus-1, 12px);
 @button-line-height-large: 24px;
 @button-gap-large: 8px;
-@button-text-min-width-large: 96px;
+@button-text-min-width-large: 56px;
 
 @button-height-middle: 32px;
 @button-text-size-middle: 14px;
@@ -19,7 +19,7 @@
   var(--alias-padding-150-minus-1, 12px);
 @button-line-height-middle: 20px;
 @button-gap-middle: 4px;
-@button-text-min-width-middle: 76px;
+@button-text-min-width-middle: 52px;
 
 @button-height-small: 28px;
 @button-text-size-small: 12px;
@@ -28,7 +28,7 @@
   var(--alias-padding-150-minus-1, 12px);
 @button-line-height-small: 16px;
 @button-gap-small: var(--alias-radius-50, 4px);
-@button-text-min-width-small: 64px;
+@button-text-min-width-small: 48px;
 
 // @button-height-mini: 24px;
 // @button-text-size-mini: 12px;
@@ -38,7 +38,10 @@
 
 /****  primary按钮  ****/
 // bg color
-@button-primary-bg-color:var(--alias-colors-bg-accent-blue-stronger-default, #126FDD);
+@button-primary-bg-color: var(
+  --alias-colors-bg-accent-blue-stronger-default,
+  #126fdd
+);
 @button-primary-bg-color-hover: var(
   --alias-colors-bg-accent-blue-stronger-hover,
   #0f59b1

package/dist/Dropdown/style/index.less

@@ -79,6 +79,7 @@
     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/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/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/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/Table/style/index.less

@@ -2,6 +2,7 @@
 @import '../../Pagination/style/index.less';
 @import '../../Spin/style/index.less';
 @import '../../ScrollArea/style/index.less';
+@import '../../Empty/style/index.less';
 
 .ald-table-container {
   position: relative;
@@ -160,4 +161,5 @@
 
 .ald-table-empty {
   margin-top: 80px;
+  overflow: hidden;
 }

package/dist/Tabs/index.d.ts

@@ -59,6 +59,11 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
      * @default false
      */
     compact?: boolean;
+    /**
+     * @description tabs和content之间是否包含分割线
+     * @default false
+     */
+    hasDividing?: boolean;
 }
 declare function Tabs(props: ITabsProps): React.JSX.Element;
 declare namespace Tabs {

package/dist/Tabs/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 = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact"];
+var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact", "hasDividing"];
 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; }
@@ -27,6 +27,8 @@ export default function Tabs(props) {
     _props$padding = props.padding,
     padding = _props$padding === void 0 ? false : _props$padding,
     compact = props.compact,
+    _props$hasDividing = props.hasDividing,
+    hasDividing = _props$hasDividing === void 0 ? true : _props$hasDividing,
     otherProps = _objectWithoutProperties(props, _excluded);
   var headerBackgroundColor = props.headerBackgroundColor;
   var tabsProps = _objectSpread({}, otherProps);
@@ -66,7 +68,8 @@ export default function Tabs(props) {
       'ald-tabs-default': size !== 'small',
       'ald-tabs-monospace': _monospace,
       'ald-tabs-padding': !!padding,
-      'ald-tabs-compact': !!compact
+      'ald-tabs-compact': !!compact,
+      'ald-tabs-no-dividing': !hasDividing
     })
   }, tabsProps));
 }

package/dist/Tabs/style/index.less

@@ -62,6 +62,7 @@
     .ant-tabs-tab {
       font-size: @tabs-font-size-small;
       line-height: @tabs-line-height-small;
+      height: 40px;
     }
 
     .ant-tabs-ink-bar {
@@ -79,6 +80,7 @@
     .ant-tabs-tab {
       font-size: @tabs-font-size;
       line-height: @tabs-line-height;
+      height: 44px;
     }
 
     .ald-tabs-more-icon {
@@ -217,3 +219,9 @@
     padding: 0 var(--tabs-padding) var(--tabs-padding);
   }
 }
+
+.ald-tabs-no-dividing {
+  &.ant-tabs-top > .ant-tabs-nav::before {
+    border-bottom: 0;
+  }
+}

package/dist/TextLink/index.js

@@ -19,7 +19,7 @@ function TextLink(props) {
   var size = propsSize || 'middle';
   var icon = underline ? null : propsIcon;
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames('ald-text-link', className, (_classNames = {}, _defineProperty(_classNames, "ald-text-link-".concat(size), size), _defineProperty(_classNames, "ald-text-link-".concat(type), type), _defineProperty(_classNames, "ald-text-link-".concat(type, "-disabled"), disabled), _defineProperty(_classNames, "ald-text-link-show-underline", underline), _classNames)),
+    className: classNames('ald-text-link', className, (_classNames = {}, _defineProperty(_classNames, "ald-text-link-".concat(size), size), _defineProperty(_classNames, "ald-text-link-".concat(type), type), _defineProperty(_classNames, "ald-text-link-disabled", disabled), _defineProperty(_classNames, "ald-text-link-show-underline", underline), _classNames)),
     onClick: onClick
   }, icon, children);
 }

package/dist/TextLink/style/index.less

@@ -6,4 +6,9 @@
   display: inline-flex;
   align-items: center;
   cursor: pointer;
+
+  &.ald-text-link-disabled {
+    pointer-events: none;
+    cursor: default;
+  }
 }

package/dist/TextLink/style/type.less

@@ -9,7 +9,7 @@
     color: var(--alias-colors-link-hover, #0f59b1);
   }
 
-  &-disabled {
+  &.ald-text-link-disabled {
     color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
   }
 }
@@ -25,7 +25,7 @@
     color: var(--alias-colors-text-selected, #126fdd);
   }
 
-  &-disabled {
+  &.ald-text-link-disabled {
     color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
   }
 }

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/style/index.less

@@ -7,7 +7,7 @@
 @import './checkbox.less';
 
 @tree-font-size-large: 14px;
-@tree-padding-large: 6px 4px;
+@tree-padding-large: 6px;
 @tree-line-height-large: 20px;
 
 @tree-font-size-default: 12px;
@@ -62,6 +62,7 @@
     flex: 1;
     display: flex;
     align-items: center;
+    border-radius: 4px;
     // stylelint-disable-next-line
     .ald-tree-iconEle {
       display: inline-flex;
@@ -77,7 +78,6 @@
       display: inline-flex;
       align-items: center;
       justify-content: space-between;
-      color: var(--alias-colors-text-default, #1f2937);
       flex: 1;
 
       .ald-tree-tab-leader {
@@ -94,8 +94,11 @@
     }
 
     &.ald-tree-node-selected {
-      border-radius: var(--alias-radius-75, 6px);
       background: var(--alias-colors-bg-selected-default, #e8f2fe);
+      color: var(--alias-colors-text-selected, #126fdd);
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 16px;
     }
   }
 
@@ -119,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;
+      }
     }
   }
 }