@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

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 (348) hide show
  1. package/es/action-sheet/ActionSheet.mjs +97 -67
  2. package/es/action-sheet/index.mjs +43 -28
  3. package/es/action-sheet/props.mjs +39 -8
  4. package/es/app-bar/AppBar.mjs +129 -56
  5. package/es/app-bar/index.mjs +10 -5
  6. package/es/app-bar/props.mjs +6 -3
  7. package/es/avatar/Avatar.mjs +97 -87
  8. package/es/avatar/index.mjs +10 -5
  9. package/es/avatar/props.mjs +8 -5
  10. package/es/avatar-group/AvatarGroup.mjs +26 -20
  11. package/es/avatar-group/index.mjs +10 -5
  12. package/es/avatar-group/props.mjs +5 -2
  13. package/es/back-top/BackTop.mjs +71 -53
  14. package/es/back-top/index.mjs +10 -5
  15. package/es/back-top/props.mjs +6 -3
  16. package/es/badge/Badge.mjs +74 -46
  17. package/es/badge/index.mjs +10 -5
  18. package/es/badge/props.mjs +7 -4
  19. package/es/bottom-navigation/BottomNavigation.mjs +100 -97
  20. package/es/bottom-navigation/index.mjs +10 -5
  21. package/es/bottom-navigation/props.mjs +7 -4
  22. package/es/bottom-navigation/provide.mjs +13 -9
  23. package/es/bottom-navigation-item/BottomNavigationItem.mjs +93 -74
  24. package/es/bottom-navigation-item/index.mjs +10 -5
  25. package/es/bottom-navigation-item/props.mjs +7 -4
  26. package/es/bottom-navigation-item/provide.mjs +14 -11
  27. package/es/breadcrumb/Breadcrumb.mjs +51 -36
  28. package/es/breadcrumb/index.mjs +10 -5
  29. package/es/breadcrumb/props.mjs +6 -3
  30. package/es/breadcrumb/provide.mjs +12 -11
  31. package/es/breadcrumbs/Breadcrumbs.mjs +26 -24
  32. package/es/breadcrumbs/index.mjs +10 -5
  33. package/es/breadcrumbs/props.mjs +6 -3
  34. package/es/breadcrumbs/provide.mjs +11 -9
  35. package/es/button/Button.mjs +88 -90
  36. package/es/button/index.mjs +10 -5
  37. package/es/button/props.mjs +31 -10
  38. package/es/button/provide.mjs +8 -9
  39. package/es/button-group/ButtonGroup.mjs +38 -26
  40. package/es/button-group/index.mjs +8 -4
  41. package/es/button-group/props.mjs +8 -5
  42. package/es/button-group/provide.mjs +9 -9
  43. package/es/card/Card.mjs +292 -189
  44. package/es/card/index.mjs +10 -5
  45. package/es/card/props.mjs +9 -6
  46. package/es/cell/Cell.mjs +96 -52
  47. package/es/cell/index.mjs +10 -5
  48. package/es/cell/props.mjs +6 -3
  49. package/es/checkbox/Checkbox.mjs +136 -130
  50. package/es/checkbox/index.mjs +10 -5
  51. package/es/checkbox/props.mjs +9 -6
  52. package/es/checkbox/provide.mjs +10 -9
  53. package/es/checkbox-group/CheckboxGroup.mjs +63 -96
  54. package/es/checkbox-group/index.mjs +10 -5
  55. package/es/checkbox-group/props.mjs +9 -6
  56. package/es/checkbox-group/provide.mjs +11 -9
  57. package/es/chip/Chip.mjs +66 -50
  58. package/es/chip/index.mjs +10 -5
  59. package/es/chip/props.mjs +10 -7
  60. package/es/col/Col.mjs +60 -55
  61. package/es/col/index.mjs +10 -5
  62. package/es/col/props.mjs +7 -4
  63. package/es/col/provide.mjs +8 -9
  64. package/es/collapse/Collapse.mjs +70 -73
  65. package/es/collapse/index.mjs +10 -5
  66. package/es/collapse/props.mjs +7 -4
  67. package/es/collapse/provide.mjs +11 -9
  68. package/es/collapse-item/CollapseItem.mjs +156 -93
  69. package/es/collapse-item/index.mjs +10 -5
  70. package/es/collapse-item/props.mjs +6 -3
  71. package/es/collapse-item/provide.mjs +12 -11
  72. package/es/context/index.mjs +9 -5
  73. package/es/context/lock.mjs +18 -22
  74. package/es/context/zIndex.mjs +19 -16
  75. package/es/countdown/Countdown.mjs +73 -70
  76. package/es/countdown/index.mjs +10 -5
  77. package/es/countdown/props.mjs +7 -4
  78. package/es/counter/Counter.mjs +169 -173
  79. package/es/counter/index.mjs +10 -5
  80. package/es/counter/props.mjs +8 -5
  81. package/es/counter/provide.ts +3 -0
  82. package/es/date-picker/DatePicker.mjs +411 -304
  83. package/es/date-picker/index.mjs +10 -5
  84. package/es/date-picker/props.mjs +71 -45
  85. package/es/date-picker/src/day-picker-panel.mjs +270 -208
  86. package/es/date-picker/src/month-picker-panel.mjs +205 -175
  87. package/es/date-picker/src/panel-header.mjs +101 -83
  88. package/es/date-picker/src/year-picker-panel.mjs +64 -54
  89. package/es/dialog/Dialog.mjs +171 -106
  90. package/es/dialog/index.mjs +49 -33
  91. package/es/dialog/props.mjs +39 -9
  92. package/es/divider/Divider.mjs +56 -51
  93. package/es/divider/index.mjs +10 -5
  94. package/es/divider/props.mjs +5 -2
  95. package/es/drag/Drag.mjs +126 -144
  96. package/es/drag/index.mjs +10 -5
  97. package/es/drag/props.mjs +8 -5
  98. package/es/ellipsis/Ellipsis.mjs +81 -50
  99. package/es/ellipsis/index.mjs +8 -4
  100. package/es/ellipsis/props.mjs +5 -2
  101. package/es/fab/Fab.mjs +73 -75
  102. package/es/fab/index.mjs +8 -4
  103. package/es/fab/props.mjs +14 -11
  104. package/es/field-decorator/FieldDecorator.mjs +215 -110
  105. package/es/field-decorator/props.mjs +9 -6
  106. package/es/form/Form.mjs +69 -79
  107. package/es/form/index.mjs +11 -6
  108. package/es/form/props.mjs +6 -3
  109. package/es/form/provide.mjs +35 -22
  110. package/es/form-details/FormDetails.mjs +81 -39
  111. package/es/form-details/index.mjs +10 -5
  112. package/es/form-details/props.mjs +7 -4
  113. package/es/hover/index.mjs +37 -40
  114. package/es/hover-overlay/HoverOverlay.mjs +18 -14
  115. package/es/hover-overlay/index.mjs +13 -8
  116. package/es/hover-overlay/props.mjs +5 -2
  117. package/es/icon/Icon.mjs +50 -33
  118. package/es/icon/index.mjs +10 -5
  119. package/es/icon/props.mjs +7 -4
  120. package/es/image/Image.mjs +76 -82
  121. package/es/image/index.mjs +10 -5
  122. package/es/image/props.mjs +7 -4
  123. package/es/image-preview/ImagePreview.mjs +176 -193
  124. package/es/image-preview/index.mjs +44 -30
  125. package/es/image-preview/props.mjs +34 -9
  126. package/es/index-anchor/IndexAnchor.mjs +45 -42
  127. package/es/index-anchor/index.mjs +10 -5
  128. package/es/index-anchor/props.mjs +5 -2
  129. package/es/index-anchor/provide.mjs +12 -11
  130. package/es/index-bar/IndexBar.mjs +130 -131
  131. package/es/index-bar/index.mjs +10 -5
  132. package/es/index-bar/props.mjs +6 -3
  133. package/es/index-bar/provide.mjs +11 -9
  134. package/es/index.bundle.mjs +1 -1
  135. package/es/index.mjs +1 -1
  136. package/es/input/Input.mjs +231 -247
  137. package/es/input/index.mjs +10 -5
  138. package/es/input/props.mjs +38 -8
  139. package/es/input/provide.ts +3 -0
  140. package/es/lazy/index.mjs +94 -87
  141. package/es/link/Link.mjs +39 -45
  142. package/es/link/index.mjs +10 -5
  143. package/es/link/props.mjs +8 -5
  144. package/es/list/List.mjs +144 -97
  145. package/es/list/index.mjs +10 -5
  146. package/es/list/props.mjs +8 -5
  147. package/es/list/provide.mjs +8 -9
  148. package/es/loading/Loading.mjs +165 -72
  149. package/es/loading/index.mjs +10 -5
  150. package/es/loading/props.mjs +7 -4
  151. package/es/loading-bar/LoadingBar.mjs +19 -16
  152. package/es/loading-bar/index.mjs +37 -30
  153. package/es/loading-bar/props.mjs +5 -2
  154. package/es/locale/en-US.mjs +76 -73
  155. package/es/locale/index.mjs +52 -41
  156. package/es/locale/zh-CN.mjs +76 -73
  157. package/es/menu/Menu.mjs +76 -57
  158. package/es/menu/index.mjs +10 -5
  159. package/es/menu/props.mjs +11 -8
  160. package/es/menu/usePopover.mjs +214 -207
  161. package/es/option/Option.mjs +86 -70
  162. package/es/option/index.mjs +10 -5
  163. package/es/option/props.mjs +5 -2
  164. package/es/option/provide.mjs +10 -11
  165. package/es/overlay/Overlay.mjs +29 -31
  166. package/es/overlay/index.mjs +10 -5
  167. package/es/overlay/props.mjs +7 -4
  168. package/es/pagination/Pagination.mjs +334 -202
  169. package/es/pagination/index.mjs +10 -5
  170. package/es/pagination/props.mjs +8 -5
  171. package/es/paper/Paper.mjs +43 -31
  172. package/es/paper/index.mjs +10 -5
  173. package/es/paper/props.mjs +6 -3
  174. package/es/picker/Picker.mjs +288 -224
  175. package/es/picker/index.mjs +24 -23
  176. package/es/picker/props.mjs +37 -7
  177. package/es/popup/Popup.mjs +68 -58
  178. package/es/popup/index.mjs +10 -5
  179. package/es/popup/props.mjs +9 -6
  180. package/es/popup/provide.mjs +12 -15
  181. package/es/progress/Progress.mjs +186 -114
  182. package/es/progress/index.mjs +10 -5
  183. package/es/progress/props.mjs +7 -4
  184. package/es/pull-refresh/PullRefresh.mjs +136 -116
  185. package/es/pull-refresh/index.mjs +10 -5
  186. package/es/pull-refresh/props.mjs +8 -5
  187. package/es/radio/Radio.mjs +122 -118
  188. package/es/radio/index.mjs +10 -5
  189. package/es/radio/props.mjs +8 -5
  190. package/es/radio/provide.mjs +8 -9
  191. package/es/radio-group/RadioGroup.mjs +50 -58
  192. package/es/radio-group/index.mjs +10 -5
  193. package/es/radio-group/props.mjs +10 -7
  194. package/es/radio-group/provide.mjs +11 -9
  195. package/es/rate/Rate.mjs +103 -132
  196. package/es/rate/index.mjs +10 -5
  197. package/es/rate/props.mjs +10 -7
  198. package/es/rate/provide.ts +3 -0
  199. package/es/result/Empty.mjs +21 -12
  200. package/es/result/Error.mjs +18 -9
  201. package/es/result/Info.mjs +18 -9
  202. package/es/result/Question.mjs +18 -9
  203. package/es/result/Result.mjs +102 -55
  204. package/es/result/Success.mjs +84 -40
  205. package/es/result/Warning.mjs +18 -9
  206. package/es/result/index.mjs +10 -5
  207. package/es/result/props.mjs +6 -3
  208. package/es/ripple/index.mjs +89 -101
  209. package/es/row/Row.mjs +40 -45
  210. package/es/row/index.mjs +10 -5
  211. package/es/row/props.mjs +8 -5
  212. package/es/row/provide.mjs +9 -9
  213. package/es/select/Select.mjs +308 -298
  214. package/es/select/index.mjs +10 -5
  215. package/es/select/props.mjs +40 -10
  216. package/es/select/provide.mjs +9 -9
  217. package/es/skeleton/Skeleton.mjs +182 -71
  218. package/es/skeleton/index.mjs +10 -5
  219. package/es/skeleton/props.mjs +5 -2
  220. package/es/slider/Slider.mjs +310 -260
  221. package/es/slider/index.mjs +10 -5
  222. package/es/slider/props.mjs +15 -11
  223. package/es/slider/provide.ts +3 -0
  224. package/es/snackbar/Snackbar.mjs +47 -34
  225. package/es/snackbar/core.mjs +140 -77
  226. package/es/snackbar/index.mjs +111 -97
  227. package/es/snackbar/props.mjs +35 -14
  228. package/es/space/Space.mjs +30 -28
  229. package/es/space/index.mjs +10 -5
  230. package/es/space/margin.mjs +22 -23
  231. package/es/space/props.mjs +8 -5
  232. package/es/step/Step.mjs +96 -74
  233. package/es/step/index.mjs +10 -5
  234. package/es/step/props.mjs +6 -3
  235. package/es/step/provide.mjs +10 -11
  236. package/es/steps/Steps.mjs +31 -30
  237. package/es/steps/index.mjs +10 -5
  238. package/es/steps/props.mjs +7 -4
  239. package/es/steps/provide.mjs +9 -8
  240. package/es/sticky/Sticky.mjs +104 -92
  241. package/es/sticky/index.mjs +10 -5
  242. package/es/sticky/props.mjs +6 -3
  243. package/es/style-provider/StyleProvider.mjs +19 -18
  244. package/es/style-provider/index.mjs +15 -11
  245. package/es/style-provider/props.mjs +6 -3
  246. package/es/swipe/Swipe.mjs +281 -268
  247. package/es/swipe/index.mjs +10 -5
  248. package/es/swipe/props.mjs +6 -3
  249. package/es/swipe/provide.mjs +11 -9
  250. package/es/swipe-item/SwipeItem.mjs +29 -29
  251. package/es/swipe-item/index.mjs +8 -4
  252. package/es/swipe-item/provide.mjs +10 -11
  253. package/es/switch/Switch.mjs +143 -103
  254. package/es/switch/index.mjs +10 -5
  255. package/es/switch/props.mjs +7 -4
  256. package/es/switch/provide.ts +3 -0
  257. package/es/tab/Tab.mjs +48 -61
  258. package/es/tab/index.mjs +10 -5
  259. package/es/tab/props.mjs +6 -3
  260. package/es/tab/provide.mjs +10 -11
  261. package/es/tab-item/TabItem.mjs +27 -32
  262. package/es/tab-item/index.mjs +10 -5
  263. package/es/tab-item/props.mjs +5 -2
  264. package/es/tab-item/provide.mjs +17 -18
  265. package/es/table/Table.mjs +54 -25
  266. package/es/table/index.mjs +10 -5
  267. package/es/table/props.mjs +6 -3
  268. package/es/tabs/Tabs.mjs +162 -134
  269. package/es/tabs/index.mjs +10 -5
  270. package/es/tabs/props.mjs +15 -12
  271. package/es/tabs/provide.mjs +9 -9
  272. package/es/tabs-items/TabsItems.mjs +61 -65
  273. package/es/tabs-items/index.mjs +10 -5
  274. package/es/tabs-items/props.mjs +7 -4
  275. package/es/tabs-items/provide.mjs +11 -9
  276. package/es/themes/dark/actionSheet.mjs +8 -5
  277. package/es/themes/dark/appBar.mjs +6 -3
  278. package/es/themes/dark/avatar.mjs +7 -4
  279. package/es/themes/dark/badge.mjs +6 -3
  280. package/es/themes/dark/bottomNavigation.mjs +7 -4
  281. package/es/themes/dark/bottomNavigationItem.mjs +6 -3
  282. package/es/themes/dark/breadcrumb.mjs +6 -3
  283. package/es/themes/dark/button.mjs +7 -4
  284. package/es/themes/dark/card.mjs +10 -7
  285. package/es/themes/dark/cell.mjs +7 -4
  286. package/es/themes/dark/checkbox.mjs +7 -4
  287. package/es/themes/dark/chip.mjs +7 -4
  288. package/es/themes/dark/collapse.mjs +8 -5
  289. package/es/themes/dark/countdown.mjs +6 -3
  290. package/es/themes/dark/datePicker.mjs +10 -7
  291. package/es/themes/dark/dialog.mjs +8 -5
  292. package/es/themes/dark/divider.mjs +7 -4
  293. package/es/themes/dark/fieldDecorator.mjs +7 -4
  294. package/es/themes/dark/index.mjs +69 -51
  295. package/es/themes/dark/link.mjs +6 -3
  296. package/es/themes/dark/menu.mjs +6 -3
  297. package/es/themes/dark/option.mjs +6 -3
  298. package/es/themes/dark/pagination.mjs +11 -8
  299. package/es/themes/dark/paper.mjs +6 -3
  300. package/es/themes/dark/picker.mjs +11 -8
  301. package/es/themes/dark/popup.mjs +6 -3
  302. package/es/themes/dark/progress.mjs +6 -3
  303. package/es/themes/dark/pullRefresh.mjs +6 -3
  304. package/es/themes/dark/radio.mjs +7 -4
  305. package/es/themes/dark/result.mjs +12 -9
  306. package/es/themes/dark/select.mjs +6 -3
  307. package/es/themes/dark/skeleton.mjs +11 -6
  308. package/es/themes/dark/steps.mjs +8 -5
  309. package/es/themes/dark/switch.mjs +7 -4
  310. package/es/themes/dark/tab.mjs +6 -3
  311. package/es/themes/dark/table.mjs +12 -9
  312. package/es/themes/dark/tabs.mjs +6 -3
  313. package/es/themes/dark/timePicker.mjs +9 -6
  314. package/es/themes/dark/uploader.mjs +10 -7
  315. package/es/themes/dark/watermark.mjs +6 -3
  316. package/es/themes/index.mjs +7 -5
  317. package/es/time-picker/TimePicker.mjs +297 -232
  318. package/es/time-picker/clock.mjs +222 -172
  319. package/es/time-picker/index.mjs +10 -5
  320. package/es/time-picker/props.mjs +14 -8
  321. package/es/time-picker/utils.mjs +46 -86
  322. package/es/tooltip/Tooltip.mjs +82 -62
  323. package/es/tooltip/index.mjs +10 -5
  324. package/es/tooltip/props.mjs +12 -9
  325. package/es/uploader/Uploader.mjs +315 -308
  326. package/es/uploader/index.mjs +10 -5
  327. package/es/uploader/props.mjs +10 -7
  328. package/es/uploader/provide.ts +3 -0
  329. package/es/utils/components.mjs +158 -127
  330. package/es/utils/elements.mjs +106 -123
  331. package/es/utils/logger.mjs +9 -5
  332. package/es/utils/shared.mjs +25 -23
  333. package/es/utils/test.mjs +105 -93
  334. package/es/varlet.esm.js +12464 -13425
  335. package/es/watermark/Watermark.mjs +191 -109
  336. package/es/watermark/index.mjs +8 -4
  337. package/es/watermark/props.mjs +8 -5
  338. package/highlight/web-types.en-US.json +3 -3
  339. package/highlight/web-types.zh-CN.json +2 -2
  340. package/lib/varlet.cjs.js +9187 -10199
  341. package/package.json +7 -7
  342. package/umd/varlet.js +4 -4
  343. package/es/counter/provide.mjs +0 -1
  344. package/es/input/provide.mjs +0 -1
  345. package/es/rate/provide.mjs +0 -1
  346. package/es/slider/provide.mjs +0 -1
  347. package/es/switch/provide.mjs +0 -1
  348. package/es/uploader/provide.mjs +0 -1
