@pisell/common 0.0.5 → 0.0.7

package/es/components/Iconfont/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+export interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     type: string;
 }
 declare const IconFont: React.FC<IconFontProps>;

package/es/components/avatar/index.d.ts

@@ -0,0 +1,13 @@
+import type { AvatarProps as AntAvatarProps } from 'antd5';
+import React from 'react';
+/**
+ * 后续可添加属性
+ */
+export declare type AvatarProps = AntAvatarProps;
+/**
+ * 头像
+ * @param props
+ * @constructor
+ */
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/es/components/avatar/index.js

@@ -0,0 +1,25 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Avatar as AntAvatar } from 'antd5';
+import React from 'react';
+
+/**
+ * 后续可添加属性
+ */
+// export interface AvatarProps extends AntAvatarProps {
+//   [key: string]: any
+// }
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 头像
+ * @param props
+ * @constructor
+ */
+var Avatar = function Avatar(props) {
+  return /*#__PURE__*/_jsx(AntAvatar, _objectSpread({}, props));
+};
+export default Avatar;

package/es/components/button/index.d.ts

@@ -1,3 +1,17 @@
-import type { ButtonProps } from 'antd5';
-declare const TestButton: (props: ButtonProps) => JSX.Element;
-export default TestButton;
+import type { ButtonProps as AntButtonProps } from 'antd5';
+import type { ButtonGroupProps as AntButtonGroupProps } from 'antd5/es/button';
+/**
+ * 后续可添加属性
+ */
+export declare type ButtonProps = AntButtonProps;
+export declare type ButtonGroupProps = AntButtonGroupProps;
+/**
+ * 按钮组件
+ * @param props
+ * @constructor
+ */
+declare const Button: {
+    (props: ButtonProps): JSX.Element;
+    Group: (props: ButtonGroupProps) => JSX.Element;
+};
+export default Button;

package/es/components/button/index.js

@@ -4,9 +4,33 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Button } from 'antd5';
+import { Button as AntButton } from 'antd5';
 import { jsx as _jsx } from "react/jsx-runtime";
