ztxkui 4.2.23-9 → 4.2.23-91

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/Demo.js

@@ -1,4 +1,5 @@
 import EnhanceSelect from 'components/EnhanceSelect';
+import { Button } from './';
 import { useEffect, useState } from 'react';
 import { stringify } from 'qs';
 import { Link } from 'react-router-dom';
@@ -63,8 +64,14 @@ function Demo() {
             }
         };
     }, []);
+    var _j = useState(1), num = _j[0], setNum = _j[1];
     return (React.createElement("div", { style: { height: 2000 } },
         React.createElement(Link, { to: "/test" }, "test"),
+        React.createElement("div", { onClick: function () {
+                setNum(num + 1);
+            } },
+            "\u8BBE\u7F6E",
+            num),
         React.createElement("div", null,
             React.createElement(EnhanceSelect, { style: selectStyle, list: list, isHandAddItem: true, value: value1, showAll: true, onChange: function (value) {
                     console.log(value, typeof value);
@@ -121,9 +128,31 @@ function Demo() {
             // defaultList={defaultList}
             isClickRequest: true }),
         React.createElement("p", null, "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E"),
-        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", url: "http://192.168.0.83:8000/api/zmdms-system/company/list", request: request, dataKey: "id", titleKey: "name", isClickRequest: true, isPaste: true, mode: "multiple", value: value3, onChange: function (value, option, fullData) {
+        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", 
+            // url="http://192.168.0.83:8000/api/zmdms-system/company/list"
+            request: request, 
+            // dataKey="id"
+            // titleKey="name"
+            // isPaste
+            // mode="multiple"
+            value: value3, isCatch: true, onChange: function (value, option, fullData) {
                 console.log(value);
                 setValue3(value);
+            }, dataKey: "id", titleKey: "name", url: "http://192.168.0.83:8000/api/zmdms-scm-accounting/advancepaymentoverdue/getOveStatusEnum", method: "GET", 
+            // isCatch
+            // request={request}
+            transformData: function (res) {
+                var dataList = [];
+                for (var item in res.data.data) {
+                    dataList.push({ key: item, name: res.data.data[item] });
+                }
+                res.data.data = dataList;
+                return res;
+            }, dropdownRenderBtns: function () {
+                return (React.createElement(Button, { onClick: function (e) {
+                        e.preventDefault();
+                        console.log(111);
+                    } }, "\u6D4B\u8BD5"));
             } }),
         React.createElement("p", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
         React.createElement("button", { onClick: function () {

package/dist/DemoCom/CollapseDemo.js

@@ -2,7 +2,7 @@ import Collapse from 'components/Collapse';
 import GridList from 'components/business/NewList';
 function CollapseDemo() {
     return (React.createElement("div", { style: { padding: 20 } },
-        React.createElement(Collapse, { showBackground: true },
+        React.createElement(Collapse, { showBackground: true, collapsible: "icon" },
             React.createElement(Collapse.Panel, { key: "1", header: "\u4E2A\u4EBA\u4FE1\u606F" },
                 React.createElement(GridList, null,
                     React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5", showDiff: true, isBlod: true }, "\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1"),

package/dist/DemoCom/FormDemo.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useMemo, useRef } from 'react';
+import React, { useState, useMemo, useRef, useEffect } from 'react';
 import SearchContainer from '../components/business/SearchContainer';
 import Form from '../components/Form';
 import Input from '../components/Input';
@@ -18,8 +18,23 @@ import DatePicker from '../components/DatePicker';
 import Checkbox from '../components/Checkbox';
 import Radio from '../components/Radio';
 import InputNumber from '../components/InputNumber';
+import EnhanceSelect from '../components/EnhanceSelect';
+import { stringify } from 'qs';
+import { token } from '../constants';
 var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight;
 var RangePicker = DatePicker.RangePicker;
+function request(options) {
+    return fetch(options.url + "?" + stringify(options.params), {
+        headers: {
+            'Zmdms-Auth': "bearer " + token,
+        },
+        method: options.method,
+    })
+        .then(function (response) { return response.json(); })
+        .then(function (res) {
+        return { status: 200, data: res };
+    });
+}
 var configInfo = {
     pwNoCopy: {
         isRequired: 1,
@@ -54,30 +69,44 @@ var getCustomDom = function () {
         React.createElement(SearchItem, { name: "type8", width: "half", label: "\u4F60\u597D811" },
             React.createElement(Select, null)),
         React.createElement(SearchItem, { name: "type5", width: "all", label: "\u4F60\u597D" },
-            React.createElement(Input.TextArea, { showCount: true, rows: 3, handleSize: true }))));
+            React.createElement(Input.TextArea, { showCount: true, rows: 3, handleSize: true })),
+        React.createElement(SearchItem, { name: "type6", width: "all", label: "\u4F60\u597D" },
+            React.createElement(Input.TextArea, { showCount: {
+                    formatter: function () { return '111'; },
+                }, maxLength: 10 }))));
 };
 var FormDemo = function () {
     var form = Form.useForm()[0];
     var _a = useState('1'), status = _a[0], setStatus = _a[1];
-    form.setFieldsValue({
-        pwNo: '123123',
-    });
+    var _b = useState({}), formData = _b[0], setFormData = _b[1];
+    var _c = useState(1), num = _c[0], setNum = _c[1];
+    useEffect(function () {
+        form.setFieldsValue(formData);
+    }, [formData, form]);
     var configInfoMemo = useMemo(function () {
         return __assign(__assign({}, configInfo), { startTime: __assign(__assign({}, configInfo === null || configInfo === void 0 ? void 0 : configInfo.startTime), { isDisplay: status === '1' ? true : false }) });
     }, [status]);
     var handleRef = useRef(null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Form, { name: "test-list", form: form },
+        React.createElement(Form, { name: "test-list", form: form, onKeyDown: function (event) {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    console.log('提交');
+                }
+            } },
             React.createElement(SearchContainer, { dark: true },
-                React.createElement(SearchLeft, { configInfo: configInfoMemo, isDynamic: true, dynamicStorageKey: "symbol-key-00001", isToggle: true, handleRef: handleRef },
+                React.createElement(SearchLeft, { configInfo: configInfoMemo, isDynamic: true, dynamicStorageKey: "symbol-key-00001", isToggle: true, toggleNum: 3, handleRef: handleRef },
                     React.createElement(SearchItem, { width: "half", name: "pwNo", configname: "pwNoCopy", label: "\u5165\u5E93\u5355\u53F7", disabled: true, rules: [
                             {
                                 required: true,
                                 message: '采购基本数据-请选择入库单号',
                             },
                         ] },
-                        React.createElement(Input.TextArea, { autoSize: true, allowClear: true, disabled: true, onChange: function (e) {
-                                console.log(e.target.value);
+                        React.createElement(Input.TextArea, { autoSize: true, allowClear: true, disabled: true, onBlur: function (e) {
+                                setFormData(function (preState) {
+                                    return __assign(__assign({}, preState), { pwNo: e.target.value });
+                                });
                             } })),
                     React.createElement(SearchItem, { width: "half", name: "pwNo1", label: "\u5165\u5E93\u5355\u53F71", dynamicdisabled: "1", rules: [
                             {
@@ -89,6 +118,9 @@ var FormDemo = function () {
                     React.createElement(SearchItem, { width: "half", name: "status", label: "\u5355\u636E\u72B6\u6001" },
                         React.createElement(Select, { onChange: function (value) {
                                 setStatus(value);
+                                setFormData(function (preState) {
+                                    return __assign(__assign({}, preState), { status: value });
+                                });
                             } },
                             React.createElement(Select.Option, { value: "1" }, "\u662F"),
                             React.createElement(Select.Option, { value: "0" }, "\u5426"))),
@@ -101,7 +133,14 @@ var FormDemo = function () {
                     React.createElement(SearchItem, { name: "companyId", label: "\u516C\u53F8\u540D\u79F0" },
                         React.createElement(Select, null)),
                     React.createElement(SearchItem, { name: "companyId1", label: "\u516C\u53F8\u540D\u79F01" },
-                        React.createElement(Input.TextArea, { autoSize: true })),
+                        React.createElement(EnhanceSelect, { placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", request: request, isCatch: true, dataKey: "id", titleKey: "name", url: "http://192.168.0.83:8000/api/zmdms-scm-accounting/advancepaymentoverdue/getOveStatusEnum", method: "GET", transformData: function (res) {
+                                var dataList = [];
+                                for (var item in res.data.data) {
+                                    dataList.push({ key: item, name: res.data.data[item] });
+                                }
+                                res.data.data = dataList;
+                                return res;
+                            } })),
                     React.createElement(SearchItem, { name: "depId", label: "\u90E8\u95E8\u540D\u79F0", rules: [{ required: true, message: '请选择部门名称' }] },
                         React.createElement(Select, { allowClear: true },
                             React.createElement(Select.Option, { value: "1" }, "\u662F"),
@@ -134,7 +173,12 @@ var FormDemo = function () {
                 React.createElement(SearchRight, { onSearchHandle: function () {
                         var _a;
                         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.setToggleHandle(false);
-                        console.log(form.getFieldsValue());
-                    }, onResetHandle: function () { } })))));
+                        console.log(form.getFieldsValue(), formData);
+                    }, onResetHandle: function () { } }))),
+        React.createElement("button", { onClick: function () {
+                setNum(num + 1);
+            } },
+            "\u8BBE\u7F6E",
+            num)));
 };
 export default FormDemo;

package/dist/DemoCom/FormDemo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/dist/DemoCom/FormDemo1.js

@@ -0,0 +1,95 @@
+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 };
+    }
+};
+import React, { memo, useEffect } from 'react';
+import SearchContainer from '../components/business/SearchContainer';
+import Form from '../components/Form';
+import Input from '../components/Input';
+import EnhanceSelect from 'components/EnhanceSelect';
+var SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight, Item = SearchContainer.SearchItem;
+var options = [
+    {
+        label: '小金鱼',
+        value: '213',
+    },
+    {
+        label: '周还会',
+        value: '333',
+    },
+];
+for (var i = 10; i < 1000; i++) {
+    options.push({
+        label: i.toString(36) + i,
+        value: i.toString(36) + i,
+    });
+}
+var SearchForm = function () {
+    var form = Form.useForm()[0];
+    /**
+     * 搜索数据
+     */
+    function onSearchHandle() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                console.log(form.getFieldsValue());
+                return [2 /*return*/];
+            });
+        });
+    }
+    /**
+     * 重置表单数据
+     */
+    function onResetHandle() {
+        form.resetFields();
+    }
+    useEffect(function () {
+        form &&
+            form.setFieldsValue({
+                type123: 12323,
+            });
+    }, [form]);
+    return (React.createElement(Form, { name: "codeQuery-making", form: form },
+        React.createElement(SearchContainer, null,
+            React.createElement(SearchLeft, null,
+                React.createElement(Item, { name: "type123", label: "\u7F16\u7801\u7C7B\u578B", width: "double", disabled: true, rules: [{ required: true, message: '请填写编码类型' }] },
+                    React.createElement(Input, null)),
+                React.createElement(Item, { name: "name", label: "\u63CF\u8FF0" },
+                    React.createElement(Input, { allowClear: true })),
+                React.createElement(Item, { name: "selcet", label: "\u591A\u9009\u6846" },
+                    React.createElement(EnhanceSelect, { mode: "multiple", list: options, dataKey: 'value', titleKey: 'label' }))),
+            React.createElement(SearchRight, { onSearchHandle: onSearchHandle, onResetHandle: onResetHandle }))));
+};
+export default memo(SearchForm);

package/dist/DemoCom/PrintContainerDemo.js

@@ -27,6 +27,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useEffect, useState } from 'react';
 // redux
 // ztxkui公共组件
+// import { PrintContainer } from '../index';
 import { PrintContainer } from '../index';
 // import Table, { ColumnsType } from 'components/Table';
 // 路由配置
@@ -34,11 +35,13 @@ import { PrintContainer } from '../index';
 // 自定义组件
 // 其他文件
 import axios from 'axios';
-import water from '../assets/img/water.png';
 import { createDownloadUrl } from 'ztxkutils/dist/fileOperation';
 import './print.scss';
 import { token } from '../constants';
-import imgSrc from '../assets/img/logo012.jpg';
+// import { Diaobodan2 } from './diaobodan';
+// import { Diaobodan } from './diaobodan';
+// import TestDemo from './TestDemo';
+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));
@@ -104,122 +107,46 @@ var PrintContainerDemo = function () {
             setBase64Img(dataURL);
         };
     }, []);
