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

package/lib/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/lib/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Alert: () => import_alert.default,
+  App: () => import_app.default,
   Badge: () => import_badge.default,
   Breadcrumb: () => import_breadcrumb.default,
   Button: () => import_button.default,
@@ -80,6 +81,7 @@ var import_space = __toESM(require("./space"));
 var import_grid = require("./grid");
 var import_typography = __toESM(require("./typography"));
 var import_card = __toESM(require("./card"));
+var import_app = __toESM(require("./app"));
 var import_config_provider = __toESM(require("./config-provider"));
 var import_descriptions = __toESM(require("./descriptions"));
 var import_empty = __toESM(require("./empty"));
@@ -113,6 +115,7 @@ var { useToken } = import_theme2.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
+  App,
   Badge,
   Breadcrumb,
   Button,

package/lib/input/Input.js

@@ -33,11 +33,12 @@ __export(Input_exports, {
   default: () => Input_default
 });
 module.exports = __toCommonJS(Input_exports);
-var import_react = __toESM(require("react"));
+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"));
 __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);
@@ -47,7 +48,7 @@ var Input = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }
     ...contextLocale == null ? void 0 : contextLocale.Input,
     ...customLocale
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
 });
 if (process.env.NODE_ENV !== "production") {
   Input.displayName = "Input";

package/lib/input/Password.js

@@ -33,11 +33,12 @@ __export(Password_exports, {
   default: () => Password_default
 });
 module.exports = __toCommonJS(Password_exports);
-var import_react = __toESM(require("react"));
+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"));
 __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) => {
     var _a, _b;
@@ -48,7 +49,7 @@ var Password = (0, import_react.forwardRef)(
       ...contextLocale == null ? void 0 : contextLocale.Input,
       ...customLocale
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Password, { ref, placeholder: inputLocale.placeholder, ...restProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Password, { ref, placeholder: inputLocale.placeholder, ...restProps });
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/input/Search.js

@@ -33,11 +33,12 @@ __export(Search_exports, {
   default: () => Search_default
 });
 module.exports = __toCommonJS(Search_exports);
-var import_react = __toESM(require("react"));
+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"));
 __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);
@@ -47,7 +48,7 @@ var Search = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps
     ...contextLocale == null ? void 0 : contextLocale.Input,
     ...customLocale
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Search, { ref, placeholder: inputLocale.placeholder, ...restProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Search, { ref, placeholder: inputLocale.placeholder, ...restProps });
 });
 if (process.env.NODE_ENV !== "production") {
   Search.displayName = "Search";

package/lib/input/TextArea.js

@@ -33,11 +33,12 @@ __export(TextArea_exports, {
   default: () => TextArea_default
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_react = __toESM(require("react"));
+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"));
 __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) => {
     var _a, _b;
@@ -48,7 +49,7 @@ var TextArea = (0, import_react.forwardRef)(
       ...contextLocale == null ? void 0 : contextLocale.Input,
       ...customLocale
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { ref, placeholder: inputLocale.placeholder, ...restProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { ref, placeholder: inputLocale.placeholder, ...restProps });
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/input-number/index.js

@@ -38,6 +38,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
 __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) => {
     var _a, _b;
@@ -48,7 +49,7 @@ var InternalInputNumber = import_react.default.forwardRef(
       ...contextLocale == null ? void 0 : contextLocale.InputNumber,
       ...customLocale
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, { ref, placeholder: inputNumberLocale.placeholder, ...restProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.InputNumber, { ref, placeholder: inputNumberLocale.placeholder, ...restProps });
   }
 );
 var InputNumber = InternalInputNumber;

package/lib/list/index.js

@@ -33,14 +33,15 @@ __export(list_exports, {
   default: () => list_default
 });
 module.exports = __toCommonJS(list_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_config_provider = __toESM(require("../config-provider"));
 __reExport(list_exports, require("antd/es/list"), module.exports);
 __reExport(list_exports, require("antd/es/list/Item"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 function List({ pagination, ...restProps }) {
   const extendedContext = (0, import_react.useContext)(import_config_provider.default.ExtendedConfigContext);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.List,
     {
       ...restProps,

package/lib/lottie/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_design = require("../index");
 var import_ahooks = require("ahooks");
 var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var Lottie = import_react.default.forwardRef(
   ({ mode = "default", loop = true, speed = 1, className, style, ...restProps }, ref) => {
     const { iconPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
@@ -63,7 +64,7 @@ var Lottie = import_react.default.forwardRef(
     (0, import_react.useImperativeHandle)(ref, () => ({
       animation
     }));
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: containerRef,

package/lib/modal/Modal.js

@@ -34,11 +34,12 @@ __export(Modal_exports, {
 module.exports = __toCommonJS(Modal_exports);
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_space = __toESM(require("../space"));
 var import_static_function = require("../static-function");
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var Modal = ({
   extra,
   footer,
@@ -51,11 +52,14 @@ var Modal = ({
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const modalCls = (0, import_classnames.default)(className);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Modal,
       {
         destroyOnClose: true,
-        footer: footer === false ? null : extra ? (originNode) => /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer-content` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer-extra` }, extra), /* @__PURE__ */ import_react.default.createElement(import_space.default, null, originNode)) : footer,
+        footer: footer === false ? null : extra ? (originNode) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-footer-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-footer-extra`, children: extra }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_space.default, { children: originNode })
+        ] }) : footer,
         prefixCls: customizePrefixCls,
         className: modalCls,
         ...restProps

package/lib/modal/Progress.js

@@ -32,12 +32,13 @@ __export(Progress_exports, {
   default: () => Progress_default
 });
 module.exports = __toCommonJS(Progress_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_Modal = __toESM(require("./Modal"));
 var import_icons = require("@oceanbase/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Progress = ({
   prefixCls: customizePrefixCls,
   className,
@@ -52,7 +53,7 @@ var Progress = ({
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("modal", customizePrefixCls);
   const progressModalCls = (0, import_classnames.default)(`${prefixCls}-progress`, className);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Modal.default,
     {
       prefixCls: customizePrefixCls,
@@ -60,9 +61,12 @@ var Progress = ({
       width,
       maskClosable,
       footer,
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, loading ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, { className: `${prefixCls}-progress-loading` }) : /* @__PURE__ */ import_react.default.createElement(import_antd.Progress, { type: "circle", size: 200, ...progress }), description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-progress-description` }, description))
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { className: `${prefixCls}-progress-loading` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Progress, { type: "circle", size: 200, ...progress }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-progress-description`, children: description })
+      ] })
+    }
   );
 };
 if (process.env.NODE_ENV !== "production") {

package/lib/modal/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 ModalToken = FullToken<'Modal'>;
 export declare const genModalStyle: GenerateStyle<ModalToken>;
 declare const _default: (prefixCls: string) => {

package/lib/radio/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(radio_exports, require("antd/es/radio"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalRadio = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var InternalRadio = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const radioCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
     );
   }
 );

package/lib/radio/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 RadioToken = FullToken<'Radio'>;
 export declare const genRadioStyle: GenerateStyle<RadioToken>;
 declare const _default: (prefixCls: string) => {