zartui 3.1.12 → 3.1.14

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 (292) hide show
  1. package/es/action-sheet/index.css +1 -1
  2. package/es/avatar/index.css +1 -1
  3. package/es/badge/index.css +1 -1
  4. package/es/button/index.css +1 -1
  5. package/es/calendar/index.css +1 -1
  6. package/es/calendar/utils.d.ts +2 -2
  7. package/es/cascader/Cascader.d.ts +1 -1
  8. package/es/cascader/index.css +1 -1
  9. package/es/cascader/index.d.ts +1 -1
  10. package/es/cell/Cell.d.ts +34 -0
  11. package/es/cell/Cell.mjs +61 -8
  12. package/es/cell/index.css +1 -1
  13. package/es/cell/index.d.ts +17 -0
  14. package/es/cell/style/index.mjs +1 -0
  15. package/es/cell-group/index.css +1 -1
  16. package/es/checkbox/Checkbox.d.ts +1 -1
  17. package/es/checkbox/index.d.ts +1 -1
  18. package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
  19. package/es/checkbox-group/index.d.ts +1 -1
  20. package/es/collapse/Collapse.d.ts +1 -1
  21. package/es/collapse/index.d.ts +1 -1
  22. package/es/collapse-item/index.css +1 -1
  23. package/es/config-provider/types.d.ts +1 -1
  24. package/es/date-time-picker/DateTimePicker.d.ts +1 -1
  25. package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  26. package/es/date-time-picker/index.d.ts +1 -1
  27. package/es/dialog/index.css +1 -1
  28. package/es/divider/index.css +1 -1
  29. package/es/drawer-select/DrawerSelect.d.ts +68 -0
  30. package/es/drawer-select/DrawerSelect.mjs +360 -0
  31. package/es/drawer-select/index.css +1 -0
  32. package/es/drawer-select/index.d.ts +53 -0
  33. package/es/drawer-select/index.mjs +8 -0
  34. package/es/drawer-select/style/index.d.ts +1 -0
  35. package/es/drawer-select/style/index.mjs +15 -0
  36. package/es/drawer-select/types.d.ts +26 -0
  37. package/es/drawer-select/types.mjs +0 -0
  38. package/es/dropdown-item/DropdownItem.d.ts +8 -1
  39. package/es/dropdown-item/DropdownItem.mjs +39 -25
  40. package/es/dropdown-item/index.css +1 -1
  41. package/es/dropdown-item/index.d.ts +5 -1
  42. package/es/dropdown-item/style/index.mjs +3 -1
  43. package/es/dropdown-item/types.d.ts +2 -1
  44. package/es/dropdown-menu/DropdownMenu.mjs +3 -0
  45. package/es/dropdown-menu/index.css +1 -1
  46. package/es/field/Field.d.ts +27 -3
  47. package/es/field/Field.mjs +11 -3
  48. package/es/field/index.css +1 -1
  49. package/es/field/index.d.ts +19 -3
  50. package/es/floating-bubble/index.css +1 -1
  51. package/es/form/index.css +1 -0
  52. package/es/form/style/index.mjs +1 -0
  53. package/es/hierarchy-select/index.css +1 -1
  54. package/es/icon/config.mjs +3 -1
  55. package/es/icon/index.css +1 -1
  56. package/es/image/index.css +1 -1
  57. package/es/image-preview/ImagePreview.d.ts +1 -1
  58. package/es/image-preview/index.css +1 -1
  59. package/es/image-preview/index.d.ts +1 -1
  60. package/es/index.d.ts +3 -1
  61. package/es/index.mjs +7 -1
  62. package/es/lazyload/vue-lazyload/index.d.ts +55 -55
  63. package/es/media-picker/MediaPicker.mjs +12 -2
  64. package/es/media-picker/index.css +1 -1
  65. package/es/media-picker/type.d.ts +3 -0
  66. package/es/media-picker/watermark/image-processor.mjs +2 -2
  67. package/es/media-player/index.css +1 -1
  68. package/es/multiple-picker/MultiplePicker.d.ts +28 -2
  69. package/es/multiple-picker/MultiplePicker.mjs +26 -16
  70. package/es/multiple-picker/MultiplePickerOptions.mjs +2 -1
  71. package/es/multiple-picker/index.css +1 -1
  72. package/es/multiple-picker/index.d.ts +20 -2
  73. package/es/nav-bar/NavBar.d.ts +1 -1
  74. package/es/nav-bar/index.d.ts +1 -1
  75. package/es/notice-bar/index.css +1 -1
  76. package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
  77. package/es/number-keyboard/index.css +1 -1
  78. package/es/number-keyboard/index.d.ts +1 -1
  79. package/es/password-input/index.css +1 -1
  80. package/es/picker/Picker.d.ts +30 -4
  81. package/es/picker/Picker.mjs +69 -16
  82. package/es/picker/PickerOptions.d.ts +75 -0
  83. package/es/picker/PickerOptions.mjs +93 -0
  84. package/es/picker/index.css +1 -1
  85. package/es/picker/index.d.ts +21 -3
  86. package/es/picker/types.d.ts +5 -1
  87. package/es/popover/index.css +1 -1
  88. package/es/popup/Popup.mjs +3 -3
  89. package/es/popup/index.css +1 -1
  90. package/es/pull-refresh/PullRefresh.d.ts +1 -1
  91. package/es/pull-refresh/index.d.ts +1 -1
  92. package/es/radio-group/RadioGroup.d.ts +1 -1
  93. package/es/radio-group/index.d.ts +1 -1
  94. package/es/radio-picker/RadioPicker.d.ts +11 -11
  95. package/es/radio-picker/index.css +1 -1
  96. package/es/radio-picker/index.d.ts +9 -9
  97. package/es/radio-picker/style/index.mjs +4 -4
  98. package/es/rate/Rate.d.ts +1 -1
  99. package/es/rate/index.d.ts +1 -1
  100. package/es/search/Search.d.ts +2 -2
  101. package/es/search/index.css +1 -1
  102. package/es/search/index.d.ts +2 -2
  103. package/es/skeleton/index.css +1 -1
  104. package/es/slider/Slider.d.ts +139 -0
  105. package/es/slider/Slider.mjs +335 -0
  106. package/es/slider/index.css +1 -0
  107. package/es/slider/index.d.ts +103 -0
  108. package/es/slider/index.mjs +10 -0
  109. package/es/slider/style/index.d.ts +1 -0
  110. package/es/slider/style/index.mjs +2 -0
  111. package/es/slider/types.d.ts +11 -0
  112. package/es/slider/types.mjs +0 -0
  113. package/es/step/index.css +1 -1
  114. package/es/stepper/Stepper.d.ts +1 -1
  115. package/es/stepper/index.css +1 -1
  116. package/es/stepper/index.d.ts +1 -1
  117. package/es/steps/index.css +1 -1
  118. package/es/style/base.css +1 -1
  119. package/es/style/css-variables.css +1 -1
  120. package/es/switch/Switch.d.ts +1 -1
  121. package/es/switch/index.d.ts +1 -1
  122. package/es/tabbar/Tabbar.d.ts +2 -2
  123. package/es/tabbar/index.css +1 -1
  124. package/es/tabbar/index.d.ts +2 -2
  125. package/es/tabbar-item/index.css +1 -1
  126. package/es/tabs/Tabs.mjs +4 -2
  127. package/es/tabs/TabsTitle.mjs +16 -6
  128. package/es/tabs/index.css +1 -1
  129. package/es/tag/index.css +1 -1
  130. package/es/text-ellipsis/TextEllipsis.mjs +2 -0
  131. package/es/time-picker/TimePicker.d.ts +1 -1
  132. package/es/time-picker/index.css +1 -1
  133. package/es/time-picker/index.d.ts +1 -1
  134. package/es/timeline/index.css +1 -1
  135. package/es/uploader/index.css +1 -1
  136. package/es/utils/constant.d.ts +0 -1
  137. package/es/utils/constant.mjs +0 -2
  138. package/es/utils/mount-component.mjs +1 -1
  139. package/es/utils/validate.d.ts +2 -1
  140. package/es/utils/validate.mjs +9 -0
  141. package/es/vue-sfc-shim.d.ts +6 -6
  142. package/es/vue-tsx-shim.d.ts +23 -23
  143. package/lib/action-sheet/index.css +1 -1
  144. package/lib/avatar/index.css +1 -1
  145. package/lib/badge/index.css +1 -1
  146. package/lib/button/index.css +1 -1
  147. package/lib/calendar/index.css +1 -1
  148. package/lib/calendar/utils.d.ts +2 -2
  149. package/lib/cascader/Cascader.d.ts +1 -1
  150. package/lib/cascader/index.css +1 -1
  151. package/lib/cascader/index.d.ts +1 -1
  152. package/lib/cell/Cell.d.ts +34 -0
  153. package/lib/cell/Cell.js +61 -8
  154. package/lib/cell/index.css +1 -1
  155. package/lib/cell/index.d.ts +17 -0
  156. package/lib/cell/style/index.js +1 -0
  157. package/lib/cell-group/index.css +1 -1
  158. package/lib/checkbox/Checkbox.d.ts +1 -1
  159. package/lib/checkbox/index.d.ts +1 -1
  160. package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
  161. package/lib/checkbox-group/index.d.ts +1 -1
  162. package/lib/collapse/Collapse.d.ts +1 -1
  163. package/lib/collapse/index.d.ts +1 -1
  164. package/lib/collapse-item/index.css +1 -1
  165. package/lib/config-provider/types.d.ts +1 -1
  166. package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
  167. package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  168. package/lib/date-time-picker/index.d.ts +1 -1
  169. package/lib/dialog/index.css +1 -1
  170. package/lib/divider/index.css +1 -1
  171. package/lib/drawer-select/DrawerSelect.d.ts +68 -0
  172. package/lib/drawer-select/DrawerSelect.js +389 -0
  173. package/lib/drawer-select/index.css +1 -0
  174. package/lib/drawer-select/index.d.ts +53 -0
  175. package/lib/drawer-select/index.js +37 -0
  176. package/lib/drawer-select/style/index.d.ts +1 -0
  177. package/lib/drawer-select/style/index.js +15 -0
  178. package/lib/drawer-select/types.d.ts +26 -0
  179. package/lib/drawer-select/types.js +15 -0
  180. package/lib/dropdown-item/DropdownItem.d.ts +8 -1
  181. package/lib/dropdown-item/DropdownItem.js +37 -23
  182. package/lib/dropdown-item/index.css +1 -1
  183. package/lib/dropdown-item/index.d.ts +5 -1
  184. package/lib/dropdown-item/style/index.js +3 -1
  185. package/lib/dropdown-item/types.d.ts +2 -1
  186. package/lib/dropdown-menu/DropdownMenu.js +3 -0
  187. package/lib/dropdown-menu/index.css +1 -1
  188. package/lib/field/Field.d.ts +27 -3
  189. package/lib/field/Field.js +11 -3
  190. package/lib/field/index.css +1 -1
  191. package/lib/field/index.d.ts +19 -3
  192. package/lib/floating-bubble/index.css +1 -1
  193. package/lib/form/index.css +1 -0
  194. package/lib/form/style/index.js +1 -0
  195. package/lib/hierarchy-select/index.css +1 -1
  196. package/lib/icon/config.js +3 -1
  197. package/lib/icon/index.css +1 -1
  198. package/lib/image/index.css +1 -1
  199. package/lib/image-preview/ImagePreview.d.ts +1 -1
  200. package/lib/image-preview/index.css +1 -1
  201. package/lib/image-preview/index.d.ts +1 -1
  202. package/lib/index.css +1 -1
  203. package/lib/index.d.ts +3 -1
  204. package/lib/index.js +7 -1
  205. package/lib/lazyload/vue-lazyload/index.d.ts +55 -55
  206. package/lib/media-picker/MediaPicker.js +12 -2
  207. package/lib/media-picker/index.css +1 -1
  208. package/lib/media-picker/type.d.ts +3 -0
  209. package/lib/media-picker/watermark/image-processor.js +1 -1
  210. package/lib/media-player/index.css +1 -1
  211. package/lib/multiple-picker/MultiplePicker.d.ts +28 -2
  212. package/lib/multiple-picker/MultiplePicker.js +26 -16
  213. package/lib/multiple-picker/MultiplePickerOptions.js +2 -1
  214. package/lib/multiple-picker/index.css +1 -1
  215. package/lib/multiple-picker/index.d.ts +20 -2
  216. package/lib/nav-bar/NavBar.d.ts +1 -1
  217. package/lib/nav-bar/index.d.ts +1 -1
  218. package/lib/notice-bar/index.css +1 -1
  219. package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
  220. package/lib/number-keyboard/index.css +1 -1
  221. package/lib/number-keyboard/index.d.ts +1 -1
  222. package/lib/password-input/index.css +1 -1
  223. package/lib/picker/Picker.d.ts +30 -4
  224. package/lib/picker/Picker.js +68 -15
  225. package/lib/picker/PickerOptions.d.ts +75 -0
  226. package/lib/picker/PickerOptions.js +112 -0
  227. package/lib/picker/index.css +1 -1
  228. package/lib/picker/index.d.ts +21 -3
  229. package/lib/picker/types.d.ts +5 -1
  230. package/lib/popover/index.css +1 -1
  231. package/lib/popup/Popup.js +3 -3
  232. package/lib/popup/index.css +1 -1
  233. package/lib/pull-refresh/PullRefresh.d.ts +1 -1
  234. package/lib/pull-refresh/index.d.ts +1 -1
  235. package/lib/radio-group/RadioGroup.d.ts +1 -1
  236. package/lib/radio-group/index.d.ts +1 -1
  237. package/lib/radio-picker/RadioPicker.d.ts +11 -11
  238. package/lib/radio-picker/index.css +1 -1
  239. package/lib/radio-picker/index.d.ts +9 -9
  240. package/lib/radio-picker/style/index.js +4 -4
  241. package/lib/rate/Rate.d.ts +1 -1
  242. package/lib/rate/index.d.ts +1 -1
  243. package/lib/search/Search.d.ts +2 -2
  244. package/lib/search/index.css +1 -1
  245. package/lib/search/index.d.ts +2 -2
  246. package/lib/skeleton/index.css +1 -1
  247. package/lib/slider/Slider.d.ts +139 -0
  248. package/lib/slider/Slider.js +354 -0
  249. package/lib/slider/index.css +1 -0
  250. package/lib/slider/index.d.ts +103 -0
  251. package/lib/slider/index.js +39 -0
  252. package/lib/slider/style/index.d.ts +1 -0
  253. package/lib/slider/style/index.js +2 -0
  254. package/lib/slider/types.d.ts +11 -0
  255. package/lib/slider/types.js +15 -0
  256. package/lib/step/index.css +1 -1
  257. package/lib/stepper/Stepper.d.ts +1 -1
  258. package/lib/stepper/index.css +1 -1
  259. package/lib/stepper/index.d.ts +1 -1
  260. package/lib/steps/index.css +1 -1
  261. package/lib/style/base.css +1 -1
  262. package/lib/style/css-variables.css +1 -1
  263. package/lib/switch/Switch.d.ts +1 -1
  264. package/lib/switch/index.d.ts +1 -1
  265. package/lib/tabbar/Tabbar.d.ts +2 -2
  266. package/lib/tabbar/index.css +1 -1
  267. package/lib/tabbar/index.d.ts +2 -2
  268. package/lib/tabbar-item/index.css +1 -1
  269. package/lib/tabs/Tabs.js +4 -2
  270. package/lib/tabs/TabsTitle.js +16 -6
  271. package/lib/tabs/index.css +1 -1
  272. package/lib/tag/index.css +1 -1
  273. package/lib/text-ellipsis/TextEllipsis.js +2 -0
  274. package/lib/time-picker/TimePicker.d.ts +1 -1
  275. package/lib/time-picker/index.css +1 -1
  276. package/lib/time-picker/index.d.ts +1 -1
  277. package/lib/timeline/index.css +1 -1
  278. package/lib/uploader/index.css +1 -1
  279. package/lib/utils/constant.d.ts +0 -1
  280. package/lib/utils/constant.js +0 -2
  281. package/lib/utils/mount-component.js +1 -1
  282. package/lib/utils/validate.d.ts +2 -1
  283. package/lib/utils/validate.js +9 -0
  284. package/lib/vue-sfc-shim.d.ts +6 -6
  285. package/lib/vue-tsx-shim.d.ts +23 -23
  286. package/lib/web-types.json +1 -1
  287. package/lib/zartui.cjs.js +4303 -3364
  288. package/lib/zartui.es.js +4304 -3365
  289. package/lib/zartui.js +4301 -3362
  290. package/lib/zartui.min.js +1 -1
  291. package/package.json +79 -78
  292. package/README.md +0 -23
