@oceanbase/design 0.4.16 → 0.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/card/style/index.js +4 -2
  3. package/es/form/FormItem.d.ts +1 -0
  4. package/es/form/FormItem.js +1 -0
  5. package/es/input-number/index.d.ts +2 -1
  6. package/es/locale/ja-JP.d.ts +3 -0
  7. package/es/locale/ja-JP.js +28 -0
  8. package/es/table/index.d.ts +2 -2
  9. package/es/table/style/index.js +1 -3
  10. package/es/tabs/index.d.ts +8 -6
  11. package/es/tabs/index.js +10 -7
  12. package/es/tabs/style/index.js +2 -3
  13. package/es/typography/style/index.js +2 -6
  14. package/lib/alert/index.js +7 -6
  15. package/lib/badge/index.js +21 -18
  16. package/lib/button/index.js +2 -1
  17. package/lib/card/index.js +9 -5
  18. package/lib/card/style/index.js +9 -1
  19. package/lib/checkbox/index.js +2 -1
  20. package/lib/config-provider/DefaultRenderEmpty.js +4 -3
  21. package/lib/config-provider/index.js +20 -16
  22. package/lib/descriptions/hooks/useItems.js +5 -4
  23. package/lib/descriptions/index.js +3 -2
  24. package/lib/drawer/index.js +38 -29
  25. package/lib/dropdown/dropdown-button.js +3 -13
  26. package/lib/dropdown/index.js +2 -2
  27. package/lib/empty/colored.js +413 -327
  28. package/lib/empty/database.js +267 -222
  29. package/lib/empty/default.js +16 -21
  30. package/lib/empty/guide.js +201 -184
  31. package/lib/empty/index.js +23 -17
  32. package/lib/form/FormItem.d.ts +1 -0
  33. package/lib/form/FormItem.js +15 -5
  34. package/lib/form/index.js +6 -3
  35. package/lib/grid/col.js +2 -1
  36. package/lib/grid/row.js +2 -1
  37. package/lib/input/Input.js +3 -2
  38. package/lib/input/Password.js +3 -2
  39. package/lib/input/Search.js +3 -2
  40. package/lib/input/TextArea.js +3 -2
  41. package/lib/input-number/index.d.ts +2 -1
  42. package/lib/input-number/index.js +2 -1
  43. package/lib/list/index.js +3 -2
  44. package/lib/locale/ja-JP.d.ts +3 -0
  45. package/lib/locale/ja-JP.js +60 -0
  46. package/lib/lottie/index.js +2 -1
  47. package/lib/modal/Modal.js +7 -3
  48. package/lib/modal/Progress.js +9 -5
  49. package/lib/radio/index.js +2 -1
  50. package/lib/result/403.js +156 -121
  51. package/lib/result/404.js +328 -267
  52. package/lib/result/500.js +295 -257
  53. package/lib/result/Error.js +127 -99
  54. package/lib/result/Processing.js +246 -213
  55. package/lib/result/Success.js +233 -169
  56. package/lib/result/Warning.js +611 -515
  57. package/lib/result/index.js +10 -9
  58. package/lib/segmented/index.js +8 -4
  59. package/lib/select/index.js +2 -1
  60. package/lib/slider/index.js +2 -1
  61. package/lib/space/index.js +2 -1
  62. package/lib/spin/index.js +5 -4
  63. package/lib/switch/index.js +2 -1
  64. package/lib/table/index.d.ts +2 -2
  65. package/lib/table/index.js +44 -31
  66. package/lib/table/style/index.js +2 -4
  67. package/lib/tabs/index.d.ts +8 -6
  68. package/lib/tabs/index.js +73 -62
  69. package/lib/tabs/style/index.js +6 -4
  70. package/lib/tag/index.js +9 -5
  71. package/lib/tooltip/MouseTooltip.js +43 -39
  72. package/lib/tooltip/ReactStickyMouseTooltip.js +5 -4
  73. package/lib/tooltip/index.js +14 -10
  74. package/lib/tree-select/index.js +2 -1
  75. package/lib/typography/Link.js +5 -4
  76. package/lib/typography/Paragraph.js +5 -4
  77. package/lib/typography/Text.js +5 -4
  78. package/lib/typography/Title.js +5 -4
  79. package/lib/typography/style/index.js +2 -9
  80. package/package.json +8 -8
