@teamias/rex-design 0.0.20 → 0.0.22

package/dist/components/big-input/big-input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BigInputProps } from './types';
+export declare const BigInput: React.FC<BigInputProps>;
+export default BigInput;

package/dist/components/big-input/big-input.js

@@ -0,0 +1,173 @@
+var _excluded = ["placeholder", "onChange", "onBlur", "onFocus", "autoSize", "value", "disabled", "style", "className"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import Input from 'antd/es/input';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TextArea = Input.TextArea;
+export var BigInput = function BigInput(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "请输入" : _props$placeholder,
+    handleChange = props.onChange,
+    handleBlur = props.onBlur,
+    handleFocus = props.onFocus,
+    autoSize = props.autoSize,
+    propsValue = props.value,
+    disabled = props.disabled,
+    style = props.style,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+
+  // 状态管理
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
+  var _useState3 = useState(propsValue || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localValue = _useState4[0],
+    setLocalValue = _useState4[1];
+  var _useState5 = useState({
+      height: 32,
+      width: '100%'
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputSize = _useState6[0],
+    setInputSize = _useState6[1];
+  var textAreaRef = useRef(null);
+  var inputRef = useRef(null);
+
+  // 当外部value变化时更新本地状态
+  useEffect(function () {
+    setLocalValue(propsValue || '');
+  }, [propsValue]);
+
+  // 当isExpanded状态变为true时，自动聚焦到文本域并将光标移到文本末尾
+  useEffect(function () {
+    if (isExpanded && textAreaRef.current) {
+      var timer = setTimeout(function () {
+        var textarea = textAreaRef.current;
+        if (textarea) {
+          var _textarea$resizableTe;
+          // 对于Ant Design的TextArea，我们需要获取内部的DOM元素
+          // 获取内部DOM元素的安全方式
+          var domNode = (textarea === null || textarea === void 0 || (_textarea$resizableTe = textarea.resizableTextArea) === null || _textarea$resizableTe === void 0 ? void 0 : _textarea$resizableTe.textArea) || textarea;
+          if (domNode) {
+            domNode.focus();
+            var value = domNode.value || '';
+            var length = value.length;
+
+            // 检查元素是否支持setSelectionRange方法
+            if (typeof domNode.setSelectionRange === 'function') {
+              domNode.setSelectionRange(length, length);
+            }
+          }
+        }
+      }, 0);
+      // 清理定时器，避免内存泄漏
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [isExpanded]);
+  useEffect(function () {
+    // 确保inputRef.current存在
+    if (!isExpanded && inputRef.current) {
+      var _inputRef$current;
+      // 安全地获取DOM元素并检查方法存在性
+      var inputElement = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input;
+      if (inputElement && typeof inputElement.getBoundingClientRect === 'function') {
+        var rect = inputElement.getBoundingClientRect();
+        setInputSize({
+          height: rect.height,
+          width: '100%'
+        });
+      }
+    }
+  }, [isExpanded]);
+
+  // 处理输入框的focus事件 - 只用于切换到文本域
+  var handleInputFocus = useCallback(function (e) {
+    setIsExpanded(true);
+  }, [handleFocus]);
+
+  // 处理文本域的blur事件 - 用于切回输入框
+  var handleTextAreaBlur = useCallback(function (e) {
+    setIsExpanded(false);
+    handleBlur === null || handleBlur === void 0 || handleBlur(e);
+  }, [handleBlur]);
+
+  // 处理文本域的onChange事件 - 主要的数据修改逻辑
+  var handleTextAreaChange = useCallback(function (e) {
+    var newValue = e.target.value;
+    setLocalValue(newValue);
+    // 直接使用文本域的change事件，不需要转换为输入框类型
+    handleChange === null || handleChange === void 0 || handleChange(e);
+  }, [handleChange]);
+
+  // 处理文本域的focus事件
+  var handleTextAreaFocus = useCallback(function (e) {
+    handleFocus === null || handleFocus === void 0 || handleFocus(e);
+  }, [handleFocus]);
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      position: 'relative'
+    },
+    children: isExpanded ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          height: "".concat(inputSize.height, "px"),
+          width: inputSize.width,
+          backgroundColor: disabled ? '#f5f5f5' : 'transparent',
+          borderRadius: '2px',
+          boxSizing: 'border-box'
+        }
+      }), /*#__PURE__*/_jsx(TextArea, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1,
+          boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+          transition: 'all 0.3s ease-out',
+          transform: 'translateY(-2px)'
+        }
+        // 显式列出TextArea支持的属性，避免类型冲突
+        ,
+        value: localValue,
+        onChange: handleTextAreaChange,
+        onBlur: handleTextAreaBlur,
+        onFocus: handleTextAreaFocus,
+        placeholder: placeholder,
+        disabled: disabled,
+        autoSize: autoSize || {
+          minRows: 2,
+          maxRows: 6
+        },
+        ref: textAreaRef
+        // 传递TextArea特有属性
+        ,
+        showCount: rest.showCount,
+        maxLength: rest.maxLength
+      }, "textarea")]
+    }) : /*#__PURE__*/_jsx(Input, {
+      ref: inputRef,
+      onFocus: handleInputFocus,
+      placeholder: placeholder,
+      value: localValue,
+      disabled: disabled,
+      style: style,
+      className: className
+    }, "input")
+  });
+};
+export default BigInput;

