xrk-components 0.3.2 → 0.3.3

package/lib/packages/base/table/table-column.d.ts

@@ -0,0 +1,291 @@
+declare const _default: import("vue").DefineComponent<{
+    pageAllData: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    prop: {
+        type: StringConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    index: {
+        type: (NumberConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    columnKey: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    minWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    fixed: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    sortable: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    sortMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    sortBy: {
+        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    sortOrders: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    showOverflowTooltip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    align: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    headerAlign: {
+        type: StringConstructor;
+        required: false;
+    };
+    className: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    textLineClamp: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    renderHeader: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionDisabled: {
+        type: (FunctionConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    selectionRows: {
+        type: null;
+        required: false;
+    };
+    hasSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    addSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    removeSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    getSelectionRows: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    clearSelectionRows: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAllBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAddBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAddAfter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionRemoveBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionRemoveAfter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "select-all")[], "select" | "select-all", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pageAllData: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    prop: {
+        type: StringConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    index: {
+        type: (NumberConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    columnKey: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    minWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    fixed: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    sortable: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    sortMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    sortBy: {
+        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    sortOrders: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    showOverflowTooltip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    align: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    headerAlign: {
+        type: StringConstructor;
+        required: false;
+    };
+    className: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    textLineClamp: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    renderHeader: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionDisabled: {
+        type: (FunctionConstructor | BooleanConstructor)[];
+        required: false;
+    };
+    selectionRows: {
+        type: null;
+        required: false;
+    };
+    hasSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    addSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    removeSelectionRow: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    getSelectionRows: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    clearSelectionRows: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAllBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAddBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionAddAfter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionRemoveBefore: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    selectionRemoveAfter: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+}, {
+    showOverflowTooltip: boolean;
+    align: string;
+    textLineClamp: number;
+}>;
+export default _default;

package/lib/packages/base/table/table.d.ts

@@ -0,0 +1,190 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    columns: {
+        type: null;
+        required: true;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    stripe: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    border: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    fit: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    rowClassName: {
+        type: null;
+        required: false;
+    };
+    rowStyle: {
+        type: null;
+        required: false;
+    };
+    cellClassName: {
+        type: null;
+        required: false;
+    };
+    cellStyle: {
+        type: null;
+        required: false;
+    };
+    headerRowClassName: {
+        type: null;
+        required: false;
+    };
+    headerRowStyle: {
+        type: null;
+        required: false;
+    };
+    headerCellClassName: {
+        type: null;
+        required: false;
+    };
+    headerCellStyle: {
+        type: null;
+        required: false;
+    };
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    emptyText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    defaultSort: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort-change" | "select" | "select-all")[], "sort-change" | "select" | "select-all", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    columns: {
+        type: null;
+        required: true;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    stripe: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    border: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    fit: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    rowClassName: {
+        type: null;
+        required: false;
+    };
+    rowStyle: {
+        type: null;
+        required: false;
+    };
+    cellClassName: {
+        type: null;
+        required: false;
+    };
+    cellStyle: {
+        type: null;
+        required: false;
+    };
+    headerRowClassName: {
+        type: null;
+        required: false;
+    };
+    headerRowStyle: {
+        type: null;
+        required: false;
+    };
+    headerCellClassName: {
+        type: null;
+        required: false;
+    };
+    headerCellStyle: {
+        type: null;
+        required: false;
+    };
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    emptyText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    defaultSort: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>> & {
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+}, {
+    stripe: boolean;
+    border: boolean;
+    fit: boolean;
+    defaultExpandAll: boolean;
+    emptyText: string;
+}>;
+export default _default;

package/lib/packages/base/table/types/type.d.ts

@@ -0,0 +1,111 @@
+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
+import { ComputedRef, CSSProperties, Ref } from 'vue';
+export declare type RowClassNameType = (info: {
+    row: Record<string, any>;
+    rowIndex: string | number;
+}) => string;
+export declare type RowStyleType = (info: {
+    row: Record<string, any>;
+    rowIndex: string | number;
+}) => CSSProperties;
+export declare type CellClassNameType = (info: {
+    row: Record<string, any>;
+    column: TableColumnCtx<any>;
+    rowIndex: string | number;
+    columnIndex: string | number;
+}) => string;
+export declare type CellStyleType = (info: {
+    row: Record<string, any>;
+    column: TableColumnCtx<any>;
+    rowIndex: string | number;
+    columnIndex: string | number;
+}) => CSSProperties;
+export declare type BaseTableSortInfoType = {
+    column: TableColumnCtx<any>;
+    prop: string;
+    order: 'ascending' | 'descending' | null;
+};
+export declare type BaseTableProps = {
+    data: Array<Record<string, any>>;
+    columns: Array<BaseTableColumnProps>;
+    height?: string | number;
+    maxHeight?: string | number;
+    stripe?: boolean;
+    border?: boolean;
+    size?: 'large' | 'default' | 'small';
+    fit?: boolean;
+    rowClassName?: RowClassNameType;
+    rowStyle?: RowStyleType | CSSProperties;
+    cellClassName?: CellClassNameType;
+    cellStyle?: CellStyleType | CSSProperties;
+    headerRowClassName?: RowClassNameType;
+    headerRowStyle?: RowStyleType | CSSProperties;
+    headerCellClassName?: CellClassNameType;
+    headerCellStyle?: CellStyleType | CSSProperties;
+    rowKey?: ((row: Record<string, any>) => string) | string;
+    defaultExpandAll?: boolean;
+    expandRowKeys?: Array<string>;
+    emptyText?: string;
+    defaultSort?: {
+        prop: string;
+        order: 'ascending' | 'descending';
+    };
+    onSortChange?: (info: BaseTableSortInfoType) => void;
+    onSelect?: (selection: any, row: any) => void;
+    onSelectAll?: (selection: any) => void;
+};
+export declare type BaseTableColumnProps = {
+    pageAllData?: Array<Record<string, any>>;
+    prop?: string;
+    type?: 'index' | 'expand' | '_selection';
+    index?: number | ((index: number) => number);
+    label?: string;
+    columnKey?: string;
+    width?: string | number;
+    minWidth?: string | number;
+    fixed?: boolean | 'left' | 'right';
+    sortable?: boolean | 'custom';
+    sortMethod?: (a: any, b: any) => number;
+    sortBy?: Array<string> | string | ((row: any, index: number) => string);
+    sortOrders?: Array<'ascending' | 'descending' | null>;
+    showOverflowTooltip?: boolean;
+    align?: 'left' | 'right' | 'center';
+    headerAlign?: 'left' | 'right' | 'center';
+    className?: string;
+    labelClassName?: string;
+    textLineClamp?: number;
+    renderHeader?: (info: {
+        column: TableColumnCtx<any>;
+        index: number;
+        selectionInfo?: {
+            toggleCheckAll?: () => void;
+            checkboxAllChecked: ComputedRef<boolean>;
+            checkboxAllIndeterminate: ComputedRef<boolean>;
+            selectionAllLoading: Ref<boolean>;
+        };
+    }) => JSX.Element;
+    formatter?: (info: {
+        row: Record<string, any>;
+        cellValue: any;
+        column: TableColumnCtx<any>;
+        index: number;
+    }) => any;
+    render?: (info: {
+        row: Record<string, any>;
+        cellValue: any;
+        column: TableColumnCtx<any>;
+        index: number;
+    }) => JSX.Element;
+    selectionDisabled?: ((row: any) => boolean) | boolean;
+    selectionRows?: Map<number | string, any>;
+    hasSelectionRow?: (rowId: any) => boolean;
+    addSelectionRow?: (rowId: any, row: any) => void;
+    removeSelectionRow?: (rowId: any) => void;
+    getSelectionRows?: () => Array<any>;
+    clearSelectionRows?: () => void;
+    selectionAllBefore?: (done: Function) => Promise<void> | void;
+    selectionAddBefore?: (row: any, done: Function) => Promise<void> | void;
+    selectionAddAfter?: (row: any) => Promise<void> | void;
+    selectionRemoveBefore?: (row: any, done: Function) => Promise<void> | void;
+    selectionRemoveAfter?: (row: any) => Promise<void> | void;
+};

package/lib/packages/base/tag/index.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent } from 'vue';
+export declare type TagOption = {
+    label: string | number;
+    value: string | number;
+    closable?: boolean;
+};
+export declare type BaseTagGroupProps = {
+    modelValue?: Array<TagOption>;
+    labelKey?: string;
+    type?: 'success' | 'info' | 'warning' | 'danger';
+    disableTransitions?: boolean;
+    hit?: boolean;
+    color?: string;
+    size?: 'large' | 'default' | 'small';
+    effect?: 'dark' | 'light' | 'plain';
+    round?: boolean;
+    beforeClose?: (val: TagOption) => Promise<void>;
+    beforeAdd?: (val: string) => TagOption | Promise<TagOption>;
+    showAdd?: boolean;
+    addBtnText?: string;
+    maxlength?: number;
+    onChange?: (tags: Array<TagOption>) => void;
+    onClick?: (tag: TagOption) => void;
+};
+export declare type BaseTagProps = {
+    type?: 'success' | 'info' | 'warning' | 'danger';
+    closable?: boolean;
+    disableTransitions?: boolean;
+    hit?: boolean;
+    color?: string;
+    size?: 'large' | 'default' | 'small';
+    effect?: 'dark' | 'light' | 'plain';
+    round?: boolean;
+    onClick?: (tag: TagOption) => void;
+    onClose?: (tag: TagOption) => void;
+};
+export declare const BaseTag: DefineComponent<BaseTagProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseTagProps>, {}>;
+export declare const BaseTagGroup: DefineComponent<BaseTagGroupProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseTagGroupProps>, {}>;