sakana-element 2.1.5 → 2.3.0

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 (157) hide show
  1. package/README.md +95 -19
  2. package/dist/es/{Alert-C76ZWSVk.js → Alert-BwTsp4X3.js} +2 -2
  3. package/dist/es/Avatar-CJu6JYV3.js +9 -0
  4. package/dist/es/Badge-BmxZXX8k.js +14 -0
  5. package/dist/es/Breadcrumb-BP8MSklj.js +15 -0
  6. package/dist/es/{Button-fW_ZOLmT.js → Button-BJHtN7gh.js} +5 -5
  7. package/dist/es/Card-DJHkCmsz.js +16 -0
  8. package/dist/es/Checkbox-DX8L3fyp.js +51 -0
  9. package/dist/es/Collapse-Ir3V9CuO.js +53 -0
  10. package/dist/es/ConfigProvider-CsbSqwwi.js +44 -0
  11. package/dist/es/Divider-C7PtODSK.js +9 -0
  12. package/dist/es/Drawer-C2eVmvUp.js +40 -0
  13. package/dist/es/Dropdown-CVg_c2fB.js +104 -0
  14. package/dist/es/FileInput-BE26BmXm.js +33 -0
  15. package/dist/es/Form-7lZt5ehf.js +122 -0
  16. package/dist/es/{Icon-DpJyuj7c.js → Icon-BLDDdSU-.js} +1 -1
  17. package/dist/es/Indicator-B-en-MgG.js +9 -0
  18. package/dist/es/{Input-DBPpvf0Y.js → Input-C5HuVehE.js} +4 -4
  19. package/dist/es/Link-Av9RdcFv.js +11 -0
  20. package/dist/es/Loading-CBNDUWQd.js +92 -0
  21. package/dist/es/Message-DgnyyuXn.js +152 -0
  22. package/dist/es/Notification-LYRXnVAf.js +69 -0
  23. package/dist/es/{Overlay-BRDSWspM.js → Overlay-CpvMhnuU.js} +1 -1
  24. package/dist/es/Pixelate-BPypBgJU.js +67 -0
  25. package/dist/es/Popconfirm-DvxFdLrw.js +23 -0
  26. package/dist/es/Progress-Bc5INMhJ.js +12 -0
  27. package/dist/es/Radio-263_rtRl.js +33 -0
  28. package/dist/es/Select-7ZxUCS8z.js +133 -0
  29. package/dist/es/Switch-DiCsMJT3.js +34 -0
  30. package/dist/es/Table-BvA_xzDe.js +10 -0
  31. package/dist/es/Tooltip-J3ji6weH.js +74 -0
  32. package/dist/es/hooks-BqobYUzS.js +171 -0
  33. package/dist/es/index.js +94 -64
  34. package/dist/{theme → es/theme}/Alert.css +1 -1
  35. package/dist/es/theme/Avatar.css +86 -0
  36. package/dist/{theme → es/theme}/Badge.css +36 -30
  37. package/dist/es/theme/Breadcrumb.css +192 -0
  38. package/dist/{theme → es/theme}/Button.css +216 -216
  39. package/dist/es/theme/Card.css +347 -0
  40. package/dist/es/theme/Checkbox.css +484 -0
  41. package/dist/{theme → es/theme}/Collapse.css +214 -54
  42. package/dist/es/theme/Divider.css +111 -0
  43. package/dist/es/theme/Drawer.css +206 -0
  44. package/dist/es/theme/Dropdown.css +471 -0
  45. package/dist/es/theme/FileInput.css +365 -0
  46. package/dist/es/theme/Form.css +83 -0
  47. package/dist/es/theme/Indicator.css +159 -0
  48. package/dist/{theme → es/theme}/Input.css +1 -0
  49. package/dist/es/theme/Link.css +69 -0
  50. package/dist/es/theme/Loading.css +266 -0
  51. package/dist/es/theme/Message.css +565 -0
  52. package/dist/es/theme/Notification.css +316 -0
  53. package/dist/es/theme/Popconfirm.css +46 -0
  54. package/dist/es/theme/Progress.css +278 -0
  55. package/dist/es/theme/Radio.css +426 -0
  56. package/dist/{theme → es/theme}/Select.css +78 -78
  57. package/dist/es/theme/Table.css +680 -0
  58. package/dist/es/theme/Tooltip.css +235 -0
  59. package/dist/es/utils-BS5vsvlM.js +101 -0
  60. package/dist/index.css +1 -1
  61. package/dist/types/components/Avatar/index.d.ts +30 -0
  62. package/dist/types/components/Avatar/types.d.ts +8 -0
  63. package/dist/types/components/Badge/types.d.ts +1 -0
  64. package/dist/types/components/Breadcrumb/constants.d.ts +3 -0
  65. package/dist/types/components/Breadcrumb/index.d.ts +45 -0
  66. package/dist/types/components/Breadcrumb/types.d.ts +13 -0
  67. package/dist/types/components/Card/types.d.ts +6 -0
  68. package/dist/types/components/Checkbox/constants.d.ts +5 -0
  69. package/dist/types/components/Checkbox/index.d.ts +94 -0
  70. package/dist/types/components/Checkbox/types.d.ts +46 -0
  71. package/dist/types/components/Collapse/constants.d.ts +3 -0
  72. package/dist/types/components/Collapse/index.d.ts +14 -8
  73. package/dist/types/components/Collapse/types.d.ts +12 -0
  74. package/dist/types/components/Divider/index.d.ts +30 -0
  75. package/dist/types/components/Divider/types.d.ts +10 -0
  76. package/dist/types/components/Drawer/constants.d.ts +1 -0
  77. package/dist/types/components/Drawer/index.d.ts +72 -0
  78. package/dist/types/components/Drawer/types.d.ts +20 -0
  79. package/dist/types/components/Dropdown/index.d.ts +11 -1
  80. package/dist/types/components/Dropdown/types.d.ts +3 -0
  81. package/dist/types/components/Dropdown/useDropdownKeyboard.d.ts +8 -0
  82. package/dist/types/components/FileInput/constants.d.ts +3 -0
  83. package/dist/types/components/FileInput/index.d.ts +58 -0
  84. package/dist/types/components/FileInput/types.d.ts +24 -0
  85. package/dist/types/components/Form/types.d.ts +17 -7
  86. package/dist/types/components/Indicator/constants.d.ts +2 -0
  87. package/dist/types/components/Indicator/index.d.ts +28 -0
  88. package/dist/types/components/Indicator/types.d.ts +10 -0
  89. package/dist/types/components/Input/index.d.ts +10 -10
  90. package/dist/types/components/Link/index.d.ts +34 -0
  91. package/dist/types/components/Link/types.d.ts +10 -0
  92. package/dist/types/components/Loading/index.d.ts +25 -0
  93. package/dist/types/components/Loading/types.d.ts +9 -0
  94. package/dist/types/components/Message/methods.d.ts +2 -0
  95. package/dist/types/components/Message/types.d.ts +9 -3
  96. package/dist/types/components/MessageBox/types.d.ts +16 -4
  97. package/dist/types/components/Notification/index.d.ts +1 -1
  98. package/dist/types/components/Notification/methods.d.ts +6 -1
  99. package/dist/types/components/Notification/types.d.ts +10 -4
  100. package/dist/types/components/Pixelate/constants.d.ts +2 -0
  101. package/dist/types/components/Pixelate/index.d.ts +71 -0
  102. package/dist/types/components/Pixelate/types.d.ts +23 -0
  103. package/dist/types/components/Popconfirm/index.d.ts +16 -7
  104. package/dist/types/components/Popconfirm/types.d.ts +2 -1
  105. package/dist/types/components/Progress/constants.d.ts +2 -0
  106. package/dist/types/components/Progress/index.d.ts +50 -0
  107. package/dist/types/components/Progress/types.d.ts +22 -0
  108. package/dist/types/components/Radio/constants.d.ts +5 -0
  109. package/dist/types/components/Radio/index.d.ts +88 -0
  110. package/dist/types/components/Radio/types.d.ts +43 -0
  111. package/dist/types/components/Select/constants.d.ts +2 -1
  112. package/dist/types/components/Select/index.d.ts +35 -26
  113. package/dist/types/components/Switch/index.d.ts +5 -5
  114. package/dist/types/components/Table/index.d.ts +27 -0
  115. package/dist/types/components/Table/types.d.ts +20 -0
  116. package/dist/types/components/Tooltip/index.d.ts +6 -0
  117. package/dist/types/components/Tooltip/types.d.ts +7 -0
  118. package/dist/types/components/index.d.ts +12 -0
  119. package/dist/types/hooks/index.d.ts +3 -1
  120. package/dist/types/hooks/useDraggable.d.ts +7 -0
  121. package/dist/types/hooks/useFocusTrap.d.ts +5 -0
  122. package/dist/types/hooks/vitest.setup.d.ts +4 -0
  123. package/dist/types/utils/index.d.ts +1 -0
  124. package/dist/types/utils/instance-management.d.ts +40 -0
  125. package/dist/umd/index.css +1 -1
  126. package/dist/umd/index.css.gz +0 -0
  127. package/dist/umd/index.umd.cjs +5 -14
  128. package/dist/umd/index.umd.cjs.gz +0 -0
  129. package/package.json +5 -6
  130. package/dist/es/Badge-BG-vYP8Y.js +0 -13
  131. package/dist/es/Card-BCBnlVi_.js +0 -12
  132. package/dist/es/Collapse-B08VhCVq.js +0 -38
  133. package/dist/es/ConfigProvider-DZO1d5Eq.js +0 -44
  134. package/dist/es/Dropdown-49nf6F8P.js +0 -40
  135. package/dist/es/Form-CGiTDSGI.js +0 -108
  136. package/dist/es/Loading-DlygqGOv.js +0 -88
  137. package/dist/es/Message-ganFfLeU.js +0 -123
  138. package/dist/es/Notification-D4RYHV9o.js +0 -58
  139. package/dist/es/Popconfirm-Cop44KwQ.js +0 -22
  140. package/dist/es/Select-Blw_iO2r.js +0 -133
  141. package/dist/es/Switch-CHjcLtHs.js +0 -34
  142. package/dist/es/Tooltip-HWx_i2FA.js +0 -74
  143. package/dist/es/hooks-CYdEHUVd.js +0 -105
  144. package/dist/es/utils-bsCscZfS.js +0 -84
  145. package/dist/theme/Card.css +0 -112
  146. package/dist/theme/Dropdown.css +0 -187
  147. package/dist/theme/Form.css +0 -52
  148. package/dist/theme/Loading.css +0 -78
  149. package/dist/theme/Message.css +0 -353
  150. package/dist/theme/Notification.css +0 -126
  151. package/dist/theme/Popconfirm.css +0 -30
  152. package/dist/theme/Tooltip.css +0 -111
  153. /package/dist/{theme → es/theme}/Icon.css +0 -0
  154. /package/dist/{theme → es/theme}/Overlay.css +0 -0
  155. /package/dist/{theme → es/theme}/Switch.css +0 -0
  156. /package/dist/{theme → es/theme}/fonts/zpix.woff2 +0 -0
  157. /package/dist/{theme → es/theme}/index.css +0 -0
