dcp-design-react 1.7.42

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { CSSProperties } from '../../_utils/types';
+type IEvent = {
+    scrollTop: number;
+    scrollLeft: number;
+};
+type IProps = {
+    className?: string;
+    style?: CSSProperties;
+    wrapClassName?: string;
+    wrapStyle?: CSSProperties;
+    barWidth?: number;
+    always?: boolean;
+    minSize?: number;
+    native?: boolean;
+    children?: React.ReactNode;
+    onScroll?: (event: IEvent) => void;
+};
+export type ScrollbarRef = {
+    container: HTMLDivElement;
+    scrollTop: number;
+    scrollLeft: number;
+    SET_SCROLL_TOP: (value: number) => void;
+    SET_SCROLL_LEFT: (value: number) => void;
+};
+export type ScrollbarProps = IProps;
+declare const QmScrollbar: React.ForwardRefExoticComponent<IProps & React.RefAttributes<ScrollbarRef>>;
+export default QmScrollbar;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export type IThumbOption = {
+    size: number;
+    offset: number;
+    ratio: number;
+};
+type IProps = {
+    thumb: IThumbOption;
+    direction?: 'horizontal' | 'vertical';
+    barSize?: number;
+    always?: boolean;
+    onDrag?: (value: boolean) => void;
+};
+declare const Thumb: React.FC<IProps>;
+export default Thumb;

package/lib/scrollbar/style/index.less

