shineout 0.0.1-alpha.1

package/esm/input/__example__/03-number-0.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 数字
+ *    -- 设置 `type` 为 number，输入时会做一次校验，禁止输入非数字类型字符
+ *    -- 设置 `digits` 限制小数位数
+ *    -- 设置 `integerLimit` 限制整数位数
+ *    -- 设置 `numType` 限制数字格式, 支持 'positive' 和 'non-negative'
+ * en - Number
+ *    -- Set `type` to number, the input will be verified once when inputting, and non-numeric characters are not allowed to be entered
+ *    -- Set `digits` to limit the number of decimal places
+ *    -- Set `integerLimit` to limit the number of integers
+ *    -- Set `numType` to limit the number format, support 'positive' and 'non-negative'
+ */
+
+var style = {
+  marginBottom: 12
+};
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 300
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      type: "number",
+      placeholder: "digits undefined"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      digits: 0,
+      type: "number",
+      placeholder: "digits 0",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      digits: 1,
+      type: "number",
+      placeholder: "digits 1",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      digits: 2,
+      type: "number",
+      placeholder: "digits 2",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      numType: "non-negative",
+      type: "number",
+      placeholder: "non-negative"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      type: "number",
+      integerLimit: 3,
+      placeholder: "integerLimit 3",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      autoFix: true,
+      digits: 3,
+      type: "number",
+      placeholder: "digits 3; autoFix",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      numType: "positive",
+      integerLimit: 3,
+      type: "number",
+      placeholder: "positive;integerLimit 3"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input.Number, {
+      numType: "positive",
+      integerLimit: 3,
+      placeholder: "positive; integerLimit 3"
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/03-number-1.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn -
+ *    -- Input.Number 组件，可以通过鼠标和上下键辅助输入
+ * en -
+ *    -- Input.Number component, can be assisted by mouse and up and down keys to input
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/03-number-1.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn -
+ *    -- Input.Number 组件，可以通过鼠标和上下键辅助输入
+ * en -
+ *    -- Input.Number component, can be assisted by mouse and up and down keys to input
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input.Number, {});
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/04-group.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 前后标签
+ *    -- 利用内置的 group 组件可以在前后增加标签。
+ * en - Front and rear tags
+ *    -- Use the built-in group component to add tags before and after.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/04-group.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 前后标签
+ *    -- 利用内置的 group 组件可以在前后增加标签。
+ * en - Front and rear tags
+ *    -- Use the built-in group component to add tags before and after.
+ */
+
+var style = {
+  width: 300,
+  marginBottom: 12
+};
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: "http://"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "email"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "email"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: ".com"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: "http://"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "email"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: ".com"
+      })]
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/05-tip.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 提示文字
+ *    -- 在 input 上设置的 tip 在 focus 时弹出
+ * en - Tip
+ *    -- The tip set on the input pops up when focus
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/input/__example__/05-tip.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 提示文字
+ *    -- 在 input 上设置的 tip 在 focus 时弹出
+ * en - Tip
+ *    -- The tip set on the input pops up when focus
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    placeholder: "input something",
+    tip: 'please input something'
+  });
+};
+exports.default = _default;

package/esm/input/__example__/06-validate.d.ts

@@ -0,0 +1,12 @@
+/**
+ * cn - 校验
+ *    -- 设置了 `rules`，会自动校验输入数据，设置了 `popover` 会在指定位置弹出
+ *    -- 如果没有设置 `popover`，不会弹出错误提示。
+ *    -- 有错误时，提示框不会隐藏。
+ * en - Validate
+ *    -- When the `rules` property is set, it will automatically verify the input data. When the `popover` property is set, it will pop up at the specified location.
+ *    -- If the popover `property` is not set, no error message will pop up.
+ *    -- If input is invalid, the message will not be hidden.
+ */
+/// <reference types="react" />
+export default function (): JSX.Element;

package/esm/input/__example__/06-validate.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 校验
+ *    -- 设置了 `rules`，会自动校验输入数据，设置了 `popover` 会在指定位置弹出
+ *    -- 如果没有设置 `popover`，不会弹出错误提示。
+ *    -- 有错误时，提示框不会隐藏。
+ * en - Validate
+ *    -- When the `rules` property is set, it will automatically verify the input data. When the `popover` property is set, it will pop up at the specified location.
+ *    -- If the popover `property` is not set, no error message will pop up.
+ *    -- If input is invalid, the message will not be hidden.
+ */
+
+var rules = (0, _.Rule)();
+function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    placeholder: "email",
+    rules: [rules.required],
+    tip: "Email, required",
+    popover: "top-left",
+    width: 300
+  });
+}

package/esm/input/__example__/061-cleaar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 允许删除
+ *    -- 设置 `clearable` 属性，Input 将显示删除按钮，点击删除按钮清空内容。
+ * en -  allow clear
+ *    -- Set the `clearable` property, the Input will display the clear button, click the clear button to clear the content.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/061-cleaar.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 允许删除
+ *    -- 设置 `clearable` 属性，Input 将显示删除按钮，点击删除按钮清空内容。
+ * en -  allow clear
+ *    -- Set the `clearable` property, the Input will display the clear button, click the clear button to clear the content.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    clearable: true,
+    placeholder: "input something"
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/07-disabled.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 禁用
+ *    -- 开启 `disabled` 属性后，组件将禁止输入。
+ * en - disabled
+ *    -- When the `disabled` attribute is enabled, the component will prevent input.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/07-disabled.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 禁用
+ *    -- 开启 `disabled` 属性后，组件将禁止输入。
+ * en - disabled
+ *    -- When the `disabled` attribute is enabled, the component will prevent input.
+ */
+
+var style = {
+  width: 300,
+  marginBottom: 12
+};
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      disabled: true,
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "first name"
+      }), "-", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "last name"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      disabled: true,
+      style: style,
+      placeholder: "disabled input"
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/08-password.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 内置密码组件
+ *    -- 使用内置 password 组件专门处理密码业务场景。
+ * en - Built-in password component
+ *    -- We use the built-in password component specifically for handling password-related scenarios.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/08-password.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 内置密码组件
+ *    -- 使用内置 password 组件专门处理密码业务场景。
+ * en - Built-in password component
+ *    -- We use the built-in password component specifically for handling password-related scenarios.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input.Password, {
+      name: 'password',
+      placeholder: "input password",
+      visibilityToggle: true
+    })
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/09-inner-title.d.ts

