@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,252 +1,251 @@
1
- import VarFormDetails from '../form-details/index.mjs';
2
- import VarFieldDecorator from '../field-decorator/FieldDecorator.mjs';
3
- import { defineComponent, getCurrentInstance, ref, computed, nextTick } from 'vue';
4
- import { props } from './props.mjs';
5
- import { isEmpty, toNumber } from '@varlet/shared';
6
- import { useValidation, createNamespace, call } from '../utils/components.mjs';
7
- import { useForm } from '../form/provide.mjs';
8
- import { onSmartMounted } from '@varlet/use';
9
- var {
10
- name,
11
- n,
12
- classes
13
- } = createNamespace('input');
1
+ import VarFormDetails from "../form-details/index.mjs";
2
+ import VarFieldDecorator from "../field-decorator/FieldDecorator.mjs";
3
+ import { defineComponent, getCurrentInstance, ref, computed, nextTick } from "vue";
4
+ import { props } from "./props.mjs";
5
+ import { isEmpty, toNumber } from "@varlet/shared";
6
+ import { useValidation, createNamespace, call } from "../utils/components.mjs";
7
+ import { useForm } from "../form/provide.mjs";
8
+ import { onSmartMounted } from "@varlet/use";
9
+ const { name, n, classes } = createNamespace("input");
14
10
  import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, withModifiers as _withModifiers, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
