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

package/lib/index.js

@@ -1,155 +1,336 @@
-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 });
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useToken: true,
+  version: true,
+  Alert: true,
+  Button: true,
+  Space: true,
+  Col: true,
+  Row: true,
+  Typography: true,
+  Card: true,
+  App: true,
+  ConfigProvider: true,
+  Descriptions: true,
+  Empty: true,
+  Form: true,
+  Modal: true,
+  Drawer: true,
+  message: true,
+  notification: true,
+  token: true,
+  List: true,
+  Table: true,
+  Tabs: true,
+  Tag: true,
+  Input: true,
+  InputNumber: true,
+  Radio: true,
+  Checkbox: true,
+  Switch: true,
+  Select: true,
+  TreeSelect: true,
+  Slider: true,
+  Tooltip: true,
+  Segmented: true,
+  Breadcrumb: true,
+  Dropdown: true,
+  Result: true,
+  Spin: true,
+  Badge: true,
+  Lottie: true,
+  theme: 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 });
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () {
+    return _alert.default;
   }
-  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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Alert: () => import_alert.default,
-  Badge: () => import_badge.default,
-  Breadcrumb: () => import_breadcrumb.default,
-  Button: () => import_button.default,
-  Card: () => import_card.default,
-  Checkbox: () => import_checkbox.default,
-  Col: () => import_grid.Col,
-  ConfigProvider: () => import_config_provider.default,
-  Descriptions: () => import_descriptions.default,
-  Drawer: () => import_drawer.default,
-  Dropdown: () => import_dropdown.default,
-  Empty: () => import_empty.default,
-  Form: () => import_form.default,
-  Input: () => import_input.default,
-  InputNumber: () => import_input_number.default,
-  List: () => import_list.default,
-  Lottie: () => import_lottie.default,
-  Modal: () => import_modal.default,
-  Radio: () => import_radio.default,
-  Result: () => import_result.default,
-  Row: () => import_grid.Row,
-  Segmented: () => import_segmented.default,
-  Select: () => import_select.default,
-  Slider: () => import_slider.default,
-  Space: () => import_space.default,
-  Spin: () => import_spin.default,
-  Switch: () => import_switch.default,
-  Table: () => import_table.default,
-  Tabs: () => import_tabs.default,
-  Tag: () => import_tag.default,
-  Tooltip: () => import_tooltip.default,
-  TreeSelect: () => import_tree_select.default,
-  Typography: () => import_typography.default,
-  message: () => import_static_function.message,
-  notification: () => import_static_function.notification,
-  theme: () => import_theme.default,
-  token: () => import_static_function.token,
-  useToken: () => useToken,
-  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"));
-var import_button = __toESM(require("./button"));
-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_config_provider = __toESM(require("./config-provider"));
-var import_descriptions = __toESM(require("./descriptions"));
-var import_empty = __toESM(require("./empty"));
-var import_form = __toESM(require("./form"));
-var import_modal = __toESM(require("./modal"));
-var import_drawer = __toESM(require("./drawer"));
-var import_static_function = require("./static-function");
-var import_list = __toESM(require("./list"));
-var import_table = __toESM(require("./table"));
-var import_tabs = __toESM(require("./tabs"));
-var import_tag = __toESM(require("./tag"));
-var import_input = __toESM(require("./input"));
-var import_input_number = __toESM(require("./input-number"));
-var import_radio = __toESM(require("./radio"));
-var import_checkbox = __toESM(require("./checkbox"));
-var import_switch = __toESM(require("./switch"));
-var import_select = __toESM(require("./select"));
-var import_tree_select = __toESM(require("./tree-select"));
-var import_slider = __toESM(require("./slider"));
-var import_tooltip = __toESM(require("./tooltip"));
-var import_segmented = __toESM(require("./segmented"));
-var import_breadcrumb = __toESM(require("./breadcrumb"));
-var import_dropdown = __toESM(require("./dropdown"));
-var import_result = __toESM(require("./result"));
-var import_spin = __toESM(require("./spin"));
-var import_badge = __toESM(require("./badge"));
-var import_lottie = __toESM(require("./lottie"));
-var import_theme = __toESM(require("./theme"));
-var import_theme2 = __toESM(require("./theme"));
-var { useToken } = import_theme2.default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Alert,
-  Badge,
-  Breadcrumb,
-  Button,
-  Card,
-  Checkbox,
-  Col,
-  ConfigProvider,
-  Descriptions,
-  Drawer,
-  Dropdown,
-  Empty,
-  Form,
-  Input,
-  InputNumber,
-  List,
-  Lottie,
-  Modal,
-  Radio,
-  Result,
-  Row,
-  Segmented,
-  Select,
-  Slider,
-  Space,
-  Spin,
-  Switch,
-  Table,
-  Tabs,
-  Tag,
-  Tooltip,
-  TreeSelect,
-  Typography,
-  message,
-  notification,
-  theme,
-  token,
-  useToken,
-  version,
-  ...require("antd")
 });
