dcp-design-react 1.7.42

package/lib/modal/src/modal.d.ts

@@ -0,0 +1,68 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { ComponentSize } from '../../_utils/types';
+import type { ModalProps as AntModalProps } from '../../antd';
+type EventType = React.MouseEvent<HTMLElement>;
+type IProps = AntModalProps & {
+    visible?: boolean;
+    size?: ComponentSize;
+    height?: number | string;
+    loading?: boolean;
+    draggable?: boolean;
+    showFullScreen?: boolean;
+    stopMouseDownEvent?: boolean;
+    onClose?: (e: EventType) => void;
+    onClosed?: () => void;
+    onFullChange?: (value: boolean) => void;
+};
+type IState = {
+    fullscreen: boolean;
+    spinning: boolean;
+    sloading: boolean;
+    disabled: boolean;
+    bounds: {
+        left: number;
+        top: number;
+        bottom: number;
+        right: number;
+    };
+    position?: {
+        x: number;
+        y: number;
+    };
+};
+export type ModalProps = IProps;
+declare class QmModal extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    static propTypes: {
+        size: (props: any, propName: any, componentName: any) => void;
+        spinning: PropTypes.Requireable<boolean>;
+    };
+    private $event;
+    static defaultProps: {
+        width: string;
+        showFullScreen: boolean;
+        destroyOnClose: boolean;
+        draggable: boolean;
+        footer: null;
+        style: {
+            top: string;
+        };
+    };
+    draggleRef: React.RefObject<HTMLDivElement>;
+    private opened;
+    get $size(): any;
+    get defaultHeight(): string;
+    state: IState;
+    componentDidUpdate(prevProps: IProps, prevState: IState): void;
+    addMouseDownEvent: () => void;
+    removeMouseDownEvent: () => void;
+    onStart: (ev: any, uiData: any) => void;
+    toggleHandle: (ev: any) => void;
+    afterVisibleChange: () => void;
+    renderTitle(): React.JSX.Element;
+    START_LOADING: () => void;
+    STOP_LOADING: () => void;
+    render(): React.JSX.Element;
+}
+export default QmModal;

package/lib/modal/style/index.less

@@ -0,0 +1,95 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 20:25:21
+ */
+@import '../../style/common';
+
+@prefix-modal: ~'@{qm-prefix}-modal';
+
+.@{prefix-modal} {
+  .ant-modal-header {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    height: 44px;
+    padding: 0 15px;
+    border-bottom: 1px solid @--border-color-secondary;
+    .ant-modal-title {
+      width: 100%;
+      > div {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-right: 20px;
+        cursor: move;
+        .full-screen {
+          padding: @--padding-md 5px @--padding-md @--padding-md;
+          color: @--text-color-secondary;
+          line-height: 1;
+          font-size: @--font-size-lg;
+          transition: all 0.3s ease;
+          cursor: pointer;
+          &:hover {
+            color: @--text-color;
+          }
+        }
+      }
+    }
+  }
+  .ant-modal-close {
+    top: 3px;
+    font-size: 17px;
+    padding: @--padding-md 15px @--padding-md 5px;
+    .ant-modal-close-x {
+      width: 1em;
+      height: 1em;
+      font-size: inherit;
+      line-height: 1;
+    }
+  }
+  .ant-modal-body {
+    padding: @--padding-md;
+  }
+  .spinning {
+    position: absolute;
+    top: 44px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(255, 255, 255, 0.65);
+    z-index: 9999;
+    .ant-spin-text {
+      margin-top: 4px;
+    }
+  }
+  // ------ size ------
+  // 52  48  44
+  &--lg {
+    .ant-modal-header {
+      height: 48px;
+    }
+    .ant-modal-close {
+      top: 5px;
+    }
+    .spinning {
+      top: 48px;
+    }
+  }
+  &--sm {
+    .ant-modal-header {
+      height: 40px;
+    }
+    .ant-modal-close {
+      top: 1px;
+    }
+    .spinning {
+      top: 40px;
+    }
+  }
+}

package/lib/pinyin/core.d.ts

