zartui 3.1.7 → 3.1.8

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 (220) hide show
  1. package/README.md +25 -0
  2. package/es/action-sheet/ActionSheet.d.ts +2 -2
  3. package/es/action-sheet/index.d.ts +2 -2
  4. package/es/button/Button.d.ts +3 -3
  5. package/es/button/index.d.ts +3 -3
  6. package/es/calendar/Calendar.d.ts +2 -2
  7. package/es/calendar/index.d.ts +2 -2
  8. package/es/cascader/Cascader.d.ts +1 -1
  9. package/es/cascader/index.d.ts +1 -1
  10. package/es/cell/Cell.d.ts +2 -2
  11. package/es/cell/index.d.ts +2 -2
  12. package/es/cell-group/CellGroup.d.ts +1 -1
  13. package/es/cell-group/CellGroup.mjs +2 -1
  14. package/es/cell-group/index.d.ts +1 -1
  15. package/es/checkbox/Checkbox.d.ts +26 -12
  16. package/es/checkbox/Checkbox.mjs +13 -2
  17. package/es/checkbox/Checker.d.ts +9 -0
  18. package/es/checkbox/Checker.mjs +10 -10
  19. package/es/checkbox/index.css +1 -1
  20. package/es/checkbox/index.d.ts +9 -0
  21. package/es/composables/use-global-z-index.d.ts +4 -0
  22. package/es/composables/use-global-z-index.mjs +9 -0
  23. package/es/composables/use-scope-id.d.ts +3 -0
  24. package/es/composables/use-scope-id.mjs +9 -0
  25. package/es/composables/use-sync-prop-ref.d.ts +2 -0
  26. package/es/composables/use-sync-prop-ref.mjs +18 -0
  27. package/es/config-provider/ConfigProvider.d.ts +30 -6
  28. package/es/config-provider/ConfigProvider.mjs +48 -9
  29. package/es/config-provider/index.d.ts +17 -2
  30. package/es/date-time-picker/DateTimePicker.d.ts +2 -2
  31. package/es/date-time-picker/DateTimePickerWrapper.d.ts +2 -2
  32. package/es/date-time-picker/index.d.ts +2 -2
  33. package/es/dialog/Dialog.d.ts +1 -1
  34. package/es/dialog/function-call.d.ts +3 -3
  35. package/es/dialog/function-call.mjs +1 -1
  36. package/es/dialog/index.d.ts +1 -1
  37. package/es/divider/Divider.d.ts +1 -1
  38. package/es/divider/index.d.ts +1 -1
  39. package/es/dropdown-item/DropdownItem.mjs +2 -2
  40. package/es/dropdown-item/types.d.ts +2 -1
  41. package/es/dropdown-menu/DropdownMenu.d.ts +1 -1
  42. package/es/dropdown-menu/index.d.ts +1 -1
  43. package/es/field/Field.d.ts +3 -3
  44. package/es/field/index.d.ts +3 -3
  45. package/es/grid/Grid.d.ts +1 -1
  46. package/es/grid/index.d.ts +1 -1
  47. package/es/icon/config.mjs +34 -11
  48. package/es/icon/index.css +1 -1
  49. package/es/image/Image.d.ts +1 -1
  50. package/es/image/index.d.ts +1 -1
  51. package/es/image-preview/ImagePreview.d.ts +17 -1
  52. package/es/image-preview/ImagePreview.mjs +17 -4
  53. package/es/image-preview/ImagePreviewItem.d.ts +6 -0
  54. package/es/image-preview/ImagePreviewItem.mjs +9 -3
  55. package/es/image-preview/function-call.mjs +1 -0
  56. package/es/image-preview/index.d.ts +12 -1
  57. package/es/image-preview/types.d.ts +1 -0
  58. package/es/index.d.ts +1 -1
  59. package/es/index.mjs +1 -1
  60. package/es/lazyload/vue-lazyload/index.d.ts +55 -55
  61. package/es/list/List.d.ts +7 -3
  62. package/es/list/List.mjs +5 -3
  63. package/es/list/index.d.ts +2 -0
  64. package/es/nav-bar/NavBar.d.ts +1 -1
  65. package/es/nav-bar/index.d.ts +1 -1
  66. package/es/notify/Notify.d.ts +1 -1
  67. package/es/notify/index.d.ts +1 -1
  68. package/es/number-keyboard/NumberKeyboard.d.ts +3 -3
  69. package/es/number-keyboard/NumberKeyboardKey.d.ts +1 -1
  70. package/es/number-keyboard/index.d.ts +3 -3
  71. package/es/popover/Popover.d.ts +1 -1
  72. package/es/popover/Popover.mjs +16 -12
  73. package/es/popover/index.d.ts +1 -1
  74. package/es/popup/Popup.d.ts +2 -2
  75. package/es/popup/Popup.mjs +9 -10
  76. package/es/popup/index.d.ts +2 -2
  77. package/es/search/Search.d.ts +1 -1
  78. package/es/search/index.d.ts +1 -1
  79. package/es/skeleton/Skeleton.d.ts +2 -2
  80. package/es/skeleton/index.d.ts +2 -2
  81. package/es/stepper/Stepper.d.ts +2 -2
  82. package/es/stepper/index.d.ts +2 -2
  83. package/es/steps/Steps.d.ts +1 -1
  84. package/es/steps/index.d.ts +1 -1
  85. package/es/sticky/Sticky.d.ts +1 -1
  86. package/es/sticky/index.d.ts +1 -1
  87. package/es/swipe/Swipe.mjs +1 -1
  88. package/es/swipe/index.css +1 -1
  89. package/es/swipe-cell/SwipeCell.mjs +10 -1
  90. package/es/tabs/Tabs.d.ts +4 -4
  91. package/es/tabs/index.d.ts +4 -4
  92. package/es/tag/Tag.d.ts +1 -1
  93. package/es/tag/index.d.ts +1 -1
  94. package/es/text-ellipsis/TextEllipsis.d.ts +17 -4
  95. package/es/text-ellipsis/TextEllipsis.mjs +52 -30
  96. package/es/text-ellipsis/index.d.ts +12 -3
  97. package/es/toast/Toast.d.ts +5 -2
  98. package/es/toast/Toast.mjs +2 -1
  99. package/es/toast/index.css +1 -1
  100. package/es/toast/index.d.ts +4 -2
  101. package/es/toast/types.d.ts +2 -0
  102. package/es/uploader/Uploader.d.ts +1 -1
  103. package/es/uploader/index.d.ts +1 -1
  104. package/es/utils/interceptor.d.ts +2 -1
  105. package/es/utils/interceptor.mjs +3 -2
  106. package/es/vue-sfc-shim.d.ts +6 -6
  107. package/es/vue-tsx-shim.d.ts +23 -23
  108. package/lib/action-sheet/ActionSheet.d.ts +2 -2
  109. package/lib/action-sheet/index.d.ts +2 -2
  110. package/lib/button/Button.d.ts +3 -3
  111. package/lib/button/index.d.ts +3 -3
  112. package/lib/calendar/Calendar.d.ts +2 -2
  113. package/lib/calendar/index.d.ts +2 -2
  114. package/lib/cascader/Cascader.d.ts +1 -1
  115. package/lib/cascader/index.d.ts +1 -1
  116. package/lib/cell/Cell.d.ts +2 -2
  117. package/lib/cell/index.d.ts +2 -2
  118. package/lib/cell-group/CellGroup.d.ts +1 -1
  119. package/lib/cell-group/CellGroup.js +2 -1
  120. package/lib/cell-group/index.d.ts +1 -1
  121. package/lib/checkbox/Checkbox.d.ts +26 -12
  122. package/lib/checkbox/Checkbox.js +13 -2
  123. package/lib/checkbox/Checker.d.ts +9 -0
  124. package/lib/checkbox/Checker.js +10 -10
  125. package/lib/checkbox/index.css +1 -1
  126. package/lib/checkbox/index.d.ts +9 -0
  127. package/lib/composables/use-global-z-index.d.ts +4 -0
  128. package/lib/composables/use-global-z-index.js +28 -0
  129. package/lib/composables/use-scope-id.d.ts +3 -0
  130. package/lib/composables/use-scope-id.js +28 -0
  131. package/lib/composables/use-sync-prop-ref.d.ts +2 -0
  132. package/lib/composables/use-sync-prop-ref.js +37 -0
  133. package/lib/config-provider/ConfigProvider.d.ts +30 -6
  134. package/lib/config-provider/ConfigProvider.js +46 -7
  135. package/lib/config-provider/index.d.ts +17 -2
  136. package/lib/date-time-picker/DateTimePicker.d.ts +2 -2
  137. package/lib/date-time-picker/DateTimePickerWrapper.d.ts +2 -2
  138. package/lib/date-time-picker/index.d.ts +2 -2
  139. package/lib/dialog/Dialog.d.ts +1 -1
  140. package/lib/dialog/function-call.d.ts +3 -3
  141. package/lib/dialog/function-call.js +1 -1
  142. package/lib/dialog/index.d.ts +1 -1
  143. package/lib/divider/Divider.d.ts +1 -1
  144. package/lib/divider/index.d.ts +1 -1
  145. package/lib/dropdown-item/DropdownItem.js +2 -2
  146. package/lib/dropdown-item/types.d.ts +2 -1
  147. package/lib/dropdown-menu/DropdownMenu.d.ts +1 -1
  148. package/lib/dropdown-menu/index.d.ts +1 -1
  149. package/lib/field/Field.d.ts +3 -3
  150. package/lib/field/index.d.ts +3 -3
  151. package/lib/grid/Grid.d.ts +1 -1
  152. package/lib/grid/index.d.ts +1 -1
  153. package/lib/icon/config.js +34 -11
  154. package/lib/icon/index.css +1 -1
  155. package/lib/image/Image.d.ts +1 -1
  156. package/lib/image/index.d.ts +1 -1
  157. package/lib/image-preview/ImagePreview.d.ts +17 -1
  158. package/lib/image-preview/ImagePreview.js +17 -4
  159. package/lib/image-preview/ImagePreviewItem.d.ts +6 -0
  160. package/lib/image-preview/ImagePreviewItem.js +9 -3
  161. package/lib/image-preview/function-call.js +1 -0
  162. package/lib/image-preview/index.d.ts +12 -1
  163. package/lib/image-preview/types.d.ts +1 -0
  164. package/lib/index.css +1 -1
  165. package/lib/index.d.ts +1 -1
  166. package/lib/index.js +1 -1
  167. package/lib/lazyload/vue-lazyload/index.d.ts +55 -55
  168. package/lib/list/List.d.ts +7 -3
  169. package/lib/list/List.js +4 -2
  170. package/lib/list/index.d.ts +2 -0
  171. package/lib/nav-bar/NavBar.d.ts +1 -1
  172. package/lib/nav-bar/index.d.ts +1 -1
  173. package/lib/notify/Notify.d.ts +1 -1
  174. package/lib/notify/index.d.ts +1 -1
  175. package/lib/number-keyboard/NumberKeyboard.d.ts +3 -3
  176. package/lib/number-keyboard/NumberKeyboardKey.d.ts +1 -1
  177. package/lib/number-keyboard/index.d.ts +3 -3
  178. package/lib/popover/Popover.d.ts +1 -1
  179. package/lib/popover/Popover.js +16 -12
  180. package/lib/popover/index.d.ts +1 -1
  181. package/lib/popup/Popup.d.ts +2 -2
  182. package/lib/popup/Popup.js +8 -9
  183. package/lib/popup/index.d.ts +2 -2
  184. package/lib/search/Search.d.ts +1 -1
  185. package/lib/search/index.d.ts +1 -1
  186. package/lib/skeleton/Skeleton.d.ts +2 -2
  187. package/lib/skeleton/index.d.ts +2 -2
  188. package/lib/stepper/Stepper.d.ts +2 -2
  189. package/lib/stepper/index.d.ts +2 -2
  190. package/lib/steps/Steps.d.ts +1 -1
  191. package/lib/steps/index.d.ts +1 -1
  192. package/lib/sticky/Sticky.d.ts +1 -1
  193. package/lib/sticky/index.d.ts +1 -1
  194. package/lib/swipe/Swipe.js +1 -1
  195. package/lib/swipe/index.css +1 -1
  196. package/lib/swipe-cell/SwipeCell.js +10 -1
  197. package/lib/tabs/Tabs.d.ts +4 -4
  198. package/lib/tabs/index.d.ts +4 -4
  199. package/lib/tag/Tag.d.ts +1 -1
  200. package/lib/tag/index.d.ts +1 -1
  201. package/lib/text-ellipsis/TextEllipsis.d.ts +17 -4
  202. package/lib/text-ellipsis/TextEllipsis.js +51 -29
  203. package/lib/text-ellipsis/index.d.ts +12 -3
  204. package/lib/toast/Toast.d.ts +5 -2
  205. package/lib/toast/Toast.js +2 -1
  206. package/lib/toast/index.css +1 -1
  207. package/lib/toast/index.d.ts +4 -2
  208. package/lib/toast/types.d.ts +2 -0
  209. package/lib/uploader/Uploader.d.ts +1 -1
  210. package/lib/uploader/index.d.ts +1 -1
  211. package/lib/utils/interceptor.d.ts +2 -1
  212. package/lib/utils/interceptor.js +3 -2
  213. package/lib/vue-sfc-shim.d.ts +6 -6
  214. package/lib/vue-tsx-shim.d.ts +23 -23
  215. package/lib/web-types.json +1 -1
  216. package/lib/zartui.cjs.js +214 -88
  217. package/lib/zartui.es.js +215 -89
  218. package/lib/zartui.js +214 -88
  219. package/lib/zartui.min.js +1 -1
  220. package/package.json +19 -9
