@pixelium/web-vue 0.0.3 → 0.0.5

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 (127) hide show
  1. package/dist/index.d.ts +162 -120
  2. package/dist/pixelium-vue.cjs +1 -1
  3. package/dist/pixelium-vue.css +1 -1
  4. package/dist/pixelium-vue.js +19 -21
  5. package/dist/pixelium-vue.umd.cjs +1 -1
  6. package/es/alert/index.d.ts +3 -2
  7. package/es/alert/type.d.ts +15 -15
  8. package/es/aside/index.d.ts +3 -2
  9. package/es/auto-complete/index.css +1 -2
  10. package/es/auto-complete/index.d.ts +2 -1
  11. package/es/avatar/index.d.ts +3 -2
  12. package/es/back-top/index.d.ts +21 -0
  13. package/es/back-top/type.d.ts +46 -0
  14. package/es/badge/draw.d.ts +1 -0
  15. package/es/badge/index.d.ts +26 -0
  16. package/es/badge/type.d.ts +69 -0
  17. package/es/breadcrumb/index.d.ts +12 -0
  18. package/es/breadcrumb/type.d.ts +52 -0
  19. package/es/breadcrumb-item/index.d.ts +27 -0
  20. package/es/breadcrumb-item/type.d.ts +49 -0
  21. package/es/button/index.css +1 -8
  22. package/es/button/index.d.ts +3 -2
  23. package/es/button-group/index.d.ts +3 -2
  24. package/es/checkbox/index.d.ts +3 -2
  25. package/es/checkbox-group/index.d.ts +3 -2
  26. package/es/col/index.d.ts +3 -2
  27. package/es/container/index.d.ts +3 -2
  28. package/es/dialog/dialog-wrapped.d.ts +9 -8
  29. package/es/dialog/dialog.d.ts +9 -8
  30. package/es/dialog/type.d.ts +58 -58
  31. package/es/divider/index.d.ts +2 -1
  32. package/es/drop-down/index.d.ts +36 -0
  33. package/es/drop-down/type.d.ts +140 -0
  34. package/es/drop-down-list/index.d.ts +10 -0
  35. package/es/drop-down-list/type.d.ts +19 -0
  36. package/es/empty/index.d.ts +3 -2
  37. package/es/footer/index.d.ts +3 -2
  38. package/es/form/index.d.ts +3 -2
  39. package/es/form-item/index.d.ts +9 -8
  40. package/es/grid/index.d.ts +3 -2
  41. package/es/grid-item/index.d.ts +3 -2
  42. package/es/header/index.d.ts +3 -2
  43. package/es/icon/index.d.ts +3 -2
  44. package/es/image/index.d.ts +3 -2
  45. package/es/index.d.ts +1 -1
  46. package/es/index.js +1 -1
  47. package/es/input/index.css +1 -2
  48. package/es/input/index.d.ts +7 -6
  49. package/es/input-group/index.d.ts +3 -2
  50. package/es/input-group-label/index.d.ts +3 -2
  51. package/es/input-number/index.css +1 -2
  52. package/es/input-number/index.d.ts +5 -4
  53. package/es/input-tag/index.css +2 -2
  54. package/es/input-tag/index.d.ts +13 -12
  55. package/es/link/index.css +1 -6
  56. package/es/link/index.d.ts +3 -2
  57. package/es/main/index.d.ts +3 -2
  58. package/es/mask/index.d.ts +2 -1
  59. package/es/menu/index.d.ts +24 -0
  60. package/es/menu/type.d.ts +145 -0
  61. package/es/menu-group/index.d.ts +16 -0
  62. package/es/menu-group/type.d.ts +19 -0
  63. package/es/menu-item/index.d.ts +26 -0
  64. package/es/menu-item/type.d.ts +44 -0
  65. package/es/message/index.d.ts +2 -1
  66. package/es/message-box/message-box-wrapped.d.ts +2 -1
  67. package/es/message-box/message-box.d.ts +2 -1
  68. package/es/option-list/index.d.ts +2 -1
  69. package/es/popconfirm/index.d.ts +32 -0
  70. package/es/popconfirm/type.d.ts +199 -0
  71. package/es/popover/index.d.ts +2 -1
  72. package/es/popup/index.d.ts +2 -1
  73. package/es/popup/use-mouse-position.d.ts +1 -0
  74. package/es/popup/util.d.ts +6 -0
  75. package/es/popup-content/index.d.ts +5 -4
  76. package/es/popup-portal/index.d.ts +5 -4
  77. package/es/popup-trigger/index.d.ts +2 -1
  78. package/es/popup-wrapper/index.d.ts +5 -4
  79. package/es/popup-wrapper/use-popup-wrapper-manager.d.ts +22 -1
  80. package/es/progress/draw.d.ts +6 -0
  81. package/es/progress/index.d.ts +32 -0
  82. package/es/progress/type.d.ts +67 -0
  83. package/es/radio/index.d.ts +3 -2
  84. package/es/radio-group/index.d.ts +3 -2
  85. package/es/row/index.d.ts +3 -2
  86. package/es/scroll-bar/index.d.ts +40 -0
  87. package/es/scroll-bar/type.d.ts +85 -0
  88. package/es/scroll-bar/use-scroll-bar.d.ts +1 -0
  89. package/es/select/index.css +2 -3
  90. package/es/select/index.d.ts +2 -1
  91. package/es/share/hook/use-expand.d.ts +2 -0
  92. package/es/share/hook/use-hidden-measure.d.ts +1 -0
  93. package/es/share/hook/use-pixel-size.d.ts +1 -0
  94. package/es/share/util/locale.d.ts +8 -0
  95. package/es/share/util/scroll.d.ts +2 -0
  96. package/es/slider/index.d.ts +16 -15
  97. package/es/space/index.d.ts +2 -1
  98. package/es/spin/index.d.ts +6 -5
  99. package/es/submenu/index.d.ts +28 -0
  100. package/es/submenu/type.d.ts +60 -0
  101. package/es/switch/index.d.ts +3 -2
  102. package/es/table/index.d.ts +68 -0
  103. package/es/table/module/cell-span.d.ts +7 -0
  104. package/es/table/module/column.d.ts +46 -0
  105. package/es/table/module/draw.d.ts +11 -0
  106. package/es/table/module/event.d.ts +9 -0
  107. package/es/table/module/expandable.d.ts +20 -0
  108. package/es/table/module/filterable.d.ts +9 -0
  109. package/es/table/module/selection.d.ts +20 -0
  110. package/es/table/module/share.d.ts +8 -0
  111. package/es/table/module/sortable.d.ts +10 -0
  112. package/es/table/module/summary.d.ts +2 -0
  113. package/es/table/type.d.ts +733 -0
  114. package/es/tag/index.css +3 -3
  115. package/es/tag/index.d.ts +3 -2
  116. package/es/text-outline/index.d.ts +3 -2
  117. package/es/textarea/index.css +1 -2
  118. package/es/textarea/index.d.ts +5 -4
  119. package/es/theme/theme.d.ts +21 -0
  120. package/es/{share/util → theme}/theme.js +22 -22
  121. package/es/tooltip/index.d.ts +2 -1
  122. package/es/vendor.js +1 -1
  123. package/es/virtual-list/index.d.ts +2 -1
  124. package/package.json +1 -1
  125. package/es/share/hook/use-props-detect.d.ts +0 -2
  126. package/es/share/util/pixel.d.ts +0 -4
  127. package/es/share/util/theme.d.ts +0 -7