@@ -50,8 +50,8 @@ export declare const radioPickerProps: {
50
50
  confirmButtonText: StringConstructor;
51
51
  } & {
52
52
  columns: {
53
- type: PropType<(PickerColumn | RadioPickerOption)[]>;
54
- default: () => (PickerColumn | RadioPickerOption)[];
53
+ type: PropType<(RadioPickerOption | PickerColumn)[]>;
54
+ default: () => (RadioPickerOption | PickerColumn)[];
55
55
  };
56
56
  modelValue: {
57
57
  type: PropType<Numeric[]>;
@@ -103,8 +103,8 @@ declare const _default: import("vue").DefineComponent<{
103
103
  confirmButtonText: StringConstructor;
104
104
  } & {
105
105
  columns: {
106
- type: PropType<(PickerColumn | RadioPickerOption)[]>;
107
- default: () => (PickerColumn | RadioPickerOption)[];
106
+ type: PropType<(RadioPickerOption | PickerColumn)[]>;
107
+ default: () => (RadioPickerOption | PickerColumn)[];
108
108
  };
109
109
  modelValue: {
110
110
  type: PropType<Numeric[]>;
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
129
129
  type: PropType<string>;
130
130
  default: string;
131
131
  };
132
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
132
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
133
133
  loading: BooleanConstructor;
134
134
  readonly: BooleanConstructor;
135
135
  allowHtml: BooleanConstructor;
@@ -154,8 +154,8 @@ declare const _default: import("vue").DefineComponent<{
154
154
  confirmButtonText: StringConstructor;
155
155
  } & {
156
156
  columns: {
157
- type: PropType<(PickerColumn | RadioPickerOption)[]>;
158
- default: () => (PickerColumn | RadioPickerOption)[];
157
+ type: PropType<(RadioPickerOption | PickerColumn)[]>;
158
+ default: () => (RadioPickerOption | PickerColumn)[];
159
159
  };
160
160
  modelValue: {
161
161
  type: PropType<Numeric[]>;
@@ -185,8 +185,8 @@ declare const _default: import("vue").DefineComponent<{
185
185
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
186
186
  onCancel?: ((...args: any[]) => any) | undefined;
187
187
  onConfirm?: ((...args: any[]) => any) | undefined;
188
- "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
189
188
  onClickOption?: ((...args: any[]) => any) | undefined;
189
+ "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
190
190
  }, {
191
191
  title: string;
192
192
  modelValue: Numeric[];
@@ -194,12 +194,12 @@ declare const _default: import("vue").DefineComponent<{
194
194
  popup: boolean;
195
195
  loading: boolean;
196
196
  showTitle: boolean;
197
- columns: (PickerColumn | RadioPickerOption)[];
197
+ columns: (RadioPickerOption | PickerColumn)[];
198
198
  allowHtml: boolean;
199
+ wrapHeight: string | number;
199
200
  swipeDuration: string | number;
200
- showPicker: boolean;
201
201
  showToolbar: boolean;
202
- wrapHeight: string | number;
202
+ showPicker: boolean;
203
203
  searchable: boolean;
204
204
  autoSearch: boolean;
205
205
  searchPlaceholder: string;
@@ -1 +1 @@
1
- :root{--zt-radio-picker-cancel-margin: 8px 4px 8px 16px;--zt-radio-picker-confirm-margin: 8px 16px 8px 4px;--zt-radio-picker-title-height: 44px;--zt-radio-picker-search-padding-top-bottom: 12px;--zt-radio-picker-search-radio-label-match-color: var(--zt-primary-color);--zt-radio-picker-title-border-radius: 16px 16px 0 0;--zt-radio-picker-frame-background-color: var(--zt-gray-a04);--zt-radio-picker-cancel-background-color: var(--zt-white);--zt-radio-picker-title-text-color: var(--zt-gray-a4);--zt-radio-picker-background: var(--zt-background-2);--zt-radio-picker-toolbar-height: 60px;--zt-radio-picker-title-background: var(--zt-background-2);--zt-radio-picker-action-padding: 0 var(--zt-padding-md);--zt-radio-picker-confirm-action-color: var(--zt-white);--zt-radio-picker-cancel-action-color: var(--zt-text-color);--zt-radio-picker-option-radio-label-margin: 8px;--zt-radio-picker-option-padding: 12px var(--zt-padding-md);--zt-radio-picker-option-text-color: var(--zt-text-color);--zt-radio-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-radio-picker-loading-icon-color: var(--zt-primary-color);--zt-radio-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-radio-picker-mask-color: var(--zt-picker-mask-color)}.zt-radio-picker{position:relative;background:var(--zt-radio-picker-background);-webkit-user-select:none;user-select:none}.zt-radio-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-radio-picker-toolbar-height)}.zt-radio-picker__cancel,.zt-radio-picker__confirm{width:50%}.zt-radio-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-radio-picker-cancel-margin)}.zt-radio-picker__confirm{margin:var(--zt-radio-picker-confirm-margin)}.zt-radio-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-radio-picker-title-height);border-radius:var(--zt-radio-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-radio-picker-title-background);color:var(--zt-radio-picker-title-text-color)}.zt-radio-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-radio-picker__search{padding-top:var(--zt-radio-picker-search-padding-top-bottom);padding-bottom:var(--zt-radio-picker-search-padding-top-bottom)}.zt-radio-picker__search .zt-search{padding-top:0;padding-bottom:0}.zt-radio-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-radio-picker-loading-icon-color);background:var(--zt-radio-picker-loading-mask-color)}.zt-radio-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-radio-picker-frame-background-color)}.zt-radio-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-radio-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-radio-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-radio-picker-background)}.zt-radio-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-radio-picker-column__item{display:flex;align-items:center;justify-content:flex-start;color:var(--zt-radio-picker-option-text-color)}.zt-radio-picker-column__item--not-match{display:none}.zt-radio-picker-column__item.zt-radio{padding:var(--zt-radio-picker-option-padding)}.zt-radio-picker-column__item.zt-radio:after{left:calc(var(--zt-font-size-lg) + var(--zt-radio-label-margin) + var(--zt-padding-md))}.zt-radio-picker-column__item.zt-radio .zt-radio__label{margin-left:var(--zt-radio-picker-option-radio-label-margin)}.zt-radio-picker-column__search-empty{height:100%}
1
+ :root{--zt-radio-picker-cancel-margin: 8px 4px 8px 16px;--zt-radio-picker-confirm-margin: 8px 16px 8px 4px;--zt-radio-picker-title-height: 44px;--zt-radio-picker-search-padding-top-bottom: 12px;--zt-radio-picker-search-radio-label-match-color: var(--zt-primary-color);--zt-radio-picker-title-border-radius: 16px 16px 0 0;--zt-radio-picker-frame-background-color: var(--zt-gray-a04);--zt-radio-picker-cancel-background-color: var(--zt-white);--zt-radio-picker-title-text-color: var(--zt-gray-a4);--zt-radio-picker-background: var(--zt-background-popup);--zt-radio-picker-toolbar-height: 60px;--zt-radio-picker-title-background: var(--zt-background-popup);--zt-radio-picker-action-padding: 0 var(--zt-padding-md);--zt-radio-picker-confirm-action-color: var(--zt-white);--zt-radio-picker-cancel-action-color: var(--zt-text-color);--zt-radio-picker-option-radio-label-margin: 8px;--zt-radio-picker-option-padding: 12px var(--zt-padding-md);--zt-radio-picker-option-text-color: var(--zt-text-color);--zt-radio-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-radio-picker-loading-icon-color: var(--zt-primary-color);--zt-radio-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-radio-picker-mask-color: var(--zt-picker-mask-color)}.zt-radio-picker{position:relative;background:var(--zt-radio-picker-background);-webkit-user-select:none;user-select:none}.zt-radio-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-radio-picker-toolbar-height)}.zt-radio-picker__cancel,.zt-radio-picker__confirm{width:50%}.zt-radio-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-radio-picker-cancel-margin)}.zt-radio-picker__confirm{margin:var(--zt-radio-picker-confirm-margin)}.zt-radio-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-radio-picker-title-height);border-radius:var(--zt-radio-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-radio-picker-title-background);color:var(--zt-radio-picker-title-text-color)}.zt-radio-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-radio-picker__search{padding-top:var(--zt-radio-picker-search-padding-top-bottom);padding-bottom:var(--zt-radio-picker-search-padding-top-bottom)}.zt-radio-picker__search .zt-search{padding-top:0;padding-bottom:0}.zt-radio-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-radio-picker-loading-icon-color);background:var(--zt-radio-picker-loading-mask-color)}.zt-radio-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-radio-picker-frame-background-color)}.zt-radio-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-radio-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-radio-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-radio-picker-background)}.zt-radio-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-radio-picker-column__item{display:flex;align-items:center;justify-content:flex-start;color:var(--zt-radio-picker-option-text-color)}.zt-radio-picker-column__item--not-match{display:none}.zt-radio-picker-column__item.zt-radio{padding:var(--zt-radio-picker-option-padding)}.zt-radio-picker-column__item.zt-radio:after{left:calc(var(--zt-font-size-lg) + var(--zt-radio-label-margin) + var(--zt-padding-md))}.zt-radio-picker-column__item.zt-radio .zt-radio__label{margin-left:var(--zt-radio-picker-option-radio-label-margin)}.zt-radio-picker-column__search-empty{height:100%}
@@ -24,8 +24,8 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
24
24
  confirmButtonText: StringConstructor;
