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

package/es/card/style/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CardToken = FullToken<'Card'> & {
     tabsComponentCls: string;
     tabsPrefixCls: string;

package/es/card/style/index.js

@@ -28,29 +28,37 @@ export var genCardStyle = function genCardStyle(token) {
     paddingSM = token.paddingSM,
     paddingLG = token.paddingLG;
   var tableComponentCls = "".concat(antCls, "-table");
-  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls), _defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered):not(").concat(componentCls, "-type-inner)"), {
+  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
+    paddingTop: token.padding
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-bordered):not(").concat(componentCls, "-type-inner)"), {
     boxShadow: 'none'
-  }), "".concat(componentCls), _defineProperty({
+  }), "".concat(componentCls).concat(componentCls, "-bordered"), _defineProperty({
     borderRadius: token.borderRadiusLG - 2
-  }, "".concat(componentCls), _defineProperty({
+  }, "".concat(componentCls).concat(componentCls, "-bordered"), _defineProperty({
     borderRadius: token.borderRadius
-  }, "".concat(componentCls), {
+  }, "".concat(componentCls).concat(componentCls, "-bordered"), {
     borderRadius: token.borderRadiusSM
   })))), "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-head"), _defineProperty({
     // should not remove border-bottom to avoid tabs inkbar display correctly
-    borderBottomColor: 'transparent'
+    borderBottomColor: 'transparent',
+    paddingTop: token.paddingLG,
+    paddingBottom: token.padding
   }, tabsComponentCls, _defineProperty({}, "&".concat(tabsComponentCls, "-top, &").concat(tabsComponentCls, "-bottom"), _defineProperty({}, "".concat(tabsComponentCls, "-nav::before"), {
     border: 'none'
   }))))), "".concat(componentCls).concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingLG, "px ").concat(paddingLG, "px ").concat(paddingLG, "px")
+  })), "".concat(componentCls, "-small"), _defineProperty({}, "".concat(componentCls, "-body"), {
+    paddingTop: token.paddingXS
   })), "".concat(componentCls, "-small").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingSM, "px ").concat(paddingSM, "px ").concat(paddingSM, "px")
   })), "".concat(componentCls, "-small").concat(componentCls, "-contain-tabs >").concat(componentCls, "-head"), _defineProperty({}, "".concat(componentCls, "-head-title, ").concat(componentCls, "-head-extra"), {
     paddingTop: token.paddingXS
-  })), "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), genTabsStyle(_objectSpread(_objectSpread({}, token), {}, {
+  })), "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), _objectSpread(_objectSpread({}, genTabsStyle(_objectSpread(_objectSpread({}, token), {}, {
     componentCls: tabsComponentCls,
     prefixCls: tabsPrefixCls
