@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/cell/Cell.mjs CHANGED
@@ -1,65 +1,106 @@
1
- import VarIcon from '../icon/index.mjs';
2
- import Ripple from '../ripple/index.mjs';
3
- import { computed, defineComponent } from 'vue';
4
- import { props } from './props.mjs';
5
- import { call, createNamespace } from '../utils/components.mjs';
6
- import { toSizeUnit } from '../utils/elements.mjs';
7
- var {
8
- name,
9
- n,
10
- classes
11
- } = createNamespace('cell');
1
+ import VarIcon from "../icon/index.mjs";
2
+ import Ripple from "../ripple/index.mjs";
3
+ import { computed, defineComponent } from "vue";
4
+ import { props } from "./props.mjs";
5
+ import { call, createNamespace } from "../utils/components.mjs";
6
+ import { toSizeUnit } from "../utils/elements.mjs";
7
+ const { name, n, classes } = createNamespace("cell");
12
8
  import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
13
9
  function __render__(_ctx, _cache) {
14
- var _component_var_icon = _resolveComponent("var-icon");
15
- var _directive_ripple = _resolveDirective("ripple");
16
- return _withDirectives((_openBlock(), _createElementBlock("div", {
17
- class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.border, _ctx.n('--border')], [_ctx.onClick, _ctx.n('--cursor')])),
18
- style: _normalizeStyle(_ctx.borderOffsetStyles),
19
- onClick: _cache[0] || (_cache[0] = function () {
20
- return _ctx.handleClick && _ctx.handleClick(...arguments);
21
- })
22
- }, [_renderSlot(_ctx.$slots, "icon", {}, () => [_ctx.icon ? (_openBlock(), _createElementBlock("div", {
23
- key: 0,
24
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), _ctx.iconClass))
25
- }, [_createVNode(_component_var_icon, {
26
- name: _ctx.icon
27
- }, null, 8 /* PROPS */, ["name"])], 2 /* CLASS */)) : _createCommentVNode("v-if", true)]), _createElementVNode("div", {
28
- class: _normalizeClass(_ctx.n('content'))
29
- }, [_renderSlot(_ctx.$slots, "default", {}, () => [_ctx.title ? (_openBlock(), _createElementBlock("div", {
30
- key: 0,
31
- class: _normalizeClass(_ctx.classes(_ctx.n('title'), _ctx.titleClass))
32
- }, _toDisplayString(_ctx.title), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)]), _renderSlot(_ctx.$slots, "description", {}, () => [_ctx.description ? (_openBlock(), _createElementBlock("div", {
33
- key: 0,
34
- class: _normalizeClass(_ctx.classes(_ctx.n('description'), _ctx.descriptionClass))
35
- }, _toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)])], 2 /* CLASS */), _ctx.$slots.extra ? (_openBlock(), _createElementBlock("div", {
36
- key: 0,
37
- class: _normalizeClass(_ctx.classes(_ctx.n('extra'), _ctx.extraClass))
38
- }, [_renderSlot(_ctx.$slots, "extra")], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */)), [[_directive_ripple, {
39
- disabled: !_ctx.ripple
40
- }]]);
10
+ const _component_var_icon = _resolveComponent("var-icon");
11
+ const _directive_ripple = _resolveDirective("ripple");
12
+ return _withDirectives((_openBlock(), _createElementBlock(
13
+ "div",
14
+ {
15
+ class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.border, _ctx.n("--border")], [_ctx.onClick, _ctx.n("--cursor")])),
16
+ style: _normalizeStyle(_ctx.borderOffsetStyles),
17
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
18
+ },
19
+ [
20
+ _renderSlot(_ctx.$slots, "icon", {}, () => [
21
+ _ctx.icon ? (_openBlock(), _createElementBlock(
22
+ "div",
23
+ {
24
+ key: 0,
25
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), _ctx.iconClass))
26
+ },
27
+ [
28
+ _createVNode(_component_var_icon, { name: _ctx.icon }, null, 8, ["name"])
29
+ ],
30
+ 2
31
+ /* CLASS */
32
+ )) : _createCommentVNode("v-if", true)
33
+ ]),
34
+ _createElementVNode(
35
+ "div",
36
+ {
37
+ class: _normalizeClass(_ctx.n("content"))
38
+ },
39
+ [
40
+ _renderSlot(_ctx.$slots, "default", {}, () => [
41
+ _ctx.title ? (_openBlock(), _createElementBlock(
42
+ "div",
43
+ {
44
+ key: 0,
45
+ class: _normalizeClass(_ctx.classes(_ctx.n("title"), _ctx.titleClass))
46
+ },
47
+ _toDisplayString(_ctx.title),
48
+ 3
49
+ /* TEXT, CLASS */
50
+ )) : _createCommentVNode("v-if", true)
51
+ ]),
52
+ _renderSlot(_ctx.$slots, "description", {}, () => [
53
+ _ctx.description ? (_openBlock(), _createElementBlock(
54
+ "div",
55
+ {
56
+ key: 0,
57
+ class: _normalizeClass(_ctx.classes(_ctx.n("description"), _ctx.descriptionClass))
58
+ },
59
+ _toDisplayString(_ctx.description),
60
+ 3
61
+ /* TEXT, CLASS */
62
+ )) : _createCommentVNode("v-if", true)
63
+ ])
64
+ ],
65
+ 2
66
+ /* CLASS */
67
+ ),
68
+ _ctx.$slots.extra ? (_openBlock(), _createElementBlock(
69
+ "div",
70
+ {
71
+ key: 0,
72
+ class: _normalizeClass(_ctx.classes(_ctx.n("extra"), _ctx.extraClass))
73
+ },
74
+ [
75
+ _renderSlot(_ctx.$slots, "extra")
76
+ ],
77
+ 2
78
+ /* CLASS */
79
+ )) : _createCommentVNode("v-if", true)
80
+ ],
81
+ 6
82
+ /* CLASS, STYLE */
83
+ )), [
84
+ [_directive_ripple, { disabled: !_ctx.ripple }]
85
+ ]);
41
86
  }
