ztxkui 10.0.95 → 10.0.96

package/dist/components/electron-signatures/hooks/useParseRecords.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { IElectronSignaturesProps, IElectronSignaturesItemPublic, IElectronSignaturesItem, IFileItem } from '../interface';
+interface IOptions {
+    /**
+     * 是否开启非受控模式
+     * 非受控模式开启后，数值的改变交由内部控制。外部只需要在合适的时机 获取数据即可
+     */
+    isUnControlled?: IElectronSignaturesProps['isUnControlled'];
+    /**
+     * 触发外部onChange事件
+     */
+    onValueChange?: IElectronSignaturesItem['onValueChange'];
+    /**
+     * 新附件
+     */
+    fileList?: IElectronSignaturesItem['fileList'];
+    /**
+     * 数据类型
+     */
+    dataType?: IElectronSignaturesItem['dataType'];
+    /**
+     * 数据拆分规则
+     */
+    fileSplitRules?: IElectronSignaturesItem['fileSplitRules'];
+    fileSplitStringRules?: IElectronSignaturesItem['fileSplitStringRules'];
+    isSingleQj?: IElectronSignaturesItemPublic['isSingleQj'];
+    isSupportNoAttachQj?: IElectronSignaturesItemPublic['isSupportNoAttachQj'];
+}
+/**
+ * 内部用来区分当前附件所属类型的KEY值
+ */
+export declare const DATA_TYPE_KEY = "__DATA_TYPE_KEY";
+/**
+ * 附件数据处理
+ */
+export default function useParseRecords(options: IOptions): {
+    /** 当前的附件列表数据 */
+    records: IFileItem[];
+    /** 设置当前附件列表数据 调用这个方法 回触发onValueChange回调 */
+    setRecords: (this: any, info: any) => void;
+    /** 修改内部数据 只是修改数据 并不会触发onValueChange回调 需要自己手动触发 */
+    innerSetRecords: import("react").Dispatch<import("react").SetStateAction<IFileItem[]>>;
+};
+export declare function getColumnMergeProp(options: {
+    record: any;
+    records: any;
+    dataTypeSort: any;
+    index: any;
+}): {
+    /** 当前的数据类型 */
+    currentDataType: any;
+    /** 合并规则 */
+    props: {
+        rowSpan: any;
+    };
+    /** 当前数据类型之前的数据长度 */
+    preDataTypeRecordsLength: number;
+};
+export declare function getColumnRecordProp(options: {
+    record: any;
+}): {
+    /** 当前的数据类型 */
+    currentDataType: any;
+};
+export {};

package/dist/components/electron-signatures/hooks/useParseRecords.js

