dcp-design-react 1.7.42

package/lib/tour/style/index.less

@@ -0,0 +1,157 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-26 17:22:16
+ */
+@import '../../style/common';
+
+@prefix-tour: ~'@{qm-prefix}-tour';
+
+.@{prefix-tour} {
+  .reset-container();
+  position: absolute;
+  display: block;
+  visibility: visible;
+  min-width: 500px;
+  &-hidden {
+    display: none;
+  }
+  & &-arrow {
+    display: block;
+    width: 15px;
+    height: 15px;
+    z-index: 1;
+    overflow: hidden;
+    pointer-events: none;
+    &::before {
+      content: '';
+      position: absolute;
+      bottom: 0px;
+      inset-inline-start: 0px;
+      width: 15px;
+      height: 8px;
+      clip-path: path('M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z');
+      background-color: #fff;
+    }
+    &::after {
+      content: '';
+      position: absolute;
+      width: 8.97056px;
+      height: 8.97056px;
+      bottom: 0px;
+      transform: translateY(50%) rotate(-135deg);
+      box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px;
+      z-index: 0;
+      inset-inline: 0px;
+      margin: auto;
+      border-radius: 0px 0px 2px;
+      background: 0px 0px;
+    }
+  }
+  & &-content {
+    position: relative;
+  }
+  & &-inner {
+    box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px 0px, rgba(0, 0, 0, 0.02) 0px 1px 6px -1px, rgba(0, 0, 0, 0.02) 0px 2px 4px 0px;
+    background-color: #fff;
+    background-clip: padding-box;
+    text-decoration: none;
+    border-radius: 8px;
+  }
+  & &-close {
+    position: absolute;
+    top: 10px;
+    inset-inline-end: 10px;
+    color: @--text-color-secondary;
+    width: 22px;
+    height: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: none;
+    border-radius: 4px;
+    transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
+    &:hover {
+      color: rgba(0, 0, 0, 0.88);
+      background-color: rgba(0, 0, 0, 0.06);
+    }
+  }
+  & &-cover {
+    text-align: center;
+    padding: 45px 15px 0px;
+  }
+  & &-header {
+    padding: 15px 15px 8px;
+  }
+  & &-title {
+    font-weight: 600;
+  }
+  & &-description {
+    overflow-wrap: break-word;
+    padding: 0px 15px;
+  }
+  & &-footer {
+    text-align: end;
+    display: flex;
+    padding: 8px 15px 15px;
+  }
+  & &-indicators {
+    display: inline-block;
+  }
+  & &-indicators &-indicator {
+    width: 6px;
+    height: 6px;
+    display: inline-block;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.15);
+    &-active {
+      background: @--primary-color;
+    }
+  }
+  & &-indicators &-indicator:not(:last-child) {
+    margin-inline-end: 6px;
+  }
+  & &-buttons {
+    margin-inline-start: auto;
+  }
+  &-control {
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    background: linear-gradient(to right bottom, @--primary-4, @--primary-7);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: auto;
+    cursor: pointer;
+    .anticon {
+      color: #fff;
+      font-size: 20px;
+    }
+  }
+  // =======================================
+  &-mask &-placeholder-animated {
+    transition: all 0.2s ease;
+  }
+  &-placement-bottom &-arrow {
+    left: 50%;
+    transform: translateX(-50%) translateY(-100%);
+  }
+  &-placement-top &-arrow {
+    left: 50%;
+    transform: translateX(-50%) translateY(100%) rotate(180deg);
+  }
+  &-placement-right &-arrow {
+    top: 50%;
+    transform: translateY(-50%) translateX(-100%) rotate(-90deg);
+  }
+  &-placement-left &-arrow {
+    top: 50%;
+    transform: translateY(-50%) translateX(100%) rotate(90deg);
+  }
+}

package/lib/transition/index.d.ts

@@ -0,0 +1,3 @@
+import Transition from './src/transition';
+export type { TransitionProps } from './src/transition';
+export default Transition;

package/lib/transition/src/tools.d.ts

@@ -0,0 +1,13 @@
+import type { TransitionState } from './types';
+export declare const PRE_ENTER = 0;
+export declare const ENTERING = 1;
+export declare const ENTERED = 2;
+export declare const PRE_EXIT = 3;
+export declare const EXITING = 4;
+export declare const EXITED = 5;
+export declare const UNMOUNTED = 6;
+export declare const STATUS: string[];
+export declare const getState: (status: number) => TransitionState;
+export declare const startOrEnd: (unmounted: any) => 6 | 5;
+export declare const getEndStatus: (status: number, unmountOnExit: any) => 2 | 6 | 5 | undefined;
+export declare const getTimeout: (timeout: any) => any[];

