@oceanbase/design 1.0.0-alpha.3 → 1.0.0-alpha.4

package/es/drawer/style/index.js

@@ -5,17 +5,33 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genDrawerStyle = function genDrawerStyle(token) {
   var componentCls = token.componentCls,
-    antCls = token.antCls;
-  var contentPadding = "".concat(token.paddingXS, "px ").concat(token.paddingLG, "px ").concat(token.paddingLG, "px ").concat(token.paddingLG, "px");
+    antCls = token.antCls,
+    fontSizeHeading3 = token.fontSizeHeading3,
+    colorSplit = token.colorSplit;
+  var contentPadding = token.paddingLG;
   var boxShadowBottom = '0 2px 4px 0 rgba(54,69,99,0.04), 0 1px 6px -1px rgba(54,69,99,0.04), 0 1px 2px 0 rgba(54,69,99,0.06)';
   var boxShadowTop = '0 -2px 4px 0 rgba(54,69,99,0.04), 0 -1px 6px -1px rgba(54,69,99,0.04), 0 -1px 2px 0 rgba(54,69,99,0.06)';
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), _defineProperty(_defineProperty({
+    position: 'relative',
     padding: "".concat(token.padding, "px ").concat(token.paddingLG, "px"),
     borderBottom: 'none',
     transition: "box-shadow ".concat(token.motionDurationMid),
     // ensure header box-shadow cover body content
     zIndex: 10
-  }), "".concat(componentCls, "-header-shadow"), {
+  }, "".concat(componentCls, "-title"), {
+    fontSize: fontSizeHeading3
+  }), '&::after', {
+    content: '""',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '1px',
+    backgroundColor: colorSplit,
+    // 使用负margin让分割线贯通到content边缘
+    marginLeft: "-".concat(token.paddingLG, "px"),
+    marginRight: "-".concat(token.paddingLG, "px")
+  })), "".concat(componentCls, "-header-shadow"), {
     boxShadow: boxShadowBottom
   }), "".concat(componentCls, "-body"), {
     padding: 0,
@@ -35,12 +51,14 @@ export var genDrawerStyle = function genDrawerStyle(token) {
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center'
-  })), "".concat(componentCls, "-footer-container-shadow"), {
+  })), "".concat(componentCls, "-footer-container-no-padding-top"), {
+    paddingTop: 0
+  }), "".concat(componentCls, "-footer-container-shadow"), {
     boxShadow: boxShadowTop
   }))), "".concat(componentCls).concat(componentCls, "-loading"), _defineProperty({}, "".concat(componentCls, "-body > ").concat(antCls, "-skeleton"), {
     padding: contentPadding
   })), "".concat(componentCls).concat(componentCls, "-with-footer"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty({}, "".concat(componentCls, "-body-content"), {
-    padding: "".concat(token.paddingXS, "px ").concat(token.paddingLG, "px")
+    paddingBottom: token.paddingXS
   })));
 };
 export default (function (prefixCls) {

package/es/form/FormItem.d.ts

@@ -17,6 +17,7 @@ export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
 export interface FormItemProps extends AntFormItemProps {
     tooltip?: WrapperTooltipProps | ReactNode;
     action?: ReactNode;
+    description?: ReactNode;
 }
 type CompoundedComponent = React.FC<FormItemProps> & {
     useStatus: typeof AntFormItem.useStatus;

package/es/form/FormItem.js

@@ -1,11 +1,11 @@
-var _excluded = ["children", "label", "tooltip", "action", "layout", "prefixCls", "className"],
+var _excluded = ["children", "label", "tooltip", "action", "description", "layout", "prefixCls", "className"],
   _excluded2 = ["icon", "type", "overlayInnerStyle"];
 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; }
 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; }
+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); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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); }
 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 React, { useContext } from 'react';
@@ -27,6 +27,7 @@ var FormItem = function FormItem(_ref) {
     label = _ref.label,
     tooltip = _ref.tooltip,
     action = _ref.action,
+    description = _ref.description,
     externalLayout = _ref.layout,
     customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
@@ -36,7 +37,7 @@ var FormItem = function FormItem(_ref) {
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var formItemCls = classNames(className);
+  var formItemCls = classNames(className, _defineProperty({}, "".concat(prefixCls, "-item-has-description"), !!description));
   var _useContext2 = useContext(FormContext),
     contextLayout = _useContext2.layout,
     vertical = _useContext2.vertical;
@@ -59,6 +60,13 @@ var FormItem = function FormItem(_ref) {
       }, overlayInnerStyle)
     }, restTooltipProps);
   }