-    return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading, request: request, deptId: "1295909543961944065", flowId: "scm_print_tdtd", fileId: "1551733945007517697", 
-        // keywordList={keywordList}
-        imgWaterBg: water, isSetPosition: false, showPrintMessage: true, showAddSeal: true, apiUrl: "http://192.168.0.83:8000", fileBaseUrl: "http://192.168.0.83:88" },
-        React.createElement("div", { className: "html2canvas-container-page simple-print", style: { paddingTop: 0, paddingLeft: 0 } },
-            React.createElement("div", { className: "print-header" },
-                React.createElement("img", { src: imgSrc, alt: "" }),
-                React.createElement("h3", { className: "print-title" },
-                    "\u63D0\u8D27\u5355",
-                    React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
-                React.createElement("div", { className: "right-info" },
-                    React.createElement("div", { className: "info-item" },
-                        React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
-                        React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
-                    React.createElement("div", { className: "info-item" },
-                        React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
-                        React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
-                    React.createElement("div", { className: "info-item" },
-                        React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
-                        React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
-            React.createElement("div", { className: "purchaseIn-print-box" },
-                React.createElement("div", { className: "pt10" },
-                    React.createElement("table", null,
-                        React.createElement("tbody", null,
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
-                                React.createElement("td", { colSpan: 3 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u7A0E\u53F7"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
-                                React.createElement("td", { colSpan: 3 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
-                                React.createElement("td", { colSpan: 2 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
-                                React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
-                                React.createElement("td", { colSpan: 2, width: "150px" }, "\u5F00\u5355\u6570\u91CF"),
-                                React.createElement("td", { colSpan: 2, width: "150px" }, "\u5B9E\u53D1\u6570\u91CF"),
-                                React.createElement("td", { rowSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
-                                React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
-                                React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
-                            React.createElement("tr", null,
-                                React.createElement("td", { width: "50px" }, "\u4EF6"),
-                                React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)"),
-                                React.createElement("td", { width: "50px" }, "\u4EF6"),
-                                React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
-                            React.createElement("tr", null,
-                                React.createElement("td", { colSpan: 4, style: { height: '23px' } }),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null)),
-                            React.createElement("tr", null,
-                                React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null)),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u5907\u6CE8"),
-                                React.createElement("td", { colSpan: 5 }),
-                                React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
-                                React.createElement("td", { colSpan: 2 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
-                                React.createElement("td", { colSpan: 2 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u5236\u5355\u4EBA"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u90E8\u95E8"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
-                                React.createElement("td", { colSpan: 2 }))))),
-                React.createElement("div", { className: "pt_bottom" },
-                    React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
-                        React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: 0 } },
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "2\u3001\u672C\u63D0\u8D27\u5355\u4F4D\u7ECF\u8D22\u52A1\u6536\u6B3E\u76D6\u7AE0\u540E\u63D0\u8D27\uFF1B\u6B64\u63D0\u8D27\u5355\u9057\u5931\uFF0C\u63D0\u8D27\u5355\u4F4D\u8D23\u4EFB\u81EA\u8D1F\uFF1B\u51ED\u6B64\u63D0\u8D27\u5355\u4EA4\u4ED8\u8D27\u7269\u540E\uFF0C\u8D27\u7269\u6240\u6709\u98CE\u9669\u8F6C\u79FB\u5230\u63D0\u8D27\u5355\u4F4D\u3002"),
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
-                        React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: 0 } },
-                            React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
-                                React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
-                                React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
-                            React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
-                                React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
-                                React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))))))));
+    return (React.createElement(PrintContainer
+    // isAddExportPage={true}
+    // loading={loading}
+    , { 
+        // isAddExportPage={true}
+        // loading={loading}
+        request: request, 
+        // deptId="1295909543961944065"
+        flowId: "scm_order_contract_cght", 
+        // fileId="1551733945007517697"
+        // // keywordList={keywordList}
+        // imgWaterBg={water}
+        // isSetPosition={false}
+        // showPrintMessage
+        showAddSeal: true, apiUrl: "http://192.168.0.83:8000", 
+        // fileBaseUrl="http://192.168.0.83:88"
+        // showAboutExport
+        // aboutExportIds="7476520567474487367,7476520567474487365,7476520567474487366"
+        // aboutExportZipName="测试zip包"
+        // // defaultAddWater
+        // onPrintBeforeCallback={() => {
+        //   setLoading(true);
+        //   return new Promise((resolve, reject) => {
+        //     setTimeout(() => {
+        //       setLoading(false);
+        //       // 这样子会导致不会执行
+        //       // reject(false);
+        //       // 这样子会执行
+        //       resolve(true);
+        //     }, 2000);
+        //   });
+        // }}
+        isAddExportPage: true, deptId: "1295909543961944065", 
+        // flowId="scm_print_tdtd"
+        loading: loading, showAboutExport: true, isAboutExportSeal: true, 
+        // aboutExportIds="7476520567474487367,7476520567474487365,7476520567474487366"
+        aboutExportZipName: "\u6D4B\u8BD5zip\u5305" },
+        React.createElement(Tidan, { title: "1" }),
+        React.createElement(Tidan, { title: "2" }),
+        React.createElement(Tidan, { title: "3" }),
+        React.createElement(Tidan, { title: "4" })));
 };
 export default PrintContainerDemo;

package/dist/DemoCom/SinaturesDemo.js

@@ -137,12 +137,15 @@ var list = [
         isCustomerReference: true,
         isWatermark: true,
         isElectronicSeal: true,
+        fmsIsElectronicSeal: 1,
+        showFmsIsElectronicSeal: 1,
     },
     {
         attachId: '1540242898414874626',
         attachName: '源文件1.jpg',
         templateAttachId: '1540242898414874626',
         templateAttachName: '模板文件1.jpg',
+        fmsIsElectronicSeal: 0,
     },
 ];
 /** 已选中群杰印章信息 */
@@ -180,6 +183,7 @@ var SinaturesDemo = function () {
     var showAddBtn = 1;
     var params = {
         // cancelDefaultCheckedQj: 1,
+        isCheckedEconomic: 0,
         showDeleteBtn: true,
         needQj: 1,
         needDg: 1,
@@ -197,7 +201,7 @@ var SinaturesDemo = function () {
         flowStatus: 1,
         caseId: 'bf21be574ce741398e8f0769b61ac983',
         contractId: '2982140578506318463',
-        docAttachMap: {},
+        docAttachMap: '{"needYjzrr":"true","7387507164083699859":"3074238059057103781"}',
         checkAttachIdList: [],
         documentIdList: [],
     };