@hw-component/form 0.0.7-beta-v1 → 0.0.7-beta-v3

package/es/Cascader/index.d.ts

@@ -0,0 +1,7 @@
+import type { CascaderProps } from "antd";
+import type { PromiseFnResult } from "../modal";
+export type HCascaderProps = {
+    request?: PromiseFnResult<any>;
+} & CascaderProps<any>;
+declare const _default: ({ request, options, fieldNames: propsFieldNames, ...props }: HCascaderProps) => JSX.Element;
+export default _default;

package/es/Cascader/index.js

@@ -0,0 +1,47 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import { jsx } from 'react/jsx-runtime';
+import { Cascader as Cascader$1 } from 'antd';
+import { useRequest } from 'ahooks';
+import { useMatchConfigProps } from '../hooks/index.js';
+
+var _excluded = ["request", "options", "fieldNames"];
+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; }
+var Cascader = (function (_ref) {
+  var request = _ref.request,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    propsFieldNames = _ref.fieldNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    fieldNames = _useMatchConfigProps.fieldNames;
+  var _useRequest = useRequest(function () {
+      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (!request) {
+        return Promise.resolve(options);
+      }
+      return request(params);
+    }),
+    loading = _useRequest.loading,
+    data = _useRequest.data;
+  return jsx(Cascader$1, _objectSpread(_objectSpread({}, props), {}, {
+    loading: loading,
+    options: data,
+    fieldNames: fieldNames
+  }));
+});
+
+export { Cascader as default };
+// powered by hdj

package/es/Form/config.d.ts

@@ -25,12 +25,6 @@ declare const componentConfig: {
     submit: ({ text, type, form, loading, position, reset, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
-    cascader: (<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: import("react").PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
-        ref?: import("react").Ref<import("antd/lib/cascader").CascaderRef> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName: string;
-        SHOW_PARENT: "SHOW_PARENT";
-        SHOW_CHILD: "SHOW_CHILD";
-    };
+    cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
 };
 export default componentConfig;

package/es/Form/config.js

@@ -16,7 +16,7 @@ import Index$4 from '../Upload/UrlUpload/index.js';
 import HSubmit from '../Submit/index.js';
 import TextArea from '../TextArea/index.js';
 import ColorInput from '../Input/ColorInput/index.js';
-import { Cascader } from 'antd';
+import Cascader from '../Cascader/index.js';
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],

package/es/Input/index.d.ts

@@ -1,3 +1,3 @@
 import type { HInputProps } from "./modal";
-declare const _default: ({ ...props }: HInputProps) => JSX.Element;
+declare const _default: ({ copy, value, addonAfter, ...props }: HInputProps) => JSX.Element;
 export default _default;

package/es/Input/index.js

@@ -1,7 +1,4 @@
 // welcome to hoo hoo hoo
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.array.filter.js';
@@ -9,14 +6,37 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.object.get-own-property-descriptor.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx } from 'react/jsx-runtime';
-import { Input } from 'antd';
+import { Input, message } from 'antd';
+import { CopyOutlined } from '@ant-design/icons';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
 
+var _excluded = ["copy", "value", "addonAfter"];
 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; }
-var HInput = (function (_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsx(Input, _objectSpread({}, props));
+var CopyDom = function CopyDom(_ref) {
+  var value = _ref.value;
+  return jsx(CopyToClipboard, {
+    text: value,
+    onCopy: function onCopy() {
+      message.success("复制成功!");
+    },
+    children: jsx(CopyOutlined, {})
+  });
+};
+var HInput = (function (_ref2) {
+  var copy = _ref2.copy,
+    value = _ref2.value,
+    addonAfter = _ref2.addonAfter,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
+    value: value,
+    addonAfter: copy ? jsx(CopyDom, {
+      value: value
+    }) : addonAfter
+  }));
 });
 
 export { HInput as default };

package/es/Input/modal.d.ts

@@ -8,6 +8,7 @@ export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "val
     onChange?: (value: V) => void;
     value?: V;
     defaultColor?: string;
