@oceanbase/design 0.4.0 → 0.4.1

package/es/table/style/index.js

@@ -20,11 +20,13 @@ export var genTableStyle = function genTableStyle(token) {
     marginLG = token.marginLG,
     marginXS = token.marginXS,
     marginSM = token.marginSM;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
     color: colorText,
     backgroundColor: colorBgBase,
     borderRadius: borderRadiusLG
-  }, "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'td, th', {
+  }, "".concat(componentCls, "-footer"), {
+    borderBottom: "1px solid ".concat(colorBorderSecondary)
+  }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'td, th', {
     // 弱化列标题
     color: colorTextSecondary,
     fontWeight: 'normal',
@@ -35,7 +37,7 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: colorBgBase
   }), "".concat(componentCls, "-cell-scrollbar"), {
     boxShadow: "0 1px 0 1px ".concat(colorBgBase)
-  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
+  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
     backgroundColor: colorBgBase
   }), "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row):not(").concat(antCls, "-descriptions-row) > td"), {
     backgroundColor: colorFillQuaternary
@@ -51,7 +53,12 @@ export var genTableStyle = function genTableStyle(token) {
     padding: "".concat(paddingSM, "px ").concat(padding, "px"),
     backgroundColor: colorFillQuaternary,
     borderRadius: borderRadiusLG
-  })), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+  })), "".concat(componentCls, "-empty-wrapper"), {
+    minHeight: 360,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     // 调整嵌套子表格的间距
     marginBlock: '0 !important',
     marginInline: '0 !important'
@@ -61,27 +68,29 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: "".concat(colorFillQuaternary, " !important")
   }), "".concat(componentCls, "-tbody > tr:last-child"), _defineProperty({}, 'td:first-child, td:last-child', {
     borderRadius: borderRadiusLG
-  }))))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-scroll-horizontal, ").concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-fixed-header"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
+  })), "".concat(componentCls, "-empty-wrapper"), {
+    minHeight: 'auto'
+  })))), "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable):not(").concat(componentCls, "-has-footer) ").concat(componentCls, ":not(").concat(componentCls, "-bordered):not(").concat(componentCls, "-empty)"), {
+    borderBottom: "1px solid ".concat(colorBorderSecondary),
+    borderRadius: 0
+  }), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-scroll-horizontal, ").concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-fixed-header"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
     backgroundColor: colorFillQuaternary
   }), "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row):not(").concat(antCls, "-descriptions-row) > td"), {
     backgroundColor: colorBgBase
   }))), "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable)"), _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
     border: 'none'
-  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), _defineProperty(_defineProperty({}, '& > td', {
+  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), _defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), _defineProperty(_defineProperty({}, '& > td', {
     backgroundColor: colorBgBase
   }), '&:hover', {
     td: {
       backgroundColor: colorPrimaryBg
     }
-  })))), "".concat(componentCls, "-pagination"), _defineProperty({}, "&".concat(antCls, "-pagination"), {
-    borderTop: 'none'
-  }))), "".concat(componentCls, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
+  }))))), "".concat(componentCls, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
     // hide empty when Table loading
     visibility: 'hidden'
-  }))), "".concat(componentCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), {
+  }))), "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), {
     padding: "".concat(padding, "px 0"),
-    margin: '0 !important',
-    borderTop: "1px solid ".concat(colorBorderSecondary)
+    margin: '0 !important'
   }), "".concat(componentCls, "-batch-operation-bar"), _defineProperty({
     position: 'absolute',
     left: 0,
@@ -93,9 +102,7 @@ export var genTableStyle = function genTableStyle(token) {
   }, "".concat(componentCls, "-batch-operation-selection-count"), {
     margin: "0 ".concat(marginXS, "px"),
     color: colorLink
-  })))), "".concat(componentCls).concat(componentCls, "-bordered"), _defineProperty({}, "&+".concat(componentCls, "-pagination"), _defineProperty({}, "&".concat(antCls, "-pagination"), {
-    borderTop: 'none'
-  })))), "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
+  }))))), "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
     padding: 0
   }));
 };

package/es/theme/default.js