-var TestButton = function TestButton(props) {
-  return /*#__PURE__*/_jsx(Button, _objectSpread({}, props));
+var AntGroup = AntButton.Group;
+
+/**
+ * 后续可添加属性
+ */
+// export interface ButtonProps extends AntButtonProps {
+//   [key: string]: any
+// }
+
+/**
+ * 按钮组件
+ * @param props
+ * @constructor
+ */
+var Button = function Button(props) {
+  return /*#__PURE__*/_jsx(AntButton, _objectSpread({}, props));
 };
-export default TestButton;
+
+/**
+ * 按钮组
+ * @param props
+ * @constructor
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/_jsx(AntGroup, _objectSpread({}, props));
+};
+Button.Group = Group;
+export default Button;

package/es/components/checkbox/index.d.ts

@@ -0,0 +1,20 @@
+import type { CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox';
+import type { CheckboxProps as AntCheckboxProps } from 'antd5';
+/**
+ * 后续可添加属性
+ */
+/**
+ * 后续可添加属性
+ */
+export declare type CheckboxProps = AntCheckboxProps;
+export declare type CheckboxGroupProps = AntCheckboxGroupProps;
+/**
+ * 多选框
+ * @param props
+ * @constructor
+ */
+declare const Checkbox: {
+    (props: CheckboxProps): JSX.Element;
+    Group: (props: CheckboxGroupProps) => JSX.Element;
+};
+export default Checkbox;

package/es/components/checkbox/index.js

@@ -0,0 +1,43 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Checkbox as AntCheckbox } from 'antd5';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AntGroup = AntCheckbox.Group;
+
+/**
+ * 后续可添加属性
+ */
+// export interface CheckboxProps extends AntCheckboxProps {
+//   [key: string]: any
+// }
+
+/**
+ * 后续可添加属性
+ */
+// export interface CheckboxGroupProps extends AntCheckboxGroupProps {
+//   [key: string]: any
+// }
+
+/**
+ * 多选框
+ * @param props
+ * @constructor
+ */
+var Checkbox = function Checkbox(props) {
+  return /*#__PURE__*/_jsx(AntCheckbox, _objectSpread({}, props));
+};
+
+/**
+ * 多选框组
+ * @param props
+ * @constructor
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/_jsx(AntGroup, _objectSpread({}, props));
+};
+Checkbox.Group = Group;
+export default Checkbox;

package/es/components/configProvider/index.d.ts

@@ -0,0 +1,109 @@
+import { ConfigProvider } from 'antd5';
+declare const cssVariableMap: {
+    /** 白色 - White */
+    '--color-white': string;
+    /** 灰色 - Grey */
+    '--color-grey-10': string;
+    '--color-grey-20': string;
+    '--color-grey-30': string;
+    '--color-grey-40': string;
+    '--color-grey-50': string;
+    '--color-grey-60': string;
+    '--color-grey-70': string;
+    '--color-grey-80': string;
+    '--color-grey-90': string;
+    '--color-grey-95': string;
+    '--color-grey-98': string;
+    '--color-grey-99': string;
+    /** 主题色 - Primary */
+    '--color-primary-primary': string;
+    /** -------------------文本与图标颜色 - Text--------------------------------  */
+    '--color-text-1': string;
+    '--color-text-2': string;
+    '--color-text-3': string;
+    '--color-text-4': string;
+    /** -------------------徽标色 - Badge 四种功能用色-------------------------------- */
+    /** 红色 */
+    '--color-badge-red': string;
+    /** 红色容器背景色 */
+    '--color-badge-red-container': string;
+    /** 橙色 */
+    '--color-badge-orange': string;
+    /** 橙色容器背景色 */
+    '--color-badge-orange-container': string;
+    /** 橙色文字颜色 */
+    '--color-badge-orange-text': string;
+    /** 绿色 */
+    '--color-badge-green': string;
+    /** 绿色容器背景色 */
+    '--color-badge-green-container': string;
+    /** 蓝色 */
+    '--color-badge-blue': string;
+    /** 蓝色容器背景色 */
+    '--color-badge-blue-container': string;
+    /** 紫色 */
+    '--color-badge-purple': string;
+    /** 紫色容器背景色 */
+    '--color-badge-purple-container': string;
+    /** 灰色 */
+    '--color-badge-grey': string;
+    /** 灰色容器背景色 */
+    '--color-badge-grey-container': string;
+    /** 黄色 */
+    '--color-badge-yellow': string;
+    /** 黄色容器背景色 */
+    '--color-badge-yellow-container': string;
+    /** 黄色文字颜色 */
+    '--color-badge-yellow-text': string;
+    /** -------------------功能色 - Functional Color-------------------------------- */
+    /** 错误色 */
+    '--color-functional-error': string;
+    /** 错误容器背景色 */
+    '--color-functional-error-container': string;
+    /** 警告色 */
+    '--color-functional-warning': string;
+    /** 警告容器背景色 */
+    '--color-functional-warning-container': string;
+    /** 成功色 */
+    '--color-functional-success': string;
+    /** 成功容器背景色 */
+    '--color-functional-success-container': string;
+    /** 信息色 */
+    '--color-functional-info': string;
+    /** 信息容器背景色 */
+    '--color-functional-info-container': string;
+    /** -------------------背景色 - Background------------------- */
+    /** APP大背景 */
+    '--color-bg-app': string;
+    /** web端大背景、表格表头背景 */
+    '--color-bg-web': string;
+    /** 鼠标悬停背景 */
+    '--color-bg-hover': string;
+    /** 鼠标按下背景 */
+    '--color-bg-pressing': string;
+    /** button禁用背景、输入框叉号默认 */
+    '--color-bg-button-disabled': string;
+    /** -------------------表面色 - Surface------------------- */
+    /** 多选框默认、单选框默认、警告提示叉号 */
+    '--color-surface-1': string;
+    /** 面包屑分隔符、开关_关闭 */
+    '--color-surface-2': string;
+    /** 输入框边框、输入框提示icon、开关禁用 */
+    '--color-surface-3': string;
+    /** 边框颜色、分页器边框、次要button禁用边框、多选框禁用、单选框禁用、下拉框边框、输入框禁用边框、输入框禁用icon、弹窗边框 */
+    '--color-surface-4': string;
+    /** 分割线颜色、弹窗分割线 */
+    '--color-surface-5': string;
+};
+declare const defaultTheme: {
+    token: {
+        colorPrimary: string;
+        colorSuccess: string;
+        borderRadius: number;
+        colorWarning: string;
+        colorError: string;
+        colorInfo: string;
+        colorTextBase: string;
+    };
+};
+export { ConfigProvider, defaultTheme, cssVariableMap };