@@ -0,0 +1,40 @@
1
+ import type { ScrollBarExpose, ScrollBarProps } from './type';
2
+ import type { OverlayScrollbars } from 'overlayscrollbars';
3
+ declare var __VLS_9: {};
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_9) => any;
6
+ };
7
+ declare const __VLS_base: import("vue").DefineComponent<ScrollBarProps, ScrollBarExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
+ scroll: (event: Event) => any;
9
+ "update:scrollOffset": (value: {
10
+ left: number;
11
+ top: number;
12
+ }) => any;
13
+ initialize: (instance: OverlayScrollbars) => any;
14
+ update: (offset: {
15
+ left: number;
16
+ top: number;
17
+ }) => any;
18
+ }, string, import("vue").PublicProps, Readonly<ScrollBarProps> & Readonly<{
19
+ onScroll?: ((event: Event) => any) | undefined;
20
+ "onUpdate:scrollOffset"?: ((value: {
21
+ left: number;
22
+ top: number;
23
+ }) => any) | undefined;
24
+ onInitialize?: ((instance: OverlayScrollbars) => any) | undefined;
25
+ onUpdate?: ((offset: {
26
+ left: number;
27
+ top: number;
28
+ }) => any) | undefined;
29
+ }>, {
30
+ variant: "pixel" | "simple";
31
+ showScrollPadding: boolean;
32
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
34
+ declare const _default: typeof __VLS_export;
35
+ export default _default;
36
+ type __VLS_WithSlots<T, S> = T & {
37
+ new (): {
38
+ $slots: S;
39
+ };
40
+ };
@@ -0,0 +1,85 @@
1
+ import type { OverlayScrollbars } from 'overlayscrollbars';
2
+ export type ScrollBarProps = {
3
+ /**
4
+ * @property {{ left?: number; top?: number } | null} [scrollOffset]
5
+ * @version 0.1.0
6
+ */
7
+ scrollOffset?: {
8
+ left?: number;
9
+ top?: number;
10
+ } | null;
11
+ /**
12
+ * @property {{ left?: number; top?: number } | null} [defaultScrollOffset]
13
+ * @version 0.1.0
14
+ */
15
+ defaultScrollOffset?: {
16
+ left?: number;
17
+ top?: number;
18
+ } | null;
19
+ /**
20
+ * @property {'pixel' | 'simple'} [variant='pixel']
21
+ * @version 0.1.0
22
+ */
23
+ variant?: 'pixel' | 'simple';
24
+ /**
25
+ * @property {boolean} [showScrollPadding=true]
26
+ * @version 0.1.0
27
+ */
28
+ showScrollPadding?: boolean;
29
+ };
30
+ export type ScrollBarEvents = {
31
+ /**
32
+ * @event update:scrollOffset
33
+ * @param {{ left: number; top: number }} value
34
+ * @version 0.1.0
35
+ */
36
+ 'update:scrollOffset': [value: {
37
+ left: number;
38
+ top: number;
39
+ }];
40
+ /**
41
+ * @event initialize
42
+ * @param {OverlayScrollbars} instance
43
+ * @version 0.1.0
44
+ */
45
+ initialize: [instance: OverlayScrollbars];
46
+ /**
47
+ * @event update
48
+ * @version 0.1.0
49
+ */
50
+ update: [offset: {
51
+ left: number;
52
+ top: number;
53
+ }];
54
+ /**
55
+ * @event scroll
56
+ * @param {Event} event
57
+ * @version 0.1.0
58
+ */
59
+ scroll: [event: Event];
60
+ };
61
+ export type ScrollBarSlots = {
62
+ /**
63
+ * @slot default
64
+ * @version 0.1.0
65
+ */
66
+ default: {};
67
+ };
68
+ export type ScrollBarExpose = {
69
+ /**
70
+ * @property {{ (options?: ScrollToOptions): void; (x: number, y: number): void }} scrollTo
71
+ * @version 0.1.0
72
+ */
73
+ scrollTo: {
74
+ (options?: ScrollToOptions): void;
75
+ (x: number, y: number): void;
76
+ };
77
+ /**
78
+ * @property {{ (options?: ScrollToOptions): void; (x: number, y: number): void }} scrollBy
79
+ * @version 0.1.0
80
+ */
81
+ scrollBy: {
82
+ (options?: ScrollToOptions): void;
83
+ (x: number, y: number): void;
84
+ };
85
+ };
@@ -0,0 +1 @@
1
+ export declare const useScrollBar: (variant?: "pixel" | "simple") => readonly [import("overlayscrollbars-vue").UseOverlayScrollbarsInitialization, import("overlayscrollbars-vue").UseOverlayScrollbarsInstance, import("vue").Ref<boolean, boolean>];
@@ -134,8 +134,7 @@
134
134
  flex-shrink: 0;
135
135
  }
