hzzt-table 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs.js +19 -20
  2. package/dist/index.css +1 -1
  3. package/dist/index.es.js +20748 -42837
  4. package/package.json +2 -1
  5. package/types/components/JsxTable.vue.d.ts +93 -0
  6. package/types/components/VxeJsxTable.vue.d.ts +93 -0
  7. package/types/components/useTableMethod.d.ts +1 -0
  8. package/types/index.d.ts +2 -2
  9. package/web-types.json +1 -1
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "style": "dist/index.css",
6
6
  "types": "types/index.d.ts",
7
7
  "license": "MIT",
8
- "version": "0.0.1",
8
+ "version": "0.0.2",
9
9
  "description": "A Table Component Library for Vue 3",
10
10
  "type": "module",
11
11
  "scripts": {
@@ -26,6 +26,7 @@
26
26
  "typescript": "^5.5.3",
27
27
  "vite": "^5.4.0",
28
28
  "vite-plugin-dts": "^4.5.4",
29
+ "vite-plugin-lazy-import": "^1.0.7",
29
30
  "vue-docgen-api": "^4.79.2",
30
31
  "vue-docgen-web-types": "^0.1.8",
31
32
  "vue-tsc": "^2.0.29"
package/types/components/JsxTable.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import Sortable from 'sortablejs';
1
2
  import { ColumnItem, Props, TableInstance } from "@/types/instances.ts";
2
3
  declare const _default: import("vue").DefineComponent<Props, {
3
4
  setCurrentRow: (row: any) => void;
@@ -9,6 +10,7 @@ declare const _default: import("vue").DefineComponent<Props, {
9
10
  toggleAllSelection: () => void;
10
11
  clearSelection: () => void;
11
12
  sort: (prop: string, order: string) => void;
13
+ clearSort: (column?: any) => void;
12
14
  scrollToRow: (row: any) => void;
13
15
  doLayout: () => void;
14
16
  setScrollTop: (...args: any[]) => void;
@@ -23,6 +25,97 @@ declare const _default: import("vue").DefineComponent<Props, {
23
25
  setAllRowExpand: (expand: boolean) => void;
24
26
  setAllTreeExpand: (expand: boolean) => void;
25
27
  } | null>;
28
+ state: {
29
+ isAllExpansion: boolean;
30
+ sortableTbody?: {
31
+ options: {
32
+ animation?: number | undefined | undefined;
33
+ chosenClass?: string | undefined | undefined;
34
+ dataIdAttr?: string | undefined | undefined;
35
+ delay?: number | undefined | undefined;
36
+ delayOnTouchOnly?: boolean | undefined | undefined;
37
+ direction?: ((evt: Sortable.SortableEvent, target: HTMLElement, dragEl: HTMLElement) => Sortable.Direction) | Sortable.Direction | undefined;
38
+ disabled?: boolean | undefined | undefined;
39
+ dragClass?: string | undefined | undefined;
40
+ draggable?: string | undefined | undefined;
41
+ dragoverBubble?: boolean | undefined | undefined;
42
+ dropBubble?: boolean | undefined | undefined;
43
+ emptyInsertThreshold?: number | undefined | undefined;
44
+ easing?: string | undefined | undefined;
45
+ fallbackClass?: string | undefined | undefined;
46
+ fallbackOnBody?: boolean | undefined | undefined;
47
+ fallbackTolerance?: number | undefined | undefined;
48
+ fallbackOffset?: {
49
+ x: number;
50
+ y: number;
51
+ } | undefined;
52
+ filter?: string | ((this: Sortable, event: Event | TouchEvent, target: HTMLElement, sortable: Sortable) => boolean) | undefined | undefined;
53
+ forceFallback?: boolean | undefined | undefined;
54
+ ghostClass?: string | undefined | undefined;
55
+ group?: string | {
56
+ name: string;
57
+ pull?: Sortable.PullResult | ((to: Sortable, from: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => Sortable.PullResult) | undefined;
58
+ put?: Sortable.PutResult | ((to: Sortable, from: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => Sortable.PutResult) | undefined;
59
+ checkPull?: ((sortable: Sortable, activeSortable: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => boolean | string | string[]) | undefined | undefined;
60
+ checkPut?: ((sortable: Sortable, activeSortable: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => boolean | string | "clone" | string[]) | undefined | undefined;
61
+ revertClone?: boolean | undefined | undefined;
62
+ } | undefined;
63
+ handle?: string | undefined | undefined;
64
+ ignore?: string | undefined | undefined;
65
+ invertSwap?: boolean | undefined | undefined;
66
+ invertedSwapThreshold?: number | undefined | undefined;
67
+ preventOnFilter?: boolean | undefined | undefined;
68
+ removeCloneOnHide?: boolean | undefined | undefined;
69
+ sort?: boolean | undefined | undefined;
70
+ store?: {
71
+ get: (sortable: Sortable) => string[];
72
+ set: (sortable: Sortable) => void;
73
+ } | undefined;
74
+ swapThreshold?: number | undefined | undefined;
75
+ touchStartThreshold?: number | undefined | undefined;
76
+ setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
77
+ onStart?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
78
+ onEnd?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
79
+ onAdd?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
80
+ onClone?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
81
+ onChoose?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
82
+ onUnchoose?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
83
+ onUpdate?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
84
+ onSort?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
85
+ onRemove?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
86
+ onFilter?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
87
+ onMove?: ((evt: Sortable.MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
88
+ onChange?: ((evt: Sortable.SortableEvent) => void) | undefined | undefined;
89
+ scroll?: boolean | HTMLElement | undefined;
90
+ forceAutoScrollFallback?: boolean | undefined | undefined;
91
+ scrollFn?: ((this: Sortable, offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
92
+ scrollSensitivity?: number | undefined | undefined;
93
+ scrollSpeed?: number | undefined | undefined;
94
+ bubbleScroll?: boolean | undefined | undefined;
95
+ multiDrag?: boolean | undefined | undefined;
96
+ selectedClass?: string | undefined | undefined;
97
+ multiDragKey?: null | undefined | string | undefined;
98
+ avoidImplicitDeselect?: boolean | undefined | undefined;
99
+ onSelect?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
100
+ onDeselect?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
101
+ revertOnSpill?: boolean | undefined | undefined;
102
+ removeOnSpill?: boolean | undefined | undefined;
103
+ onSpill?: ((evt: Sortable.SortableEvent) => void) | undefined | undefined;
104
+ swap?: boolean | undefined | undefined;
105
+ swapClass?: string | undefined | undefined;
106
+ };
107
+ el: HTMLElement;
108
+ option: {
109
+ <K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]): void;
110
+ <K extends keyof Sortable.Options>(name: K): Sortable.Options[K];
111
+ };
112
+ closest: (element: HTMLElement, selector?: string) => HTMLElement | null;
113
+ sort: (order: readonly string[], useAnimation?: boolean) => void;
114
+ save: () => void;
115
+ destroy: () => void;
116
+ toArray: () => string[];
117
+ } | undefined;
118
+ };
26
119
  toggleRowSelection: (row: any | any[], selected?: boolean) => void;
27
120
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
121
  [x: string]: any;
package/types/components/VxeJsxTable.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import Sortable from 'sortablejs';
1
2
  import { Props, TableInstance, ColumnItem } from "@/types/instances.ts";
2
3
  declare const _default: import("vue").DefineComponent<Props, {
3
4
  setCurrentRow: (row: any) => void;
@@ -10,6 +11,7 @@ declare const _default: import("vue").DefineComponent<Props, {
10
11
  toggleAllSelection: () => void;
11
12
  clearSelection: () => void;
12
13
  sort: (prop: string, order: string) => void;
14
+ clearSort: (column?: any) => void;
13
15
  scrollToRow: (row: any) => void;
14
16
  doLayout: () => void;
15
17
  setScrollTop: (...args: any[]) => void;
@@ -25,6 +27,97 @@ declare const _default: import("vue").DefineComponent<Props, {
25
27
  setAllTreeExpand: (expand: boolean) => void;
26
28
  } | null>;
27
29
  toggleRowSelection: (row: any | any[], selected?: boolean) => void;
30
+ state: {
31
+ isAllExpansion: boolean;
32
+ sortableTbody?: {
33
+ options: {
34
+ animation?: number | undefined | undefined;
35
+ chosenClass?: string | undefined | undefined;
36
+ dataIdAttr?: string | undefined | undefined;
37
+ delay?: number | undefined | undefined;
38
+ delayOnTouchOnly?: boolean | undefined | undefined;
39
+ direction?: ((evt: Sortable.SortableEvent, target: HTMLElement, dragEl: HTMLElement) => Sortable.Direction) | Sortable.Direction | undefined;
40
+ disabled?: boolean | undefined | undefined;
41
+ dragClass?: string | undefined | undefined;
42
+ draggable?: string | undefined | undefined;
43
+ dragoverBubble?: boolean | undefined | undefined;
44
+ dropBubble?: boolean | undefined | undefined;
45
+ emptyInsertThreshold?: number | undefined | undefined;
46
+ easing?: string | undefined | undefined;
47
+ fallbackClass?: string | undefined | undefined;
48
+ fallbackOnBody?: boolean | undefined | undefined;
49
+ fallbackTolerance?: number | undefined | undefined;
50
+ fallbackOffset?: {
51
+ x: number;
52
+ y: number;
53
+ } | undefined;
54
+ filter?: string | ((this: Sortable, event: Event | TouchEvent, target: HTMLElement, sortable: Sortable) => boolean) | undefined | undefined;
55
+ forceFallback?: boolean | undefined | undefined;
56
+ ghostClass?: string | undefined | undefined;
57
+ group?: string | {
58
+ name: string;
59
+ pull?: Sortable.PullResult | ((to: Sortable, from: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => Sortable.PullResult) | undefined;
60
+ put?: Sortable.PutResult | ((to: Sortable, from: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => Sortable.PutResult) | undefined;
61
+ checkPull?: ((sortable: Sortable, activeSortable: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => boolean | string | string[]) | undefined | undefined;
62
+ checkPut?: ((sortable: Sortable, activeSortable: Sortable, dragEl: HTMLElement, event: Sortable.SortableEvent) => boolean | string | "clone" | string[]) | undefined | undefined;
63
+ revertClone?: boolean | undefined | undefined;
64
+ } | undefined;
65
+ handle?: string | undefined | undefined;
66
+ ignore?: string | undefined | undefined;
67
+ invertSwap?: boolean | undefined | undefined;
68
+ invertedSwapThreshold?: number | undefined | undefined;
69
+ preventOnFilter?: boolean | undefined | undefined;
70
+ removeCloneOnHide?: boolean | undefined | undefined;
71
+ sort?: boolean | undefined | undefined;
72
+ store?: {
73
+ get: (sortable: Sortable) => string[];
74
+ set: (sortable: Sortable) => void;
75
+ } | undefined;
76
+ swapThreshold?: number | undefined | undefined;
77
+ touchStartThreshold?: number | undefined | undefined;
78
+ setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
79
+ onStart?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
80
+ onEnd?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
81
+ onAdd?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
82
+ onClone?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
83
+ onChoose?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
84
+ onUnchoose?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
85
+ onUpdate?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
86
+ onSort?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
87
+ onRemove?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
88
+ onFilter?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
89
+ onMove?: ((evt: Sortable.MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
90
+ onChange?: ((evt: Sortable.SortableEvent) => void) | undefined | undefined;
91
+ scroll?: boolean | HTMLElement | undefined;
92
+ forceAutoScrollFallback?: boolean | undefined | undefined;
93
+ scrollFn?: ((this: Sortable, offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
94
+ scrollSensitivity?: number | undefined | undefined;
95
+ scrollSpeed?: number | undefined | undefined;
96
+ bubbleScroll?: boolean | undefined | undefined;
97
+ multiDrag?: boolean | undefined | undefined;
98
+ selectedClass?: string | undefined | undefined;
99
+ multiDragKey?: null | undefined | string | undefined;
100
+ avoidImplicitDeselect?: boolean | undefined | undefined;
101
+ onSelect?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
102
+ onDeselect?: ((event: Sortable.SortableEvent) => void) | undefined | undefined;
103
+ revertOnSpill?: boolean | undefined | undefined;
104
+ removeOnSpill?: boolean | undefined | undefined;
105
+ onSpill?: ((evt: Sortable.SortableEvent) => void) | undefined | undefined;
106
+ swap?: boolean | undefined | undefined;
107
+ swapClass?: string | undefined | undefined;
108
+ };
109
+ el: HTMLElement;
110
+ option: {
111
+ <K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]): void;
112
+ <K extends keyof Sortable.Options>(name: K): Sortable.Options[K];
113
+ };
114
+ closest: (element: HTMLElement, selector?: string) => HTMLElement | null;
115
+ sort: (order: readonly string[], useAnimation?: boolean) => void;
116
+ save: () => void;
117
+ destroy: () => void;
118
+ toArray: () => string[];
119
+ } | undefined;
120
+ };
28
121
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
29
122
  [x: string]: any;
30
123
  } & {
package/types/components/useTableMethod.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare function useTableMethod(emit: Emits, attrs: Record<string, any>,
12
12
  toggleAllSelection: () => void;
13
13
  clearSelection: () => void;
14
14
  sort: (prop: string, order: string) => void;
15
+ clearSort: (column?: any) => void;
15
16
  scrollToRow: (row: any) => void;
16
17
  doLayout: () => void;
17
18
  setScrollTop: (...args: any[]) => void;
package/types/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { I18N_INJECT_KEY, SIZE_INJECT_KEY } from "./const";
2
- import { install, setConfig, setLanguage } from "./plugins";
2
+ import { install, setConfig, setLanguage, VxeJsxTable, JsxTable } from "./plugins";
3
3
  export * from './types/instances.ts';
4
- export { install, I18N_INJECT_KEY, SIZE_INJECT_KEY, setConfig, setLanguage, };
4
+ export { install, I18N_INJECT_KEY, SIZE_INJECT_KEY, setConfig, setLanguage, VxeJsxTable, JsxTable, };
5
5
  declare const _default: {
6
6
  install: (app: import("vue").App, options?: import("./plugins").InstallOptions) => void;
7
7
  };
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "hzzt-table",
4
- "version": "0.0.1",
4
+ "version": "0.0.2",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",