package/lib/transition/src/transition.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type IProps = {
+    name: string;
+    in: boolean;
+    timeout: number;
+    preEnter?: boolean;
+    preExit?: boolean;
+    children: React.ReactNode;
+};
+export type TransitionProps = IProps;
+declare const QmTransition: React.FC<IProps>;
+export default QmTransition;

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

@@ -0,0 +1,25 @@
+export type TransitionStatus = 'preEnter' | 'entering' | 'entered' | 'preExit' | 'exiting' | 'exited' | 'unmounted';
+export type TransitionState = {
+    status: TransitionStatus;
+    isMounted: boolean;
+    isEnter: boolean;
+    isResolved: boolean;
+    _s: number;
+};
+export interface TransitionOptions {
+    initialEntered?: boolean;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    preEnter?: boolean;
+    preExit?: boolean;
+    enter?: boolean;
+    exit?: boolean;
+    timeout?: number | {
+        enter?: number;
+        exit?: number;
+    };
+    onStateChange?: (event: {
+        current: TransitionState;
+    }) => void;
+}
+export type TransitionResult = [TransitionState, (toEnter?: boolean) => void, () => void];

package/lib/transition/src/useTransition.d.ts

@@ -0,0 +1,2 @@
+import type { TransitionOptions, TransitionResult } from './types';
+export declare const useTransition: (options?: TransitionOptions) => TransitionResult;

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

@@ -0,0 +1,3 @@
+import TreeHelper from './src/tree-helper';
+export type { TreeHelperProps } from './src/tree-helper';
+export default TreeHelper;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { IFetch, IRecord, ICheckStrategy } from '../../table/src/table/types';
+import type { ComponentSize } from '../../_utils/types';
+type IProps = {
+    size?: ComponentSize;
+    multiple?: boolean;
+    defaultSelectedKeys?: string[];
+    tree?: {
+        fetch?: IFetch & {
+            valueKey?: string;
+            textKey?: string;
+        };
+        asyncLoad?: boolean;
+        checkStrictly?: boolean;
+        checkStrategy?: ICheckStrategy;
+        defaultExpandAll?: boolean;
+    };
+    onClose: (data: IRecord | null) => void;
+};
+export type TreeHelperProps = IProps;
+declare const TreeHelper: React.FC<IProps>;
+export default TreeHelper;

package/lib/tree-helper/style/index.less

