@oceanbase/design 0.4.10 → 0.4.12

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.
Files changed (27) hide show
  1. package/dist/design.min.css +1 -1
  2. package/dist/design.min.js +1 -1
  3. package/es/button/index.d.ts +1 -1
  4. package/es/descriptions/hooks/useItems.d.ts +2 -3
  5. package/es/form/FormItem.d.ts +1 -1
  6. package/es/form/FormItem.js +1 -0
  7. package/es/modal/Modal.d.ts +6 -6
  8. package/es/static-function/index.js +3 -2
  9. package/es/table/index.d.ts +2 -2
  10. package/es/table/style/index.js +3 -1
  11. package/es/theme/default.js +2 -1
  12. package/es/theme/style/compact.less +2 -6
  13. package/es/theme/style/dark.less +5 -5
  14. package/es/theme/style/default.less +2 -6
  15. package/lib/button/index.d.ts +1 -1
  16. package/lib/descriptions/hooks/useItems.d.ts +2 -3
  17. package/lib/form/FormItem.d.ts +1 -1
  18. package/lib/form/FormItem.js +1 -0
  19. package/lib/modal/Modal.d.ts +6 -6
  20. package/lib/static-function/index.js +3 -2
  21. package/lib/table/index.d.ts +2 -2
  22. package/lib/table/style/index.js +4 -0
  23. package/lib/theme/default.js +2 -1
  24. package/lib/theme/style/compact.less +2 -6
  25. package/lib/theme/style/dark.less +5 -5
  26. package/lib/theme/style/default.less +2 -6
  27. package/package.json +10 -10
package/es/button/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
2
2
  import React from 'react';
3
3
  export * from 'antd/es/button';
4
4
  export type ButtonProps = AntButtonProps;
5
- declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
5
+ declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
6
6
  Group: React.FC<import("antd/es/button").ButtonGroupProps>;
7
7
  __ANT_BUTTON: boolean;
8
8
  };
package/es/descriptions/hooks/useItems.d.ts CHANGED
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  import type { DescriptionsItemType } from '..';
3
3
  export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
4
4
  children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
5
+ key?: React.Key;
6
+ label?: React.ReactNode;
5
7
  span?: number | "filled" | {
6
8
  xxl?: number;
7
9
  xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
10
12
  sm?: number;
11
13
  xs?: number;
12
14
  };
13
- label?: React.ReactNode;
14
15
  style?: React.CSSProperties;
15
- key?: React.Key;
16
16
  className?: string;
17
- prefixCls?: string;
18
17
  classNames?: Partial<Record<"label" | "content", string>>;
19
18
  styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
20
19
  labelStyle?: React.CSSProperties;
package/es/form/FormItem.d.ts CHANGED
@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
4
4
  import type { TooltipProps } from '../tooltip';
5
5
  declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
6
6
  useStatus: () => {
7
- status?: "" | "success" | "error" | "warning" | "validating";
7
+ status?: "" | "error" | "warning" | "success" | "validating";
8
8
  errors: React.ReactNode[];
9
9
  warnings: React.ReactNode[];
10
10
  };
package/es/form/FormItem.js CHANGED
@@ -57,6 +57,7 @@ var FormItem = function FormItem(_ref) {
57
57
  }, restTooltipProps);
58
58
  }