@@ -33,11 +33,12 @@ __export(Input_exports, {
33
33
  default: () => Input_default
34
34
  });
35
35
  module.exports = __toCommonJS(Input_exports);
36
- var import_react = __toESM(require("react"));
36
+ var import_react = require("react");
37
37
  var import_antd = require("antd");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_en_US = __toESM(require("../locale/en-US"));
40
40
  __reExport(Input_exports, require("antd/es/input/Input"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var Input = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }, ref) => {
42
43
  var _a, _b;
43
44
  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 }
47
48
  ...contextLocale == null ? void 0 : contextLocale.Input,
48
49
  ...customLocale
49
50
  };
50
- return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
51
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
51
52
  });
52
53
  if (process.env.NODE_ENV !== "production") {
53
54
  Input.displayName = "Input";
@@ -33,11 +33,12 @@ __export(Password_exports, {
33
33
  default: () => Password_default
34
34
  });
35
35
  module.exports = __toCommonJS(Password_exports);
36
- var import_react = __toESM(require("react"));
36
+ var import_react = require("react");
37
37
  var import_antd = require("antd");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_en_US = __toESM(require("../locale/en-US"));
40
40
  __reExport(Password_exports, require("antd/es/input/Password"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var Password = (0, import_react.forwardRef)(
42
43
  ({ locale: customLocale, ...restProps }, ref) => {
43
44
  var _a, _b;
@@ -48,7 +49,7 @@ var Password = (0, import_react.forwardRef)(
48
49
  ...contextLocale == null ? void 0 : contextLocale.Input,
49
50
  ...customLocale
50
51
  };
51
- return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Password, { ref, placeholder: inputLocale.placeholder, ...restProps });
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Password, { ref, placeholder: inputLocale.placeholder, ...restProps });
52
53
  }
53
54
  );
54
55
  if (process.env.NODE_ENV !== "production") {
@@ -33,11 +33,12 @@ __export(Search_exports, {
33
33
  default: () => Search_default
34
34
  });
35
35
  module.exports = __toCommonJS(Search_exports);
36
- var import_react = __toESM(require("react"));
36
+ var import_react = require("react");
37
37
  var import_antd = require("antd");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_en_US = __toESM(require("../locale/en-US"));
40
40
  __reExport(Search_exports, require("antd/es/input/Search"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var Search = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }, ref) => {
42
43
  var _a, _b;
43
44
  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
47
48
  ...contextLocale == null ? void 0 : contextLocale.Input,
48
49
  ...customLocale
49
50
  };
50
- return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Search, { ref, placeholder: inputLocale.placeholder, ...restProps });
51
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Search, { ref, placeholder: inputLocale.placeholder, ...restProps });
51
52
  });
