vue-devui 1.6.3-select.0 → 1.6.4-alpha.0

package/types/data-grid/src/data-grid-types.d.ts

@@ -0,0 +1,330 @@
+import type { PropType, ExtractPropTypes, VNode, InjectionKey, Ref, SetupContext } from 'vue';
+import type { Placement } from '../../overlay';
+export interface RowData {
+    checked?: boolean;
+    disableCheck?: boolean;
+    children?: RowData[];
+    isLeaf?: boolean;
+    [k: string]: any;
+}
+export declare type ColumnType = 'checkable' | 'index' | '';
+export declare type ColumnAlign = 'left' | 'center' | 'right';
+export declare type BorderType = '' | 'bordered' | 'borderless';
+export declare type Size = 'mini' | 'xs' | 'sm' | 'md' | 'lg';
+export declare type ShadowType = '' | 'shadowed';
+export declare type FixedDirection = 'left' | 'right';
+export declare type SortDirection = 'asc' | 'desc' | '';
+export declare type CheckableRelation = 'upward' | 'downward' | 'both' | 'none';
+export declare type SortMethod<T = RowData> = (a: T, b: T) => boolean;
+export declare type RowClass = string | ((row: RowData, rowIndex: number) => string);
+export declare type CellClass = string | ((row: RowData, rowIndex: number, column: ColumnConfig, columnIndex: number) => string);
+export declare type RowKey = string | ((row: RowData) => string);
+export interface TooltipConfig {
+    content?: string;
+    position?: Placement[];
+    mouseEnterDelay?: number;
+    enterable?: boolean;
+    class?: string;
+}
+export interface FilterListItem {
+    name: string;
+    value: any;
+    checked?: boolean;
+}
+export interface ColumnConfig {
+    header: string;
+    field: string;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    type?: ColumnType;
+    resizable?: boolean;
+    sortable?: boolean;
+    showSortIcon?: boolean;
+    sortMethod?: SortMethod;
+    filterable?: boolean;
+    showFilterIcon?: boolean;
+    filterMultiple?: boolean;
+    filterList?: FilterListItem[];
+    filterChange?: (val: FilterListItem | FilterListItem[]) => void;
+    filterMenu?: (scope: {
+        toggleFilterMenu: (status?: boolean) => void;
+        setFilterStatus: (status: boolean) => void;
+    }) => VNode;
+    fixed?: FixedDirection;
+    align?: ColumnAlign;
+    showOverflowTooltip?: boolean | TooltipConfig;
+    showHeadOverflowTooltip?: boolean | TooltipConfig;
+    headRender?: (columnConfig: ColumnConfig) => VNode;
+    cellRender?: (rowData: RowData, rowIndex: number, cellData: string, cellIndex: number) => VNode;
+}
+export interface InnerColumnConfig extends ColumnConfig {
+    $columnId: string;
+    offsetLeft: number;
+    $showExpandTreeIcon?: boolean;
+}
+export interface InnerRowData extends RowData {
+    $rowId?: string;
+    $parentId?: string;
+    $rowIndex?: number;
+    $level?: number;
+    height?: number;
+    offsetTop?: number;
+    showNode?: boolean;
+    $expand?: boolean;
+    halfChecked?: boolean;
+    childList?: InnerRowData[];
+    descendantList?: InnerRowData[];
+}
+export interface ScrollYParams {
+    distance: number;
+    renderCountPerScreen: number;
+    scrollScaleY: number[];
+    originRowData: InnerRowData[];
+    defaultSortRowData: InnerRowData[];
+}
+export interface ScrollXParams {
+    distance: number;
+    totalColumn: number;
+    bufferSize: number;
+    scrollViewWidth: number;
+    scrollScaleX: number[];
+    originColumnData: InnerColumnConfig[];
+}
+export interface IExpandLoadMoreResult {
+    node: InnerRowData;
+    rowItems: RowData[];
+}
+export declare const dataGridProps: {
+    columns: {
+        type: PropType<ColumnConfig[]>;
+        default: () => never[];
+    };
+    data: {
+        type: PropType<RowData[]>;
+        default: () => never[];
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowHoveredHighlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reserveCheck: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+    };
+    rowClass: {
+        type: PropType<RowClass>;
+        default: string;
+    };
+    rowKey: {
+        type: PropType<RowKey>;
+    };
+    cellClass: {
+        type: PropType<CellClass>;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    borderType: {
+        type: PropType<BorderType>;
+        default: string;
+    };
+    shadowType: {
+        type: PropType<ShadowType>;
+        default: string;
+    };
+    checkableRelation: {
+        type: PropType<CheckableRelation>;
+        default: string;
+    };
+};
+export declare type DataGridProps = ExtractPropTypes<typeof dataGridProps>;
+export interface DataGridContext {
+    showHeader: Ref<boolean>;
+    fixHeader: Ref<boolean>;
+    lazy: Ref<boolean>;
+    virtualScroll: Ref<boolean>;
+    resizable: Ref<boolean>;
+    indent: Ref<number>;
+    bodyContentWidth: Ref<number>;
+    bodyContentHeight: Ref<number>;
+    translateX: Ref<number>;
+    translateY: Ref<number>;
+    bodyScrollLeft: Ref<number>;
+    rowClass: Ref<RowClass>;
+    cellClass: Ref<CellClass>;
+    size: Ref<Size>;
+    rootRef: Ref<HTMLElement | undefined>;
+    scrollRef: Ref<HTMLElement | undefined>;
+    headBoxRef: Ref<HTMLElement | undefined>;
+    renderColumnData: Ref<InnerColumnConfig[]>;
+    renderFixedLeftColumnData: Ref<InnerColumnConfig[]>;
+    renderFixedRightColumnData: Ref<InnerColumnConfig[]>;
+    renderRowData: Ref<InnerRowData[]>;
+    rootCtx: SetupContext;
+    allChecked: Ref<boolean>;
+    halfAllChecked: Ref<boolean>;
+    isTreeGrid: Ref<boolean>;
+    execSortMethod: (direction: SortDirection, sortMethod?: SortMethod) => void;
+    addGridThContextToMap: (key: ColumnConfig['field'], thCtx: GridThContext) => void;
+    clearAllSortState: () => void;
+    toggleRowExpansion: (node: InnerRowData, status?: boolean) => void;
+    toggleRowChecked: (node: InnerRowData, status?: boolean) => void;
+    toggleAllRowChecked: (status?: boolean) => void;
+    afterColumnDragend: (columnId: InnerColumnConfig['$columnId'], offset: number) => void;
+}
+export declare const DataGridInjectionKey: InjectionKey<DataGridContext>;
+export interface GridThContext {
+    doSort: (direction: SortDirection) => void;
+    doClearSort: () => void;
+}
+export declare const gridHeadProps: {
+    columnData: {
+        type: PropType<InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: PropType<InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: PropType<InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type GridHeadProps = ExtractPropTypes<typeof gridHeadProps>;
+export declare const gridBodyProps: {
+    rowData: {
+        type: PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    columnData: {
+        type: PropType<InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    translateY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type GridBodyProps = ExtractPropTypes<typeof gridBodyProps>;
+export declare const gridThProps: {
+    columnConfig: {
+        type: PropType<InnerColumnConfig>;
+        default: () => {};
+    };
+    mouseenterCb: {
+        type: PropType<(e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: PropType<(e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void>;
+        default: () => {};
+    };
+};
+export declare type GridThProps = ExtractPropTypes<typeof gridThProps>;
+export declare const gridThFilterProps: {
+    filterList: {
+        type: PropType<FilterListItem[] | undefined>;
+        default: () => never[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFilterIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMenu: {
+        type: PropType<((scope: {
+            toggleFilterMenu: (status?: boolean | undefined) => void;
+            setFilterStatus: (status: boolean) => void;
+        }) => VNode) | undefined>;
+    };
+    setFilterStatus: {
+        type: PropType<(status: boolean) => void>;
+        default(): void;
+    };
+};
+export declare type GridThFilterProps = ExtractPropTypes<typeof gridThFilterProps>;
+export declare const gridTdProps: {
+    rowData: {
+        type: PropType<InnerRowData>;
+        default: () => {};
+    };
+    cellData: {
+        type: PropType<InnerColumnConfig>;
+        default: () => {};
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseenterCb: {
+        type: PropType<(e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: PropType<(e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void>;
+        default: () => {};
+    };
+};
+export declare type GridTdProps = ExtractPropTypes<typeof gridTdProps>;

package/types/data-grid/src/data-grid.d.ts

@@ -0,0 +1,3 @@
+import './data-grid.scss';
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/data-grid/src/utils.d.ts

@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+import type { RowData, InnerRowData, RowKey, InnerColumnConfig, ColumnConfig } from './data-grid-types';
+export declare function getRealWidth(width: string | number | undefined, totalWidth: number): number | undefined;
+export declare function calcEachColumnWidth(columns: ColumnConfig[], containerWidth: number): ColumnConfig[];
+export declare function getXStartOrEndIndex(list: InnerColumnConfig[], distance: number): number;
+export declare function getYStartIndex(list: RowData[], distance: number): number;
+export declare function generateInnerData(rowDataList: RowData[], rowIndex: Ref<number>, rowKey: Ref<RowKey | undefined> | undefined, level?: number, parentNode?: InnerRowData): InnerRowData[];

package/types/date-picker/src/components/popup/index.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly attach: {
         readonly type: StringConstructor;
     };
@@ -35,5 +35,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly show: boolean;
-}>;
+}, {}>;
 export default _default;

package/types/date-picker/src/components/timepicker/index.d.ts

@@ -3,9 +3,9 @@ declare const TimePicker: import("vue").DefineComponent<{
     readonly time: {
         readonly type: DateConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly time: {
         readonly type: DateConstructor;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default TimePicker;

package/types/date-picker/src/components/vertical-slider/index.d.ts

@@ -22,7 +22,7 @@ declare const VerticalSlider: import("vue").DefineComponent<{
     readonly onChange: {
         readonly type: import("vue").PropType<(...args: unknown[]) => void>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: NumberConstructor;
         readonly default: 26;
@@ -47,5 +47,5 @@ declare const VerticalSlider: import("vue").DefineComponent<{
     };
 }>>, {
     readonly size: number;
-}>;
+}, {}>;
 export default VerticalSlider;

package/types/date-picker/src/date-picker.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly dateMax: {
         readonly type: StringConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly selectedDateChange: {
         readonly type: import("vue").PropType<(...args: unknown[]) => void>;
     };
@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly range: boolean;
     readonly format: string;
-    readonly autoClose: boolean;
     readonly showTime: boolean;
+    readonly autoClose: boolean;
     readonly rangeSpliter: string;
-}>;
+}, {}>;
 export default _default;

package/types/date-picker/src/stick-slider/index.d.ts

@@ -1,9 +1,9 @@
 import './index.scss';
 declare const StickSlider: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
     [x: string]: unknown;
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
     [x: string]: unknown;
 }>>>>, {
     [x: number]: string;
-} | {}>;
+} | {}, {}>;
 export default StickSlider;

package/types/date-picker-pro/src/components/calendar-panel.d.ts

@@ -1,95 +1,2 @@
-declare const _default: import("vue").DefineComponent<{
-    readonly format: {
-        type: StringConstructor;
-    };
-    readonly showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly size: {
-        type: import("vue").PropType<import("../../../input").InputSize>;
-        default: string;
-    };
-    readonly disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly calendarRange: {
-        type: import("vue").PropType<number[]>;
-        default: number[];
-    };
-    readonly limitDateRange: {
-        type: import("vue").PropType<Date[]>;
-    };
-    readonly type: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly visible: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dateValue: {
-        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
-    };
-    readonly isRangeType: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly focusType: {
-        readonly type: StringConstructor;
-        readonly default: "start";
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "changeRangeFocusType" | "selectedDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly format: {
-        type: StringConstructor;
-    };
-    readonly showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly size: {
-        type: import("vue").PropType<import("../../../input").InputSize>;
-        default: string;
-    };
-    readonly disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly calendarRange: {
-        type: import("vue").PropType<number[]>;
-        default: number[];
-    };
-    readonly limitDateRange: {
-        type: import("vue").PropType<Date[]>;
-    };
-    readonly type: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly visible: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dateValue: {
-        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
-    };
-    readonly isRangeType: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly focusType: {
-        readonly type: StringConstructor;
-        readonly default: "start";
-    };
-}>>, {
-    readonly type: string;
-    readonly visible: boolean;
-    readonly disabled: boolean;
-    readonly size: import("../../../input").InputSize;
-    readonly showTime: boolean;
-    readonly calendarRange: number[];
-    readonly isRangeType: boolean;
-    readonly focusType: string;
-}>;
+declare const _default: (props: Record<string, any> & {}) => any;
 export default _default;

package/types/date-picker-pro/src/components/date-picker-panel.d.ts

@@ -1,95 +1,2 @@
-declare const _default: import("vue").DefineComponent<{
-    readonly format: {
-        type: StringConstructor;
-    };
-    readonly showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly size: {
-        type: import("vue").PropType<import("../../../input").InputSize>;
-        default: string;
-    };
-    readonly disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly calendarRange: {
-        type: import("vue").PropType<number[]>;
-        default: number[];
-    };
-    readonly limitDateRange: {
-        type: import("vue").PropType<Date[]>;
-    };
-    readonly type: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly visible: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dateValue: {
-        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
-    };
-    readonly isRangeType: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly focusType: {
-        readonly type: StringConstructor;
-        readonly default: "start";
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "changeRangeFocusType" | "selectedDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly format: {
-        type: StringConstructor;
-    };
-    readonly showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly size: {
-        type: import("vue").PropType<import("../../../input").InputSize>;
-        default: string;
-    };
-    readonly disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly calendarRange: {
-        type: import("vue").PropType<number[]>;
-        default: number[];
-    };
-    readonly limitDateRange: {
-        type: import("vue").PropType<Date[]>;
-    };
-    readonly type: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly visible: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dateValue: {
-        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
-    };
-    readonly isRangeType: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly focusType: {
-        readonly type: StringConstructor;
-        readonly default: "start";
-    };
-}>>, {
-    readonly type: string;
-    readonly visible: boolean;
-    readonly disabled: boolean;
-    readonly size: import("../../../input").InputSize;
-    readonly showTime: boolean;
-    readonly calendarRange: number[];
-    readonly isRangeType: boolean;
-    readonly focusType: string;
-}>;
+declare const _default: (props: Record<string, any> & {}) => any;
 export default _default;