package/lib/index.d.ts CHANGED
@@ -78,4 +78,4 @@ declare namespace _default {
78
78
  }
79
79
  export default _default;
80
80
  export function install(app: any): void;
81
- export const version: "3.1.7";
81
+ export const version: "3.1.8";
package/lib/index.js CHANGED
@@ -170,7 +170,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
170
170
  __reExport(stdin_exports, require("./timeline"), module.exports);
171
171
  __reExport(stdin_exports, require("./toast"), module.exports);
172
172
  __reExport(stdin_exports, require("./uploader"), module.exports);
173
- const version = "3.1.7";
173
+ const version = "3.1.8";
174
174
  function install(app) {
175
175
  const components = [
176
176
  import_action_sheet.ActionSheet,
@@ -1,55 +1,55 @@
1
- import type { App } from 'vue';
2
-
3
- declare type ListenEvent =
4
- | 'scroll'
5
- | 'wheel'
6
- | 'mousewheel'
7
- | 'resize'
8
- | 'animationend'
9
- | 'transitionend'
10
- | 'touchmove';
11
-
12
- // eslint-disable-next-line
13
- declare type Callback = (listener: any, options: LazyloadOptions) => void;
14
-
15
- declare type Filter = {
16
- webp?: Callback;
17
- progressive?: Callback;
18
- };
19
-
20
- declare type Adapter = {
21
- error?: Callback;
22
- loaded?: Callback;
23
- loading?: Callback;
24
- };
25
-
26
- export declare type LazyloadOptions = {
27
- error?: string;
28
- filter?: Filter;
29
- silent?: boolean;
30
- adapter?: Adapter;
31
- loading?: string;
32
- attempt?: number;
33
- preLoad?: number;
34
- observer?: boolean;
35
- lazyImage?: boolean;
36
- throttleWait?: number;
37
- listenEvents?: ListenEvent[];
38
- dispatchEvent?: boolean;
39
- lazyComponent?: boolean;
40
- observerOptions?: IntersectionObserverInit;
41
- };
42
-
43
- export declare const Lazyload: {
44
- install(app: App, options?: LazyloadOptions): void;
45
- };
46
-
47
- declare module '@vue/runtime-core' {
48
- interface ComponentCustomProperties {
49
- $Lazyload: {
50
- $on: (event: string, handler: Callback) => void;
51
- $off: (event: string, handler?: Callback) => void;
52
- $once: (event: string, handler: Callback) => void;
53
- };
54
- }
55
- }
1
+ import type { App } from 'vue';
2
+
3
+ declare type ListenEvent =
4
+ | 'scroll'
5
+ | 'wheel'
6
+ | 'mousewheel'
7
+ | 'resize'
8
+ | 'animationend'
9
+ | 'transitionend'
10
+ | 'touchmove';
11
+
12
+ // eslint-disable-next-line
13
+ declare type Callback = (listener: any, options: LazyloadOptions) => void;
14
+
15
+ declare type Filter = {
16
+ webp?: Callback;
17
+ progressive?: Callback;
18
+ };
19
+
20
+ declare type Adapter = {
21
+ error?: Callback;
22
+ loaded?: Callback;
23
+ loading?: Callback;
24
+ };
25
+
26
+ export declare type LazyloadOptions = {
27
+ error?: string;
28
+ filter?: Filter;
29
+ silent?: boolean;
30
+ adapter?: Adapter;
31
+ loading?: string;
32
+ attempt?: number;
33
+ preLoad?: number;
34
+ observer?: boolean;
35
+ lazyImage?: boolean;
36
+ throttleWait?: number;
37
+ listenEvents?: ListenEvent[];
38
+ dispatchEvent?: boolean;
39
+ lazyComponent?: boolean;
40
+ observerOptions?: IntersectionObserverInit;
41
+ };
42
+
43
+ export declare const Lazyload: {
44
+ install(app: App, options?: LazyloadOptions): void;
45
+ };
46
+
47
+ declare module '@vue/runtime-core' {
48
+ interface ComponentCustomProperties {
49
+ $Lazyload: {
50
+ $on: (event: string, handler: Callback) => void;
51
+ $off: (event: string, handler?: Callback) => void;
52
+ $once: (event: string, handler: Callback) => void;
53
+ };
54
+ }
55
+ }
@@ -1,4 +1,5 @@
1
1
  import type { ExtractPropTypes } from 'vue';
2
+ import type { PropType } from 'vue';
2
3
  import type { ListDirection } from './types';
3
4
  declare const listProps: {
4
5
  error: BooleanConstructor;
@@ -8,9 +9,10 @@ declare const listProps: {
8
9
  };
9
10
  loading: BooleanConstructor;
10
11
  finished: BooleanConstructor;
12
+ scroller: PropType<Element>;
11
13
  errorText: StringConstructor;
12
14
  direction: {
13
- type: import("vue").PropType<ListDirection>;
15
+ type: PropType<ListDirection>;
14
16
  default: ListDirection;
15
17
  };
16
18
  loadingText: StringConstructor;
@@ -29,9 +31,10 @@ declare const _default: import("vue").DefineComponent<{
29
31
  };
30
32
  loading: BooleanConstructor;
31
33
  finished: BooleanConstructor;
34
+ scroller: PropType<Element>;
32
35
  errorText: StringConstructor;
33
36
  direction: {
34
- type: import("vue").PropType<ListDirection>;
37
+ type: PropType<ListDirection>;
35
38
  default: ListDirection;
36
39
  };
37
40
  loadingText: StringConstructor;
@@ -48,9 +51,10 @@ declare const _default: import("vue").DefineComponent<{
48
51
  };
49
52
  loading: BooleanConstructor;
50
53
  finished: BooleanConstructor;
54
+ scroller: PropType<Element>;
51
55
  errorText: StringConstructor;
52
56
  direction: {
53
- type: import("vue").PropType<ListDirection>;
57
+ type: PropType<ListDirection>;
54
58
  default: ListDirection;
55
59
  };
56
60
  loadingText: StringConstructor;
package/lib/list/List.js CHANGED
@@ -34,6 +34,7 @@ const listProps = {
34
34
  offset: (0, import_utils.makeNumericProp)(300),
35
35
  loading: Boolean,
36
36
  finished: Boolean,
37
+ scroller: Object,
37
38
  errorText: String,
38
39
  direction: (0, import_utils.makeStringProp)("down"),
39
40
  loadingText: String,
@@ -53,6 +54,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
53
54
  const placeholder = (0, import_vue2.ref)();
54
55
  const tabStatus = (0, import_use_tab_status.useTabStatus)();
55
56
  const scrollParent = (0, import_use.useScrollParent)(root);
57
+ const scroller = (0, import_vue2.computed)(() => props.scroller || scrollParent.value);
56
58
  const check = () => {
57
59
  (0, import_vue2.nextTick)(() => {
58
60
  if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
@@ -63,7 +65,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
63
65
  direction
64
66
  } = props;
65
67
  const offset = +props.offset;
66
- const scrollParentRect = (0, import_use.useRect)(scrollParent);
68
+ const scrollParentRect = (0, import_use.useRect)(scroller);
67
69
  if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
68
70
  return;
69
71
  }
@@ -144,7 +146,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
144
146
  check
145
147
  });
146
148
  (0, import_use.useEventListener)("scroll", check, {
147
- target: scrollParent,
149
+ target: scroller,
148
150
  passive: true
149
151
  });
150
152
  return () => {
@@ -7,6 +7,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
7
7
  };
8
8
  loading: BooleanConstructor;
9
9
  finished: BooleanConstructor;
10
+ scroller: import("vue").PropType<Element>;
10
11
  errorText: StringConstructor;
11
12
  direction: {
12
13
  type: import("vue").PropType<import("./types").ListDirection>;
@@ -26,6 +27,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
26
27
  };
27
28
  loading: BooleanConstructor;
28
29
  finished: BooleanConstructor;
30
+ scroller: import("vue").PropType<Element>;
29
31
  errorText: StringConstructor;
30
32
  direction: {
31
33
  type: import("vue").PropType<import("./types").ListDirection>;
@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
61
61
  onClickRight?: ((...args: any[]) => any) | undefined;
62
62
  }, {
63
63
  fixed: boolean;
64
- leftIcon: boolean;
65
64
  border: boolean;
65
+ leftIcon: boolean;
66
66
  rightIcon: boolean;
67
67
  placeholder: boolean;
68
68
  safeAreaInsetTop: boolean;
@@ -39,8 +39,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
39
39
  onClickRight?: ((...args: any[]) => any) | undefined;
40
40
  }, {
41
41
  fixed: boolean;
42
- leftIcon: boolean;
43
42
  border: boolean;
43
+ leftIcon: boolean;
44
44
  rightIcon: boolean;
45
45
  placeholder: boolean;
46
46
  safeAreaInsetTop: boolean;
@@ -124,8 +124,8 @@ declare const _default: import("vue").DefineComponent<{
124
124
  }, {
125
125
  type: NotifyType;
126
126
  position: NotifyPosition;
127
- show: boolean;
128
127
  overlay: boolean;
128
+ show: boolean;
129
129
  lockScroll: boolean;
130
130
  lazyRender: boolean;
131
131
  transitionAppear: boolean;
@@ -81,8 +81,8 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
81
81
  }, {
82
82
  type: import("./types").NotifyType;
83
83
  position: import("./types").NotifyPosition;
84
- show: boolean;
85
84
  overlay: boolean;
85
+ show: boolean;
86
86
  lockScroll: boolean;
87
87
  lazyRender: boolean;
88
88
  transitionAppear: boolean;
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
92
92
  type: PropType<string | string[]>;
93
93
  default: string;
94
94
  };
95
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
95
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
96
96
  show: BooleanConstructor;
97
97
  title: StringConstructor;
98
98
  theme: {
@@ -143,13 +143,13 @@ declare const _default: import("vue").DefineComponent<{
143
143
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
144
144
  onClose?: ((...args: any[]) => any) | undefined;
145
145
  onDelete?: ((...args: any[]) => any) | undefined;
146
- onShow?: ((...args: any[]) => any) | undefined;
147
146
  onHide?: ((...args: any[]) => any) | undefined;
147
+ onShow?: ((...args: any[]) => any) | undefined;
148
148
  }, {
149
149
  theme: NumberKeyboardTheme;
150
+ show: boolean;
150
151
  maxlength: string | number;
151
152
  modelValue: string;
152
- show: boolean;
153
153
  transition: boolean;
154
154
  safeAreaInsetBottom: boolean;
155
155
  blurOnClose: boolean;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
17
17
  }>> & {
18
18
  onPress?: ((...args: any[]) => any) | undefined;
19
19
  }, {
20
- loading: boolean;
21
20
  large: boolean;
21
+ loading: boolean;
22
22
  wider: boolean;
23
23
  }, {}>;
24
24
  export default _default;
@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
43
43
  type: import("vue").PropType<string | string[]>;
44
44
  default: string;
45
45
  };
46
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
46
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
47
  show: BooleanConstructor;
48
48
  title: StringConstructor;
49
49
  theme: {
@@ -94,13 +94,13 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
94
94
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
95
95
  onClose?: ((...args: any[]) => any) | undefined;
96
96
  onDelete?: ((...args: any[]) => any) | undefined;
97
- onShow?: ((...args: any[]) => any) | undefined;
98
97
  onHide?: ((...args: any[]) => any) | undefined;
98
+ onShow?: ((...args: any[]) => any) | undefined;
99
99
  }, {
100
100
  theme: import("./NumberKeyboard").NumberKeyboardTheme;
101
+ show: boolean;
101
102
  maxlength: string | number;
102
103
  modelValue: string;
103
- show: boolean;
104
104
  transition: boolean;
105
105
  safeAreaInsetBottom: boolean;
106
106
  blurOnClose: boolean;
@@ -162,8 +162,8 @@ declare const _default: import("vue").DefineComponent<{
162
162
  }, {
163
163
  offset: [number, number];
164
164
  theme: PopoverTheme;
165
- show: boolean;
166
165
  overlay: boolean;
166
+ show: boolean;
167
167
  teleport: string | import("vue").RendererElement | null | undefined;
168
168
  closeOnClickOverlay: boolean;
169
169
  actions: PopoverAction[];
@@ -47,10 +47,12 @@ var import_vue3 = require("@floating-ui/vue");
47
47
  var import_popperjs = require("@zartui/popperjs");
48
48
  var import_utils = require("../utils");
49
49
  var import_use = require("@zartui/use");
50
+ var import_use_scope_id = require("../composables/use-scope-id");
51
+ var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
50
52
  var import_icon = require("../icon");
51
53
  var import_popup = require("../popup");
52
54
  const [name, bem] = (0, import_utils.createNamespace)("popover");
53
- const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
55
+ const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
54
56
  const popoverProps = {
55
57
  show: Boolean,
56
58
  theme: (0, import_utils.makeStringProp)("light"),
@@ -93,6 +95,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
93
95
  const wrapperRef = (0, import_vue2.ref)();
94
96
  const popoverRef = (0, import_vue2.ref)();
95
97
  const arrowRef = (0, import_vue2.ref)();
98
+ const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
96
99
  const getPopoverOptions = () => ({
97
100
  placement: props.placement,
98
101
  modifiers: [{
@@ -115,7 +118,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
115
118
  };
116
119
  const updateLocation = () => {
117
120
  (0, import_vue2.nextTick)(() => {
118
- if (!props.show) {
121
+ if (!show.value) {
119
122
  return;
120
123
  }
121
124
  if (!popper) {
@@ -129,10 +132,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
129
132
  }
130
133
  });
131
134
  };
132
- const updateShow = (value) => emit("update:show", value);
135
+ const updateShow = (value) => {
136
+ show.value = value;
137
+ };
133
138
  const onClickWrapper = () => {
134
139
  if (props.trigger === "click") {
135
- updateShow(!props.show);
140
+ show.value = !show.value;
136
141
  }
137
142
  };
138
143
  const onClickAction = (action, index) => {
@@ -145,12 +150,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
145
150
  action.selected = true;
146
151
  emit("select", action, index);
147
152
  if (props.closeOnClickAction) {
148
- updateShow(false);
153
+ show.value = false;
149
154
  }
150
155
  };
151
156
  const onClickAway = () => {
152
- if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
153
- updateShow(false);
157
+ if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
158
+ show.value = false;
154
159
  }
155
160
  };
156
161
  const renderActionContent = (action, index) => {
@@ -267,7 +272,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
267
272
  popper = null;
268
273
  }
269
274
  });
270
- (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
275
+ (0, import_vue2.watch)(() => [show.value, props.offset, props.placement], updateLocation);
271
276
  (0, import_use.useClickAway)(wrapperRef, onClickAway, {
272
277
  eventName: "touchstart"
273
278
  });
@@ -279,14 +284,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
279
284
  "onClick": onClickWrapper
280
285
  }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
281
286
  "ref": popoverRef,
282
- "class": bem([props.theme, props.show ? "show" : "hidden"]),
287
+ "show": show.value,
288
+ "class": bem([props.theme, show.value ? "show" : "hidden"]),
283
289
  "position": "",
284
290
  "transition": "zt-popover-zoom",
285
291
  "lockScroll": false,
286
292
  "onUpdate:show": updateShow
287
- }, attrs, (0, import_utils.pick)(props, popupProps), {
288
- "show": true
289
- }), {
293
+ }, attrs, (0, import_use_scope_id.useScopeId)(), (0, import_utils.pick)(props, popupProps)), {
290
294
  default: () => [props.showArrow && (0, import_vue.createVNode)("div", {
291
295
  "class": bem("arrow"),
292
296
  "ref": arrowRef
@@ -107,8 +107,8 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
107
107
  }, {
108
108
  offset: [number, number];
109
109
  theme: import("./types").PopoverTheme;
110
- show: boolean;
111
110
  overlay: boolean;
111
+ show: boolean;
112
112
  teleport: string | import("vue").RendererElement | null | undefined;
113
113
  closeOnClickOverlay: boolean;
114
114
  actions: import("./types").PopoverAction[];
@@ -187,13 +187,13 @@ declare const _default: import("vue").DefineComponent<{
187
187
  onClickCloseIcon?: ((...args: any[]) => any) | undefined;
188
188
  }, {
189
189
  position: PopupPosition;
190
- show: boolean;
191
190
  overlay: boolean;
191
+ round: boolean;
192
+ show: boolean;
192
193
  lockScroll: boolean;
193
194
  lazyRender: boolean;
194
195
  transitionAppear: boolean;
195
196
  closeOnClickOverlay: boolean;
196
- round: boolean;
197
197
  closeIcon: string;
198
198
  closeable: boolean;
199
199
  closeOnPopstate: boolean;
@@ -29,6 +29,8 @@ var import_use_expose = require("../composables/use-expose");
29
29
  var import_use_lock_scroll = require("../composables/use-lock-scroll");
30
30
  var import_use_lazy_render = require("../composables/use-lazy-render");
31
31
  var import_on_popup_reopen = require("../composables/on-popup-reopen");
32
+ var import_use_global_z_index = require("../composables/use-global-z-index");
33
+ var import_use_scope_id = require("../composables/use-scope-id");
32
34
  var import_icon = require("../icon");
33
35
  var import_overlay = require("../overlay");
34
36
  const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
@@ -49,7 +51,6 @@ const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
49
51
  slideable: Boolean
50
52
  });
51
53
  const [name, bem] = (0, import_utils.createNamespace)("popup");
52
- let globalZIndex = 2e3;
53
54
  var stdin_default = (0, import_vue2.defineComponent)({
54
55
  name,
55
56
  inheritAttrs: false,
@@ -86,11 +87,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
86
87
  contentStyle.value = `height:${props.sliderContentHeight}px;`;
87
88
  }
88
89
  if (!opened) {
89
- if (props.zIndex !== void 0) {
90
- globalZIndex = +props.zIndex;
91
- }
92
90
  opened = true;
93
- zIndex.value = ++globalZIndex;
91
+ zIndex.value = props.zIndex !== void 0 ? +props.zIndex : (0, import_use_global_z_index.useGlobalZIndex)();
94
92
  emit("open");
95
93
  }
96
94
  };
@@ -147,14 +145,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
147
145
  });
148
146
  const renderOverlay = () => {
149
147
  if (props.overlay) {
150
- return (0, import_vue.createVNode)(import_overlay.Overlay, {
148
+ return (0, import_vue.createVNode)(import_overlay.Overlay, (0, import_vue.mergeProps)({
151
149
  "show": props.show,
152
150
  "class": props.overlayClass,
153
151
  "zIndex": zIndex.value,
154
152
  "duration": props.duration,
155
- "customStyle": props.overlayStyle,
153
+ "customStyle": props.overlayStyle
154
+ }, (0, import_use_scope_id.useScopeId)(), {
156
155
  "onClick": onClickOverlay
157
- }, {
156
+ }), {
158
157
  default: slots["overlay-content"]
159
158
  });
160
159
  }
@@ -197,7 +196,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
197
196
  "zt-safe-area-bottom": safeAreaInsetBottom
198
197
  }],
199
198
  "onKeydown": onKeydown
200
- }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
199
+ }, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
201
200
  });
202
201
  const sliderRenderPopup = lazyRender(() => {
203
202
  var _a, _b;
@@ -125,13 +125,13 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
125
125
  onClickCloseIcon?: ((...args: any[]) => any) | undefined;
126
126
  }, {
127
127
  position: import("./types").PopupPosition;
128
- show: boolean;
129
128
  overlay: boolean;
129
+ round: boolean;
130
+ show: boolean;
130
131
  lockScroll: boolean;
131
132
  lazyRender: boolean;
132
133
  transitionAppear: boolean;
133
134
  closeOnClickOverlay: boolean;
134
- round: boolean;
135
135
  closeIcon: string;
136
136
  closeable: boolean;
137
137
  closeOnPopstate: boolean;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
128
128
  inputBackground: StringConstructor;
129
129
  actionText: StringConstructor;
130
130
  showAction: BooleanConstructor;
131
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
131
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
132
132
  id: StringConstructor;
133
133
  name: StringConstructor;
134
134
  titleIcon: StringConstructor;
@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
62
62
  inputBackground: StringConstructor;
63
63
  actionText: StringConstructor;
64
64
  showAction: BooleanConstructor;
65
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
65
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
66
66
  id: StringConstructor;
67
67
  name: StringConstructor;
68
68
  titleIcon: StringConstructor;
@@ -93,11 +93,11 @@ declare const _default: import("vue").DefineComponent<{
93
93
  textarea: boolean;
94
94
  title: boolean;
95
95
  animate: boolean;
96
- field: boolean;
97
96
  round: boolean;
97
+ row: string | number;
98
+ field: boolean;
98
99
  loading: boolean;
99
100
  avatar: boolean;
100
- row: string | number;
101
101
  avatarShape: SkeletonAvatarShape;
102
102
  rowWidth: Numeric | Numeric[];
103
103
  }, {}>;
@@ -60,11 +60,11 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
60
60
  textarea: boolean;
61
61
  title: boolean;
62
62
  animate: boolean;
63
- field: boolean;
64
63
  round: boolean;
64
+ row: string | number;
65
+ field: boolean;
65
66
  loading: boolean;
66
67
  avatar: boolean;
67
- row: string | number;
68
68
  avatarShape: import("./Skeleton").SkeletonAvatarShape;
69
69
  rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
70
70
  }, {}>>;
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
103
103
  default: number;
104
104
  };
105
105
  decimalLength: (NumberConstructor | StringConstructor)[];
106
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
106
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
107
107
  min: {
108
108
  type: (NumberConstructor | StringConstructor)[];
109
109
  default: number;
@@ -158,8 +158,8 @@ declare const _default: import("vue").DefineComponent<{
158
158
  onBlur?: ((...args: any[]) => any) | undefined;
159
159
  onChange?: ((...args: any[]) => any) | undefined;
160
160
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
161
- onPlus?: ((...args: any[]) => any) | undefined;
162
161
  onMinus?: ((...args: any[]) => any) | undefined;
162
+ onPlus?: ((...args: any[]) => any) | undefined;
163
163
  onOverlimit?: ((...args: any[]) => any) | undefined;
164
164
  }, {
165
165
  name: string | number;
@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
48
48
  default: number;
49
49
  };
50
50
  decimalLength: (NumberConstructor | StringConstructor)[];
51
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
51
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
52
52
  min: {
53
53
  type: (NumberConstructor | StringConstructor)[];
54
54
  default: number;
@@ -103,8 +103,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
103
103
  onBlur?: ((...args: any[]) => any) | undefined;
104
104
  onChange?: ((...args: any[]) => any) | undefined;
105
105
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
106
- onPlus?: ((...args: any[]) => any) | undefined;
107
106
  onMinus?: ((...args: any[]) => any) | undefined;
107
+ onPlus?: ((...args: any[]) => any) | undefined;
108
108
  onOverlimit?: ((...args: any[]) => any) | undefined;
109
109
  }, {
110
110
  name: string | number;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
61
61
  }>> & {
62
62
  onClickStep?: ((...args: any[]) => any) | undefined;
63
63
  }, {
64
- direction: StepsDirection;
65
64
  active: string | number;
65
+ direction: StepsDirection;
66
66
  }, {}>;
67
67
  export default _default;
@@ -35,8 +35,8 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
35
35
  }>> & {
36
36
  onClickStep?: ((...args: any[]) => any) | undefined;
37
37
  }, {
38
- direction: import("./Steps").StepsDirection;
39
38
  active: string | number;
39
+ direction: import("./Steps").StepsDirection;
40
40
  }, {}>>;
41
41
  export default Steps;
42
42
  export { stepsProps } from './Steps';