52
53
  if (process.env.NODE_ENV !== "production") {
53
54
  Search.displayName = "Search";
@@ -33,11 +33,12 @@ __export(TextArea_exports, {
33
33
  default: () => TextArea_default
34
34
  });
35
35
  module.exports = __toCommonJS(TextArea_exports);
36
- var import_react = __toESM(require("react"));
36
+ var import_react = require("react");
37
37
  var import_antd = require("antd");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_en_US = __toESM(require("../locale/en-US"));
40
40
  __reExport(TextArea_exports, require("antd/es/input/TextArea"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var TextArea = (0, import_react.forwardRef)(
42
43
  ({ locale: customLocale, ...restProps }, ref) => {
43
44
  var _a, _b;
@@ -48,7 +49,7 @@ var TextArea = (0, import_react.forwardRef)(
48
49
  ...contextLocale == null ? void 0 : contextLocale.Input,
49
50
  ...customLocale
50
51
  };
51
- return /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { ref, placeholder: inputLocale.placeholder, ...restProps });
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { ref, placeholder: inputLocale.placeholder, ...restProps });
52
53
  }
53
54
  );
54
55
  if (process.env.NODE_ENV !== "production") {
@@ -8,7 +8,8 @@ export interface InputNumberLocale {
8
8
  export interface InputNumberProps extends AntInputNumberProps {
9
9
  locale?: InputNumberLocale;
10
10
  }
11
- type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>> & {
11
+ type InputNumberRef = React.ComponentRef<typeof AntInputNumber>;
12
+ type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>> & {
12
13
  _InternalPanelDoNotUseOrYouWillBeFired: typeof AntInputNumber._InternalPanelDoNotUseOrYouWillBeFired;
13
14
  };
14
15
  declare const InputNumber: CompoundedComponent;
@@ -38,6 +38,7 @@ var import_react = __toESM(require("react"));
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_en_US = __toESM(require("../locale/en-US"));
40
40
  __reExport(input_number_exports, require("antd/es/input-number"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var InternalInputNumber = import_react.default.forwardRef(
42
43
  ({ locale: customLocale, ...restProps }, ref) => {
43
44
  var _a, _b;
@@ -48,7 +49,7 @@ var InternalInputNumber = import_react.default.forwardRef(
48
49
  ...contextLocale == null ? void 0 : contextLocale.InputNumber,
49
50
  ...customLocale
50
51
  };
51
- return /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, { ref, placeholder: inputNumberLocale.placeholder, ...restProps });
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.InputNumber, { ref, placeholder: inputNumberLocale.placeholder, ...restProps });
52
53
  }
53
54
  );
54
55
  var InputNumber = InternalInputNumber;
package/lib/list/index.js CHANGED
@@ -33,14 +33,15 @@ __export(list_exports, {
33
33
  default: () => list_default
34
34
  });
35
35
  module.exports = __toCommonJS(list_exports);
36
- var import_react = __toESM(require("react"));
36
+ var import_react = require("react");
37
37
  var import_antd = require("antd");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  __reExport(list_exports, require("antd/es/list"), module.exports);
40
40
  __reExport(list_exports, require("antd/es/list/Item"), module.exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  function List({ pagination, ...restProps }) {
42
43
  const extendedContext = (0, import_react.useContext)(import_config_provider.default.ExtendedConfigContext);
43
- return /* @__PURE__ */ import_react.default.createElement(
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
44
45
  import_antd.List,
45
46
  {
46
47
  ...restProps,
@@ -0,0 +1,3 @@
1
+ import type { Locale } from '.';
2
+ declare const _default: Locale;
3
+ export default _default;
@@ -0,0 +1,60 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/locale/ja-JP.ts
30
+ var ja_JP_exports = {};
31
+ __export(ja_JP_exports, {
32
+ default: () => ja_JP_default
33
+ });
34
+ module.exports = __toCommonJS(ja_JP_exports);
35
+ var import_ja_JP = __toESM(require("antd/es/locale/ja_JP"));
36
+ var ja_JP_default = {
37
+ ...import_ja_JP.default,
38
+ global: {
39
+ ...import_ja_JP.default.global,
40
+ inputPlaceholder: "入力してください"
41
+ },
42
+ Pagination: {
43
+ ...import_ja_JP.default.Pagination,
44
+ total: "合計 ${total} 件"
45
+ },
46
+ Drawer: {
47
+ okText: "確定",
48
+ cancelText: "キャンセル"
49
+ },
50
+ Table: {
51
+ ...import_ja_JP.default.Table,
52
+ batchOperationBar: {
53
+ selected: "選択済み",
54
+ object: "件",
55
+ cancel: "キャンセル",
56
+ collapse: "折りたたむ",
57
+ open: "展開"
58
+ }
59
+ }
60
+ };
@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
36
36
  var import_design = require("../index");
37
37
  var import_ahooks = require("ahooks");
38
38
  var import_classnames = __toESM(require("classnames"));
39
+ var import_jsx_runtime = require("react/jsx-runtime");
39
40
  var Lottie = import_react.default.forwardRef(
40
41
  ({ mode = "default", loop = true, speed = 1, className, style, ...restProps }, ref) => {
41
42
  const { iconPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
@@ -63,7 +64,7 @@ var Lottie = import_react.default.forwardRef(
63
64
  (0, import_react.useImperativeHandle)(ref, () => ({
64
65
  animation
65
66
  }));
66
- return /* @__PURE__ */ import_react.default.createElement(
67
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
67
68
  "div",
68
69
  {
69
70
  ref: containerRef,
@@ -34,11 +34,12 @@ __export(Modal_exports, {
34
34
  module.exports = __toCommonJS(Modal_exports);
35
35
  var import_antd = require("antd");
36
36
  var import_classnames = __toESM(require("classnames"));
37
- var import_react = __toESM(require("react"));
37
+ var import_react = require("react");
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_space = __toESM(require("../space"));
40
40
  var import_static_function = require("../static-function");
41
41
  var import_style = __toESM(require("./style"));
42
+ var import_jsx_runtime = require("react/jsx-runtime");
42
43
  var Modal = ({
43
44
  extra,
44
45
  footer,
@@ -51,11 +52,14 @@ var Modal = ({
51
52
  const { wrapSSR } = (0, import_style.default)(prefixCls);
52
53
  const modalCls = (0, import_classnames.default)(className);
53
54
  return wrapSSR(
54
- /* @__PURE__ */ import_react.default.createElement(
55
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
56
  import_antd.Modal,
56
57
  {
57
58
  destroyOnClose: true,
58
- 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,
59
+ footer: footer === false ? null : extra ? (originNode) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-footer-content`, children: [
60
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-footer-extra`, children: extra }),
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_space.default, { children: originNode })
62
+ ] }) : footer,
59
63
  prefixCls: customizePrefixCls,
60
64
  className: modalCls,
61
65
  ...restProps
@@ -32,12 +32,13 @@ __export(Progress_exports, {
32
32
  default: () => Progress_default
33
33
  });
34
34
  module.exports = __toCommonJS(Progress_exports);
35
- var import_react = __toESM(require("react"));
35
+ var import_react = require("react");
36
36
  var import_antd = require("antd");
37
37
  var import_classnames = __toESM(require("classnames"));
38
38
  var import_config_provider = __toESM(require("../config-provider"));
39
39
  var import_Modal = __toESM(require("./Modal"));
40
40
  var import_icons = require("@oceanbase/icons");
41
+ var import_jsx_runtime = require("react/jsx-runtime");
41
42
  var Progress = ({
42
43
  prefixCls: customizePrefixCls,
43
44
  className,
@@ -52,7 +53,7 @@ var Progress = ({
52
53
  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
53
54
  const prefixCls = getPrefixCls("modal", customizePrefixCls);
54
55
  const progressModalCls = (0, import_classnames.default)(`${prefixCls}-progress`, className);
55
- return /* @__PURE__ */ import_react.default.createElement(
56
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
57
  import_Modal.default,
57
58
  {
58
59
  prefixCls: customizePrefixCls,
@@ -60,9 +61,12 @@ var Progress = ({
60
61
  width,
61
62
  maskClosable,
62
63
  footer,
63
- ...restProps
64
- },
65
- /* @__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))
64
+ ...restProps,
65
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
66
+ 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 }),
67
+ description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-progress-description`, children: description })
68
+ ] })
69
+ }
66
70
  );
67
71
  };
68
72
  if (process.env.NODE_ENV !== "production") {
@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
39
39
  var import_config_provider = __toESM(require("../config-provider"));
40
40
  var import_style = __toESM(require("./style"));
41
41
  __reExport(radio_exports, require("antd/es/radio"), module.exports);
42
+ var import_jsx_runtime = require("react/jsx-runtime");
42
43
  var InternalRadio = import_react.default.forwardRef(
43
44
  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
44
45
  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var InternalRadio = import_react.default.forwardRef(
46
47
  const { wrapSSR } = (0, import_style.default)(prefixCls);
47
48
  const radioCls = (0, import_classnames.default)(className);
48
49
  return wrapSSR(
49
- /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
50
51
  );
51
52
  }
52
53
  );