@dao-style/core 0.0.1-beta.1 → 0.0.1-beta.10

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

@@ -0,0 +1,229 @@
+import type { PropType } from 'vue';
+import type { Options as PopperOptions } from '@popperjs/core';
+import { DaoSelectOption, OptionValue, SearchFn } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (size: string) => boolean;
+    };
+    optionsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    search: {
+        type: PropType<boolean | SearchFn>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    menuClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    appendTo: {
+        type: PropType<string | false | HTMLElement>;
+        default: string;
+    };
+}, {
+    popper: import("vue").Ref<import("vue").DefineComponent<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        appendTo: {
+            type: PropType<string | false | HTMLElement>;
+            default: string;
+        };
+        boundary: {
+            type: PropType<import("@popperjs/core").Boundary>;
+            default: string;
+        };
+        delay: {
+            type: PropType<import("../popper/popper-props").DelayProp>;
+            default: () => import("../popper/popper-props").DelayProp;
+        };
+        offset: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        placement: {
+            type: PropType<import("@popperjs/core").Placement>;
+            default: string;
+            validator: (value: import("@popperjs/core").Placement) => boolean;
+        };
+        trigger: {
+            type: PropType<import("../popper/popper-props").PopperTrigger | import("../popper/popper-props").PopperTrigger[] | "manual">;
+            default: string;
+        };
+        visibleArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popperClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        popperOptions: {
+            type: PropType<Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>>;
+            default: () => Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        isOpen: import("vue").Ref<boolean>;
+        popper: import("vue").Ref<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null>;
+        reference: import("vue").Ref<HTMLElement | null>;
+        popperId: import("vue").Ref<string>;
+        themeClass: import("vue").ComputedRef<string>;
+        hide: () => void;
+        actualAppendTo: import("vue").Ref<string | HTMLElement>;
+        isTelDisabled: import("vue").Ref<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "hide" | "show" | "after-show" | "after-hide")[], "update:modelValue" | "hide" | "show" | "after-show" | "after-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        modelValue?: unknown;
+        content?: unknown;
+        appendTo?: unknown;
+        boundary?: unknown;
+        delay?: unknown;
+        offset?: unknown;
+        width?: unknown;
+        placement?: unknown;
+        trigger?: unknown;
+        visibleArrow?: unknown;
+        popperClass?: unknown;
+        popperOptions?: unknown;
+        disabled?: unknown;
+        transition?: unknown;
+    } & {
+        disabled: boolean;
+        modelValue: boolean;
+        offset: string | number;
+        placement: import("@popperjs/core").Placement;
+        popperClass: string;
+        visibleArrow: boolean;
+        width: string | number;
+        content: string;
+        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";
+        popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>;
+        transition: string;
+    } & {}> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onAfter-show"?: ((...args: any[]) => any) | undefined;
+        "onAfter-hide"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        modelValue: boolean;
+        offset: string | number;
+        placement: import("@popperjs/core").Placement;
+        popperClass: string;
+        visibleArrow: boolean;
+        width: string | number;
+        content: string;
+        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";
+        popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("../popper/popper-props").DaoModifiers>>;
+        transition: string;
+    }> | null>;
+    state: {
+        selectedOption: {
+            value: OptionValue;
+            label: import("./types").OptionLabel;
+            labelValue: string | number | boolean;
+            visible: boolean;
+            setVisible: (val: boolean) => void;
+        } | undefined;
+        options: {
+            value: OptionValue;
+            label: import("./types").OptionLabel;
+            labelValue: string | number | boolean;
+            visible: boolean;
+            setVisible: (val: boolean) => void;
+        }[];
+        searchText: string;
+    };
+    selectClass: import("vue").ComputedRef<string[]>;
+    popperClass: import("vue").ComputedRef<string>;
+    popperOffset: import("vue").ComputedRef<3 | 5>;
+    isSelected: import("vue").ComputedRef<boolean>;
+    isNoResult: import("vue").ComputedRef<boolean>;
+    popperOptions: import("vue").ComputedRef<Partial<PopperOptions>>;
+    onSelect: (option: DaoSelectOption) => void;
+    onSearchTextChange: () => void;
+    onSearchClear: () => void;
+    add: (option: DaoSelectOption) => void;
+    remove: (index: number) => void;
+    searchInput: import("vue").Ref<HTMLInputElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "search-change")[], "update:modelValue" | "change" | "close" | "open" | "search-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    placeholder?: unknown;
+    disabled?: unknown;
+    size?: unknown;
+    optionsPlaceholder?: unknown;
+    search?: unknown;
+    searchPlaceholder?: unknown;
+    menuClass?: unknown;
+    appendTo?: unknown;
+} & {
+    search: boolean | SearchFn;
+    disabled: boolean;
+    size: string;
+    appendTo: string | false | HTMLElement;
+    placeholder: string;
+    optionsPlaceholder: string;
+    searchPlaceholder: string;
+    menuClass: string;
+} & {
+    modelValue?: string | number | boolean | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onSearch-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    search: boolean | SearchFn;
+    disabled: boolean;
+    size: string;
+    modelValue: string | number | boolean;
+    appendTo: string | false | HTMLElement;
+    placeholder: string;
+    optionsPlaceholder: string;
+    searchPlaceholder: string;
+    menuClass: string;
+}>;
+export default _default;

