@oceanbase/design 1.0.0-alpha.5 → 1.0.0-alpha.7

package/lib/config-provider/index.js

@@ -45,7 +45,9 @@ var import_static_function = __toESM(require("../static-function"));
 var import_theme = __toESM(require("../theme"));
 var import_default = __toESM(require("../theme/default"));
 var import_dark = __toESM(require("../theme/dark"));
+var import_compact = __toESM(require("../theme/compact"));
 var import_DefaultRenderEmpty = __toESM(require("./DefaultRenderEmpty"));
+var import_global = __toESM(require("../style/global"));
 __reExport(config_provider_exports, require("./navigate"), module.exports);
 __reExport(config_provider_exports, require("antd/es/config-provider/context"), module.exports);
 __reExport(config_provider_exports, require("antd/es/config-provider/SizeContext"), module.exports);
@@ -57,8 +59,8 @@ var ExtendedConfigContext = import_react.default.createContext({
   hideOnSinglePage: false,
   injectStaticFunction: true
 });
-var getLocaleTokenValue = (locale, tokenKey, tokenValue, tokenValueEn) => {
-  return tokenValue !== import_default.default.token[tokenKey] ? { [tokenKey]: tokenValue } : ["en", "en-gb"].includes(locale.locale) ? { [tokenKey]: tokenValueEn } : {};
+var getLocaleTokenValue = (mergedThemeToken, locale, tokenKey, tokenValue, tokenValueEn) => {
+  return tokenValue !== mergedThemeToken[tokenKey] ? { [tokenKey]: tokenValue } : ["en", "en-gb"].includes(locale.locale) ? { [tokenKey]: tokenValueEn } : {};
 };
 var ConfigProvider = ({
   children,
@@ -79,13 +81,43 @@ var ConfigProvider = ({
   var _a, _b, _c, _d;
   const parentContext = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
   const parentExtendedContext = import_react.default.useContext(ExtendedConfigContext);
-  const { isDark, isAliyun } = (0, import_lodash.merge)({}, parentContext.theme, theme);
-  const customTheme = isAliyun ? import_aliyun_theme.default : isDark ? import_dark.default : void 0;
+  const { isAliyun, isDark, isCompact } = (0, import_lodash.merge)({}, parentContext.theme, theme);
+  const aliyunThemeConfig = isAliyun ? import_aliyun_theme.default : void 0;
+  const darkThemeConfig = isDark && !isAliyun ? isCompact ? import_dark.default : {
+    ...import_dark.default,
+    token: {
+      ...import_dark.default.token,
+      ...Object.fromEntries(
+        Object.entries(import_default.default.token).filter(
+          ([key]) => {
+            var _a2;
+            return !((_a2 = key == null ? void 0 : key.toLowerCase()) == null ? void 0 : _a2.startsWith("color"));
+          }
+        )
+      )
+    }
+  } : void 0;
+  const compactThemeConfig = isCompact && !isAliyun ? isDark ? import_compact.default : {
+    ...import_compact.default,
+    token: {
+      ...import_compact.default.token,
+      ...Object.fromEntries(
+        Object.entries(import_default.default.token).filter(
+          ([key]) => {
+            var _a2;
+            return ((_a2 = key == null ? void 0 : key.toLowerCase()) == null ? void 0 : _a2.startsWith("color")) && !["colorBgBase", "colorTextBase"].includes(key);
+          }
+        )
+      )
+    }
+  } : void 0;
   const mergedTheme = (0, import_lodash.merge)(
     {},
-    customTheme ? {} : import_default.default,
+    isAliyun ? {} : isDark || isCompact ? import_theme.default.defaultSeed : import_default.default,
     parentContext.theme,
-    customTheme,
+    aliyunThemeConfig,
+    darkThemeConfig,
+    compactThemeConfig,
     theme
   );
   const { token } = import_theme.default.useToken();
@@ -154,9 +186,22 @@ var ConfigProvider = ({
       tabs: (0, import_lodash.merge)({}, parentContext.tabs, tabs),
       theme: (0, import_lodash.merge)({}, mergedTheme, {
         token: {
-          ...getLocaleTokenValue(mergedLocale, "fontFamily", fontFamily, import_default.fontFamilyEn),
-          ...getLocaleTokenValue(mergedLocale, "fontWeight", fontWeight, import_default.fontWeightEn),
           ...getLocaleTokenValue(
+            mergedTheme.token || {},
+            mergedLocale,
+            "fontFamily",
+            fontFamily,
+            import_default.fontFamilyEn
+          ),
+          ...getLocaleTokenValue(
+            mergedTheme.token || {},
+            mergedLocale,
+            "fontWeight",
+            fontWeight,
+            import_default.fontWeightEn
+          ),
+          ...getLocaleTokenValue(
+            mergedTheme.token || {},
             mergedLocale,
             "fontWeightStrong",
             fontWeightStrong,
@@ -175,10 +220,13 @@ var ConfigProvider = ({
             // inject static function to outermost ConfigProvider only
             injectStaticFunction: false
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_app.default, { component: false, ...appProps, children: [
-            children,
-            parentExtendedContext.injectStaticFunction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_static_function.default, {})
-          ] }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_global.default, { prefixCls: restProps.prefixCls }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_app.default, { component: false, ...appProps, children: [
+              children,
+              parentExtendedContext.injectStaticFunction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_static_function.default, {})
+            ] })
+          ] })
         }
       )
     }

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

@@ -5,17 +5,17 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
     key?: React.Key;
     label?: React.ReactNode;
     span?: number | "filled" | {
-        xxl?: number;
-        xl?: number;
-        lg?: number;
-        md?: number;
-        sm?: number;
         xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
     };
     style?: React.CSSProperties;
-    className?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
+    className?: string;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/descriptions/style/index.js

@@ -68,6 +68,9 @@ var genDescriptionsStyle = (token) => {
   return {
     [`${componentCls}`]: {
       ...genVerticalStyle("default", token),
+      [`${componentCls}-item-label`]: {
+        fontWeight: token.fontWeightWeak
+      },
       [`${componentCls}-item-container`]: {
         [`${componentCls}-item-content`]: {
           paddingRight: 12,

package/lib/form/style/index.js

@@ -28,9 +28,12 @@ var genFormStyle = (token) => {
   const { componentCls, calc } = token;
   return {
     [componentCls]: {
-      [`${componentCls}-item-extra`]: {
+      [`${componentCls}-item-explain, ${componentCls}-item-extra`]: {
         paddingTop: token.paddingXXS,
         fontSize: token.fontSizeSM
+      },
+      [`${componentCls}-item-explain + ${componentCls}-item-extra`]: {
+        paddingTop: 0
       }
     },
     [`${componentCls}${componentCls}-vertical`]: {

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import './global.css';
 export * from 'antd';
 export { version } from '../package.json';
 export { default as Alert } from './alert';

package/lib/index.js

@@ -72,7 +72,6 @@ __export(src_exports, {
   version: () => import_package.version
 });
 module.exports = __toCommonJS(src_exports);
-var import_global = require("./global.css");
 __reExport(src_exports, require("antd"), module.exports);
 var import_package = require("../package.json");
 var import_alert = __toESM(require("./alert"));

package/lib/input/Input.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { InputProps as AntInputProps, InputRef } from 'antd';
+import type { ShowCountFormatter } from 'rc-input/es/interface';
 export * from 'antd/es/input/Input';
 export interface InputLocale {
     placeholder?: string;
@@ -7,5 +8,6 @@ export interface InputLocale {
 export interface InputProps extends AntInputProps {
     locale?: InputLocale;
 }
+export declare const showCountFormatter: ShowCountFormatter;
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
 export default Input;

package/lib/input/Input.js

@@ -30,31 +30,54 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/input/Input.tsx
 var Input_exports = {};
 __export(Input_exports, {
-  default: () => Input_default
+  default: () => Input_default,
+  showCountFormatter: () => showCountFormatter
 });
 module.exports = __toCommonJS(Input_exports);
 var import_react = require("react");
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
+var import_style = __toESM(require("./style"));
 __reExport(Input_exports, require("antd/es/input/Input"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Input = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }, ref) => {
-  var _a, _b;
-  const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const inputLocale = {
-    placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
-    ...import_en_US.default.Input,
-    ...contextLocale == null ? void 0 : contextLocale.Input,
-    ...customLocale
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
-});
+var showCountFormatter = ({ count, maxLength }) => {
+  return `${count}/${maxLength}`;
+};
+var Input = (0, import_react.forwardRef)(
+  ({ prefixCls: customizePrefixCls, locale: customLocale, showCount, ...restProps }, ref) => {
+    var _a, _b;
+    const { getPrefixCls, locale: contextLocale } = (0, import_react.useContext)(
+      import_config_provider.default.ConfigContext
+    );
+    const inputLocale = {
+      placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
+      ...import_en_US.default.Input,
+      ...contextLocale == null ? void 0 : contextLocale.Input,
+      ...customLocale
+    };
+    const prefixCls = getPrefixCls("input", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Input,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          placeholder: inputLocale.placeholder,
+          showCount: showCount === true ? { formatter: showCountFormatter } : showCount,
+          ...restProps
+        }
+      )
+    );
+  }
+);
 if (process.env.NODE_ENV !== "production") {
   Input.displayName = "Input";
 }
 var Input_default = Input;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  showCountFormatter,
   ...require("antd/es/input/Input")
 });

package/lib/input/Password.js

@@ -37,19 +37,36 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
+var import_Input = require("./Input");
+var import_style = __toESM(require("./style"));
 __reExport(Password_exports, require("antd/es/input/Password"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var Password = (0, import_react.forwardRef)(
-  ({ locale: customLocale, ...restProps }, ref) => {
+  ({ prefixCls: customizePrefixCls, locale: customLocale, showCount, ...restProps }, ref) => {
     var _a, _b;
-    const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { getPrefixCls, locale: contextLocale } = (0, import_react.useContext)(
+      import_config_provider.default.ConfigContext
+    );
+    const prefixCls = getPrefixCls("input", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
     const inputLocale = {
       placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
       ...import_en_US.default.Input,
       ...contextLocale == null ? void 0 : contextLocale.Input,
       ...customLocale
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Password, { ref, placeholder: inputLocale.placeholder, ...restProps });
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Input.Password,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          placeholder: inputLocale.placeholder,
+          showCount: showCount === true ? { formatter: import_Input.showCountFormatter } : showCount,
+          ...restProps
+        }
+      )
+    );
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/input/Search.js

@@ -37,19 +37,38 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
+var import_Input = require("./Input");
+var import_style = __toESM(require("./style"));
 __reExport(Search_exports, require("antd/es/input/Search"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Search = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }, ref) => {
-  var _a, _b;
-  const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const inputLocale = {
-    placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
-    ...import_en_US.default.Input,
-    ...contextLocale == null ? void 0 : contextLocale.Input,
-    ...customLocale
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Search, { ref, placeholder: inputLocale.placeholder, ...restProps });
-});
+var Search = (0, import_react.forwardRef)(
+  ({ prefixCls: customizePrefixCls, locale: customLocale, showCount, ...restProps }, ref) => {
+    var _a, _b;
+    const { getPrefixCls, locale: contextLocale } = (0, import_react.useContext)(
+      import_config_provider.default.ConfigContext
+    );
+    const prefixCls = getPrefixCls("input", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const inputLocale = {
+      placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
+      ...import_en_US.default.Input,
+      ...contextLocale == null ? void 0 : contextLocale.Input,
+      ...customLocale
+    };
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Input.Search,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          placeholder: inputLocale.placeholder,
+          showCount: showCount === true ? { formatter: import_Input.showCountFormatter } : showCount,
+          ...restProps
+        }
+      )
+    );
+  }
+);
 if (process.env.NODE_ENV !== "production") {
   Search.displayName = "Search";
 }

package/lib/input/TextArea.js

@@ -37,19 +37,36 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
+var import_Input = require("./Input");
+var import_style = __toESM(require("./style"));
 __reExport(TextArea_exports, require("antd/es/input/TextArea"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var TextArea = (0, import_react.forwardRef)(
-  ({ locale: customLocale, ...restProps }, ref) => {
+  ({ prefixCls: customizePrefixCls, locale: customLocale, showCount, ...restProps }, ref) => {
     var _a, _b;
-    const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { getPrefixCls, locale: contextLocale } = (0, import_react.useContext)(
+      import_config_provider.default.ConfigContext
+    );
+    const prefixCls = getPrefixCls("input", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
     const inputLocale = {
       placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
       ...import_en_US.default.Input,
       ...contextLocale == null ? void 0 : contextLocale.Input,
       ...customLocale
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { ref, placeholder: inputLocale.placeholder, ...restProps });
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Input.TextArea,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          placeholder: inputLocale.placeholder,
+          showCount: showCount === true ? { formatter: import_Input.showCountFormatter } : showCount,
+          ...restProps
+        }
+      )
+    );
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '../../theme/interface';
+export type InputToken = FullToken<'Input'>;
+export declare const genInputStyle: GenerateStyle<InputToken>;
+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/input/style/index.js

@@ -0,0 +1,46 @@
+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/input/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genInputStyle: () => genInputStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genInputStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}-affix-wrapper`]: {
+      [`${componentCls}-suffix`]: {
+        fontSize: token.fontSizeSM
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Input", (token) => {
+    return [genInputStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genInputStyle
+});

package/lib/input-number/index.js

@@ -37,19 +37,34 @@ var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
+var import_style = __toESM(require("./style"));
 __reExport(input_number_exports, require("antd/es/input-number"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var InternalInputNumber = import_react.default.forwardRef(
-  ({ locale: customLocale, ...restProps }, ref) => {
+  ({ prefixCls: customizePrefixCls, locale: customLocale, ...restProps }, ref) => {
     var _a, _b;
-    const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { getPrefixCls, locale: contextLocale } = (0, import_react.useContext)(
+      import_config_provider.default.ConfigContext
+    );
+    const prefixCls = getPrefixCls("input-number", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
     const inputNumberLocale = {
       placeholder: ((_a = contextLocale == null ? void 0 : contextLocale.global) == null ? void 0 : _a.inputPlaceholder) || ((_b = import_en_US.default.global) == null ? void 0 : _b.inputPlaceholder),
       ...import_en_US.default.InputNumber,
       ...contextLocale == null ? void 0 : contextLocale.InputNumber,
       ...customLocale
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.InputNumber, { ref, placeholder: inputNumberLocale.placeholder, ...restProps });
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.InputNumber,
+        {
+          ref,
+          prefixCls: customizePrefixCls,
+          placeholder: inputNumberLocale.placeholder,
+          ...restProps
+        }
+      )
+    );
   }
 );
 var InputNumber = InternalInputNumber;

package/lib/input-number/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '../../theme/interface';
+export type InputNumberToken = FullToken<'InputNumber'>;
+export declare const genInputStyle: GenerateStyle<InputNumberToken>;
+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/input-number/style/index.js

@@ -0,0 +1,51 @@
+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/input-number/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genInputStyle: () => genInputStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genInputStyle = (token) => {
+  const { antCls, componentCls } = token;
+  const selectComponentCls = `${antCls}-select-selector`;
+  return {
+    [`${componentCls}-group-wrapper`]: {
+      [`${componentCls}-group-addon`]: {
+        color: token.colorTextTertiary,
+        fontSize: token.fontSizeSM,
+        [selectComponentCls]: {
+          color: token.colorTextTertiary
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("InputNumber", (token) => {
+    return [genInputStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genInputStyle
+});

package/lib/locale/ja-JP.js

@@ -44,13 +44,13 @@ var ja_JP_default = {
     total: "合計 ${total} 件"
   },
   Drawer: {
-    okText: "確定",
+    okText: "OK",
     cancelText: "キャンセル"
   },
   Table: {
     ...import_ja_JP.default.Table,
     batchOperationBar: {
-      selected: "選択済み",
+      selected: "選択中",
       object: "件",
       cancel: "キャンセル",
       collapse: "折りたたむ",

package/lib/segmented/index.d.ts

@@ -6,6 +6,7 @@ import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
 type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
+    icon?: React.ReactNode;
     ellipsis?: EllipsisConfig;
     badge?: BadgeType;
 };

package/lib/segmented/index.js

@@ -57,11 +57,18 @@ var Segmented = import_react.default.forwardRef(
     }, []);
     const newOptions = options == null ? void 0 : options.map((item) => {
       if (typeof item === "object") {
-        const { label, badge, ...restItem } = item;
+        const {
+          label,
+          icon,
+          badge,
+          ellipsis = { tooltip: true },
+          ...restItem
+        } = item;
         return {
           ...restItem,
-          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 4, align: "center", justify: "center", children: [
-            (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis: item.ellipsis, children: label }) : label,
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", justify: "center", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-item-icon`, children: icon }),
+            ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis, children: label }) : label,
             badge && renderBadge(badge)
           ] })
         };

package/lib/segmented/style/index.js

@@ -45,6 +45,7 @@ var genSegmentedStyle = (token) => {
       [`>${componentCls}-item`]: {
         [`>${componentCls}-item-label`]: {
           [`${antCls}-badge >${antCls}-badge-count`]: {
+            marginInlineStart: 4,
             backgroundColor: colorFillSecondary,
             color: "inherit",
             boxShadow: "none"

package/lib/style/global.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'antd/dist/reset.css';
+export interface GlobalStyleProps {
+    prefixCls?: string;
+}
+declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export { GlobalStyle };
+export default GlobalStyle;