package/dist/components/big-input/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/big-input/demo/index.js

@@ -0,0 +1,64 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { RexProConfigProvider } from "../../../context";
+import enUS from "antd/es/calendar/locale/en_US";
+import { crush } from "radash";
+import { createIntl } from "react-intl";
+import { BigInput } from "../../..";
+import { useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    localValue1 = _useState2[0],
+    setLocalValue1 = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localValue2 = _useState4[0],
+    setLocalValue2 = _useState4[1];
+  return /*#__PURE__*/_jsxs(RexProConfigProvider, {
+    value: {
+      intl: createIntl({
+        locale: 'en-us',
+        messages: _objectSpread({}, crush(enUS))
+      })
+    },
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "\u6587\u672C\u57DF1"
+    }), /*#__PURE__*/_jsx(BigInput, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      onChange: function onChange(e) {
+        return setLocalValue1(e.target.value);
+      }
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["\u503C1\uFF1A", localValue1]
+    }), /*#__PURE__*/_jsx("p", {
+      children: "\u6587\u672C\u57DF2"
+    }), /*#__PURE__*/_jsx(BigInput, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      allowClear: true,
+      showCount: true,
+      maxLength: 20,
+      autoSize: {
+        minRows: 4,
+        maxRows: 6
+      },
+      onChange: function onChange(e) {
+        return setLocalValue2(e.target.value);
+      }
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["\u503C2\uFF1A", localValue2]
+    })]
+  });
+});

package/dist/components/big-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './big-input';
+export * from './types';

package/dist/components/big-input/index.js

@@ -0,0 +1,2 @@
+export * from "./big-input";
+export * from "./types";

package/dist/components/big-input/types.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from 'antd/es/input';
+import React from 'react';
+export interface BigInputProps extends Omit<InputProps, 'prefix' | 'suffix' | 'addonBefore' | 'addonAfter' | 'onChange' | 'onBlur' | 'onFocus'> {
+    autoSize?: {
+        minRows: number;
+        maxRows: number;
+    } | boolean;
+    showCount?: boolean;
+    maxLength?: number;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}

package/dist/components/big-input/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -7,3 +7,5 @@ export * from './data-cell';
 export * from './icons';
 export * from './media-viewer';
 export * from './tiptap-editor';
+export * from './big-input';
+export * from './upload-plus';

package/dist/components/index.js

@@ -6,4 +6,6 @@ export * from "./base-table";
 export * from "./data-cell";
 export * from "./icons";
 export * from "./media-viewer";
-export * from "./tiptap-editor";
+export * from "./tiptap-editor";
+export * from "./big-input";
+export * from "./upload-plus";

package/dist/components/upload-plus/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/upload-plus/demo/index.js