package/dist/components/select/test/option.spec.d.ts

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

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

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

package/dist/components/select/types.d.ts

@@ -0,0 +1,22 @@
+export declare type OptionLabel = number | string | undefined;
+export declare type OptionValue = number | string | boolean;
+export interface DaoSelectOption {
+    value: OptionValue;
+    label: OptionLabel;
+    labelValue: number | string | boolean;
+    visible: boolean;
+    setVisible: (val: boolean) => void;
+}
+export declare type SearchFn = (keyword: string, value: OptionValue, option: DaoSelectOption) => boolean;
+export interface DaoSelect {
+    options: DaoSelectOption[];
+    selectedOption: DaoSelectOption;
+    add: (option: DaoSelectOption) => void;
+    remove: (index: number) => void;
+    onSelect: (option: DaoSelectOption) => void;
+}
+export interface DaoSelectState {
+    selectedOption: DaoSelectOption | undefined;
+    options: DaoSelectOption[];
+    searchText: string;
+}

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

@@ -0,0 +1 @@
+export { default as Switch } from './switch.vue';

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

@@ -0,0 +1,62 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: 'sm' | 'md') => boolean;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textOn: {
+        type: StringConstructor;
+        default: string;
+    };
+    textOff: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    currentValue: import("vue").Ref<boolean>;
+    toggle: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    disabled?: unknown;
+    name?: unknown;
+    size?: unknown;
+    showText?: unknown;
+    textOn?: unknown;
+    textOff?: unknown;
+} & {
+    name: string;
+    disabled: boolean;
+    size: string;
+    modelValue: boolean;
+    showText: boolean;
+    textOn: string;
+    textOff: string;
+} & {}> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    disabled: boolean;
+    size: string;
+    modelValue: boolean;
+    showText: boolean;
+    textOn: string;
+    textOff: string;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { default as Table } from './table.vue';

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

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    setting: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    mousedown: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("fixed-column-width" | "update-column-width" | "after-resize")[], "fixed-column-width" | "update-column-width" | "after-resize", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    column?: unknown;
+    setting?: unknown;
+    disabled?: unknown;
+} & {
+    disabled: boolean;
+    column: Record<string, any>;
+    setting: Record<string, any>;
+} & {}> & {
+    "onFixed-column-width"?: ((...args: any[]) => any) | undefined;
+    "onUpdate-column-width"?: ((...args: any[]) => any) | undefined;
+    "onAfter-resize"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    column: Record<string, any>;
+    setting: Record<string, any>;
+}>;
+export default _default;

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