@@ -0,0 +1,12 @@
+declare function patchDict(patchers: any): void;
+declare function isSupported(force?: boolean): boolean;
+declare function genToken(ch: any): any;
+declare function parse(str: any): any;
+declare const _default: {
+    isSupported: typeof isSupported;
+    parse: typeof parse;
+    patchDict: typeof patchDict;
+    genToken: typeof genToken;
+    convertToPinyin(str: string, lowerCase: boolean, separator: string): any;
+};
+export default _default;

package/lib/pinyin/dict.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    PINYINS: string[];
+    UNIHANS: string[];
+    EXCEPTIONS: {
+        曾: string;
+        沈: string;
+        嗲: string;
+        碡: string;
+        聒: string;
+        炔: string;
+        蚵: string;
+        砉: string;
+        嬤: string;
+        嬷: string;
+        蹒: string;
+        蹊: string;
+        丬: string;
+        霰: string;
+        莘: string;
+        豉: string;
+        饧: string;
+        筠: string;
+        长: string;
+        帧: string;
+        峙: string;
+        郍: string;
+        芎: string;
+        谁: string;
+    };
+};
+export default _default;

package/lib/pinyin/index.d.ts

@@ -0,0 +1,2 @@
+import pinyin from './core';
+export default pinyin;

package/lib/pinyin/patchers/56l.d.ts

@@ -0,0 +1,7 @@
+export declare function patcher(DICT: any): void;
+export declare function shouldPatch(toToken: any): boolean;
+declare const _default: {
+    patcher: typeof patcher;
+    shouldPatch: typeof shouldPatch;
+};
+export default _default;

package/lib/print/index.d.ts

@@ -0,0 +1,3 @@
+import Print from './src/print';
+export type { PrintProps } from './src/print';
+export default Print;

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

@@ -0,0 +1 @@
+export function getLodop(oOBJECT: any, oEMBED: any): any;

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    previewWidth: number;
+    defaultDistance: number;
+    logoHeight: number;
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+type IProps = {
+    templateRender?: () => React.Component;
+    directPrint?: boolean;
+};
+type ContainerRef = {
+    createPreviewDom: () => void;
+    createExportHtml: () => void;
+    createPrintHtml: (pageNumber?: number) => void;
+    SHOW_PREVIEW: () => void;
+    DIRECT_PRINT: () => void;
+};
+declare const Container: React.ForwardRefExoticComponent<IProps & React.RefAttributes<ContainerRef>>;
+export default Container;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type IPreviewContext = {
+    $$preview: any;
+};
+declare const PreviewContext: import("react").Context<IPreviewContext | undefined>;
+export default PreviewContext;

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

@@ -0,0 +1,61 @@
+import React, { Component } from 'react';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    templateRender?: () => React.Component;
+    uniqueKey?: string;
+    defaultConfig?: Record<string, any>;
+    preview?: boolean;
+    closeAfterPrint?: boolean;
+    onClose?: () => void;
+};
+type IState = {
+    visible: boolean;
+    form: {
+        printerName: number;
+        printerType: 'laser' | 'stylus';
+        copies: number;
+        scale: number;
+        setting: {
+            distance: {
+                left: number;
+                right: number;
+                top: number;
+                bottom: number;
+            };
+            pageSize: string;
+            direction: 'vertical' | 'horizontal';
+            doubleSide: number;
+            doubleSideType: 'auto' | 'manual';
+            fixedLogo: number;
+        };
+    };
+    printPage: number | undefined;
+    currentPage: number;
+    totalPage: number;
+};
+declare class Preview extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    private provide;
+    containRef: React.RefObject<any>;
+    state: IState;
+    get printerTypeItems(): IDict[];
+    get printerItems(): {
+        text: string;
+        value: number;
+    }[];
+    get isWindowsPrinter(): boolean;
+    get pageSize(): number[];
+    get printerKey(): string;
+    componentDidMount(): Promise<void>;
+    pageChangeHandle: (val: number) => void;
+    exportClickHandle: () => void;
+    printClickHandle: () => Promise<void>;
+    doClose: () => void;
+    getPrintConfig: (key: string) => Promise<any>;
+    savePrintConfig: (key: string, value: any) => Promise<void>;
+    createStyle: () => string;
+    doPrint: (__html__: any) => void;
+    doExport: (__html__: any) => void;
+    render(): React.JSX.Element;
+}
+export default Preview;

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

