ztxkui 3.8.8 → 3.8.9

package/dist/DemoCom/PrintContainerDemo.js

@@ -30,7 +30,7 @@ function request(options) {
     return axios({
         baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000',
         url: options.url,
-        headers: __assign({ 'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoi6ZmI5Lqa6ZuEMTEiLCJlbXBfbmFtZSI6IumZiOS6mumbhDExIiwiZW1wX251bWJlciI6IllHMjIwOTAwMiIsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEMTEiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQ2ODAzNTM1MTYyNTI4NTYzNCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2ODAzNDQzNzE1Nzk2MTcyOSIsInBvc3RfbmFtZSI6bnVsbCwic2NvcGUiOlsiYWxsIl0sImludGVydmlld19pZCI6bnVsbCwiZXhwIjoxNjY0NDQyMjI1LCJvcmdfbmFtZSI6Iua1meWVhuS4reaLk-mbhuWbouiCoeS7veaciemZkOWFrOWPuCIsImp0aSI6ImIwNzQzYzdkLWJjZDgtNDZkMy1hM2JkLWRkYTUzNTdiMWJlNiIsIm1lbWJlcl9pZCI6MTU3Mjg3Mzg4ODM3MDk3MDYyNSwiY29tcGFueV9pZCI6MTI5NTkwODYyNzk4NDY3MDcyMiwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOiLph43luobkuK3mi5Mt5bel56iL5LiA6YOoIiwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJhZG1pbixhZG1pbiIsImF1dGhvcml0aWVzIjpbImFkbWluIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJhZG1pbmlzdHJhdG9yLGFkbWluIiwicmVzdW1lX3RlbXBsYXRlIjpudWxsLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTU3Mjg3NDE0MjkyMzI3NjI4OSIsIm9yZ19pZCI6MTQ1NzUyNzc2NTkxODUxNTIwMSwibmlja19uYW1lIjoi6ZmI5Lqa6ZuEMTEiLCJjb21wYW55X25hbWUiOiLmtZnllYbkuK3mi5Ppm4blm6LvvIjph43luobvvInmnInpmZDlhazlj7giLCJkZXB0X2lkIjoiMTI5NTkwOTU5NDU2NjIyMTgyNiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50Ijoi6ZmI5Lqa6ZuEMTEiLCJyZXN1bWVfaWQiOm51bGx9.NHWV_i8yisajX0UKi1Z1_W8EXoHrhf_jPv6TChX3DgI' }, options.headers),
+        headers: __assign({ 'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEIiwiY2xpZW50X3R5cGUiOiJ3ZWIiLCJkYXRhX3JvbGVfaWQiOiIxMzQ1OTc4NTA1MzAyMDU2OTYyLDE0NjgwMzUzNTE2MjUyODU2MzQsMTU0MjA3NjMwODU3ODAyNTQ3NCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0ODA4MjkzMzc5MzkxMzI0MTciLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY2NTAzMzgwMywib3JnX25hbWUiOm51bGwsImp0aSI6Ijk1MDJkZjkxLWEwZDAtNDU5Ni1hZGEwLWU1YmEzM2RiYjkzOCIsIm1lbWJlcl9pZCI6MSwiY29tcGFueV9pZCI6bnVsbCwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOm51bGwsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MTI5NTM4MDQzMzM1NTU3MTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.YhEz7JGYIXKXVinlyHEqgmxltIEPCySypAvfOqbxQWY' }, options.headers),
         method: options.method,
         data: options.data,
         params: options.params,

package/dist/TableDemo/EditableTable.js

@@ -127,6 +127,8 @@ var EditableTable = function () {
                 precision: 2,
                 formatterType: 'currency',
             },
+            required: true,
+            showCopy: true,
             validate: {
                 validate: function (value, record, index, title) {
                     if (value === 102) {

package/dist/components/PrintContainer/print-container.js

@@ -67,6 +67,7 @@ import { printCurrentDom, htmlToPdfNoCanvas, htmlToPdf, addWaterHandle, removeWa
 import { createDownloadUrlNoBase, createDownloadUrl, } from 'ztxkutils/dist/fileOperation';
 import { dataURLtoFile, setPositionLocal, getPositionLocal, setPositionDom, setPositionDeviation, } from './handle';
 import { createTask } from './lodop';
+import { useNeedLodop } from './utils';
 var fontTTF = {
     data: '',
 };
@@ -114,6 +115,7 @@ var PrintContainer = function (_a) {
         top: 0,
         left: 0,
     }), value = _w[0], setValue = _w[1];
+    useNeedLodop();
     useEffect(function () {
         var v = getPositionLocal(localKey);
         setValue(v);

package/dist/components/PrintContainer/utils.d.ts

@@ -1,3 +1,15 @@
+/**
+ * @author 陈亚雄
+ * @description 判断是否需要CLodop（那些不支持插件的浏览器，需要CLodop服务）
+ */
+export function needCLodop(): boolean;
+/**
+ * @author 陈亚雄
+ * @description 加载CLodop时用双端口(http是 8000/18000, 而https是8443/8444)以防其中某端口被占
+ * 主JS文件名“CLodopfuncs.js”是固定名称，其内容是动态的，与其链接的打印环境有关
+ */
+export function loadCLodop(): void;
+export function useNeedLodop(): void;
 /**
  * @author 陈亚雄
  * @description 获取Lodop对象主过程，判断是否安装、需否升级

package/dist/components/PrintContainer/utils.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-undef */
 /* eslint-disable no-var */
+import { useEffect } from 'react';
 import { Modal } from '../../index';
 /**
  * @author 陈亚雄
@@ -28,7 +29,7 @@ var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState;
  * @author 陈亚雄
  * @description 判断是否需要CLodop（那些不支持插件的浏览器，需要CLodop服务）
  */
-function needCLodop() {
+export function needCLodop() {
     try {
         var ua = navigator.userAgent;
         if (ua.match(/Windows\sPhone/i))
@@ -75,7 +76,7 @@ function needCLodop() {
  * @description 加载CLodop时用双端口(http是 8000/18000, 而https是8443/8444)以防其中某端口被占
  * 主JS文件名“CLodopfuncs.js”是固定名称，其内容是动态的，与其链接的打印环境有关
  */
-function loadCLodop() {
+export function loadCLodop() {
     if (CLodopJsState === 'loading' || CLodopJsState === 'complete')
         return;
     CLodopJsState = 'loading';
@@ -102,14 +103,18 @@ function loadCLodop() {
     head.insertBefore(JS2, head.firstChild);
     CLodopIsLocal = !!(JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i);
 }
-if (needCLodop()) {
-    console.log("=============\u9700\u8981CLodop=============");
-    try {
-        loadCLodop();
-    }
-    catch (err) {
-        console.log(err);
-    }
+export function useNeedLodop() {
+    useEffect(function () {
+        if (needCLodop()) {
+            console.log("=============\u9700\u8981CLodop=============");
+            try {
+                loadCLodop();
+            }
+            catch (err) {
+                console.log(err);
+            }
+        }
+    }, []);
 }
 /**
  * @author 陈亚雄

package/dist/components/Table/hooks/useColumns.d.ts

@@ -26,6 +26,7 @@ interface IProps<RecordType> {
     onEditableSave?: (record: RecordType, index: number | undefined, dataIndex: string) => void;
     /** 表格列配置相关信息 */
     configInfo?: IConfigInfo;
+    copyByKey?: any;
 }
 export declare const getTableLayoutFullData: (columns: any, tableLayout: any) => any;
 export declare const LOCALSTORAGE_KEY = "ztui_dynamic_table_key";

package/dist/components/Table/hooks/useColumns.js

@@ -15,6 +15,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
     return to;
 };
 import React, { useCallback, useEffect, useState } from 'react';
+import Button from '../../Button';
 import { PicRightOutlined } from '@ant-design/icons';
 import TableAddDelColumn from '../table-adddel-column';
 // 获取表格columns完整数据
@@ -151,7 +152,7 @@ export function setDynamicKey(dynamicStorageKey, value) {
     localStorage.setItem(LOCALSTORAGE_LRU_KEY, JSON.stringify(lruKeys));
 }
 function useColumns(props) {
-    var columns = props.columns, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo;
+    var columns = props.columns, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo, copyByKey = props.copyByKey;
     var tableLayout = getStorage(showColumnDynamicKey);
     // 新的columns
     var _a = useState(getTableLayoutFullData(columns, tableLayout)), newColumns = _a[0], setNewColumns = _a[1];
@@ -227,6 +228,21 @@ function useColumns(props) {
                     _column.ellipsis = false;
                 }
             }
+            // 如果列需要添加复制按钮
+            if (_column.showCopy) {
+                if (_column.validate) {
+                    _column.validate.title = _column.validate.title
+                        ? _column.validate.title
+                        : _column.title;
+                }
+                _column.title = (React.createElement(React.Fragment, null,
+                    _column.title,
+                    React.createElement(Button, { type: "link", onClick: function () {
+                            copyByKey(typeof _column.showCopy === 'string'
+                                ? _column.showCopy
+                                : _column.key || _column.dataIndex);
+                        }, style: { fontSize: '13px', marginLeft: '2px', display: 'block' } }, "\u590D\u5236\u6574\u5217")));
+            }
             // 如果配置了固定列的 不做处理
             if (!col.fixed) {
                 _dynamicColumns.push(__assign({}, col));
@@ -297,6 +313,7 @@ function useColumns(props) {
         }
         setNewColumns(_newColumns);
         setDynamicColumns(_dynamicColumns);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         columns,
         showColumnDynamic,

package/dist/components/Table/index.d.ts

@@ -34,6 +34,8 @@ export interface IColumnType<RecordType> extends ColumnType<RecordType> {
     editableConfig?: IEditableConfig;
     /** 表格单元格验证逻辑 */
     validate?: IValidate;
+    /** 是否添加复制当前列功能 */
+    showCopy?: boolean;
 }
 export interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, ''> {
     children: ColumnsType<RecordType>;

package/dist/components/Table/table.js

@@ -63,6 +63,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 import React, { useCallback, memo, useState, useEffect, useRef, useMemo, useImperativeHandle, } from 'react';
 import { Table as AntTable } from 'antd';
+import { message } from '../../index';
 import { ERROR_TD_CLASSNAME } from './';
 import TableDynamic from './table-dynamic';
 // import TableSummary from './table-summary';
@@ -110,6 +111,7 @@ function Table(props) {
     var _e = useState(columns), _columns = _e[0], setColumns = _e[1];
     var showDynamicHandle = useCallback(function () { return setDynamicVisible(true); }, []);
     var hideDynamicHandle = useCallback(function () { return setDynamicVisible(false); }, []);
+    var dataSourceRef = useRef();
     var myScroll = useMemo(function () {
         if (scroll) {
             return isFlex ? __assign(__assign({}, scroll), { y: scroll.y || 100 }) : scroll;
@@ -120,6 +122,36 @@ function Table(props) {
     useEffect(function () {
         setColumns(columns);
     }, [columns]);
+    useEffect(function () {
+        dataSourceRef.current = dataSource;
+    }, [dataSource]);
+    var copyByKey = useCallback(function (key) {
+        var _a, _b;
+        if (Array.isArray(dataSourceRef.current)) {
+            var result = dataSourceRef.current.map(function (item) { return item[key]; });
+            var str = result.join('\n');
+            try {
+                if ((navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) && window.isSecureContext) {
+                    (_b = (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(str)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                        message.info('复制成功！');
+                    });
+                }
+                else {
+                    var input = document.createElement('input');
+                    document.body.appendChild(input);
+                    input.setAttribute('value', str);
+                    input.select();
+                    if (document.execCommand) {
+                        document.execCommand('copy');
+                    }
+                    document.body.removeChild(input);
+                }
+            }
+            catch (err) {
+                message.info("\u590D\u5236\u5931\u8D25\uFF01\u8BF7\u624B\u5DE5\u590D\u5236\n " + str);
+            }
+        }
+    }, []);
     /**
      * @description 根据配置生成一个新的columns
      *              以及一个需要动态列配置的columns
@@ -136,6 +168,7 @@ function Table(props) {
         showDynamicHandle: showDynamicHandle,
         onEditableSave: onEditableSave,
         configInfo: configInfo,
+        copyByKey: copyByKey,
     }), newColumns = _f.newColumns, dynamicColumns = _f.dynamicColumns, setNewColumns = _f.setNewColumns;
     /**
      * @description 保存列配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "3.8.8",
+  "version": "3.8.9",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",