@dao-style/core 0.0.1-beta.9 → 0.1.0

package/dist/components/table/table-props.d.ts

@@ -1,5 +1,7 @@
 import type { PropType } from 'vue';
 import type { DaoTableColumn, DaoTableSort } from './type';
+declare type DataPropType = Record<string, unknown>[];
+declare type SelectablePropType = ((row: DataPropType[number], index: number) => boolean) | boolean;
 declare const tableProps: {
     id: {
         type: PropType<string>;
@@ -10,7 +12,7 @@ declare const tableProps: {
         default: () => DaoTableColumn[];
     };
     data: {
-        type: PropType<Record<string, unknown>[]>;
+        type: PropType<DataPropType>;
         default: () => Record<string, unknown>[];
     };
     showHeader: {
@@ -18,9 +20,13 @@ declare const tableProps: {
         default: boolean;
     };
     selectable: {
-        type: PropType<boolean>;
+        type: PropType<SelectablePropType>;
         default: boolean;
     };
+    selectedRows: {
+        type: PropType<DataPropType>;
+        default: () => never[];
+    };
     expandable: {
         type: PropType<boolean>;
         default: boolean;
@@ -44,7 +50,7 @@ declare const tableProps: {
     };
     pageFormat: {
         type: PropType<(val: number) => string>;
-        default: (val: number) => string;
+        default: undefined;
     };
     total: {
         type: PropType<number>;
@@ -52,7 +58,7 @@ declare const tableProps: {
     };
     totalFormat: {
         type: PropType<(val: number) => string>;
-        default: (val: number) => string;
+        required: boolean;
     };
     currentPage: {
         type: PropType<number>;
@@ -62,5 +68,17 @@ declare const tableProps: {
         type: PropType<number>;
         default: number;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noShadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    pageLayout: {
+        type: PropType<import("../pagination/pagination-props").PaginationLayoutKey[]>;
+        default: string[];
+    };
 };
 export default tableProps;

package/dist/components/table/table.vue.d.ts

@@ -18,9 +18,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectable: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | ((row: Record<string, unknown>, index: number) => boolean)>;
         default: boolean;
     };
+    selectedRows: {
+        type: import("vue").PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
     expandable: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -44,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     pageFormat: {
         type: import("vue").PropType<(val: number) => string>;
-        default: (val: number) => string;
+        default: undefined;
     };
     total: {
         type: import("vue").PropType<number>;
@@ -52,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     totalFormat: {
         type: import("vue").PropType<(val: number) => string>;
-        default: (val: number) => string;
+        required: boolean;
     };
     currentPage: {
         type: import("vue").PropType<number>;
@@ -62,7 +66,22 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    pageLayout: {
+        type: import("vue").PropType<import("../pagination/pagination-props").PaginationLayoutKey[]>;
+        default: string[];
+    };
 }, {
+    textContent: import("vue").ComputedRef<{
+        emptyText: string;
+    }>;
     columns: {
         id: string;
         header: string;
@@ -106,15 +125,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
     isRowExpanded: (row: Record<string, unknown>) => boolean;
-    isRowSelected: (row: Record<string, unknown>) => boolean;
     toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
-    toggleSelected: (row: Record<string, unknown>) => void;
-    toggleSelectedAll: () => void;
     setColumnRef: (columnId: string, el: ComponentPublicInstance | Element | null) => void;
     fixedColumnWidth: () => void;
     updateColumnWidth: (columnWidth: number, columnId: string) => void;
-    currentPage: Ref<number>;
-    pageSize: Ref<number>;
+    currentPage: import("vue").WritableComputedRef<number>;
+    pageSize: import("vue").WritableComputedRef<number>;
     clearState: () => void;
     global: {
         checked: boolean;
@@ -122,12 +138,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     tableScroll: Ref<HTMLDivElement | undefined>;
     expandedRows: WeakSet<object>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:page-size" | "update:current-page" | "next" | "prev" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange")[], "select" | "update:page-size" | "update:current-page" | "next" | "prev" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    onRowClick: (row: Record<string, unknown>, rowIndex: number) => void;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    selectableRows: import("vue").ComputedRef<Set<Record<string, unknown>>>;
+    isRowSelected: (row: Record<string, unknown>) => boolean;
+    toggleSelected: (row: Record<string, unknown>) => void;
+    toggleSelectedAll: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "next" | "prev" | "update:page-size" | "update:current-page" | "update:selectedRows" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange" | "row-click")[], "select" | "next" | "prev" | "update:page-size" | "update:current-page" | "update:selectedRows" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange" | "row-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     id?: unknown;
     columns?: unknown;
     data?: unknown;
     showHeader?: unknown;
     selectable?: unknown;
+    selectedRows?: unknown;
     expandable?: unknown;
     sort?: unknown;
     compact?: unknown;
@@ -138,49 +161,61 @@ declare const _default: import("vue").DefineComponent<{
     totalFormat?: unknown;
     currentPage?: unknown;
     pageSizerWidth?: unknown;
+    emptyText?: unknown;
+    noShadow?: unknown;
+    pageLayout?: unknown;
 } & {
     sort: import("./type").DaoTableSort;
     data: Record<string, unknown>[];
     showHeader: boolean;
+    total: number;
     columns: DaoTableColumn[];
     pageSize: number;
     pageSizeOptions: number[];
-    pageFormat: (val: number) => string;
     compact: boolean;
-    total: number;
-    totalFormat: (val: number) => string;
     currentPage: number;
     pageSizerWidth: number;
-    selectable: boolean;
+    selectable: boolean | ((row: Record<string, unknown>, index: number) => boolean);
+    selectedRows: Record<string, unknown>[];
     expandable: boolean;
+    noShadow: boolean;
+    pageLayout: import("../pagination/pagination-props").PaginationLayoutKey[];
 } & {
+    pageFormat?: ((val: number) => string) | undefined;
+    totalFormat?: ((val: number) => string) | undefined;
     id?: string | undefined;
+    emptyText?: string | undefined;
 }> & {
     onSelect?: ((...args: any[]) => any) | undefined;
-    "onUpdate:page-size"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:current-page"?: ((...args: any[]) => any) | undefined;
     onNext?: ((...args: any[]) => any) | undefined;
     onPrev?: ((...args: any[]) => any) | undefined;
+    "onUpdate:page-size"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:current-page"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedRows"?: ((...args: any[]) => any) | undefined;
     onSortChange?: ((...args: any[]) => any) | undefined;
     onHideColumn?: ((...args: any[]) => any) | undefined;
     onAfterResize?: ((...args: any[]) => any) | undefined;
     onExpandToggle?: ((...args: any[]) => any) | undefined;
     onPageChange?: ((...args: any[]) => any) | undefined;
     onSizeChange?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
 }, {
     sort: import("./type").DaoTableSort;
     data: Record<string, unknown>[];
     showHeader: boolean;
+    total: number;
     columns: DaoTableColumn[];
     pageSize: number;
     pageSizeOptions: number[];
     pageFormat: (val: number) => string;
     compact: boolean;
-    total: number;
-    totalFormat: (val: number) => string;
     currentPage: number;
     pageSizerWidth: number;
-    selectable: boolean;
+    selectable: boolean | ((row: Record<string, unknown>, index: number) => boolean);
+    selectedRows: Record<string, unknown>[];
     expandable: boolean;
+    emptyText: string;
+    noShadow: boolean;
+    pageLayout: import("../pagination/pagination-props").PaginationLayoutKey[];
 }>;
 export default _default;

package/dist/components/tabs/tabs.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        validator: (value: 'card' | 'line') => boolean;
+        validator: (value: 'card' | 'line' | 'pill') => boolean;
     };
     direction: {
         type: StringConstructor;

package/dist/components/tooltip/tooltip-props.d.ts

@@ -33,7 +33,7 @@ declare const _default: {
         validator: (value: import("@popperjs/core").Placement) => boolean;
     };
     trigger: {
-        type: import("vue").PropType<import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[] | "manual">;
+        type: import("vue").PropType<"manual" | import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[]>;
         default: string;
     };
     visibleArrow: {

package/dist/components/tooltip/tooltip.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: import("@popperjs/core").Placement) => boolean;
     };
     trigger: {
-        type: import("vue").PropType<import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[] | "manual">;
+        type: import("vue").PropType<"manual" | import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[]>;
         default: string;
     };
     visibleArrow: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     appendTo: string | false | HTMLElement;
     boundary: import("@popperjs/core").Boundary;
     delay: import("../popper/popper-props").DelayProp;
-    trigger: import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[] | "manual";
+    trigger: "manual" | import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[];
     popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>;
     transition: string;
 } & {}> & {
@@ -113,7 +113,7 @@ declare const _default: import("vue").DefineComponent<{
     appendTo: string | false | HTMLElement;
     boundary: import("@popperjs/core").Boundary;
     delay: import("../popper/popper-props").DelayProp;
-    trigger: import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[] | "manual";
+    trigger: "manual" | import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[];
     popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>;
     transition: string;
 }>;

package/dist/components/transfer/components/link.vue.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<"default" | "primary">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    handleClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    type?: unknown;
+    disabled?: unknown;
+    icon?: unknown;
+} & {
+    type: "default" | "primary";
+    disabled: boolean;
+} & {
+    icon?: string | undefined;
+}> & {
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}, {
+    type: "default" | "primary";
+    disabled: boolean;
+    icon: string;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Transfer } from './transfer.vue';
+export { default as TransferPanel } from './transfer-panel.vue';

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

@@ -0,0 +1,83 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import type Transfer from './transfer.vue';
+export declare type DataItem = Record<string, unknown>;
+declare type Key = DataItem[number];
+declare type FilterMethod = (query: string, item: DataItem) => boolean;
+declare type Props = {
+    key: string;
+    label?: string;
+    desc?: string;
+};
+export declare const transferProps: {
+    source: {
+        type: PropType<DataItem[]>;
+        default: () => DataItem[];
+    };
+    modelValue: {
+        type: PropType<unknown[]>;
+        default: () => Key[];
+    };
+    disabledKeys: {
+        type: PropType<unknown[]>;
+        default: () => Key[];
+    };
+    filterable: {
+        type: PropType<boolean[]>;
+        default: () => boolean[];
+    };
+    filterMethod: {
+        type: PropType<FilterMethod[]>;
+        default: () => FilterMethod[];
+    };
+    filterPlaceholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    props: {
+        type: PropType<Props>;
+        default: () => {};
+    };
+};
+export declare const transferPanelProp: {
+    type: {
+        type: PropType<"source" | "target">;
+        default: "source";
+    };
+    data: {
+        type: PropType<DataItem[]>;
+        default: () => DataItem[];
+    };
+    checkedKeys: {
+        type: PropType<unknown[]>;
+        default: () => Key[];
+    };
+    disabledKeys: {
+        type: PropType<unknown[]>;
+        default: () => Key[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMethod: {
+        type: PropType<FilterMethod>;
+    };
+    filterPlaceholder: {
+        type: StringConstructor;
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    props: {
+        type: PropType<Props>;
+        default: () => {};
+    };
+};
+export declare type TransferProps = ExtractPropTypes<typeof transferProps>;
+export declare type TransferInstance = InstanceType<typeof Transfer>;
+export {};

package/dist/components/transfer/test/transfer.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,92 @@
+declare const _default: import("vue").DefineComponent<{
+    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: () => unknown[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMethod: {
+        type: import("vue").PropType<(query: string, item: import("./props").DataItem) => boolean>;
+    };
+    filterPlaceholder: {
+        type: StringConstructor;
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    props: {
+        type: import("vue").PropType<{
+            key: string;
+            label?: string | undefined;
+            desc?: string | undefined;
+        }>;
+        default: () => {};
+    };
+}, {
+    ns: string;
+    query: import("vue").Ref<string>;
+    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>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    handleEvent: (action: 'remove' | 'check', row: import("./props").DataItem) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectedChange" | "refresh")[], "selectedChange" | "refresh", 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;
+} & {
+    props: {
+        key: string;
+        label?: string | undefined;
+        desc?: string | undefined;
+    };
+    type: "source" | "target";
+    data: import("./props").DataItem[];
+    disabledKeys: unknown[];
+    filterable: boolean;
+    hideDesc: boolean;
+    checkedKeys: unknown[];
+} & {
+    filterMethod?: ((query: string, item: import("./props").DataItem) => boolean) | undefined;
+    filterPlaceholder?: string | undefined;
+}> & {
+    onSelectedChange?: ((...args: any[]) => any) | undefined;
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}, {
+    props: {
+        key: string;
+        label?: string | undefined;
+        desc?: string | undefined;
+    };
+    type: "source" | "target";
+    data: import("./props").DataItem[];
+    disabledKeys: unknown[];
+    filterable: boolean;
+    hideDesc: boolean;
+    checkedKeys: unknown[];
+}>;
+export default _default;

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

@@ -0,0 +1,90 @@
+declare const _default: import("vue").DefineComponent<{
+    source: {
+        type: import("vue").PropType<import("./props").DataItem[]>;
+        default: () => import("./props").DataItem[];
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    disabledKeys: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    filterable: {
+        type: import("vue").PropType<boolean[]>;
+        default: () => boolean[];
+    };
+    filterMethod: {
+        type: import("vue").PropType<((query: string, item: import("./props").DataItem) => boolean)[]>;
+        default: () => ((query: string, item: import("./props").DataItem) => boolean)[];
+    };
+    filterPlaceholder: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    hideDesc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    props: {
+        type: import("vue").PropType<{
+            key: string;
+            label?: string | undefined;
+            desc?: string | undefined;
+        }>;
+        default: () => {};
+    };
+}, {
+    sourceData: import("vue").ComputedRef<import("./props").DataItem[]>;
+    targetData: import("vue").ComputedRef<import("./props").DataItem[]>;
+    selectedKeys: import("vue").WritableComputedRef<unknown[]> | import("vue").Ref<unknown[]>;
+    onAdd: () => void;
+    onChange: ({ direction, row, }: {
+        direction: 'left' | 'right';
+        row: import("./props").DataItem;
+    }) => void;
+    onClear: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "add" | "clear" | "refresh")[], "update:modelValue" | "change" | "add" | "clear" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    source?: unknown;
+    modelValue?: unknown;
+    disabledKeys?: unknown;
+    filterable?: unknown;
+    filterMethod?: unknown;
+    filterPlaceholder?: unknown;
+    hideDesc?: unknown;
+    props?: unknown;
+} & {
+    props: {
+        key: string;
+        label?: string | undefined;
+        desc?: string | undefined;
+    };
+    source: import("./props").DataItem[];
+    modelValue: unknown[];
+    disabledKeys: unknown[];
+    filterable: boolean[];
+    filterMethod: ((query: string, item: import("./props").DataItem) => boolean)[];
+    filterPlaceholder: string[];
+    hideDesc: boolean;
+} & {}> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onRefresh?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}, {
+    props: {
+        key: string;
+        label?: string | undefined;
+        desc?: string | undefined;
+    };
+    source: import("./props").DataItem[];
+    modelValue: unknown[];
+    disabledKeys: unknown[];
+    filterable: boolean[];
+    filterMethod: ((query: string, item: import("./props").DataItem) => boolean)[];
+    filterPlaceholder: string[];
+    hideDesc: boolean;
+}>;
+export default _default;