@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { ComponentSize } from '../../_utils/types';
+import type { ButtonProps } from '../../antd';
+type IProps = ButtonProps & {
+    size?: ComponentSize;
+    templateRender?: () => React.Component;
+    uniqueKey?: string;
+    defaultConfig?: Record<string, any>;
+    preview?: boolean;
+    closeAfterPrint?: boolean;
+    click?: () => void;
+};
+type IState = {
+    visible: boolean;
+    loading: boolean;
+};
+export type PrintProps = IProps;
+declare class QmPrint extends Component<IProps, IState> {
+    static propTypes: {
+        size: (props: any, propName: any, componentName: any) => void;
+        templateRender: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    };
+    static defaultProps: {
+        preview: boolean;
+        type: string;
+        icon: React.JSX.Element;
+    };
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    previewRef: React.RefObject<any>;
+    state: IState;
+    clickHandle: () => Promise<void>;
+    createRender: () => React.JSX.Element | null;
+    DO_PRINT: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default QmPrint;

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

@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+import { QmForm, QmFormItem } from '../../index';
+type IProps = {
+    setting: {
+        distance: {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        };
+        pageSize: string;
+        direction: 'vertical' | 'horizontal';
+        doubleSide: number;
+        doubleSideType: 'auto' | 'manual';
+        fixedLogo: number;
+    };
+    onChange: (data: IProps['setting']) => void;
+    onClose: () => void;
+};
+type IState = {
+    formList: QmFormItem[];
+};
+declare class Setting extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    formRef: React.RefObject<QmForm>;
+    createFormList: () => QmFormItem[];
+    getInitialvalue: () => {
+        disleft: number;
+        disright: number;
+        distop: number;
+        disbottom: number;
+        pageSize: string;
+        direction: "vertical" | "horizontal";
+        doubleSide: number;
+        doubleSideType: "auto" | "manual";
+        fixedLogo: number;
+    };
+    getInitialExtra: () => {
+        disleft: string;
+        disright: string;
+        distop: string;
+        disbottom: string;
+    };
+    state: IState;
+    confirmHandle: () => Promise<void>;
+    cancelHandle: () => void;
+    render(): React.JSX.Element;
+}
+export default Setting;

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

@@ -0,0 +1,5 @@
+export declare const getDPI: () => number[];
+export declare const mmToPx: (value: number) => number;
+export declare const pxToMm: (value: number) => number;
+export declare const insertBefore: (el: HTMLElement, parent: HTMLElement) => void;
+export declare const isPageBreak: (str: string) => boolean;

package/lib/print/style/index.less