25
25
  } & {
26
26
  columns: {
27
- type: import("vue").PropType<(import("./types").PickerColumn | import("./types").RadioPickerOption)[]>;
28
- default: () => (import("./types").PickerColumn | import("./types").RadioPickerOption)[];
27
+ type: import("vue").PropType<(import("./types").RadioPickerOption | import("./types").PickerColumn)[]>;
28
+ default: () => (import("./types").RadioPickerOption | import("./types").PickerColumn)[];
29
29
  };
30
30
  modelValue: {
31
31
  type: import("vue").PropType<import("../utils").Numeric[]>;
@@ -50,7 +50,7 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
50
50
  type: import("vue").PropType<string>;
51
51
  default: string;
52
52
  };
53
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
54
54
  loading: BooleanConstructor;
55
55
  readonly: BooleanConstructor;
56
56
  allowHtml: BooleanConstructor;
@@ -75,8 +75,8 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
75
75
  confirmButtonText: StringConstructor;
76
76
  } & {
77
77
  columns: {
78
- type: import("vue").PropType<(import("./types").PickerColumn | import("./types").RadioPickerOption)[]>;
79
- default: () => (import("./types").PickerColumn | import("./types").RadioPickerOption)[];
78
+ type: import("vue").PropType<(import("./types").RadioPickerOption | import("./types").PickerColumn)[]>;
79
+ default: () => (import("./types").RadioPickerOption | import("./types").PickerColumn)[];
80
80
  };
81
81
  modelValue: {
82
82
  type: import("vue").PropType<import("../utils").Numeric[]>;
@@ -106,8 +106,8 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
106
106
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
107
107
  onCancel?: ((...args: any[]) => any) | undefined;
108
108
  onConfirm?: ((...args: any[]) => any) | undefined;
109
- "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
110
109
  onClickOption?: ((...args: any[]) => any) | undefined;
110
+ "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
111
111
  }, {
112
112
  title: string;
113
113
  modelValue: import("../utils").Numeric[];
@@ -115,12 +115,12 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
115
115
  popup: boolean;
116
116
  loading: boolean;
117
117
  showTitle: boolean;
118
- columns: (import("./types").PickerColumn | import("./types").RadioPickerOption)[];
118
+ columns: (import("./types").RadioPickerOption | import("./types").PickerColumn)[];
119
119
  allowHtml: boolean;
120
+ wrapHeight: string | number;
120
121
  swipeDuration: string | number;
121
- showPicker: boolean;
122
122
  showToolbar: boolean;
123
- wrapHeight: string | number;
123
+ showPicker: boolean;
124
124
  searchable: boolean;
125
125
  autoSearch: boolean;
126
126
  searchPlaceholder: string;
@@ -1,16 +1,16 @@
1
1
  import "../../style/base.css";
2
2
  import "../../badge/index.css";
3
3
  import "../../icon/index.css";
4
- import "../../cell/index.css";
5
- import "../../field/index.css";
6
- import "../../search/index.css";
7
4
  import "../../overlay/index.css";
8
5
  import "../../popup/index.css";
9
6
  import "../../loading/index.css";
10
7
  import "../../button/index.css";
11
8
  import "../../divider/index.css";
9
+ import "../../cell/index.css";
10
+ import "../../field/index.css";
11
+ import "../../search/index.css";
12
12
  import "../../checkbox/index.css";
13
- import "../../empty/index.css";
14
13
  import "../../radio-group/index.css";
15
14
  import "../../radio/index.css";
15
+ import "../../empty/index.css";
16
16
  import "../index.css";
package/es/rate/Rate.d.ts CHANGED
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
61
61
  default: number;
62
62
  };
63
63
  disabledColor: StringConstructor;
64
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
64
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
65
65
  size: (NumberConstructor | StringConstructor)[];
66
66
  icon: {
67
67
  type: import("vue").PropType<string>;
@@ -28,7 +28,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
28
28
  default: number;
29
29
  };
30
30
  disabledColor: StringConstructor;
31
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
32
  size: (NumberConstructor | StringConstructor)[];
33
33
  icon: {
34
34
  type: import("vue").PropType<string>;
@@ -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" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue")[], "search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue", 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;
@@ -207,10 +207,10 @@ declare const _default: import("vue").DefineComponent<{
207
207
  leftIcon: string;
208
208
  clearable: boolean;
209
209
  clearIcon: string;
210
- error: boolean;
211
210
  modelValue: string | number;
212
211
  clearTrigger: import("../field").FieldClearTrigger;
213
212
  formatTrigger: import("../field").FieldFormatTrigger;
213
+ error: boolean;
214
214
  readonly: boolean;
215
215
  showAction: boolean;
216
216
  }, {}>;
@@ -1 +1 @@
1
- :root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-primary-color)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-font-size-md);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-2);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}
1
+ :root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-primary-color)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-font-size-md);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-popup);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}
@@ -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" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue")[], "search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue", 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;
@@ -141,10 +141,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
141
141
  leftIcon: string;