@@ -0,0 +1,21 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-09-04 17:07:07
+ */
+@import '../../style/common';
+
+@prefix-tree-helper: ~'@{qm-prefix}-tree-helper';
+
+.@{prefix-tree-helper}--wrapper {
+  .reset-container();
+  height: 100%;
+  .ant-tree {
+    .filter-node {
+      & > span:last-of-type {
+        color: @--primary-color;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import TreeTableHelper from './src/tree-table-helper';
+export type { TreeTableHelperProps } from './src/tree-table-helper';
+export default TreeTableHelper;

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

@@ -0,0 +1,31 @@
+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';
+type ITableConfig = {
+    fetch?: IFetch;
+    columns?: IColumn[];
+    rowKey?: ((row: IRecord, index: number) => IRowKey) | IRowKey;
+    webPagination?: boolean;
+};
+type IProps = {
+    size?: ComponentSize;
+    uniqueKey?: string;
+    initialValue?: IFormData;
+    defaultSelectedKeys?: IRowKey[];
+    selectionRows?: IRecord[];
+    multiple?: boolean;
+    filters?: IFormItem[];
+    table?: ITableConfig;
+    tree?: {
+        fetch?: IFetch & {
+            valueKey?: string;
+            textKey?: string;
+        };
+        tableParamsMap?: (() => Record<string, string>) | Record<string, string>;
+    };
+    onClose: (data: IRecord | null, keys?: IRowKey[]) => void;
+};
+export type TreeTableHelperProps = IProps;
+declare const TreeTableHelper: React.FC<IProps>;
+export default TreeTableHelper;

package/lib/tree-table-helper/style/index.less

@@ -0,0 +1,24 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-09-04 17:06:49
+ */
+@import '../../style/common';
+
+@prefix-tree-table-helper: ~'@{qm-prefix}-tree-table-helper';
+
+.@{prefix-tree-table-helper}--wrapper {
+  .reset-container();
+  height: 100%;
+  .split-pane {
+    overflow: hidden;
+  }
+  .ant-tree {
+    .filter-node {
+      & > span:last-of-type {
+        color: @--primary-color;
+      }
+    }
+  }
+}

package/lib/upload-file/index.d.ts

@@ -0,0 +1,3 @@
+import UploadFile from './src/upload-file';
+export type { UploadFileProps } from './src/upload-file';
+export default UploadFile;

package/lib/upload-file/src/upload-file.d.ts

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import type { UploadProps, ButtonProps } from '../../antd';
+export interface UploadFile {
+    uid: string;
+    name: string;
+    fileName?: string;
+    url?: string;
+    thumbUrl?: string;
+    status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+}
+type IProps = Omit<UploadProps, 'onPreview'> & {
+    fileTypes?: string[];
+    fileSize?: number;
+    button?: {
+        text?: string;
+    } & ButtonProps;
+    onPreview?: (file: UploadFile, cb: (file?: UploadFile) => void) => void;
+};
+export type UploadFileProps = IProps;
+declare class QmUploadFile extends Component<IProps> {
+    static defaultProps: {
+        name: string;
+        multiple: boolean;
+        showUploadList: {
+            showPreviewIcon: boolean;
+            showDownloadIcon: boolean;
+            showRemoveIcon: boolean;
+        };
+    };
+    beforeUpload: (file: any, fileList: any) => Promise<any>;
+    downloadFile(url: string, fileName?: string): Promise<void>;
+    doDownload: (file: any) => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default QmUploadFile;

package/lib/upload-file/style/index.less

@@ -0,0 +1,18 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-10-18 09:35:59
+ */
+@import '../../style/common';
+
+@prefix-upload-file: ~'@{qm-prefix}-upload-file';
+
+.@{prefix-upload-file} {
+  &.disabled {
+    .ant-upload-list-item-name {
+      color: @--disabled-color;
+      cursor: not-allowed;
+    }
+  }
+}

package/lib/upload-img/index.d.ts

@@ -0,0 +1,3 @@
+import UploadImg from './src/upload-img';
+export type { UploadImgProps } from './src/upload-img';
+export default UploadImg;

package/lib/upload-img/src/cropper-preview.d.ts

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import type { CSSProperties } from '../../_utils/types';
+type IProps = {
+    fixedSize?: [number, number];
+    quality?: number;
+    fileTypes?: string[];
+    fileSize?: number;
+    beforeCrop?: (file: any, fileList: any[]) => Promise<boolean>;
+};
+type IState = {
+    src: string;
+};
+declare class CropperPreview extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    private cropperRef;
+    private beforeUploadRef;
+    private fileRef;
+    private resolveRef;
+    private rejectRef;
+    state: IState;
+    get previewSize(): CSSProperties;
+    setSrc(src: any): void;
+    renderUpload(): React.CElement<any, React.Component<any, any, any>> | null;
+    confirmHandle: () => Promise<void>;
+    scaleHandle(percent: number): void;
+    rotateHandle(deg: number): void;
+    renderCropper(): React.JSX.Element;
+    onOk: () => void;
+    onClose: () => void;
+    render(): React.JSX.Element;
+}
+export default CropperPreview;

package/lib/upload-img/src/upload-img.d.ts

@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import type { UploadProps } from '../../antd';
+export interface UploadFile {
+    uid: string;
+    name: string;
+    fileName?: string;
+    url?: string;
+    thumbUrl?: string;
+    status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+}
+type IProps = UploadProps & {
+    fixedSize?: [number, number] | undefined;
+    quality?: number;
+    fileTypes?: string[];
+    fileSize?: number;
+    openCropper?: boolean;
+    beforeCrop?: (file: UploadFile, fileList: UploadFile[]) => Promise<boolean>;
+};
+type IState = {
+    previewVisible: boolean;
+    currentIndex: number;
+};
+export type UploadImgProps = IProps;
+declare class QmUploadImg extends Component<IProps, IState> {
+    static defaultProps: {
+        name: string;
+        multiple: boolean;
+        accept: string;
+        listType: string;
+        quality: number;
+        openCropper: boolean;
+    };
+    state: IState;
+    get showUploadButton(): boolean;
+    beforeUpload: (file: any, fileList: any) => Promise<any>;
+    handlePreview: (file: any) => void;
+    render(): React.JSX.Element;
+}
+export default QmUploadImg;

package/lib/upload-img/style/index.less

@@ -0,0 +1,41 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-10-15 12:14:45
+ */
+@import '../../style/common';
+
+@prefix-upload-img: ~'@{qm-prefix}-upload-img';
+@prefix-cropper-preview: ~'@{qm-prefix}-cropper-preview';
+
+.@{prefix-upload-img} {
+  .ant-upload-list-item-actions {
+    .ant-btn {
+      margin-left: 15px;
+    }
+  }
+}
+
+.@{prefix-cropper-preview} {
+  .cropper-preview {
+    display: flex;
+    flex-direction: row;
+    .cropper-area {
+      flex: 1;
+      .actions {
+        margin-top: @--margin-md;
+      }
+    }
+    .preview-area {
+      width: 380px;
+      min-height: 380px;
+      margin-left: @--margin-md;
+      display: flex;
+      justify-content: center;
+      .preview {
+        overflow: hidden;
+      }
+    }
+  }
+}

package/lib/version/index.d.ts

@@ -0,0 +1,2 @@
+declare const version: string;
+export default version;

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "dcp-design-react",
+  "version": "1.7.42",
+  "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"
+  }
+}