@@ -1,10 +1,10 @@
1
1
  export declare const PxPopconfirm: {
2
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').PopconfirmProps> & Readonly<{
3
- onConfirm?: ((value: MouseEvent) => any) | undefined;
4
3
  onCancel?: ((value: MouseEvent) => any) | undefined;
4
+ onConfirm?: ((value: MouseEvent) => any) | undefined;
5
5
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
6
- confirm: (value: MouseEvent) => any;
7
6
  cancel: (value: MouseEvent) => any;
7
+ confirm: (value: MouseEvent) => any;
8
8
  }, import('vue').PublicProps, {
9
9
  title: string;
10
10
  icon: string;
@@ -28,6 +28,11 @@ export declare const PxPopconfirm: {
28
28
  readonly hideTimeout?: number | undefined;
29
29
  readonly virtualRef?: HTMLElement | undefined;
30
30
  readonly virtualTriggering?: boolean | undefined;
31
+ readonly effect?: import('packages/core').TooltipEffect | undefined;
32
+ readonly type?: import('packages/core').TooltipType | undefined;
33
+ readonly enterable?: boolean | undefined;
34
+ readonly maxWidth?: string | number | undefined;
35
+ readonly showArrow?: boolean | undefined;
31
36
  readonly "onVisible-change"?: ((value: boolean) => any) | undefined;
32
37
  readonly "onClick-outside"?: (() => any) | undefined;
33
38
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -60,11 +65,13 @@ export declare const PxPopconfirm: {
60
65
  "visible-change": (value: boolean) => any;
61
66
  "click-outside": () => any;
62
67
  }, string, {
68
+ effect: import('packages/core').TooltipEffect;
63
69
  transition: string;
64
70
  trigger: "hover" | "click" | "contextmenu";
65
71
  placement: import('@popperjs/core').Placement;
66
72
  showTimeout: number;
67
73
  hideTimeout: number;
74
+ enterable: boolean;
68
75
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
69
76
  beforeCreate?: (() => void) | (() => void)[];
70
77
  created?: (() => void) | (() => void)[];
@@ -86,15 +93,17 @@ export declare const PxPopconfirm: {
86
93
  $nextTick: typeof import('vue').nextTick;
87
94
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
88
95
  } & Readonly<{
96
+ effect: import('packages/core').TooltipEffect;
89
97
  transition: string;
90
98
  trigger: "hover" | "click" | "contextmenu";
91
99
  placement: import('@popperjs/core').Placement;
92
100
  showTimeout: number;
93
101
  hideTimeout: number;
102
+ enterable: boolean;
94
103
  }> & Omit<Readonly<import('packages/core').TooltipProps> & Readonly<{
95
104
  "onVisible-change"?: ((value: boolean) => any) | undefined;
96
105
  "onClick-outside"?: (() => any) | undefined;
97
- }>, "toggle" | "show" | "hide" | ("transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout")> & import('vue').ShallowUnwrapRef<{
106
+ }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
98
107
  show(): void;
99
108
  hide(): void;
100
109
  toggle(): void;
@@ -113,8 +122,8 @@ export declare const PxPopconfirm: {
113
122
  M: {};
114
123
  Defaults: {};
115
124
  }, Readonly<import('packages/core').PopconfirmProps> & Readonly<{
116
- onConfirm?: ((value: MouseEvent) => any) | undefined;
117
125
  onCancel?: ((value: MouseEvent) => any) | undefined;
126
+ onConfirm?: ((value: MouseEvent) => any) | undefined;
118
127
  }>, {}, {}, {}, {}, {
119
128
  title: string;
120
129
  icon: string;
@@ -127,11 +136,11 @@ export declare const PxPopconfirm: {
127
136
  __isTeleport?: never;
128
137
  __isSuspense?: never;
129
138
  } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').PopconfirmProps> & Readonly<{
130
- onConfirm?: ((value: MouseEvent) => any) | undefined;
131
139
  onCancel?: ((value: MouseEvent) => any) | undefined;
140
+ onConfirm?: ((value: MouseEvent) => any) | undefined;
132
141
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
133
- confirm: (value: MouseEvent) => any;
134
142
  cancel: (value: MouseEvent) => any;
143
+ confirm: (value: MouseEvent) => any;
135
144
  }, string, {
136
145
  title: string;
137
146
  icon: string;
@@ -141,8 +150,8 @@ export declare const PxPopconfirm: {
141
150
  hideAfter: number;
142
151
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
143
152
  $slots: {
144
- default?(_: {}): any;
145
153
  reference?(_: {}): any;
154
+ default?(_: {}): any;
146
155
  };
147
156
  }) & import('vue').Plugin;
148
157
  export * from './types';
@@ -1,5 +1,6 @@
1
1
  import { ButtonType } from '../Button';
2
- export interface PopconfirmProps {
2
+ import { TooltipProps } from '../Tooltip/types';
3
+ export interface PopconfirmProps extends Pick<TooltipProps, 'disabled' | 'placement' | 'showArrow' | 'effect'> {
3
4
  title: string;
4
5
  confirmButtonText?: string;
5
6
  cancelButtonText?: string;
@@ -0,0 +1,2 @@
1
+ import { ColorTemplate } from '@sakana-element/utils';
2
+ export declare const PROGRESS_COLOR_TEMPLATE: ColorTemplate;
@@ -0,0 +1,50 @@
1
+ export declare const PxProgress: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
3
+ clampedPercentage: import('vue').ComputedRef<number>;
4
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
5
+ size: import('packages/core').ProgressSize;
6
+ type: import('packages/core').ProgressType;
7
+ indeterminate: boolean;
8
+ variant: import('packages/core').ProgressVariant;
9
+ strokeWidth: number;
10
+ percentage: number;
11
+ stripedFlow: boolean;
12
+ showText: boolean;
13
+ textInside: boolean;
14
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
15
+ P: {};
16
+ B: {};
17
+ D: {};
18
+ C: {};
19
+ M: {};
20
+ Defaults: {};
21
+ }, Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
22
+ clampedPercentage: import('vue').ComputedRef<number>;
23
+ }, {}, {}, {}, {
24
+ size: import('packages/core').ProgressSize;
25
+ type: import('packages/core').ProgressType;
26
+ indeterminate: boolean;
27
+ variant: import('packages/core').ProgressVariant;
28
+ strokeWidth: number;
29
+ percentage: number;
30
+ stripedFlow: boolean;
31
+ showText: boolean;
32
+ textInside: boolean;
33
+ }>;
34
+ __isFragment?: never;
35
+ __isTeleport?: never;
36
+ __isSuspense?: never;
37
+ } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ProgressProps> & Readonly<{}>, {
38
+ clampedPercentage: import('vue').ComputedRef<number>;
39
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
40
+ size: import('packages/core').ProgressSize;
41
+ type: import('packages/core').ProgressType;
42
+ indeterminate: boolean;
43
+ variant: import('packages/core').ProgressVariant;
44
+ strokeWidth: number;
45
+ percentage: number;
46
+ stripedFlow: boolean;
47
+ showText: boolean;
48
+ textInside: boolean;
49
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
50
+ export * from './types';
@@ -0,0 +1,22 @@
1
+ export type ProgressType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
2
+ export type ProgressStatus = 'success' | 'warning' | 'danger';
3
+ export type ProgressSize = 'large' | 'default' | 'small';
4
+ export type ProgressVariant = 'solid' | 'striped' | 'checkered';
5
+ export interface ProgressProps {
6
+ percentage?: number;
7
+ type?: ProgressType;
8
+ size?: ProgressSize;
9
+ status?: ProgressStatus;
10
+ variant?: ProgressVariant;
11
+ stripedFlow?: boolean;
12
+ indeterminate?: boolean;
13
+ strokeWidth?: number;
14
+ showText?: boolean;
15
+ textInside?: boolean;
16
+ color?: string | ((percentage: number) => string);
17
+ format?: (percentage: number) => string;
18
+ }
19
+ export interface ProgressInstance {
20
+ /** The clamped percentage value (0-100) */
21
+ clampedPercentage: number;
22
+ }
@@ -0,0 +1,5 @@
1
+ import { ColorTemplate } from '@sakana-element/utils';
2
+ import { InjectionKey } from 'vue';
3
+ import { RadioGroupContext } from './types';
4
+ export declare const RADIO_GROUP_CTX_KEY: InjectionKey<RadioGroupContext>;
5
+ export declare const RADIO_COLOR_TEMPLATES: Record<string, ColorTemplate>;
@@ -0,0 +1,88 @@
1
+ export declare const PxRadio: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').RadioProps> & Readonly<{
3
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
4
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
5
+ }>, {
6
+ focus(): void;
7
+ checked: import('vue').ComputedRef<boolean>;
8
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
9
+ change: (value: import('packages/core').RadioValueType) => any;
10
+ "update:modelValue": (value: import('packages/core').RadioValueType) => any;
11
+ }, import('vue').PublicProps, {
12
+ disabled: boolean;
13
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
14
+ inputRef: HTMLInputElement;
15
+ }, any, import('vue').ComponentProvideOptions, {
16
+ P: {};
17
+ B: {};
18
+ D: {};
19
+ C: {};
20
+ M: {};
21
+ Defaults: {};
22
+ }, Readonly<import('packages/core').RadioProps> & Readonly<{
23
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
24
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
25
+ }>, {
26
+ focus(): void;
27
+ checked: import('vue').ComputedRef<boolean>;
28
+ }, {}, {}, {}, {
29
+ disabled: boolean;
30
+ }>;
31
+ __isFragment?: never;
32
+ __isTeleport?: never;
33
+ __isSuspense?: never;
34
+ } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').RadioProps> & Readonly<{
35
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
36
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
37
+ }>, {
38
+ focus(): void;
39
+ checked: import('vue').ComputedRef<boolean>;
40
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
41
+ change: (value: import('packages/core').RadioValueType) => any;
42
+ "update:modelValue": (value: import('packages/core').RadioValueType) => any;
43
+ }, string, {
44
+ disabled: boolean;
45
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
46
+ $slots: {
47
+ default?(_: {}): any;
48
+ };
49
+ }) & import('vue').Plugin;
50
+ export declare const PxRadioGroup: {
51
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').RadioGroupProps> & Readonly<{
52
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
53
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
54
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
55
+ change: (value: import('packages/core').RadioValueType) => any;
56
+ "update:modelValue": (value: import('packages/core').RadioValueType) => any;
57
+ }, import('vue').PublicProps, {
58
+ disabled: boolean;
59
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
60
+ P: {};
61
+ B: {};
62
+ D: {};
63
+ C: {};
64
+ M: {};
65
+ Defaults: {};
66
+ }, Readonly<import('packages/core').RadioGroupProps> & Readonly<{
67
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
68
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
69
+ }>, {}, {}, {}, {}, {
70
+ disabled: boolean;
71
+ }>;
72
+ __isFragment?: never;
73
+ __isTeleport?: never;
74
+ __isSuspense?: never;
75
+ } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').RadioGroupProps> & Readonly<{
76
+ onChange?: ((value: import('packages/core').RadioValueType) => any) | undefined;
77
+ "onUpdate:modelValue"?: ((value: import('packages/core').RadioValueType) => any) | undefined;
78
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
79
+ change: (value: import('packages/core').RadioValueType) => any;
80
+ "update:modelValue": (value: import('packages/core').RadioValueType) => any;
81
+ }, string, {
82
+ disabled: boolean;
83
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
84
+ $slots: {
85
+ default?(_: {}): any;
86
+ };
87
+ }) & import('vue').Plugin;
88
+ export * from './types';
@@ -0,0 +1,43 @@
1
+ import { ComputedRef } from 'vue';
2
+ export type RadioValueType = string | number | boolean;
3
+ export type RadioType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
4
+ export interface RadioProps {
5
+ modelValue?: RadioValueType;
6
+ value?: RadioValueType;
7
+ disabled?: boolean;
8
+ size?: 'small' | 'large';
9
+ type?: RadioType;
10
+ color?: string;
11
+ label?: string;
12
+ name?: string;
13
+ id?: string;
14
+ }
15
+ export interface RadioEmits {
16
+ (e: 'update:modelValue', value: RadioValueType): void;
17
+ (e: 'change', value: RadioValueType): void;
18
+ }
19
+ export interface RadioInstance {
20
+ focus(): void;
21
+ checked: ComputedRef<boolean>;
22
+ }
23
+ export interface RadioGroupProps {
24
+ modelValue: RadioValueType;
25
+ disabled?: boolean;
26
+ size?: 'small' | 'large';
27
+ type?: RadioType;
28
+ color?: string;
29
+ name?: string;
30
+ }
31
+ export interface RadioGroupEmits {
32
+ (e: 'update:modelValue', value: RadioValueType): void;
33
+ (e: 'change', value: RadioValueType): void;
34
+ }
35
+ export interface RadioGroupContext {
36
+ modelValue: ComputedRef<RadioValueType>;
37
+ disabled: ComputedRef<boolean>;
38
+ size: ComputedRef<'small' | 'large' | undefined>;
39
+ type: ComputedRef<RadioType | undefined>;
40
+ color: ComputedRef<string | undefined>;
41
+ name: ComputedRef<string | undefined>;
42
+ changeEvent(value: RadioValueType): void;
43
+ }
@@ -1,7 +1,8 @@
1
+ import { Options } from '@popperjs/core';
1
2
  import { ColorTemplate } from '@sakana-element/utils';