package/es/components/configProvider/index.js

@@ -0,0 +1,111 @@
+import { ConfigProvider } from 'antd5';
+
+// css变量
+var cssVariableMap = {
+  /** 白色 - White */
+  '--color-white': '#FFFFFF',
+  /** 灰色 - Grey */
+  '--color-grey-10': '#1b1b1b',
+  '--color-grey-20': '#303030',
+  '--color-grey-30': '#474747',
+  '--color-grey-40': '#5e5e5e',
+  '--color-grey-50': '#777777',
+  '--color-grey-60': '#919191',
+  '--color-grey-70': '#ababab',
+  '--color-grey-80': '#c6c6c6',
+  '--color-grey-90': '#e2e2e2',
+  '--color-grey-95': '#f1f1f1',
+  '--color-grey-98': '#fafafa',
+  '--color-grey-99': '#fcfcfc',
+  /** 主题色 - Primary */
+  '--color-primary-primary': '#705DFF',
+  /** -------------------文本与图标颜色 - Text--------------------------------  */
+  '--color-text-1': 'var(--color-grey-10)',
+  '--color-text-2': 'var(--color-grey-50)',
+  '--color-text-3': 'var(--color-grey-60)',
+  '--color-text-4': 'var(--color-grey-70)',
+  /** -------------------徽标色 - Badge 四种功能用色-------------------------------- */
+  /** 红色 */
+  '--color-badge-red': '#DC3545',
+  /** 红色容器背景色 */
+  '--color-badge-red-container': '#FFDDE0',
+  /** 橙色 */
+  '--color-badge-orange': '#FD7E14',
+  /** 橙色容器背景色 */
+  '--color-badge-orange-container': '#FFE5D0',
+  /** 橙色文字颜色 */
+  '--color-badge-orange-text': '#CA6510',
+  /** 绿色 */
+  '--color-badge-green': '#1B945C',
+  /** 绿色容器背景色 */
+  '--color-badge-green-container': '#D7EDE3',
+  /** 蓝色 */
+  '--color-badge-blue': '#0B5FDB',
+  /** 蓝色容器背景色 */
+  '--color-badge-blue-container': '#D1E3FF',
+  /** 紫色 */
+  '--color-badge-purple': '#610FE5',
+  /** 紫色容器背景色 */
+  '--color-badge-purple-container': '#E9DBFF',
+  /** 灰色 */
+  '--color-badge-grey': 'var(--color-grey-50)',
+  /** 灰色容器背景色 */
+  '--color-badge-grey-container': 'var(--color-grey-90)',
+  /** 黄色 */
+  '--color-badge-yellow': '#F5B800',
+  /** 黄色容器背景色 */
+  '--color-badge-yellow-container': '#FFF3CD',
+  /** 黄色文字颜色 */
+  '--color-badge-yellow-text': '#CC9A06',
+  /** -------------------功能色 - Functional Color-------------------------------- */
+  /** 错误色 */
+  '--color-functional-error': 'var(--color-badge-red)',
+  /** 错误容器背景色 */
+  '--color-functional-error-container': 'var(--color-badge-red-container)',
+  /** 警告色 */
+  '--color-functional-warning': 'var(--color-badge-orange)',
+  /** 警告容器背景色 */
+  '--color-functional-warning-container': 'var(--color-badge-orange-container)',
+  /** 成功色 */
+  '--color-functional-success': 'var(--color-badge-green)',
+  /** 成功容器背景色 */
+  '--color-functional-success-container': 'var(--color-badge-green-container)',
+  /** 信息色 */
+  '--color-functional-info': 'var(--color-badge-blue)',
+  /** 信息容器背景色 */
+  '--color-functional-info-container': 'var(--color-badge-blue-container)',
+  /** -------------------背景色 - Background------------------- */
+  /** APP大背景 */
+  '--color-bg-app': 'var(--color-grey-95)',
+  /** web端大背景、表格表头背景 */
+  '--color-bg-web': 'var(--color-grey-98)',
+  /** 鼠标悬停背景 */
+  '--color-bg-hover': 'var(--color-grey-95)',
+  /** 鼠标按下背景 */
+  '--color-bg-pressing': 'var(--color-grey-90)',
+  /** button禁用背景、输入框叉号默认 */
+  '--color-bg-button-disabled': 'var(--color-grey-80)',
+  /** -------------------表面色 - Surface------------------- */
+  /** 多选框默认、单选框默认、警告提示叉号 */
+  '--color-surface-1': 'var(--color-grey-60)',
+  /** 面包屑分隔符、开关_关闭 */
+  '--color-surface-2': 'var(--color-grey-70)',
+  /** 输入框边框、输入框提示icon、开关禁用 */
+  '--color-surface-3': 'var(--color-grey-80)',
+  /** 边框颜色、分页器边框、次要button禁用边框、多选框禁用、单选框禁用、下拉框边框、输入框禁用边框、输入框禁用icon、弹窗边框 */
+  '--color-surface-4': 'var(--color-grey-90)',
+  /** 分割线颜色、弹窗分割线 */
+  '--color-surface-5': 'var(--color-grey-95)'
+};
+var defaultTheme = {
+  token: {
+    colorPrimary: '#705dff',
+    colorSuccess: '#1b945c',
+    borderRadius: 8,
+    colorWarning: '#fd7e14',
+    colorError: '#dc3545',
+    colorInfo: '#0b5fdb',
+    colorTextBase: '#1b1b1b'
+  }
+};
+export { ConfigProvider, defaultTheme, cssVariableMap };

