@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,133 +1,235 @@
1
- import VarIcon from '../icon/index.mjs';
2
- import { defineComponent, ref, onUpdated, computed } from 'vue';
3
- import { props } from './props.mjs';
4
- import { isEmpty, getStyle } from '@varlet/shared';
5
- import { createNamespace, call } from '../utils/components.mjs';
6
- import { onWindowResize, onSmartMounted } from '@varlet/use';
7
- var {
8
- name,
9
- n,
10
- classes
11
- } = createNamespace('field-decorator');
1
+ import VarIcon from "../icon/index.mjs";
2
+ import { defineComponent, ref, onUpdated, computed } from "vue";
3
+ import { props } from "./props.mjs";
4
+ import { isEmpty, getStyle } from "@varlet/shared";
5
+ import { createNamespace, call } from "../utils/components.mjs";
6
+ import { onWindowResize, onSmartMounted } from "@varlet/use";
7
+ const { name, n, classes } = createNamespace("field-decorator");
12
8
  import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock, Teleport as _Teleport, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
13
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
14
- var _hoisted_1 = ["for"];
9
+ const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
10
+ const _hoisted_1 = ["for"];
15
11
  function __render__(_ctx, _cache) {
16
- var _component_var_icon = _resolveComponent("var-icon");
17
- return _openBlock(), _createElementBlock("div", {
18
- class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("--" + _ctx.variant), [_ctx.size === 'small', _ctx.n('--small')], [_ctx.disabled, _ctx.n('--disabled')])),
19
- onClick: _cache[0] || (_cache[0] = function () {
20
- return _ctx.handleClick && _ctx.handleClick(...arguments);
21
- })
22
- }, [_createElementVNode("div", {
23
- class: _normalizeClass(_ctx.classes(_ctx.n('controller'), [_ctx.isFocus, _ctx.n('--focus')], [_ctx.errorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
24
- style: _normalizeStyle({
25
- color: _ctx.color,
26
- cursor: _ctx.cursor,
27
- overflow: _ctx.isFloating ? 'visible' : 'hidden'
28
- })
29
- }, [_createElementVNode("div", {
30
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [!_ctx.hint, _ctx.n('--icon-non-hint')]))
31
- }, [_renderSlot(_ctx.$slots, "prepend-icon")], 2 /* CLASS */), _createElementVNode("div", {
32
- class: _normalizeClass(_ctx.classes(_ctx.n('middle'), [!_ctx.hint, _ctx.n('--middle-non-hint')]))
33
- }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.placeholder && _ctx.hint ? (_openBlock(), _createElementBlock("label", {
34
- key: 0,
35
- class: _normalizeClass(_ctx.classes(_ctx.n('placeholder'), _ctx.n('$--ellipsis'), [_ctx.isFocus, _ctx.n('--focus')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')], _ctx.computePlaceholderState())),
36
- style: _normalizeStyle({
37
- color: _ctx.color
38
- }),
39
- for: _ctx.id
40
- }, [_createElementVNode("span", null, _toDisplayString(_ctx.placeholder), 1 /* TEXT */)], 14 /* CLASS, STYLE, PROPS */, _hoisted_1)) : _createCommentVNode("v-if", true), _createElementVNode("div", {
41
- class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [!_ctx.hint, _ctx.n('--icon-non-hint')]))
42
- }, [_ctx.clearable && !_ctx.isEmpty(_ctx.value) ? (_openBlock(), _createBlock(_component_var_icon, {
43
- key: 0,
44
- class: _normalizeClass(_ctx.n('clear-icon')),
45
- "var-field-decorator-cover": "",
46
- name: "close-circle",
47
- onClick: _ctx.handleClear
48
- }, null, 8 /* PROPS */, ["class", "onClick"])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "append-icon")], 2 /* CLASS */)], 6 /* CLASS, STYLE */), _ctx.line ? (_openBlock(), _createElementBlock(_Fragment, {
49
- key: 0
50
- }, [_ctx.variant === 'outlined' ? (_openBlock(), _createElementBlock("fieldset", {
51
- key: 0,
52
- class: _normalizeClass(_ctx.classes(_ctx.n('line'), [_ctx.isFocus, _ctx.n('--line-focus')], [_ctx.errorMessage, _ctx.n('--line-error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--line-disabled')])),
53
- style: _normalizeStyle({
54
- borderColor: _ctx.color
55
- })
56
- }, [_createElementVNode("legend", {
57
- class: _normalizeClass(_ctx.classes(_ctx.n('line-legend'), [_ctx.isFloating, _ctx.n('line-legend--hint')])),
58
- style: _normalizeStyle({
59
- width: _ctx.legendWidth
60
- })
61
- }, [_ctx.placeholder && _ctx.hint ? (_openBlock(), _createBlock(_Teleport, {
62
- key: 0,
63
- to: "body"
64
- }, [_createElementVNode("span", {
65
- ref: "placeholderTextEl",
66
- class: _normalizeClass(_ctx.classes(_ctx.n('placeholder-text'), _ctx.n('$--ellipsis'), [_ctx.size === 'small', _ctx.n('placeholder-text--small')]))
67
- }, _toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */)])) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */)) : (_openBlock(), _createElementBlock("div", {
68
- key: 1,
69
- class: _normalizeClass(_ctx.classes(_ctx.n('line'), [_ctx.formDisabled || _ctx.disabled, _ctx.n('--line-disabled')], [_ctx.errorMessage, _ctx.n('--line-error')])),
70
- style: _normalizeStyle({
71
- background: !_ctx.errorMessage ? _ctx.blurColor : undefined
72
- })
73
- }, [_createElementVNode("div", {
74
- class: _normalizeClass(_ctx.classes(_ctx.n('dot'), [_ctx.isFocus, _ctx.n('--line-focus')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--line-disabled')], [_ctx.errorMessage, _ctx.n('--line-error')])),
75
- style: _normalizeStyle({
76
- background: !_ctx.errorMessage ? _ctx.focusColor : undefined
77
- })
78
- }, null, 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */))], 64 /* STABLE_FRAGMENT */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
12
+ const _component_var_icon = _resolveComponent("var-icon");
13
+ return _openBlock(), _createElementBlock(
14
+ "div",
15
+ {
16
+ class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--${_ctx.variant}`), [_ctx.size === "small", _ctx.n("--small")], [_ctx.disabled, _ctx.n("--disabled")])),
17
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
18
+ },
19
+ [
20
+ _createElementVNode(
21
+ "div",
22
+ {
23
+ class: _normalizeClass(
24
+ _ctx.classes(
25
+ _ctx.n("controller"),
26
+ [_ctx.isFocus, _ctx.n("--focus")],
27
+ [_ctx.errorMessage, _ctx.n("--error")],
28
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
29
+ )
30
+ ),
31
+ style: _normalizeStyle({
32
+ color: _ctx.color,
33
+ cursor: _ctx.cursor,
34
+ overflow: _ctx.isFloating ? "visible" : "hidden"
35
+ })
36
+ },
37
+ [
38
+ _createElementVNode(
39
+ "div",
40
+ {
41
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")]))
42
+ },
43
+ [
44
+ _renderSlot(_ctx.$slots, "prepend-icon")
45
+ ],
46
+ 2
47
+ /* CLASS */
48
+ ),
49
+ _createElementVNode(
50
+ "div",
51
+ {
52
+ class: _normalizeClass(_ctx.classes(_ctx.n("middle"), [!_ctx.hint, _ctx.n("--middle-non-hint")]))
53
+ },
54
+ [
55
+ _renderSlot(_ctx.$slots, "default")
56
+ ],
57
+ 2
58
+ /* CLASS */
59
+ ),
60
+ _ctx.placeholder && _ctx.hint ? (_openBlock(), _createElementBlock("label", {
61
+ key: 0,
62
+ class: _normalizeClass(
63
+ _ctx.classes(
64
+ _ctx.n("placeholder"),
65
+ _ctx.n("$--ellipsis"),
66
+ [_ctx.isFocus, _ctx.n("--focus")],
67
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
68
+ [_ctx.errorMessage, _ctx.n("--error")],
69
+ _ctx.computePlaceholderState()
70
+ )
71
+ ),
72
+ style: _normalizeStyle({
73
+ color: _ctx.color
74
+ }),
75
+ for: _ctx.id
76
+ }, [
77
+ _createElementVNode(
78
+ "span",
79
+ null,
80
+ _toDisplayString(_ctx.placeholder),
81
+ 1
82
+ /* TEXT */
83
+ )
84
+ ], 14, _hoisted_1)) : _createCommentVNode("v-if", true),
85
+ _createElementVNode(
86
+ "div",
87
+ {
88
+ class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")]))
89
+ },
90
+ [
91
+ _ctx.clearable && !_ctx.isEmpty(_ctx.value) ? (_openBlock(), _createBlock(_component_var_icon, {
92
+ key: 0,
93
+ class: _normalizeClass(_ctx.n("clear-icon")),
94
+ "var-field-decorator-cover": "",
95
+ name: "close-circle",
96
+ onClick: _ctx.handleClear
97
+ }, null, 8, ["class", "onClick"])) : _createCommentVNode("v-if", true),
98
+ _renderSlot(_ctx.$slots, "append-icon")
99
+ ],
100
+ 2
101
+ /* CLASS */
102
+ )
103
+ ],
104
+ 6
105
+ /* CLASS, STYLE */
106
+ ),
107
+ _ctx.line ? (_openBlock(), _createElementBlock(
108
+ _Fragment,
109
+ { key: 0 },
110
+ [
111
+ _ctx.variant === "outlined" ? (_openBlock(), _createElementBlock(
112
+ "fieldset",
113
+ {
114
+ key: 0,
115
+ class: _normalizeClass(
116
+ _ctx.classes(
117
+ _ctx.n("line"),
118
+ [_ctx.isFocus, _ctx.n("--line-focus")],
119
+ [_ctx.errorMessage, _ctx.n("--line-error")],
120
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")]
121
+ )
122
+ ),
123
+ style: _normalizeStyle({ borderColor: _ctx.color })
124
+ },
125
+ [
126
+ _createElementVNode(
127
+ "legend",
128
+ {
129
+ class: _normalizeClass(_ctx.classes(_ctx.n("line-legend"), [_ctx.isFloating, _ctx.n("line-legend--hint")])),
130
+ style: _normalizeStyle({ width: _ctx.legendWidth })
131
+ },
132
+ [
133
+ _ctx.placeholder && _ctx.hint ? (_openBlock(), _createBlock(_Teleport, {
134
+ key: 0,
135
+ to: "body"
136
+ }, [
137
+ _createElementVNode(
138
+ "span",
139
+ {
140
+ ref: "placeholderTextEl",
141
+ class: _normalizeClass(
142
+ _ctx.classes(_ctx.n("placeholder-text"), _ctx.n("$--ellipsis"), [_ctx.size === "small", _ctx.n("placeholder-text--small")])
143
+ )
144
+ },
145
+ _toDisplayString(_ctx.placeholder),
146
+ 3
147
+ /* TEXT, CLASS */
148
+ )
149
+ ])) : _createCommentVNode("v-if", true)
150
+ ],
151
+ 6
152
+ /* CLASS, STYLE */
153
+ )
154
+ ],
155
+ 6
156
+ /* CLASS, STYLE */
157
+ )) : (_openBlock(), _createElementBlock(
158
+ "div",
159
+ {
160
+ key: 1,
161
+ class: _normalizeClass(_ctx.classes(_ctx.n("line"), [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")], [_ctx.errorMessage, _ctx.n("--line-error")])),
162
+ style: _normalizeStyle({ background: !_ctx.errorMessage ? _ctx.blurColor : void 0 })
163
+ },
164
+ [
165
+ _createElementVNode(
166
+ "div",
167
+ {
168
+ class: _normalizeClass(
169
+ _ctx.classes(
170
+ _ctx.n("dot"),
171
+ [_ctx.isFocus, _ctx.n("--line-focus")],
172
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")],
173
+ [_ctx.errorMessage, _ctx.n("--line-error")]
174
+ )
175
+ ),
176
+ style: _normalizeStyle({ background: !_ctx.errorMessage ? _ctx.focusColor : void 0 })
177
+ },
178
+ null,
179
+ 6
180
+ /* CLASS, STYLE */
181
+ )
182
+ ],
183
+ 6
184
+ /* CLASS, STYLE */
185
+ ))
186
+ ],
187
+ 64
188
+ /* STABLE_FRAGMENT */
189
+ )) : _createCommentVNode("v-if", true)
190
+ ],
191
+ 2
192
+ /* CLASS */
193
+ );
79
194
  }
80
-
81
- var __sfc__ = defineComponent({
195
+ const __sfc__ = defineComponent({
82
196
  name,
83
- components: {
84
- VarIcon
85
- },
197
+ components: { VarIcon },
86
198
  props,
87
- setup(props, _ref) {
88
- var {
89
- slots
90
- } = _ref;
91
- var placeholderTextEl = ref(null);
92
- var legendWidth = ref('');
93
- var isFloating = computed(() => props.hint && (!isEmpty(props.value) || props.isFocus || slots['prepend-icon']));
94
- var color = computed(() => !props.errorMessage ? props.isFocus ? props.focusColor : props.blurColor : undefined);
199
+ setup(props2, { slots }) {
200
+ const placeholderTextEl = ref(null);
201
+ const legendWidth = ref("");
202
+ const isFloating = computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocus || slots["prepend-icon"]));
203
+ const color = computed(
204
+ () => !props2.errorMessage ? props2.isFocus ? props2.focusColor : props2.blurColor : void 0
205
+ );
95
206
  onWindowResize(resize);
96
207
  onSmartMounted(resize);
97
208
  onUpdated(resize);
98
209
  function computePlaceholderState() {
99
- var {
100
- hint,
101
- value,
102
- composing
103
- } = props;
210
+ const { hint, value, composing } = props2;
104
211
  if (!hint && (!isEmpty(value) || composing)) {
105
- return n('--placeholder-hidden');
212
+ return n("--placeholder-hidden");
106
213
  }
107
214
  if (isFloating.value) {
108
- return n('--placeholder-hint');
215
+ return n("--placeholder-hint");
109
216
  }
110
217
  }
111
218
  function resize() {
112
- var {
113
- size,
114
- hint,
115
- variant,
116
- placeholder
117
- } = props;
118
- if (!placeholder || !hint || variant !== 'outlined') {
119
- legendWidth.value = '';
219
+ const { size, hint, variant, placeholder } = props2;
220
+ if (!placeholder || !hint || variant !== "outlined") {
221
+ legendWidth.value = "";
120
222
  return;
121
223
  }
122
- var placeholderTextStyle = getStyle(placeholderTextEl.value);
123
- var placeholderSpace = "var(--field-decorator-outlined-" + size + "-placeholder-space)";
124
- legendWidth.value = "calc(" + placeholderTextStyle.width + " * 0.75 + " + placeholderSpace + " * 2)";
224
+ const placeholderTextStyle = getStyle(placeholderTextEl.value);
225
+ const placeholderSpace = `var(--field-decorator-outlined-${size}-placeholder-space)`;
226
+ legendWidth.value = `calc(${placeholderTextStyle.width} * 0.75 + ${placeholderSpace} * 2)`;
125
227
  }
126
228
  function handleClear(e) {
127
- call(props.onClear, e);
229
+ call(props2.onClear, e);
128
230
  }
129
231
  function handleClick(e) {
130
- call(props.onClick, e);
232
+ call(props2.onClick, e);
131
233
  }
132
234
  return {
133
235
  placeholderTextEl,
@@ -144,4 +246,7 @@ var __sfc__ = defineComponent({
144
246
  }
145
247
  });
146
248
  __sfc__.render = __render__;
147
- export default __sfc__;
249
+ var stdin_default = __sfc__;
250
+ export {
251
+ stdin_default as default
252
+ };
@@ -1,21 +1,21 @@
1
- import { defineListenerProp } from '../utils/components.mjs';
2
- export var props = {
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
3
  value: {
4
4
  type: null,
5
5
  required: true
6
6
  },
7
7
  id: {
8
8
  type: String,
9
- default: ''
9
+ default: ""
10
10
  },
11
11
  isFocus: Boolean,
12
12
  size: {
13
13
  type: String,
14
- default: 'normal'
14
+ default: "normal"
15
15
  },
16
16
  variant: {
17
17
  type: String,
18
- default: 'standard'
18
+ default: "standard"
19
19
  },
20
20
  placeholder: String,
21
21
  line: {
@@ -37,4 +37,7 @@ export var props = {
37
37
  composing: Boolean,
38
38
  onClick: defineListenerProp(),
39
39
  onClear: defineListenerProp()
40
- };
40
+ };
41
+ export {
42
+ props
43
+ };
package/es/form/Form.mjs CHANGED
@@ -1,116 +1,103 @@
1
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
2
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
3
- import { defineComponent, computed } from 'vue';
4
- import { props } from './props.mjs';
5
- import { useFormItems } from './provide.mjs';
6
- import { call, createNamespace } from '../utils/components.mjs';
7
- import { find } from '@varlet/shared';
8
- import { getParentScroller, getTop, scrollTo, toPxNum } from '../utils/elements.mjs';
9
- import { linear } from '../utils/shared.mjs';
10
- var {
11
- name,
12
- n
13
- } = createNamespace('form');
1
+ var __async = (__this, __arguments, generator) => {
2
+ return new Promise((resolve, reject) => {
3
+ var fulfilled = (value) => {
4
+ try {
5
+ step(generator.next(value));
6
+ } catch (e) {
7
+ reject(e);
8
+ }
9
+ };
10
+ var rejected = (value) => {
11
+ try {
12
+ step(generator.throw(value));
13
+ } catch (e) {
14
+ reject(e);
15
+ }
16
+ };
17
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
18
+ step((generator = generator.apply(__this, __arguments)).next());
19
+ });
20
+ };
21
+ import { defineComponent, computed } from "vue";
22
+ import { props } from "./props.mjs";
23
+ import { useFormItems } from "./provide.mjs";
24
+ import { call, createNamespace } from "../utils/components.mjs";
25
+ import { find } from "@varlet/shared";
26
+ import { getParentScroller, getTop, scrollTo, toPxNum } from "../utils/elements.mjs";
27
+ import { linear } from "../utils/shared.mjs";
28
+ const { name, n } = createNamespace("form");
14
29
  import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
15
30
  function __render__(_ctx, _cache) {
16
- return _openBlock(), _createElementBlock("form", {
17
- class: _normalizeClass(_ctx.n()),
18
- onSubmit: _cache[0] || (_cache[0] = function () {
19
- return _ctx.handleSubmit && _ctx.handleSubmit(...arguments);
20
- }),
21
- onReset: _cache[1] || (_cache[1] = function () {
22
- return _ctx.handleReset && _ctx.handleReset(...arguments);
23
- })
24
- }, [_renderSlot(_ctx.$slots, "default")], 34 /* CLASS, HYDRATE_EVENTS */);
31
+ return _openBlock(), _createElementBlock(
32
+ "form",
33
+ {
34
+ class: _normalizeClass(_ctx.n()),
35
+ onSubmit: _cache[0] || (_cache[0] = (...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args)),
36
+ onReset: _cache[1] || (_cache[1] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
37
+ },
38
+ [
39
+ _renderSlot(_ctx.$slots, "default")
40
+ ],
41
+ 34
42
+ /* CLASS, HYDRATE_EVENTS */
43
+ );
25
44
  }
26
-
27
- var __sfc__ = defineComponent({
45
+ const __sfc__ = defineComponent({
28
46
  name,
29
47
  props,
30
- setup(props) {
31
- var disabled = computed(() => props.disabled);
32
- var readonly = computed(() => props.readonly);
33
- var {
34
- formItems,
35
- bindFormItems
36
- } = useFormItems();
37
- var formProvider = {
48
+ setup(props2) {
49
+ const disabled = computed(() => props2.disabled);
50
+ const readonly = computed(() => props2.readonly);
51
+ const { formItems, bindFormItems } = useFormItems();
52
+ const formProvider = {
38
53
  disabled,
39
54
  readonly
40
55
  };
41
56
  bindFormItems(formProvider);
42
57
  function scroll(formItemElement) {
43
- // wait form-details animation end
44
58
  setTimeout(() => {
45
- var scroller = getParentScroller(formItemElement);
46
- var scrollerTop = scroller === window ? 0 : getTop(scroller);
47
- var top = getTop(formItemElement) - scrollerTop - toPxNum(props.scrollToErrorOffsetY);
59
+ const scroller = getParentScroller(formItemElement);
60
+ const scrollerTop = scroller === window ? 0 : getTop(scroller);
61
+ const top = getTop(formItemElement) - scrollerTop - toPxNum(props2.scrollToErrorOffsetY);
48
62
  scrollTo(scroller, {
49
63
  top,
50
64
  animation: linear
51
65
  });
52
66
  }, 300);
53
67
  }
54
- function handleSubmit(_x) {
55
- return _handleSubmit.apply(this, arguments);
56
- }
57
- function _handleSubmit() {
58
- _handleSubmit = _asyncToGenerator(function* (event) {
68
+ function handleSubmit(event) {
69
+ return __async(this, null, function* () {
59
70
  event.preventDefault();
60
- var valid = yield validate();
61
- call(props.onSubmit, valid);
71
+ const valid = yield validate();
72
+ call(props2.onSubmit, valid);
62
73
  });
63
- return _handleSubmit.apply(this, arguments);
64
74
  }
65
75
  function handleReset(event) {
66
76
  event.preventDefault();
67
77
  reset();
68
- call(props.onReset);
78
+ call(props2.onReset);
69
79
  }
70
-
71
- // expose
72
80
  function validate() {
73
- return _validate.apply(this, arguments);
74
- } // expose
75
- function _validate() {
76
- _validate = _asyncToGenerator(function* () {
77
- var res = yield Promise.all(formItems.map(_ref3 => {
78
- var {
79
- validate
80
- } = _ref3;
81
- return validate();
82
- }));
83
- if (props.scrollToError) {
84
- var [, errorIndex] = find(res, r => r === false, props.scrollToError);
85
- var hasError = errorIndex > -1;
81
+ return __async(this, null, function* () {
82
+ var _a;
83
+ const res = yield Promise.all(formItems.map(({ validate: validate2 }) => validate2()));
84
+ if (props2.scrollToError) {
85
+ const [, errorIndex] = find(res, (r) => r === false, props2.scrollToError);
86
+ const hasError = errorIndex > -1;
86
87
  if (hasError) {
87
- var _formItems$errorIndex;
88
- var formItemElement = (_formItems$errorIndex = formItems[errorIndex].instance.proxy) == null ? void 0 : _formItems$errorIndex.$el;
88
+ const formItemElement = (_a = formItems[errorIndex].instance.proxy) == null ? void 0 : _a.$el;
89
89
  scroll(formItemElement);
90
90
  }
91
91
  return !hasError;
92
92
  }
93
- return res.every(result => result === true);
93
+ return res.every((result) => result === true);
94
94
  });
95
- return _validate.apply(this, arguments);
96
95
  }
97
96
  function reset() {
98
- return formItems.forEach(_ref => {
99
- var {
100
- reset
101
- } = _ref;
102
- return reset();
103
- });
97
+ return formItems.forEach(({ reset: reset2 }) => reset2());
104
98
  }
105
-
106
- // expose
107
99
  function resetValidation() {
108
- return formItems.forEach(_ref2 => {
109
- var {
110
- resetValidation
111
- } = _ref2;
112
- return resetValidation();
113
- });
100
+ return formItems.forEach(({ resetValidation: resetValidation2 }) => resetValidation2());
114
101
  }
115
102
  return {
116
103
  n,
@@ -123,4 +110,7 @@ var __sfc__ = defineComponent({
123
110
  }
124
111
  });
125
112
  __sfc__.render = __render__;
126
- export default __sfc__;
113
+ var stdin_default = __sfc__;
114
+ export {
115
+ stdin_default as default
116
+ };
package/es/form/index.mjs CHANGED
@@ -1,9 +1,14 @@
1
- import Form from './Form.mjs';
2
- import { useValidation, withInstall } from '../utils/components.mjs';
3
- import { useForm } from './provide.mjs';
1
+ import Form from "./Form.mjs";
2
+ import { useValidation, withInstall } from "../utils/components.mjs";
3
+ import { useForm } from "./provide.mjs";
4
4
  Form.useValidation = useValidation;
5
5
  Form.useForm = useForm;
6
6
  withInstall(Form);
7
- export { props as formProps } from './props.mjs';
8
- export var _FormComponent = Form;
9
- export default Form;
7
+ import { props } from "./props.mjs";
8
+ const _FormComponent = Form;
9
+ var stdin_default = Form;
10
+ export {
11
+ _FormComponent,
12
+ stdin_default as default,
13
+ props as formProps
14
+ };
package/es/form/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
  disabled: Boolean,
4
4
  readonly: Boolean,
5
5
  scrollToError: String,
@@ -9,4 +9,7 @@ export var props = {
9
9
  },
10
10
  onSubmit: defineListenerProp(),
11
11
  onReset: defineListenerProp()
12
- };
12
+ };
13
+ export {
14
+ props
15
+ };