@@ -1,6 +1,11 @@
1
- import Slider from './Slider.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Slider from "./Slider.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Slider);
4
- export { props as sliderProps } from './props.mjs';
5
- export var _SliderComponent = Slider;
6
- export default Slider;
4
+ import { props } from "./props.mjs";
5
+ const _SliderComponent = Slider;
6
+ var stdin_default = Slider;
7
+ export {
8
+ _SliderComponent,
9
+ stdin_default as default,
10
+ props as sliderProps
11
+ };
@@ -1,10 +1,10 @@
1
- import { defineListenerProp } from '../utils/components.mjs';
2
- export var Thumbs = /*#__PURE__*/function (Thumbs) {
3
- Thumbs["First"] = "1";
4
- Thumbs["Second"] = "2";
5
- return Thumbs;
6
- }({});
7
- export var props = {
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ var Thumbs = /* @__PURE__ */ ((Thumbs2) => {
3
+ Thumbs2["First"] = "1";
4
+ Thumbs2["Second"] = "2";
5
+ return Thumbs2;
6
+ })(Thumbs || {});
7
+ const props = {
8
8
  modelValue: {
9
9
  type: [Number, Array],
10
10
  default: 0
@@ -16,7 +16,7 @@ export var props = {
16
16
  range: Boolean,
17
17
  labelVisible: {
18
18
  type: String,
19
- default: 'normal'
19
+ default: "normal"
20
20
  },
21
21
  activeColor: String,
22
22
  trackColor: String,
@@ -37,11 +37,15 @@ export var props = {
37
37
  readonly: Boolean,
38
38
  direction: {
39
39
  type: String,
40
- default: 'horizontal'
40
+ default: "horizontal"
41
41
  },
42
42
  rules: Array,
43
43
  onChange: defineListenerProp(),
44
44
  onStart: defineListenerProp(),
45
45
  onEnd: defineListenerProp(),
46
- 'onUpdate:modelValue': defineListenerProp()
47
- };
46
+ "onUpdate:modelValue": defineListenerProp()
47
+ };
48
+ export {
49
+ Thumbs,
50
+ props
51
+ };
@@ -0,0 +1,3 @@
1
+ import { Validation } from '../form/provide'
2
+
3
+ export type SliderProvider = Validation
@@ -1,44 +1,54 @@
1
- import VarSnackbarCore from './core.mjs';
2
- import { defineComponent } from 'vue';
3
- import { createNamespace, useTeleport } from '../utils/components.mjs';
4
- import { props } from './props.mjs';
5
- var {
6
- name,
7
- n
8
- } = createNamespace('snackbar');
1
+ import VarSnackbarCore from "./core.mjs";
2
+ import { defineComponent } from "vue";
3
+ import { createNamespace, useTeleport } from "../utils/components.mjs";
4
+ import { props } from "./props.mjs";
5
+ const { name, n } = createNamespace("snackbar");
9
6
  import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Transition as _Transition, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
10
7
  function __render__(_ctx, _cache) {
11
- var _component_var_snackbar_core = _resolveComponent("var-snackbar-core");
8
+ const _component_var_snackbar_core = _resolveComponent("var-snackbar-core");
12
9
  return _openBlock(), _createBlock(_Teleport, {
13
- to: _ctx.teleport === false ? undefined : _ctx.teleport,
10
+ to: _ctx.teleport === false ? void 0 : _ctx.teleport,
14
11
  disabled: _ctx.disabled || _ctx.teleport === false
15
- }, [_createVNode(_Transition, {
16
- name: _ctx.n() + "-fade",
17
- onAfterEnter: _ctx.onOpened,
18
- onAfterLeave: _ctx.onClosed
19
- }, {
20
- default: _withCtx(() => [_createVNode(_component_var_snackbar_core, _mergeProps(_ctx.$props, {
21
- class: _ctx.n('transition')
22
- }), {
23
- icon: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
24
- action: _withCtx(() => [_renderSlot(_ctx.$slots, "action")]),
25
- default: _withCtx(() => [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.content), 1 /* TEXT */)])]),
26
-
27
- _: 3 /* FORWARDED */
28
- }, 16 /* FULL_PROPS */, ["class"])]),
29
- _: 3 /* FORWARDED */
30
- }, 8 /* PROPS */, ["name", "onAfterEnter", "onAfterLeave"])], 8 /* PROPS */, ["to", "disabled"]);
12
+ }, [
13
+ _createVNode(_Transition, {
14
+ name: `${_ctx.n()}-fade`,
15
+ onAfterEnter: _ctx.onOpened,
16
+ onAfterLeave: _ctx.onClosed
17
+ }, {
18
+ default: _withCtx(() => [
19
+ _createVNode(_component_var_snackbar_core, _mergeProps(_ctx.$props, {
20
+ class: _ctx.n("transition")
21
+ }), {
22
+ icon: _withCtx(() => [
23
+ _renderSlot(_ctx.$slots, "icon")
24
+ ]),
25
+ action: _withCtx(() => [
26
+ _renderSlot(_ctx.$slots, "action")
27
+ ]),
28
+ default: _withCtx(() => [
29
+ _renderSlot(_ctx.$slots, "default", {}, () => [
30
+ _createTextVNode(
31
+ _toDisplayString(_ctx.content),
32
+ 1
33
+ /* TEXT */
34
+ )
35
+ ])
36
+ ]),
37
+ _: 3
38
+ /* FORWARDED */
39
+ }, 16, ["class"])
40
+ ]),
41
+ _: 3
42
+ /* FORWARDED */
43
+ }, 8, ["name", "onAfterEnter", "onAfterLeave"])
44
+ ], 8, ["to", "disabled"]);
31
45
  }