42
- var __sfc__ = defineComponent({
87
+ const __sfc__ = defineComponent({
43
88
  name,
44
- components: {
45
- VarIcon
46
- },
47
- directives: {
48
- Ripple
49
- },
89
+ components: { VarIcon },
90
+ directives: { Ripple },
50
91
  props,
51
- setup(props) {
52
- var borderOffsetStyles = computed(() => {
53
- if (props.borderOffset == null) {
92
+ setup(props2) {
93
+ const borderOffsetStyles = computed(() => {
94
+ if (props2.borderOffset == null) {
54
95
  return {};
55
96
  }
56
97
  return {
57
- '--cell-border-left': toSizeUnit(props.borderOffset),
58
- '--cell-border-right': toSizeUnit(props.borderOffset)
98
+ "--cell-border-left": toSizeUnit(props2.borderOffset),
99
+ "--cell-border-right": toSizeUnit(props2.borderOffset)
59
100
  };
60
101
  });
61
102
  function handleClick(e) {
62
- call(props.onClick, e);
103
+ call(props2.onClick, e);
63
104
  }
64
105
  return {
65
106
  borderOffsetStyles,
@@ -71,4 +112,7 @@ var __sfc__ = defineComponent({
71
112
  }
72
113
  });
73
114
  __sfc__.render = __render__;
74
- export default __sfc__;
115
+ var stdin_default = __sfc__;
116
+ export {
117
+ stdin_default as default
118
+ };
package/es/cell/index.mjs CHANGED
@@ -1,6 +1,11 @@
1
- import Cell from './Cell.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Cell from "./Cell.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Cell);
4
- export { props as cellProps } from './props.mjs';
5
- export var _CellComponent = Cell;
6
- export default Cell;
4
+ import { props } from "./props.mjs";
5
+ const _CellComponent = Cell;
6
+ var stdin_default = Cell;
7
+ export {
8
+ _CellComponent,
9
+ props as cellProps,
10
+ stdin_default as default
11
+ };
package/es/cell/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
  title: [Number, String],
4
4
  icon: String,
5
5
  description: String,
@@ -11,4 +11,7 @@ export var props = {
11
11
  extraClass: String,
12
12
  ripple: Boolean,
13
13
  onClick: defineListenerProp()
14
- };
14
+ };
15
+ export {
16
+ props
17
+ };
@@ -1,107 +1,135 @@
1
- import VarIcon from '../icon/index.mjs';
2
- import VarFormDetails from '../form-details/index.mjs';
3
- import Ripple from '../ripple/index.mjs';
4
- import Hover from '../hover/index.mjs';
5
- import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
6
- import { defineComponent, ref, computed, nextTick } from 'vue';
7
- import { props } from './props.mjs';
8
- import { useValidation, createNamespace, call, useVModel } from '../utils/components.mjs';
9
- import { useCheckboxGroup } from './provide.mjs';
10
- import { useForm } from '../form/provide.mjs';
11
- var {
12
- name,
13
- n,
14
- classes
15
- } = createNamespace('checkbox');
1
+ import VarIcon from "../icon/index.mjs";
2
+ import VarFormDetails from "../form-details/index.mjs";
3
+ import Ripple from "../ripple/index.mjs";
4
+ import Hover from "../hover/index.mjs";
5
+ import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
6
+ import { defineComponent, ref, computed, nextTick } from "vue";
7
+ import { props } from "./props.mjs";
8
+ import { useValidation, createNamespace, call, useVModel } from "../utils/components.mjs";
9
+ import { useCheckboxGroup } from "./provide.mjs";
10
+ import { useForm } from "../form/provide.mjs";
11
+ const { name, n, classes } = createNamespace("checkbox");
16
12
  import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode } from "vue";
17
13
  function __render__(_ctx, _cache) {
18
- var _component_var_icon = _resolveComponent("var-icon");
19
- var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
20
- var _component_var_form_details = _resolveComponent("var-form-details");
21
- var _directive_hover = _resolveDirective("hover");
22
- var _directive_ripple = _resolveDirective("ripple");
23
- return _openBlock(), _createElementBlock("div", {
24
- class: _normalizeClass(_ctx.n('wrap')),
25
- onClick: _cache[0] || (_cache[0] = function () {
26
- return _ctx.handleClick && _ctx.handleClick(...arguments);
27
- })
28
- }, [_createElementVNode("div", {
29
- class: _normalizeClass(_ctx.n())
30
- }, [_withDirectives((_openBlock(), _createElementBlock("div", {
31
- class: _normalizeClass(_ctx.classes(_ctx.n('action'), [_ctx.checked || _ctx.isIndeterminate, _ctx.n('--checked'), _ctx.n('--unchecked')], [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
32
- style: _normalizeStyle({
33
- color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor
34
- })
35
- }, [_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "indeterminate-icon", {
36
- key: 0
37
- }, () => [_createVNode(_component_var_icon, {
38
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
39
- name: "minus-box",
40
- size: _ctx.iconSize,
41
- "var-checkbox-cover": ""
42
- }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), _ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "checked-icon", {
43
- key: 1
44
- }, () => [_createVNode(_component_var_icon, {
45
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
46
- name: "checkbox-marked",
47
- size: _ctx.iconSize,
48
- "var-checkbox-cover": ""
49
- }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), !_ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "unchecked-icon", {
50
- key: 2
51
- }, () => [_createVNode(_component_var_icon, {
52
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
53
- name: "checkbox-blank-outline",
54
- size: _ctx.iconSize,
55
- "var-checkbox-cover": ""
56
- }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), _createVNode(_component_var_hover_overlay, {
57
- hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
58
- }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_hover, _ctx.handleHovering, "desktop"], [_directive_ripple, {
59
- disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple
60
- }]]), _createElementVNode("div", {
61
- class: _normalizeClass(_ctx.classes(_ctx.n('text'), [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')]))
62
- }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */), _createVNode(_component_var_form_details, {
63
- "error-message": _ctx.errorMessage
64
- }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
14
+ const _component_var_icon = _resolveComponent("var-icon");
15
+ const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
16
+ const _component_var_form_details = _resolveComponent("var-form-details");
17
+ const _directive_hover = _resolveDirective("hover");
18
+ const _directive_ripple = _resolveDirective("ripple");
19
+ return _openBlock(), _createElementBlock(
20
+ "div",
21
+ {
22
+ class: _normalizeClass(_ctx.n("wrap")),
23
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
24
+ },
25
+ [
26
+ _createElementVNode(
27
+ "div",
28
+ {
29
+ class: _normalizeClass(_ctx.n())
30
+ },
31
+ [
32
+ _withDirectives((_openBlock(), _createElementBlock(
33
+ "div",
34
+ {
35
+ class: _normalizeClass(
36
+ _ctx.classes(
37
+ _ctx.n("action"),
38
+ [_ctx.checked || _ctx.isIndeterminate, _ctx.n("--checked"), _ctx.n("--unchecked")],
39
+ [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
40
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
41
+ )
42
+ ),
43
+ style: _normalizeStyle({ color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor })
44
+ },
45
+ [
46
+ _ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "indeterminate-icon", { key: 0 }, () => [
47
+ _createVNode(_component_var_icon, {
48
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
49
+ name: "minus-box",
50
+ size: _ctx.iconSize,
51
+ "var-checkbox-cover": ""
52
+ }, null, 8, ["class", "size"])
53
+ ]) : _createCommentVNode("v-if", true),
54
+ _ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "checked-icon", { key: 1 }, () => [
55
+ _createVNode(_component_var_icon, {
56
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
57
+ name: "checkbox-marked",
58
+ size: _ctx.iconSize,
59
+ "var-checkbox-cover": ""
60
+ }, null, 8, ["class", "size"])
61
+ ]) : _createCommentVNode("v-if", true),
62
+ !_ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "unchecked-icon", { key: 2 }, () => [
63
+ _createVNode(_component_var_icon, {
64
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
65
+ name: "checkbox-blank-outline",
66
+ size: _ctx.iconSize,
67
+ "var-checkbox-cover": ""
68
+ }, null, 8, ["class", "size"])
69
+ ]) : _createCommentVNode("v-if", true),
70
+ _createVNode(_component_var_hover_overlay, {
71
+ hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
72
+ }, null, 8, ["hovering"])
73
+ ],
74
+ 6
75
+ /* CLASS, STYLE */
76
+ )), [
77
+ [_directive_hover, _ctx.handleHovering, "desktop"],
78
+ [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
79
+ ]),
80
+ _createElementVNode(
81
+ "div",
82
+ {
83
+ class: _normalizeClass(
84
+ _ctx.classes(
85
+ _ctx.n("text"),
86
+ [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
87
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
88
+ )
89
+ )
90
+ },
91
+ [
92
+ _renderSlot(_ctx.$slots, "default")
93
+ ],
94
+ 2
95
+ /* CLASS */
96
+ )
97
+ ],
98
+ 2
99
+ /* CLASS */
100
+ ),
101
+ _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
102
+ ],
103
+ 2
104
+ /* CLASS */
105
+ );
65
106
  }
66
-
67
- var __sfc__ = defineComponent({
107
+ const __sfc__ = defineComponent({
68
108
  name,
69
- directives: {
70
- Ripple,
71
- Hover
72
- },
109
+ directives: { Ripple, Hover },
73
110
  components: {
74
111
  VarIcon,
75
112
  VarFormDetails,
76
113
  VarHoverOverlay
77
114
  },
78
115
  props,
79
- setup(props) {
80
- var value = useVModel(props, 'modelValue');
81
- var isIndeterminate = useVModel(props, 'indeterminate');
82
- var checked = computed(() => value.value === props.checkedValue);
83
- var checkedValue = computed(() => props.checkedValue);
84
- var withAnimation = ref(false);
85
- var {
86
- checkboxGroup,
87
- bindCheckboxGroup
88
- } = useCheckboxGroup();
89
- var {
90
- hovering,
91
- handleHovering
92
- } = useHoverOverlay();
93
- var {
94
- form,
95
- bindForm
96
- } = useForm();
97
- var {
116
+ setup(props2) {
117
+ const value = useVModel(props2, "modelValue");
118
+ const isIndeterminate = useVModel(props2, "indeterminate");
119
+ const checked = computed(() => value.value === props2.checkedValue);
120
+ const checkedValue = computed(() => props2.checkedValue);
121
+ const withAnimation = ref(false);
122
+ const { checkboxGroup, bindCheckboxGroup } = useCheckboxGroup();
123
+ const { hovering, handleHovering } = useHoverOverlay();
124
+ const { form, bindForm } = useForm();
125
+ const {
98
126
  errorMessage,
99
127
  validateWithTrigger: vt,
100
128
  validate: v,
101
129
  // expose
102
130
  resetValidation
103
131
  } = useValidation();
104
- var checkboxProvider = {
132
+ const checkboxProvider = {
105
133
  checkedValue,
106
134
  checked,
107
135
  sync,
@@ -114,80 +142,55 @@ var __sfc__ = defineComponent({
114
142
  call(bindForm, checkboxProvider);
115
143
  function validateWithTrigger(trigger) {
116
144
  nextTick(() => {
117
- var {
118
- validateTrigger,
119
- rules,
120
- modelValue
121
- } = props;
145
+ const { validateTrigger, rules, modelValue } = props2;
122
146
  vt(validateTrigger, trigger, rules, modelValue);
123
147
  });
124
148
  }
125
149
  function change(changedValue) {
126
- var {
127
- checkedValue,
128
- onChange
129
- } = props;
150
+ const { checkedValue: checkedValue2, onChange } = props2;
130
151
  value.value = changedValue;
131
152
  isIndeterminate.value = false;
132
153
  call(onChange, value.value);
133
- validateWithTrigger('onChange');
134
- changedValue === checkedValue ? checkboxGroup == null ? void 0 : checkboxGroup.onChecked(checkedValue) : checkboxGroup == null ? void 0 : checkboxGroup.onUnchecked(checkedValue);
154
+ validateWithTrigger("onChange");
155
+ changedValue === checkedValue2 ? checkboxGroup == null ? void 0 : checkboxGroup.onChecked(checkedValue2) : checkboxGroup == null ? void 0 : checkboxGroup.onUnchecked(checkedValue2);
135
156
  }
136
157
  function handleClick(e) {
137
- var {
138
- disabled,
139
- readonly,
140
- checkedValue,
141
- uncheckedValue,
142
- onClick
143
- } = props;
144
- if (form != null && form.disabled.value || disabled) {
158
+ const { disabled, readonly, checkedValue: checkedValue2, uncheckedValue, onClick } = props2;
159
+ if ((form == null ? void 0 : form.disabled.value) || disabled) {
145
160
  return;
146
161
  }
147
162
  call(onClick, e);
148
- if (form != null && form.readonly.value || readonly) {
163
+ if ((form == null ? void 0 : form.readonly.value) || readonly) {
149
164
  return;
150
165
  }
151
166
  withAnimation.value = true;
152
- var maximum = checkboxGroup ? checkboxGroup.checkedCount.value >= Number(checkboxGroup.max.value) : false;
167
+ const maximum = checkboxGroup ? checkboxGroup.checkedCount.value >= Number(checkboxGroup.max.value) : false;
153
168
  if (!checked.value && maximum) {
154
169
  return;
155
170
  }
156
- change(checked.value ? uncheckedValue : checkedValue);
171
+ change(checked.value ? uncheckedValue : checkedValue2);
157
172
  }
158
173
  function sync(values) {
159
- var {
160
- checkedValue,
161
- uncheckedValue
162
- } = props;
163
- value.value = values.includes(checkedValue) ? checkedValue : uncheckedValue;
174
+ const { checkedValue: checkedValue2, uncheckedValue } = props2;
175
+ value.value = values.includes(checkedValue2) ? checkedValue2 : uncheckedValue;
164
176
  }
165
177
  function resetWithAnimation() {
166
178
  withAnimation.value = false;
167
179
  }
168
-
169
- // expose
170
180
  function reset() {
171
- value.value = props.uncheckedValue;
181
+ value.value = props2.uncheckedValue;
172
182
  resetValidation();
173
183
  }
174
-
175
- // expose
176
184
  function toggle(changedValue) {
177
- var {
178
- checkedValue,
179
- uncheckedValue
180
- } = props;
181
- var shouldReverse = ![checkedValue, uncheckedValue].includes(changedValue);
185
+ const { checkedValue: checkedValue2, uncheckedValue } = props2;
186
+ const shouldReverse = ![checkedValue2, uncheckedValue].includes(changedValue);
182
187
  if (shouldReverse) {
183
- changedValue = checked.value ? uncheckedValue : checkedValue;
188
+ changedValue = checked.value ? uncheckedValue : checkedValue2;
184
189
  }
185
190
  change(changedValue);
186
191
  }
187
-
188
- // expose
189
192
  function validate() {
190
- return v(props.rules, props.modelValue);
193
+ return v(props2.rules, props2.modelValue);
191
194
  }
192
195
  return {
193
196
  isIndeterminate,
@@ -210,4 +213,7 @@ var __sfc__ = defineComponent({
210
213
  }
211
214
  });
212
215
  __sfc__.render = __render__;
213
- export default __sfc__;
216
+ var stdin_default = __sfc__;
217
+ export {
218
+ stdin_default as default
219
+ };
@@ -1,6 +1,11 @@
1
- import Checkbox from './Checkbox.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Checkbox from "./Checkbox.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Checkbox);
4
- export { props as checkboxProps } from './props.mjs';
5
- export var _CheckboxComponent = Checkbox;
6
- export default Checkbox;
4
+ import { props } from "./props.mjs";
5
+ const _CheckboxComponent = Checkbox;
6
+ var stdin_default = Checkbox;
7
+ export {
8
+ _CheckboxComponent,
9
+ props as checkboxProps,
10
+ stdin_default as default
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
  modelValue: {
4
4
  type: [String, Number, Boolean, Object, Array],
5
5
  default: false
@@ -24,11 +24,14 @@ export var props = {
24
24
  },
25
25
  validateTrigger: {
26
26
  type: Array,
27
- default: () => ['onChange']
27
+ default: () => ["onChange"]
28
28
  },
29
29
  rules: Array,
30
30
  onClick: defineListenerProp(),
31
31
  onChange: defineListenerProp(),
32
- 'onUpdate:modelValue': defineListenerProp(),
33
- 'onUpdate:indeterminate': defineListenerProp()
34
- };
32
+ "onUpdate:modelValue": defineListenerProp(),
33
+ "onUpdate:indeterminate": defineListenerProp()
34
+ };
35
+ export {
36
+ props
37
+ };
@@ -1,14 +1,15 @@
1
- import { useParent } from '@varlet/use';
2
- import { CHECKBOX_GROUP_BIND_CHECKBOX_KEY } from '../checkbox-group/provide.mjs';
3
- export function useCheckboxGroup() {
4
- var {
5
- bindParent,
6
- parentProvider,
7
- index
8
- } = useParent(CHECKBOX_GROUP_BIND_CHECKBOX_KEY);
1
+ import { useParent } from "@varlet/use";
2
+ import { CHECKBOX_GROUP_BIND_CHECKBOX_KEY } from "../checkbox-group/provide.mjs";
3
+ function useCheckboxGroup() {
4
+ const { bindParent, parentProvider, index } = useParent(
5
+ CHECKBOX_GROUP_BIND_CHECKBOX_KEY
6
+ );
9
7
  return {
10
8
  index,
11
9
  checkboxGroup: parentProvider,
12
10
  bindCheckboxGroup: bindParent
13
11
  };
14
- }
12
+ }
13
+ export {
14
+ useCheckboxGroup
15
+ };