@@ -0,0 +1,175 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-03-01 14:06:41
+ */
+@import '../../style/common';
+
+@prefix-print-preview: ~'@{qm-prefix}-print-preview';
+@prefix-print-container: ~'@{qm-prefix}-print-container';
+
+.@{prefix-print-preview} {
+  .reset-container();
+  margin: -@--padding-md;
+  height: calc(100% + 20px);
+  min-height: calc(80vh - 48px);
+  .outer {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: inherit;
+    .header,
+    .footer {
+      padding: 2px 10px;
+      background-color: @--background-color;
+      display: flex;
+      align-items: center;
+      & > span {
+        display: flex;
+        align-items: center;
+      }
+      & > span + span {
+        margin-left: 10px;
+      }
+    }
+    .main {
+      flex: 1;
+      position: relative;
+    }
+    .header {
+      border-bottom: 1px solid @--border-color-base;
+      .text-btn {
+        padding-left: 0;
+        padding-right: 0;
+      }
+    }
+    .footer {
+      border-top: 1px solid @--border-color-base;
+      .ant-slider {
+        width: 150px;
+      }
+      .scale-text {
+        width: 40px;
+        font-style: normal;
+        margin-left: 10px;
+      }
+    }
+    // size
+  }
+}
+
+.@{prefix-print-container} {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #dadce0;
+  &.no-visible {
+    opacity: 0;
+    height: 0 !important;
+    overflow: hidden;
+    z-index: -1;
+  }
+  .spin {
+    height: 100%;
+    .ant-spin-container {
+      height: 100%;
+    }
+  }
+  .preview {
+    position: relative;
+    height: 100%;
+    overflow-x: auto;
+    overflow-y: auto;
+    .origin-template {
+      position: absolute;
+      left: 50%;
+      top: 0;
+      height: 0;
+      z-index: -1;
+      overflow: hidden;
+      visibility: hidden;
+    }
+    .workspace {
+      margin: 0 auto;
+      background-color: #fff;
+      transform-origin: left top;
+      box-sizing: content-box;
+    }
+    /* 打印模板公共样式 */
+    table {
+      width: 100%;
+      border-spacing: 0;
+      border-collapse: collapse;
+      table-layout: fixed;
+    }
+    table tr td {
+      padding: 2px;
+      word-wrap: break-word;
+    }
+    .fs12 {
+      font-size: 12px;
+    }
+    .fs13 {
+      font-size: 13px;
+    }
+    .fs14 {
+      font-size: 14px;
+    }
+    .fw500 {
+      font-weight: 500;
+    }
+    .fw700 {
+      font-weight: 700;
+    }
+    .fl {
+      float: left;
+    }
+    .fr {
+      float: right;
+    }
+    .tc {
+      text-align: center;
+    }
+    .tr {
+      text-align: right;
+    }
+    .bor {
+      border: 1px solid #000;
+    }
+    .bor-t {
+      border-top: 1px solid #000;
+    }
+    .bor-b {
+      border-bottom: 1px solid #000;
+    }
+    .bor-l {
+      border-left: 1px solid #000;
+    }
+    .bor-r {
+      border-right: 1px solid #000;
+    }
+    .no-bor {
+      border: none !important;
+    }
+    /* 打印模板公共样式 END */
+  }
+}
+
+/* IE11 hack */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .@{prefix-print-preview} {
+    .outer {
+      height: 0;
+    }
+  }
+  .is-fullscreen {
+    .@{prefix-print-preview} {
+      .outer {
+        height: 100%;
+      }
+    }
+  }
+}

package/lib/qm-design.d.ts

@@ -0,0 +1,28 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-02-09 11:26:35
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-10-15 09:36:56
+ */
+declare module '*.svg' {
+  import * as React from 'react';
+  export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}
+
+declare module '*.css' {
+  const resource: { [key: string]: string };
+  export default resource;
+}
+
+declare module '*.less' {
+  const resource: { [key: string]: string };
+  export default resource;
+}
+
+declare module '*.json' {
+  const value: any;
+  export const version: string;
+  export default value;
+}

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

@@ -0,0 +1,3 @@
+import RangeTableHelper from './src/range-table-helper';
+export type { RangeTableHelperProps } from './src/range-table-helper';
+export default RangeTableHelper;

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

@@ -0,0 +1,22 @@
+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;
+    multiple?: boolean;
+    filters?: IFormItem[];
+    table?: ITableConfig;
+    onClose: (data: IRecord[] | null) => void;
+};
+export type RangeTableHelperProps = IProps;
+declare const RangeTableHelper: React.FC<IProps>;
+export default RangeTableHelper;

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

@@ -0,0 +1,18 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-01-11 18:43:06
+ */
+@import '../../style/common';
+
+@prefix-range-helper: ~'@{qm-prefix}-range-helper';
+
+.@{prefix-range-helper}--wrapper {
+  .reset-container();
+  height: 100%;
+  .icon-sign {
+    font-size: 18px;
+    line-height: 1;
+  }
+}

package/lib/scrollbar/index.d.ts

@@ -0,0 +1,3 @@
+import Scrollbar from './src/scrollbar';
+export type { ScrollbarProps } from './src/scrollbar';
+export default Scrollbar;

package/lib/scrollbar/src/context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type IScrollbarContext = {
+    dragging: boolean;
+    scrollbarElement: React.RefObject<HTMLElement>;
+    wrapElement: React.RefObject<HTMLElement>;
+};
+export declare const ScrollbarContext: React.Context<IScrollbarContext | undefined>;