+    copy?: boolean;
 }
 interface ValueNameModal {
     input?: string;

package/es/index.d.ts

@@ -21,6 +21,7 @@ export declare const HTimePicker: ({ value, format, onChange, disabledDate, ...p
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
-export declare const HColorInput: ({ value, onChange, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
+export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;

package/es/index.js

@@ -28,6 +28,7 @@ var HTextArea = componentConfig.textArea;
 var HColorInput = componentConfig.colorInput;
 var HModalForm = ModalForm;
 var HDrawerForm = DrawerForm;
+var HCascader = componentConfig.cascader;
 
-export { HButtonInput, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HUpload, HUrlUpload };
+export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HUpload, HUrlUpload };
 // powered by hdj

package/lib/Cascader/index.d.ts

@@ -0,0 +1,7 @@
+import type { CascaderProps } from "antd";
+import type { PromiseFnResult } from "../modal";
+export type HCascaderProps = {
+    request?: PromiseFnResult<any>;
+} & CascaderProps<any>;
+declare const _default: ({ request, options, fieldNames: propsFieldNames, ...props }: HCascaderProps) => JSX.Element;
+export default _default;

package/lib/Cascader/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.promise.js');
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var ahooks = require('ahooks');
+var index = require('../hooks/index.js');
+
+var _excluded = ["request", "options", "fieldNames"];
+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; }
+var Cascader = (function (_ref) {
+  var request = _ref.request,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    propsFieldNames = _ref.fieldNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    fieldNames = _useMatchConfigProps.fieldNames;
+  var _useRequest = ahooks.useRequest(function () {
+      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (!request) {
+        return Promise.resolve(options);
+      }
+      return request(params);
+    }),
+    loading = _useRequest.loading,
+    data = _useRequest.data;
+  return jsxRuntime.jsx(antd.Cascader, _objectSpread(_objectSpread({}, props), {}, {
+    loading: loading,
+    options: data,
+    fieldNames: fieldNames
+  }));
+});
+
+exports.default = Cascader;
+// powered by h

package/lib/Form/config.d.ts

@@ -25,12 +25,6 @@ declare const componentConfig: {
     submit: ({ text, type, form, loading, position, reset, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
-    cascader: (<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: import("react").PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
-        ref?: import("react").Ref<import("antd/lib/cascader").CascaderRef> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName: string;
-        SHOW_PARENT: "SHOW_PARENT";
-        SHOW_CHILD: "SHOW_CHILD";
-    };
+    cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -19,7 +19,7 @@ var index$8 = require('../Upload/UrlUpload/index.js');
 var index$9 = require('../Submit/index.js');
 var index$a = require('../TextArea/index.js');
 var index$b = require('../Input/ColorInput/index.js');
-var antd = require('antd');
+var index$c = require('../Cascader/index.js');
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
@@ -43,7 +43,7 @@ var componentConfig = {
   submit: index$9.default,
   textArea: index$a.default,
   colorInput: index$b.default,
-  cascader: antd.Cascader
+  cascader: index$c.default
 };
 
 exports.default = componentConfig;

package/lib/Input/index.d.ts

@@ -1,3 +1,3 @@
 import type { HInputProps } from "./modal";
-declare const _default: ({ ...props }: HInputProps) => JSX.Element;
+declare const _default: ({ copy, value, addonAfter, ...props }: HInputProps) => JSX.Element;
 export default _default;

package/lib/Input/index.js

@@ -2,9 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectDestructuringEmpty = require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('core-js/modules/es.object.assign.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.symbol.js');
 require('core-js/modules/es.array.filter.js');
@@ -12,14 +9,37 @@ require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.object.get-own-property-descriptor.js');
 require('core-js/modules/web.dom-collections.for-each.js');
 require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
+var icons = require('@ant-design/icons');
+var reactCopyToClipboard = require('react-copy-to-clipboard');
 
+var _excluded = ["copy", "value", "addonAfter"];
 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; }
-var HInput = (function (_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsxRuntime.jsx(antd.Input, _objectSpread({}, props));
+var CopyDom = function CopyDom(_ref) {
+  var value = _ref.value;
+  return jsxRuntime.jsx(reactCopyToClipboard.CopyToClipboard, {
+    text: value,
+    onCopy: function onCopy() {
+      antd.message.success("复制成功!");
+    },
+    children: jsxRuntime.jsx(icons.CopyOutlined, {})
+  });
+};
+var HInput = (function (_ref2) {
+  var copy = _ref2.copy,
+    value = _ref2.value,
+    addonAfter = _ref2.addonAfter,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return jsxRuntime.jsx(antd.Input, _objectSpread(_objectSpread({}, props), {}, {
+    value: value,
+    addonAfter: copy ? jsxRuntime.jsx(CopyDom, {
+      value: value
+    }) : addonAfter
+  }));
 });
 
 exports.default = HInput;

package/lib/Input/modal.d.ts

@@ -8,6 +8,7 @@ export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "val
     onChange?: (value: V) => void;
     value?: V;
     defaultColor?: string;
+    copy?: boolean;
 }
 interface ValueNameModal {
     input?: string;

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export declare const HTimePicker: ({ value, format, onChange, disabledDate, ...p
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
-export declare const HColorInput: ({ value, onChange, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
+export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;

package/lib/index.js

@@ -29,6 +29,7 @@ var HTextArea = config.default.textArea;
 var HColorInput = config.default.colorInput;
 var HModalForm = ModalForm.default;
 var HDrawerForm = index$2.default;
+var HCascader = config.default.cascader;
 
 exports.HForm = index.default;
 exports.useHForm = useHForm.default;
@@ -36,6 +37,7 @@ exports.useHDialogForm = hooks.useHDialogForm;
 exports.HFormConnect = HFormConnect.default;
 exports.HFormConfigProvider = FormConfigProvider.default;
 exports.HButtonInput = HButtonInput;
+exports.HCascader = HCascader;
 exports.HCheckBox = HCheckBox;
 exports.HCheckboxGroup = HCheckboxGroup;
 exports.HColorInput = HColorInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.7-beta-v1",
+  "version": "0.0.7-beta-v3",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -40,6 +40,7 @@
     "core-js": "3",
     "react": "17.0.0",
     "react-color": "^2.19.3",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "17.0.2",
     "react-router-dom": "^6.11.2"
   },

package/src/components/Cascader/index.tsx

@@ -0,0 +1,31 @@
+import type { CascaderProps } from "antd";
+import { Cascader } from "antd";
+import { useRequest } from "ahooks";
+import { useMatchConfigProps } from "../hooks";
+import type { PromiseFnResult } from "../modal";
+export type HCascaderProps={
+  request?: PromiseFnResult<any>;
+}&CascaderProps<any>
+
+export default ({
+  request,
+  options = [],
+  fieldNames: propsFieldNames,
+  ...props
+}: HCascaderProps) => {
+  const { fieldNames } = useMatchConfigProps({ fieldNames: propsFieldNames });
+  const { loading, data } = useRequest((params = {}) => {
+    if (!request) {
+      return Promise.resolve(options);
+    }
+    return request(params);
+  });
+  return (
+    <Cascader
+      {...props}
+      loading={loading}
+      options={data}
+      fieldNames={fieldNames}
+    />
+  );
+};

package/src/components/Form/config.ts

@@ -15,7 +15,7 @@ import HUrlUpload from "../Upload/UrlUpload";
 import HSubmit from "../Submit";
 import TextArea from "../TextArea";
 import ColorInput from "../Input/ColorInput";
-import {Cascader} from 'antd';
+import Cascader from "../Cascader";
 export const placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
   selectType: ["select", "datePicker", "timePicker", "colorInput"],
@@ -38,7 +38,7 @@ const componentConfig = {
   submit: HSubmit,
   textArea: TextArea,
   colorInput: ColorInput,
-  cascader:Cascader
+  cascader: Cascader,
 };
 
 export default componentConfig;

package/src/components/Form/modal.ts

@@ -1,4 +1,9 @@
-import type {CascaderProps, FormInstance, FormItemProps, FormProps} from "antd";
+import type {
+  CascaderProps,
+  FormInstance,
+  FormItemProps,
+  FormProps,
+} from "antd";
 import type { HCheckboxProps } from "../CheckboxGroup/modal";
 import type React from "react";
 import type {
@@ -47,7 +52,7 @@ type ItemPropsType =
   | HTimePickerProps
   | TextAreaProps
   | IUpLoadProps
-    |CascaderProps<any>;
+  | CascaderProps<any>;
 
 export interface HoverModal {
   text?: string;

package/src/components/Input/index.tsx

@@ -1,6 +1,21 @@
-import { Input } from "antd";
+import { Input ,message} from "antd";
 import type { HInputProps } from "./modal";
+import {CopyOutlined} from '@ant-design/icons'
+// @ts-ignore
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+const CopyDom=({value}:HInputProps)=>{
+  return <CopyToClipboard
+      text={value}
+      onCopy={() => {
+        message.success("复制成功!");
+      }}
+  >
+    <CopyOutlined/>
+  </CopyToClipboard>
+}
+export default ({ copy,value,addonAfter,...props }: HInputProps) => {
 
-export default ({ ...props }: HInputProps) => {
-  return <Input {...props} />;
+  return <Input {...props} value={value}
+                addonAfter={copy?<CopyDom value={value}/>:addonAfter}
+  />;
 };

package/src/components/Input/modal.ts

@@ -9,6 +9,7 @@ export interface HInputProps<V = any>
   onChange?: (value: V) => void;
   value?: V;
   defaultColor?: string;
+  copy?:boolean;
 }
 
 interface ValueNameModal {

package/src/components/index.tsx

@@ -28,3 +28,4 @@ export const HTextArea = FormConfig.textArea;
 export const HColorInput = FormConfig.colorInput;
 export const HModalForm = ModalForm;
 export const HDrawerForm = DrawerForm;
+export const HCascader = FormConfig.cascader;

package/src/pages/Form/index.tsx

@@ -128,6 +128,19 @@ const formData = (options) => {
       label: "测试",
       type: "test",
     },
+    {
+      label: "多级",
+      type: "cascader",
+      name: "cascader",
+      itemProps: {
+        options: [
+          {
+            value: "多选1",
+            key: 1,
+          },
+        ],
+      },
+    },
     {
       type: "submit",
     },