package/es/components/index.d.ts

@@ -1,5 +1,22 @@
+export { default as Avatar } from './avatar';
+export type { AvatarProps } from './avatar';
 export { default as Button } from './button';
+export type { ButtonGroupProps, ButtonProps } from './button';
 export { default as Card } from './card';
+export type { CardProps } from './card';
+export { default as Checkbox } from './checkbox';
+export type { CheckboxGroupProps, CheckboxProps } from './checkbox';
 export { default as ColorPicker } from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';
+export * from './configProvider';
 export { default as DragSort } from './DragSort';
 export { default as IconFont } from './Iconfont';
+export type { IconFontProps } from './Iconfont';
+export { default as Input } from './input';
+export type { GroupProps, InputProps, PasswordProps, SearchProps, TextAreaProps, } from './input';
+export { default as Pagination } from './pagination';
+export type { PaginationProps } from './pagination';
+export { default as Radio } from './radio';
+export type { RadioGroupProps, RadioProps } from './radio';
+export { default as Switch } from './switch';
+export type { SwitchProps } from './switch';

package/es/components/index.js

@@ -1,5 +1,12 @@
+export { default as Avatar } from "./avatar";
 export { default as Button } from "./button";
 export { default as Card } from "./card";
+export { default as Checkbox } from "./checkbox";
 export { default as ColorPicker } from "./ColorPicker";
+export * from "./configProvider";
 export { default as DragSort } from "./DragSort";
-export { default as IconFont } from "./Iconfont";
+export { default as IconFont } from "./Iconfont";
+export { default as Input } from "./input";
+export { default as Pagination } from "./pagination";
+export { default as Radio } from "./radio";
+export { default as Switch } from "./switch";

package/es/components/input/index.d.ts

@@ -0,0 +1,35 @@
+import type { InputProps as AntInputProps } from 'antd5';
+import { GroupProps as AntGroupProps, PasswordProps as AntPasswordProps, SearchProps as AntSearchProps, TextAreaProps as AntTextAreaProps } from 'antd5/es/input';
+/**
+ * 后续可添加属性
+ */
+/**
+ * 后续可添加属性
+ */
+/**
+ * 后续可添加属性
+ */
+/**
+ * 后续可添加属性
+ */
+/**
+ * 后续可添加属性
+ */
+export declare type InputProps = AntInputProps;
+export declare type TextAreaProps = AntTextAreaProps;
+export declare type SearchProps = AntSearchProps;
+export declare type PasswordProps = AntPasswordProps;
+export declare type GroupProps = AntGroupProps;
+/**
+ * input输入框
+ * @param props
+ * @constructor
+ */
+declare const Input: {
+    (props: InputProps): JSX.Element;
+    TextArea: (props: TextAreaProps) => JSX.Element;
+    Search: (props: SearchProps) => JSX.Element;
+    Password: (props: PasswordProps) => JSX.Element;
+    Group: (props: GroupProps) => JSX.Element;
+};
+export default Input;

