ztxkui 4.2.23-113 → 4.2.23-115

package/README.md

@@ -1,57 +1,57 @@
-# 前端ui库
-
-## 关于 typescript 相关配置说明
-
-_[tsconfig.json](https://www.tslang.cn/docs/handbook/tsconfig-json.html) 如果一个目录下存在一个 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的根文件和编译选现_
-
-- compilerOptions 可以忽略，如果忽略 会使用默认值
-  - outDir 指定的目录下的文件永远会被编译器排除，除非使用 files 包含
-  - typeRoots 默认所有可见的 @types 包会在编译过程中被包含进来，如果指定了这个配置 只有他下面的包才会被包含进来
-
-* files 指定一个包含相对或绝对文件路径的列表,优先级最高
-* include 需要编译的文件 优先级最低
-* exclude 不需要编译的文件 优先级中等
-* extends 继承配置 继承的文件会覆盖源文件
-
-_[eslint](https://eslint.bootcss.com/docs/user-guide/getting-started)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误_
-
-- parser 解析器(eslint 默认使用 Espree 作为其解析器)
-- parserOptions 解析器配置选项
-- env 和 globals 环境和全局变量
-
-* rules 规则（off 或 0，关闭规则；warn 或 1，开启规则；error 或 2，开启规则，并会出错阻止代码运行）
-  - semi 是否使用分号（当前不使用 错误级别 1）
-  - no-trailing-spaces 禁止行尾空格
-  - array-bracket-spacing 强制数组括号内的空格一致
-  - operator-linebreak 强制操作符使用一致的换行符
-  - function-paren-newline 强制函数括号内使用一致的换行
-  * no-magic-numbers 禁止使用魔术数字
-    - ignoreArrayIndexes 数字可否作为数组的索引
-  - block-spacing 禁止或强制在代码块中开括号前和闭括号后有空格
-  - brace-style 大括号风格要求
-  - no-multiple-empty-lines 最大换行数
-  - object-curly-spacing 强制在花括号中使用一致的空格
-  * comma-spacing 强制在逗号周围使用空格
-    - before false 禁止逗号前使用空格
-    - after true 要求逗号后使用一个或多个空格
-  * keyword-spacing 强制关键字周围空格的一致性
-    - before true (默认) 要求在关键字之前至少有一个空格
-    - after true (默认) 要求在关键字之后至少有一个空格
-  * comma-style 逗号风格
-    - last (默认) 要求逗号放在数组元素、对象属性或变量声明之后，且在同一行
-  - no-multi-spaces 禁止出现多个空格
-
-- plugins 插件(插件可以提供处理器 配置在 processor 中 通过 pluginName/parserName)
-- overrides 为特定类型的文件指定处理器，请使用 overrides 和 processor 的组合
-- extends 拓展 一个配置文件可以被基础配置中的已启用的规则继承
-- settings 提供给每一个将被执行的规则
-- root 如果为 true 则项目中的 eslint 规则 在根目录中找
-
-## 本地调试
-
-```json
-"peerDependencies": {
-  "react": ">=16.9.0",
-  "react-dom": ">=16.9.0"
-}
-```
+# 前端ui库
+
+## 关于 typescript 相关配置说明
+
+_[tsconfig.json](https://www.tslang.cn/docs/handbook/tsconfig-json.html) 如果一个目录下存在一个 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的根文件和编译选现_
+
+- compilerOptions 可以忽略，如果忽略 会使用默认值
+  - outDir 指定的目录下的文件永远会被编译器排除，除非使用 files 包含
+  - typeRoots 默认所有可见的 @types 包会在编译过程中被包含进来，如果指定了这个配置 只有他下面的包才会被包含进来
+
+* files 指定一个包含相对或绝对文件路径的列表,优先级最高
+* include 需要编译的文件 优先级最低
+* exclude 不需要编译的文件 优先级中等
+* extends 继承配置 继承的文件会覆盖源文件
+
+_[eslint](https://eslint.bootcss.com/docs/user-guide/getting-started)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误_
+
+- parser 解析器(eslint 默认使用 Espree 作为其解析器)
+- parserOptions 解析器配置选项
+- env 和 globals 环境和全局变量
+
+* rules 规则（off 或 0，关闭规则；warn 或 1，开启规则；error 或 2，开启规则，并会出错阻止代码运行）
+  - semi 是否使用分号（当前不使用 错误级别 1）
+  - no-trailing-spaces 禁止行尾空格
+  - array-bracket-spacing 强制数组括号内的空格一致
+  - operator-linebreak 强制操作符使用一致的换行符
+  - function-paren-newline 强制函数括号内使用一致的换行
+  * no-magic-numbers 禁止使用魔术数字
+    - ignoreArrayIndexes 数字可否作为数组的索引
+  - block-spacing 禁止或强制在代码块中开括号前和闭括号后有空格
+  - brace-style 大括号风格要求
+  - no-multiple-empty-lines 最大换行数
+  - object-curly-spacing 强制在花括号中使用一致的空格
+  * comma-spacing 强制在逗号周围使用空格
+    - before false 禁止逗号前使用空格
+    - after true 要求逗号后使用一个或多个空格
+  * keyword-spacing 强制关键字周围空格的一致性
+    - before true (默认) 要求在关键字之前至少有一个空格
+    - after true (默认) 要求在关键字之后至少有一个空格
+  * comma-style 逗号风格
+    - last (默认) 要求逗号放在数组元素、对象属性或变量声明之后，且在同一行
+  - no-multi-spaces 禁止出现多个空格
+
+- plugins 插件(插件可以提供处理器 配置在 processor 中 通过 pluginName/parserName)
+- overrides 为特定类型的文件指定处理器，请使用 overrides 和 processor 的组合
+- extends 拓展 一个配置文件可以被基础配置中的已启用的规则继承
+- settings 提供给每一个将被执行的规则
+- root 如果为 true 则项目中的 eslint 规则 在根目录中找
+
+## 本地调试
+
+```json
+"peerDependencies": {
+  "react": ">=16.9.0",
+  "react-dom": ">=16.9.0"
+}
+```

package/dist/DemoCom/PrintContainerDemo.js

@@ -44,7 +44,7 @@ import { token } from '../constants';
 import Tidan from './tidan';
 function request(options) {
     var headers = options.headers, restOptions = __rest(options, ["headers"]);
-    return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
+    return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://172.55.5.101:33015/', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
 }
 // const sealIdList = ['2980019783467188885', '2982231505305256230'];
 // const keywordList = ['测试一', '测试四'];
@@ -96,7 +96,7 @@ var PrintContainerDemo = function () {
     useEffect(function () {
         var image = new Image();
         image.setAttribute('crossOrigin', 'anonymous');
-        image.src = createDownloadUrl('http://192.168.0.83:8000', '1559472632642387969');
+        image.src = createDownloadUrl('http://172.55.5.101:33015/', '1559472632642387969');
         image.onload = function () {
             var canvas = document.createElement('canvas');
             canvas.width = image.width;
@@ -113,17 +113,13 @@ var PrintContainerDemo = function () {
     , { 
         // isAddExportPage={true}
         // loading={loading}
-        request: request, 
-        // deptId="1295909543961944065"
-        // flowId="scm_order_contract_cght"
-        // fileId="1551733945007517697"
+        request: request, deptId: "1514842376723976194", flowId: "scm_print_thd", fileId: "1551733945007517697", 
         // // keywordList={keywordList}
         // imgWaterBg={water}
         // isSetPosition={false}
         // showPrintMessage
         // showAddSeal
-        apiUrl: "http://192.168.0.83:8000", 
-        // fileBaseUrl="http://192.168.0.83:88"
+        isPhone: true, pdfName: "test", apiUrl: "http://172.55.5.101:33015", fileBaseUrl: "http://172.55.5.101:33015", 
         // showAboutExport
         // aboutExportIds="7476520567474487367,7476520567474487365,7476520567474487366"
         // aboutExportZipName="测试zip包"

package/dist/TableDemo/index.js

@@ -9,6 +9,10 @@ import React from 'react';
 // store
 // 自定义组件
 import BasicTable from './BasicTable';
+// import EditableTable from './EditableTable';
+// import ModalTable from './ModalTable';
+// import VirtualTable from './VirtualTable';
+// import ElseTable from './ElseTable';
 // 其他文件
 var TableDemo = function () {
     return (React.createElement("div", null,

package/dist/UI/ChatRoom/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ChatRoomCom: React.FC;
+export default ChatRoomCom;

package/dist/UI/ChatRoom/index.js

@@ -0,0 +1,5 @@
+import ChatRoom from '../../components/ChatRoom';
+var ChatRoomCom = function () {
+    return React.createElement(ChatRoom, null);
+};
+export default ChatRoomCom;

package/dist/UI/OCRCom/CommonOcr.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Ocr(): JSX.Element;

package/dist/UI/OCRCom/CommonOcr.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import OCRCom from '../../components/OCR_COM';
+import axios from 'axios';
+import { getToken } from 'ztxkutils/dist/authority';
+function request(options) {
+    var headers = options.headers, restOptions = __rest(options, ["headers"]);
+    var token = getToken();
+    return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
+}
+export default function Ocr() {
+    return React.createElement(OCRCom, { request: request, isCommonOcr: true, tableHeight: 300 });
+}

package/dist/UI/OCRCom/UserOcr.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Ocr(): JSX.Element;

package/dist/UI/OCRCom/UserOcr.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import OCRCom from '../../components/OCR_COM';
+import axios from 'axios';
+import { getToken } from 'ztxkutils/dist/authority';
+function request(options) {
+    var headers = options.headers, restOptions = __rest(options, ["headers"]);
+    var token = getToken();
+    return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
+}
+export default function Ocr() {
+    var ocrRef = React.useRef();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { onClick: function () {
+                console.log(ocrRef.current.getUserResult());
+            } }, "\u83B7\u53D6"),
+        React.createElement(OCRCom, { request: request, isUser: true, isCropServer: true, tableHeight: 300, documentId: "7560584210030092299", ref: ocrRef })));
+}

package/dist/UI/OCRCom/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Ocr(): JSX.Element;

package/dist/UI/OCRCom/index.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import OCRCom from '../../components/OCR_COM';
+import axios from 'axios';
+import { getToken } from 'ztxkutils/dist/authority';
+function request(options) {
+    var headers = options.headers, restOptions = __rest(options, ["headers"]);
+    var token = getToken();
+    return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
+}
+export default function Ocr() {
+    return (React.createElement(OCRCom, { request: request, isSetting: true, documentId: "7560584210030092299", canvasWidth: 500, tableHeight: 300 }));
+}

package/dist/UI/index.js

@@ -6,6 +6,10 @@ import Form from './Form';
 import Modal from './Modal';
 import Basic from './Basic';
 import OCR from './OCR';
+import OCRCom from './OCRCom';
+import CommonOcr from './OCRCom/CommonOcr';
+import UserOcr from './OCRCom/UserOcr';
+import ChatRoom from './ChatRoom';
 export default function UIComponent() {
     return (React.createElement("div", { style: { padding: '10px' } },
         React.createElement(Link, { to: "/ui/default-table", style: { marginRight: '10px' } }, "\u7B80\u5355\u8868\u683C"),
@@ -14,6 +18,10 @@ export default function UIComponent() {
         React.createElement(Link, { to: "/ui/modal", style: { marginRight: '10px' } }, "\u5F39\u6846"),
         React.createElement(Link, { to: "/ui/basic", style: { marginRight: '10px' } }, "\u57FA\u7840"),
         React.createElement(Link, { to: "/ui/ocr", style: { marginRight: '10px' } }, "OCR\u6587\u5B57\u8BC6\u522B"),
+        React.createElement(Link, { to: "/ui/ocrCom", style: { marginRight: '10px' } }, "OCR\u914D\u7F6E\u573A\u666F"),
+        React.createElement(Link, { to: "/ui/ocrAll", style: { marginRight: '10px' } }, "OCR\u901A\u7528\u8BC6\u522B\u573A\u666F"),
+        React.createElement(Link, { to: "/ui/ocrUser", style: { marginRight: '10px' } }, "OCR\u7528\u6237\u4F7F\u7528\u573A\u666F"),
+        React.createElement(Link, { to: "/ui/chatRoom", style: { marginRight: '10px' } }, "\u804A\u5929\u5BA4"),
         React.createElement(Switch, null,
             React.createElement(Route, { path: "/ui/default-table" },
                 React.createElement(DefaultTable, null)),
@@ -26,5 +34,13 @@ export default function UIComponent() {
             React.createElement(Route, { path: "/ui/basic" },
                 React.createElement(Basic, null)),
             React.createElement(Route, { path: "/ui/ocr" },
-                React.createElement(OCR, null)))));
+                React.createElement(OCR, null)),
+            React.createElement(Route, { path: "/ui/ocrCom" },
+                React.createElement(OCRCom, null)),
+            React.createElement(Route, { path: "/ui/ocrAll" },
+                React.createElement(CommonOcr, null)),
+            React.createElement(Route, { path: "/ui/ocrUser" },
+                React.createElement(UserOcr, null)),
+            React.createElement(Route, { path: "/ui/chatRoom" },
+                React.createElement(ChatRoom, null)))));
 }

package/dist/components/Button/button.d.ts

@@ -8,6 +8,8 @@ export interface IProps extends ButtonProps {
     showCopy?: boolean | string;
     /** copy容器样式 */
     copyContainerStyle?: any;
+    /** 是否异步按钮 */
+    isAsync?: boolean;
 }
 declare const Button: React.FC<IProps>;
 export default Button;

package/dist/components/Button/button.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,15 +56,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useRef } from 'react';
+import React, { useRef, useState } from 'react';
 import { Button as AntButton } from 'antd';
 import classNames from 'classnames';
 var maxClickTime = 1000;
 var Button = function (props) {
     var _a;
-    var children = props.children, type = props.type, size = props.size, disabled = props.disabled, danger = props.danger, className = props.className, onClick = props.onClick, _b = props.agentClick, agentClick = _b === void 0 ? true : _b, showCopy = props.showCopy, copyContainerStyle = props.copyContainerStyle, restProps = __rest(props, ["children", "type", "size", "disabled", "danger", "className", "onClick", "agentClick", "showCopy", "copyContainerStyle"]);
+    var children = props.children, type = props.type, size = props.size, disabled = props.disabled, danger = props.danger, className = props.className, onClick = props.onClick, _b = props.agentClick, agentClick = _b === void 0 ? true : _b, showCopy = props.showCopy, copyContainerStyle = props.copyContainerStyle, isAsync = props.isAsync, restProps = __rest(props, ["children", "type", "size", "disabled", "danger", "className", "onClick", "agentClick", "showCopy", "copyContainerStyle", "isAsync"]);
     var startTimeRef = useRef(0);
     var btnRef = useRef();
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
     var classes = classNames('zt-btn', className, (_a = {},
         _a["zt-btn-" + type] = type,
         _a["zt-btn-disabled"] = disabled,
@@ -52,6 +89,31 @@ var Button = function (props) {
             onClick && onClick(event);
         }
     };
+    var asyncClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    if (!onClick) return [3 /*break*/, 3];
+                    return [4 /*yield*/, onClick(event)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    setLoading(false);
+                    return [3 /*break*/, 5];
+                case 4:
+                    err_1 = _a.sent();
+                    setLoading(false);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     // 复制文本内容
     var onClickHandle = function () {
         var _a;
@@ -67,12 +129,12 @@ var Button = function (props) {
         document.body.removeChild(textarea);
     };
     return showCopy ? (React.createElement("div", { className: "copy-btn--container", style: copyContainerStyle },
-        React.createElement(AntButton, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick, ref: btnRef }, restProps), props.children),
+        React.createElement(AntButton, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: isAsync ? asyncClick : myOnClick, ref: btnRef, loading: loading }, restProps), props.children),
         showCopy && (React.createElement(AntButton, { type: "link", onClick: onClickHandle, style: {
                 paddingLeft: 0,
                 paddingRight: 0,
                 fontSize: '12px',
                 color: '#4285f4',
-            } }, "\u590D\u5236")))) : (React.createElement(AntButton, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick, ref: btnRef }, restProps), props.children));
+            } }, "\u590D\u5236")))) : (React.createElement(AntButton, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: isAsync ? asyncClick : myOnClick, ref: btnRef, loading: loading }, restProps), props.children));
 };
 export default Button;

