@xto/data 1.4.2 → 1.4.3

package/es/TreeTable/types.d.ts

@@ -0,0 +1,164 @@
+/**
+ * TreeTable 组件类型定义
+ */
+/**
+ * TreeTable 列配置
+ */
+export interface TreeTableColumnConfig {
+    /**
+     * 列字段名
+     */
+    prop: string;
+    /**
+     * 列标题
+     */
+    label: string;
+    /**
+     * 列宽度
+     */
+    width?: string | number;
+    /**
+     * 最小列宽
+     */
+    minWidth?: string | number;
+    /**
+     * 对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 是否可排序
+     */
+    sortable?: boolean | 'custom';
+    /**
+     * 固定列
+     */
+    fixed?: 'left' | 'right' | true;
+    /**
+     * 格式化函数
+     */
+    formatter?: (row: any, column: TreeTableColumnConfig, cellValue: any, index: number) => string;
+    /**
+     * 自定义插槽
+     */
+    slot?: Function;
+}
+/**
+ * TreeTable 树形属性配置
+ */
+export interface TreeTableTreeProps {
+    /**
+     * 子节点字段名
+     * @default 'children'
+     */
+    children?: string;
+    /**
+     * 是否有子节点字段名
+     * @default 'hasChildren'
+     */
+    hasChildren?: string;
+}
+/**
+ * TreeTable Props
+ */
+export interface TreeTableProps {
+    /**
+     * 表格数据
+     */
+    data: any[];
+    /**
+     * 行数据的 Key
+     */
+    rowKey?: string | ((row: any) => string);
+    /**
+     * 是否加载中
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 是否斑马纹
+     * @default false
+     */
+    stripe?: boolean;
+    /**
+     * 是否显示表头
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * 空数据文案
+     * @default '暂无数据'
+     */
+    emptyText?: string;
+    /**
+     * 是否默认展开所有节点
+     * @default false
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * 默认展开的节点 key 数组
+     */
+    defaultExpandedKeys?: (string | number)[];
+    /**
+     * 缩进
+     * @default 20
+     */
+    indent?: number;
+    /**
+     * 树形属性配置
+     */
+    treeProps?: TreeTableTreeProps;
+    /**
+     * 展开图标
+     */
+    expandIcon?: string;
+    /**
+     * 收起图标
+     */
+    collapseIcon?: string;
+}
+/**
+ * TreeTable Emits
+ */
+export interface TreeTableEmits {
+    (e: 'row-click', row: any, column: TreeTableColumnConfig, event: MouseEvent): void;
+    (e: 'cell-click', row: any, column: TreeTableColumnConfig, cell: HTMLTableCellElement, event: MouseEvent): void;
+    (e: 'expand-change', row: any, expanded: boolean): void;
+    (e: 'sort-change', sort: {
+        prop: string;
+        order: 'ascending' | 'descending' | null;
+    }): void;
+}
+/**
+ * TreeTable Expose
+ */
+export interface TreeTableExpose {
+    /**
+     * 展开所有节点
+     */
+    expandAll: () => void;
+    /**
+     * 收起所有节点
+     */
+    collapseAll: () => void;
+    /**
+     * 切换节点展开状态
+     */
+    toggleExpand: (row: any) => void;
+    /**
+     * 展开的节点 key 集合
+     */
+    expandedKeys: Set<string | number>;
+    /**
+     * 列配置
+     */
+    columns: TreeTableColumnConfig[];
+}
+/**
+ * TreeTable 组件实例类型
+ */
+export type TreeTableInstance = InstanceType<typeof import('./index.vue').default>;

package/es/VirtualScroll/index.d.ts