package/es/components/input/index.js

@@ -0,0 +1,97 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Input as AntInput } from 'antd5';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AntTextArea = AntInput.TextArea,
+  AntSearch = AntInput.Search,
+  AntPassword = AntInput.Password,
+  AntGroup = AntInput.Group;
+
+/**
+ * 后续可添加属性
+ */
+// export interface InputProps extends AntInputProps {
+//   [key: string]: any
+// }
+
+/**
+ * 后续可添加属性
+ */
+// export interface TextAreaProps extends AntTextAreaProps {
+//   [key: string]: any
+// }
+
+/**
+ * 后续可添加属性
+ */
+// export interface SearchProps extends AntSearchProps {
+//   [key: string]: any
+// }
+
+/**
+ * 后续可添加属性
+ */
+// export interface PasswordProps extends AntPasswordProps {
+//   [key: string]: any
+// }
+
+/**
+ * 后续可添加属性
+ */
+// export interface GroupProps extends AntGroupProps {
+//   [key: string]: any
+// }
+
+/**
+ * input输入框
+ * @param props
+ * @constructor
+ */
+var Input = function Input(props) {
+  return /*#__PURE__*/_jsx(AntInput, _objectSpread({}, props));
+};
+
+/**
+ * 文本域
+ * @param props
+ * @constructor
+ */
+var TextArea = function TextArea(props) {
+  return /*#__PURE__*/_jsx(AntTextArea, _objectSpread({}, props));
+};
+
+/**
+ * 搜索
+ * @param props
+ * @constructor
+ */
+var Search = function Search(props) {
+  return /*#__PURE__*/_jsx(AntSearch, _objectSpread({}, props));
+};
+
+/**
+ * 密码输入
+ * @param props
+ * @constructor
+ */
+var Password = function Password(props) {
+  return /*#__PURE__*/_jsx(AntPassword, _objectSpread({}, props));
+};
+
+/**
+ * 组
+ * @param props
+ * @constructor
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/_jsx(AntGroup, _objectSpread({}, props));
+};
+Input.TextArea = TextArea;
+Input.Search = Search;
+Input.Password = Password;
+Input.Group = Group;
+export default Input;

package/es/components/pagination/index.d.ts

@@ -0,0 +1,10 @@
+import type { PaginationProps as AntPaginationProps } from 'antd5';
+import React from 'react';
+export declare type PaginationProps = AntPaginationProps;
+/**
+ * 分页
+ * @param props
+ * @constructor
+ */
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/es/components/pagination/index.js

@@ -0,0 +1,18 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Pagination as AntPagination } from 'antd5';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 分页
+ * @param props
+ * @constructor
+ */
+var Pagination = function Pagination(props) {
+  return /*#__PURE__*/_jsx(AntPagination, _objectSpread({}, props));
+};
+export default Pagination;

package/es/components/radio/index.d.ts

@@ -0,0 +1,13 @@
+import type { RadioGroupProps as AntRadioGroupProps, RadioProps as AntRadioProps } from 'antd5';
+export declare type RadioGroupProps = AntRadioGroupProps;
+export declare type RadioProps = AntRadioProps;
+/**
+ * 单选框
+ * @param props
+ * @constructor
+ */
+declare const Radio: {
+    (props: RadioProps): JSX.Element;
+    Group: (props: RadioGroupProps) => JSX.Element;
+};
+export default Radio;

package/es/components/radio/index.js

@@ -0,0 +1,28 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Radio as AntRadio } from 'antd5';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AntGroup = AntRadio.Group;
+/**
+ * 单选框
+ * @param props
+ * @constructor
+ */
+var Radio = function Radio(props) {
+  return /*#__PURE__*/_jsx(AntRadio, _objectSpread({}, props));
+};
+
+/**
+ * 单选框组
+ * @param props
+ * @constructor
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/_jsx(AntGroup, _objectSpread({}, props));
+};
+Radio.Group = Group;
+export default Radio;

package/es/components/switch/index.d.ts

@@ -0,0 +1,10 @@
+import type { SwitchProps as AntSwitchProps } from 'antd5';
+import React from 'react';
+export declare type SwitchProps = AntSwitchProps;
+/**
+ * 开关
+ * @param props
+ * @constructor
+ */
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;