@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
package/es/step/Step.mjs CHANGED
@@ -1,82 +1,101 @@
1
- import VarIcon from '../icon/index.mjs';
2
- import { computed, defineComponent } from 'vue';
3
- import { props } from './props.mjs';
4
- import { useSteps } from './provide.mjs';
5
- import { toNumber } from '@varlet/shared';
6
- import { createNamespace } from '../utils/components.mjs';
7
- var {
8
- name,
9
- n,
10
- classes
11
- } = createNamespace('step');
1
+ import VarIcon from "../icon/index.mjs";
2
+ import { computed, defineComponent } from "vue";
3
+ import { props } from "./props.mjs";
4
+ import { useSteps } from "./provide.mjs";
5
+ import { toNumber } from "@varlet/shared";
6
+ import { createNamespace } from "../utils/components.mjs";
7
+ const { name, n, classes } = createNamespace("step");
12
8
  import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderSlot as _renderSlot, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
13
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
14
- var _hoisted_1 = {
15
- key: 3
16
- };
9
+ const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
10
+ const _hoisted_1 = { key: 3 };
17
11
  function __render__(_ctx, _cache) {
18
- var _component_var_icon = _resolveComponent("var-icon");
19
- return _openBlock(), _createElementBlock("div", {
20
- class: _normalizeClass(_ctx.n())
21
- }, [_createElementVNode("div", {
22
- class: _normalizeClass(_ctx.n(_ctx.direction))
23
- }, [_createElementVNode("div", {
24
- class: _normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-tag"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-tag--active")])),
25
- style: _normalizeStyle({
26
- backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor
27
- }),
28
- onClick: _cache[0] || (_cache[0] = function () {
29
- return _ctx.click && _ctx.click(...arguments);
30
- })
31
- }, [_ctx.isActive ? (_openBlock(), _createBlock(_component_var_icon, {
32
- key: 0,
33
- class: _normalizeClass(_ctx.n('icon')),
34
- "var-step-cover": "",
35
- name: _ctx.activeIcon
36
- }, null, 8 /* PROPS */, ["class", "name"])) : _ctx.isCurrent && _ctx.currentIcon ? (_openBlock(), _createBlock(_component_var_icon, {
37
- key: 1,
38
- class: _normalizeClass(_ctx.n('icon')),
39
- "var-step-cover": "",
40
- name: _ctx.currentIcon
41
- }, null, 8 /* PROPS */, ["class", "name"])) : _ctx.inactiveIcon ? (_openBlock(), _createBlock(_component_var_icon, {
42
- key: 2,
43
- class: _normalizeClass(_ctx.n('icon')),
44
- "var-step-cover": "",
45
- name: _ctx.inactiveIcon
46
- }, null, 8 /* PROPS */, ["class", "name"])) : (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.index + 1), 1 /* TEXT */))], 6 /* CLASS, STYLE */), _createElementVNode("div", {
47
- class: _normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-content"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-content--active")])),
48
- onClick: _cache[1] || (_cache[1] = function () {
49
- return _ctx.click && _ctx.click(...arguments);
50
- })
51
- }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _createElementVNode("div", {
52
- class: _normalizeClass(_ctx.n(_ctx.direction + "-line"))
53
- }, null, 2 /* CLASS */)], 2 /* CLASS */)], 2 /* CLASS */);
12
+ const _component_var_icon = _resolveComponent("var-icon");
13
+ return _openBlock(), _createElementBlock(
14
+ "div",
15
+ {
16
+ class: _normalizeClass(_ctx.n())
17
+ },
18
+ [
19
+ _createElementVNode(
20
+ "div",
21
+ {
22
+ class: _normalizeClass(_ctx.n(_ctx.direction))
23
+ },
24
+ [
25
+ _createElementVNode(
26
+ "div",
27
+ {
28
+ class: _normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-tag`), [_ctx.isActive || _ctx.isCurrent, _ctx.n(`${_ctx.direction}-tag--active`)])),
29
+ style: _normalizeStyle({ backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor }),
30
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
31
+ },
32
+ [
33
+ _ctx.isActive ? (_openBlock(), _createBlock(_component_var_icon, {
34
+ key: 0,
35
+ class: _normalizeClass(_ctx.n("icon")),
36
+ "var-step-cover": "",
37
+ name: _ctx.activeIcon
38
+ }, null, 8, ["class", "name"])) : _ctx.isCurrent && _ctx.currentIcon ? (_openBlock(), _createBlock(_component_var_icon, {
39
+ key: 1,
40
+ class: _normalizeClass(_ctx.n("icon")),
41
+ "var-step-cover": "",
42
+ name: _ctx.currentIcon
43
+ }, null, 8, ["class", "name"])) : _ctx.inactiveIcon ? (_openBlock(), _createBlock(_component_var_icon, {
44
+ key: 2,
45
+ class: _normalizeClass(_ctx.n("icon")),
46
+ "var-step-cover": "",
47
+ name: _ctx.inactiveIcon
48
+ }, null, 8, ["class", "name"])) : (_openBlock(), _createElementBlock(
49
+ "span",
50
+ _hoisted_1,
51
+ _toDisplayString(_ctx.index + 1),
52
+ 1
53
+ /* TEXT */
54
+ ))
55
+ ],
56
+ 6
57
+ /* CLASS, STYLE */
58
+ ),
59
+ _createElementVNode(
60
+ "div",
61
+ {
62
+ class: _normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-content`), [_ctx.isActive || _ctx.isCurrent, _ctx.n(`${_ctx.direction}-content--active`)])),
63
+ onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
64
+ },
65
+ [
66
+ _renderSlot(_ctx.$slots, "default")
67
+ ],
68
+ 2
69
+ /* CLASS */
70
+ ),
71
+ _createElementVNode(
72
+ "div",
73
+ {
74
+ class: _normalizeClass(_ctx.n(`${_ctx.direction}-line`))
75
+ },
76
+ null,
77
+ 2
78
+ /* CLASS */
79
+ )
80
+ ],
81
+ 2
82
+ /* CLASS */
83
+ )
84
+ ],
85
+ 2
86
+ /* CLASS */
87
+ );
54
88
  }