15
- var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
16
- var _hoisted_1 = ["placeholder", "enterkeyhint"];
17
- var _hoisted_2 = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
18
- var _hoisted_3 = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
11
+ const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
12
+ const _hoisted_1 = ["placeholder", "enterkeyhint"];
13
+ const _hoisted_2 = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
14
+ const _hoisted_3 = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
19
15
  function __render__(_ctx, _cache) {
20
- var _component_var_field_decorator = _resolveComponent("var-field-decorator");
21
- var _component_var_form_details = _resolveComponent("var-form-details");
22
- return _openBlock(), _createElementBlock("div", {
23
- class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'))),
24
- onMousedown: _cache[13] || (_cache[13] = function () {
25
- return _ctx.handleMousedown && _ctx.handleMousedown(...arguments);
26
- })
27
- }, [_createVNode(_component_var_field_decorator, _normalizeProps(_guardReactiveProps({
28
- value: _ctx.modelValue,
29
- id: _ctx.id,
30
- size: _ctx.size,
31
- variant: _ctx.variant,
32
- placeholder: _ctx.placeholder,
33
- line: _ctx.line,
34
- hint: _ctx.hint,
35
- textColor: _ctx.textColor,
36
- focusColor: _ctx.focusColor,
37
- blurColor: _ctx.blurColor,
38
- isFocus: _ctx.isFocus,
39
- errorMessage: _ctx.errorMessage,
40
- formDisabled: _ctx.formDisabled,
41
- disabled: _ctx.disabled,
42
- clearable: _ctx.clearable,
43
- cursor: _ctx.cursor,
44
- composing: _ctx.isComposing,
45
- onClick: _ctx.handleClick,
46
- onClear: _ctx.handleClear
47
- })), _createSlots({
48
- "append-icon": _withCtx(() => [_renderSlot(_ctx.$slots, "append-icon")]),
49
- default: _withCtx(() => [_ctx.normalizedType === 'password' ? (_openBlock(), _createElementBlock("input", {
50
- key: 0,
51
- tabindex: "-1",
52
- class: _normalizeClass(_ctx.n('autocomplete')),
53
- placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
54
- style: _normalizeStyle({
55
- '--input-placeholder-color': _ctx.placeholderColor
56
- }),
57
- enterkeyhint: _ctx.enterkeyhint
58
- }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_1)) : _createCommentVNode("v-if", true), _ctx.textarea ? (_openBlock(), _createElementBlock("textarea", {
59
- key: 1,
60
- class: _normalizeClass(_ctx.classes(_ctx.n('input'), _ctx.n('--textarea'), [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')], [_ctx.errorMessage, _ctx.n('--caret-error')])),
61
- ref: "el",
62
- autocomplete: "new-password",
63
- id: _ctx.id,
64
- disabled: _ctx.formDisabled || _ctx.disabled,
65
- readonly: _ctx.formReadonly || _ctx.readonly,
66
- type: _ctx.normalizedType,
67
- value: _ctx.modelValue,
68
- placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
69
- maxlength: _ctx.maxlength,
70
- rows: _ctx.rows,
71
- enterkeyhint: _ctx.enterkeyhint,
72
- inputmode: _ctx.type === 'number' ? 'numeric' : undefined,
73
- style: _normalizeStyle({
74
- color: !_ctx.errorMessage ? _ctx.textColor : undefined,
75
- caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined,
76
- resize: _ctx.resize ? 'vertical' : 'none',
77
- '--input-placeholder-color': _ctx.placeholderColor
78
- }),
79
- onFocus: _cache[0] || (_cache[0] = function () {
80
- return _ctx.handleFocus && _ctx.handleFocus(...arguments);
81
- }),
82
- onBlur: _cache[1] || (_cache[1] = function () {
83
- return _ctx.handleBlur && _ctx.handleBlur(...arguments);
84
- }),
85
- onInput: _cache[2] || (_cache[2] = function () {
86
- return _ctx.handleInput && _ctx.handleInput(...arguments);
87
- }),
88
- onChange: _cache[3] || (_cache[3] = function () {
89
- return _ctx.handleChange && _ctx.handleChange(...arguments);
90
- }),
91
- onCompositionstart: _cache[4] || (_cache[4] = function () {
92
- return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
93
- }),
94
- onCompositionend: _cache[5] || (_cache[5] = function () {
95
- return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
96
- })
97
- }, "\n ", 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_2)) : (_openBlock(), _createElementBlock("input", {
98
- key: 2,
99
- class: _normalizeClass(_ctx.classes(_ctx.n('input'), [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')], [_ctx.errorMessage, _ctx.n('--caret-error')])),
100
- ref: "el",
101
- autocomplete: "new-password",
102
- id: _ctx.id,
103
- disabled: _ctx.formDisabled || _ctx.disabled,
104
- readonly: _ctx.formReadonly || _ctx.readonly,
105
- type: _ctx.normalizedType,
106
- value: _ctx.modelValue,
107
- placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
108
- maxlength: _ctx.maxlength,
109
- enterkeyhint: _ctx.enterkeyhint,
110
- inputmode: _ctx.type === 'number' ? 'numeric' : undefined,
111
- style: _normalizeStyle({
112
- color: !_ctx.errorMessage ? _ctx.textColor : undefined,
113
- caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined,
114
- '--input-placeholder-color': _ctx.placeholderColor
115
- }),
116
- onFocus: _cache[6] || (_cache[6] = function () {
117
- return _ctx.handleFocus && _ctx.handleFocus(...arguments);
118
- }),
119
- onBlur: _cache[7] || (_cache[7] = function () {
120
- return _ctx.handleBlur && _ctx.handleBlur(...arguments);
121
- }),
122
- onInput: _cache[8] || (_cache[8] = function () {
123
- return _ctx.handleInput && _ctx.handleInput(...arguments);
124
- }),
125
- onChange: _cache[9] || (_cache[9] = function () {
126
- return _ctx.handleChange && _ctx.handleChange(...arguments);
127
- }),
128
- onCompositionstart: _cache[10] || (_cache[10] = function () {
129
- return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
130
- }),
131
- onCompositionend: _cache[11] || (_cache[11] = function () {
132
- return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
133
- })
134
- }, null, 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_3))]),
135
- _: 2 /* DYNAMIC */
136
- }, [_ctx.$slots['prepend-icon'] ? {
137
- name: "prepend-icon",
138
- fn: _withCtx(() => [_renderSlot(_ctx.$slots, "prepend-icon")]),
139
- key: "0"
140
- } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */), _createVNode(_component_var_form_details, {
141
- "error-message": _ctx.errorMessage,
142
- "extra-message": _ctx.maxlengthText,
143
- onMousedown: _cache[12] || (_cache[12] = _withModifiers(() => {}, ["stop"]))
144
- }, _createSlots({
145
- _: 2 /* DYNAMIC */
146
- }, [_ctx.$slots['extra-message'] ? {
147
- name: "extra-message",
148
- fn: _withCtx(() => [_renderSlot(_ctx.$slots, "extra-message")]),
149
- key: "0"
150
- } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["error-message", "extra-message"])], 34 /* CLASS, HYDRATE_EVENTS */);
16
+ const _component_var_field_decorator = _resolveComponent("var-field-decorator");
17
+ const _component_var_form_details = _resolveComponent("var-form-details");
18
+ return _openBlock(), _createElementBlock(
19
+ "div",
20
+ {
21
+ class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
22
+ onMousedown: _cache[13] || (_cache[13] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args))
23
+ },
24
+ [
25
+ _createVNode(
26
+ _component_var_field_decorator,
27
+ _normalizeProps(_guardReactiveProps({
28
+ value: _ctx.modelValue,
29
+ id: _ctx.id,
30
+ size: _ctx.size,
31
+ variant: _ctx.variant,
32
+ placeholder: _ctx.placeholder,
33
+ line: _ctx.line,
34
+ hint: _ctx.hint,
35
+ textColor: _ctx.textColor,
36
+ focusColor: _ctx.focusColor,
37
+ blurColor: _ctx.blurColor,
38
+ isFocus: _ctx.isFocus,
39
+ errorMessage: _ctx.errorMessage,
40
+ formDisabled: _ctx.formDisabled,
41
+ disabled: _ctx.disabled,
42
+ clearable: _ctx.clearable,
43
+ cursor: _ctx.cursor,
44
+ composing: _ctx.isComposing,
45
+ onClick: _ctx.handleClick,
46
+ onClear: _ctx.handleClear
47
+ })),
48
+ _createSlots({
49
+ "append-icon": _withCtx(() => [
50
+ _renderSlot(_ctx.$slots, "append-icon")
51
+ ]),
52
+ default: _withCtx(() => [
53
+ _ctx.normalizedType === "password" ? (_openBlock(), _createElementBlock("input", {
54
+ key: 0,
55
+ tabindex: "-1",
56
+ class: _normalizeClass(_ctx.n("autocomplete")),
57
+ placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
58
+ style: _normalizeStyle({
59
+ "--input-placeholder-color": _ctx.placeholderColor
60
+ }),
61
+ enterkeyhint: _ctx.enterkeyhint
62
+ }, null, 14, _hoisted_1)) : _createCommentVNode("v-if", true),
63
+ _ctx.textarea ? (_openBlock(), _createElementBlock("textarea", {
64
+ key: 1,
65
+ class: _normalizeClass(
66
+ _ctx.classes(
67
+ _ctx.n("input"),
68
+ _ctx.n("--textarea"),
69
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
70
+ [_ctx.errorMessage, _ctx.n("--error")],
71
+ [_ctx.errorMessage, _ctx.n("--caret-error")]
72
+ )
73
+ ),
74
+ ref: "el",
75
+ autocomplete: "new-password",
76
+ id: _ctx.id,
77
+ disabled: _ctx.formDisabled || _ctx.disabled,
78
+ readonly: _ctx.formReadonly || _ctx.readonly,
79
+ type: _ctx.normalizedType,
80
+ value: _ctx.modelValue,
81
+ placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
82
+ maxlength: _ctx.maxlength,
83
+ rows: _ctx.rows,
84
+ enterkeyhint: _ctx.enterkeyhint,
85
+ inputmode: _ctx.type === "number" ? "numeric" : void 0,
86
+ style: _normalizeStyle({
87
+ color: !_ctx.errorMessage ? _ctx.textColor : void 0,
88
+ caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
89
+ resize: _ctx.resize ? "vertical" : "none",
90
+ "--input-placeholder-color": _ctx.placeholderColor
91
+ }),
92
+ onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
93
+ onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
94
+ onInput: _cache[2] || (_cache[2] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
95
+ onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
96
+ onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
97
+ onCompositionend: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args))
98
+ }, "\n ", 46, _hoisted_2)) : (_openBlock(), _createElementBlock("input", {
99
+ key: 2,
100
+ class: _normalizeClass(
101
+ _ctx.classes(
102
+ _ctx.n("input"),
103
+ [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
104
+ [_ctx.errorMessage, _ctx.n("--error")],
105
+ [_ctx.errorMessage, _ctx.n("--caret-error")]
106
+ )
107
+ ),
108
+ ref: "el",
109
+ autocomplete: "new-password",
110
+ id: _ctx.id,
111
+ disabled: _ctx.formDisabled || _ctx.disabled,
112
+ readonly: _ctx.formReadonly || _ctx.readonly,
113
+ type: _ctx.normalizedType,
114
+ value: _ctx.modelValue,
115
+ placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
116
+ maxlength: _ctx.maxlength,
117
+ enterkeyhint: _ctx.enterkeyhint,
118
+ inputmode: _ctx.type === "number" ? "numeric" : void 0,
119
+ style: _normalizeStyle({
120
+ color: !_ctx.errorMessage ? _ctx.textColor : void 0,
121
+ caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
122
+ "--input-placeholder-color": _ctx.placeholderColor
123
+ }),
124
+ onFocus: _cache[6] || (_cache[6] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
125
+ onBlur: _cache[7] || (_cache[7] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
126
+ onInput: _cache[8] || (_cache[8] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
127
+ onChange: _cache[9] || (_cache[9] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
128
+ onCompositionstart: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
129
+ onCompositionend: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args))
130
+ }, null, 46, _hoisted_3))
131
+ ]),
132
+ _: 2
133
+ /* DYNAMIC */
134
+ }, [
135
+ _ctx.$slots["prepend-icon"] ? {
136
+ name: "prepend-icon",
137
+ fn: _withCtx(() => [
138
+ _renderSlot(_ctx.$slots, "prepend-icon")
139
+ ]),
140
+ key: "0"
141
+ } : void 0
142
+ ]),
143
+ 1040
144
+ /* FULL_PROPS, DYNAMIC_SLOTS */
145
+ ),
146
+ _createVNode(_component_var_form_details, {
147
+ "error-message": _ctx.errorMessage,
148
+ "extra-message": _ctx.maxlengthText,
149
+ onMousedown: _cache[12] || (_cache[12] = _withModifiers(() => {
150
+ }, ["stop"]))
151
+ }, _createSlots({
152
+ _: 2
153
+ /* DYNAMIC */
154
+ }, [
155
+ _ctx.$slots["extra-message"] ? {
156
+ name: "extra-message",
157
+ fn: _withCtx(() => [
158
+ _renderSlot(_ctx.$slots, "extra-message")
159
+ ]),
160
+ key: "0"
161
+ } : void 0
162
+ ]), 1032, ["error-message", "extra-message"])
163
+ ],
164
+ 34
165
+ /* CLASS, HYDRATE_EVENTS */
166
+ );
151
167
  }
152
-
153
- var __sfc__ = defineComponent({
168
+ const __sfc__ = defineComponent({
154
169
  name,
155
170
  components: {
156
171
  VarFormDetails,
157
172
  VarFieldDecorator
158
173
  },
159
174
  props,
160
- setup(props) {
161
- var id = ref("var-input-" + getCurrentInstance().uid);
162
- var el = ref(null);
163
- var isFocus = ref(false);
164
- var isComposing = ref(false);
165
- var {
166
- bindForm,
167
- form
168
- } = useForm();
169
- var {
175
+ setup(props2) {
176
+ const id = ref(`var-input-${getCurrentInstance().uid}`);
177
+ const el = ref(null);
178
+ const isFocus = ref(false);
179
+ const isComposing = ref(false);
180
+ const { bindForm, form } = useForm();
181
+ const {
170
182
  errorMessage,
171
183
  validateWithTrigger: vt,
172
184
  validate: v,
173
185
  // expose
174
186
  resetValidation
175
187
  } = useValidation();
176
- var cursor = computed(() => props.disabled || props.readonly ? '' : 'text');
177
- var normalizedType = computed(() => {
178
- if (props.type === 'number') {
179
- return 'text';
188
+ const cursor = computed(() => props2.disabled || props2.readonly ? "" : "text");
189
+ const normalizedType = computed(() => {
190
+ if (props2.type === "number") {
191
+ return "text";
180
192
  }
181
- return props.type;
193
+ return props2.type;
182
194
  });
183
- var maxlengthText = computed(() => {
184
- var {
185
- maxlength,
186
- modelValue
187
- } = props;
195
+ const maxlengthText = computed(() => {
196
+ const { maxlength, modelValue } = props2;
188
197
  if (!maxlength) {
189
- return '';
198
+ return "";
190
199
  }
191
200
  if (isEmpty(modelValue)) {
192
- return "0 / " + maxlength;
201
+ return `0 / ${maxlength}`;
193
202
  }
194
- return String(modelValue).length + "/" + maxlength;
203
+ return `${String(modelValue).length}/${maxlength}`;
195
204
  });
196
- var placeholderColor = computed(() => {
197
- var {
198
- hint,
199
- blurColor,
200
- focusColor
201
- } = props;
205
+ const placeholderColor = computed(() => {
206
+ const { hint, blurColor, focusColor } = props2;
202
207
  if (hint) {
203
- return undefined;
208
+ return void 0;
204
209
  }
205
210
  if (errorMessage.value) {
206
- return 'var(--field-decorator-error-color)';
211
+ return "var(--field-decorator-error-color)";
207
212
  }
208
213
  if (isFocus.value) {
209
- return focusColor || 'var(--field-decorator-focus-color)';
214
+ return focusColor || "var(--field-decorator-focus-color)";
210
215
  }
211
- return blurColor || 'var(--field-decorator-blur-color)';
216
+ return blurColor || "var(--field-decorator-blur-color)";
212
217
  });
213
- var inputProvider = {
218
+ const inputProvider = {
214
219
  reset,
215
220
  validate,
216
221
  resetValidation
217
222
  };
218
223
  call(bindForm, inputProvider);
219
224
  onSmartMounted(() => {
220
- if (props.autofocus) {
225
+ if (props2.autofocus) {
221
226
  focus();
222
227
  }
223
228
  });
224
229
  function validateWithTrigger(trigger) {
225
230
  nextTick(() => {
226
- var {
227
- validateTrigger,
228
- rules,
229
- modelValue
230
- } = props;
231
+ const { validateTrigger, rules, modelValue } = props2;
231
232
  vt(validateTrigger, trigger, rules, modelValue);
232
233
  });
233
234
  }
234
235
  function handleFocus(e) {
235
236
  isFocus.value = true;
236
- call(props.onFocus, e);
237
- validateWithTrigger('onFocus');
237
+ call(props2.onFocus, e);
238
+ validateWithTrigger("onFocus");
238
239
  }
239
240
  function handleBlur(e) {
240
241
  isFocus.value = false;
241
- call(props.onBlur, e);
242
- validateWithTrigger('onBlur');
242
+ call(props2.onBlur, e);
243
+ validateWithTrigger("onBlur");
243
244
  }
244
245
  function updateValue(e) {
245
- var target = e.target;
246
- var {
247
- value
248
- } = target;
249
- if (props.type === 'number') {
246
+ const target = e.target;
247
+ let { value } = target;
248
+ if (props2.type === "number") {
250
249
  value = formatNumber(value);
251
250
  }
252
251
  return withMaxlength(withTrim(value));
@@ -259,94 +258,76 @@ var __sfc__ = defineComponent({
259
258
  return;
260
259
  }
261
260
  isComposing.value = false;
262
- e.target.dispatchEvent(new Event('input'));
261
+ e.target.dispatchEvent(new Event("input"));
263
262
  }
264
263
  function handleInput(e) {
265
264
  if (isComposing.value) {
266
265
  return;
267
266
  }
268
- var value = updateValue(e);
269
- call(props['onUpdate:modelValue'], value);
270
- call(props.onInput, value, e);
271
- validateWithTrigger('onInput');
267
+ const value = updateValue(e);
268
+ call(props2["onUpdate:modelValue"], value);
269
+ call(props2.onInput, value, e);
270
+ validateWithTrigger("onInput");
272
271
  }
273
272
  function handleChange(e) {
274
- var value = updateValue(e);
275
- call(props.onChange, value, e);
276
- validateWithTrigger('onChange');
273
+ const value = updateValue(e);
274
+ call(props2.onChange, value, e);
275
+ validateWithTrigger("onChange");
277
276
  }
278
277
  function handleClear() {
279
- var {
280
- disabled,
281
- readonly,
282
- clearable,
283
- onClear
284
- } = props;
285
- if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly || !clearable) {
278
+ const { disabled, readonly, clearable, onClear } = props2;
279
+ if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly || !clearable) {
286
280
  return;
287
281
  }
288
- call(props['onUpdate:modelValue'], '');
289
- call(onClear, '');
290
- validateWithTrigger('onClear');
282
+ call(props2["onUpdate:modelValue"], "");
283
+ call(onClear, "");
284
+ validateWithTrigger("onClear");
291
285
  }
292
286
  function handleClick(e) {
293
- var {
294
- disabled,
295
- onClick
296
- } = props;
297
- if (form != null && form.disabled.value || disabled) {
287
+ const { disabled, onClick } = props2;
288
+ if ((form == null ? void 0 : form.disabled.value) || disabled) {
298
289
  return;
299
290
  }
300
291
  call(onClick, e);
301
- validateWithTrigger('onClick');
292
+ validateWithTrigger("onClick");
302
293
  }
303
294
  function formatNumber(value) {
304
- var minusIndex = value.indexOf('-');
305
- var dotIndex = value.indexOf('.');
295
+ const minusIndex = value.indexOf("-");
296
+ const dotIndex = value.indexOf(".");
306
297
  if (minusIndex > -1) {
307
- value = minusIndex === 0 ? '-' + value.replace(/-/g, '') : value.replace(/-/g, '');
298
+ value = minusIndex === 0 ? "-" + value.replace(/-/g, "") : value.replace(/-/g, "");
308
299
  }
309
300
  if (dotIndex > -1) {
310
- value = value.slice(0, dotIndex + 1) + value.slice(dotIndex).replace(/\./g, '');
301
+ value = value.slice(0, dotIndex + 1) + value.slice(dotIndex).replace(/\./g, "");
311
302
  }
312
- return value.replace(/[^-0-9.]/g, '');
303
+ return value.replace(/[^-0-9.]/g, "");
313
304
  }
314
305
  function withTrim(value) {
315
- return props.modelModifiers.trim ? value.trim() : value;
306
+ return props2.modelModifiers.trim ? value.trim() : value;
316
307
  }
317
308
  function withMaxlength(value) {
318
- return props.maxlength ? value.slice(0, toNumber(props.maxlength)) : value;
309
+ return props2.maxlength ? value.slice(0, toNumber(props2.maxlength)) : value;
319
310
  }
320
311
  function handleMousedown(e) {
321
- var {
322
- disabled
323
- } = props;
324
- if (form != null && form.disabled.value || disabled || e.target === el.value) {
312
+ const { disabled } = props2;
313
+ if ((form == null ? void 0 : form.disabled.value) || disabled || e.target === el.value) {
325
314
  return;
326
315
  }
327
316
  focus();
328
317
  e.preventDefault();
329
318
  }
330
-
331
- // expose
332
319
  function reset() {
333
- call(props['onUpdate:modelValue'], '');
320
+ call(props2["onUpdate:modelValue"], "");
334
321
  resetValidation();
335
322
  }
336
-
337
- // expose
338
323
  function validate() {
339
- return v(props.rules, props.modelValue);
324
+ return v(props2.rules, props2.modelValue);
340
325
  }
341
-
342
- // expose
343
326
  function focus() {
344
- var _el$value;
327
+ var _a;
345
328
  ;
346
- (_el$value = el.value) == null ? void 0 : _el$value.focus();
329
+ (_a = el.value) == null ? void 0 : _a.focus();
347
330
  }
348
-
349
- // expose
350
331
  function blur() {
351
332
  ;
352
333
  el.value.blur();
@@ -384,4 +365,7 @@ var __sfc__ = defineComponent({
384
365
  }
385
366
  });
386
367
  __sfc__.render = __render__;
387
- export default __sfc__;
368
+ var stdin_default = __sfc__;
369
+ export {
370
+ stdin_default as default
371
+ };
@@ -1,6 +1,11 @@
1
- import Input from './Input.mjs';
2
- import { withInstall } from '../utils/components.mjs';
1
+ import Input from "./Input.mjs";
2
+ import { withInstall } from "../utils/components.mjs";
3
3
  withInstall(Input);
4
- export { props as inputProps } from './props.mjs';
5
- export var _InputComponent = Input;
6
- export default Input;
4
+ import { props } from "./props.mjs";
5
+ const _InputComponent = Input;
6
+ var stdin_default = Input;
7
+ export {
8
+ _InputComponent,
9
+ stdin_default as default,
10
+ props as inputProps
11
+ };