59
59
  return wrapSSR( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
60
+ layout: layout,
60
61
  label: action && (vertical || layout === 'vertical') ? /*#__PURE__*/_jsxs(_Fragment, {
61
62
  children: [label, action && /*#__PURE__*/_jsx("span", {
62
63
  className: "".concat(prefixCls, "-item-action"),
package/es/modal/Modal.d.ts CHANGED
@@ -4,27 +4,27 @@ declare const Modal: {
4
4
  ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
5
  info(props: ModalFuncProps): {
6
6
  destroy: () => void;
7
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
7
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
8
8
  };
9
9
  success(props: ModalFuncProps): {
10
10
  destroy: () => void;
11
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
11
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
12
12
  };
13
13
  error(props: ModalFuncProps): {
14
14
  destroy: () => void;
15
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
15
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
16
16
  };
17
17
  warning(props: ModalFuncProps): {
18
18
  destroy: () => void;
19
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
19
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
20
20
  };
21
21
  warn(props: ModalFuncProps): {
22
22
  destroy: () => void;
23
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
23
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
24
24
  };
25
25
  confirm(props: ModalFuncProps): {
26
26
  destroy: () => void;
27
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
27
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
28
28
  };
29
29
  useModal: typeof import("antd/es/modal/useModal").default;
30
30
  destroyAll: () => void;
package/es/static-function/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _defaultTheme$token, _defaultTheme$token2;
1
+ var _defaultTheme$token, _defaultTheme$token2, _defaultTheme$token3;
2
2
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,7 +18,8 @@ var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(de
18
18
  // 需要覆盖部分 Alias Token 的值
19
19
  override: {
20
20
  boxShadow: (_defaultTheme$token = defaultTheme.token) === null || _defaultTheme$token === void 0 ? void 0 : _defaultTheme$token.boxShadow,
21
- boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary
21
+ boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary,
22
+ boxShadowTertiary: (_defaultTheme$token3 = defaultTheme.token) === null || _defaultTheme$token3 === void 0 ? void 0 : _defaultTheme$token3.boxShadowTertiary
22
23
  }
23
24
  });
24
25
  var token = formatToken(mapToken);
package/es/table/index.d.ts CHANGED
@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
38
38
  SELECTION_ALL: "SELECT_ALL";
39
39
  SELECTION_INVERT: "SELECT_INVERT";
40
40
  SELECTION_NONE: "SELECT_NONE";
41
- Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
42
- ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
41
+ Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
42
+ ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
43
43
  Summary: typeof Summary;
44
44
  useStyle: (prefixCls: string) => {
45
45
  wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;
package/es/table/style/index.js CHANGED
@@ -25,13 +25,15 @@ export var genTableStyle = function genTableStyle(token) {
25
25
  }, "".concat(componentCls, "-footer"), {
26
26
  borderBottom: "1px solid ".concat(colorBorderSecondary),
27
27
  borderRadius: 0
28
- }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty({}, 'th', {
28
+ }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'th', {
29
29
  // 弱化列标题
30
30
  color: colorTextSecondary,
31
31
  fontWeight: 'normal',
32
32
  backgroundColor: colorBgBase
33
33
  }), "th".concat(componentCls, "-column-has-sorters"), {
34
34
  backgroundColor: colorBgBase
35
+ }), "th".concat(componentCls, "-column-sort:before"), {
36
+ backgroundColor: "".concat(colorBorderSecondary, " !important")
35
37
  }), "".concat(componentCls, "-cell-scrollbar"), {
36
38
  boxShadow: "0 1px 0 1px ".concat(colorBgBase)
37
39
  })), "".concat(componentCls, "-tbody"), (_$concat2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat2, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
package/es/theme/default.js CHANGED
@@ -81,8 +81,9 @@ var defaultTheme = {
81
81
  colorBgMask: 'rgba(19, 32, 57, 0.45)',
82
82
  colorBgElevated: '#ffffff',
83
83
  colorBgSpotlight: '#ffffff',
84
+ boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
84
85
  boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
85
- boxShadow: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
86
+ boxShadowTertiary: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
86
87
  borderRadius: 6,
87
88
  wireframe: false,
88
89
  // Remove focus outline
package/es/theme/style/compact.less CHANGED
@@ -412,8 +412,9 @@
412
412
  @borderRadiusSM: 4;
413
413
  @borderRadiusLG: 8;
414
414
  @borderRadiusOuter: 4;
415
+ @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
415
416
  @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
416
- @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
+ @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
418
  @lineWidthFocus: 3;
418
419
  @colorFillContent: #e2e8f3;
419
420
  @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
471
472
  @marginLG: 16;
472
473
  @marginXL: 32;
473
474
  @marginXXL: 48;
474
- @boxShadowTertiary:
475
- 0 1px 2px 0 rgba(0, 0, 0, 0.03),
476
- 0 1px 6px -1px rgba(0, 0, 0, 0.02),
477
- 0 2px 4px 0 rgba(0, 0, 0, 0.02)
478
- ;
479
475
  @screenXS: 480;
480
476
  @screenXSMin: 480;
481
477
  @screenXSMax: 575;
package/es/theme/style/dark.less CHANGED
@@ -322,8 +322,8 @@
322
322
  @colorBgBlur: rgba(255,255,255,0.04);
323
323
  @colorBorder: #424242;
324
324
  @colorBorderSecondary: #303030;
325
- @colorPrimaryBg: #111a2c;
326
- @colorPrimaryBgHover: #0f2445;
325
+ @colorPrimaryBg: #0e2e5b;
326
+ @colorPrimaryBgHover: #0b3b7e;
327
327
  @colorPrimaryBorder: #0e2e5b;
328
328
  @colorPrimaryBorderHover: #0b3b7e;
329
329
  @colorPrimaryHover: #277de8;
@@ -436,11 +436,11 @@
436
436
  @controlOutlineWidth: 2;
437
437
  @controlInteractiveSize: 16;
438
438
  @controlItemBgHover: rgba(255,255,255,0.08);
439
- @controlItemBgActive: #111a2c;
440
- @controlItemBgActiveHover: #0f2445;
439
+ @controlItemBgActive: #0e2e5b;
440
+ @controlItemBgActiveHover: #0b3b7e;
441
441
  @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
442
442
  @controlTmpOutline: rgba(255,255,255,0.04);
443
- @controlOutline: rgba(0,60,180,0.15);
443
+ @controlOutline: rgba(1,104,249,0.31);
444
444
  @fontWeightStrong: 600;
445
445
  @opacityLoading: 0.65;
446
446
  @linkDecoration: none;
package/es/theme/style/default.less CHANGED
@@ -412,8 +412,9 @@
412
412
  @borderRadiusSM: 4;
413
413
  @borderRadiusLG: 8;
414
414
  @borderRadiusOuter: 4;
415
+ @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
415
416
  @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
416
- @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
+ @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
418
  @lineWidthFocus: 3;
418
419
  @colorFillContent: #e2e8f3;
419
420
  @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
471
472
  @marginLG: 24;
472
473
  @marginXL: 32;
473
474
  @marginXXL: 48;
474
- @boxShadowTertiary:
475
- 0 1px 2px 0 rgba(0, 0, 0, 0.03),
476
- 0 1px 6px -1px rgba(0, 0, 0, 0.02),
477
- 0 2px 4px 0 rgba(0, 0, 0, 0.02)
478
- ;
479
475
  @screenXS: 480;
480
476
  @screenXSMin: 480;
481
477
  @screenXSMax: 575;
package/lib/button/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
2
2
  import React from 'react';
3
3
  export * from 'antd/es/button';
4
4
  export type ButtonProps = AntButtonProps;
5
- declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
5
+ declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
6
6
  Group: React.FC<import("antd/es/button").ButtonGroupProps>;
7
7
  __ANT_BUTTON: boolean;
8
8
  };
package/lib/descriptions/hooks/useItems.d.ts CHANGED
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  import type { DescriptionsItemType } from '..';
3
3
  export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
4
4
  children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
5
+ key?: React.Key;
6
+ label?: React.ReactNode;
5
7
  span?: number | "filled" | {
6
8
  xxl?: number;
7
9
  xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
10
12
  sm?: number;
11
13
  xs?: number;
12
14
  };
13
- label?: React.ReactNode;
14
15
  style?: React.CSSProperties;
15
- key?: React.Key;
16
16
  className?: string;
17
- prefixCls?: string;
18
17
  classNames?: Partial<Record<"label" | "content", string>>;
19
18
  styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
20
19
  labelStyle?: React.CSSProperties;
package/lib/form/FormItem.d.ts CHANGED
@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
4
4
  import type { TooltipProps } from '../tooltip';
5
5
  declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
6
6
  useStatus: () => {
7
- status?: "" | "success" | "error" | "warning" | "validating";
7
+ status?: "" | "error" | "warning" | "success" | "validating";
8
8
  errors: React.ReactNode[];
9
9
  warnings: React.ReactNode[];
10
10
  };
package/lib/form/FormItem.js CHANGED
@@ -74,6 +74,7 @@ var FormItem = ({
74
74
  /* @__PURE__ */ import_react.default.createElement(
75
75
  AntFormItem,
76
76
  {
77
+ layout,
77
78
  label: action && (vertical || layout === "vertical") ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, label, action && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-action` }, action)) : label,
78
79
  tooltip,
79
80
  required: (0, import_lodash.isPlainObject)(children) && ((_a = children.type) == null ? void 0 : _a.__ANT_SWITCH) ? true : void 0,
package/lib/modal/Modal.d.ts CHANGED
@@ -4,27 +4,27 @@ declare const Modal: {
4
4
  ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
5
  info(props: ModalFuncProps): {
6
6
  destroy: () => void;
7
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
7
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
8
8
  };
9
9
  success(props: ModalFuncProps): {
10
10
  destroy: () => void;
11
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
11
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
12
12
  };
13
13
  error(props: ModalFuncProps): {
14
14
  destroy: () => void;
15
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
15
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
16
16
  };
17
17
  warning(props: ModalFuncProps): {
18
18
  destroy: () => void;
19
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
19
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
20
20
  };
21
21
  warn(props: ModalFuncProps): {
22
22
  destroy: () => void;
23
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
23
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
24
24
  };
25
25
  confirm(props: ModalFuncProps): {
26
26
  destroy: () => void;
27
- update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
27
+ update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
28
28
  };
29
29
  useModal: typeof import("antd/es/modal/useModal").default;
30
30
  destroyAll: () => void;
package/lib/static-function/index.js CHANGED
@@ -41,14 +41,15 @@ var import_alias = __toESM(require("antd/lib/theme/util/alias"));
41
41
  var import_theme = __toESM(require("../theme"));
42
42
  var import_default = __toESM(require("../theme/default"));
43
43
  var { defaultAlgorithm, defaultSeed, useToken } = import_theme.default;
44
- var _a, _b;
44
+ var _a, _b, _c;
45
45
  var mapToken = {
46
46
  ...defaultAlgorithm(defaultSeed),
47
47
  ...import_default.default.token,
48
48
  // 需要覆盖部分 Alias Token 的值
49
49
  override: {
50
50
  boxShadow: (_a = import_default.default.token) == null ? void 0 : _a.boxShadow,
51
- boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary
51
+ boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary,
52
+ boxShadowTertiary: (_c = import_default.default.token) == null ? void 0 : _c.boxShadowTertiary
52
53
  }
53
54
  };
54
55
  var token = (0, import_alias.default)(mapToken);
package/lib/table/index.d.ts CHANGED
@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
38
38
  SELECTION_ALL: "SELECT_ALL";
39
39
  SELECTION_INVERT: "SELECT_INVERT";
40
40
  SELECTION_NONE: "SELECT_NONE";
41
- Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
42
- ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
41
+ Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
42
+ ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
43
43
  Summary: typeof Summary;
44
44
  useStyle: (prefixCls: string) => {
45
45
  wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;
package/lib/table/style/index.js CHANGED
@@ -62,6 +62,10 @@ var genTableStyle = (token) => {
62
62
  [`th${componentCls}-column-has-sorters`]: {
63
63
  backgroundColor: colorBgBase
64
64
  },
65
+ // 保留排序列表头分割线
66
+ [`th${componentCls}-column-sort:before`]: {
67
+ backgroundColor: `${colorBorderSecondary} !important`
68
+ },
65
69
  [`${componentCls}-cell-scrollbar`]: {
66
70
  boxShadow: `0 1px 0 1px ${colorBgBase}`
67
71
  }
package/lib/theme/default.js CHANGED
@@ -97,8 +97,9 @@ var defaultTheme = {
97
97
  colorBgMask: "rgba(19, 32, 57, 0.45)",
98
98
  colorBgElevated: "#ffffff",
99
99
  colorBgSpotlight: "#ffffff",
100
+ boxShadow: "0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)",
100
101
  boxShadowSecondary: "0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)",
101
- boxShadow: "0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)",
102
+ boxShadowTertiary: "0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)",
102
103
  borderRadius: 6,
103
104
  wireframe: false,
104
105
  // Remove focus outline
package/lib/theme/style/compact.less CHANGED
@@ -412,8 +412,9 @@
412
412
  @borderRadiusSM: 4;
413
413
  @borderRadiusLG: 8;
414
414
  @borderRadiusOuter: 4;
415
+ @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
415
416
  @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
416
- @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
+ @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
418
  @lineWidthFocus: 3;
418
419
  @colorFillContent: #e2e8f3;
419
420
  @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
471
472
  @marginLG: 16;
472
473
  @marginXL: 32;
473
474
  @marginXXL: 48;
474
- @boxShadowTertiary:
475
- 0 1px 2px 0 rgba(0, 0, 0, 0.03),
476
- 0 1px 6px -1px rgba(0, 0, 0, 0.02),
477
- 0 2px 4px 0 rgba(0, 0, 0, 0.02)
478
- ;
479
475
  @screenXS: 480;
480
476
  @screenXSMin: 480;
481
477
  @screenXSMax: 575;
package/lib/theme/style/dark.less CHANGED
@@ -322,8 +322,8 @@
322
322
  @colorBgBlur: rgba(255,255,255,0.04);
323
323
  @colorBorder: #424242;
324
324
  @colorBorderSecondary: #303030;
325
- @colorPrimaryBg: #111a2c;
326
- @colorPrimaryBgHover: #0f2445;
325
+ @colorPrimaryBg: #0e2e5b;
326
+ @colorPrimaryBgHover: #0b3b7e;
327
327
  @colorPrimaryBorder: #0e2e5b;
328
328
  @colorPrimaryBorderHover: #0b3b7e;
329
329
  @colorPrimaryHover: #277de8;
@@ -436,11 +436,11 @@
436
436
  @controlOutlineWidth: 2;
437
437
  @controlInteractiveSize: 16;
438
438
  @controlItemBgHover: rgba(255,255,255,0.08);
439
- @controlItemBgActive: #111a2c;
440
- @controlItemBgActiveHover: #0f2445;
439
+ @controlItemBgActive: #0e2e5b;
440
+ @controlItemBgActiveHover: #0b3b7e;
441
441
  @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
442
442
  @controlTmpOutline: rgba(255,255,255,0.04);
443
- @controlOutline: rgba(0,60,180,0.15);
443
+ @controlOutline: rgba(1,104,249,0.31);
444
444
  @fontWeightStrong: 600;
445
445
  @opacityLoading: 0.65;
446
446
  @linkDecoration: none;
package/lib/theme/style/default.less CHANGED
@@ -412,8 +412,9 @@
412
412
  @borderRadiusSM: 4;
413
413
  @borderRadiusLG: 8;
414
414
  @borderRadiusOuter: 4;
415
+ @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
415
416
  @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
416
- @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
+ @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
417
418
  @lineWidthFocus: 3;
418
419
  @colorFillContent: #e2e8f3;
419
420
  @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
471
472
  @marginLG: 24;
472
473
  @marginXL: 32;
473
474
  @marginXXL: 48;
474
- @boxShadowTertiary:
475
- 0 1px 2px 0 rgba(0, 0, 0, 0.03),
476
- 0 1px 6px -1px rgba(0, 0, 0, 0.02),
477
- 0 2px 4px 0 rgba(0, 0, 0, 0.02)
478
- ;
479
475
  @screenXS: 480;
480
476
  @screenXSMin: 480;
481
477
  @screenXSMax: 575;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oceanbase/design",
3
- "version": "0.4.10",
3
+ "version": "0.4.12",
4
4
  "description": "The Design System of OceanBase",
5
5
  "keywords": [
6
6
  "oceanbase",
@@ -43,28 +43,28 @@
43
43
  "@ctrl/tinycolor": "^4.1.0",
44
44
  "@inline-svg-unique-id/react": "^1.2.3",
45
45
  "@oceanbase/aliyun-theme": "^0.1.6",
46
- "@oceanbase/icons": "^0.4.6",
47
- "@oceanbase/util": "^0.4.2",
46
+ "@oceanbase/icons": "^0.4.7",
47
+ "@oceanbase/util": "^0.4.4",
48
48
  "ahooks": "^2.10.14",
49
- "antd": "^5.24.7",
49
+ "antd": "^5.26.4",
50
50
  "classnames": "^2.5.1",
51
51
  "lodash": "^4.17.21",
52
- "lottie-web": "^5.12.2",
52
+ "lottie-web": "^5.13.0",
53
53
  "prop-types": "^15.8.1",
54
54
  "rc-util": "^5.44.4"
55
55
  },
56
56
  "devDependencies": {
57
- "@babel/cli": "^7.27.0",
58
- "@babel/preset-env": "^7.26.9",
57
+ "@babel/cli": "^7.28.0",
58
+ "@babel/preset-env": "^7.28.0",
59
59
  "antd-token-previewer": "^2.0.8",
60
- "rc-select": "^14.16.6",
60
+ "rc-select": "^14.16.8",
61
61
  "rc-slider": "^11.1.8",
62
- "rc-table": "^7.50.4",
62
+ "rc-table": "^7.51.1",
63
63
  "rc-tree-select": "^5.27.0"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "react": ">=16.9.0",
67
67
  "react-dom": ">=16.9.0"
68
68
  },
69
- "gitHead": "db83d4b1d50b50813d9751f4e8c1189badf67820"
69
+ "gitHead": "eea14051a255a8820d64e80e4c0d08527002477f"
70
70
  }