136
136
  .px-select-inner:focus-visible {
137
- outline-color: var(--px-neutral-10);
138
- outline-offset: var(--px-bit);
137
+ outline: none;
139
138
  }
140
139
  .px-select-label,
141
140
  .px-select-content,
@@ -173,7 +172,7 @@
173
172
  --select-size: var(--px-large-size);
174
173
  }
175
174
  .px-select__small {
176
- --input-size: var(--px-small-size);
175
+ --select-size: var(--px-small-size);
177
176
  }
178
177
  .px-select__small .px-select-content .px-tag {
179
178
  margin-top: 0px;
@@ -1,5 +1,5 @@
1
1
  import type { SelectExpose, SelectGroupOption, SelectOption, SelectProps } from './type';
2
- declare const _default: import("vue").DefineComponent<SelectProps, SelectExpose & {
2
+ declare const __VLS_export: import("vue").DefineComponent<SelectProps, SelectExpose & {
3
3
  getElementRendered: () => HTMLDivElement | null;
4
4
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
5
5
  clear: (value: any) => any;
@@ -39,4 +39,5 @@ declare const _default: import("vue").DefineComponent<SelectProps, SelectExpose
39
39
  optionsDestroyOnHide: boolean;
40
40
  filterable: boolean;
41
41
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
42
+ declare const _default: typeof __VLS_export;
42
43
  export default _default;
@@ -0,0 +1,2 @@
1
+ import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
2
+ export declare const useExpand: (wrapperRef: ShallowRef<HTMLElement | null>, expandedRef: Ref<boolean | undefined> | ComputedRef<boolean | undefined>, foldDelay: number) => readonly [ComputedRef<boolean>, ComputedRef<string>];
@@ -0,0 +1 @@
1
+ export declare const useHiddenMeasure: (key: string) => () => HTMLDivElement | undefined;
@@ -0,0 +1 @@
1
+ export declare const usePixelSize: () => Readonly<import("vue").Ref<number, number>>;
@@ -12,6 +12,14 @@ declare const _default: {
12
12
  errorTitle: string;
13
13
  confirmTitle: string;
14
14
  };
15
+ popconfirm: {
16
+ confirm: string;
17
+ cancel: string;
18
+ };
19
+ table: {
20
+ filterReset: string;
21
+ filterConfirm: string;
22
+ };
15
23
  };
16
24
  export type DeepPartial<T> = {
17
25
  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
@@ -0,0 +1,2 @@
1
+ import 'overlayscrollbars/overlayscrollbars.css';
2
+ export declare const initScroll: () => void;
@@ -2,35 +2,35 @@ import type { SliderProps } from './type';
2
2
  declare var __VLS_1: {
3
3
  value: number;
4
4
  label: string | undefined;
5
- }, __VLS_7: {}, __VLS_10: {
5
+ }, __VLS_9: {}, __VLS_12: {
6
6
  value: number | null | undefined;
7
- }, __VLS_12: {}, __VLS_18: {}, __VLS_21: {
7
+ }, __VLS_14: {}, __VLS_22: {}, __VLS_25: {
8
8
  value: number | null | undefined;
9
- }, __VLS_23: {}, __VLS_29: {}, __VLS_32: {
9
+ }, __VLS_27: {}, __VLS_35: {}, __VLS_38: {
10
10
  value: number | null | undefined;
11
- }, __VLS_34: {};
11
+ }, __VLS_40: {};
12
12
  type __VLS_Slots = {} & {
13
13
  mark?: (props: typeof __VLS_1) => any;
14
14
  } & {
15
- thumb?: (props: typeof __VLS_7) => any;
15
+ thumb?: (props: typeof __VLS_9) => any;
16
16
  } & {
17
- 'tooltip-content'?: (props: typeof __VLS_10) => any;
17
+ 'tooltip-content'?: (props: typeof __VLS_12) => any;
18
18
  } & {
19
- thumb?: (props: typeof __VLS_12) => any;
19
+ thumb?: (props: typeof __VLS_14) => any;
20
20
  } & {
21
- 'thumb-start'?: (props: typeof __VLS_18) => any;
21
+ 'thumb-start'?: (props: typeof __VLS_22) => any;
22
22
  } & {
23
- 'tooltip-content'?: (props: typeof __VLS_21) => any;
23
+ 'tooltip-content'?: (props: typeof __VLS_25) => any;
24
24
  } & {
25
- 'thumb-start'?: (props: typeof __VLS_23) => any;
25
+ 'thumb-start'?: (props: typeof __VLS_27) => any;
26
26
  } & {
27
- 'thumb-end'?: (props: typeof __VLS_29) => any;
27
+ 'thumb-end'?: (props: typeof __VLS_35) => any;
28
28
  } & {
29
- 'tooltip-content'?: (props: typeof __VLS_32) => any;
29
+ 'tooltip-content'?: (props: typeof __VLS_38) => any;
30
30
  } & {
31
- 'thumb-end'?: (props: typeof __VLS_34) => any;
31
+ 'thumb-end'?: (props: typeof __VLS_40) => any;
32
32
  };
33
- declare const __VLS_component: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
+ declare const __VLS_base: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
34
  change: (value: number | [number, number]) => any;
35
35
  blur: (event: FocusEvent) => any;
36
36
  focus: (event: FocusEvent) => any;
@@ -57,7 +57,8 @@ declare const __VLS_component: import("vue").DefineComponent<SliderProps, {}, {}
57
57
  precision: number | null;
58
58
  tooltip: boolean;
59
59
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
60
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
60
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
61
+ declare const _default: typeof __VLS_export;
61
62
  export default _default;
62
63
  type __VLS_WithSlots<T, S> = T & {
63
64
  new (): {
@@ -1,5 +1,5 @@
1
1
  import type { SpaceProps } from './type';
2
- declare const _default: import("vue").DefineComponent<SpaceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
2
+ declare const __VLS_export: import("vue").DefineComponent<SpaceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
3
3
  justify: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly";
4
4
  wrap: boolean;
5
5
  direction: "horizontal" | "vertical";
@@ -9,4 +9,5 @@ declare const _default: import("vue").DefineComponent<SpaceProps, {}, {}, {}, {}
9
9
  };
10
10
  inline: boolean;
11
11
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
+ declare const _default: typeof __VLS_export;
12
13
  export default _default;
@@ -1,13 +1,13 @@
1
1
  import type { SpinProps } from './type';
2
- declare var __VLS_1: {}, __VLS_7: {}, __VLS_14: {};
2
+ declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  } & {
6
- icon?: (props: typeof __VLS_7) => any;
6
+ icon?: (props: typeof __VLS_8) => any;
7
7
  } & {
8
- description?: (props: typeof __VLS_14) => any;
8
+ description?: (props: typeof __VLS_15) => any;
9
9
  };
10
- declare const __VLS_component: import("vue").DefineComponent<SpinProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinProps> & Readonly<{}>, {
10
+ declare const __VLS_base: import("vue").DefineComponent<SpinProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinProps> & Readonly<{}>, {
11
11
  size: "medium" | "large" | "small" | number;
12
12
  loading: boolean;
13
13
  zIndex: number;
@@ -15,7 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<SpinProps, {}, {},
15
15
  maskLineWidth: number;
16
16
  maskGrid: boolean;
17
17
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
18
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
+ declare const _default: typeof __VLS_export;
19
20
  export default _default;
20
21
  type __VLS_WithSlots<T, S> = T & {
21
22
  new (): {
@@ -0,0 +1,28 @@
1
+ import type { SubmenuProps } from './type';
2
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_18: {}, __VLS_20: {}, __VLS_28: {};
3
+ type __VLS_Slots = {} & {
4
+ icon?: (props: typeof __VLS_1) => any;
5
+ } & {
6
+ label?: (props: typeof __VLS_3) => any;
7
+ } & {
8
+ default?: (props: typeof __VLS_10) => any;
9
+ } & {
10
+ icon?: (props: typeof __VLS_18) => any;
11
+ } & {
12
+ label?: (props: typeof __VLS_20) => any;
13
+ } & {
14
+ default?: (props: typeof __VLS_28) => any;
15
+ };
16
+ declare const __VLS_base: import("vue").DefineComponent<SubmenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SubmenuProps> & Readonly<{}>, {
17
+ disabled: boolean;
18
+ mode: "inline" | "popover";
19
+ trigger: "hover" | "click";
20
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
24
+ type __VLS_WithSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
@@ -0,0 +1,60 @@
1
+ import type { ComputedRef } from 'vue';
2
+ import type { PopoverProps, PopoverEvents } from '../popover/type';
3
+ import type { EmitEvent } from '../share/type';
4
+ export type SubmenuProps = {
5
+ /**
6
+ * @property {string} [label]
7
+ * @version 0.1.0
8
+ */
9
+ label?: string;
10
+ /**
11
+ * @property {number | string | symbol} index
12
+ * @version 0.1.0
13
+ */
14
+ index: number | string | symbol;
15
+ /**
16
+ * @property {boolean} [disabled=false]
17
+ * @version 0.1.0
18
+ */
19
+ disabled?: boolean;
20
+ /**
21
+ * @property {boolean} [mode]
22
+ * @version 0.1.0
23
+ */
24
+ mode?: 'inline' | 'popover';
25
+ /**
26
+ * @property {boolean} [trigger]
27
+ * @version 0.1.0
28
+ */
29
+ trigger?: 'hover' | 'click';
30
+ /**
31
+ * @property {Omit<PopoverProps, 'visible' | 'defaultVisible' | 'content'> & EmitEvent<PopoverEvents>} [popoverProps]
32
+ * @version 0.1.0
33
+ */
34
+ popoverProps?: Omit<PopoverProps, 'visible' | 'defaultVisible' | 'content'> & EmitEvent<PopoverEvents>;
35
+ };
36
+ export type SubmenuSlots = {
37
+ /**
38
+ * @slot default
39
+ * @version 0.1.0
40
+ */
41
+ default: {};
42
+ /**
43
+ * @slot label
44
+ * @version 0.1.0
45
+ */
46
+ label: {};
47
+ /**
48
+ * @slot icon
49
+ * @version 0.1.0
50
+ */
51
+ icon: {};
52
+ };
53
+ export type SubmenuProvide = {
54
+ mode: ComputedRef<SubmenuProps['mode']>;
55
+ trigger: ComputedRef<SubmenuProps['trigger']>;
56
+ disabled: ComputedRef<boolean | undefined>;
57
+ setActive: (status: boolean, id: string) => void;
58
+ removeActive: (id: string) => void;
59
+ triggerUpdate: () => void;
60
+ };
@@ -13,7 +13,7 @@ type __VLS_Slots = {} & {
13
13
  } & {
14
14
  'active-label'?: (props: typeof __VLS_16) => any;
15
15
  };
16
- declare const __VLS_component: import("vue").DefineComponent<SwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ declare const __VLS_base: import("vue").DefineComponent<SwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17
17
  change: (value: boolean, event: Event) => any;
18
18
  blur: (event: FocusEvent) => any;
19
19
  input: (value: boolean, event: InputEvent) => any;
@@ -33,7 +33,8 @@ declare const __VLS_component: import("vue").DefineComponent<SwitchProps, {}, {}
33
33
  modelValue: boolean | null;
34
34
  defaultValue: boolean | null;
35
35
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
36
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
36
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
37
+ declare const _default: typeof __VLS_export;
37
38
  export default _default;
38
39
  type __VLS_WithSlots<T, S> = T & {
39
40
  new (): {
@@ -0,0 +1,68 @@
1
+ import type { TableData, TableExpose, TableProps } from './type';
2
+ declare const __VLS_export: import("vue").DefineComponent<TableProps, TableExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ select: (value: boolean, key: any, record: TableData, event: InputEvent) => any;
4
+ expand: (value: boolean, key: any, record: TableData, event: MouseEvent) => any;
5
+ selectAll: (value: boolean, event: InputEvent) => any;
6
+ "update:selectedKeys": (value: any[]) => any;
7
+ selectedChange: (value: any[]) => any;
8
+ expandedChange: (value: any[]) => any;
9
+ "update:expandedKeys": (value: any[]) => any;
10
+ "update:filterValue": (value: import("./type").FilterValue) => any;
11
+ filterSelect: (value: any[], key: string | number | symbol, option: string | import("./type").TableFilterOption<any>, column: import("./type").TableColumn, event: InputEvent) => any;
12
+ filterChange: (value: import("./type").FilterValue) => any;
13
+ filterReset: (key: string | number | symbol, event: MouseEvent) => any;
14
+ filterConfirm: (key: string | number | symbol, event: MouseEvent) => any;
15
+ "update:sortOrder": (value: import("./type").SortOrder) => any;
16
+ sortSelect: (value: "desc" | "none" | "asc", key: string | number | symbol, column: import("./type").TableColumn, event: MouseEvent) => any;
17
+ sortOrderChange: (value: import("./type").SortOrder) => any;
18
+ cellMouseenter: (column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any;
19
+ cellMouseleave: (column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any;
20
+ cellClick: (column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any;
21
+ rowClick: (record: TableData, rowIndex: number, event: MouseEvent) => any;
22
+ headCellClick: (column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any;
23
+ cellDblclick: (column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any;
24
+ rowDblclick: (record: TableData, rowIndex: number, event: MouseEvent) => any;
25
+ headCellDblclick: (column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any;
26
+ cellContextmenu: (column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any;
27
+ rowContextmenu: (record: TableData, rowIndex: number, event: MouseEvent) => any;
28
+ headCellContextmenu: (column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any;
29
+ }, string, import("vue").PublicProps, Readonly<TableProps> & Readonly<{
30
+ onSelect?: ((value: boolean, key: any, record: TableData, event: InputEvent) => any) | undefined;
31
+ onExpand?: ((value: boolean, key: any, record: TableData, event: MouseEvent) => any) | undefined;
32
+ onSelectAll?: ((value: boolean, event: InputEvent) => any) | undefined;
33
+ "onUpdate:selectedKeys"?: ((value: any[]) => any) | undefined;
34
+ onSelectedChange?: ((value: any[]) => any) | undefined;
35
+ onExpandedChange?: ((value: any[]) => any) | undefined;
36
+ "onUpdate:expandedKeys"?: ((value: any[]) => any) | undefined;
37
+ "onUpdate:filterValue"?: ((value: import("./type").FilterValue) => any) | undefined;
38
+ onFilterSelect?: ((value: any[], key: string | number | symbol, option: string | import("./type").TableFilterOption<any>, column: import("./type").TableColumn, event: InputEvent) => any) | undefined;
39
+ onFilterChange?: ((value: import("./type").FilterValue) => any) | undefined;
40
+ onFilterReset?: ((key: string | number | symbol, event: MouseEvent) => any) | undefined;
41
+ onFilterConfirm?: ((key: string | number | symbol, event: MouseEvent) => any) | undefined;
42
+ "onUpdate:sortOrder"?: ((value: import("./type").SortOrder) => any) | undefined;
43
+ onSortSelect?: ((value: "desc" | "none" | "asc", key: string | number | symbol, column: import("./type").TableColumn, event: MouseEvent) => any) | undefined;
44
+ onSortOrderChange?: ((value: import("./type").SortOrder) => any) | undefined;
45
+ onCellMouseenter?: ((column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined;
46
+ onCellMouseleave?: ((column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined;
47
+ onCellClick?: ((column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined;
48
+ onRowClick?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined;
49
+ onHeadCellClick?: ((column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined;
50
+ onCellDblclick?: ((column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined;
51
+ onRowDblclick?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined;
52
+ onHeadCellDblclick?: ((column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined;
53
+ onCellContextmenu?: ((column: import("./type").TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined;
54
+ onRowContextmenu?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined;
55
+ onHeadCellContextmenu?: ((column: import("./type").TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined;
56
+ }>, {
57
+ variant: "normal" | "striped" | "checkered";
58
+ pollSizeChange: boolean;
59
+ data: TableData[];
60
+ bordered: boolean | import("./type").TableBordered;
61
+ columns: import("./type").TableColumn[];
62
+ fixedHead: boolean;
63
+ rowKey: string;
64
+ selection: boolean | import("./type").TableSelection;
65
+ expandable: boolean | import("./type").TableExpandable;
66
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
67
+ declare const _default: typeof __VLS_export;
68
+ export default _default;
@@ -0,0 +1,7 @@
1
+ export declare class SpanCollector {
2
+ private spans;
3
+ private cellToSpanIndex;
4
+ constructor(totalRows: number, totalCols: number);
5
+ addSpan(startRow: number, startCol: number, colspan: number, rowspan: number): void;
6
+ isInSpan(row: number, col: number): boolean;
7
+ }
@@ -0,0 +1,46 @@
1
+ import type { TableColumn, TableData, TableOptionsArg } from '../type';
2
+ import type { SpanCollector } from './cell-span';
3
+ export type HeaderCell = {
4
+ colspan: number;
5
+ rowspan: number;
6
+ depth: number;
7
+ isLeaf: boolean;
8
+ original: TableColumn;
9
+ fixed: 'none' | 'left' | 'right';
10
+ indexPath: number[];
11
+ presetWidth?: number;
12
+ presetMinWidth?: number;
13
+ left?: number;
14
+ right?: number;
15
+ };
16
+ export type BodyCell = {
17
+ original: TableColumn;
18
+ fixed: 'none' | 'left' | 'right';
19
+ };
20
+ export declare function buildHeaderRows(columns: TableColumn[]): {
21
+ columns: TableColumn[];
22
+ maxDepth: number;
23
+ headerRows: HeaderCell[][];
24
+ leafColumns: BodyCell[];
25
+ };
26
+ export declare const EMPTY_COL: {
27
+ key: symbol;
28
+ };
29
+ export type BodyCellWrapper = {
30
+ cell: BodyCell;
31
+ spanData: {
32
+ colspan?: number;
33
+ rowspan?: number;
34
+ };
35
+ originColIndex: number;
36
+ originRowIndex: number;
37
+ presetWidth?: number;
38
+ presetMinWidth?: number;
39
+ left?: number;
40
+ right?: number;
41
+ };
42
+ export declare const buildCommonRows: (cellDataArr: BodyCell[], data: TableData[], spanCollector: SpanCollector, spanMethod?: ({ rowIndex, colIndex, record, column }: TableOptionsArg) => void | {
43
+ colspan?: number;
44
+ rowspan?: number;
45
+ } | null) => BodyCellWrapper[][];
46
+ export declare const getMinWidthOfTable: (cellRow: BodyCell[]) => number;
@@ -0,0 +1,11 @@
1
+ import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
2
+ import type { TableProps } from '../type';
3
+ import type { LooseRequired } from '../../share/type';
4
+ export declare const drawBorder: (ctx: CanvasRenderingContext2D, width: number, height: number, center: [number, number][], borderRadius: number[], rad: [number, number][], borderColor: string, pixelSize: number, hasBottom?: boolean) => void;
5
+ export declare const useDrawPixel: (wrapperRef: ShallowRef<HTMLDivElement | null>, canvasRef: ShallowRef<HTMLCanvasElement | null>, pixelSize: Ref<number>, bordered: ComputedRef<{
6
+ table: boolean;
7
+ row: boolean;
8
+ col: boolean;
9
+ head: boolean;
10
+ side: boolean;
11
+ }>, props: LooseRequired<TableProps>) => readonly [Ref<string, string>];
@@ -0,0 +1,9 @@
1
+ import type { ComputedRef, ShallowRef } from 'vue';
2
+ import type { TableColumn, TableData } from '../type';
3
+ import type { BodyCell, HeaderCell } from './column';
4
+ export declare const useCellEvent: (tableRef: ShallowRef<HTMLTableElement | null>, columnsInfo: ComputedRef<{
5
+ columns: TableColumn[];
6
+ maxDepth: number;
7
+ headerRows: HeaderCell[][];
8
+ leafColumns: BodyCell[];
9
+ }>, data: ComputedRef<TableData[]>, summary: ComputedRef<TableData[]>, emits: any) => readonly [(e: MouseEvent) => void, (e: MouseEvent) => void, (e: MouseEvent) => void, (e: MouseEvent) => void, (e: MouseEvent) => void];
@@ -0,0 +1,20 @@
1
+ import type { LooseRequired } from '../../share/type';
2
+ import type { TableColumn, TableData, TableExpandable, TableProps } from '../type';
3
+ export declare const useExpandable: (props: LooseRequired<TableProps>, emits: ((evt: "expand", value: boolean, key: any, record: TableData, event: MouseEvent) => void) & ((evt: "expandedChange", value: any[]) => void) & ((evt: "update:expandedKeys", value: any[]) => void), slots: Record<string, Function | undefined>) => readonly [import("vue").Ref<any[] | import("parsnip-kit").Nullish, any[] | import("parsnip-kit").Nullish>, (expandable: TableExpandable, columns: TableColumn[]) => {
4
+ key: symbol;
5
+ width: number;
6
+ minWidth: number | undefined;
7
+ fixed: "left" | "none";
8
+ contentProps: {
9
+ [x: string]: unknown;
10
+ };
11
+ labelContentProps: {
12
+ [x: string]: unknown;
13
+ };
14
+ cellProps: import("../..").RestAttrs | undefined;
15
+ labelCellProps: import("../..").RestAttrs | undefined;
16
+ render: ({ record }: {
17
+ record: TableData;
18
+ }) => import("vue/jsx-runtime").JSX.Element | null;
19
+ label: string;
20
+ }, import("vue").ComputedRef<TableExpandable>];
@@ -0,0 +1,9 @@
1
+ import { type ComputedRef } from 'vue';
2
+ import type { LooseRequired } from '../../share/type';
3
+ import type { FilterValue, TableColumn, TableData, TableFilterable, TableFilterOption, TableProps } from '../type';
4
+ import type { HeaderCell, BodyCell } from './column';
5
+ export declare const useFilterable: (columnsInfo: ComputedRef<{
6
+ maxDepth: number;
7
+ headerRows: HeaderCell[][];
8
+ leafColumns: BodyCell[];
9
+ }>, props: LooseRequired<TableProps>, emits: ((evt: "update:filterValue", value: FilterValue) => void) & ((evt: "filterSelect", value: any, key: string | number | symbol, option: TableFilterOption | string, column: TableColumn, event: InputEvent) => void) & ((evt: "filterChange", value: FilterValue) => void) & ((evt: "filterReset", key: string | number | symbol, event: MouseEvent) => void) & ((evt: "filterConfirm", key: string | number | symbol, event: MouseEvent) => void)) => readonly [import("vue").Ref<import("parsnip-kit").Nullish | FilterValue, import("parsnip-kit").Nullish | FilterValue>, (rows: TableData[]) => TableData[], (filterable: TableFilterable, column: TableColumn) => import("vue/jsx-runtime").JSX.Element | null];
@@ -0,0 +1,20 @@
1
+ import type { LooseRequired } from '../../share/type';
2
+ import type { TableColumn, TableData, TableProps, TableSelection } from '../type';
3
+ export declare const useSelection: (props: LooseRequired<TableProps>, emits: ((evt: "select", value: boolean, key: any, record: TableData, event: InputEvent) => void) & ((evt: "selectAll", value: boolean, event: InputEvent) => void) & ((evt: "update:selectedKeys", value: any[]) => void) & ((evt: "selectedChange", value: any[]) => void)) => readonly [import("vue").Ref<any[] | import("parsnip-kit").Nullish, any[] | import("parsnip-kit").Nullish>, (selection: TableSelection, columns: TableColumn[]) => {
4
+ key: symbol;
5
+ width: number;
6
+ minWidth: number | undefined;
7
+ fixed: "left" | "none";
8
+ contentProps: {
9
+ [x: string]: unknown;
10
+ };
11
+ labelContentProps: {
12
+ [x: string]: unknown;
13
+ };
14
+ cellProps: import("../../index.ts").RestAttrs | undefined;
15
+ labelCellProps: import("../../index.ts").RestAttrs | undefined;
16
+ render: ({ record }: {
17
+ record: TableData;
18
+ }) => import("vue/jsx-runtime").JSX.Element;
19
+ labelRender: () => string | import("vue/jsx-runtime").JSX.Element;
20
+ }, import("vue").ComputedRef<TableSelection>];
@@ -0,0 +1,8 @@
1
+ export declare const DEFAULT_ADDITION_COL_WIDTH = 48;
2
+ export declare const DEFAULT_ROW_KEY = "key";
3
+ export declare const TABLE_SELECTION_COL_SYMBOL: unique symbol;
4
+ export declare const TABLE_EXPANDABLE_COL_SYMBOL: unique symbol;
5
+ export declare const TABLE_EMPTY_COL_SYMBOL: unique symbol;
6
+ export declare const TABLE_SUMMARY_ROW_SYMBOL: unique symbol;
7
+ export declare const DEFAULT_WIDTH = 80;
8
+ export declare const DEFAULT_MIN_WIDTH = 0;
@@ -0,0 +1,10 @@
1
+ import { type ComputedRef } from 'vue';
2
+ import type { LooseRequired } from '../../share/type';
3
+ import type { SortOrder, TableColumn, TableData, TableProps, TableSortable } from '../type';
4
+ import type { BodyCell, HeaderCell } from './column';
5
+ export declare const useSortable: (columnsInfo: ComputedRef<{
6
+ maxDepth: number;
7
+ headerRows: HeaderCell[][];
8
+ leafColumns: BodyCell[];
9
+ }>, props: LooseRequired<TableProps>, emits: ((evt: "update:sortOrder", value: SortOrder) => void) & ((evt: "sortSelect", value: "asc" | "desc" | "none", key: string | number | symbol, column: TableColumn, event: MouseEvent) => void) & ((evt: "sortOrderChange", value: SortOrder) => void)) => readonly [import("vue").Ref<import("parsnip-kit").Nullish | SortOrder, import("parsnip-kit").Nullish | SortOrder>, (rows: TableData[]) => TableData[], (sortable: TableSortable, column: TableColumn) => import("vue/jsx-runtime").JSX.Element | null];
10
+ export declare const defaultComparator: (a: TableData, b: TableData, order: "asc" | "desc", field?: string) => number;
@@ -0,0 +1,2 @@
1
+ import type { TableSummary } from '../type';
2
+ export declare const useSummary: () => (summary: TableSummary) => import("../type").TableData[];