@@ -0,0 +1,165 @@
+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);
+};
+import i18next from 'ztxkutils/dist/i18next';
+import { useEffect, useState, useMemo, useRef, useContext } from 'react';
+import useMemoizedFn from '../../utils/useMemoizedFn';
+import { onlyQunjAttachId, detailOnlyQunjAttachId } from '../utils';
+import { ElectronSignaturesContext } from '..';
+/**
+ * 内部用来区分当前附件所属类型的KEY值
+ */
+export var DATA_TYPE_KEY = '__DATA_TYPE_KEY';
+/**
+ * 附件数据处理
+ */
+export default function useParseRecords(options) {
+    var isUnControlled = options.isUnControlled, onValueChange = options.onValueChange, dataType = options.dataType, fileList = options.fileList, fileSplitRules = options.fileSplitRules, fileSplitStringRules = options.fileSplitStringRules, isSingleQj = options.isSingleQj, isSupportNoAttachQj = options.isSupportNoAttachQj;
+    var isNewQys = useContext(ElectronSignaturesContext).isNewQys;
+    var fileSplitRulesRef = useRef(fileSplitRules);
+    fileSplitRulesRef.current = fileSplitRules;
+    var fileSplitStringRulesRef = useRef(fileSplitStringRules);
+    fileSplitStringRulesRef.current = fileSplitStringRules;
+    var _a = useState(function () {
+        return fileList === null || fileList === void 0 ? void 0 : fileList.map(function (item, index) {
+            var _a;
+            return __assign(__assign({}, item), (_a = {}, _a[DATA_TYPE_KEY] = dataType, _a));
+        });
+    }), _records = _a[0], _setRecords = _a[1];
+    // 代理records
+    var records = useMemo(function () {
+        var _a;
+        // 这里可能外部没有传入_records 没有传入_records时，也要显示占位符数据
+        if ((Array.isArray(_records) && _records.length === 0) || !_records) {
+            if (isNewQys && !isSupportNoAttachQj) {
+                return [];
+            }
+            if (isSingleQj) {
+                return [];
+            }
+            return [
+                (_a = {
+                        attachId: detailOnlyQunjAttachId
+                    },
+                    _a[DATA_TYPE_KEY] = dataType,
+                    _a),
+            ];
+        }
+        if (Array.isArray(_records) && fileSplitRulesRef.current) {
+            var newRecords_1 = [];
+            if (fileSplitStringRulesRef.current) {
+                fileSplitStringRulesRef.current.forEach(function (key) {
+                    var keyRecords = _records.filter(function (record) { return fileSplitRulesRef.current(record).key === key; });
+                    newRecords_1 = newRecords_1.concat(keyRecords);
+                });
+            }
+            else {
+                var recordMap_1 = {};
+                _records.forEach(function (record) {
+                    var key = fileSplitRulesRef.current(record).key;
+                    if (!Array.isArray(recordMap_1[key])) {
+                        recordMap_1[key] = [record];
+                    }
+                    else {
+                        recordMap_1[key].push(record);
+                    }
+                });
+                Object.keys(recordMap_1).forEach(function (key) {
+                    newRecords_1 = newRecords_1.concat(recordMap_1[key]);
+                });
+            }
+            return newRecords_1;
+        }
+        return _records;
+    }, [_records, dataType, isSingleQj, isNewQys, isSupportNoAttachQj]);
+    // 代理下set 触发onChange方法
+    var setRecords = useMemoizedFn(function (info) {
+        var _a;
+        var newRecords = typeof info === 'function' ? info(records) : info;
+        // if (isUnControlled) {
+        _setRecords(newRecords);
+        // }
+        if (!dataType) {
+            console.log(i18next.t('必须传入数据类型'));
+            return;
+        }
+        // 20250519 批量删除所有数据时，也要触发onValueChange回调 因为此时的newRecords是空数组
+        onValueChange && onValueChange((_a = {}, _a[dataType] = { fileList: newRecords }, _a));
+        // 如果数据仅剩下这个数据 那么交给调用方处理
+        if (newRecords.length === 1 &&
+            newRecords[0].attachId + '' === onlyQunjAttachId) {
+            return;
+        }
+        // 如果清空附件 触发外部行为也需要外部处理
+        if (newRecords.length === 0) {
+            return;
+        }
+        // onValueChange && onValueChange({ [dataType]: { fileList: newRecords } });
+    });
+    /**
+     * 如果是受控模式的话，直接将props的值 赋值给 内部变量
+     */
+    useEffect(function () {
+        // if (!isUnControlled) {
+        _setRecords(fileList === null || fileList === void 0 ? void 0 : fileList.map(function (item, index) {
+            var _a;
+            return __assign(__assign({}, item), (_a = {}, _a[DATA_TYPE_KEY] = dataType, _a));
+        }));
+        // }
+    }, [isUnControlled, fileList, dataType]);
+    return {
+        /** 当前的附件列表数据 */
+        records: records,
+        /** 设置当前附件列表数据 调用这个方法 回触发onValueChange回调 */
+        setRecords: setRecords,
+        /** 修改内部数据 只是修改数据 并不会触发onValueChange回调 需要自己手动触发 */
+        innerSetRecords: _setRecords,
+    };
+}
+// 记录合并规则 返回数据类型 和 行合并规则
+export function getColumnMergeProp(options) {
+    var record = options.record, records = options.records, dataTypeSort = options.dataTypeSort, index = options.index;
+    // 获取当前项的类型
+    var currentDataType = record === null || record === void 0 ? void 0 : record[DATA_TYPE_KEY];
+    // 找到当前项类型 对应的 类型排序位置
+    var currentDataTypeIndex = dataTypeSort === null || dataTypeSort === void 0 ? void 0 : dataTypeSort.findIndex(function (type) { return type === currentDataType; });
+    // 找到数据中是当前类型的数据
+    var dataTypeRecords = records === null || records === void 0 ? void 0 : records.filter(function (record) { return (record === null || record === void 0 ? void 0 : record[DATA_TYPE_KEY]) === currentDataType; });
+    // 数据中当前类型数据的长度
+    var currentDataTypeRecordsLength = dataTypeRecords.length;
+    // 当前项之前的匹配项
+    var preDataType = dataTypeSort.slice(0, currentDataTypeIndex);
+    // 所有之前数据的长度
+    var preDataTypeRecordsLength = 0;
+    preDataType.forEach(function (preDataType) {
+        var preDataTypeRecords = records === null || records === void 0 ? void 0 : records.filter(function (record) { return (record === null || record === void 0 ? void 0 : record[DATA_TYPE_KEY]) === preDataType; });
+        preDataTypeRecordsLength += preDataTypeRecords.length || 0;
+    });
+    return {
+        /** 当前的数据类型 */
+        currentDataType: currentDataType,
+        /** 合并规则 */
+        props: {
+            rowSpan: index === preDataTypeRecordsLength ? currentDataTypeRecordsLength : 0,
+        },
+        /** 当前数据类型之前的数据长度 */
+        preDataTypeRecordsLength: preDataTypeRecordsLength,
+    };
+}
+// 只返回数据类型 相比于上一个方法 性能更佳 针对只需要得到数据类型的列
+export function getColumnRecordProp(options) {
+    var record = options.record;
+    var currentDataType = record === null || record === void 0 ? void 0 : record[DATA_TYPE_KEY];
+    return {
+        /** 当前的数据类型 */
+        currentDataType: currentDataType,
+    };
+}

