@expcat/tigercat-vue 0.4.2 → 1.0.0

package/dist/components/SunburstChart.d.ts

@@ -0,0 +1,203 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ChartPadding, SunburstChartDatum, ChartLegendPosition, SunburstChartProps } from '@expcat/tigercat-core';
+
+interface VueSunburstChartProps extends SunburstChartProps {
+    data: SunburstChartDatum[];
+    padding?: ChartPadding;
+}
+declare const SunburstChart: vue.DefineComponent<vue.ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    padding: {
+        type: PropType<ChartPadding>;
+        default: number;
+    };
+    data: {
+        type: PropType<SunburstChartDatum[]>;
+        required: true;
+    };
+    innerRadiusRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colors: {
+        type: PropType<string[]>;
+    };
+    hoverable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoveredIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    activeOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    inactiveOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendPosition: {
+        type: PropType<ChartLegendPosition>;
+        default: string;
+    };
+    legendMarkerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    legendGap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: {
+        type: PropType<(datum: SunburstChartDatum, index: number) => string>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    className: {
+        type: StringConstructor;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:hoveredIndex" | "update:selectedIndex" | "arc-click" | "arc-hover")[], "update:hoveredIndex" | "update:selectedIndex" | "arc-click" | "arc-hover", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    padding: {
+        type: PropType<ChartPadding>;
+        default: number;
+    };
+    data: {
+        type: PropType<SunburstChartDatum[]>;
+        required: true;
+    };
+    innerRadiusRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colors: {
+        type: PropType<string[]>;
+    };
+    hoverable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoveredIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    activeOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    inactiveOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendPosition: {
+        type: PropType<ChartLegendPosition>;
+        default: string;
+    };
+    legendMarkerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    legendGap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: {
+        type: PropType<(datum: SunburstChartDatum, index: number) => string>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    className: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onUpdate:hoveredIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+    "onArc-click"?: ((...args: any[]) => any) | undefined;
+    "onArc-hover"?: ((...args: any[]) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    padding: ChartPadding;
+    hoverable: boolean;
+    selectable: boolean;
+    hoveredIndex: number | null;
+    activeOpacity: number;
+    inactiveOpacity: number;
+    selectedIndex: number | null;
+    showLegend: boolean;
+    legendPosition: ChartLegendPosition;
+    legendMarkerSize: number;
+    legendGap: number;
+    showTooltip: boolean;
+    showLabels: boolean;
+    innerRadiusRatio: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { SunburstChart, type VueSunburstChartProps, SunburstChart as default };

package/dist/components/SunburstChart.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkFOF7UBMU_js = require('../chunk-FOF7UBMU.js');
+require('../chunk-FLAJKB2O.js');
+require('../chunk-BKTQ6RWR.js');
+require('../chunk-HBFFINAI.js');
+require('../chunk-EPE6OOV7.js');
+require('../chunk-FCV4ML6I.js');
+require('../chunk-PNKVD2UK.js');
+
+
+
+Object.defineProperty(exports, "SunburstChart", {
+  enumerable: true,
+  get: function () { return chunkFOF7UBMU_js.SunburstChart; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkFOF7UBMU_js.SunburstChart_default; }
+});

package/dist/components/SunburstChart.mjs

@@ -0,0 +1,7 @@
+export { SunburstChart, SunburstChart_default as default } from '../chunk-W2WGLETE.mjs';
+import '../chunk-DU2NXX75.mjs';
+import '../chunk-F5HOHSFH.mjs';
+import '../chunk-2ZUEXCVJ.mjs';
+import '../chunk-FXGIIFGN.mjs';
+import '../chunk-5WHLXWWT.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/TabPane.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk7TGLZQV5_js = require('../chunk-7TGLZQV5.js');
-require('../chunk-CEAMHLIL.js');
+var chunkBNIUWON3_js = require('../chunk-BNIUWON3.js');
+require('../chunk-5JSU44MQ.js');
 require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "TabPane", {
   enumerable: true,
-  get: function () { return chunk7TGLZQV5_js.TabPane; }
+  get: function () { return chunkBNIUWON3_js.TabPane; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk7TGLZQV5_js.TabPane_default; }
+  get: function () { return chunkBNIUWON3_js.TabPane_default; }
 });

package/dist/components/TabPane.mjs

@@ -1,3 +1,3 @@
-export { TabPane, TabPane_default as default } from '../chunk-37WD7WPC.mjs';
-import '../chunk-U7MDGSCQ.mjs';
+export { TabPane, TabPane_default as default } from '../chunk-ZXR4DAAO.mjs';
+import '../chunk-HKYYO326.mjs';
 import '../chunk-53M2BTB5.mjs';

package/dist/components/Table.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig } from '@expcat/tigercat-core';
+import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig, FilterRule } from '@expcat/tigercat-core';
 
 interface VueTableProps {
     columns: TableColumn[];
@@ -23,6 +23,21 @@ interface VueTableProps {
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader?: boolean;
     maxHeight?: string | number;
+    virtual?: boolean;
+    virtualHeight?: number;
+    virtualItemHeight?: number;
+    editable?: boolean;
+    editableCells?: Map<string, Set<number>>;
+    filterMode?: 'basic' | 'advanced';
+    advancedFilterRules?: FilterRule[];
+    columnDraggable?: boolean;
+    summaryRow?: {
+        show: boolean;
+        data: Record<string, unknown>;
+    };
+    groupBy?: string;
+    exportable?: boolean;
+    exportFilename?: string;
 }
 declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -176,9 +191,57 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<"auto" | "fixed">;
         default: string;
     };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: string;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: () => never[];
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+    };
+    groupBy: {
+        type: StringConstructor;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "export" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change" | "cell-change" | "column-order-change")[], "change" | "export" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change" | "cell-change" | "column-order-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Table columns configuration
      */
@@ -330,20 +393,72 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<"auto" | "fixed">;
         default: string;
     };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: string;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: () => never[];
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+    };
+    groupBy: {
+        type: StringConstructor;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
+    onExport?: ((...args: any[]) => any) | undefined;
     "onRow-click"?: ((...args: any[]) => any) | undefined;
     "onSelection-change"?: ((...args: any[]) => any) | undefined;
     "onSort-change"?: ((...args: any[]) => any) | undefined;
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onPage-change"?: ((...args: any[]) => any) | undefined;
-    "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-change"?: ((...args: any[]) => any) | undefined;
+    "onColumn-order-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     pagination: false | PaginationConfig;
     size: TableSize;
     loading: boolean;
-    columnLockable: boolean;
+    virtual: boolean;
     dataSource: Record<string, unknown>[];
+    columnLockable: boolean;
     defaultSort: SortState;
     defaultFilters: Record<string, unknown>;
     bordered: boolean;
@@ -353,6 +468,14 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     rowKey: string | ((record: Record<string, unknown>) => string | number);
     stickyHeader: boolean;
     tableLayout: "auto" | "fixed";
+    virtualHeight: number;
+    virtualItemHeight: number;
+    editable: boolean;
+    filterMode: "basic" | "advanced";
+    advancedFilterRules: FilterRule[];
+    columnDraggable: boolean;
+    exportable: boolean;
+    exportFilename: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Table, type VueTableProps, Table as default };