+Object.defineProperty(exports, "App", {
+  enumerable: true,
+  get: function () {
+    return _app.default;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _badge.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () {
+    return _breadcrumb.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _card.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function () {
+    return _grid.Col;
+  }
+});
+Object.defineProperty(exports, "ConfigProvider", {
+  enumerable: true,
+  get: function () {
+    return _configProvider.default;
+  }
+});
+Object.defineProperty(exports, "Descriptions", {
+  enumerable: true,
+  get: function () {
+    return _descriptions.default;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () {
+    return _drawer.default;
+  }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function () {
+    return _dropdown.default;
+  }
+});
+Object.defineProperty(exports, "Empty", {
+  enumerable: true,
+  get: function () {
+    return _empty.default;
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () {
+    return _form.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _input.default;
+  }
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function () {
+    return _inputNumber.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function () {
+    return _list.default;
+  }
+});
+Object.defineProperty(exports, "Lottie", {
+  enumerable: true,
+  get: function () {
+    return _lottie.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    return _modal.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "Result", {
+  enumerable: true,
+  get: function () {
+    return _result.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _grid.Row;
+  }
+});
+Object.defineProperty(exports, "Segmented", {
+  enumerable: true,
+  get: function () {
+    return _segmented.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _select.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () {
+    return _slider.default;
+  }
+});
+Object.defineProperty(exports, "Space", {
+  enumerable: true,
+  get: function () {
+    return _space.default;
+  }
+});
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: function () {
+    return _spin.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _switch.default;
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _table.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _tabs.default;
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _tag.default;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _tooltip.default;
+  }
+});
+Object.defineProperty(exports, "TreeSelect", {
+  enumerable: true,
+  get: function () {
+    return _treeSelect.default;
+  }
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () {
+    return _typography.default;
+  }
+});
+Object.defineProperty(exports, "message", {
+  enumerable: true,
+  get: function () {
+    return _staticFunction.message;
+  }
+});
+Object.defineProperty(exports, "notification", {
+  enumerable: true,
+  get: function () {
+    return _staticFunction.notification;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.default;
+  }
+});
+Object.defineProperty(exports, "token", {
+  enumerable: true,
+  get: function () {
+    return _staticFunction.token;
+  }
+});
+exports.useToken = void 0;
+Object.defineProperty(exports, "version", {
+  enumerable: true,
+  get: function () {
+    return _package.version;
+  }
+});
+var _antd = require("antd");
+Object.keys(_antd).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _antd[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _antd[key];
+    }
+  });
+});
+var _package = require("../package.json");
+var _alert = _interopRequireDefault(require("./alert"));
+var _button = _interopRequireDefault(require("./button"));
+var _space = _interopRequireDefault(require("./space"));
+var _grid = require("./grid");
+var _typography = _interopRequireDefault(require("./typography"));
+var _card = _interopRequireDefault(require("./card"));
+var _app = _interopRequireDefault(require("./app"));
+var _configProvider = _interopRequireDefault(require("./config-provider"));
+var _descriptions = _interopRequireDefault(require("./descriptions"));
+var _empty = _interopRequireDefault(require("./empty"));
+var _form = _interopRequireDefault(require("./form"));
+var _modal = _interopRequireDefault(require("./modal"));
+var _drawer = _interopRequireDefault(require("./drawer"));
+var _staticFunction = require("./static-function");
+var _list = _interopRequireDefault(require("./list"));
+var _table = _interopRequireDefault(require("./table"));
+var _tabs = _interopRequireDefault(require("./tabs"));
+var _tag = _interopRequireDefault(require("./tag"));
+var _input = _interopRequireDefault(require("./input"));
+var _inputNumber = _interopRequireDefault(require("./input-number"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _switch = _interopRequireDefault(require("./switch"));
+var _select = _interopRequireDefault(require("./select"));
+var _treeSelect = _interopRequireDefault(require("./tree-select"));
+var _slider = _interopRequireDefault(require("./slider"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+var _segmented = _interopRequireDefault(require("./segmented"));
+var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _result = _interopRequireDefault(require("./result"));
+var _spin = _interopRequireDefault(require("./spin"));
+var _badge = _interopRequireDefault(require("./badge"));
+var _lottie = _interopRequireDefault(require("./lottie"));
+var _theme = _interopRequireDefault(require("./theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const {
+  useToken
+} = _theme.default;
+exports.useToken = useToken;

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

@@ -1,59 +1,70 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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);
+"use strict";
 
-// src/input/Input.tsx
-var Input_exports = {};
-__export(Input_exports, {
-  default: () => Input_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  showCountFormatter: true
+};
+exports.showCountFormatter = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _enUS = _interopRequireDefault(require("../locale/en-US"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _Input = require("antd/es/input/Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Input[key];
+    }
+  });
 });
-module.exports = __toCommonJS(Input_exports);
-var import_react = __toESM(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 Input = (0, import_react.forwardRef)(({ locale: customLocale, ...restProps }, ref) => {
-  var _a, _b;
-  const { locale: contextLocale } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const showCountFormatter = ({
+  count,
+  maxLength
+}) => {
+  return `${count}/${maxLength}`;
+};
+exports.showCountFormatter = showCountFormatter;
+const Input = /*#__PURE__*/(0, _react.forwardRef)(({
+  prefixCls: customizePrefixCls,
+  locale: customLocale,
+  showCount,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls,
+    locale: contextLocale
+  } = (0, _react.useContext)(_configProvider.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,
+    placeholder: contextLocale?.global?.inputPlaceholder || _enUS.default.global?.inputPlaceholder,
+    ..._enUS.default.Input,
+    ...contextLocale?.Input,
     ...customLocale
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ref, placeholder: inputLocale.placeholder, ...restProps });
+  const prefixCls = getPrefixCls('input', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    placeholder: inputLocale.placeholder,
+    showCount: showCount === true ? {
+      formatter: showCountFormatter
+    } : showCount,
+    ...restProps
+  }));
 });
-if (process.env.NODE_ENV !== "production") {
-  Input.displayName = "Input";
+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 = {
-  ...require("antd/es/input/Input")
-});
+var _default = exports.default = Input;