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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@
10
10
  var(--alias-padding-150-minus-1, 12px);
11
11
  @button-line-height-large: 24px;
12
12
  @button-gap-large: 8px;
13
- @button-text-min-width-large: 96px;
13
+ @button-text-min-width-large: 56px;
14
14
 
15
15
  @button-height-middle: 32px;
16
16
  @button-text-size-middle: 14px;
@@ -19,7 +19,7 @@
19
19
  var(--alias-padding-150-minus-1, 12px);
20
20
  @button-line-height-middle: 20px;
21
21
  @button-gap-middle: 4px;
22
- @button-text-min-width-middle: 76px;
22
+ @button-text-min-width-middle: 52px;
23
23
 
24
24
  @button-height-small: 28px;
25
25
  @button-text-size-small: 12px;
@@ -28,7 +28,7 @@
28
28
  var(--alias-padding-150-minus-1, 12px);
29
29
  @button-line-height-small: 16px;
30
30
  @button-gap-small: var(--alias-radius-50, 4px);
31
- @button-text-min-width-small: 64px;
31
+ @button-text-min-width-small: 48px;
32
32
 
33
33
  // @button-height-mini: 24px;
34
34
  // @button-text-size-mini: 12px;
@@ -38,7 +38,10 @@
38
38
 
39
39
  /**** primary按钮 ****/
40
40
  // bg color
41
- @button-primary-bg-color:var(--alias-colors-bg-accent-blue-stronger-default, #126FDD);
41
+ @button-primary-bg-color: var(
42
+ --alias-colors-bg-accent-blue-stronger-default,
43
+ #126fdd
44
+ );
42
45
  @button-primary-bg-color-hover: var(
43
46
  --alias-colors-bg-accent-blue-stronger-hover,
44
47
  #0f59b1
@@ -2,6 +2,7 @@
2
2
  @import '../../Pagination/style/index.less';
3
3
  @import '../../Spin/style/index.less';
4
4
  @import '../../ScrollArea/style/index.less';
5
+ @import '../../Empty/style/index.less';
5
6
 
6
7
  .ald-table-container {
7
8
  position: relative;
@@ -160,4 +161,5 @@
160
161
 
161
162
  .ald-table-empty {
162
163
  margin-top: 80px;
164
+ overflow: hidden;
163
165
  }
@@ -59,6 +59,11 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
59
59
  * @default false
60
60
  */
61
61
  compact?: boolean;
62
+ /**
63
+ * @description tabs和content之间是否包含分割线
64
+ * @default false
65
+ */
66
+ hasDividing?: boolean;
62
67
  }
63
68
  declare function Tabs(props: ITabsProps): React.JSX.Element;
64
69
  declare namespace Tabs {
@@ -1,5 +1,5 @@
1
1
  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); }
2
- var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact"];
2
+ var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact", "hasDividing"];
3
3
  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); }
4
4
  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; }
5
5
  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) {
27
27
  _props$padding = props.padding,
28
28
  padding = _props$padding === void 0 ? false : _props$padding,
29
29
  compact = props.compact,
30
+ _props$hasDividing = props.hasDividing,
31
+ hasDividing = _props$hasDividing === void 0 ? true : _props$hasDividing,
30
32
  otherProps = _objectWithoutProperties(props, _excluded);
31
33
  var headerBackgroundColor = props.headerBackgroundColor;
32
34
  var tabsProps = _objectSpread({}, otherProps);
@@ -66,7 +68,8 @@ export default function Tabs(props) {
66
68
  'ald-tabs-default': size !== 'small',
67
69
  'ald-tabs-monospace': _monospace,
68
70
  'ald-tabs-padding': !!padding,
69
- 'ald-tabs-compact': !!compact
71
+ 'ald-tabs-compact': !!compact,
72
+ 'ald-tabs-no-dividing': !hasDividing
70
73
  })
71
74
  }, tabsProps));
72
75
  }
@@ -62,6 +62,7 @@
62
62
  .ant-tabs-tab {
63
63
  font-size: @tabs-font-size-small;
64
64
  line-height: @tabs-line-height-small;
65
+ height: 40px;
65
66
  }
66
67
 
67
68
  .ant-tabs-ink-bar {
@@ -79,6 +80,7 @@
79
80
  .ant-tabs-tab {
80
81
  font-size: @tabs-font-size;
81
82
  line-height: @tabs-line-height;
83
+ height: 44px;
82
84
  }
83
85
 
84
86
  .ald-tabs-more-icon {
@@ -217,3 +219,9 @@
217
219
  padding: 0 var(--tabs-padding) var(--tabs-padding);
218
220
  }
219
221
  }
222
+
223
+ .ald-tabs-no-dividing {
224
+ &.ant-tabs-top > .ant-tabs-nav::before {
225
+ border-bottom: 0;
226
+ }
227
+ }
@@ -19,7 +19,7 @@ function TextLink(props) {
19
19
  var size = propsSize || 'middle';
20
20
  var icon = underline ? null : propsIcon;
21
21
  return /*#__PURE__*/React.createElement("span", {
22
- 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)),
22
+ 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)),
23
23
  onClick: onClick
24
24
  }, icon, children);
25
25
  }
@@ -6,4 +6,9 @@
6
6
  display: inline-flex;
7
7
  align-items: center;
8
8
  cursor: pointer;
9
+
10
+ &.ald-text-link-disabled {
11
+ pointer-events: none;
12
+ cursor: default;
13
+ }
9
14
  }
@@ -9,7 +9,7 @@
9
9
  color: var(--alias-colors-link-hover, #0f59b1);
10
10
  }
11
11
 
12
- &-disabled {
12
+ &.ald-text-link-disabled {
13
13
  color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
14
14
  }
15
15
  }
@@ -25,7 +25,7 @@
25
25
  color: var(--alias-colors-text-selected, #126fdd);
26
26
  }
27
27
 
28
- &-disabled {
28
+ &.ald-text-link-disabled {
29
29
  color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
30
30
  }
31
31
  }
@@ -7,7 +7,7 @@
7
7
  @import './checkbox.less';
8
8
 
9
9
  @tree-font-size-large: 14px;
10
- @tree-padding-large: 6px 4px;
10
+ @tree-padding-large: 6px;
11
11
  @tree-line-height-large: 20px;
12
12
 
13
13
  @tree-font-size-default: 12px;