@@ -0,0 +1,72 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2023-06-04 09:42:40
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-06-05 16:47:52
+ */
+@import '../../style/common';
+
+@prefix-scrollbar: ~'@{qm-prefix}-scrollbar';
+
+.@{prefix-scrollbar} {
+  position: relative;
+  &__wrap {
+    display: grid;
+    height: 100%;
+    overflow: auto;
+    &--hidden {
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+  }
+  &__view {
+    display: block;
+  }
+  &__bar {
+    position: absolute;
+    right: 2px;
+    bottom: 2px;
+    z-index: 2;
+    border-radius: 4px;
+    &.is-vertical {
+      width: 6px;
+      top: 2px;
+      & > div {
+        width: 100%;
+      }
+    }
+    &.is-horizontal {
+      height: 6px;
+      left: 2px;
+      & > div {
+        height: 100%;
+      }
+    }
+    // fade-transition
+    &.fade {
+      transition: all 0.3s ease;
+    }
+    &.fade.preEnter,
+    &.fade.exiting {
+      opacity: 0;
+    }
+    &.fade.exited {
+      display: none;
+    }
+  }
+  &__thumb {
+    position: relative;
+    display: block;
+    width: 0;
+    height: 0;
+    cursor: pointer;
+    border-radius: inherit;
+    background-color: #909090;
+    opacity: 0.3;
+    &:hover {
+      opacity: 0.5;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import SearchHelper from './src/search-helper';
+export type { SearchHelperProps } from './src/search-helper';
+export default SearchHelper;

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

@@ -0,0 +1,24 @@
+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;
+    onClose: (data: IRecord | null, keys?: IRowKey[]) => void;
+};
+export type SearchHelperProps = IProps;
+declare const SearchHelper: React.FC<IProps>;
+export default SearchHelper;

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

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

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

@@ -0,0 +1,3 @@
+import SearchTree from './src/search-tree';
+export type { SearchTreeProps } from './src/search-tree';
+export default SearchTree;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { ComponentSize } from '../../_utils/types';
+import type { IFetch, IRecord, ICheckStrategy } from '../../table/src/table/types';
+import type { TreeProps } from '../../antd';
+type IProps = TreeProps & {
+    size?: ComponentSize;
+    filterable?: boolean;
+    multiple?: boolean;
+    draggable?: boolean;
+    dataSource?: IRecord[];
+    fetch?: IFetch;
+    fieldsDefine?: {
+        textKey?: string;
+        valueKey?: string;
+        children?: string;
+    };
+    value?: React.Key[];
+    placeholder?: string;
+    asyncLoad?: boolean;
+    checkStrictly?: boolean;
+    checkStrategy?: ICheckStrategy;
+    showSearchBar?: boolean;
+    showCollapse?: boolean;
+    onSelectChange?: (records: IRecord[] | IRecord) => void;
+    onCheckChange?: (records: IRecord[] | IRecord) => void;
+    onDragChange?: (info: any, data: IRecord) => void;
+};
+type SearchTreeRef = {
+    INSERT_RECORD: (parentKey: React.Key, record: IRecord | IRecord[]) => void;
+    REMOVE_RECORD: (key: React.Key) => void;
+    UPDATE_RECORD: (key: React.Key, record: IRecord) => void;
+};
+export type SearchTreeProps = IProps;
+declare const SearchTree: React.ForwardRefExoticComponent<TreeProps<import("rc-tree/lib/interface").DataNode> & {
+    size?: ComponentSize | undefined;
+    filterable?: boolean | undefined;
+    multiple?: boolean | undefined;
+    draggable?: boolean | undefined;
+    dataSource?: IRecord<any>[] | undefined;
+    fetch?: IFetch | undefined;
+    fieldsDefine?: {
+        textKey?: string | undefined;
+        valueKey?: string | undefined;
+        children?: string | undefined;
+    } | undefined;
+    value?: React.Key[] | undefined;
+    placeholder?: string | undefined;
+    asyncLoad?: boolean | undefined;
+    checkStrictly?: boolean | undefined;
+    checkStrategy?: ICheckStrategy | undefined;
+    showSearchBar?: boolean | undefined;
+    showCollapse?: boolean | undefined;
+    onSelectChange?: ((records: IRecord[] | IRecord) => void) | undefined;
+    onCheckChange?: ((records: IRecord[] | IRecord) => void) | undefined;
+    onDragChange?: ((info: any, data: IRecord) => void) | undefined;
+} & React.RefAttributes<SearchTreeRef>>;
+export default SearchTree;

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

@@ -0,0 +1,34 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-09-04 16:40:18
+ */
+@import '../../style/common';
+
+@prefix-search-tree: ~'@{qm-prefix}-search-tree';
+
+.@{prefix-search-tree} {
+  .reset-container();
+  height: 100%;
+  .topper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .ant-input-search {
+      flex: 1 0;
+      margin-bottom: 8px;
+    }
+    .trigger {
+      margin-left: 8px;
+      margin-bottom: 8px;
+    }
+  }
+  .ant-tree {
+    .filter-node {
+      & > span:last-of-type {
+        color: @--primary-color;
+      }
+    }
+  }
+}

package/lib/space/index.d.ts

@@ -0,0 +1,3 @@
+import Space from './src/space';
+export type { SpaceProps } from './src/space';
+export default Space;

package/lib/space/src/space.d.ts

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import type { ComponentSize } from '../../_utils/types';
+import type { SpaceProps as AntSpaceProps } from '../../antd';
+type IProps = Omit<AntSpaceProps, 'size'> & {
+    size?: ComponentSize | number;
+};
+export type SpaceProps = IProps;
+declare class QmSpace extends Component<IProps> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    render(): React.JSX.Element;
+}
+export default QmSpace;

package/lib/space/style/index.less

@@ -0,0 +1,12 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:37:33
+ */
+@import '../../style/common';
+
+@prefix-space: ~'@{qm-prefix}-space';
+
+.@{prefix-space} {
+}

package/lib/spin/index.d.ts

@@ -0,0 +1,3 @@
+import Spin from './src/spin';
+export type { SpinProps } from './src/spin';
+export default Spin;

package/lib/spin/src/spin.d.ts

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import type { SpinProps as AntSpinProps } from '../../antd';
+type IProps = AntSpinProps & {
+    fullHeight?: boolean;
+};
+export type SpinProps = IProps;
+declare class QmSpin extends Component<IProps> {
+    static defaultProps: {
+        tip: string;
+        fullHeight: boolean;
+    };
+    render(): React.JSX.Element;
+}
+export default QmSpin;

package/lib/spin/style/index.less

@@ -0,0 +1,16 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-spin: ~'@{qm-prefix}-spin';
+
+.@{prefix-spin}-full-height {
+  height: 100%;
+  .ant-spin-container {
+    height: 100%;
+  }
+}

package/lib/split/index.d.ts

@@ -0,0 +1,4 @@
+import Split from './src/split';
+export type { SplitProps } from './src/split';
+export type { SplitPaneProps } from './src/split-pane';
+export default Split;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ISplitContext = {
+    splitRef: React.RefObject<HTMLDivElement>;
+    direction: 'horizontal' | 'vertical';
+    dragging: boolean;
+};
+declare const SplitContext: React.Context<ISplitContext | undefined>;
+export default SplitContext;

package/lib/split/src/resize-bar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type IProps = {
+    minValues: number[];
+    onDragChange: (value: boolean) => void;
+    onDragging: (value: number) => void;
+};
+declare const ResizeBar: React.FC<IProps>;
+export default ResizeBar;

package/lib/split/src/split-pane.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type IProps = {
+    min?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type SplitPaneProps = IProps;
+declare const QmSplitPane: React.ForwardRefExoticComponent<IProps & {
+    offset?: string | undefined;
+} & React.RefAttributes<any>>;
+export default QmSplitPane;

package/lib/split/src/split.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { SplitPaneProps } from './split-pane';
+type IProps = {
+    direction?: 'horizontal' | 'vertical';
+    defaultValue?: number | string;
+    uniqueKey?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onDragStart?: (offset: number) => void;
+    onDrag?: (offset: number) => void;
+    onDragEnd?: (offset: number) => void;
+    children?: React.ReactNode;
+};
+export type SplitProps = IProps;
+declare const QmSplit: React.FC<IProps> & {
+    Pane: React.FunctionComponent<SplitPaneProps>;
+};
+export default QmSplit;

package/lib/split/style/index.less

@@ -0,0 +1,83 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-02-09 09:27:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-11-05 13:33:02
+ */
+@import '../../style/common';
+
+@prefix-split: ~'@{qm-prefix}-split';
+@prefix-split-pane: ~'@{qm-prefix}-split-pane';
+
+.@{prefix-split} {
+  .reset-container();
+  display: flex;
+  &.vertical {
+    flex-direction: column;
+  }
+  &__resize-bar {
+    position: relative;
+    background-color: transparent;
+    border-radius: @--border-radius-base - 1px;
+    transition: background-color 0.4s ease;
+    user-select: none;
+    box-sizing: border-box;
+    z-index: 1;
+    &.horizontal {
+      width: 11px;
+      margin: 0 -5px;
+      cursor: col-resize;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 50%;
+        width: 0;
+        pointer-events: none;
+        border-left: 1px solid @--border-color-base;
+      }
+    }
+    &.vertical {
+      height: 11px;
+      margin: -5px 0;
+      cursor: row-resize;
+      &::after {
+        content: ' ';
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 50%;
+        height: 0;
+        pointer-events: none;
+        border-top: 1px solid @--border-color-base;
+      }
+    }
+    &:hover,
+    &:active {
+      background-color: @--background-color;
+    }
+  }
+  .@{prefix-split-pane} {
+    box-sizing: border-box;
+    &.horizontal {
+      &:nth-child(1) {
+        padding-right: 5px;
+      }
+      &:nth-child(3) {
+        padding-left: 5px;
+      }
+    }
+    &.vertical {
+      &:nth-of-type(1) {
+        padding-bottom: 5px;
+      }
+      &:nth-of-type(3) {
+        padding-top: 5px;
+      }
+    }
+    &.isLocked {
+      pointer-events: none;
+    }
+  }
+}

package/lib/style/common.less

@@ -0,0 +1,8 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-02-09 15:40:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-23 19:04:46
+ */
+@import './themes/index';
+@import './mixins/index';