-  })))), "".concat(componentCls).concat(componentCls, "-contain-grid"), _defineProperty({}, "".concat(componentCls, "-head"), {
+  }))), {}, _defineProperty({}, tabsComponentCls, _defineProperty({}, "&".concat(tabsComponentCls, "-top, &").concat(tabsComponentCls, "-bottom"), _defineProperty({}, "".concat(tabsComponentCls, "-tab"), {
+    paddingBlock: token.padding
+  })))))), "".concat(componentCls).concat(componentCls, "-contain-grid"), _defineProperty({}, "".concat(componentCls, "-head"), {
     // work for Card containing Card.Grid
     marginBottom: -1
   })), "".concat(componentCls, ":not(").concat(componentCls, "-contain-grid)"), _defineProperty({}, "".concat(componentCls, "-head"), {
@@ -58,7 +66,23 @@ export var genCardStyle = function genCardStyle(token) {
     marginBottom: 0
   })), "&".concat(componentCls, "-has-title").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), _defineProperty({}, "& > ".concat(tableComponentCls, "-wrapper ").concat(tableComponentCls, ":not(").concat(tableComponentCls, "-bordered):first-child"), {
     marginTop: -token.marginSM
-  }))), "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding"), genTableStyle(paddingLG, token)), _defineProperty(_ref2, "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding").concat(componentCls, "-small"), genTableStyle(paddingSM, token));
+  }))), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding"), genTableStyle(paddingLG, token)), "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding").concat(componentCls, "-small"), genTableStyle(paddingSM, token)), "".concat(componentCls).concat(componentCls, "-collapsible"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-title-wrapper"), _defineProperty({
+    userSelect: 'none'
+  }, "".concat(componentCls, "-collapsible-icon"), {
+    fontSize: token.fontSizeLG
+  })), "".concat(componentCls, "-body"), {
+    overflow: 'hidden'
+  })), "".concat(componentCls).concat(componentCls, "-collapsible").concat(componentCls, "-collapsed"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
+    maxHeight: 0,
+    paddingTop: 0,
+    paddingBottom: 0,
+    opacity: 0,
+    overflow: 'hidden',
+    border: 'none',
+    margin: 0
+  }), "".concat(componentCls, "-head"), {
+    borderBottom: 'none'
+  }));
 };
 export default (function (prefixCls, tabsPrefixCls) {
   var useStyle = genComponentStyleHook('Card', function (token) {

package/es/checkbox/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CheckboxToken = FullToken<'Checkbox'>;
 export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
 declare const _default: (prefixCls: string) => {

package/es/config-provider/context.d.ts

@@ -1 +1,12 @@
+import type { ThemeConfig as AntThemeConfig, MappingAlgorithm } from 'antd';
+import type { AliasToken, OverrideToken } from '../theme/interface';
 export * from 'antd/es/config-provider/context';
+type ComponentsConfig = {
+    [key in keyof OverrideToken]?: OverrideToken[key] & {
+        algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[];
+    };
+};
+export interface ThemeConfig extends AntThemeConfig {
+    token?: Partial<AliasToken>;
+    components?: ComponentsConfig;
+}

package/es/config-provider/context.js

@@ -1 +1,2 @@
-export * from 'antd/es/config-provider/context';
+export * from 'antd/es/config-provider/context';
+export {};

package/es/config-provider/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ConfigProvider as AntConfigProvider } from 'antd';
 import type { ConfigProviderProps as AntConfigProviderProps, ConfigConsumerProps as AntConfigConsumerProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
-import type { ComponentStyleConfig, CardConfig as AntCardConfig } from 'antd/es/config-provider/context';
+import type { ComponentStyleConfig, CardConfig as AntCardConfig, TableConfig as AntTableConfig } from 'antd/es/config-provider/context';
 import type { AppProps } from 'antd/es/app';
 import type { PaginationConfig } from 'antd/es/pagination';
 import type { SpinIndicator } from 'antd/es/spin';
@@ -23,7 +23,7 @@ export type CardConfig = AntCardConfig & {
 export type SpinConfig = ComponentStyleConfig & {
     indicator?: SpinIndicator;
 };
-export type TableConfig = ComponentStyleConfig & {
+export type TableConfig = AntTableConfig & {
     selectionColumnWidth?: number;
 };
 export interface ConfigConsumerProps extends AntConfigConsumerProps {

package/es/config-provider/index.js

@@ -1,22 +1,23 @@
-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", "theme", "locale", "navigate", "hideOnSinglePage", "card", "collapse", "form", "spin", "table", "tabs", "styleProviderProps", "appProps"];
+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 _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; }
 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 _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 from 'react';
-import { App, ConfigProvider as AntConfigProvider } from 'antd';
+import { ConfigProvider as AntConfigProvider } from 'antd';
 import { StyleProvider } from '@ant-design/cssinjs';
 import StyleContext from '@ant-design/cssinjs/es/StyleContext';
 import { CaretRightOutlined } from '@oceanbase/icons';
 import aliyunTheme from '@oceanbase/aliyun-theme';
 import { merge } from 'lodash';
+import App from "../app";
 import StaticFunction from "../static-function";
 import themeConfig from "../theme";
-import defaultTheme, { fontFamilyEn } from "../theme/default";
+import defaultTheme, { fontFamilyEn, fontWeightEn, fontWeightStrongEn } from "../theme/default";
 import darkTheme from "../theme/dark";
 import DefaultRenderEmpty from "./DefaultRenderEmpty";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -31,22 +32,25 @@ var ExtendedConfigContext = /*#__PURE__*/React.createContext({
   hideOnSinglePage: false,
   injectStaticFunction: true
 });
-var ConfigProvider = function ConfigProvider(_ref) {
-  var _mergedTheme$token, _parentContext$pagina;
-  var children = _ref.children,
-    theme = _ref.theme,
-    locale = _ref.locale,
-    navigate = _ref.navigate,
-    hideOnSinglePage = _ref.hideOnSinglePage,
-    card = _ref.card,
-    collapse = _ref.collapse,
-    form = _ref.form,
-    spin = _ref.spin,
-    table = _ref.table,
-    tabs = _ref.tabs,
-    styleProviderProps = _ref.styleProviderProps,
-    appProps = _ref.appProps,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+var getLocaleTokenValue = function getLocaleTokenValue(locale, tokenKey, tokenValue, tokenValueEn) {
+  return tokenValue !== defaultTheme.token[tokenKey] ? _defineProperty({}, tokenKey, tokenValue) : ['en', 'en-gb'].includes(locale.locale) ? _defineProperty({}, tokenKey, tokenValueEn) : {};
+};
+var ConfigProvider = function ConfigProvider(_ref3) {
+  var _mergedTheme$token, _mergedTheme$token2, _mergedTheme$token3, _parentContext$pagina;
+  var children = _ref3.children,
+    theme = _ref3.theme,
+    locale = _ref3.locale,
+    navigate = _ref3.navigate,
+    hideOnSinglePage = _ref3.hideOnSinglePage,
+    card = _ref3.card,
+    collapse = _ref3.collapse,
+    form = _ref3.form,
+    spin = _ref3.spin,
+    table = _ref3.table,
+    tabs = _ref3.tabs,
+    styleProviderProps = _ref3.styleProviderProps,
+    appProps = _ref3.appProps,
+    restProps = _objectWithoutProperties(_ref3, _excluded);
   // inherit from parent ConfigProvider
   var parentContext = React.useContext(AntConfigProvider.ConfigContext);
   var parentExtendedContext = React.useContext(ExtendedConfigContext);
@@ -58,6 +62,9 @@ var ConfigProvider = function ConfigProvider(_ref) {
   var _themeConfig$useToken = themeConfig.useToken(),
     token = _themeConfig$useToken.token;
   var fontFamily = ((_mergedTheme$token = mergedTheme.token) === null || _mergedTheme$token === void 0 ? void 0 : _mergedTheme$token.fontFamily) || token.fontFamily;
+  // @ts-ignore
+  var fontWeight = ((_mergedTheme$token2 = mergedTheme.token) === null || _mergedTheme$token2 === void 0 ? void 0 : _mergedTheme$token2.fontWeight) || token.fontWeight;
+  var fontWeightStrong = ((_mergedTheme$token3 = mergedTheme.token) === null || _mergedTheme$token3 === void 0 ? void 0 : _mergedTheme$token3.fontWeightStrong) || token.fontWeightStrong;
 
   // inherit from parent StyleProvider
   var parentStyleContext = React.useContext(StyleContext);
@@ -67,10 +74,14 @@ var ConfigProvider = function ConfigProvider(_ref) {
     locale: mergedLocale,
     card: merge({}, parentContext.card, card),
     collapse: merge({}, {
-      expandIcon: function expandIcon(_ref2) {
-        var isActive = _ref2.isActive;
+      expandIcon: function expandIcon(_ref4) {
+        var _mergedTheme$token4, _mergedTheme$token5;
+        var isActive = _ref4.isActive;
         return /*#__PURE__*/_jsx(CaretRightOutlined, {
-          rotate: isActive ? 90 : 0
+          rotate: isActive ? 90 : 0,
+          style: {
+            color: ((_mergedTheme$token4 = mergedTheme.token) === null || _mergedTheme$token4 === void 0 ? void 0 : _mergedTheme$token4.colorIcon) || ((_mergedTheme$token5 = mergedTheme.token) === null || _mergedTheme$token5 === void 0 ? void 0 : _mergedTheme$token5.colorTextSecondary)
+          }
         });
       }
     }, parentContext.collapse, collapse),
@@ -78,18 +89,30 @@ var ConfigProvider = function ConfigProvider(_ref) {
       requiredMark: 'optional'
     }, parentContext.form, form),
     spin: merge({}, parentContext.spin, spin),
-    table: merge({}, parentContext.table, table),
+    table: merge({}, {
+      expandable: {
+        expandIcon: function expandIcon(_ref5) {
+          var _mergedTheme$token6, _mergedTheme$token7;
+          var expandable = _ref5.expandable,
+            expanded = _ref5.expanded,
+            onExpand = _ref5.onExpand,
+            record = _ref5.record;
+          return expandable && /*#__PURE__*/_jsx(CaretRightOutlined, {
+            onClick: function onClick(e) {
+              return onExpand(record, e);
+            },
+            style: {
+              transition: "transform 0.2s",
+              transform: expanded ? 'rotate(90deg)' : undefined,
+              color: ((_mergedTheme$token6 = mergedTheme.token) === null || _mergedTheme$token6 === void 0 ? void 0 : _mergedTheme$token6.colorIcon) || ((_mergedTheme$token7 = mergedTheme.token) === null || _mergedTheme$token7 === void 0 ? void 0 : _mergedTheme$token7.colorTextSecondary)
+            }
+          });
+        }
+      }
+    }, parentContext.table, table),
     tabs: merge({}, parentContext.tabs, tabs),
     theme: merge({}, mergedTheme, {
-      token:
-      // custom fontFamily
-      fontFamily !== defaultTheme.token.fontFamily ? {
-        fontFamily: fontFamily
-      } :
-      // use fontFamilyEn for en
-      ['en', 'en-gb'].includes(mergedLocale.locale) ? {
-        fontFamily: fontFamilyEn
-      } : {}
+      token: _objectSpread(_objectSpread(_objectSpread({}, getLocaleTokenValue(mergedLocale, 'fontFamily', fontFamily, fontFamilyEn)), getLocaleTokenValue(mergedLocale, 'fontWeight', fontWeight, fontWeightEn)), getLocaleTokenValue(mergedLocale, 'fontWeightStrong', fontWeightStrong, fontWeightStrongEn))
     }),
     renderEmpty: parentContext.renderEmpty || function (componentName) {
       return /*#__PURE__*/_jsx(DefaultRenderEmpty, {

package/es/descriptions/style/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 import type { DescriptionsProps } from '..';
 export type DescriptionsToken = FullToken<'Alert'> & {
     typographyPrefixCls: string;

package/es/drawer/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 = ["locale", "children", "onOk", "onClose", "onCancel", "okText", "cancelText", "okButtonProps", "confirmLoading", "footer", "footerExtra", "rootClassName", "bodyStyle", "styles", "prefixCls"];
+var _excluded = ["locale", "children", "loading", "onOk", "onClose", "onCancel", "okText", "cancelText", "okButtonProps", "confirmLoading", "footer", "footerExtra", "rootClassName", "bodyStyle", "styles", "prefixCls"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,6 +28,7 @@ export * from 'antd/es/drawer';
 var Drawer = function Drawer(_ref) {
   var customLocale = _ref.locale,
     children = _ref.children,
+    loading = _ref.loading,
     onOk = _ref.onOk,
     onClose = _ref.onClose,
     onCancel = _ref.onCancel,
@@ -58,16 +59,17 @@ var Drawer = function Drawer(_ref) {
   useSize(contentElment);
   // useScroll for re-render when scroll
   var scroll = useScroll(contentElment);
-  var isScroll = (contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollHeight) !== (contentElment === null || contentElment === void 0 ? void 0 : contentElment.clientHeight);
+  var isScroll = !loading && (contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollHeight) !== (contentElment === null || contentElment === void 0 ? void 0 : contentElment.clientHeight);
   // start scroll
-  var isStartScroll = scroll.top > 0;
+  var isStartScroll = !loading && scroll.top > 0;
   // Determine if an element has been totally scrolled
   // ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled
-  var isTotalScroll = Math.abs(((contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollHeight) || 0) - ((contentElment === null || contentElment === void 0 ? void 0 : contentElment.clientHeight) || 0) - ((contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollTop) || 0)) < 1;
+  var isTotalScroll = !loading && Math.abs(((contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollHeight) || 0) - ((contentElment === null || contentElment === void 0 ? void 0 : contentElment.clientHeight) || 0) - ((contentElment === null || contentElment === void 0 ? void 0 : contentElment.scrollTop) || 0)) < 1;
   var handleCancel = onCancel || onClose;
   var showFooter = !!(footer || onOk) && footer !== false && footer !== null;
-  var drawerCls = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-with-footer"), showFooter), rootClassName);
+  var drawerCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-with-footer"), showFooter), rootClassName);
   return wrapSSR( /*#__PURE__*/_jsxs(AntDrawer, _objectSpread(_objectSpread({
+    loading: loading,
     destroyOnClose: true,
     onClose: handleCancel,
     rootClassName: drawerCls,

package/es/drawer/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type DrawerToken = FullToken<'Drawer'>;
 export declare const genDrawerStyle: GenerateStyle<DrawerToken>;
 declare const _default: (prefixCls: string) => {

package/es/drawer/style/index.js

@@ -4,27 +4,45 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genDrawerStyle = function genDrawerStyle(token) {
-  var componentCls = token.componentCls;
+  var componentCls = token.componentCls,
+    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({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
-    padding: '16px 24px',
+  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,
     display: 'flex',
     flexDirection: 'column'
   }), "".concat(componentCls, "-body-content"), {
-    padding: '8px 24px 24px 24px',
+    padding: contentPadding,
     overflow: 'auto'
   }), "".concat(componentCls, "-footer-container"), _defineProperty({
     position: 'sticky',
-    padding: '16px 24px',
+    padding: "".concat(token.padding, "px ").concat(token.paddingLG, "px"),
     transition: "box-shadow ".concat(token.motionDurationMid),
     // ensure footer box-shadow cover body content
     zIndex: 10
@@ -33,10 +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, "-with-footer"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty({}, "".concat(componentCls, "-body-content"), {
-    padding: '8px 24px 8px 24px'
+  }))), "".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"), {
+    paddingBottom: token.paddingXS
   })));
 };
 export default (function (prefixCls) {

package/es/empty/index.js

@@ -56,7 +56,7 @@ var Empty = function Empty(props) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
   var isHorizontal = layout === 'horizontal';
-  var emptyCls = classNames(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-horizontal"), isHorizontal), "".concat(prefixCls, "-small"), image === defaultEmptyImg || image === simpleEmptyImg), className);
+  var emptyCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-horizontal"), isHorizontal), "".concat(prefixCls, "-small"), image === defaultEmptyImg || image === simpleEmptyImg), className);
   return wrapSSR( /*#__PURE__*/_jsx(AntEmpty, _objectSpread(_objectSpread({
     image: image,
     description: /*#__PURE__*/_jsxs(_Fragment, {

package/es/empty/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type EmptyToken = FullToken<'Badge'>;
 export declare const genEmptyStyle: GenerateStyle<EmptyToken>;
 declare const _default: (prefixCls: string) => {

package/es/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "error" | "warning" | "success" | "validating";
+        status?: "" | "success" | "warning" | "error" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };
@@ -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.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type FormToken = FullToken<'Form'>;
 export declare const genFormStyle: GenerateStyle<FormToken>;
 declare const _default: (prefixCls: string) => {

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/index.d.ts

@@ -13,6 +13,8 @@ export { default as Typography } from './typography';
 export type { TypographyProps } from './typography';
 export { default as Card } from './card';
 export type { CardProps } from './card';
+export { default as App } from './app';
+export type { AppProps } from './app';
 export { default as ConfigProvider } from './config-provider';
 export type { ConfigProviderProps, ConfigConsumerProps, ThemeConfig } from './config-provider';
 export { default as Descriptions } from './descriptions';
@@ -68,8 +70,8 @@ export { default as Lottie } from './lottie';
 export type { LottieProps, LottieRef } from './lottie';
 export { default as theme } from './theme';
 declare const useToken: () => {
-    theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-    token: import("antd").GlobalToken;
+    theme: import("@ant-design/cssinjs").Theme<import("antd/lib/theme/interface/seeds").SeedToken, import("./theme/interface").AliasToken>;
+    token: import("./theme/interface").GlobalToken;
     hashId: string;
 };
 export { useToken };

package/es/index.js

@@ -7,6 +7,7 @@ export { default as Space } from "./space";
 export { Col, Row } from "./grid";
 export { default as Typography } from "./typography";
 export { default as Card } from "./card";
+export { default as App } from "./app";
 export { default as ConfigProvider } from "./config-provider";
 export { default as Descriptions } from "./descriptions";
 export { default as Empty } from "./empty";

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: '展開'
+    }
+  })
+});