32
- var __sfc__ = defineComponent({
46
+ const __sfc__ = defineComponent({
33
47
  name,
34
- components: {
35
- VarSnackbarCore
36
- },
48
+ components: { VarSnackbarCore },
37
49
  props,
38
50
  setup() {
39
- var {
40
- disabled
41
- } = useTeleport();
51
+ const { disabled } = useTeleport();
42
52
  return {
43
53
  disabled,
44
54
  n
@@ -46,4 +56,7 @@ var __sfc__ = defineComponent({
46
56
  }
47
57
  });
48
58
  __sfc__.render = __render__;
49
- export default __sfc__;
59
+ var stdin_default = __sfc__;
60
+ export {
61
+ stdin_default as default
62
+ };
@@ -1,94 +1,154 @@
1
- import VarLoading from '../loading/index.mjs';
2
- import VarIcon from '../icon/index.mjs';
3
- import { defineComponent, watch, ref, computed } from 'vue';
4
- import { useZIndex } from '../context/zIndex.mjs';
5
- import { props } from './props.mjs';
6
- import { useLock } from '../context/lock.mjs';
7
- import { SNACKBAR_TYPE } from './index.mjs';
8
- import { call, createNamespace } from '../utils/components.mjs';
9
- import { onSmartMounted } from '@varlet/use';
10
- var {
11
- n,
12
- classes
13
- } = createNamespace('snackbar');
14
- var ICON_TYPE_DICT = {
15
- success: 'checkbox-marked-circle',
16
- warning: 'warning',
17
- info: 'information',
18
- error: 'error',
19
- loading: ''
1
+ import VarLoading from "../loading/index.mjs";
2
+ import VarIcon from "../icon/index.mjs";
3
+ import { defineComponent, watch, ref, computed } from "vue";
4
+ import { useZIndex } from "../context/zIndex.mjs";
5
+ import { props } from "./props.mjs";
6
+ import { useLock } from "../context/lock.mjs";
7
+ import { SNACKBAR_TYPE } from "./index.mjs";
8
+ import { call, createNamespace } from "../utils/components.mjs";
9
+ import { onSmartMounted } from "@varlet/use";
10
+ const { n, classes } = createNamespace("snackbar");
11
+ const ICON_TYPE_DICT = {
12
+ success: "checkbox-marked-circle",
13
+ warning: "warning",
14
+ info: "information",
15
+ error: "error",
16
+ loading: ""
20
17
  };
21
18
  import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, vShow as _vShow, withDirectives as _withDirectives, createElementBlock as _createElementBlock } from "vue";
22
19
  function __render__(_ctx, _cache) {
23
- var _component_var_icon = _resolveComponent("var-icon");
24
- var _component_var_loading = _resolveComponent("var-loading");
25
- return _withDirectives((_openBlock(), _createElementBlock("div", {
26
- class: _normalizeClass(_ctx.n()),
27
- style: _normalizeStyle({
28
- pointerEvents: _ctx.isForbidClick ? 'auto' : 'none',
29
- zIndex: _ctx.zIndex
30
- })
31
- }, [_createElementVNode("div", {
32
- class: _normalizeClass(_ctx.classes(_ctx.n('wrapper'), _ctx.n("wrapper-" + _ctx.position), _ctx.n('$-elevation--4'), [_ctx.vertical, _ctx.n('vertical')], [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n("wrapper-" + _ctx.type)])),
33
- style: _normalizeStyle({
34
- zIndex: _ctx.zIndex
35
- })
36
- }, [_createElementVNode("div", {
37
- class: _normalizeClass([_ctx.n('content'), _ctx.contentClass])
38
- }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.content), 1 /* TEXT */)])], 2 /* CLASS */), _createElementVNode("div", {
39
- class: _normalizeClass([_ctx.n('icon')])
40
- }, [_ctx.iconName ? (_openBlock(), _createBlock(_component_var_icon, {
41
- key: 0,
42
- name: _ctx.iconName
43
- }, null, 8 /* PROPS */, ["name"])) : _createCommentVNode("v-if", true), _ctx.type === 'loading' ? (_openBlock(), _createBlock(_component_var_loading, {
44
- key: 1,
45
- type: _ctx.loadingType,
46
- size: _ctx.loadingSize,
47
- color: _ctx.loadingColor,
48
- radius: _ctx.loadingRadius
49
- }, null, 8 /* PROPS */, ["type", "size", "color", "radius"])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "icon")], 2 /* CLASS */), _createElementVNode("div", {
50
- class: _normalizeClass(_ctx.n('action'))
51
- }, [_renderSlot(_ctx.$slots, "action")], 2 /* CLASS */)], 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */)), [[_vShow, _ctx.show]]);
20
+ const _component_var_icon = _resolveComponent("var-icon");
21
+ const _component_var_loading = _resolveComponent("var-loading");
22
+ return _withDirectives((_openBlock(), _createElementBlock(
23
+ "div",
24
+ {
25
+ class: _normalizeClass(_ctx.n()),
26
+ style: _normalizeStyle({ pointerEvents: _ctx.isForbidClick ? "auto" : "none", zIndex: _ctx.zIndex })
27
+ },
28
+ [
29
+ _createElementVNode(
30
+ "div",
31
+ {
32
+ class: _normalizeClass(
33
+ _ctx.classes(
34
+ _ctx.n("wrapper"),
35
+ _ctx.n(`wrapper-${_ctx.position}`),
36
+ _ctx.n("$-elevation--4"),
37
+ [_ctx.vertical, _ctx.n("vertical")],
38
+ [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n(`wrapper-${_ctx.type}`)]
39
+ )
40
+ ),
41
+ style: _normalizeStyle({ zIndex: _ctx.zIndex })
42
+ },
43
+ [
44
+ _createElementVNode(
45
+ "div",
46
+ {
47
+ class: _normalizeClass([_ctx.n("content"), _ctx.contentClass])
48
+ },
49
+ [
50
+ _renderSlot(_ctx.$slots, "default", {}, () => [
51
+ _createTextVNode(
52
+ _toDisplayString(_ctx.content),
53
+ 1
54
+ /* TEXT */
55
+ )
56
+ ])
57
+ ],
58
+ 2
59
+ /* CLASS */
60
+ ),
61
+ _createElementVNode(
62
+ "div",
63
+ {
64
+ class: _normalizeClass([_ctx.n("icon")])
65
+ },
66
+ [
67
+ _ctx.iconName ? (_openBlock(), _createBlock(_component_var_icon, {
68
+ key: 0,
69
+ name: _ctx.iconName
70
+ }, null, 8, ["name"])) : _createCommentVNode("v-if", true),
71
+ _ctx.type === "loading" ? (_openBlock(), _createBlock(_component_var_loading, {
72
+ key: 1,
73
+ type: _ctx.loadingType,
74
+ size: _ctx.loadingSize,
75
+ color: _ctx.loadingColor,
76
+ radius: _ctx.loadingRadius
77
+ }, null, 8, ["type", "size", "color", "radius"])) : _createCommentVNode("v-if", true),
78
+ _renderSlot(_ctx.$slots, "icon")
79
+ ],
80
+ 2
81
+ /* CLASS */
82
+ ),
83
+ _createElementVNode(
84
+ "div",
85
+ {
86
+ class: _normalizeClass(_ctx.n("action"))
87
+ },
88
+ [
89
+ _renderSlot(_ctx.$slots, "action")
90
+ ],
91
+ 2
92
+ /* CLASS */
93
+ )
94
+ ],
95
+ 6
96
+ /* CLASS, STYLE */
97
+ )
98
+ ],
99
+ 6
100
+ /* CLASS, STYLE */
101
+ )), [
102
+ [_vShow, _ctx.show]
103
+ ]);
52
104
  }
53
- var __sfc__ = defineComponent({
54
- name: 'VarSnackbarCore',
105
+ const __sfc__ = defineComponent({
106
+ name: "VarSnackbarCore",
55
107
  components: {
56
108
  VarLoading,
57
109
  VarIcon
58
110
  },
59
111
  props,
60
- setup(props) {
61
- var timer = ref(null);
62
- var {
63
- zIndex
64
- } = useZIndex(() => props.show, 1);
65
- useLock(() => props.show, () => props.lockScroll);
66
- var isForbidClick = computed(() => props.type === 'loading' || props.forbidClick);
67
- var iconName = computed(() => {
68
- if (!props.type) return '';
69
- return ICON_TYPE_DICT[props.type];
112
+ setup(props2) {
113
+ const timer = ref(null);
114
+ const { zIndex } = useZIndex(() => props2.show, 1);
115
+ useLock(
116
+ () => props2.show,
117
+ () => props2.lockScroll
118
+ );
119
+ const isForbidClick = computed(() => props2.type === "loading" || props2.forbidClick);
120
+ const iconName = computed(() => {
121
+ if (!props2.type)
122
+ return "";
123
+ return ICON_TYPE_DICT[props2.type];
70
124
  });
71
- var updateAfterDuration = () => {
125
+ const updateAfterDuration = () => {
72
126
  timer.value = setTimeout(() => {
73
- props.type !== 'loading' && call(props['onUpdate:show'], false);
74
- }, props.duration);
127
+ props2.type !== "loading" && call(props2["onUpdate:show"], false);
128
+ }, props2.duration);
75
129
  };
76
- watch(() => props.show, show => {
77
- if (show) {
78
- call(props.onOpen);
79
- updateAfterDuration();
80
- } else if (show === false) {
130
+ watch(
131
+ () => props2.show,
132
+ (show) => {
133
+ if (show) {
134
+ call(props2.onOpen);
135
+ updateAfterDuration();
136
+ } else if (show === false) {
137
+ clearTimeout(timer.value);
138
+ call(props2.onClose);
139
+ }
140
+ }
141
+ );
142
+ watch(
143
+ () => props2._update,
144
+ () => {
81
145
  clearTimeout(timer.value);
82
- call(props.onClose);
146
+ updateAfterDuration();
83
147
  }
84
- });
85
- watch(() => props._update, () => {
86
- clearTimeout(timer.value);
87
- updateAfterDuration();
88
- });
148
+ );
89
149
  onSmartMounted(() => {
90
- if (props.show) {
91
- call(props.onOpen);
150
+ if (props2.show) {
151
+ call(props2.onOpen);
92
152
  updateAfterDuration();
93
153
  }
94
154
  });
@@ -103,4 +163,7 @@ var __sfc__ = defineComponent({
103
163
  }
104
164
  });
105
165
  __sfc__.render = __render__;
106
- export default __sfc__;
166
+ var stdin_default = __sfc__;
167
+ export {
168
+ stdin_default as default
169
+ };