package/dist/components/electron-signatures/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IElectronSignaturesProps } from './interface';
+interface IElectronSignaturesContext {
+    isQjVerifyCode?: boolean;
+    isNewQys?: boolean;
+    /** 电子印章是否使用新版展示样式 */
+    isNewElectronSealStyle?: boolean;
+    /** 群杰印章是否使用新版展示样式 */
+    isNewQunjSealStyle?: boolean;
+}
+export declare const ElectronSignaturesContext: React.Context<IElectronSignaturesContext>;
+declare const _default: React.NamedExoticComponent<IElectronSignaturesProps>;
+export default _default;

package/dist/components/electron-signatures/index.js

@@ -0,0 +1,54 @@
+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, { memo, useMemo, createContext } from 'react';
+import ElectronSignatures from './content';
+import useBaseContext from '../utils/useBaseContext';
+export var ElectronSignaturesContext = createContext({
+    isNewQys: true,
+    isQjVerifyCode: true,
+    isNewElectronSealStyle: false,
+    isNewQunjSealStyle: false,
+});
+/**
+ * 容器组件，为了将context传递给组件，方便组件能快速访问到一些信息
+ */
+var ElectronSignaturesWrap = function (props) {
+    var _a, _b, _c, _d;
+    // 这里未上线之前，都使用默认为false。不采用最新版本的修改
+    var _e = props.isQjVerifyCode, isQjVerifyCode = _e === void 0 ? false : _e, _f = props.isNewQys, isNewQys = _f === void 0 ? false : _f, resetProps = __rest(props, ["isQjVerifyCode", "isNewQys"]);
+    // 全局配置：组件 props 优先，未传时取全局 ZtxkContext 配置
+    var _g = useBaseContext(), globalElectronSealStyle = _g.isNewElectronSealStyle, globalQunjSealStyle = _g.isNewQunjSealStyle;
+    var isNewElectronSealStyle = (_b = (_a = props.isNewElectronSealStyle) !== null && _a !== void 0 ? _a : globalElectronSealStyle) !== null && _b !== void 0 ? _b : false;
+    var isNewQunjSealStyle = (_d = (_c = props.isNewQunjSealStyle) !== null && _c !== void 0 ? _c : globalQunjSealStyle) !== null && _d !== void 0 ? _d : false;
+    var defaultContext = useMemo(function () {
+        return {
+            isNewQys: isNewQys,
+            isQjVerifyCode: isQjVerifyCode,
+            isNewElectronSealStyle: isNewElectronSealStyle,
+            isNewQunjSealStyle: isNewQunjSealStyle,
+        };
+    }, [isNewQys, isQjVerifyCode, isNewElectronSealStyle, isNewQunjSealStyle]);
+    return (React.createElement(ElectronSignaturesContext.Provider, { value: defaultContext },
+        React.createElement(ElectronSignatures, __assign({ isQjVerifyCode: isQjVerifyCode, isNewQys: isNewQys, isNewElectronSealStyle: isNewElectronSealStyle, isNewQunjSealStyle: isNewQunjSealStyle }, resetProps))));
+};
+export default memo(ElectronSignaturesWrap);

package/dist/components/electron-signatures/index_old.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IElectronSignaturesProps } from './interface';
+interface IElectronSignaturesContext {
+    isQjVerifyCode?: boolean;
+    isNewQys?: boolean;
+}
+export declare const ElectronSignaturesContext: React.Context<IElectronSignaturesContext>;
+declare const _default: React.NamedExoticComponent<IElectronSignaturesProps>;
+export default _default;