@@ -14,16 +14,6 @@ var defaultTheme = {
   token: {
     fontFamily: "-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     fontFamilyCode: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-    fontSizeHeading1: 32,
-    fontSizeHeading2: 24,
-    fontSizeHeading3: 20,
-    fontSizeHeading4: 16,
-    fontSizeHeading5: 14,
-    lineHeightHeading1: 40 / 32,
-    lineHeightHeading2: 32 / 24,
-    lineHeightHeading3: 28 / 20,
-    lineHeightHeading4: 24 / 16,
-    lineHeightHeading5: 22 / 14,
     colorPrimaryBg: '#EAF1FF',
     colorPrimary: '#006AFF',
     colorPrimaryBgHover: '#EAF1FF',
@@ -101,7 +91,8 @@ var defaultTheme = {
       fontSize: 12,
       // @ts-ignore
       // fontHeight is internal token
-      fontHeight: 20
+      fontHeight: 20,
+      lastItemColor: '#5c6b8a'
     },
     InputNumber: {
       handleVisible: true
@@ -116,6 +107,14 @@ var defaultTheme = {
       multipleItemBorderColor: tagColorBorder,
       multipleItemBorderColorDisabled: tagColorBorder
     },
+    Slider: {
+      trackBg: '#006AFF',
+      trackHoverBg: '#5189fb',
+      trackBgDisabled: '#b3ccff',
+      handleColor: '#006AFF',
+      handleActiveColor: '#5189fb',
+      handleColorDisabled: '#b3ccff'
+    },
     Tag: {
       defaultColor: '#5c6b8a',
       colorBorder: tagColorBorder

package/es/theme/style/aliyun.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: rgba(0, 0, 0, 0.06);
 @colorFillTertiary: rgba(0, 0, 0, 0.04);
 @colorFillQuaternary: rgba(0, 0, 0, 0.02);
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f2f3f5;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #009c6d;
 @colorErrorBg: #fff2f0;
 @colorErrorBgHover: #ffe2de;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffbcb5;
 @colorErrorBorderHover: #ff948c;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 38, 5, 0.06);
 @colorWarningOutline: rgba(255, 195, 5, 0.1);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(0, 0, 0, 0.04);
 @controlItemBgActive: #e6f4ff;

package/es/theme/style/compact.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #00b378;
 @colorErrorBg: #ffebeb;
 @colorErrorBgHover: #ffd6d6;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffb3b3;
 @colorErrorBorderHover: #ff7575;
@@ -373,7 +377,7 @@
 @fontSizeLG: 14;
 @fontSizeXL: 16;
 @fontSizeHeading1: 32;
-@fontSizeHeading2: 24;
+@fontSizeHeading2: 26;
 @fontSizeHeading3: 20;
 @fontSizeHeading4: 16;
 @fontSizeHeading5: 14;
@@ -384,7 +388,7 @@
 @fontHeightLG: 22;
 @fontHeightSM: 18;
 @lineHeightHeading1: 1.25;
-@lineHeightHeading2: 1.3333333333333333;
+@lineHeightHeading2: 1.3076923076923077;
 @lineHeightHeading3: 1.4;
 @lineHeightHeading4: 1.5;
 @lineHeightHeading5: 1.5714285714285714;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 10;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
 @controlItemBgHover: #f3f6fc;

package/es/theme/style/dark.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: rgba(255, 255, 255, 0.12);
 @colorFillTertiary: rgba(255, 255, 255, 0.08);
 @colorFillQuaternary: rgba(255, 255, 255, 0.04);
+@colorBgSolid: rgba(255, 255, 255, 0.95);
+@colorBgSolidHover: rgb(255, 255, 255);
+@colorBgSolidActive: rgba(255, 255, 255, 0.9);
 @colorBgLayout: #000000;
 @colorBgContainer: #141414;
 @colorBgElevated: #1f1f1f;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #0e845d;
 @colorErrorBg: #2b1416;
 @colorErrorBgHover: #44191a;
+@colorErrorBgFilledHover: #421a1b;
 @colorErrorBgActive: #591f1f;
 @colorErrorBorder: #591f1f;
 @colorErrorBorderHover: #7b2525;
@@ -428,7 +432,7 @@
 @colorErrorOutline: rgba(250, 20, 40, 0.1);
 @colorWarningOutline: rgba(180, 93, 0, 0.15);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255, 255, 255, 0.08);

package/es/theme/style/default.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #00b378;
 @colorErrorBg: #ffebeb;
 @colorErrorBgHover: #ffd6d6;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffb3b3;
 @colorErrorBorderHover: #ff7575;
@@ -372,22 +376,22 @@
 @fontSizeSM: 12;
 @fontSizeLG: 16;
 @fontSizeXL: 20;
-@fontSizeHeading1: 32;
-@fontSizeHeading2: 24;
-@fontSizeHeading3: 20;
-@fontSizeHeading4: 16;
-@fontSizeHeading5: 14;
+@fontSizeHeading1: 38;
+@fontSizeHeading2: 30;
+@fontSizeHeading3: 24;
+@fontSizeHeading4: 20;
+@fontSizeHeading5: 16;
 @lineHeight: 1.5714285714285714;
 @lineHeightLG: 1.5;
 @lineHeightSM: 1.6666666666666667;
 @fontHeight: 22;
 @fontHeightLG: 24;
 @fontHeightSM: 20;
-@lineHeightHeading1: 1.25;
-@lineHeightHeading2: 1.3333333333333333;
-@lineHeightHeading3: 1.4;
-@lineHeightHeading4: 1.5;
-@lineHeightHeading5: 1.5714285714285714;
+@lineHeightHeading1: 1.2105263157894737;
+@lineHeightHeading2: 1.2666666666666666;
+@lineHeightHeading3: 1.3333333333333333;
+@lineHeightHeading4: 1.4;
+@lineHeightHeading5: 1.5;
 @sizeXXL: 48;
 @sizeXL: 32;
 @sizeLG: 24;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: #f3f6fc;

package/lib/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/lib/button/style/index.js

@@ -26,12 +26,15 @@ module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genButtonStyle = (token) => {
   const { componentCls } = token;
+  const primaryBtnCls = `${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`;
+  const primaryAndCompactItemBtnCls = `${componentCls}-compact-item${primaryBtnCls}`;
   return {
     [`${componentCls}`]: {
       // remove box-shadow for button
       boxShadow: "none !important"
     },
-    [`${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`]: {
+    // primary button
+    [`${primaryBtnCls}`]: {
       background: "linear-gradient(-59deg, #002BFF 0%, #0080FF 100%)",
       border: "none",
       ["&:hover"]: {
@@ -40,6 +43,23 @@ var genButtonStyle = (token) => {
       ["&:active"]: {
         background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
       }
+    },
+    // primary button in compact item
+    [`${primaryBtnCls}${componentCls}-compact-last-item`]: {
+      background: "linear-gradient(-59deg, #002BFF 0%, #002BFF 100%)",
+      ["&:hover"]: {
+        background: "linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)"
+      },
+      ["&:active"]: {
+        background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
+      }
+    },
+    [`${primaryAndCompactItemBtnCls}+${primaryAndCompactItemBtnCls}:before`]: {
+      height: "100%",
+      top: 0
+    },
+    [`${primaryAndCompactItemBtnCls}:hover`]: {
+      zIndex: 0
     }
   };
 };

package/lib/card/style/index.js

@@ -70,12 +70,17 @@ var genCardStyle = (token) => {
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingLG}px ${padding}px ${paddingLG}px`
+        padding: `0 ${paddingLG}px ${paddingLG}px ${paddingLG}px`
       }
     },
     [`${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingSM}px 12px ${paddingSM}px`
+        padding: `0 ${paddingSM}px ${paddingSM}px ${paddingSM}px`
+      }
+    },
+    [`${componentCls}-small${componentCls}-contain-tabs >${componentCls}-head`]: {
+      [`${componentCls}-head-title, ${componentCls}-head-extra`]: {
+        paddingTop: token.paddingXS
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {

package/lib/checkbox/index.d.ts

@@ -1 +1,3 @@
 export * from 'antd/es/checkbox';
+declare const Checkbox: any;
+export default Checkbox;

package/lib/checkbox/index.js

@@ -1,7 +1,13 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,54 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/checkbox/index.ts
+// src/checkbox/index.tsx
 var checkbox_exports = {};
+__export(checkbox_exports, {
+  default: () => checkbox_default
+});
 module.exports = __toCommonJS(checkbox_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(checkbox_exports, require("antd/es/checkbox"), module.exports);
+var InternalCheckbox = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("checkbox", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const checkboxCls = (0, import_classnames.default)(className);
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Checkbox,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          className: checkboxCls,
+          ...restProps
+        }
+      )
+    );
+  }
+);
+var Checkbox = InternalCheckbox;
+Checkbox.Group = import_antd.Checkbox.Group;
+Checkbox.__ANT_CHECKBOX = import_antd.Checkbox.__ANT_CHECKBOX;
+if (process.env.NODE_ENV !== "production") {
+  Checkbox.displayName = import_antd.Checkbox.displayName;
+}
+var checkbox_default = Checkbox;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/checkbox")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type CheckboxToken = FullToken<'Checkbox'>;
+export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/checkbox/style/index.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/checkbox/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genCheckboxStyle: () => genCheckboxStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genCheckboxStyle = (token) => {
+  const { componentCls, fontSize, fontSizeLG, lineHeight } = token;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}`]: {
+        alignSelf: "baseline",
+        [`${componentCls}-inner`]: {
+          transform: `translate(0px, ${(fontSize * lineHeight - fontSizeLG) / 2}px)`
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Checkbox", (token) => {
+    return [genCheckboxStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genCheckboxStyle
+});

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

@@ -2,6 +2,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 } 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';
 import type { StyleProviderProps } from '@ant-design/cssinjs';
@@ -41,6 +42,7 @@ export interface ConfigProviderProps extends AntConfigProviderProps {
     table?: TableConfig;
     injectStaticFunction?: boolean;
     styleProviderProps?: StyleProviderProps;
+    appProps?: AppProps;
 }
 export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;

package/lib/config-provider/index.js

@@ -65,6 +65,7 @@ var ConfigProvider = ({
   tabs,
   injectStaticFunction = true,
   styleProviderProps,
+  appProps,
   ...restProps
 }) => {
   var _a, _b;
@@ -128,7 +129,7 @@ var ConfigProvider = ({
           hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false }, children, injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
+      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false, ...appProps }, children, injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
     )
   );
 };

package/lib/descriptions/hooks/useItems.d.ts

@@ -10,11 +10,11 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    prefixCls?: string;
-    style?: React.CSSProperties;
     className?: string;
-    label?: React.ReactNode;
+    style?: React.CSSProperties;
+    prefixCls?: string;
     key?: React.Key;
+    label?: React.ReactNode;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/empty/default.js

@@ -36,50 +36,19 @@ var import_react = __toESM(require("react"));
 var DefaultEmptyImg = (props) => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
-    width: "46.25775px",
-    height: "46.36575px",
-    viewBox: "0 0 46.25775 46.36575",
+    width: "56px",
+    height: "56px",
+    viewBox: "0 0 56 56",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
+    xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(-801.05, -274.05)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(796, 270)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(1, 0)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "54", height: "54" }), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(4.05, 4.05)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#E6E6E6",
-      x: "5.3055",
-      y: "0",
-      width: "35.79525",
-      height: "28.134",
-      rx: "2.72025"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#F8F8F8",
-      x: "11.04975",
-      y: "5.0625",
-      width: "24.1515",
-      height: "1.593",
-      rx: "0.7965"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#F8F8F8",
-      x: "11.04975",
-      y: "10.60425",
-      width: "16.08525",
-      height: "1.593",
-      rx: "0.7965"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
+  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(4.2, 4.2)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#CDD5E4", x: "5.495", y: "0", width: "37.121", height: "29.176", rx: "4.03" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#F8F8F8", x: "11.452", y: "5.257", width: "25.046", height: "1.652", rx: "0.826" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#F8F8F8", x: "11.452", y: "10.997", width: "16.681", height: "1.652", rx: "0.826" }), /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
-      d: "M43.53075,46.36575 L2.72025,46.36575 C1.22175,46.36575 0,45.15075 0,43.6455 L0,20.277 C0,18.7785 1.215,17.55675 2.72025,17.55675 L18.576,17.55675 C19.494,17.55675 20.3445,18.01575 20.85075,18.78525 L22.32225,21.0195 C22.82175,21.78225 23.679,22.248 24.597,22.248 L43.5375,22.248 C45.036,22.248 46.25775,23.463 46.25775,24.96825 L46.25775,43.6455 C46.25775,45.144 45.04275,46.36575 43.5375,46.36575 L43.53075,46.36575 Z",
-      fill: "#F8F8F8"
+      d: "M45.143,48.083 L2.821,48.083 C1.267,48.083 0,46.823 0,45.262 L0,21.028 C0,19.474 1.26,18.207 2.821,18.207 L19.264,18.207 C20.216,18.207 21.098,18.683 21.623,19.481 L23.149,21.798 C23.667,22.589 24.556,23.072 25.508,23.072 L45.15,23.072 C46.704,23.072 47.971,24.332 47.971,25.893 L47.971,45.262 C47.971,46.816 46.711,48.083 45.15,48.083 L45.143,48.083 Z",
+      fill: "#F3F6FC"
     }
-  ))))))
+  )))
 );
 if (process.env.NODE_ENV !== "production") {
   DefaultEmptyImg.displayName = "DefaultEmptyImg";

package/lib/index.d.ts

@@ -38,10 +38,16 @@ export { default as Input } from './input';
 export type { InputProps } from './input';
 export { default as InputNumber } from './input-number';
 export type { InputNumberProps } from './input-number';
+export { default as Radio } from './radio';
+export type { RadioProps } from './radio';
+export { default as Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox';
 export { default as Select } from './select';
 export type { SelectProps } from './select';
 export { default as TreeSelect } from './tree-select';
 export type { TreeSelectProps } from './tree-select';
+export { default as Slider } from './slider';
+export type { SliderSingleProps, SliderRangeProps } from './slider';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip';
 export { default as Segmented } from './segmented';