package/dist/components/Table.d.ts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig } from '@expcat/tigercat-core';
+import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig, FilterRule } from '@expcat/tigercat-core';
 
 interface VueTableProps {
     columns: TableColumn[];
@@ -23,6 +23,21 @@ interface VueTableProps {
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader?: boolean;
     maxHeight?: string | number;
+    virtual?: boolean;
+    virtualHeight?: number;
+    virtualItemHeight?: number;
+    editable?: boolean;
+    editableCells?: Map<string, Set<number>>;
+    filterMode?: 'basic' | 'advanced';
+    advancedFilterRules?: FilterRule[];
+    columnDraggable?: boolean;
+    summaryRow?: {
+        show: boolean;
+        data: Record<string, unknown>;
+    };
+    groupBy?: string;
+    exportable?: boolean;
+    exportFilename?: string;
 }
 declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -176,9 +191,57 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<"auto" | "fixed">;
         default: string;
     };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: string;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: () => never[];
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+    };
+    groupBy: {
+        type: StringConstructor;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "export" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change" | "cell-change" | "column-order-change")[], "change" | "export" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change" | "cell-change" | "column-order-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Table columns configuration
      */
@@ -330,20 +393,72 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<"auto" | "fixed">;
         default: string;
     };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: string;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: () => never[];
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+    };
+    groupBy: {
+        type: StringConstructor;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
+    onExport?: ((...args: any[]) => any) | undefined;
     "onRow-click"?: ((...args: any[]) => any) | undefined;
     "onSelection-change"?: ((...args: any[]) => any) | undefined;
     "onSort-change"?: ((...args: any[]) => any) | undefined;
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onPage-change"?: ((...args: any[]) => any) | undefined;
-    "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-change"?: ((...args: any[]) => any) | undefined;
+    "onColumn-order-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     pagination: false | PaginationConfig;
     size: TableSize;
     loading: boolean;
-    columnLockable: boolean;
+    virtual: boolean;
     dataSource: Record<string, unknown>[];
+    columnLockable: boolean;
     defaultSort: SortState;
     defaultFilters: Record<string, unknown>;
     bordered: boolean;
@@ -353,6 +468,14 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     rowKey: string | ((record: Record<string, unknown>) => string | number);
     stickyHeader: boolean;
     tableLayout: "auto" | "fixed";
+    virtualHeight: number;
+    virtualItemHeight: number;
+    editable: boolean;
+    filterMode: "basic" | "advanced";
+    advancedFilterRules: FilterRule[];
+    columnDraggable: boolean;
+    exportable: boolean;
+    exportFilename: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Table, type VueTableProps, Table as default };

package/dist/components/Table.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkWV3Y45YK_js = require('../chunk-WV3Y45YK.js');
+var chunkUG6XPJ2N_js = require('../chunk-UG6XPJ2N.js');
 require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkWV3Y45YK_js.Table; }
+  get: function () { return chunkUG6XPJ2N_js.Table; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkWV3Y45YK_js.Table_default; }
+  get: function () { return chunkUG6XPJ2N_js.Table_default; }
 });

package/dist/components/Table.mjs

@@ -1,2 +1,2 @@
-export { Table, Table_default as default } from '../chunk-DEFEAEYE.mjs';
+export { Table, Table_default as default } from '../chunk-HTOCKV2N.mjs';
 import '../chunk-53M2BTB5.mjs';

package/dist/components/Tabs.d.mts

@@ -10,6 +10,7 @@ interface TabsContext {
     tabPosition: TabPosition;
     closable: boolean;
     destroyInactiveTabPane: boolean;
+    lazy: boolean;
     idBase: string;
     handleTabClick: (key: string | number) => void;
     handleTabClose: (key: string | number, event: Event) => void;
@@ -89,6 +90,15 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether to lazily render tab panes (only render when first activated)
+     * @default false
+     * @since 0.6.0
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -168,6 +178,15 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether to lazily render tab panes (only render when first activated)
+     * @default false
+     * @since 0.6.0
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -193,6 +212,7 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     size: TabSize;
     className: string;
     closable: boolean;
+    lazy: boolean;
     activeKey: string | number;
     defaultActiveKey: string | number;
     tabPosition: TabPosition;