@@ -0,0 +1,66 @@
+import type { PropType } from 'vue';
+import type { DaoTableColumn, DaoTableSort } from './type';
+declare const tableProps: {
+    id: {
+        type: PropType<string>;
+        require: boolean;
+    };
+    columns: {
+        type: PropType<DaoTableColumn[]>;
+        default: () => DaoTableColumn[];
+    };
+    data: {
+        type: PropType<Record<string, unknown>[]>;
+        default: () => Record<string, unknown>[];
+    };
+    showHeader: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    expandable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    sort: {
+        type: PropType<DaoTableSort>;
+        default: () => DaoTableSort;
+    };
+    compact: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    pageSize: {
+        type: PropType<number>;
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    pageFormat: {
+        type: PropType<(val: number) => string>;
+        default: (val: number) => string;
+    };
+    total: {
+        type: PropType<number>;
+        default: number;
+    };
+    totalFormat: {
+        type: PropType<(val: number) => string>;
+        default: (val: number) => string;
+    };
+    currentPage: {
+        type: PropType<number>;
+        default: number;
+    };
+    pageSizerWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+};
+export default tableProps;

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

@@ -0,0 +1,186 @@
+import type { Ref, ComponentPublicInstance } from 'vue';
+import type { DaoTableColumn, DefaultWidthType } from './type';
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: import("vue").PropType<string>;
+        require: boolean;
+    };
+    columns: {
+        type: import("vue").PropType<DaoTableColumn[]>;
+        default: () => DaoTableColumn[];
+    };
+    data: {
+        type: import("vue").PropType<Record<string, unknown>[]>;
+        default: () => Record<string, unknown>[];
+    };
+    showHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    expandable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    sort: {
+        type: import("vue").PropType<import("./type").DaoTableSort>;
+        default: () => import("./type").DaoTableSort;
+    };
+    compact: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    pageSize: {
+        type: import("vue").PropType<number>;
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    pageSizeOptions: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+    pageFormat: {
+        type: import("vue").PropType<(val: number) => string>;
+        default: (val: number) => string;
+    };
+    total: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    totalFormat: {
+        type: import("vue").PropType<(val: number) => string>;
+        default: (val: number) => string;
+    };
+    currentPage: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    pageSizerWidth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {
+    columns: {
+        id: string;
+        header: string;
+        defaultWidth?: DefaultWidthType | undefined;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+        sortable?: boolean | undefined;
+        resizable?: boolean | undefined;
+        hidable?: boolean | undefined;
+        defaultHide?: boolean | undefined;
+    }[];
+    filterColumns: import("vue").ComputedRef<{
+        id: string;
+        header: string;
+        defaultWidth?: DefaultWidthType | undefined;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+        sortable?: boolean | undefined;
+        resizable?: boolean | undefined;
+        hidable?: boolean | undefined;
+        defaultHide?: boolean | undefined;
+    }[]>;
+    tableWrapperClasses: import("vue").ComputedRef<string[]>;
+    tableSetting: {
+        [x: string]: {
+            width: DefaultWidthType;
+            hide?: boolean | undefined;
+        };
+    };
+    columnStyle: (id: string) => {
+        flex: string;
+        width?: undefined;
+    } | {
+        width: DefaultWidthType;
+        flex?: undefined;
+    };
+    sortColumn: (column: DaoTableColumn) => void;
+    sort: {
+        id: string;
+        desc: boolean;
+    };
+    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>;
+    clearState: () => void;
+    global: {
+        checked: boolean;
+        indeterminate: boolean;
+    };
+    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<{
+    id?: unknown;
+    columns?: unknown;
+    data?: unknown;
+    showHeader?: unknown;
+    selectable?: unknown;
+    expandable?: unknown;
+    sort?: unknown;
+    compact?: unknown;
+    pageSize?: unknown;
+    pageSizeOptions?: unknown;
+    pageFormat?: unknown;
+    total?: unknown;
+    totalFormat?: unknown;
+    currentPage?: unknown;
+    pageSizerWidth?: unknown;
+} & {
+    sort: import("./type").DaoTableSort;
+    data: Record<string, unknown>[];
+    showHeader: boolean;
+    columns: DaoTableColumn[];
+    pageSize: number;
+    pageSizeOptions: number[];
+    pageFormat: (val: number) => string;
+    compact: boolean;
+    total: number;
+    totalFormat: (val: number) => string;
+    currentPage: number;
+    pageSizerWidth: number;
+    selectable: boolean;
+    expandable: boolean;
+} & {
+    id?: 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;
+    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;
+}, {
+    sort: import("./type").DaoTableSort;
+    data: Record<string, unknown>[];
+    showHeader: boolean;
+    columns: DaoTableColumn[];
+    pageSize: number;
+    pageSizeOptions: number[];
+    pageFormat: (val: number) => string;
+    compact: boolean;
+    total: number;
+    totalFormat: (val: number) => string;
+    currentPage: number;
+    pageSizerWidth: number;
+    selectable: boolean;
+    expandable: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,20 @@
+export declare type DefaultWidthType = string | number;
+export interface DaoTableColumn {
+    id: string;
+    header: string;
+    defaultWidth?: DefaultWidthType;
+    minWidth?: number;
+    maxWidth?: number;
+    sortable?: boolean;
+    resizable?: boolean;
+    hidable?: boolean;
+    defaultHide?: boolean;
+}
+export interface DaoTableSort {
+    id: string;
+    desc: boolean;
+}
+export interface tableSettingItem {
+    width: DefaultWidthType;
+    hide?: boolean;
+}

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

@@ -0,0 +1,3 @@
+export { default as Tabs } from './tabs.vue';
+export { default as TabNav } from './tab-nav.vue';
+export { default as TabItem } from './tab-item.vue';

package/dist/components/tabs/tab-item.vue.d.ts

@@ -0,0 +1,30 @@
+import type { PropType } from 'vue';
+import { DaoTabItemLabel } from './types';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: PropType<DaoTabItemLabel>;
+        required: true;
+    };
+    value: {
+        type: PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    active: import("vue").ComputedRef<boolean>;
+    tabItem: import("vue").Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    label?: unknown;
+    value?: unknown;
+    disabled?: unknown;
+} & {
+    disabled: boolean;
+    label: DaoTabItemLabel;
+    value: string;
+} & {}>, {
+    disabled: boolean;
+}>;
+export default _default;