@dt-frames/ui 1.0.7 → 1.0.10

package/es/components/forms/src/types/form.type.d.ts

@@ -67,7 +67,7 @@ export declare type FormProps = {
     style?: Recordable;
 };
 export declare type FormSchema = {
-    name: string | string[];
+    name?: string | string[];
     changeEvent?: string;
     valueField?: string;
     label?: string | VNode;
@@ -76,7 +76,7 @@ export declare type FormSchema = {
     labelAlign?: 'left' | 'right';
     toolTip?: string | ((parms: FormCallBackParams) => string | string[]);
     toolTipProps?: ToolTipProps;
-    component: ComponentType;
+    component?: ComponentType;
     props?: ((opt: {
         schema?: FormSchema;
         formActions?: any;
@@ -90,7 +90,7 @@ export declare type FormSchema = {
     defaultValue?: any;
     span?: number;
     show?: boolean | ((parms: FormCallBackParams) => boolean);
-    render?: (parms: FormCallBackParams) => VNode | VNode[] | string;
+    render?: (parms?: FormCallBackParams) => VNode | VNode[] | string;
     renderCol?: (parms: FormCallBackParams) => VNode | VNode[] | string;
     colProps?: Partial<ColEx>;
     renderComponent?: ((parms: FormCallBackParams) => Recordable) | VNode | VNode[] | string;

package/es/components/index.d.ts

@@ -8,8 +8,9 @@ import { useSource } from './source';
 import { useCurd } from './curd';
 import { export2Excel } from './excel';
 import { DtIframe } from './iframe';
-import { useDialog } from './dialog';
+import { DtUpload, DtUploadModal } from './upload';
+import { DtTree } from './tree';
 export declare function initComponents(): {
     install(app: App): void;
 };
-export { DtBaseRouter, DtIcon, DtPickIcon, DtModal, DtForm, DtTable, FormButtons, DtIframe, useForm, useTable, useSource, useCurd, useModal, useModalOut, export2Excel, useDialog };
+export { DtBaseRouter, DtIcon, DtPickIcon, DtModal, DtForm, DtTable, FormButtons, DtIframe, DtUpload, DtUploadModal, DtTree, useForm, useTable, useSource, useCurd, useModal, useModalOut, export2Excel };

package/es/components/source/src/hooks/useFetch.d.ts

@@ -1,5 +1,4 @@
-import { ApiType } from "../types/source.type";
-import { Recordable } from "@dt-frames/core";
+import { Recordable, ApiType } from "@dt-frames/core";
 export declare function useFetch(api: string | ApiType, baseUrl?: string): {
     fetch: (params?: Recordable) => Promise<unknown>;
 };

package/es/components/source/src/hooks/useSource.d.ts

@@ -4,10 +4,10 @@ import { SourceType } from "../types/source.type";
 import { TableParamsType } from '../types/table.type';
 import { DownloadType } from '../../../table/src/types/tableHeader.type';
 export declare function useSource(opt: SourceType): {
-    api: import("../types/source.type").ApiObjType;
-    apiFul: Recordable<any>;
+    api: Recordable<any>;
+    apiPath: Recordable<any>;
     form: {
-        onSearch: (model: Recordable) => void;
+        onSearch: (model?: Recordable) => void;
         onReset: (model: Recordable) => void;
         loading: {
             [key: string]: Ref<boolean>;
@@ -39,5 +39,5 @@ export declare function useSource(opt: SourceType): {
     onUpdate: (model: Recordable) => void;
     onTableChange: (params: TableParamsType, needSearch?: boolean) => void;
     onDownload: (excelData: DownloadType) => void;
-    onSearch: (model: Recordable) => void;
+    onSearch: (model?: Recordable) => void;
 };

package/es/components/source/src/types/source.type.d.ts

@@ -1,4 +1,4 @@
-import { Recordable } from "@dt-frames/core";
+import { Recordable, ApiType } from "@dt-frames/core";
 export declare type PageQueryType = {
     entityDTO: Recordable;
     orderDTOs: Recordable[];
@@ -8,14 +8,6 @@ export declare type PageQueryType = {
         [key: string]: any;
     };
 };
-export declare type ApiType = {
-    api: string;
-    type?: 'get' | 'post' | 'put' | 'delete';
-    header?: any;
-    model?: Recordable;
-    beforeFetch?: <T = any>(params: T) => T;
-    afterFetch?: <T = any>(data: any) => T;
-};
 export declare type ApiObjType = {
     add?: string | ApiType;
     update?: string | ApiType;

package/es/components/source/src/types/table.type.d.ts

@@ -2,6 +2,6 @@ import { Recordable } from "@dt-frames/core";
 export declare type TableParamsType = {
     pagination: any;
     showBtnLoading: boolean;
-    sort: Recordable[];
+    sort: Recordable;
     filter: any;
 };

package/es/components/table/src/components/TableActions.d.ts

@@ -387,7 +387,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 'onUpdate:visible': {
                     type: PropType<(val: boolean) => void>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "forceRender" | "arrow" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "arrow" | "forceRender" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -824,7 +824,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 'onUpdate:openKeys': PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:selectedKeys': PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:activeKey': PropType<(key: import("ant-design-vue/lib/_util/type").Key) => void>;
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "theme" | "multiple" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "selectable" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "multiple" | "selectable" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "theme" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/table/src/components/setting/Download.d.ts

@@ -330,7 +330,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 'onUpdate:visible': {
                     type: import("vue").PropType<(val: boolean) => void>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "forceRender" | "arrow" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "arrow" | "forceRender" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -767,7 +767,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 'onUpdate:openKeys': import("vue").PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:selectedKeys': import("vue").PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:activeKey': import("vue").PropType<(key: import("ant-design-vue/lib/_util/type").Key) => void>;
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "theme" | "multiple" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "selectable" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "multiple" | "selectable" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "theme" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/table/src/components/setting/Size.d.ts

@@ -331,7 +331,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 'onUpdate:visible': {
                     type: import("vue").PropType<(val: boolean) => void>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "forceRender" | "arrow" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "overlayStyle" | "disabled" | "arrow" | "forceRender" | "minOverlayWidthMatchTrigger" | "destroyPopupOnHide">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -768,7 +768,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 'onUpdate:openKeys': import("vue").PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:selectedKeys': import("vue").PropType<(keys: import("ant-design-vue/lib/_util/type").Key[]) => void>;
                 'onUpdate:activeKey': import("vue").PropType<(key: import("ant-design-vue/lib/_util/type").Key) => void>;
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "theme" | "multiple" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "selectable" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "mode" | "multiple" | "selectable" | "inlineCollapsed" | "disabledOverflow" | "forceSubMenuRender" | "theme" | "inlineIndent" | "subMenuOpenDelay" | "subMenuCloseDelay" | "triggerSubMenuAction">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/table/src/index.d.ts

@@ -266,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
         tableLayout: string;
         size: SizeType;
         bordered: boolean;
+        onDownload: Function;
         customRow: (record: any, index: any) => void;
         childrenColumnName: string;
         clickRowSelect: boolean;
@@ -279,7 +280,6 @@ declare const _default: import("vue").DefineComponent<{
         templates: {};
         ellipsis: boolean;
         onTableChange: Function;
-        onDownload: Function;
         showIndexColumn: boolean;
         indexColumnProps: import("./types/table.type").BasicColumn[];
         isTreeTable: boolean;
@@ -552,6 +552,7 @@ declare const _default: import("vue").DefineComponent<{
     size: SizeType;
     loading: boolean;
     bordered: boolean;
+    onDownload: Function;
     columns: import("./types/table.type").BasicColumn[];
     scroll: {};
     rowKey: string;
@@ -572,7 +573,6 @@ declare const _default: import("vue").DefineComponent<{
     templates: {};
     ellipsis: boolean;
     onTableChange: Function;
-    onDownload: Function;
     showIndexColumn: boolean;
     indexColumnProps: import("./types/table.type").BasicColumn[];
     isTreeTable: boolean;

package/es/components/tree/index.d.ts

@@ -0,0 +1,2 @@
+import DtTree from "./src/index";
+export { DtTree };

package/es/components/tree/src/hooks/useTree.d.ts

@@ -0,0 +1,14 @@
+import { TreeDataItem } from "ant-design-vue/lib/tree";
+import { ComputedRef, Ref } from "vue";
+import { FieldNames, InsertNodeParams, TreeItem, KeyType } from "../type/tree";
+export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>): {
+    getAllKeys: (list?: TreeDataItem[]) => KeyType[];
+    getEnabledKeys: (list?: TreeDataItem[]) => KeyType[];
+    getChildrenKeys: (nodeKey: string | number, list?: TreeDataItem[]) => KeyType[];
+    updateNodeByKey: (key: string, node: TreeDataItem, list?: TreeDataItem[]) => void;
+    filterByLevel: (level?: number, list?: TreeDataItem[], currentLevel?: number) => string[] | number[];
+    insertNodeByKey: ({ parentKey, node, push }: InsertNodeParams) => void;
+    insertNodesByKey: ({ parentKey, list, push }: InsertNodeParams) => void;
+    deleteNodeByKey: (key: string, list?: TreeDataItem[]) => void;
+    getSelectedNode: (key: KeyType, list?: TreeItem[], selectedNode?: TreeItem | null) => TreeItem;
+};

package/es/components/tree/src/props.d.ts

@@ -0,0 +1,101 @@
+import { Recordable } from "@dt-frames/core";
+import { PropType } from "vue";
+import { CheckKeys, ContextMenuItem, FieldNames, TreeActionItem, TreeItem } from "./type/tree";
+export declare const BasicProps: {
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: BooleanConstructor;
+    expandedKeys: {
+        type: PropType<KeyType[]>;
+        default: () => any[];
+    };
+    selectedKeys: {
+        type: PropType<KeyType[]>;
+        default: () => any[];
+    };
+    checkedKeys: {
+        type: PropType<CheckKeys>;
+        default: () => any[];
+    };
+    fieldNames: {
+        type: PropType<FieldNames>;
+    };
+    beforeRightClick: {
+        type: PropType<(...arg: any) => ContextMenuItem[]>;
+        default: any;
+    };
+    rightMenuList: {
+        type: PropType<ContextMenuItem[]>;
+    };
+    renderIcon: {
+        type: PropType<(params: Recordable) => string>;
+    };
+    highlight: {
+        type: PropType<String | Boolean>;
+        default: boolean;
+    };
+    actionList: {
+        type: PropType<TreeActionItem[]>;
+        default: () => any[];
+    };
+    clickRowToExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    filterFn: {
+        type: PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>;
+        default: any;
+    };
+    checkable: BooleanConstructor;
+    expandOnSearch: BooleanConstructor;
+    checkOnSearch: BooleanConstructor;
+    selectedOnSearch: BooleanConstructor;
+    treeData: {
+        type: PropType<import("ant-design-vue/lib/tree").DataNode[]>;
+    };
+    value: {
+        type: PropType<KeyType[] | CheckKeys>;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolbar: BooleanConstructor;
+    search: BooleanConstructor;
+};
+export declare const searchProps: {
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkAll: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    expandAll: {
+        type: FunctionConstructor;
+        default: any;
+    };
+};

package/es/components/tree/src/type/tree.d.ts

@@ -0,0 +1,85 @@
+import { Recordable } from "@dt-frames/core";
+import { Fn } from "@vueuse/core";
+import { TreeDataItem } from "ant-design-vue/lib/tree";
+export declare enum ToolbarEnum {
+    SELECT_ALL = 0,
+    UN_SELECT_ALL = 1,
+    EXPAND_ALL = 2,
+    UN_EXPAND_ALL = 3,
+    CHECK_STRICTLY = 4,
+    CHECK_UN_STRICTLY = 5
+}
+export declare type KeyType = string | number;
+export declare type CheckKeys = KeyType[] | {
+    checked: string[] | number[];
+    halfChecked: string[] | number[];
+};
+export interface TreeState {
+    expandedKeys: KeyType[];
+    selectedKeys: KeyType[];
+    checkedKeys: CheckKeys;
+    checkStrictly: boolean;
+}
+export interface FieldNames {
+    children?: string;
+    title?: string;
+    key?: string;
+}
+export interface TreeItem extends TreeDataItem {
+    icon?: any;
+}
+export interface CreateContextOptions {
+    event: MouseEvent;
+    icon?: string;
+    styles?: any;
+    items?: ContextMenuItem[];
+}
+export interface InsertNodeParams {
+    parentKey: string | null;
+    node: TreeDataItem;
+    list?: TreeDataItem[];
+    push?: 'push' | 'unshift';
+}
+export interface ContextMenuItem {
+    label: string;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    handler?: Fn;
+    divider?: boolean;
+    children?: ContextMenuItem[];
+}
+export interface TreeActionItem {
+    render: (record: Recordable) => any;
+    show?: boolean | ((record: Recordable) => boolean);
+}
+export interface InsertNodeParams {
+    parentKey: string | null;
+    node: TreeDataItem;
+    list?: TreeDataItem[];
+    push?: 'push' | 'unshift';
+}
+export interface TreeHelperConfig {
+    id: string;
+    children: string;
+    pid: string;
+}
+export interface TreeActionType {
+    checkAll: (checkAll: boolean) => void;
+    expandAll: (expandAll: boolean) => void;
+    setExpandedKeys: (keys: KeyType[]) => void;
+    getExpandedKeys: () => KeyType[];
+    setSelectedKeys: (keys: KeyType[]) => void;
+    getSelectedKeys: () => KeyType[];
+    setCheckedKeys: (keys: CheckKeys) => void;
+    getCheckedKeys: () => CheckKeys;
+    filterByLevel: (level: number) => void;
+    insertNodeByKey: (opt: InsertNodeParams) => void;
+    insertNodesByKey: (opt: InsertNodeParams) => void;
+    deleteNodeByKey: (key: string) => void;
+    updateNodeByKey: (key: string, node: Omit<TreeDataItem, 'key'>) => void;
+    setSearchValue: (value: string) => void;
+    getSearchValue: () => string;
+    onStrictlyChange: (strictly: boolean) => void;
+    getSelectedNode: (key: KeyType, treeList?: TreeItem[], selectNode?: TreeItem | null) => TreeItem | null;
+}

package/es/components/tree/src/utils/tree.d.ts

@@ -0,0 +1,5 @@
+import { TreeHelperConfig } from "../type/tree";
+export declare function eachTree(treeDatas: any[], callBack: Function, parentNode?: {}): void;
+export declare function forEach<T = any>(tree: T[], func: (n: T) => any, config?: Partial<TreeHelperConfig>): void;
+export declare function filter<T = any>(tree: T[], func: (n: T) => boolean, config?: Partial<TreeHelperConfig>): T[];
+export declare function treeToList<T = any>(tree: any, config?: Partial<TreeHelperConfig>): T;

package/es/components/upload/index.d.ts

@@ -0,0 +1,3 @@
+import DtUploadModal from "./src/index";
+import DtUpload from "./src/upload";
+export { DtUploadModal, DtUpload };

package/es/components/upload/src/helper.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from "vue";
+export declare function useHelpers(acceptRef: Ref<string[]>, helpTextRef: Ref<string>, maxNumberRef: Ref<number>, maxSizeRef: Ref<number>): {
+    getStringAccept: import("vue").ComputedRef<string>;
+};