@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,86 +1,99 @@
1
- import VarCheckbox from '../checkbox/index.mjs';
2
- import Ripple from '../ripple/index.mjs';
3
- import Hover from '../hover/index.mjs';
4
- import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
5
- import { defineComponent, computed, ref, watch } from 'vue';
6
- import { useSelect } from './provide.mjs';
7
- import { createNamespace } from '../utils/components.mjs';
8
- import { props } from './props.mjs';
9
- var {
10
- name,
11
- n,
12
- classes
13
- } = createNamespace('option');
1
+ import VarCheckbox from "../checkbox/index.mjs";
2
+ import Ripple from "../ripple/index.mjs";
3
+ import Hover from "../hover/index.mjs";
4
+ import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
5
+ import { defineComponent, computed, ref, watch } from "vue";
6
+ import { useSelect } from "./provide.mjs";
7
+ import { createNamespace } from "../utils/components.mjs";
8
+ import { props } from "./props.mjs";
9
+ const { name, n, classes } = createNamespace("option");
14
10
  import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
15
11
  function __render__(_ctx, _cache) {
16
- var _component_var_checkbox = _resolveComponent("var-checkbox");
17
- var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
18
- var _directive_ripple = _resolveDirective("ripple");
19
- var _directive_hover = _resolveDirective("hover");
20
- return _withDirectives((_openBlock(), _createElementBlock("div", {
21
- class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.optionSelected, _ctx.n('--selected-color')])),
22
- style: _normalizeStyle({
23
- color: _ctx.optionSelected ? _ctx.focusColor : undefined
24
- }),
25
- onClick: _cache[2] || (_cache[2] = function () {
26
- return _ctx.handleClick && _ctx.handleClick(...arguments);
27
- })
28
- }, [_createElementVNode("div", {
29
- class: _normalizeClass(_ctx.classes(_ctx.n('cover'), [_ctx.optionSelected, _ctx.n('--selected-background')])),
30
- style: _normalizeStyle({
31
- background: _ctx.optionSelected ? _ctx.focusColor : undefined
32
- })
33
- }, null, 6 /* CLASS, STYLE */), _ctx.multiple ? (_openBlock(), _createBlock(_component_var_checkbox, {
34
- key: 0,
35
- ref: "checkbox",
36
- "checked-color": _ctx.focusColor,
37
- modelValue: _ctx.optionSelected,
38
- "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.optionSelected = $event),
39
- onClick: _cache[1] || (_cache[1] = _withModifiers(() => {}, ["stop"])),
40
- onChange: _ctx.handleSelect
41
- }, null, 8 /* PROPS */, ["checked-color", "modelValue", "onChange"])) : _createCommentVNode("v-if", true), _createElementVNode("div", {
42
- class: _normalizeClass(_ctx.classes(_ctx.n('text'), _ctx.n('$--ellipsis')))
43
- }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)])], 2 /* CLASS */), _createVNode(_component_var_hover_overlay, {
44
- hovering: _ctx.hovering
45
- }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_ripple], [_directive_hover, _ctx.handleHovering, "desktop"]]);
12
+ const _component_var_checkbox = _resolveComponent("var-checkbox");
13
+ const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
14
+ const _directive_ripple = _resolveDirective("ripple");
15
+ const _directive_hover = _resolveDirective("hover");
16
+ return _withDirectives((_openBlock(), _createElementBlock(
17
+ "div",
18
+ {
19
+ class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.optionSelected, _ctx.n("--selected-color")])),
20
+ style: _normalizeStyle({
21
+ color: _ctx.optionSelected ? _ctx.focusColor : void 0
22
+ }),
23
+ onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
24
+ },
25
+ [
26
+ _createElementVNode(
27
+ "div",
28
+ {
29
+ class: _normalizeClass(_ctx.classes(_ctx.n("cover"), [_ctx.optionSelected, _ctx.n("--selected-background")])),
30
+ style: _normalizeStyle({
31
+ background: _ctx.optionSelected ? _ctx.focusColor : void 0
32
+ })
33
+ },
34
+ null,
35
+ 6
36
+ /* CLASS, STYLE */
37
+ ),
38
+ _ctx.multiple ? (_openBlock(), _createBlock(_component_var_checkbox, {
39
+ key: 0,
40
+ ref: "checkbox",
41
+ "checked-color": _ctx.focusColor,
42
+ modelValue: _ctx.optionSelected,
43
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.optionSelected = $event),
44
+ onClick: _cache[1] || (_cache[1] = _withModifiers(() => {
45
+ }, ["stop"])),
46
+ onChange: _ctx.handleSelect
47
+ }, null, 8, ["checked-color", "modelValue", "onChange"])) : _createCommentVNode("v-if", true),
48
+ _createElementVNode(
49
+ "div",
50
+ {
51
+ class: _normalizeClass(_ctx.classes(_ctx.n("text"), _ctx.n("$--ellipsis")))
52
+ },
53
+ [
54
+ _renderSlot(_ctx.$slots, "default", {}, () => [
55
+ _createTextVNode(
56
+ _toDisplayString(_ctx.label),
57
+ 1
58
+ /* TEXT */
59
+ )
60
+ ])
61
+ ],
62
+ 2
63
+ /* CLASS */
64
+ ),
65
+ _createVNode(_component_var_hover_overlay, { hovering: _ctx.hovering }, null, 8, ["hovering"])
66
+ ],
67
+ 6
68
+ /* CLASS, STYLE */
69
+ )), [
70
+ [_directive_ripple],
71
+ [_directive_hover, _ctx.handleHovering, "desktop"]
72
+ ]);
46
73
  }