@@ -0,0 +1,19 @@
+import { default as VirtualScroll } from './index.vue';
+export { VirtualScroll };
+export default VirtualScroll;
+export type VirtualScrollItem = {
+    id?: string | number;
+    [key: string]: any;
+};
+export type VirtualScrollProps = {
+    /** 列表数据 */
+    items: VirtualScrollItem[];
+    /** 每项高度 */
+    itemSize: number;
+    /** 容器高度 */
+    height: number | string;
+    /** 缓冲区大小（项数） */
+    buffer?: number;
+    /** 是否启用虚拟滚动 */
+    virtual?: boolean;
+};

package/es/VirtualScroll/index.vue.d.ts

@@ -0,0 +1,56 @@
+interface VirtualScrollItem {
+    id?: string | number;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    /** 列表数据 */
+    items: VirtualScrollItem[];
+    /** 每项高度 */
+    itemSize: number;
+    /** 容器高度 */
+    height: number | string;
+    /** 缓冲区大小（项数） */
+    buffer?: number;
+    /** 是否启用虚拟滚动 */
+    virtual?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: VirtualScrollItem | {
+                index: number;
+                id?: string | number;
+            };
+            index: any;
+        }): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    scrollToIndex: (index: number) => void;
+    scrollToBottom: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scroll: (scrollTop: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onScroll?: ((scrollTop: number) => any) | undefined;
+}>, {
+    height: number | string;
+    items: VirtualScrollItem[];
+    itemSize: number;
+    buffer: number;
+    virtual: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/index.d.ts

@@ -0,0 +1,42 @@
+export { default as Tag } from './Tag/index.vue';
+export { default as Card } from './Card/index.vue';
+export { default as Progress } from './Progress/index.vue';
+export { default as Pagination } from './Pagination/index.vue';
+export { default as DynamicTable } from './DynamicTable/index.vue';
+export { default as Tree } from './Tree/index.vue';
+export { default as Empty } from './Empty/index.vue';
+export { default as Timeline } from './Timeline/index.vue';
+export { default as TimelineItem } from './Timeline/TimelineItem.vue';
+export { default as Carousel } from './Carousel/index.vue';
+export { default as CarouselItem } from './Carousel/CarouselItem.vue';
+export { default as Table } from './Table/index.vue';
+export { default as TableColumn } from './Table/TableColumn.vue';
+export { default as TreeTable } from './TreeTable/index.vue';
+export { default as TreeTableColumn } from './TreeTable/TreeTableColumn.vue';
+export { default as Avatar } from './Avatar/index.vue';
+export { default as Descriptions } from './Descriptions/index.vue';
+export { default as DescriptionsItem } from './Descriptions/DescriptionsItem.vue';
+export { default as Scrollbar } from './Scrollbar/index.vue';
+export { Collapse, CollapseItem } from './Collapse';
+export { default as Image } from './Image/index.vue';
+export { default as Calendar } from './Calendar/index.vue';
+export { default as QRCode } from './QRCode/index.vue';
+export { default as VirtualScroll } from './VirtualScroll/index.vue';
+export { default as InfiniteScroll } from './InfiniteScroll/index.vue';
+export type { TagProps } from './Tag';
+export type { CardProps } from './Card';
+export type { ProgressProps } from './Progress';
+export type { DynamicTableProps, TableColumn } from './DynamicTable';
+export type { TreeProps, TreeNodeData, TreePropsConfig, TreeEmits, TreeStore } from './Tree';
+export type { EmptyProps } from './Empty';
+export type { PaginationProps, PaginationEmits } from './Pagination';
+export type { TimelineProps, TimelineItemProps } from './Timeline';
+export type { CarouselProps, CarouselItemProps, CarouselEmits, CarouselInstance } from './Carousel';
+export type { TreeTableColumnConfig, TreeTableProps } from './TreeTable';
+export type { CollapseProps, CollapseItemProps } from './Collapse';
+export type { ImageProps } from './Image';
+export type { CalendarProps } from './Calendar';
+export type { QRCodeProps } from './QRCode';
+export type { VirtualScrollItem, VirtualScrollProps } from './VirtualScroll';
+export type { InfiniteScrollProps } from './InfiniteScroll';
+export { TreeNode } from './Tree';