+
+  // description config - only show in vertical layout
+  var isVertical = layout === 'vertical' || vertical;
+  var descriptionContent = description && isVertical ? /*#__PURE__*/_jsx("div", {
+    className: "".concat(prefixCls, "-item-description"),
+    children: description
+  }) : null;
   return wrapSSR( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
     layout: layout,
     label: action && (layout === 'vertical' || vertical) ? /*#__PURE__*/_jsxs(_Fragment, {
@@ -75,7 +83,9 @@ var FormItem = function FormItem(_ref) {
     prefixCls: customizePrefixCls,
     className: formItemCls
   }, restProps), {}, {
-    children: children
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [descriptionContent, children]
+    })
   })));
 };
 FormItem.useStatus = AntFormItem.useStatus;

package/es/form/style/index.js

@@ -5,12 +5,23 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genFormStyle = function genFormStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-horizontal)"), _defineProperty({}, "".concat(componentCls, "-item-label > label"), _defineProperty({
+  return _defineProperty(_defineProperty({}, componentCls, _defineProperty({}, "".concat(componentCls, "-item-extra"), {
+    paddingTop: token.paddingXXS,
+    fontSize: token.fontSizeSM
+  })), "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-horizontal)"), _defineProperty({}, "".concat(componentCls, "-item-label > label"), _defineProperty({
     width: '100%'
   }, "".concat(componentCls, "-item-action"), {
     position: 'absolute',
     right: 0
-  }))));
+  }))), "".concat(componentCls, "-item-has-description"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-item-control-input"), {
+    minHeight: 'auto'
+  }), "".concat(componentCls, "-item-label"), {
+    paddingBottom: token.paddingXXS
+  }), "".concat(componentCls, "-item-description"), {
+    paddingBottom: token.paddingXXS + 2,
+    fontSize: token.fontSizeSM,
+    color: token.colorTextDescription
+  })));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Form', function (token) {

package/es/input-number/index.d.ts

@@ -8,7 +8,8 @@ export interface InputNumberLocale {
 export interface InputNumberProps extends AntInputNumberProps {
     locale?: InputNumberLocale;
 }
-type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>> & {
+type InputNumberRef = React.ComponentRef<typeof AntInputNumber>;
+type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: typeof AntInputNumber._InternalPanelDoNotUseOrYouWillBeFired;
 };
 declare const InputNumber: CompoundedComponent;

package/es/locale/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '.';
+declare const _default: Locale;
+export default _default;

package/es/locale/ja-JP.js

@@ -0,0 +1,28 @@
+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); }
+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; }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import jaJP from 'antd/es/locale/ja_JP';
+export default _objectSpread(_objectSpread({}, jaJP), {}, {
+  global: _objectSpread(_objectSpread({}, jaJP.global), {}, {
+    inputPlaceholder: '入力してください'
+  }),
+  Pagination: _objectSpread(_objectSpread({}, jaJP.Pagination), {}, {
+    total: '合計 ${total} 件'
+  }),
+  Drawer: {
+    okText: '確定',
+    cancelText: 'キャンセル'
+  },
+  Table: _objectSpread(_objectSpread({}, jaJP.Table), {}, {
+    batchOperationBar: {
+      selected: '選択済み',
+      object: '件',
+      cancel: 'キャンセル',
+      collapse: '折りたたむ',
+      open: '展開'
+    }
+  })
+});

package/es/modal/Modal.js

@@ -8,6 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { Modal as AntModal } from 'antd';
+import { ExclamationCircleOutlined, CloseCircleOutlined, CheckCircleOutlined, InfoCircleOutlined } from '@oceanbase/icons';
 import classNames from 'classnames';
 import React, { useContext } from 'react';
 import ConfigProvider from "../config-provider";