47
- var __sfc__ = defineComponent({
74
+ const __sfc__ = defineComponent({
48
75
  name,
49
- directives: {
50
- Ripple,
51
- Hover
52
- },
76
+ directives: { Ripple, Hover },
53
77
  components: {
54
78
  VarCheckbox,
55
79
  VarHoverOverlay
56
80
  },
57
81
  props,
58
- setup(props) {
59
- var optionSelected = ref(false);
60
- var selected = computed(() => optionSelected.value);
61
- var label = computed(() => props.label);
62
- var value = computed(() => props.value);
63
- var {
64
- select,
65
- bindSelect
66
- } = useSelect();
67
- var {
68
- multiple,
69
- focusColor,
70
- onSelect,
71
- computeLabel
72
- } = select;
73
- var {
74
- hovering,
75
- handleHovering
76
- } = useHoverOverlay();
77
- var optionProvider = {
82
+ setup(props2) {
83
+ const optionSelected = ref(false);
84
+ const selected = computed(() => optionSelected.value);
85
+ const label = computed(() => props2.label);
86
+ const value = computed(() => props2.value);
87
+ const { select, bindSelect } = useSelect();
88
+ const { multiple, focusColor, onSelect, computeLabel } = select;
89
+ const { hovering, handleHovering } = useHoverOverlay();
90
+ const optionProvider = {
78
91
  label,
79
92
  value,
80
93
  selected,
81
94
  sync
82
95
  };
83
- watch([() => props.label, () => props.value], computeLabel);
96
+ watch([() => props2.label, () => props2.value], computeLabel);
84
97
  bindSelect(optionProvider);
85
98
  function handleClick() {
86
99
  if (multiple.value) {
@@ -108,4 +121,7 @@ var __sfc__ = defineComponent({
108
121
  }
109
122
  });
110
123
  __sfc__.render = __render__;
111
- export default __sfc__;
124
+ var stdin_default = __sfc__;
125
+ export {
126
+ stdin_default as default
127
+ };
@@ -1,6 +1,11 @@
1
- import Option from './Option.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Option from "./Option.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Option);
4
- export { props as optionProps } from './props.mjs';
5
- export var _OptionComponent = Option;
6
- export default Option;
4
+ import { props } from "./props.mjs";
5
+ const _OptionComponent = Option;
6
+ var stdin_default = Option;
7
+ export {
8
+ _OptionComponent,
9
+ stdin_default as default,
10
+ props as optionProps
11
+ };
@@ -1,4 +1,7 @@
1
- export var props = {
1
+ const props = {
2
2
  label: {},
3
3
  value: {}
4
- };
4
+ };
5
+ export {
6
+ props
7
+ };
@@ -1,18 +1,17 @@
1
- import { useParent } from '@varlet/use';
2
- import { error } from '../utils/logger.mjs';
3
- import { SELECT_BIND_OPTION_KEY } from '../select/provide.mjs';
4
- export function useSelect() {
5
- var {
6
- index,
7
- parentProvider,
8
- bindParent
9
- } = useParent(SELECT_BIND_OPTION_KEY);
1
+ import { useParent } from "@varlet/use";
2
+ import { error } from "../utils/logger.mjs";
3
+ import { SELECT_BIND_OPTION_KEY } from "../select/provide.mjs";
4
+ function useSelect() {
5
+ const { index, parentProvider, bindParent } = useParent(SELECT_BIND_OPTION_KEY);
10
6
  if (!bindParent) {
11
- error('Option', '<var-option/> must in <var-select/>');
7
+ error("Option", "<var-option/> must in <var-select/>");
12
8
  }
13
9
  return {
14
10
  index,
15
11
  select: parentProvider,
16
12
  bindSelect: bindParent
17
13
  };
18
- }
14
+ }
15
+ export {
16
+ useSelect
17
+ };
@@ -1,37 +1,33 @@
1
- import { isVNode as _isVNode, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
2
- import { defineComponent, Teleport, Transition } from 'vue';
3
- import { props } from './props.mjs';
4
- import { useLock } from '../context/lock.mjs';
5
- import { useZIndex } from '../context/zIndex.mjs';
6
- import { createNamespace, useTeleport, call } from '../utils/components.mjs';
1
+ import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
2
+ import { defineComponent, Teleport, Transition } from "vue";
3
+ import { props } from "./props.mjs";
4
+ import { useLock } from "../context/lock.mjs";
5
+ import { useZIndex } from "../context/zIndex.mjs";
6
+ import { createNamespace, useTeleport, call } from "../utils/components.mjs";
7
7
 
8
8
 
9
- function _isSlot(s) {
10
- return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
11
- }
12
- var {
9
+ const {
13
10
  name,
14
11
  n
15
- } = createNamespace('overlay');
16
- export default defineComponent({
12
+ } = createNamespace("overlay");
13
+ var stdin_default = defineComponent({
17
14
  name,
18
15
  inheritAttrs: false,
19
16
  props,
20
- setup(props, _ref) {
21
- var {
22
- slots,
23
- attrs
24
- } = _ref;
25
- var {
17
+ setup(props2, {
18
+ slots,
19
+ attrs
20
+ }) {
21
+ const {
26
22
  zIndex
27
- } = useZIndex(() => props.show, 1);
28
- var {
23
+ } = useZIndex(() => props2.show, 1);
24
+ const {
29
25
  disabled
30
26
  } = useTeleport();
31
- useLock(() => props.show, () => props.lockScroll);
27
+ useLock(() => props2.show, () => props2.lockScroll);
32
28
  function handleClickOverlay() {
33
- call(props.onClick);
34
- call(props['onUpdate:show'], false);
29
+ call(props2.onClick);
30
+ call(props2["onUpdate:show"], false);
35
31
  }
36
32
  function renderOverlay() {
37
33
  return _createVNode("div", _mergeProps({
@@ -45,25 +41,27 @@ export default defineComponent({
45
41
  }
46
42
  function renderTransitionOverlay() {
47
43
  return _createVNode(Transition, {
48
- "name": n('--fade')
44
+ "name": n("--fade")
49
45
  }, {
50
- default: () => [props.show && renderOverlay()]
46
+ default: () => [props2.show && renderOverlay()]
51
47
  });
52
48
  }
53
49
  return () => {
54
- var {
50
+ const {
55
51
  teleport
56
- } = props;
52
+ } = props2;
57
53
  if (teleport) {
58
- var _slot;
59
54
  return _createVNode(Teleport, {
60
55
  "to": teleport,
61
56
  "disabled": disabled.value
62
- }, _isSlot(_slot = renderTransitionOverlay()) ? _slot : {
63
- default: () => [_slot]
57
+ }, {
58
+ default: () => [renderTransitionOverlay()]
64
59
  });
65
60
  }
66
61
  return renderTransitionOverlay();
67
62
  };
68
63
  }
69
- });
64
+ });
65
+ export {
66
+ stdin_default as default
67
+ };
@@ -1,6 +1,11 @@
1
- import Overlay from './Overlay.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Overlay from "./Overlay.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Overlay);
4
- export { props as overlayProps } from './props.mjs';
5
- export var _OverlayComponent = Overlay;
6
- export default Overlay;
4
+ import { props } from "./props.mjs";
5
+ const _OverlayComponent = Overlay;
6
+ var stdin_default = Overlay;
7
+ export {
8
+ _OverlayComponent,
9
+ stdin_default as default,
10
+ props as overlayProps
11
+ };
@@ -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
  show: Boolean,
4
4
  lockScroll: {
5
5
  type: Boolean,
@@ -7,5 +7,8 @@ export var props = {
7
7
  },
8
8
  teleport: [String, Object, Boolean],
9
9
  onClick: defineListenerProp(),
10
- 'onUpdate:show': defineListenerProp()
11
- };
10
+ "onUpdate:show": defineListenerProp()
11
+ };
12
+ export {
13
+ props
14
+ };