@@ -0,0 +1,10 @@
+/**
+ /**
+ * cn - 内嵌标题
+ *    -- 使用 innerTitle 展示内嵌标题
+ * en - inner title
+ *    -- use innerTitle to display the inner title
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/09-inner-title.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ /**
+ * cn - 内嵌标题
+ *    -- 使用 innerTitle 展示内嵌标题
+ * en - inner title
+ *    -- use innerTitle to display the inner title
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      innerTitle: "Small title",
+      clearable: true,
+      size: 'small'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      innerTitle: "Medium Title",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      innerTitle: "Large Title",
+      clearable: true,
+      size: 'large'
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/10-underline.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 下边框
+ *    -- 开启 `underline` 属性后，组件将支持下边框样式，仅展示下部的边框。
+ * en - Bottom border
+ *    -- After enabling the `underline` attribute, the component will support the bottom border style and display only the border at the bottom.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/10-underline.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 下边框
+ *    -- 开启 `underline` 属性后，组件将支持下边框样式，仅展示下部的边框。
+ * en - Bottom border
+ *    -- After enabling the `underline` attribute, the component will support the bottom border style and display only the border at the bottom.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    underline: true,
+    clearable: true,
+    placeholder: "Underline"
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/11-autoselect.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 自动选中
+ *    -- 开启 `autoSelect` 属性后，当 Input 组件聚焦时，将自动全选当前 Input 组件的内容。
+ * en - Automatically select Input
+ *    -- After enabling the `autoSelect` attribute, when the Input component is focused, the content of the current Input component will be automatically selected.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/11-autoselect.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自动选中
+ *    -- 开启 `autoSelect` 属性后，当 Input 组件聚焦时，将自动全选当前 Input 组件的内容。
+ * en - Automatically select Input
+ *    -- After enabling the `autoSelect` attribute, when the Input component is focused, the content of the current Input component will be automatically selected.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    defaultValue: 'hello world',
+    placeholder: "input something",
+    autoSelect: true
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/12-trim.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 清除空格
+ *    -- 开启 `trim` 属性，Input 组件会在键入内容后去除内容两端的空格字符。
+ * en - Trim whitespace
+ *    -- After enabling the `trim` attribute, the Input component will remove the whitespace characters at both ends of the content after typing.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/12-trim.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 清除空格
+ *    -- 开启 `trim` 属性，Input 组件会在键入内容后去除内容两端的空格字符。
+ * en - Trim whitespace
+ *    -- After enabling the `trim` attribute, the Input component will remove the whitespace characters at both ends of the content after typing.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    placeholder: "input something",
+    trim: true
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/13-enter.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 键盘事件
+ *    -- Input 组件支持 `onKeyUp`（键盘弹起）、`onKeyDown`（键盘按下）、`onEnterPress`（回车） 事件。
+ * en - Keyboard events
+ *    -- The Input component supports the `onKeyUp` (key up), `onKeyDown` (key down), and `onEnterPress` (enter key) events.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/13-enter.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn - 键盘事件
+ *    -- Input 组件支持 `onKeyUp`（键盘弹起）、`onKeyDown`（键盘按下）、`onEnterPress`（回车） 事件。
+ * en - Keyboard events
+ *    -- The Input component supports the `onKeyUp` (key up), `onKeyDown` (key down), and `onEnterPress` (enter key) events.
+ */
+
+var style = {
+  marginBottom: 12
+};
+var App = function App() {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    keyUp = _useState2[0],
+    setKeyUp = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    keyDown = _useState4[0],
+    setKeyDown = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    keyEnterPress = _useState6[0],
+    setKeyEnterPress = _useState6[1];
+  var onKeyUp = function onKeyUp() {
+    return setKeyUp(keyUp + 1);
+  };
+  var onKeyDown = function onKeyDown() {
+    return setKeyDown(keyDown + 1);
+  };
+  var onEnterPress = function onEnterPress() {
+    return setKeyEnterPress(keyEnterPress + 1);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "onKeyUp",
+        onKeyUp: onKeyUp
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        className: "onKeyUp",
+        children: "onKeyUp: ".concat(keyUp, " times")
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "onKeyDown",
+        onKeyDown: onKeyDown
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        className: "onKeyDown",
+        children: "onKeyDown: ".concat(keyDown, " times")
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Input.Group, {
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        placeholder: "onEnterPress",
+        onEnterPress: onEnterPress
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        className: "onEnterPress",
+        children: "onEnterPress: ".concat(keyEnterPress, " times")
+      })]
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/14-limit.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 输入限制
+ *    -- 通过设置 `min`（最小值）、 `max`（最大值）、 `maxLength`（最大长度）来限制 Input 组件的输入内容。
+ * en - Input restriction
+ *    -- Set `min` (minimum value), `max` (maximum value), and `maxLength` (maximum length) to restrict the input content of the Input component.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;