@hw-component/form 1.8.5 → 1.8.6

package/es/Input/index.js

@@ -11,16 +11,19 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import { jsx } from 'react/jsx-runtime';
 import { Input, message } from 'antd';
 import { CopyOutlined } from '@ant-design/icons';
-import { CopyToClipboard } from 'react-copy-to-clipboard';
+import copy from '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 CopyDom = function CopyDom(_ref) {
   var value = _ref.value;
-  return jsx(CopyToClipboard, {
-    text: value,
-    onCopy: function onCopy() {
+  return jsx("div", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      copy(value);
       message.success("复制成功!");
     },
     children: jsx(CopyOutlined, {})

package/lib/Input/index.js

@@ -14,16 +14,19 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var icons = require('@ant-design/icons');
-var reactCopyToClipboard = require('react-copy-to-clipboard');
+var copy = require('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 CopyDom = function CopyDom(_ref) {
   var value = _ref.value;
-  return jsxRuntime.jsx(reactCopyToClipboard.CopyToClipboard, {
-    text: value,
-    onCopy: function onCopy() {
+  return jsxRuntime.jsx("div", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      copy(value);
       antd.message.success("复制成功!");
     },
     children: jsxRuntime.jsx(icons.CopyOutlined, {})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.8.5",
+  "version": "1.8.6",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -38,13 +38,14 @@
   "peerDependencies": {
     "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",
     "@types/react-color": "^3.0.9",
     "@ant-design/icons": "4.6.2",
     "ahooks": "2.10.9",
-    "antd": "4.20.7"
+    "antd": "4.20.7",
+    "copy-to-clipboard": "3.3.1",
+    "core-js": "3"
   },
   "devDependencies": {
     "@babel/core": "^7.21.8",
@@ -88,7 +89,15 @@
     "webpack-cli": "^5.1.1",
     "webpack-dev-server": "^4.15.0",
     "webpackbar": "^5.0.2",
-    "core-js": "3"
+    "react": "17.0.0",
+    "react-color": "^2.19.3",
+    "react-dom": "17.0.2",
+    "react-router-dom": "^6.11.2",
+    "@types/react-color": "^3.0.9",
+    "@ant-design/icons": "4.6.2",
+    "ahooks": "2.10.9",
+    "antd": "4.20.7",
+    "copy-to-clipboard": "3.3.1"
   },
   "cssPrefix": "hw"
 }

package/src/components/Input/index.tsx

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

package/src/pages/Input/index.tsx

@@ -11,7 +11,7 @@ import { Space } from "antd";
 export default () => {
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
-      <HInput placeholder="基础输入框" />
+      <HInput placeholder="基础输入框" copy value="11111"/>
       <HSelectInput
         placeholder="基础输入框"
         selectProps={{