@@ -0,0 +1,53 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { RexProConfigProvider } from "../../../context";
+import enUS from "antd/es/calendar/locale/en_US";
+import { crush } from "radash";
+import { createIntl } from "react-intl";
+import UploadPlus from "../upload-plus";
+import { Card, message } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var props = {
+    name: 'file',
+    multiple: true,
+    action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
+    onChange: function onChange(info) {
+      var status = info.file.status;
+      if (status !== 'uploading') {
+        console.log(info.file, info.fileList);
+      }
+      if (status === 'done') {
+        message.success("".concat(info.file.name, " file uploaded successfully."));
+      } else if (status === 'error') {
+        message.error("".concat(info.file.name, " file upload failed."));
+      }
+    },
+    onDrop: function onDrop(e) {
+      console.log('Dropped files', e.dataTransfer.files);
+    }
+  };
+  return /*#__PURE__*/_jsxs(RexProConfigProvider, {
+    value: {
+      intl: createIntl({
+        locale: 'en-us',
+        messages: _objectSpread({}, crush(enUS))
+      })
+    },
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "\u4E0A\u4F20\u7EC4\u4EF61"
+    }), /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: 12
+        },
+        children: /*#__PURE__*/_jsx(UploadPlus, _objectSpread({}, props))
+      })
+    })]
+  });
+});

package/dist/components/upload-plus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './upload-plus';
+export * from './types';

package/dist/components/upload-plus/index.js

@@ -0,0 +1,2 @@
+export * from "./upload-plus";
+export * from "./types";

package/dist/components/upload-plus/types.d.ts

@@ -0,0 +1,3 @@
+import { UploadProps } from 'antd';
+export interface UploadPlusProps extends UploadProps {
+}

package/dist/components/upload-plus/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/upload-plus/upload-plus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/upload-plus/upload-plus.js

@@ -0,0 +1,83 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { InboxOutlined } from '@ant-design/icons';
+import { Upload } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Dragger = Upload.Dragger;
+var App = function App(props) {
+  var draggerRef = React.useRef(null);
+
+  // 处理粘贴事件
+  React.useEffect(function () {
+    var handlePaste = function handlePaste(e) {
+      var _e$clipboardData;
+      var items = (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.items;
+      if (!items) return;
+      var files = [];
+      for (var i = 0; i < items.length; i++) {
+        if (items[i].kind === 'file') {
+          var file = items[i].getAsFile();
+          if (file) files.push(file);
+        }
+      }
+      if (files.length > 0 && draggerRef.current) {
+        // 通过 Dragger 的 input 手动触发上传
+        var input = draggerRef.current.querySelector('input[type="file"]');
+        if (input) {
+          // 创建 DataTransfer 对象模拟文件选择
+          var dt = new DataTransfer();
+          files.forEach(function (f) {
+            return dt.items.add(f);
+          });
+          input.files = dt.files;
+          // 触发 change 事件
+          var event = new Event('change', {
+            bubbles: true
+          });
+          input.dispatchEvent(event);
+        }
+      }
+    };
+    var ref = draggerRef.current;
+    if (ref) {
+      ref.addEventListener('paste', handlePaste);
+    }
+    return function () {
+      if (ref) {
+        ref.removeEventListener('paste', handlePaste);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    ref: draggerRef,
+    tabIndex: 0,
+    style: {
+      outline: 'none'
+    },
+    children: /*#__PURE__*/_jsxs(Dragger, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "ant-upload-drag-icon",
+        children: /*#__PURE__*/_jsx(InboxOutlined, {})
+      }), /*#__PURE__*/_jsx("p", {
+        className: "ant-upload-text",
+        children: "\u70B9\u51FB\u3001\u62D6\u62FD\u6216\u7C98\u8D34\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20"
+      }), /*#__PURE__*/_jsx("p", {
+        className: "ant-upload-hint",
+        children: "\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20\u3002\u4E25\u7981\u4E0A\u4F20\u516C\u53F8\u6570\u636E\u6216\u5176\u4ED6\u654F\u611F\u6587\u4EF6\u3002"
+      }), /*#__PURE__*/_jsx("p", {
+        style: {
+          color: '#888',
+          fontSize: 12
+        },
+        children: "\u73B0\u5728\u652F\u6301\u7C98\u8D34\u6587\u4EF6\u4E0A\u4F20"
+      })]
+    }))
+  });
+};
+export default App;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/rex-design",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",