@jiaozhiye/qm-design-react 1.7.52 → 1.7.54

package/lib/print/src/print.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import type { ComponentSize } from '../../_utils/types';
+import type { CSSProperties, ComponentSize } from '../../_utils/types';
 import type { ButtonProps } from '../../antd';
 type IProps = ButtonProps & {
     size?: ComponentSize;
@@ -10,6 +10,8 @@ type IProps = ButtonProps & {
     preview?: boolean;
     closeAfterPrint?: boolean;
     click?: () => void;
+    className?: string;
+    style?: CSSProperties;
 };
 type IState = {
     visible: boolean;

package/lib/search-helper/src/search-helper.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IFormItem, IFormData } from '../../form/src/types';
 import type { IFetch, IColumn, IRowKey, IRecord } from '../../table/src/table/types';
-import type { ComponentSize } from '../../_utils/types';
+import type { CSSProperties, ComponentSize } from '../../_utils/types';
 type ITableConfig = {
     fetch?: IFetch;
     columns?: IColumn[];
@@ -17,6 +17,8 @@ type IProps = {
     multiple?: boolean;
     filters?: IFormItem[];
     table?: ITableConfig;
+    className?: string;
+    style?: CSSProperties;
     onClose: (data: IRecord | null, keys?: IRowKey[]) => void;
 };
 export type SearchHelperProps = IProps;

package/lib/search-tree/src/search-tree.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentSize } from '../../_utils/types';
+import type { CSSProperties, ComponentSize } from '../../_utils/types';
 import type { IFetch, IRecord, ICheckStrategy } from '../../table/src/table/types';
 import type { TreeProps } from '../../antd';
 type IProps = TreeProps & {
@@ -21,6 +21,8 @@ type IProps = TreeProps & {
     checkStrategy?: ICheckStrategy;
     showSearchBar?: boolean;
     showCollapse?: boolean;
+    className?: string;
+    style?: CSSProperties;
     onSelectChange?: (records: IRecord[] | IRecord) => void;
     onCheckChange?: (records: IRecord[] | IRecord) => void;
     onDragChange?: (info: any, data: IRecord) => void;
@@ -50,6 +52,8 @@ declare const SearchTree: React.ForwardRefExoticComponent<TreeProps<import("rc-t
     checkStrategy?: ICheckStrategy | undefined;
     showSearchBar?: boolean | undefined;
     showCollapse?: boolean | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
     onSelectChange?: ((records: IRecord[] | IRecord) => void) | undefined;
     onCheckChange?: ((records: IRecord[] | IRecord) => void) | undefined;
     onDragChange?: ((info: any, data: IRecord) => void) | undefined;

package/lib/table/src/column-filter/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { IColumn } from '../table/types';
+import type { ColumnDefineRef, IColumn } from '../table/types';
 type IColumnFilterProps = {
     columns: IColumn[];
 };
-declare const ColumnFilter: React.FC<IColumnFilterProps>;
+declare const ColumnFilter: React.ForwardRefExoticComponent<IColumnFilterProps & React.RefAttributes<ColumnDefineRef>>;
 export default ColumnFilter;

package/lib/table/src/hooks/useImperativeMethod.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { ITableRef } from './useTableRef';
-import type { getRowKeyType, ITableProps, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, TableBodyRef } from '../table/types';
+import type { getRowKeyType, ITableProps, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, TableBodyRef, ColumnDefineRef } from '../table/types';
 type IExtra = {
     getRowKey: getRowKeyType;
     tableProps: ITableProps;
     tableRef: React.MutableRefObject<ITableRef>;
     toolBoxRef: React.RefObject<ToolBoxRef>;
     tableBodyRef: React.RefObject<TableBodyRef>;
+    columnFilterRef: React.RefObject<ColumnDefineRef>;
     flattenColumns: IColumn[];
     editableColumns: IColumn[];
     pagination: IPagination;
@@ -25,6 +26,7 @@ type IExtra = {
     doFieldValidate: (rules: IRule[], val: unknown, rowKey: IRowKey, columnKey: string) => void;
     setHandleState: (option: ITableRef['handleState']) => void;
     forceUpdate: () => void;
+    setColumnsDefined: (value: boolean) => void;
     setSelectionKeysEffect: (rowKeys: IRowKey[]) => void;
     setRowExpandedKeys: (rowKeys: IRowKey[]) => void;
     setHighlightKey: (rowKey: IRowKey) => void;

package/lib/table/src/hooks/useTableRef.d.ts

@@ -15,6 +15,7 @@ export type ITableRef = {
     invalidRowKeys: IRowKey[];
     fieldAuth: Record<string, IFieldAuthItem>;
     mergeCells: IMergeCell[];
+    columnsDefined: boolean;
     scrollYStore: {
         startIndex: number;
         endIndex: number;
@@ -56,6 +57,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     setInvalidRowKeys: (rowKeys: IRowKey[]) => void;
     setFieldAuth: (key: string, value: IFieldAuthItem) => void;
     setMergeCells: (values: IMergeCell[]) => void;
+    setColumnsDefined: (value: boolean) => void;
     setScrollYStore: (option: ITableRef['scrollYStore']) => void;
     setResizeState: (option: ITableRef['resizeState']) => void;
     setHandleState: (option: ITableRef['handleState']) => void;
@@ -80,6 +82,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     invalidRowKeys: IRowKey[];
     fieldAuth: Record<string, IFieldAuthItem>;
     mergeCells: IMergeCell[];
+    columnsDefined: boolean;
     scrollYStore: {
         startIndex: number;
         endIndex: number;

package/lib/table/src/table/props.d.ts

@@ -137,6 +137,7 @@ export declare const propTypes: {
     customClass: PropTypes.Requireable<string>;
     showHeader: PropTypes.Requireable<boolean>;
     ellipsis: PropTypes.Requireable<boolean>;
+    dynamicThead: PropTypes.Requireable<boolean>;
     nativeScrollBar: PropTypes.Requireable<boolean>;
     rowStyle: PropTypes.Requireable<object>;
     cellStyle: PropTypes.Requireable<object>;

package/lib/table/src/table/types.d.ts

@@ -334,6 +334,7 @@ export type ITableProps = {
     customClass?: string;
     showHeader?: boolean;
     ellipsis?: boolean;
+    dynamicThead?: boolean;
     nativeScrollBar?: boolean;
     rowStyle?: CSSProperties | ((row: IRecord, rowIndex: number) => CSSProperties);
     cellStyle?: CSSProperties | ((row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => CSSProperties);
@@ -436,6 +437,9 @@ export type TableBodyRef = {
     createFocus: (rowKey: IRowKey, dataIndex: string) => void;
     forceUpdate: () => void;
 };
+export type ColumnDefineRef = {
+    initialHandler: () => void;
+};
 export type ToolBoxRef = {
     exportHandle: () => void;
 };

package/lib/tree-helper/src/tree-helper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { IFetch, IRecord, ICheckStrategy } from '../../table/src/table/types';
-import type { ComponentSize } from '../../_utils/types';
+import type { CSSProperties, ComponentSize } from '../../_utils/types';
 type IProps = {
     size?: ComponentSize;
     multiple?: boolean;
@@ -15,6 +15,8 @@ type IProps = {
         checkStrategy?: ICheckStrategy;
         defaultExpandAll?: boolean;
     };
+    className?: string;
+    style?: CSSProperties;
     onClose: (data: IRecord | null) => void;
 };
 export type TreeHelperProps = IProps;

package/lib/tree-table-helper/src/tree-table-helper.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IFormItem, IFormData } from '../../form/src/types';
 import type { IFetch, IColumn, IRowKey, IRecord } from '../../table/src/table/types';
-import type { ComponentSize } from '../../_utils/types';
+import type { CSSProperties, ComponentSize } from '../../_utils/types';
 type ITableConfig = {
     fetch?: IFetch;
     columns?: IColumn[];
@@ -24,6 +24,8 @@ type IProps = {
         };
         tableParamsMap?: (() => Record<string, string>) | Record<string, string>;
     };
+    className?: string;
+    style?: CSSProperties;
     onClose: (data: IRecord | null, keys?: IRowKey[]) => void;
 };
 export type TreeTableHelperProps = IProps;

package/lib/watermark/index.d.ts

@@ -0,0 +1,3 @@
+import Watermark from './src/watermark';
+export type { WatermarkProps } from './src/watermark';
+export default Watermark;

package/lib/watermark/src/interface.d.ts

@@ -0,0 +1,38 @@
+export interface WatermarkFont {
+    /**
+     * @zh 字体颜色
+     * @en Font color
+     * @defaultValue rgba(0, 0, 0, 0.15)
+     */
+    color?: string;
+    /**
+     * @zh 字体大小
+     * @en Font size
+     * @defaultValue 16
+     */
+    fontSize?: number;
+    /**
+     * @zh 字体类型
+     * @en Font family
+     * @defaultValue sans-serif
+     */
+    fontFamily?: string;
+    /**
+     * @zh 字体样式
+     * @en Font style
+     * @defaultValue normal
+     */
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    /**
+     * @zh 字体对齐方式
+     * @en Font align
+     * @defaultValue center
+     */
+    textAlign?: 'start' | 'end' | 'left' | 'right' | 'center';
+    /**
+     * @zh 字体粗细
+     * @en Font weight
+     * @defaultValue normal
+     */
+    fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number;
+}

package/lib/watermark/src/useMutationObserver.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function useMutationObserver(elRef: React.RefObject<HTMLElement>, cb: MutationCallback, options?: MutationObserverInit): void;

package/lib/watermark/src/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getPixelRatio: (context: any) => number;
+export declare const canvasToGray: (canvas: HTMLCanvasElement) => void;
+export declare const camelToKebab: (camelCase: string) => string;
+export declare const styleToString: (style: React.CSSProperties) => string;

package/lib/watermark/src/watermark.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { WatermarkFont } from './interface';
+type IProps = {
+    content?: string | string[];
+    image?: string;
+    width?: number;
+    height?: number;
+    gap?: [number, number];
+    offset?: [number, number];
+    rotate?: number;
+    font?: WatermarkFont;
+    zIndex?: number;
+    alpha?: number;
+    antiTamper?: boolean;
+    grayscale?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type WatermarkProps = IProps;
+declare const Watermark: React.FC<IProps>;
+export default Watermark;

package/lib/watermark/style/index.less

@@ -0,0 +1,6 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2023-12-14 13:24:17
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2023-12-14 13:24:17
+ */

package/package.json

@@ -1,138 +1,138 @@
-{
-  "name": "@jiaozhiye/qm-design-react",
-  "version": "1.7.52",
-  "description": "A Component Library for React",
-  "keywords": [
-    "React",
-    "components",
-    "typescript"
-  ],
-  "author": "jiaozhiye",
-  "license": "MIT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development BABEL_ENV=web webpack serve --progress --config build/webpack.src.conf.js",
-    "build:lib": "yarn clean:lib && yarn build:umd && yarn build:esm && yarn build:type && yarn build:locale && yarn build:theme",
-    "build:umd": "cross-env NODE_ENV=production BABEL_ENV=lib webpack --config ./build/webpack.build.conf.js",
-    "build:esm": "cross-env BABEL_ENV=lib rollup --config ./build/build-esm.rollup.js",
-    "build:type": "gulp build --gulpfile ./build/build-type.gulp.js && cp-cli lib/packages lib && rimraf lib/packages",
-    "build:locale": "cross-env BABEL_ENV=lib babel packages/locale --extensions .ts --out-dir lib/locale",
-    "build:theme": "gulp build --gulpfile ./build/build-style.gulp.js",
-    "clean:lib": "rimraf lib",
-    "lint": "eslint ./packages --ext .js,.ts,.jsx,.tsx",
-    "lint-fix": "eslint --fix ./packages --ext .js,.ts,.jsx,.tsx",
-    "format": "prettier --write \"./packages/**/*.{js,ts,jsx,tsx}\""
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "packages/**/*.{js,ts,jsx,tsx}": [
-      "npm run lint-fix",
-      "git add"
-    ],
-    "packages/**/*.{less}": "prettier --write"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "lib"
-  ],
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
-  "unpkg": "lib/index.full.js",
-  "types": "lib/index.d.ts",
-  "style": "lib/style/index.css",
-  "peerDependencies": {
-    "react": ">=16.14.0"
-  },
-  "dependencies": {
-    "@rc-component/portal": "^1.1.2",
-    "@rc-component/trigger": "^1.14.4",
-    "add-dom-event-listener": "^1.1.0",
-    "antd": "4.24.14",
-    "axios": "^0.27.2",
-    "big.js": "^6.2.1",
-    "china-area-data": "^5.0.1",
-    "classnames": "^2.3.2",
-    "copy-to-clipboard": "^3.3.2",
-    "cropperjs": "^1.5.12",
-    "dayjs": "1.x",
-    "exceljs": "^4.3.0",
-    "localforage": "^1.10.0",
-    "lodash-es": "^4.17.21",
-    "memoize-one": "^6.0.0",
-    "omit.js": "^2.0.2",
-    "prop-types": "^15.8.1",
-    "react-countup": "^6.4.0",
-    "react-draggable": "^4.4.6",
-    "react-sortablejs": "^6.1.4",
-    "resize-observer-polyfill": "^1.5.1",
-    "scroll-into-view-if-needed": "^2.2.28",
-    "sortablejs": "^1.15.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.18.6",
-    "@babel/core": "^7.18.6",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^14.1.0",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/react": "^17.0.58",
-    "@types/react-dom": "^17.0.20",
-    "@typescript-eslint/eslint-plugin": "^5.30.0",
-    "@typescript-eslint/parser": "^5.30.0",
-    "autoprefixer": "^10.4.14",
-    "babel-loader": "^9.1.0",
-    "core-js": "^3.32.0",
-    "cp-cli": "^2.0.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
-    "eslint": "^8.40.0",
-    "eslint-plugin-prettier": "^4.2.0",
-    "eslint-plugin-react": "^7.32.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-webpack-plugin": "^3.2.0",
-    "gulp": "^4.0.2",
-    "gulp-autoprefixer": "^8.0.0",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-ignore": "^3.0.0",
-    "gulp-less": "^5.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-typescript": "^6.0.0-alpha.1",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^4.3.8",
-    "less": "^4.2.0",
-    "less-loader": "^11.1.2",
-    "lint-staged": "^10.5.4",
-    "mockjs": "^1.1.0",
-    "prettier": "^2.8.8",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.79.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "style-loader": "^3.3.2",
-    "ts-loader": "^9.4.4",
-    "typescript": "^4.9.5",
-    "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1",
-    "webpack-node-externals": "^3.0.0"
-  },
-  "engines": {
-    "node": ">= 14"
-  }
-}
+{
+  "name": "@jiaozhiye/qm-design-react",
+  "version": "1.7.54",
+  "description": "A Component Library for React",
+  "keywords": [
+    "React",
+    "components",
+    "typescript"
+  ],
+  "author": "jiaozhiye",
+  "license": "MIT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development BABEL_ENV=web webpack serve --progress --config build/webpack.src.conf.js",
+    "build:lib": "yarn clean:lib && yarn build:umd && yarn build:esm && yarn build:type && yarn build:locale && yarn build:theme",
+    "build:umd": "cross-env NODE_ENV=production BABEL_ENV=lib webpack --config ./build/webpack.build.conf.js",
+    "build:esm": "cross-env BABEL_ENV=lib rollup --config ./build/build-esm.rollup.js",
+    "build:type": "gulp build --gulpfile ./build/build-type.gulp.js && cp-cli lib/packages lib && rimraf lib/packages",
+    "build:locale": "cross-env BABEL_ENV=lib babel packages/locale --extensions .ts --out-dir lib/locale",
+    "build:theme": "gulp build --gulpfile ./build/build-style.gulp.js",
+    "clean:lib": "rimraf lib",
+    "lint": "eslint ./packages --ext .js,.ts,.jsx,.tsx",
+    "lint-fix": "eslint --fix ./packages --ext .js,.ts,.jsx,.tsx",
+    "format": "prettier --write \"./packages/**/*.{js,ts,jsx,tsx}\""
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "packages/**/*.{js,ts,jsx,tsx}": [
+      "npm run lint-fix",
+      "git add"
+    ],
+    "packages/**/*.{less}": "prettier --write"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "unpkg": "lib/index.full.js",
+  "types": "lib/index.d.ts",
+  "style": "lib/style/index.css",
+  "peerDependencies": {
+    "react": ">=16.14.0"
+  },
+  "dependencies": {
+    "@rc-component/portal": "^1.1.2",
+    "@rc-component/trigger": "^1.14.4",
+    "add-dom-event-listener": "^1.1.0",
+    "antd": "4.24.14",
+    "axios": "^0.27.2",
+    "big.js": "^6.2.1",
+    "china-area-data": "^5.0.1",
+    "classnames": "^2.3.2",
+    "copy-to-clipboard": "^3.3.2",
+    "cropperjs": "^1.5.12",
+    "dayjs": "1.x",
+    "exceljs": "^4.3.0",
+    "localforage": "^1.10.0",
+    "lodash-es": "^4.17.21",
+    "memoize-one": "^6.0.0",
+    "omit.js": "^2.0.2",
+    "prop-types": "^15.8.1",
+    "react-countup": "^6.4.0",
+    "react-draggable": "^4.4.6",
+    "react-sortablejs": "^6.1.4",
+    "resize-observer-polyfill": "^1.5.1",
+    "scroll-into-view-if-needed": "^2.2.28",
+    "sortablejs": "^1.15.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.18.6",
+    "@babel/core": "^7.18.6",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.18.6",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@types/lodash-es": "^4.17.6",
+    "@types/react": "^17.0.58",
+    "@types/react-dom": "^17.0.20",
+    "@typescript-eslint/eslint-plugin": "^5.30.0",
+    "@typescript-eslint/parser": "^5.30.0",
+    "autoprefixer": "^10.4.14",
+    "babel-loader": "^9.1.0",
+    "core-js": "^3.32.0",
+    "cp-cli": "^2.0.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.7.3",
+    "eslint": "^8.40.0",
+    "eslint-plugin-prettier": "^4.2.0",
+    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-webpack-plugin": "^3.2.0",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-ignore": "^3.0.0",
+    "gulp-less": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "html-webpack-plugin": "^5.5.0",
+    "husky": "^4.3.8",
+    "less": "^4.2.0",
+    "less-loader": "^11.1.2",
+    "lint-staged": "^10.5.4",
+    "mockjs": "^1.1.0",
+    "prettier": "^2.8.8",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.79.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "style-loader": "^3.3.2",
+    "ts-loader": "^9.4.4",
+    "typescript": "^4.9.5",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "engines": {
+    "node": ">= 14"
+  }
+}