2
3
  import { InjectionKey } from 'vue';
3
4
  import { SelectContext } from './types';
4
5
  export declare const SELECT_CTX_KEY: InjectionKey<SelectContext>;
5
- export declare const POPPER_OPTIONS: any;
6
+ export declare const POPPER_OPTIONS: Partial<Options>;
6
7
  export declare const PRESET_SELECT_COLORS: Set<string>;
7
8
  export declare const SELECT_COLOR_TEMPLATES: Record<string, ColorTemplate>;
@@ -1,21 +1,21 @@
1
1
  export declare const PxSelect: {
2
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').SelectProps> & Readonly<{
3
3
  onClear?: (() => any) | undefined;
4
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
5
- onChange?: ((value: string) => any) | undefined;
6
- "onVisible-change"?: ((value: boolean) => any) | undefined;
7
4
  onBlur?: (() => any) | undefined;
5
+ onChange?: ((value: string) => any) | undefined;
8
6
  onFocus?: (() => any) | undefined;
7
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
8
+ "onVisible-change"?: ((value: boolean) => any) | undefined;
9
9
  }>, {
10
10
  focus(): void;
11
11
  blur(): void;
12
12
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
13
13
  clear: () => any;
14
- "update:modelValue": (value: string) => any;
15
- change: (value: string) => any;
16
- "visible-change": (value: boolean) => any;
17
14
  blur: () => any;
15
+ change: (value: string) => any;
18
16
  focus: () => any;
17
+ "update:modelValue": (value: string) => any;
18
+ "visible-change": (value: boolean) => any;
19
19
  }, import('vue').PublicProps, {
20
20
  options: import('packages/core').SelectOptionProps[];
21
21
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -35,6 +35,11 @@ export declare const PxSelect: {
35
35
  readonly hideTimeout?: number | undefined;
36
36
  readonly virtualRef?: HTMLElement | undefined;
37
37
  readonly virtualTriggering?: boolean | undefined;
38
+ readonly effect?: import('packages/core').TooltipEffect | undefined;
39
+ readonly type?: import('packages/core').TooltipType | undefined;
40
+ readonly enterable?: boolean | undefined;
41
+ readonly maxWidth?: string | number | undefined;
42
+ readonly showArrow?: boolean | undefined;
38
43
  readonly "onVisible-change"?: ((value: boolean) => any) | undefined;
39
44
  readonly "onClick-outside"?: (() => any) | undefined;
40
45
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -67,11 +72,13 @@ export declare const PxSelect: {
67
72
  "visible-change": (value: boolean) => any;
68
73
  "click-outside": () => any;
69
74
  }, string, {
75
+ effect: import('packages/core').TooltipEffect;
70
76
  transition: string;
71
77
  trigger: "hover" | "click" | "contextmenu";
72
78
  placement: import('@popperjs/core').Placement;
73
79
  showTimeout: number;
74
80
  hideTimeout: number;
81
+ enterable: boolean;
75
82
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
76
83
  beforeCreate?: (() => void) | (() => void)[];
77
84
  created?: (() => void) | (() => void)[];
@@ -93,15 +100,17 @@ export declare const PxSelect: {
93
100
  $nextTick: typeof import('vue').nextTick;
94
101
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
95
102
  } & Readonly<{
103
+ effect: import('packages/core').TooltipEffect;
96
104
  transition: string;
97
105
  trigger: "hover" | "click" | "contextmenu";
98
106
  placement: import('@popperjs/core').Placement;
99
107
  showTimeout: number;
100
108
  hideTimeout: number;
109
+ enterable: boolean;
101
110
  }> & Omit<Readonly<import('packages/core').TooltipProps> & Readonly<{
102
111
  "onVisible-change"?: ((value: boolean) => any) | undefined;
103
112
  "onClick-outside"?: (() => any) | undefined;
104
- }>, "toggle" | "show" | "hide" | ("transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout")> & import('vue').ShallowUnwrapRef<{
113
+ }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
105
114
  show(): void;
106
115
  hide(): void;
107
116
  toggle(): void;
@@ -133,10 +142,10 @@ export declare const PxSelect: {
133
142
  readonly form?: string | undefined;
134
143
  readonly onInput?: ((value: string) => any) | undefined;
135
144
  readonly onClear?: (() => any) | undefined;
136
- readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
137
- readonly onChange?: ((value: string) => any) | undefined;
138
145
  readonly onBlur?: ((value: FocusEvent) => any) | undefined;
146
+ readonly onChange?: ((value: string) => any) | undefined;
139
147
  readonly onFocus?: ((value: FocusEvent) => any) | undefined;
148
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
140
149
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
141
150
  $attrs: {
142
151
  [x: string]: unknown;
@@ -154,15 +163,15 @@ export declare const PxSelect: {
154
163
  $root: import('vue').ComponentPublicInstance | null;
155
164
  $parent: import('vue').ComponentPublicInstance | null;
156
165
  $host: Element | null;
157
- $emit: ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "blur", value: FocusEvent) => void) & ((event: "focus", value: FocusEvent) => void);
166
+ $emit: ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", value: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", value: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void);
158
167
  $el: any;
159
168
  $options: import('vue').ComponentOptionsBase<Readonly<import('packages/core').InputProps> & Readonly<{
160
169
  onInput?: ((value: string) => any) | undefined;
161
170
  onClear?: (() => any) | undefined;
162
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
163
- onChange?: ((value: string) => any) | undefined;
164
171
  onBlur?: ((value: FocusEvent) => any) | undefined;
172
+ onChange?: ((value: string) => any) | undefined;
165
173
  onFocus?: ((value: FocusEvent) => any) | undefined;
174
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
166
175
  }>, {
167
176
  ref: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
168
177
  focus(): Promise<void>;
@@ -172,10 +181,10 @@ export declare const PxSelect: {
172
181
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
173
182
  input: (value: string) => any;
174
183
  clear: () => any;
175
- "update:modelValue": (value: string) => any;
176
- change: (value: string) => any;
177
184
  blur: (value: FocusEvent) => any;
185
+ change: (value: string) => any;
178
186
  focus: (value: FocusEvent) => any;
187
+ "update:modelValue": (value: string) => any;
179
188
  }, string, {
180
189
  type: string;
181
190
  autocomplete: string;
@@ -205,11 +214,11 @@ export declare const PxSelect: {
205
214
  }> & Omit<Readonly<import('packages/core').InputProps> & Readonly<{
206
215
  onInput?: ((value: string) => any) | undefined;
207
216
  onClear?: (() => any) | undefined;
208
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
209
- onChange?: ((value: string) => any) | undefined;
210
217
  onBlur?: ((value: FocusEvent) => any) | undefined;
218
+ onChange?: ((value: string) => any) | undefined;
211
219
  onFocus?: ((value: FocusEvent) => any) | undefined;
212
- }>, "select" | "clear" | "ref" | "blur" | "focus" | ("type" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
220
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
221
+ }>, "select" | "clear" | "blur" | "focus" | "ref" | ("type" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
213
222
  ref: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
214
223
  focus(): Promise<void>;
215
224
  blur(): void;
@@ -232,11 +241,11 @@ export declare const PxSelect: {
232
241
  Defaults: {};
233
242
  }, Readonly<import('packages/core').SelectProps> & Readonly<{
234
243
  onClear?: (() => any) | undefined;
235
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
236
- onChange?: ((value: string) => any) | undefined;
237
- "onVisible-change"?: ((value: boolean) => any) | undefined;
238
244
  onBlur?: (() => any) | undefined;
245
+ onChange?: ((value: string) => any) | undefined;
239
246
  onFocus?: (() => any) | undefined;
247
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
248
+ "onVisible-change"?: ((value: boolean) => any) | undefined;
240
249
  }>, {
241
250
  focus(): void;
242
251
  blur(): void;
@@ -248,21 +257,21 @@ export declare const PxSelect: {
248
257
  __isSuspense?: never;
249
258
  } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').SelectProps> & Readonly<{
250
259
  onClear?: (() => any) | undefined;
251
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
252
- onChange?: ((value: string) => any) | undefined;
253
- "onVisible-change"?: ((value: boolean) => any) | undefined;
254
260
  onBlur?: (() => any) | undefined;
261
+ onChange?: ((value: string) => any) | undefined;
255
262
  onFocus?: (() => any) | undefined;
263
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
264
+ "onVisible-change"?: ((value: boolean) => any) | undefined;
256
265
  }>, {
257
266
  focus(): void;
258
267
  blur(): void;
259
268
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
260
269
  clear: () => any;
261
- "update:modelValue": (value: string) => any;
262
- change: (value: string) => any;
263
- "visible-change": (value: boolean) => any;
264
270
  blur: () => any;
271
+ change: (value: string) => any;
265
272
  focus: () => any;
273
+ "update:modelValue": (value: string) => any;
274
+ "visible-change": (value: boolean) => any;
266
275
  }, string, {
267
276
  options: import('packages/core').SelectOptionProps[];
268
277
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1,13 +1,13 @@
1
1
  export declare const PxSwitch: {
2
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').SwitchProps> & Readonly<{
3
- "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
4
3
  onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
4
+ "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
5
5
  }>, {
6
6
  focus(): void;
7
7
  checked: import('vue').ComputedRef<boolean>;
8
8
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
9
- "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
10
9
  change: (value: import('packages/core').SwitchValueType) => any;
10
+ "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
11
11
  }, import('vue').PublicProps, {
12
12
  activeValue: import('packages/core').SwitchValueType;
13
13
  inactiveValue: import('packages/core').SwitchValueType;
@@ -21,8 +21,8 @@ export declare const PxSwitch: {
21
21
  M: {};
22
22
  Defaults: {};
23
23
  }, Readonly<import('packages/core').SwitchProps> & Readonly<{
24
- "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
25
24
  onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
25
+ "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
26
26
  }>, {
27
27
  focus(): void;
28
28
  checked: import('vue').ComputedRef<boolean>;
@@ -34,14 +34,14 @@ export declare const PxSwitch: {
34
34
  __isTeleport?: never;
35
35
  __isSuspense?: never;
36
36
  } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').SwitchProps> & Readonly<{
37
- "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
38
37
  onChange?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
38
+ "onUpdate:modelValue"?: ((value: import('packages/core').SwitchValueType) => any) | undefined;
39
39
  }>, {
40
40
  focus(): void;
41
41
  checked: import('vue').ComputedRef<boolean>;
42
42
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
43
- "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
44
43
  change: (value: import('packages/core').SwitchValueType) => any;
44
+ "update:modelValue": (value: import('packages/core').SwitchValueType) => any;
45
45
  }, string, {
46
46
  activeValue: import('packages/core').SwitchValueType;
47
47
  inactiveValue: import('packages/core').SwitchValueType;
@@ -0,0 +1,27 @@
1
+ export declare const PxTable: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
3
+ size: import('packages/core').TableSize;
4
+ showHeader: boolean;
5
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
6
+ P: {};
7
+ B: {};
8
+ D: {};
9
+ C: {};
10
+ M: {};
11
+ Defaults: {};
12
+ }, Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, {
13
+ size: import('packages/core').TableSize;
14
+ showHeader: boolean;
15
+ }>;
16
+ __isFragment?: never;
17
+ __isTeleport?: never;
18
+ __isSuspense?: never;
19
+ } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').TableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
20
+ size: import('packages/core').TableSize;
21
+ showHeader: boolean;
22
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
23
+ $slots: {
24
+ default?(_: {}): any;
25
+ };
26
+ }) & import('vue').Plugin;
27
+ export * from './types';
@@ -0,0 +1,20 @@
1
+ export declare const tableSize: readonly ["xs", "sm", "md", "lg", "xl"];
2
+ export type TableSize = (typeof tableSize)[number];
3
+ export type TableType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
4
+ export interface TableProps {
5
+ type?: TableType;
6
+ zebra?: boolean;
7
+ hover?: boolean;
8
+ border?: boolean;
9
+ stripe?: boolean;
10
+ pinRows?: boolean;
11
+ pinCols?: boolean;
12
+ size?: TableSize;
13
+ showHeader?: boolean;
14
+ outline?: boolean;
15
+ ghost?: boolean;
16
+ hoverable?: boolean;
17
+ }
18
+ export interface TableInstance {
19
+ ref: HTMLDivElement;
20
+ }
@@ -10,11 +10,13 @@ export declare const PxTooltip: {
10
10
  "visible-change": (value: boolean) => any;
11
11
  "click-outside": () => any;
12
12
  }, import('vue').PublicProps, {
13
+ effect: import('packages/core').TooltipEffect;
13
14
  transition: string;
14
15
  trigger: "hover" | "click" | "contextmenu";
15
16
  placement: import('@popperjs/core').Placement;
16
17
  showTimeout: number;
17
18
  hideTimeout: number;
19
+ enterable: boolean;
18
20
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
19
21
  containerNode: HTMLDivElement;
20
22
  _triggerNode: HTMLDivElement;
@@ -34,11 +36,13 @@ export declare const PxTooltip: {
34
36
  hide(): void;
35
37
  toggle(): void;
36
38
  }, {}, {}, {}, {
39
+ effect: import('packages/core').TooltipEffect;
37
40
  transition: string;
38
41
  trigger: "hover" | "click" | "contextmenu";
39
42
  placement: import('@popperjs/core').Placement;
40
43
  showTimeout: number;
41
44
  hideTimeout: number;
45
+ enterable: boolean;
42
46
  }>;
43
47
  __isFragment?: never;
44
48
  __isTeleport?: never;
@@ -54,11 +58,13 @@ export declare const PxTooltip: {
54
58
  "visible-change": (value: boolean) => any;
55
59
  "click-outside": () => any;
56
60
  }, string, {
61
+ effect: import('packages/core').TooltipEffect;
57
62
  transition: string;
58
63
  trigger: "hover" | "click" | "contextmenu";
59
64
  placement: import('@popperjs/core').Placement;
60
65
  showTimeout: number;
61
66
  hideTimeout: number;
67
+ enterable: boolean;
62
68
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
63
69
  $slots: {
64
70
  default?(_: {}): any;