@dao-style/core 0.7.0 → 1.0.0-beta.1

package/dist/components/transfer/index.d.ts

@@ -1,2 +1,5 @@
-export { default as Transfer } from './transfer.vue';
-export { default as TransferPanel } from './transfer-panel.vue';
+export { default as DaoTransfer } from './transfer';
+export { default as Transfer } from './transfer';
+export { default as DaoTransferPanel } from './transfer-panel';
+export { default as TransferPanel } from './transfer-panel';
+export * from './props';

package/dist/components/transfer/props.d.ts

@@ -1,33 +1,32 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import type Transfer from './transfer.vue';
-export declare type DataItem = Record<string, unknown>;
-export declare type Key = DataItem[number];
-declare type FilterMethod = (query: string, item: DataItem) => boolean;
-declare type Props = {
+export type DataItem = Record<string, unknown>;
+type Props = {
     key: string;
     label?: string;
     desc?: string;
 };
+export type Key = DataItem[Props['key']];
+export type TransferFilterMethod = (query: string, item: DataItem) => boolean;
 export declare const transferProps: {
     source: {
         type: PropType<DataItem[]>;
-        default: () => DataItem[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<unknown[]>;
-        default: () => Key[];
+        default: () => never[];
     };
     disabledKeys: {
         type: PropType<unknown[]>;
-        default: () => Key[];
+        default: () => never[];
     };
     filterable: {
         type: PropType<boolean[]>;
         default: () => boolean[];
     };
     filterMethod: {
-        type: PropType<FilterMethod[]>;
-        default: () => FilterMethod[];
+        type: PropType<TransferFilterMethod[]>;
+        default: () => TransferFilterMethod[];
     };
     filterPlaceholder: {
         type: PropType<string[]>;
@@ -50,9 +49,10 @@ export declare const transferProps: {
         default: () => {};
     };
 };
+export type TransferActionDirection = 'left' | 'right' | '';
 export declare const transferPanelProp: {
     type: {
-        type: PropType<"target" | "source">;
+        type: PropType<"source" | "target">;
         default: "source";
     };
     data: {
@@ -65,14 +65,14 @@ export declare const transferPanelProp: {
     };
     disabledKeys: {
         type: PropType<unknown[]>;
-        default: () => Key[];
+        default: () => never[];
     };
     filterable: {
         type: BooleanConstructor;
         default: boolean;
     };
     filterMethod: {
-        type: PropType<FilterMethod>;
+        type: PropType<TransferFilterMethod>;
     };
     filterPlaceholder: {
         type: StringConstructor;
@@ -86,6 +86,29 @@ export declare const transferPanelProp: {
         default: () => {};
     };
 };
-export declare type TransferProps = ExtractPropTypes<typeof transferProps>;
-export declare type TransferInstance = InstanceType<typeof Transfer>;
+export declare const transferEmits: {
+    'update:modelValue': (content: Key[]) => void;
+    clear: (content: Key[]) => void;
+    change: (content: ({
+        direction: TransferActionDirection;
+        rows: any[];
+    })) => void;
+    refresh: () => void;
+    checkAll: (content: Key[]) => void;
+};
+export type TransferProps = ExtractPropTypes<typeof transferProps>;
+export type TransferEmits = typeof transferEmits;
+export declare const transferPanelEmits: {
+    selectedChange: (content: {
+        direction: TransferActionDirection;
+        row: any;
+    }) => void;
+    refresh: () => void;
+    checkAll: (content: {
+        checked: boolean;
+        checkableList: Key[];
+    }) => void;
+};
+export type TransferPanelProps = ExtractPropTypes<typeof transferPanelProp>;
+export type TransferPanelEmits = typeof transferPanelEmits;
 export {};

package/dist/components/transfer/transfer-panel.d.ts

@@ -0,0 +1,351 @@
+import { SlotFn, ParamsSlotFn } from '../../utils/types';
+import { TransferPanelProps } from './props';
+declare const DaoTransferPanel: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "source" | "target";
+            props: {
+                key: string;
+                label?: string | undefined;
+                desc?: string | undefined;
+            };
+            data: import("./props").DataItem[];
+            disabledKeys: unknown[];
+            filterable: boolean;
+            hideDesc: boolean;
+            checkedKeys: unknown[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"source" | "target">;
+                default: "source";
+            };
+            data: {
+                type: import("vue").PropType<import("./props").DataItem[]>;
+                default: () => import("./props").DataItem[];
+            };
+            checkedKeys: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => unknown[];
+            };
+            disabledKeys: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => never[];
+            };
+            filterable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            filterMethod: {
+                type: import("vue").PropType<import("./props").TransferFilterMethod>;
+            };
+            filterPlaceholder: {
+                type: StringConstructor;
+            };
+            hideDesc: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            props: {
+                type: import("vue").PropType<{
+                    key: string;
+                    label?: string | undefined;
+                    desc?: string | undefined;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onRefresh?: ((...args: any[]) => any) | undefined;
+            onSelectedChange?: ((...args: any[]) => any) | undefined;
+            onCheckAll?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "props" | "data" | "disabledKeys" | "filterable" | "hideDesc" | "checkedKeys">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "refresh" | "selectedChange" | "checkAll", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"source" | "target">;
+                default: "source";
+            };
+            data: {
+                type: import("vue").PropType<import("./props").DataItem[]>;
+                default: () => import("./props").DataItem[];
+            };
+            checkedKeys: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => unknown[];
+            };
+            disabledKeys: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => never[];
+            };
+            filterable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            filterMethod: {
+                type: import("vue").PropType<import("./props").TransferFilterMethod>;
+            };
+            filterPlaceholder: {
+                type: StringConstructor;
+            };
+            hideDesc: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            props: {
+                type: import("vue").PropType<{
+                    key: string;
+                    label?: string | undefined;
+                    desc?: string | undefined;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onRefresh?: ((...args: any[]) => any) | undefined;
+            onSelectedChange?: ((...args: any[]) => any) | undefined;
+            onCheckAll?: ((...args: any[]) => any) | undefined;
+        }, {
+            ns: string;
+            t: import("vue-i18n").ComposerTranslation<{
+                [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+            }, string, import("@intlify/core-base").RemoveIndexSignature<{
+                [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+            }>, never, string, string>;
+            query: import("vue").Ref<string>;
+            checkedStatus: {
+                checked: boolean;
+                indeterminate: boolean;
+                checkableList: unknown[];
+            };
+            labelProp: import("vue").ComputedRef<string>;
+            keyProp: import("vue").ComputedRef<string>;
+            descProp: import("vue").ComputedRef<string>;
+            filteredData: import("vue").ComputedRef<import("./props").DataItem[]>;
+            isSource: import("vue").ComputedRef<boolean>;
+            isEmpty: import("vue").ComputedRef<boolean>;
+            isDisabledCheckAll: import("vue").ComputedRef<boolean>;
+            hasFooter: import("vue").ComputedRef<boolean>;
+            handleCheckAll: (checked: boolean) => void;
+            handleItemEvent: (action: "remove" | "check", row: import("./props").DataItem) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "selectedChange" | "checkAll")[], string, {
+            type: "source" | "target";
+            props: {
+                key: string;
+                label?: string | undefined;
+                desc?: string | undefined;
+            };
+            data: import("./props").DataItem[];
+            disabledKeys: unknown[];
+            filterable: boolean;
+            hideDesc: boolean;
+            checkedKeys: unknown[];
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"source" | "target">;
+            default: "source";
+        };
+        data: {
+            type: import("vue").PropType<import("./props").DataItem[]>;
+            default: () => import("./props").DataItem[];
+        };
+        checkedKeys: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => unknown[];
+        };
+        disabledKeys: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => never[];
+        };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filterMethod: {
+            type: import("vue").PropType<import("./props").TransferFilterMethod>;
+        };
+        filterPlaceholder: {
+            type: StringConstructor;
+        };
+        hideDesc: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        props: {
+            type: import("vue").PropType<{
+                key: string;
+                label?: string | undefined;
+                desc?: string | undefined;
+            }>;
+            default: () => {};
+        };
+    }>> & {
+        onRefresh?: ((...args: any[]) => any) | undefined;
+        onSelectedChange?: ((...args: any[]) => any) | undefined;
+        onCheckAll?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        ns: string;
+        t: import("vue-i18n").ComposerTranslation<{
+            [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+        }, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+        }>, never, string, string>;
+        query: import("vue").Ref<string>;
+        checkedStatus: {
+            checked: boolean;
+            indeterminate: boolean;
+            checkableList: unknown[];
+        };
+        labelProp: import("vue").ComputedRef<string>;
+        keyProp: import("vue").ComputedRef<string>;
+        descProp: import("vue").ComputedRef<string>;
+        filteredData: import("vue").ComputedRef<import("./props").DataItem[]>;
+        isSource: import("vue").ComputedRef<boolean>;
+        isEmpty: import("vue").ComputedRef<boolean>;
+        isDisabledCheckAll: import("vue").ComputedRef<boolean>;
+        hasFooter: import("vue").ComputedRef<boolean>;
+        handleCheckAll: (checked: boolean) => void;
+        handleItemEvent: (action: "remove" | "check", row: import("./props").DataItem) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"source" | "target">;
+        default: "source";
+    };
+    data: {
+        type: import("vue").PropType<import("./props").DataItem[]>;
+        default: () => import("./props").DataItem[];
+    };
+    checkedKeys: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    disabledKeys: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => never[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMethod: {
+        type: import("vue").PropType<import("./props").TransferFilterMethod>;
+    };
+    filterPlaceholder: {
+        type: StringConstructor;
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    props: {
+        type: import("vue").PropType<{
+            key: string;
+            label?: string | undefined;
+            desc?: string | undefined;
+        }>;
+        default: () => {};
+    };
+}>> & {
+    onRefresh?: ((...args: any[]) => any) | undefined;
+    onSelectedChange?: ((...args: any[]) => any) | undefined;
+    onCheckAll?: ((...args: any[]) => any) | undefined;
+}, {
+    ns: string;
+    t: import("vue-i18n").ComposerTranslation<{
+        [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+    }, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+    }>, never, string, string>;
+    query: import("vue").Ref<string>;
+    checkedStatus: {
+        checked: boolean;
+        indeterminate: boolean;
+        checkableList: unknown[];
+    };
+    labelProp: import("vue").ComputedRef<string>;
+    keyProp: import("vue").ComputedRef<string>;
+    descProp: import("vue").ComputedRef<string>;
+    filteredData: import("vue").ComputedRef<import("./props").DataItem[]>;
+    isSource: import("vue").ComputedRef<boolean>;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    isDisabledCheckAll: import("vue").ComputedRef<boolean>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    handleCheckAll: (checked: boolean) => void;
+    handleItemEvent: (action: "remove" | "check", row: import("./props").DataItem) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "selectedChange" | "checkAll")[], "refresh" | "selectedChange" | "checkAll", {
+    type: "source" | "target";
+    props: {
+        key: string;
+        label?: string | undefined;
+        desc?: string | undefined;
+    };
+    data: import("./props").DataItem[];
+    disabledKeys: unknown[];
+    filterable: boolean;
+    hideDesc: boolean;
+    checkedKeys: unknown[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <Row extends import("./props").DataItem, Prop extends {
+    key: string;
+    label?: string | undefined;
+    desc?: string | undefined;
+}, PropKey extends Prop["key"]>(props: {
+    data: Row[];
+    props: Prop;
+    checkedKeys: Row[PropKey][];
+    disabledKeys: Row[PropKey][];
+}) => {
+    $props: Partial<{
+        data: Row[];
+        props: Prop;
+        checkedKeys: Row[PropKey][];
+        disabledKeys: Row[PropKey][];
+    }>;
+    $slots: {
+        header: SlotFn;
+        'header-left': SlotFn;
+        'header-right': SlotFn;
+        'check-all': SlotFn;
+        item: ParamsSlotFn<{
+            row: Row;
+            type: TransferPanelProps['type'];
+        }>;
+        empty: SlotFn;
+        footer: SlotFn;
+    };
+});
+export default DaoTransferPanel;

package/dist/components/transfer/transfer-panel.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: import("vue").PropType<"target" | "source">;
+        type: import("vue").PropType<"source" | "target">;
         default: "source";
     };
     data: {
@@ -13,14 +13,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabledKeys: {
         type: import("vue").PropType<unknown[]>;
-        default: () => unknown[];
+        default: () => never[];
     };
     filterable: {
         type: BooleanConstructor;
         default: boolean;
     };
     filterMethod: {
-        type: import("vue").PropType<(query: string, item: import("./props").DataItem) => boolean>;
+        type: import("vue").PropType<import("./props").TransferFilterMethod>;
     };
     filterPlaceholder: {
         type: StringConstructor;
@@ -60,42 +60,56 @@ declare const _default: import("vue").DefineComponent<{
     hasFooter: import("vue").ComputedRef<boolean>;
     handleCheckAll: (checked: boolean) => void;
     handleItemEvent: (action: 'remove' | 'check', row: import("./props").DataItem) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "selectedChange" | "checkAll")[], "refresh" | "selectedChange" | "checkAll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    data?: unknown;
-    checkedKeys?: unknown;
-    disabledKeys?: unknown;
-    filterable?: unknown;
-    filterMethod?: unknown;
-    filterPlaceholder?: unknown;
-    hideDesc?: unknown;
-    props?: unknown;
-} & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "selectedChange" | "checkAll")[], "refresh" | "selectedChange" | "checkAll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"source" | "target">;
+        default: "source";
+    };
+    data: {
+        type: import("vue").PropType<import("./props").DataItem[]>;
+        default: () => import("./props").DataItem[];
+    };
+    checkedKeys: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    disabledKeys: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => never[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMethod: {
+        type: import("vue").PropType<import("./props").TransferFilterMethod>;
+    };
+    filterPlaceholder: {
+        type: StringConstructor;
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     props: {
-        key: string;
-        label?: string | undefined;
-        desc?: string | undefined;
+        type: import("vue").PropType<{
+            key: string;
+            label?: string | undefined;
+            desc?: string | undefined;
+        }>;
+        default: () => {};
     };
-    type: "target" | "source";
-    data: import("./props").DataItem[];
-    disabledKeys: unknown[];
-    filterable: boolean;
-    hideDesc: boolean;
-    checkedKeys: unknown[];
-} & {
-    filterMethod?: ((query: string, item: import("./props").DataItem) => boolean) | undefined;
-    filterPlaceholder?: string | undefined;
-}> & {
+}>> & {
     onRefresh?: ((...args: any[]) => any) | undefined;
     onSelectedChange?: ((...args: any[]) => any) | undefined;
     onCheckAll?: ((...args: any[]) => any) | undefined;
 }, {
+    type: "source" | "target";
     props: {
         key: string;
         label?: string | undefined;
         desc?: string | undefined;
     };
-    type: "target" | "source";
     data: import("./props").DataItem[];
     disabledKeys: unknown[];
     filterable: boolean;