@@ -52,22 +53,35 @@ var Modal = function Modal(_ref) {
 // 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
 // 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
 Modal.info = function (props) {
-  return modal.info(props);
+  return modal.info(_objectSpread({
+    // use outlined icon
+    icon: /*#__PURE__*/_jsx(InfoCircleOutlined, {})
+  }, props));
 };
 Modal.success = function (props) {
-  return modal.success(props);
+  return modal.success(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CheckCircleOutlined, {})
+  }, props));
 };
 Modal.error = function (props) {
-  return modal.error(props);
+  return modal.error(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CloseCircleOutlined, {})
+  }, props));
 };
 Modal.warning = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.warn = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.confirm = function (props) {
-  return modal.confirm(props);
+  return modal.confirm(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.useModal = AntModal.useModal;
 Modal.destroyAll = AntModal.destroyAll;

package/es/modal/style/index.js

@@ -6,21 +6,48 @@ import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genModalStyle = function genModalStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
-    marginXXS = token.marginXXS,
     marginLG = token.marginLG,
-    paddingMD = token.paddingMD,
-    borderRadius = token.borderRadius,
-    controlHeight = token.controlHeight,
     fontSizeHeading5 = token.fontSizeHeading5,
-    lineHeightHeading5 = token.lineHeightHeading5;
+    lineHeightHeading5 = token.lineHeightHeading5,
+    fontSizeHeading3 = token.fontSizeHeading3,
+    colorSplit = token.colorSplit;
   var top = 100;
   var bottom = 100;
   var titleHeight = fontSizeHeading5 * lineHeightHeading5;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
-    marginBottom: marginLG
-  }), "".concat(componentCls, "-footer"), _defineProperty({
-    marginTop: marginLG
-  }, "".concat(componentCls, "-footer-content"), _defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm):not(").concat(componentCls, "-progress)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    paddingBlock: token.padding
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginXXS,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty(_defineProperty({
+    position: 'relative',
+    marginBottom: 0,
+    paddingBottom: token.padding
+  }, "".concat(componentCls, "-title"), {
+    fontSize: fontSizeHeading3
+  }), '&::after', {
+    content: '""',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '1px',
+    backgroundColor: colorSplit,
+    // antd Modal content默认padding通常是24px，使用负margin让分割线贯通
+    // 如果antd使用其他padding值，可能需要调整
+    marginLeft: "-".concat(token.paddingLG, "px"),
+    marginRight: "-".concat(token.paddingLG, "px")
+  })), "".concat(componentCls, "-body"), {
+    paddingTop: token.paddingLG,
+    marginInline: "-".concat(token.marginLG, "px"),
+    paddingInline: token.paddingLG
+  })), "".concat(componentCls, "-footer"), _defineProperty(_defineProperty({
+    paddingTop: token.paddingLG,
+    marginTop: 0
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }), "".concat(componentCls, "-footer-content"), _defineProperty({
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center'
@@ -28,13 +55,16 @@ export var genModalStyle = function genModalStyle(token) {
     marginInlineEnd: token.margin,
     // make extra align to start
     textAlign: 'start'
-  })))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
-    padding: "".concat(token.paddingXL + token.padding, "px ").concat(token.paddingLG + token.padding, "px")
-  }, "".concat(componentCls, "-header"), _defineProperty({
+  })))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    padding: token.paddingLG
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginSM,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty({
     textAlign: 'center',
     marginBottom: token.marginXXL
   }, "".concat(componentCls, "-title"), {
-    fontSize: token.fontSizeHeading4
+    fontSize: fontSizeHeading3
   })), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty({
     textAlign: 'center'
   }, "".concat(componentCls, "-progress-loading"), {
@@ -45,14 +75,27 @@ export var genModalStyle = function genModalStyle(token) {
     color: token.colorTextTertiary
   }), "".concat(antCls, "-alert"), {
     textAlign: 'left'
-  })), "".concat(componentCls, "-footer"), {
+  })), "".concat(componentCls, "-footer"), _defineProperty({
     textAlign: 'center'
-  }))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body ").concat(componentCls, "-confirm-title +").concat(componentCls, "-confirm-content"), {
-    marginBlockStart: marginXXS,
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  })))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), {
+    padding: token.paddingLG
+  }), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-confirm-title"), {
+    fontSize: fontSizeHeading3
+  }), "".concat(componentCls, "-confirm-body > ").concat(token.iconCls), {
+    height: token.fontSizeHeading3 * token.lineHeight
+  }), "".concat(componentCls, "-confirm-paragraph"), {
+    rowGap: token.marginSM
+  }), "".concat(componentCls, "-confirm-content"), {
     color: token.colorTextSecondary
-  }), "".concat(componentCls, "-confirm-btns"), {
+  }), "".concat(componentCls, "-confirm-btns"), _defineProperty({
     marginTop: marginLG
-  }));
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }))));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Modal', function (token) {

package/es/static-function/index.js

@@ -5,17 +5,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useContext } from 'react';
 import { App, message as antMessage, Modal as AntModal, notification as antNotification } from 'antd';
 import formatToken from 'antd/lib/theme/util/alias';
+import ConfigProvider from "../config-provider";
+import useModalStyle from "../modal/style";
 import theme from "../theme";
 import defaultTheme from "../theme/default";
 var defaultAlgorithm = theme.defaultAlgorithm,
   defaultSeed = theme.defaultSeed,
   useToken = theme.useToken;
 