55
-
56
- var __sfc__ = defineComponent({
89
+ const __sfc__ = defineComponent({
57
90
  name,
58
- components: {
59
- VarIcon
60
- },
91
+ components: { VarIcon },
61
92
  props,
62
93
  setup() {
63
- var {
64
- index,
65
- steps,
66
- bindSteps
67
- } = useSteps();
68
- var {
69
- active,
70
- activeColor,
71
- inactiveColor,
72
- direction,
73
- clickStep
74
- } = steps;
75
- var isCurrent = computed(() => active.value === index.value);
76
- var isActive = computed(() => index.value !== -1 && toNumber(active.value) > index.value);
77
- var stepProvider = {
78
- index
79
- };
94
+ const { index, steps, bindSteps } = useSteps();
95
+ const { active, activeColor, inactiveColor, direction, clickStep } = steps;
96
+ const isCurrent = computed(() => active.value === index.value);
97
+ const isActive = computed(() => index.value !== -1 && toNumber(active.value) > index.value);
98
+ const stepProvider = { index };
80
99
  bindSteps(stepProvider);
81
100
  function click() {
82
101
  return clickStep(index.value);
@@ -95,4 +114,7 @@ var __sfc__ = defineComponent({
95
114
  }
96
115
  });
97
116
  __sfc__.render = __render__;
98
- export default __sfc__;
117
+ var stdin_default = __sfc__;
118
+ export {
119
+ stdin_default as default
120
+ };
package/es/step/index.mjs CHANGED
@@ -1,6 +1,11 @@
1
- import Step from './Step.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Step from "./Step.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Step);
4
- export { props as stepProps } from './props.mjs';
5
- export var _StepComponent = Step;
6
- export default Step;
4
+ import { props } from "./props.mjs";
5
+ const _StepComponent = Step;
6
+ var stdin_default = Step;
7
+ export {
8
+ _StepComponent,
9
+ stdin_default as default,
10
+ props as stepProps
11
+ };
package/es/step/props.mjs CHANGED
@@ -1,8 +1,11 @@
1
- export var props = {
1
+ const props = {
2
2
  activeIcon: {
3
3
  type: String,
4
- default: 'check'
4
+ default: "check"
5
5
  },
6
6
  currentIcon: String,
7
7
  inactiveIcon: String
8
- };
8
+ };
9
+ export {
10
+ props
11
+ };
@@ -1,18 +1,17 @@
1
- import { useParent } from '@varlet/use';
2
- import { error } from '../utils/logger.mjs';
3
- import { STEPS_BIND_STEP_KEY } from '../steps/provide.mjs';
4
- export function useSteps() {
5
- var {
6
- parentProvider,
7
- index,
8
- bindParent
9
- } = useParent(STEPS_BIND_STEP_KEY);
1
+ import { useParent } from "@varlet/use";
2
+ import { error } from "../utils/logger.mjs";
3
+ import { STEPS_BIND_STEP_KEY } from "../steps/provide.mjs";
4
+ function useSteps() {
5
+ const { parentProvider, index, bindParent } = useParent(STEPS_BIND_STEP_KEY);
10
6
  if (!bindParent) {
11
- error('Steps', '<step/> must in <steps>');
7
+ error("Steps", "<step/> must in <steps>");
12
8
  }
13
9
  return {
14
10
  index,
15
11
  steps: parentProvider,
16
12
  bindSteps: bindParent
17
13
  };
18
- }
14
+ }
15
+ export {
16
+ useSteps
17
+ };
@@ -1,33 +1,33 @@
1
- import { computed, defineComponent } from 'vue';
2
- import { useStep } from './provide.mjs';
3
- import { props } from './props.mjs';
4
- import { createNamespace, call } from '../utils/components.mjs';
5
- var {
6
- name,
7
- n
8
- } = createNamespace('steps');
1
+ import { computed, defineComponent } from "vue";
2
+ import { useStep } from "./provide.mjs";
3
+ import { props } from "./props.mjs";
4
+ import { createNamespace, call } from "../utils/components.mjs";
5
+ const { name, n } = createNamespace("steps");
9
6
  import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
10
7
  function __render__(_ctx, _cache) {
11
- return _openBlock(), _createElementBlock("div", {
12
- class: _normalizeClass(_ctx.n()),
13
- style: _normalizeStyle({
14
- flexDirection: _ctx.direction === 'horizontal' ? 'row' : 'column'
15
- })
16
- }, [_renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */);
8
+ return _openBlock(), _createElementBlock(
9
+ "div",
10
+ {
11
+ class: _normalizeClass(_ctx.n()),
12
+ style: _normalizeStyle({ flexDirection: _ctx.direction === "horizontal" ? "row" : "column" })
13
+ },
14
+ [
15
+ _renderSlot(_ctx.$slots, "default")
16
+ ],
17
+ 6
18
+ /* CLASS, STYLE */
19
+ );
17
20
  }
18
-
19
- var __sfc__ = defineComponent({
21
+ const __sfc__ = defineComponent({
20
22
  name,
21
23
  props,
22
- setup(props) {
23
- var active = computed(() => props.active);
24
- var activeColor = computed(() => props.activeColor);
25
- var inactiveColor = computed(() => props.inactiveColor);
26
- var direction = computed(() => props.direction);
27
- var {
28
- bindStep
29
- } = useStep();
30
- var stepsProvider = {
24
+ setup(props2) {
25
+ const active = computed(() => props2.active);
26
+ const activeColor = computed(() => props2.activeColor);
27
+ const inactiveColor = computed(() => props2.inactiveColor);
28
+ const direction = computed(() => props2.direction);
29
+ const { bindStep } = useStep();
30
+ const stepsProvider = {
31
31
  active,
32
32
  direction,
33
33
  activeColor,
@@ -36,12 +36,13 @@ var __sfc__ = defineComponent({
36
36
  };
37
37
  bindStep(stepsProvider);
38
38
  function clickStep(index) {
39
- call(props.onClickStep, index);
39
+ call(props2.onClickStep, index);
40
40
  }
41
- return {
42
- n
43
- };
41
+ return { n };
44
42
  }
45
43
  });
46
44
  __sfc__.render = __render__;
47
- export default __sfc__;
45
+ var stdin_default = __sfc__;
46
+ export {
47
+ stdin_default as default
48
+ };
@@ -1,6 +1,11 @@
1
- import Steps from './Steps.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Steps from "./Steps.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Steps);
4
- export { props as stepsProps } from './props.mjs';
5
- export var _StepsComponent = Steps;
6
- export default Steps;
4
+ import { props } from "./props.mjs";
5
+ const _StepsComponent = Steps;
6
+ var stdin_default = Steps;
7
+ export {
8
+ _StepsComponent,
9
+ stdin_default as default,
10
+ props as stepsProps
11
+ };
@@ -1,14 +1,17 @@
1
- import { defineListenerProp } from '../utils/components.mjs';
2
- export var props = {
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
3
  active: {
4
4
  type: [String, Number],
5
5
  default: 0
6
6
  },
7
7
  direction: {
8
8
  type: String,
9
- default: 'horizontal'
9
+ default: "horizontal"
10
10
  },
11
11
  activeColor: String,
12
12
  inactiveColor: String,
13
13
  onClickStep: defineListenerProp()
14
- };
14
+ };
15
+ export {
16
+ props
17
+ };
@@ -1,12 +1,13 @@
1
- import { useChildren } from '@varlet/use';
2
- export var STEPS_BIND_STEP_KEY = Symbol('STEPS_BIND_STEP_KEY');
3
- export function useStep() {
4
- var {
5
- bindChildren,
6
- childProviders
7
- } = useChildren(STEPS_BIND_STEP_KEY);
1
+ import { useChildren } from "@varlet/use";
2
+ const STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
3
+ function useStep() {
4
+ const { bindChildren, childProviders } = useChildren(STEPS_BIND_STEP_KEY);
8
5
  return {
9
6
  step: childProviders,
10
7
  bindStep: bindChildren
11
8
  };
12
- }
9
+ }
10
+ export {
11
+ STEPS_BIND_STEP_KEY,
12
+ useStep
13
+ };
@@ -1,93 +1,114 @@
1
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
2
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
3
- import { defineComponent, ref, computed, watch } from 'vue';
4
- import { props } from './props.mjs';
5
- import { getParentScroller, toPxNum } from '../utils/elements.mjs';
6
- import { toNumber, raf, doubleRaf, getRect } from '@varlet/shared';
7
- import { call, createNamespace } from '../utils/components.mjs';
8
- import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from '@varlet/use';
9
- var {
10
- name,
11
- n,
12
- classes
13
- } = createNamespace('sticky');
1
+ var __async = (__this, __arguments, generator) => {
2
+ return new Promise((resolve, reject) => {
3
+ var fulfilled = (value) => {
4
+ try {
5
+ step(generator.next(value));
6
+ } catch (e) {
7
+ reject(e);
8
+ }
9
+ };
10
+ var rejected = (value) => {
11
+ try {
12
+ step(generator.throw(value));
13
+ } catch (e) {
14
+ reject(e);
15
+ }
16
+ };
17
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
18
+ step((generator = generator.apply(__this, __arguments)).next());
19
+ });
20
+ };
21
+ import { defineComponent, ref, computed, watch } from "vue";
22
+ import { props } from "./props.mjs";
23
+ import { getParentScroller, toPxNum } from "../utils/elements.mjs";
24
+ import { toNumber, raf, doubleRaf, getRect } from "@varlet/shared";
25
+ import { call, createNamespace } from "../utils/components.mjs";
26
+ import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from "@varlet/use";
27
+ const { name, n, classes } = createNamespace("sticky");
14
28
  import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
15
29
  function __render__(_ctx, _cache) {
16
- return _openBlock(), _createElementBlock("div", {
17
- class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.enableCSSMode, _ctx.n('--css-mode')])),
18
- ref: "stickyEl",
19
- style: _normalizeStyle({
20
- zIndex: _ctx.toNumber(_ctx.zIndex),
21
- top: _ctx.enableCSSMode ? _ctx.offsetTop + "px" : undefined,
22
- width: _ctx.enableFixedMode ? _ctx.fixedWidth : undefined,
23
- height: _ctx.enableFixedMode ? _ctx.fixedHeight : undefined
24
- })
25
- }, [_createElementVNode("div", {
26
- class: _normalizeClass(_ctx.n('wrapper')),
27
- ref: "wrapperEl",
28
- style: _normalizeStyle({
29
- zIndex: _ctx.toNumber(_ctx.zIndex),
30
- position: _ctx.enableFixedMode ? 'fixed' : undefined,
31
- width: _ctx.enableFixedMode ? _ctx.fixedWrapperWidth : undefined,
32
- height: _ctx.enableFixedMode ? _ctx.fixedWrapperHeight : undefined,
33
- left: _ctx.enableFixedMode ? _ctx.fixedLeft : undefined,
34
- top: _ctx.enableFixedMode ? _ctx.fixedTop : undefined
35
- })
36
- }, [_renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */);
30
+ return _openBlock(), _createElementBlock(
31
+ "div",
32
+ {
33
+ class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.enableCSSMode, _ctx.n("--css-mode")])),
34
+ ref: "stickyEl",
35
+ style: _normalizeStyle({
36
+ zIndex: _ctx.toNumber(_ctx.zIndex),
37
+ top: _ctx.enableCSSMode ? `${_ctx.offsetTop}px` : void 0,
38
+ width: _ctx.enableFixedMode ? _ctx.fixedWidth : void 0,
39
+ height: _ctx.enableFixedMode ? _ctx.fixedHeight : void 0
40
+ })
41
+ },
42
+ [
43
+ _createElementVNode(
44
+ "div",
45
+ {
46
+ class: _normalizeClass(_ctx.n("wrapper")),
47
+ ref: "wrapperEl",
48
+ style: _normalizeStyle({
49
+ zIndex: _ctx.toNumber(_ctx.zIndex),
50
+ position: _ctx.enableFixedMode ? "fixed" : void 0,
51
+ width: _ctx.enableFixedMode ? _ctx.fixedWrapperWidth : void 0,
52
+ height: _ctx.enableFixedMode ? _ctx.fixedWrapperHeight : void 0,
53
+ left: _ctx.enableFixedMode ? _ctx.fixedLeft : void 0,
54
+ top: _ctx.enableFixedMode ? _ctx.fixedTop : void 0
55
+ })
56
+ },
57
+ [
58
+ _renderSlot(_ctx.$slots, "default")
59
+ ],
60
+ 6
61
+ /* CLASS, STYLE */
62
+ )
63
+ ],
64
+ 6
65
+ /* CLASS, STYLE */
66
+ );
37
67
  }
38
-
39
- var __sfc__ = defineComponent({
68
+ const __sfc__ = defineComponent({
40
69
  name,
41
70
  props,
42
- setup(props) {
43
- var stickyEl = ref(null);
44
- var wrapperEl = ref(null);
45
- var isFixed = ref(false);
46
- var fixedTop = ref('0px');
47
- var fixedLeft = ref('0px');
48
- var fixedWidth = ref('auto');
49
- var fixedHeight = ref('auto');
50
- var fixedWrapperWidth = ref('auto');
51
- var fixedWrapperHeight = ref('auto');
52
- var enableCSSMode = computed(() => !props.disabled && props.cssMode);
53
- var enableFixedMode = computed(() => !props.disabled && !props.cssMode && isFixed.value);
54
- var offsetTop = computed(() => toPxNum(props.offsetTop));
55
- var scroller;
56
- watch(() => props.disabled, resize);
71
+ setup(props2) {
72
+ const stickyEl = ref(null);
73
+ const wrapperEl = ref(null);
74
+ const isFixed = ref(false);
75
+ const fixedTop = ref("0px");
76
+ const fixedLeft = ref("0px");
77
+ const fixedWidth = ref("auto");
78
+ const fixedHeight = ref("auto");
79
+ const fixedWrapperWidth = ref("auto");
80
+ const fixedWrapperHeight = ref("auto");
81
+ const enableCSSMode = computed(() => !props2.disabled && props2.cssMode);
82
+ const enableFixedMode = computed(() => !props2.disabled && !props2.cssMode && isFixed.value);
83
+ const offsetTop = computed(() => toPxNum(props2.offsetTop));
84
+ let scroller;
85
+ watch(() => props2.disabled, resize);
57
86
  onSmartMounted(addScrollListener);
58
87
  onSmartUnmounted(removeScrollListener);
59
88
  onWindowResize(resize);
60
- useEventListener(() => window, 'scroll', handleScroll);
89
+ useEventListener(() => window, "scroll", handleScroll);
61
90
  function computeFixedParams() {
62
- var {
63
- cssMode,
64
- disabled
65
- } = props;
91
+ const { cssMode, disabled } = props2;
66
92
  if (disabled) {
67
93
  return;
68
94
  }
69
- var scrollerTop = 0;
95
+ let scrollerTop = 0;
70
96
  if (scroller !== window) {
71
- var {
72
- top
73
- } = getRect(scroller);
97
+ const { top } = getRect(scroller);
74
98
  scrollerTop = top;
75
99
  }
76
- var wrapper = wrapperEl.value;
77
- var sticky = stickyEl.value;
78
- var {
79
- top: stickyTop,
80
- left: stickyLeft
81
- } = getRect(sticky);
82
- var currentOffsetTop = stickyTop - scrollerTop;
100
+ const wrapper = wrapperEl.value;
101
+ const sticky = stickyEl.value;
102
+ const { top: stickyTop, left: stickyLeft } = getRect(sticky);
103
+ const currentOffsetTop = stickyTop - scrollerTop;
83
104
  if (currentOffsetTop <= offsetTop.value) {
84
105
  if (!cssMode) {
85
- fixedWidth.value = sticky.offsetWidth + "px";
86
- fixedHeight.value = sticky.offsetHeight + "px";
87
- fixedTop.value = scrollerTop + offsetTop.value + "px";
88
- fixedLeft.value = stickyLeft + "px";
89
- fixedWrapperWidth.value = wrapper.offsetWidth + "px";
90
- fixedWrapperHeight.value = wrapper.offsetHeight + "px";
106
+ fixedWidth.value = `${sticky.offsetWidth}px`;
107
+ fixedHeight.value = `${sticky.offsetHeight}px`;
108
+ fixedTop.value = `${scrollerTop + offsetTop.value}px`;
109
+ fixedLeft.value = `${stickyLeft}px`;
110
+ fixedWrapperWidth.value = `${wrapper.offsetWidth}px`;
111
+ fixedWrapperHeight.value = `${wrapper.offsetHeight}px`;
91
112
  isFixed.value = true;
92
113
  }
93
114
  return {
@@ -105,40 +126,28 @@ var __sfc__ = defineComponent({
105
126
  if (!scroller) {
106
127
  return;
107
128
  }
108
-
109
- // returns undefined when disabled = true
110
- var fixedParams = computeFixedParams();
129
+ const fixedParams = computeFixedParams();
111
130
  if (fixedParams) {
112
- call(props.onScroll, fixedParams.offsetTop, fixedParams.isFixed);
131
+ call(props2.onScroll, fixedParams.offsetTop, fixedParams.isFixed);
113
132
  }
114
133
  }
115
-
116
- // expose
117
134
  function resize() {
118
- return _resize.apply(this, arguments);
119
- }
120
- function _resize() {
121
- _resize = _asyncToGenerator(function* () {
135
+ return __async(this, null, function* () {
122
136
  isFixed.value = false;
123
137
  yield raf();
124
138
  computeFixedParams();
125
139
  });
126
- return _resize.apply(this, arguments);
127
140
  }
128
141
  function addScrollListener() {
129
- return _addScrollListener.apply(this, arguments);
130
- }
131
- function _addScrollListener() {
132
- _addScrollListener = _asyncToGenerator(function* () {
142
+ return __async(this, null, function* () {
133
143
  yield doubleRaf();
134
144
  scroller = getParentScroller(stickyEl.value);
135
- scroller !== window && scroller.addEventListener('scroll', handleScroll);
145
+ scroller !== window && scroller.addEventListener("scroll", handleScroll);
136
146
  handleScroll();
137
147
  });
138
- return _addScrollListener.apply(this, arguments);
139
148
  }
140
149
  function removeScrollListener() {
141
- scroller !== window && scroller.removeEventListener('scroll', handleScroll);
150
+ scroller !== window && scroller.removeEventListener("scroll", handleScroll);
142
151
  }
143
152
  return {
144
153
  stickyEl,
@@ -161,4 +170,7 @@ var __sfc__ = defineComponent({
161
170
  }
162
171
  });
163
172
  __sfc__.render = __render__;
164
- export default __sfc__;
173
+ var stdin_default = __sfc__;
174
+ export {
175
+ stdin_default as default
176
+ };
@@ -1,6 +1,11 @@
1
- import Sticky from './Sticky.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Sticky from "./Sticky.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Sticky);
4
- export { props as stickyProps } from './props.mjs';
5
- export var _StickyComponent = Sticky;
6
- export default Sticky;
4
+ import { props } from "./props.mjs";
5
+ const _StickyComponent = Sticky;
6
+ var stdin_default = Sticky;
7
+ export {
8
+ _StickyComponent,
9
+ stdin_default as default,
10
+ props as stickyProps
11
+ };