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,4 +1,6 @@
1
1
  import { Options, Placement } from '@popperjs/core';
2
+ export type TooltipEffect = 'dark' | 'light';
3
+ export type TooltipType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
2
4
  export interface TooltipProps {
3
5
  content?: string;
4
6
  trigger?: 'hover' | 'click' | 'contextmenu';
@@ -11,6 +13,11 @@ export interface TooltipProps {
11
13
  hideTimeout?: number;
12
14
  virtualRef?: HTMLElement | undefined;
13
15
  virtualTriggering?: boolean;
16
+ effect?: TooltipEffect;
17
+ type?: TooltipType;
18
+ enterable?: boolean;
19
+ maxWidth?: string | number;
20
+ showArrow?: boolean;
14
21
  }
15
22
  export interface TooltipEmits {
16
23
  (e: 'visible-change', value: boolean): void;
@@ -1,18 +1,30 @@
1
1
  export * from './Alert';
2
+ export * from './Avatar';
2
3
  export * from './Badge';
4
+ export * from './Breadcrumb';
3
5
  export * from './Button';
4
6
  export * from './Card';
7
+ export * from './Checkbox';
5
8
  export * from './Collapse';
6
9
  export * from './ConfigProvider';
10
+ export * from './Drawer';
11
+ export * from './Divider';
7
12
  export * from './Dropdown';
13
+ export * from './FileInput';
8
14
  export * from './Form';
9
15
  export * from './Icon';
16
+ export * from './Indicator';
10
17
  export * from './Input';
18
+ export * from './Link';
11
19
  export * from './Loading';
12
20
  export * from './Message';
13
21
  export * from './MessageBox';
14
22
  export * from './Notification';
23
+ export * from './Pixelate';
15
24
  export * from './Popconfirm';
25
+ export * from './Progress';
26
+ export * from './Radio';
16
27
  export * from './Select';
17
28
  export * from './Switch';
29
+ export * from './Table';
18
30
  export * from './Tooltip';
@@ -1,11 +1,13 @@
1
1
  import { default as useClickOutside } from './useClickOutside';
2
2
  import { default as useDisabledStyle } from './useDisabledStyle';
3
+ import { default as useDraggable } from './useDraggable';
3
4
  import { default as useEventListener } from './useEventListener';
4
5
  import { default as useFocusController } from './useFocusController';
6
+ import { default as useFocusTrap } from './useFocusTrap';
5
7
  import { default as useId } from './useId';
6
8
  import { default as useLocale } from './useLocale';
7
9
  import { default as useOffset } from './useOffset';
8
10
  import { default as useZIndex } from './useZIndex';
9
11
  export { useSystemTheme } from './useSystemTheme';
10
12
  export { type Theme, useTheme } from './useTheme';
11
- export { useClickOutside, useEventListener, useDisabledStyle, useFocusController, useLocale, useOffset, useZIndex, useId, };
13
+ export { useClickOutside, useDraggable, useEventListener, useDisabledStyle, useFocusController, useFocusTrap, useLocale, useOffset, useZIndex, useId, };
@@ -0,0 +1,7 @@
1
+ import { Ref } from 'vue';
2
+ export interface UseDraggableOptions {
3
+ constrainToViewport?: boolean;
4
+ }
5
+ export default function useDraggable(targetRef: Ref<HTMLElement | undefined>, handleRef: Ref<HTMLElement | undefined>, options?: UseDraggableOptions): {
6
+ reset: () => void;
7
+ };
@@ -0,0 +1,5 @@
1
+ import { Ref } from 'vue';
2
+ export default function useFocusTrap(containerRef: Ref<HTMLElement | undefined>): {
3
+ activate: () => void;
4
+ deactivate: () => void;
5
+ };
@@ -0,0 +1,4 @@
1
+ declare const _warn: {
2
+ (...data: any[]): void;
3
+ (message?: any, ...optionalParams: any[]): void;
4
+ };
@@ -15,6 +15,7 @@ export * from './error';
15
15
  export * from './icon-map';
16
16
  export * from './icon-registry';
17
17
  export * from './install';
18
+ export * from './instance-management';
18
19
  export * from './sanitize-svg';
19
20
  export * from './style';
20
21
  export * from './test';
@@ -0,0 +1,40 @@
1
+ /**
2
+ * Shared utilities for imperative component instance management
3
+ * (used by Message and Notification methods.ts).
4
+ */
5
+ interface Destroyable {
6
+ props: {
7
+ onDestroy(): void;
8
+ };
9
+ }
10
+ interface Closeable {
11
+ handler: {
12
+ close(): void;
13
+ };
14
+ }
15
+ /**
16
+ * Forcefully unmount all instances in a flat array, bypassing CSS transitions.
17
+ */
18
+ export declare function destroyAllInstances(instances: Destroyable[]): void;
19
+ /**
20
+ * Forcefully unmount all instances across a Map of position-keyed arrays.
21
+ */
22
+ export declare function destroyAllInstancesMap(instancesMap: Map<string, Destroyable[]>): void;
23
+ /**
24
+ * Destroy oldest instances that exceed the maximum count.
25
+ */
26
+ export declare function enforceMaxCount(instances: Destroyable[], max: number): void;
27
+ /**
28
+ * Create a lazy global Escape key listener that is only active when
29
+ * at least one instance exists. Call `register()` when an instance is
30
+ * created and `unregister()` when an instance is destroyed.
31
+ *
32
+ * @param getLatestCloseable - returns the instance to close on Escape, or undefined
33
+ */
34
+ export declare function createLazyEscapeClose(getLatestCloseable: () => Closeable | undefined): {
35
+ /** Call when an instance is created. */
36
+ register(): void;
37
+ /** Call when an instance is destroyed. */
38
+ unregister(): void;
39
+ };
40
+ export {};