-// 设置默认 token
+// set default token
 var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(defaultSeed)), defaultTheme.token), {}, {
-  // 需要覆盖部分 Alias Token 的值
+  // need to override some Alias Token values
   override: {
     boxShadow: (_defaultTheme$token = defaultTheme.token) === null || _defaultTheme$token === void 0 ? void 0 : _defaultTheme$token.boxShadow,
     boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary,
@@ -27,10 +30,16 @@ var message = antMessage;
 var notification = antNotification;
 var modal = AntModal;
 export default (function () {
-  // 自动注入 useToken，避免每次使用都要声明一遍，比较繁琐
+  // automatically inject useToken, avoid declaring it every time
   token = useToken().token;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal');
+
+  // register Modal style, ensure static function can also apply style
+  useModalStyle(prefixCls);
   var staticFunction = App.useApp();
-  // 替换 antd 的静态方法，支持消费 ConfigProvider 配置
+  // replace antd's static methods, support consuming ConfigProvider configuration
   message = _objectSpread(_objectSpread({}, staticFunction.message), {}, {
     useMessage: antMessage.useMessage
   });

package/es/table/style/index.js

@@ -18,6 +18,7 @@ export var genTableStyle = function genTableStyle(token) {
     padding = token.padding,
     marginLG = token.marginLG,
     marginXS = token.marginXS;
+  console.log(token.fontWeight);
   return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
     color: colorText,
     backgroundColor: colorBgBase,
@@ -26,9 +27,8 @@ export var genTableStyle = function genTableStyle(token) {
     borderBottom: "1px solid ".concat(colorBorderSecondary),
     borderRadius: 0
   }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'th', {
-    // 弱化列标题
     color: colorTextSecondary,
-    fontWeight: 'normal',
+    fontWeight: token.fontWeight,
     backgroundColor: colorBgBase
   }), "th".concat(componentCls, "-column-has-sorters"), {
     backgroundColor: colorBgBase
@@ -73,7 +73,6 @@ export var genTableStyle = function genTableStyle(token) {
   }, "".concat(componentCls, "-thead > tr > th, ").concat(componentCls, "-tbody > tr > td"), _defineProperty({}, '&:last-child', {
     borderInlineEnd: 'none'
   })))), "".concat(componentCls, "-wrapper ").concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-thead, ").concat(componentCls, "-tbody"), _defineProperty({}, 'td, th', _defineProperty(_defineProperty({}, "&".concat(componentCls, "-row-expand-icon-cell"), {
-    backgroundColor: colorBgBase,
     // 设置 paddingRight 即可
     paddingRight: token.paddingXS
   }), "&".concat(componentCls, "-selection-column, &").concat(componentCls, "-row-expand-icon-cell"), _defineProperty({}, "& + td, & + th", {
@@ -110,7 +109,7 @@ export var genTableStyle = function genTableStyle(token) {
     marginRight: marginLG
   }, "".concat(componentCls, "-batch-operation-selection"), _defineProperty({
     color: colorTextSecondary,
-    fontWeight: 500
+    fontWeight: token.fontWeightStrong
   }, "".concat(componentCls, "-batch-operation-selection-count"), {
     margin: "0 ".concat(marginXS, "px"),
     color: colorLink

package/es/tabs/style/index.js

@@ -10,9 +10,11 @@ export var genTabsStyle = function genTabsStyle(token) {
     colorInfoBg = token.colorInfoBg,
     colorTextSecondary = token.colorTextSecondary,
     colorFillQuaternary = token.colorFillQuaternary;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-no-divider"), _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-no-divider"), _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
     border: 'none'
-  }))), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  }))), "&".concat(componentCls, "-left, &").concat(componentCls, "-right"), _defineProperty({}, "".concat(componentCls, "-tab[data-node-key^=divider-]"), {
+    paddingBlock: 0
+  })), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
     fontSize: 12,
     borderRadius: 12,

package/es/tag/index.d.ts

@@ -4,6 +4,7 @@ import type { Ellipsis } from '../_util/getEllipsisConfig';
 export * from 'antd/es/tag';
 export interface TagProps extends AntTagProps {
     ellipsis?: Ellipsis;
+    pill?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
     CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;

package/es/tag/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["children", "prefixCls", "icon", "className", "ellipsis"];
+var _excluded = ["children", "prefixCls", "icon", "className", "ellipsis", "pill"];
 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; }
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -28,6 +28,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         title: children
       }
     } : _ref$ellipsis,
+    pill = _ref.pill,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
@@ -35,7 +36,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
   var ellipsisConfig = getEllipsisConfig(ellipsis, children);
