@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/rate/Rate.mjs CHANGED
@@ -1,179 +1,147 @@
1
- import VarIcon from '../icon/index.mjs';
2
- import VarFormDetails from '../form-details/index.mjs';
3
- import Ripple from '../ripple/index.mjs';
4
- import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
5
- import Hover from '../hover/index.mjs';
6
- import { defineComponent, nextTick, ref } from 'vue';
7
- import { useForm } from '../form/provide.mjs';
8
- import { useValidation, call, createNamespace } from '../utils/components.mjs';
9
- import { toSizeUnit } from '../utils/elements.mjs';
10
- import { toNumber } from '@varlet/shared';
11
- import { props } from './props.mjs';
12
- var {
13
- name,
14
- n
15
- } = createNamespace('rate');
1
+ import VarIcon from "../icon/index.mjs";
2
+ import VarFormDetails from "../form-details/index.mjs";
3
+ import Ripple from "../ripple/index.mjs";
4
+ import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
5
+ import Hover from "../hover/index.mjs";
6
+ import { defineComponent, nextTick, ref } from "vue";
7
+ import { useForm } from "../form/provide.mjs";
8
+ import { useValidation, call, createNamespace } from "../utils/components.mjs";
9
+ import { toSizeUnit } from "../utils/elements.mjs";
10
+ import { toNumber } from "@varlet/shared";
11
+ import { props } from "./props.mjs";
12
+ const { name, n } = createNamespace("rate");
16
13
  import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