142
142
  clearable: boolean;
143
143
  clearIcon: string;
144
- error: boolean;
145
144
  modelValue: string | number;
146
145
  clearTrigger: import("..").FieldClearTrigger;
147
146
  formatTrigger: import("..").FieldFormatTrigger;
147
+ error: boolean;
148
148
  readonly: boolean;
149
149
  showAction: boolean;
150
150
  }, {}>>;
@@ -1 +1 @@
1
- :root{--zt-skeleton-row-height: 16px;--zt-skeleton-row-background: var(--zt-active-color);--zt-skeleton-row-margin-top: var(--zt-padding-sm);--zt-skeleton-title-width: 40%;--zt-skeleton-avatar-size: 32px;--zt-skeleton-avatar-background: var(--zt-active-color);--zt-skeleton-duration: 1.2s}.zt-skeleton{display:flex;padding:0 var(--zt-padding-md)}.zt-skeleton__avatar{flex-shrink:0;width:var(--zt-skeleton-avatar-size);height:var(--zt-skeleton-avatar-size);margin-right:var(--zt-padding-md);background:var(--zt-skeleton-avatar-background)}.zt-skeleton__avatar--round{border-radius:var(--zt-radius-max)}.zt-skeleton__content{width:100%}.zt-skeleton__avatar+.zt-skeleton__content{padding-top:var(--zt-padding-xs)}.zt-skeleton__row,.zt-skeleton__textarea,.zt-skeleton__title{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}.zt-skeleton__title{width:var(--zt-skeleton-title-width);margin:0}.zt-skeleton__textarea{margin-top:10px}.zt-skeleton__row:not(:first-child){margin-top:var(--zt-skeleton-row-margin-top)}.zt-skeleton__title+.zt-skeleton__row{margin-top:20px}.zt-skeleton--animate{animation:zt-skeleton-blink var(--zt-skeleton-duration) ease-in-out infinite}.zt-skeleton--round .zt-skeleton__row,.zt-skeleton--round .zt-skeleton__title{border-radius:var(--zt-radius-max)}.zt-skeleton__field{width:100%;display:flex;justify-content:space-between}.zt-skeleton__field:not(:first-child){margin-top:16px}.zt-skeleton__field-title,.zt-skeleton__field-value{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}@keyframes zt-skeleton-blink{50%{opacity:.6}}
1
+ :root{--zt-skeleton-row-height: 16px;--zt-skeleton-row-background: var(--zt-gray-a1);--zt-skeleton-row-margin-top: var(--zt-padding-sm);--zt-skeleton-title-width: 40%;--zt-skeleton-avatar-size: 32px;--zt-skeleton-avatar-background: var(--zt-gray-a1);--zt-skeleton-duration: 1.2s}.zt-skeleton{display:flex;padding:0 var(--zt-padding-md)}.zt-skeleton__avatar{flex-shrink:0;width:var(--zt-skeleton-avatar-size);height:var(--zt-skeleton-avatar-size);margin-right:var(--zt-padding-md);background:var(--zt-skeleton-avatar-background)}.zt-skeleton__avatar--round{border-radius:var(--zt-radius-max)}.zt-skeleton__content{width:100%}.zt-skeleton__avatar+.zt-skeleton__content{padding-top:var(--zt-padding-xs)}.zt-skeleton__row,.zt-skeleton__textarea,.zt-skeleton__title{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}.zt-skeleton__title{width:var(--zt-skeleton-title-width);margin:0}.zt-skeleton__textarea{margin-top:10px}.zt-skeleton__row:not(:first-child){margin-top:var(--zt-skeleton-row-margin-top)}.zt-skeleton__title+.zt-skeleton__row{margin-top:20px}.zt-skeleton--animate{animation:zt-skeleton-blink var(--zt-skeleton-duration) ease-in-out infinite}.zt-skeleton--round .zt-skeleton__row,.zt-skeleton--round .zt-skeleton__title{border-radius:var(--zt-radius-max)}.zt-skeleton__field{width:100%;display:flex;justify-content:space-between}.zt-skeleton__field:not(:first-child){margin-top:16px}.zt-skeleton__field-title,.zt-skeleton__field-value{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}@keyframes zt-skeleton-blink{50%{opacity:.6}}
@@ -0,0 +1,139 @@
1
+ import { type PropType, type ExtractPropTypes } from 'vue';
2
+ type NumberRange = [number, number];
3
+ type SliderValue = number | NumberRange;
4
+ export type SliderDirection = 'horizontal' | 'vertical';
5
+ export declare const sliderProps: {
6
+ min: {
7
+ type: (NumberConstructor | StringConstructor)[];
8
+ default: number;
9
+ };
10
+ max: {
11
+ type: (NumberConstructor | StringConstructor)[];
12
+ default: number;
13
+ };
14
+ step: {
15
+ type: (NumberConstructor | StringConstructor)[];
16
+ default: number;
17
+ };
18
+ range: BooleanConstructor;
19
+ reverse: BooleanConstructor;
20
+ disabled: BooleanConstructor;
21
+ readonly: {
22
+ type: BooleanConstructor;
23
+ default: true;
24
+ };
25
+ vertical: BooleanConstructor;
26
+ barHeight: (NumberConstructor | StringConstructor)[];
27
+ buttonSize: (NumberConstructor | StringConstructor)[];
28
+ activeColor: StringConstructor;
29
+ inactiveColor: StringConstructor;
30
+ modelValue: {
31
+ type: PropType<SliderValue>;
32
+ default: number;
33
+ };
34
+ title: StringConstructor;
35
+ direction: {
36
+ type: PropType<SliderDirection>;
37
+ default: SliderDirection;
38
+ };
39
+ showPercent: {
40
+ type: BooleanConstructor;
41
+ default: true;
42
+ };
43
+ };
44
+ export type SliderProps = ExtractPropTypes<typeof sliderProps>;
45
+ declare const _default: import("vue").DefineComponent<{
46
+ min: {
47
+ type: (NumberConstructor | StringConstructor)[];
48
+ default: number;
49
+ };
50
+ max: {
51
+ type: (NumberConstructor | StringConstructor)[];
52
+ default: number;
53
+ };
54
+ step: {
55
+ type: (NumberConstructor | StringConstructor)[];
56
+ default: number;
57
+ };
58
+ range: BooleanConstructor;
59
+ reverse: BooleanConstructor;
60
+ disabled: BooleanConstructor;
61
+ readonly: {
62
+ type: BooleanConstructor;
63
+ default: true;
64
+ };
65
+ vertical: BooleanConstructor;
66
+ barHeight: (NumberConstructor | StringConstructor)[];
67
+ buttonSize: (NumberConstructor | StringConstructor)[];
68
+ activeColor: StringConstructor;
69
+ inactiveColor: StringConstructor;
70
+ modelValue: {
71
+ type: PropType<SliderValue>;
72
+ default: number;
73
+ };
74
+ title: StringConstructor;
75
+ direction: {
76
+ type: PropType<SliderDirection>;
77
+ default: SliderDirection;
78
+ };
79
+ showPercent: {
80
+ type: BooleanConstructor;
81
+ default: true;
82
+ };
83
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
84
+ min: {
85
+ type: (NumberConstructor | StringConstructor)[];
86
+ default: number;
87
+ };
88
+ max: {
89
+ type: (NumberConstructor | StringConstructor)[];
90
+ default: number;
91
+ };
92
+ step: {
93
+ type: (NumberConstructor | StringConstructor)[];
94
+ default: number;
95
+ };
96
+ range: BooleanConstructor;
97
+ reverse: BooleanConstructor;
98
+ disabled: BooleanConstructor;
99
+ readonly: {
100
+ type: BooleanConstructor;
101
+ default: true;
102
+ };
103
+ vertical: BooleanConstructor;
104
+ barHeight: (NumberConstructor | StringConstructor)[];
105
+ buttonSize: (NumberConstructor | StringConstructor)[];
106
+ activeColor: StringConstructor;
107
+ inactiveColor: StringConstructor;
108
+ modelValue: {
109
+ type: PropType<SliderValue>;
110
+ default: number;
111
+ };
112
+ title: StringConstructor;
113
+ direction: {
114
+ type: PropType<SliderDirection>;
115
+ default: SliderDirection;
116
+ };
117
+ showPercent: {
118
+ type: BooleanConstructor;
119
+ default: true;
120
+ };
121
+ }>> & {
122
+ onChange?: ((...args: any[]) => any) | undefined;
123
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
124
+ onDragStart?: ((...args: any[]) => any) | undefined;
125
+ onDragEnd?: ((...args: any[]) => any) | undefined;
126
+ }, {
127
+ reverse: boolean;
128
+ range: boolean;
129
+ max: string | number;
130
+ disabled: boolean;
131
+ vertical: boolean;
132
+ direction: SliderDirection;
133
+ modelValue: SliderValue;
134
+ readonly: boolean;
135
+ step: string | number;
136
+ min: string | number;
137
+ showPercent: boolean;
138
+ }, {}>;
139
+ export default _default;