-  var tagCls = classNames(_defineProperty({}, "".concat(prefixCls, "-ellipsis"), !!ellipsisConfig), className);
+  var tagCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-ellipsis"), !!ellipsisConfig), "".concat(prefixCls, "-pill"), pill), className);
   var realIcon = icon ? /*#__PURE__*/_jsx("span", {
     className: "".concat(prefixCls, "-icon"),
     children: icon

package/es/tag/style/index.js

@@ -19,10 +19,12 @@ export var genTagStyle = function genTagStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     iconCls = token.iconCls;
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     paddingInline: token.paddingXS,
     fontSize: token.fontSizeSM
-  }, "".concat(componentCls, "-close-icon").concat(iconCls), {
+  }, "&:not(".concat(componentCls, "-pill)"), {
+    fontWeight: token.fontWeightStrong
+  }), "".concat(componentCls, "-close-icon").concat(iconCls), {
     marginInlineStart: token.marginXXS
   }), "".concat(antCls, "-typography"), _defineProperty({}, "".concat(componentCls, "-icon"), {
     marginInlineEnd: token.marginXXS
@@ -37,6 +39,10 @@ export var genTagStyle = function genTagStyle(token) {
     display: 'none'
   }), '&-borderless', {
     borderColor: 'transparent'
+  }), '&-pill', {
+    borderRadius: 100,
+    lineHeight: token.lineHeight,
+    marginInlineEnd: token.marginXXS
   }));
 };
 export default (function (prefixCls) {

package/es/theme/default.js

@@ -14,8 +14,8 @@ var colorTextTertiary = '#8592AD';
 var colorTextQuaternary = '#B6C0D4';
 var colorFill = '#CDD5E4';
 var colorFillSecondary = '#E2E8F3';
-var colorFillTertiary = '#EFF3FA';
-var colorFillQuaternary = '#F7F9FC';
+var colorFillTertiary = '#EBEFF7';
+var colorFillQuaternary = '#F5F7FC';
 var colorBorderSecondary = colorFillSecondary;
 var fontSizeSM = 12;
 var tagColorBorder = colorTextQuaternary;
@@ -77,7 +77,7 @@ var defaultTheme = {
     colorIcon: colorTextSecondary,
     colorBgBase: '#ffffff',
     colorBgContainer: '#ffffff',
-    colorBgLayout: colorFillQuaternary,
+    colorBgLayout: '#FBFCFE',
     colorBorder: colorFill,
     colorBorderSecondary: colorBorderSecondary,
     colorFill: colorFill,
@@ -96,6 +96,12 @@ var defaultTheme = {
     lineWidthFocus: 0
   },
   components: {
+    Alert: {
+      borderRadiusLG: 6
+    },
+    Badge: {
+      statusSize: 8
+    },
     Breadcrumb: {
       fontSize: fontSizeSM,
       fontHeight: 20,

package/es/theme/style/compact.less

@@ -310,12 +310,12 @@
 @colorTextQuaternary: #b6c0d4;
 @colorFill: #cdd5e4;
 @colorFillSecondary: #e2e8f3;
-@colorFillTertiary: #eff3fa;
-@colorFillQuaternary: #f7f9fc;
+@colorFillTertiary: #ebeff7;
+@colorFillQuaternary: #f5f7fc;
 @colorBgSolid: rgb(0,0,0);
 @colorBgSolidHover: rgba(0,0,0,0.75);
 @colorBgSolidActive: rgba(0,0,0,0.95);
-@colorBgLayout: #f7f9fc;
+@colorBgLayout: #fbfcfe;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
 @colorBgSpotlight: #ffffff;
@@ -421,14 +421,14 @@
 @colorFuchsiaBg: #faf0fc;
 @colorFuchsiaText: #580e67;
 @colorIcon: #8592ad;
-@colorBgContainerDisabled: #eff3fa;
+@colorBgContainerDisabled: #ebeff7;
 @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);
 @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);
 @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);
 @lineWidthFocus: 3px;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
-@colorFillAlter: #f7f9fc;
+@colorFillAlter: #f5f7fc;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13,63,155,0.12);
 @colorTextPlaceholder: #b6c0d4;
@@ -446,11 +446,11 @@
 @fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
 @controlInteractiveSize: 14px;
-@controlItemBgHover: #eff3fa;
+@controlItemBgHover: #ebeff7;
 @controlItemBgActive: #e6f4ff;
 @controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: #cdd5e4;
-@controlTmpOutline: #f7f9fc;
+@controlTmpOutline: #f5f7fc;
 @controlOutline: rgba(5,145,255,0.1);
 @opacityLoading: 0.65;
 @linkDecoration: none;