17
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
18
- var _hoisted_1 = ["onClick"];
14
+ const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
15
+ const _hoisted_1 = ["onClick"];
19
16
  function __render__(_ctx, _cache) {
20
- var _component_var_icon = _resolveComponent("var-icon");
21
- var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
22
- var _component_var_form_details = _resolveComponent("var-form-details");
23
- var _directive_ripple = _resolveDirective("ripple");
24
- var _directive_hover = _resolveDirective("hover");
25
- return _openBlock(), _createElementBlock("div", {
26
- class: _normalizeClass(_ctx.n('wrap'))
27
- }, [_createElementVNode("div", {
28
- class: _normalizeClass(_ctx.n())
29
- }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.toNumber(_ctx.count), value => {
30
- return _withDirectives((_openBlock(), _createElementBlock("div", {
31
- key: value,
32
- style: _normalizeStyle(_ctx.getStyle(value)),
33
- class: _normalizeClass(_ctx.getClass(value)),
34
- onClick: $event => _ctx.handleClick(value, $event)
35
- }, [_createVNode(_component_var_icon, {
36
- class: _normalizeClass(_ctx.n('content-icon')),
37
- "var-rate-cover": "",
38
- transition: 0,
39
- namespace: _ctx.namespace,
40
- name: _ctx.getCurrentState(value).name,
41
- style: _normalizeStyle({
42
- fontSize: _ctx.toSizeUnit(_ctx.size)
43
- })
44
- }, null, 8 /* PROPS */, ["class", "namespace", "name", "style"]), _createVNode(_component_var_hover_overlay, {
45
- hovering: _ctx.hovering && value === _ctx.currentHoveringValue && !_ctx.disabled && !_ctx.formDisabled
46
- }, null, 8 /* PROPS */, ["hovering"])], 14 /* CLASS, STYLE, PROPS */, _hoisted_1)), [[_directive_ripple, {
47
- disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple
48
- }], [_directive_hover, _ctx.createHoverHandler(value), "desktop"]]);
49
- }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), _createVNode(_component_var_form_details, {
50
- "error-message": _ctx.errorMessage
51
- }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
17
+ const _component_var_icon = _resolveComponent("var-icon");
18
+ const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
19
+ const _component_var_form_details = _resolveComponent("var-form-details");
20
+ const _directive_ripple = _resolveDirective("ripple");
21
+ const _directive_hover = _resolveDirective("hover");
22
+ return _openBlock(), _createElementBlock(
23
+ "div",
24
+ {
25
+ class: _normalizeClass(_ctx.n("wrap"))
26
+ },
27
+ [
28
+ _createElementVNode(
29
+ "div",
30
+ {
31
+ class: _normalizeClass(_ctx.n())
32
+ },
33
+ [
34
+ (_openBlock(true), _createElementBlock(
35
+ _Fragment,
36
+ null,
37
+ _renderList(_ctx.toNumber(_ctx.count), (value) => {
38
+ return _withDirectives((_openBlock(), _createElementBlock("div", {
39
+ key: value,
40
+ style: _normalizeStyle(_ctx.getStyle(value)),
41
+ class: _normalizeClass(_ctx.getClass(value)),
42
+ onClick: ($event) => _ctx.handleClick(value, $event)
43
+ }, [
44
+ _createVNode(_component_var_icon, {
45
+ class: _normalizeClass(_ctx.n("content-icon")),
46
+ "var-rate-cover": "",
47
+ transition: 0,
48
+ namespace: _ctx.namespace,
49
+ name: _ctx.getCurrentState(value).name,
50
+ style: _normalizeStyle({ fontSize: _ctx.toSizeUnit(_ctx.size) })
51
+ }, null, 8, ["class", "namespace", "name", "style"]),
52
+ _createVNode(_component_var_hover_overlay, {
53
+ hovering: _ctx.hovering && value === _ctx.currentHoveringValue && !_ctx.disabled && !_ctx.formDisabled
54
+ }, null, 8, ["hovering"])
55
+ ], 14, _hoisted_1)), [
56
+ [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
57
+ [_directive_hover, _ctx.createHoverHandler(value), "desktop"]
58
+ ]);
59
+ }),
60
+ 128
61
+ /* KEYED_FRAGMENT */
62
+ ))
63
+ ],
64
+ 2
65
+ /* CLASS */
66
+ ),
67
+ _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
68
+ ],
69
+ 2
70
+ /* CLASS */
71
+ );
52
72
  }
53
-
54
- var __sfc__ = defineComponent({
73
+ const __sfc__ = defineComponent({
55
74
  name,
56
75
  components: {
57
76
  VarIcon,
58
77
  VarFormDetails,
59
78
  VarHoverOverlay
60
79
  },
61
- directives: {
62
- Ripple,
63
- Hover
64
- },
80
+ directives: { Ripple, Hover },
65
81
  props,
66
- setup(props) {
67
- var currentHoveringValue = ref(-1);
68
- var {
69
- form,
70
- bindForm
71
- } = useForm();
72
- var {
73
- errorMessage,
74
- validateWithTrigger: vt,
75
- validate: v,
76
- resetValidation
77
- } = useValidation();
78
- var {
79
- hovering
80
- } = useHoverOverlay();
81
- var lastScore = Number(props.modelValue);
82
- var rateProvider = {
82
+ setup(props2) {
83
+ const currentHoveringValue = ref(-1);
84
+ const { form, bindForm } = useForm();
85
+ const { errorMessage, validateWithTrigger: vt, validate: v, resetValidation } = useValidation();
86
+ const { hovering } = useHoverOverlay();
87
+ let lastScore = Number(props2.modelValue);
88
+ const rateProvider = {
83
89
  reset,
84
90
  validate,
85
91
  resetValidation
86
92
  };
87
93
  call(bindForm, rateProvider);
88
94
  function getStyle(val) {
89
- var {
90
- count,
91
- gap
92
- } = props;
95
+ const { count, gap } = props2;
93
96
  return {
94
97
  color: getCurrentState(val).color,
95
98
  marginRight: val !== toNumber(count) ? toSizeUnit(gap) : 0
96
99
  };
97
100
  }
98
101
  function getClass(val) {
99
- var {
100
- name,
101
- color
102
- } = getCurrentState(val);
102
+ const { name: name2, color } = getCurrentState(val);
103
103
  return {
104
- [n('content')]: true,
105
- [n('--disabled')]: (form == null ? void 0 : form.disabled.value) || props.disabled,
106
- [n('--error')]: errorMessage.value,
107
- [n('--primary')]: name !== props.emptyIcon && !color
104
+ [n("content")]: true,
105
+ [n("--disabled")]: (form == null ? void 0 : form.disabled.value) || props2.disabled,
106
+ [n("--error")]: errorMessage.value,
107
+ [n("--primary")]: name2 !== props2.emptyIcon && !color
108
108
  };
109
109
  }
110
110
  function getCurrentState(index) {
111
- var {
112
- modelValue,
113
- disabled,
114
- disabledColor,
115
- color,
116
- half,
117
- emptyColor,
118
- icon,
119
- halfIcon,
120
- emptyIcon
121
- } = props;
122
- var iconColor = color;
123
- if (disabled || form != null && form.disabled.value) {
111
+ const { modelValue, disabled, disabledColor, color, half, emptyColor, icon, halfIcon, emptyIcon } = props2;
112
+ let iconColor = color;
113
+ if (disabled || (form == null ? void 0 : form.disabled.value)) {
124
114
  iconColor = disabledColor;
125
115
  }
126
116
  if (index <= toNumber(modelValue)) {
127
- return {
128
- color: iconColor,
129
- name: icon
130
- };
117
+ return { color: iconColor, name: icon };
131
118
  }
132
119
  if (half && index <= toNumber(modelValue) + 0.5) {
133
- return {
134
- color: iconColor,
135
- name: halfIcon
136
- };
120
+ return { color: iconColor, name: halfIcon };
137
121
  }
138
- return {
139
- color: disabled || form != null && form.disabled.value ? disabledColor : emptyColor,
140
- name: emptyIcon
141
- };
122
+ return { color: disabled || (form == null ? void 0 : form.disabled.value) ? disabledColor : emptyColor, name: emptyIcon };
142
123
  }
143
124
  function changeValue(score, event) {
144
- var {
145
- half,
146
- clearable
147
- } = props;
148
- var {
149
- offsetWidth
150
- } = event.target;
125
+ const { half, clearable } = props2;
126
+ const { offsetWidth } = event.target;
151
127
  if (half && event.offsetX <= Math.floor(offsetWidth / 2)) {
152
128
  score -= 0.5;
153
129
  }
154
-
155
- // set score to 0 when last score is equal to current score and clearable is true
156
130
  if (lastScore === score && clearable) {
157
131
  score = 0;
158
132
  }
159
-
160
- // update last score
161
133
  lastScore = score;
162
- call(props['onUpdate:modelValue'], score);
134
+ call(props2["onUpdate:modelValue"], score);
163
135
  }
164
136
  function validate() {
165
- return v(props.rules, toNumber(props.modelValue));
137
+ return v(props2.rules, toNumber(props2.modelValue));
166
138
  }
167
139
  function validateWithTrigger() {
168
- return nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
140
+ return nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
169
141
  }
170
142
  function handleClick(score, event) {
171
- var {
172
- readonly,
173
- disabled,
174
- onChange
175
- } = props;
176
- if (readonly || disabled || form != null && form.disabled.value || form != null && form.readonly.value) {
143
+ const { readonly, disabled, onChange } = props2;
144
+ if (readonly || disabled || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
177
145
  return;
178
146
  }
179
147
  changeValue(score, event);
@@ -181,13 +149,13 @@ var __sfc__ = defineComponent({
181
149
  validateWithTrigger();
182
150
  }
183
151
  function createHoverHandler(value) {
184
- return isHover => {
152
+ return (isHover) => {
185
153
  currentHoveringValue.value = value;
186
154
  hovering.value = isHover;
187
155
  };
188
156
  }
189
157
  function reset() {
190
- call(props['onUpdate:modelValue'], 0);
158
+ call(props2["onUpdate:modelValue"], 0);
191
159
  resetValidation();
192
160
  }
193
161
  return {
@@ -211,4 +179,7 @@ var __sfc__ = defineComponent({
211
179
  }
212
180
  });
213
181
  __sfc__.render = __render__;
214
- export default __sfc__;
182
+ var stdin_default = __sfc__;
183
+ export {
184
+ stdin_default as default
185
+ };
package/es/rate/index.mjs CHANGED
@@ -1,6 +1,11 @@
1
- import Rate from './Rate.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Rate from "./Rate.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Rate);
4
- export { props as rateProps } from './props.mjs';
5
- export var _RateComponent = Rate;
6
- export default Rate;
4
+ import { props } from "./props.mjs";
5
+ const _RateComponent = Rate;
6
+ var stdin_default = Rate;
7
+ export {
8
+ _RateComponent,
9
+ stdin_default as default,
10
+ props as rateProps
11
+ };
package/es/rate/props.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { defineListenerProp } from '../utils/components.mjs';
2
- export var props = {
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
3
  modelValue: {
4
4
  type: [String, Number],
5
5
  default: 0
@@ -11,12 +11,12 @@ export var props = {
11
11
  color: String,
12
12
  icon: {
13
13
  type: String,
14
- default: 'star'
14
+ default: "star"
15
15
  },
16
16
  emptyColor: String,
17
17
  emptyIcon: {
18
18
  type: String,
19
- default: 'star-outline'
19
+ default: "star-outline"
20
20
  },
21
21
  size: [String, Number],
22
22
  gap: [String, Number],
@@ -24,7 +24,7 @@ export var props = {
24
24
  half: Boolean,
25
25
  halfIcon: {
26
26
  type: String,
27
- default: 'star-half-full'
27
+ default: "star-half-full"
28
28
  },
29
29
  disabled: Boolean,
30
30
  disabledColor: String,
@@ -36,5 +36,8 @@ export var props = {
36
36
  clearable: Boolean,
37
37
  rules: Array,
38
38
  onChange: defineListenerProp(),
39
- 'onUpdate:modelValue': defineListenerProp()
40
- };
39
+ "onUpdate:modelValue": defineListenerProp()
40
+ };
41
+ export {
42
+ props
43
+ };
@@ -0,0 +1,3 @@
1
+ import { Validation } from '../form/provide'
2
+
3
+ export type RateProvider = Validation
@@ -1,17 +1,26 @@
1
- import { defineComponent } from 'vue';
1
+ import { defineComponent } from "vue";
2
2
  import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
3
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
- var _hoisted_1 = {
5
- viewBox: "-4 -4 32 32"
6
- };
7
- var _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("path", {
8
- fill: "currentColor",
9
- d: "M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z"
10
- }, null, -1 /* HOISTED */));
11
- var _hoisted_3 = [_hoisted_2];
3
+ const _withScopeId = (n) => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
+ const _hoisted_1 = { viewBox: "-4 -4 32 32" };
5
+ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
6
+ "path",
7
+ {
8
+ fill: "currentColor",
9
+ d: "M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z"
10
+ },
11
+ null,
12
+ -1
13
+ /* HOISTED */
14
+ ));
15
+ const _hoisted_3 = [
16
+ _hoisted_2
17
+ ];
12
18
  function __render__(_ctx, _cache) {
13
19
  return _openBlock(), _createElementBlock("svg", _hoisted_1, _hoisted_3);
14
20
  }
15
- var __sfc__ = defineComponent({});
21
+ const __sfc__ = defineComponent({});
16
22
  __sfc__.render = __render__;
17
- export default __sfc__;
23
+ var stdin_default = __sfc__;
24
+ export {
25
+ stdin_default as default
26
+ };
@@ -1,17 +1,26 @@
1
- import { defineComponent } from 'vue';
1
+ import { defineComponent } from "vue";
2
2
  import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
3
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
- var _hoisted_1 = {
3
+ const _withScopeId = (n) => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
+ const _hoisted_1 = {
5
5
  xmlns: "http://www.w3.org/2000/svg",
6
6
  viewBox: "2 2 20 20"
7
7
  };
8
- var _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("path", {
9
- d: "M19,3V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z"
10
- }, null, -1 /* HOISTED */));
11
- var _hoisted_3 = [_hoisted_2];
8
+ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
9
+ "path",
10
+ { d: "M19,3V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z" },
11
+ null,
12
+ -1
13
+ /* HOISTED */
14
+ ));
15
+ const _hoisted_3 = [
16
+ _hoisted_2
17
+ ];
12
18
  function __render__(_ctx, _cache) {
13
19
  return _openBlock(), _createElementBlock("svg", _hoisted_1, _hoisted_3);
14
20
  }
15
- var __sfc__ = defineComponent({});
21
+ const __sfc__ = defineComponent({});
16
22
  __sfc__.render = __render__;
17
- export default __sfc__;
23
+ var stdin_default = __sfc__;
24
+ export {
25
+ stdin_default as default
26
+ };
@@ -1,17 +1,26 @@
1
- import { defineComponent } from 'vue';
1
+ import { defineComponent } from "vue";
2
2
  import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
3
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
- var _hoisted_1 = {
3
+ const _withScopeId = (n) => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
+ const _hoisted_1 = {
5
5
  xmlns: "http://www.w3.org/2000/svg",
6
6
  viewBox: "2 3.6 20 20"
7
7
  };
8
- var _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("path", {
9
- d: "M11,9H13V7H11M11,20H13V11H11V20Z"
10
- }, null, -1 /* HOISTED */));
11
- var _hoisted_3 = [_hoisted_2];
8
+ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
9
+ "path",
10
+ { d: "M11,9H13V7H11M11,20H13V11H11V20Z" },
11
+ null,
12
+ -1
13
+ /* HOISTED */
14
+ ));
15
+ const _hoisted_3 = [
16
+ _hoisted_2
17
+ ];
12
18
  function __render__(_ctx, _cache) {
13
19
  return _openBlock(), _createElementBlock("svg", _hoisted_1, _hoisted_3);
14
20
  }
15
- var __sfc__ = defineComponent({});
21
+ const __sfc__ = defineComponent({});
16
22
  __sfc__.render = __render__;
17
- export default __sfc__;
23
+ var stdin_default = __sfc__;
24
+ export {
25
+ stdin_default as default
26
+ };
@@ -1,17 +1,26 @@
1
- import { defineComponent } from 'vue';
1
+ import { defineComponent } from "vue";
2
2
  import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
3
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
- var _hoisted_1 = {
3
+ const _withScopeId = (n) => (_pushScopeId(""), n = n(), _popScopeId(), n);
4
+ const _hoisted_1 = {
5
5
  xmlns: "http://www.w3.org/2000/svg",
6
6
  viewBox: "-3 -3 30 30"
7
7
  };
8
- var _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("path", {
9
- d: "M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z"
10
- }, null, -1 /* HOISTED */));
11
- var _hoisted_3 = [_hoisted_2];
8
+ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
9
+ "path",
10
+ { d: "M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" },
11
+ null,
12
+ -1
13
+ /* HOISTED */
14
+ ));
15
+ const _hoisted_3 = [
16
+ _hoisted_2
17
+ ];
12
18
  function __render__(_ctx, _cache) {
13
19
  return _openBlock(), _createElementBlock("svg", _hoisted_1, _hoisted_3);
14
20
  }
15
- var __sfc__ = defineComponent({});
21
+ const __sfc__ = defineComponent({});
16
22
  __sfc__.render = __render__;
17
- export default __sfc__;
23
+ var stdin_default = __sfc__;
24
+ export {
25
+ stdin_default as default
26
+ };