package/dist/components/ChatRoom/components/AntModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ModalProps } from 'antd/lib/modal';
+interface IProps extends ModalProps {
+    children: React.ReactNode;
+    isDrag?: boolean;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>>;
+export default _default;

package/dist/components/ChatRoom/components/AntModal.js

@@ -0,0 +1,80 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useRef, memo, forwardRef, useImperativeHandle, } from 'react';
+import { Modal as AntModal } from 'antd';
+import Draggable from 'react-draggable';
+import classNames from 'classnames';
+function Modal(props, ref) {
+    var children = props.children, className = props.className, _a = props.isDrag, isDrag = _a === void 0 ? true : _a, restProps = __rest(props, ["children", "className", "isDrag"]);
+    var _b = useState(true), disabled = _b[0], setDisabled = _b[1];
+    var _c = useState({
+        left: 0,
+        top: 0,
+        bottom: 0,
+        right: 0,
+    }), bounds = _c[0], setBounds = _c[1];
+    var draggleRef = useRef(null);
+    var onStart = function (_event, uiData) {
+        var _a;
+        var _b = window.document.documentElement, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
+        var targetRect = (_a = draggleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!targetRect) {
+            return;
+        }
+        setBounds({
+            left: -targetRect.left + uiData.x,
+            right: clientWidth - (targetRect.right - uiData.x),
+            top: -targetRect.top + uiData.y,
+            bottom: clientHeight - (targetRect.bottom - uiData.y),
+        });
+    };
+    var classes = classNames('zchat-modal', className, {});
+    useImperativeHandle(ref, function () {
+        return {
+            onMouseOver: function () {
+                if (disabled) {
+                    setDisabled(false);
+                }
+            },
+            onMouseOut: function () {
+                setDisabled(true);
+            },
+            // fix eslintjsx-a11y/mouse-events-have-key-events
+            // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
+            onFocus: function () { },
+            onBlur: function () { },
+            // end
+        };
+    });
+    var modalRender = isDrag
+        ? function (modal) { return (React.createElement(Draggable, { disabled: disabled, bounds: bounds, onStart: function (event, uiData) { return onStart(event, uiData); } },
+            React.createElement("div", { ref: draggleRef }, modal))); }
+        : props.modalRender;
+    return (React.createElement(AntModal, __assign({ className: classes, closable: false, footer: null, width: "80%" }, restProps, { modalRender: modalRender }), children));
+}
+Modal.info = AntModal.info;
+Modal.success = AntModal.success;
+Modal.error = AntModal.error;
+Modal.confirm = AntModal.confirm;
+Modal.useModal = AntModal.useModal;
+export default memo(forwardRef(Modal));

package/dist/components/ChatRoom/components/ModalRoom.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Modal: ({ isOpen, onClose, children }: {
+    isOpen: any;
+    onClose: any;
+    children: any;
+}) => JSX.Element;
+export default Modal;