@varlet/ui 2.20.1 → 2.20.2

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 (608) hide show
  1. package/es/action-sheet/ActionSheet.mjs +146 -0
  2. package/es/action-sheet/ActionSheetSfc.css +0 -0
  3. package/es/action-sheet/actionSheet.css +1 -0
  4. package/es/action-sheet/index.mjs +86 -0
  5. package/es/action-sheet/props.mjs +50 -0
  6. package/es/action-sheet/style/index.mjs +6 -0
  7. package/es/app-bar/AppBar.mjs +158 -0
  8. package/es/app-bar/AppBarSfc.css +0 -0
  9. package/es/app-bar/appBar.css +1 -0
  10. package/es/app-bar/index.mjs +12 -0
  11. package/es/app-bar/props.mjs +20 -0
  12. package/es/app-bar/style/index.mjs +4 -0
  13. package/es/avatar/Avatar.mjs +142 -0
  14. package/es/avatar/AvatarSfc.css +0 -0
  15. package/es/avatar/avatar.css +1 -0
  16. package/es/avatar/index.mjs +12 -0
  17. package/es/avatar/props.mjs +30 -0
  18. package/es/avatar/style/index.mjs +3 -0
  19. package/es/avatar-group/AvatarGroup.mjs +45 -0
  20. package/es/avatar-group/AvatarGroupSfc.css +0 -0
  21. package/es/avatar-group/avatarGroup.css +1 -0
  22. package/es/avatar-group/index.mjs +12 -0
  23. package/es/avatar-group/props.mjs +7 -0
  24. package/es/avatar-group/style/index.mjs +3 -0
  25. package/es/back-top/BackTop.mjs +108 -0
  26. package/es/back-top/BackTopSfc.css +0 -0
  27. package/es/back-top/backTop.css +1 -0
  28. package/es/back-top/index.mjs +12 -0
  29. package/es/back-top/props.mjs +22 -0
  30. package/es/back-top/style/index.mjs +5 -0
  31. package/es/badge/Badge.mjs +111 -0
  32. package/es/badge/BadgeSfc.css +0 -0
  33. package/es/badge/badge.css +1 -0
  34. package/es/badge/index.mjs +12 -0
  35. package/es/badge/props.mjs +33 -0
  36. package/es/badge/style/index.mjs +4 -0
  37. package/es/bottom-navigation/BottomNavigation.mjs +188 -0
  38. package/es/bottom-navigation/BottomNavigationSfc.css +0 -0
  39. package/es/bottom-navigation/bottomNavigation.css +1 -0
  40. package/es/bottom-navigation/index.mjs +12 -0
  41. package/es/bottom-navigation/props.mjs +24 -0
  42. package/es/bottom-navigation/provide.mjs +18 -0
  43. package/es/bottom-navigation/style/index.mjs +7 -0
  44. package/es/bottom-navigation-item/BottomNavigationItem.mjs +125 -0
  45. package/es/bottom-navigation-item/BottomNavigationItemSfc.css +0 -0
  46. package/es/bottom-navigation-item/bottomNavigationItem.css +1 -0
  47. package/es/bottom-navigation-item/index.mjs +12 -0
  48. package/es/bottom-navigation-item/props.mjs +16 -0
  49. package/es/bottom-navigation-item/provide.mjs +21 -0
  50. package/es/bottom-navigation-item/style/index.mjs +6 -0
  51. package/es/breadcrumb/Breadcrumb.mjs +73 -0
  52. package/es/breadcrumb/BreadcrumbSfc.css +0 -0
  53. package/es/breadcrumb/breadcrumb.css +1 -0
  54. package/es/breadcrumb/index.mjs +12 -0
  55. package/es/breadcrumb/props.mjs +8 -0
  56. package/es/breadcrumb/provide.mjs +19 -0
  57. package/es/breadcrumb/style/index.mjs +3 -0
  58. package/es/breadcrumbs/Breadcrumbs.mjs +38 -0
  59. package/es/breadcrumbs/BreadcrumbsSfc.css +0 -0
  60. package/es/breadcrumbs/breadcrumbs.css +1 -0
  61. package/es/breadcrumbs/index.mjs +12 -0
  62. package/es/breadcrumbs/props.mjs +9 -0
  63. package/es/breadcrumbs/provide.mjs +16 -0
  64. package/es/breadcrumbs/style/index.mjs +3 -0
  65. package/es/button/Button.mjs +147 -0
  66. package/es/button/ButtonSfc.css +0 -0
  67. package/es/button/button.css +1 -0
  68. package/es/button/index.mjs +12 -0
  69. package/es/button/props.mjs +57 -0
  70. package/es/button/provide.mjs +13 -0
  71. package/es/button/style/index.mjs +7 -0
  72. package/es/button-group/ButtonGroup.mjs +53 -0
  73. package/es/button-group/ButtonGroupSfc.css +0 -0
  74. package/es/button-group/buttonGroup.css +1 -0
  75. package/es/button-group/index.mjs +12 -0
  76. package/es/button-group/props.mjs +24 -0
  77. package/es/button-group/provide.mjs +14 -0
  78. package/es/button-group/style/index.mjs +4 -0
  79. package/es/card/Card.mjs +351 -0
  80. package/es/card/CardSfc.css +0 -0
  81. package/es/card/card.css +1 -0
  82. package/es/card/index.mjs +12 -0
  83. package/es/card/props.mjs +34 -0
  84. package/es/card/style/index.mjs +7 -0
  85. package/es/cell/Cell.mjs +122 -0
  86. package/es/cell/CellSfc.css +0 -0
  87. package/es/cell/cell.css +1 -0
  88. package/es/cell/index.mjs +12 -0
  89. package/es/cell/props.mjs +19 -0
  90. package/es/cell/style/index.mjs +4 -0
  91. package/es/checkbox/Checkbox.mjs +221 -0
  92. package/es/checkbox/CheckboxSfc.css +0 -0
  93. package/es/checkbox/checkbox.css +1 -0
  94. package/es/checkbox/index.mjs +12 -0
  95. package/es/checkbox/props.mjs +37 -0
  96. package/es/checkbox/provide.mjs +15 -0
  97. package/es/checkbox/style/index.mjs +7 -0
  98. package/es/checkbox-group/CheckboxGroup.mjs +133 -0
  99. package/es/checkbox-group/CheckboxGroupSfc.css +0 -0
  100. package/es/checkbox-group/checkboxGroup.css +1 -0
  101. package/es/checkbox-group/index.mjs +12 -0
  102. package/es/checkbox-group/props.mjs +22 -0
  103. package/es/checkbox-group/provide.mjs +16 -0
  104. package/es/checkbox-group/style/index.mjs +4 -0
  105. package/es/chip/Chip.mjs +103 -0
  106. package/es/chip/ChipSfc.css +0 -0
  107. package/es/chip/chip.css +1 -0
  108. package/es/chip/index.mjs +12 -0
  109. package/es/chip/props.mjs +29 -0
  110. package/es/chip/style/index.mjs +4 -0
  111. package/es/col/Col.mjs +96 -0
  112. package/es/col/ColSfc.css +0 -0
  113. package/es/col/col.css +1 -0
  114. package/es/col/index.mjs +12 -0
  115. package/es/col/props.mjs +26 -0
  116. package/es/col/provide.mjs +13 -0
  117. package/es/col/style/index.mjs +3 -0
  118. package/es/collapse/Collapse.mjs +116 -0
  119. package/es/collapse/CollapseSfc.css +1 -0
  120. package/es/collapse/index.mjs +12 -0
  121. package/es/collapse/props.mjs +22 -0
  122. package/es/collapse/provide.mjs +16 -0
  123. package/es/collapse/style/index.mjs +3 -0
  124. package/es/collapse-item/CollapseItem.mjs +231 -0
  125. package/es/collapse-item/CollapseItemSfc.css +0 -0
  126. package/es/collapse-item/collapseItem.css +1 -0
  127. package/es/collapse-item/index.mjs +12 -0
  128. package/es/collapse-item/props.mjs +12 -0
  129. package/es/collapse-item/provide.mjs +19 -0
  130. package/es/collapse-item/style/index.mjs +4 -0
  131. package/es/context/index.mjs +12 -0
  132. package/es/context/lock.mjs +74 -0
  133. package/es/context/style/index.mjs +0 -0
  134. package/es/context/zIndex.mjs +19 -0
  135. package/es/countdown/Countdown.mjs +168 -0
  136. package/es/countdown/CountdownSfc.css +0 -0
  137. package/es/countdown/countdown.css +1 -0
  138. package/es/countdown/index.mjs +12 -0
  139. package/es/countdown/props.mjs +20 -0
  140. package/es/countdown/style/index.mjs +3 -0
  141. package/es/counter/Counter.mjs +333 -0
  142. package/es/counter/CounterSfc.css +0 -0
  143. package/es/counter/counter.css +1 -0
  144. package/es/counter/index.mjs +12 -0
  145. package/es/counter/props.mjs +57 -0
  146. package/es/counter/provide.ts +3 -0
  147. package/es/counter/style/index.mjs +9 -0
  148. package/es/date-picker/DatePicker.mjs +685 -0
  149. package/es/date-picker/DatePickerSfc.css +0 -0
  150. package/es/date-picker/date-picker.css +1 -0
  151. package/es/date-picker/index.mjs +12 -0
  152. package/es/date-picker/props.mjs +49 -0
  153. package/es/date-picker/src/day-picker-panel.mjs +366 -0
  154. package/es/date-picker/src/month-picker-panel.mjs +282 -0
  155. package/es/date-picker/src/panel-header.mjs +135 -0
  156. package/es/date-picker/src/year-picker-panel.mjs +303 -0
  157. package/es/date-picker/style/index.mjs +8 -0
  158. package/es/dialog/Dialog.mjs +235 -0
  159. package/es/dialog/DialogSfc.css +0 -0
  160. package/es/dialog/dialog.css +1 -0
  161. package/es/dialog/index.mjs +97 -0
  162. package/es/dialog/props.mjs +65 -0
  163. package/es/dialog/style/index.mjs +5 -0
  164. package/es/divider/Divider.mjs +85 -0
  165. package/es/divider/DividerSfc.css +0 -0
  166. package/es/divider/divider.css +1 -0
  167. package/es/divider/index.mjs +12 -0
  168. package/es/divider/props.mjs +14 -0
  169. package/es/divider/style/index.mjs +3 -0
  170. package/es/drag/Drag.mjs +261 -0
  171. package/es/drag/DragSfc.css +0 -0
  172. package/es/drag/drag.css +1 -0
  173. package/es/drag/index.mjs +12 -0
  174. package/es/drag/props.mjs +30 -0
  175. package/es/drag/style/index.mjs +3 -0
  176. package/es/ellipsis/Ellipsis.mjs +110 -0
  177. package/es/ellipsis/EllipsisSfc.css +0 -0
  178. package/es/ellipsis/ellipsis.css +1 -0
  179. package/es/ellipsis/index.mjs +12 -0
  180. package/es/ellipsis/props.mjs +14 -0
  181. package/es/ellipsis/style/index.mjs +4 -0
  182. package/es/fab/Fab.mjs +149 -0
  183. package/es/fab/fab.css +1 -0
  184. package/es/fab/index.mjs +12 -0
  185. package/es/fab/props.mjs +73 -0
  186. package/es/fab/style/index.mjs +8 -0
  187. package/es/field-decorator/FieldDecorator.mjs +252 -0
  188. package/es/field-decorator/FieldDecoratorSfc.css +0 -0
  189. package/es/field-decorator/fieldDecorator.css +1 -0
  190. package/es/field-decorator/index.mjs +12 -0
  191. package/es/field-decorator/props.mjs +43 -0
  192. package/es/field-decorator/style/index.mjs +4 -0
  193. package/es/floating-panel/FloatingPanel.mjs +184 -0
  194. package/es/floating-panel/FloatingPanelSfc.css +0 -0
  195. package/es/floating-panel/floatingPanel.css +1 -0
  196. package/es/floating-panel/index.mjs +11 -0
  197. package/es/floating-panel/props.mjs +27 -0
  198. package/es/floating-panel/style/index.mjs +4 -0
  199. package/es/form/Form.mjs +116 -0
  200. package/es/form/FormSfc.css +0 -0
  201. package/es/form/index.mjs +15 -0
  202. package/es/form/props.mjs +15 -0
  203. package/es/form/provide.mjs +47 -0
  204. package/es/form/style/index.mjs +2 -0
  205. package/es/form-details/FormDetails.mjs +91 -0
  206. package/es/form-details/FormDetailsSfc.css +0 -0
  207. package/es/form-details/formDetails.css +1 -0
  208. package/es/form-details/index.mjs +12 -0
  209. package/es/form-details/props.mjs +13 -0
  210. package/es/form-details/style/index.mjs +3 -0
  211. package/es/hover/index.mjs +125 -0
  212. package/es/hover/style/index.mjs +0 -0
  213. package/es/hover-overlay/HoverOverlay.mjs +29 -0
  214. package/es/hover-overlay/HoverOverlaySfc.css +0 -0
  215. package/es/hover-overlay/hoverOverlay.css +1 -0
  216. package/es/hover-overlay/index.mjs +24 -0
  217. package/es/hover-overlay/props.mjs +9 -0
  218. package/es/hover-overlay/style/index.mjs +2 -0
  219. package/es/icon/Icon.mjs +89 -0
  220. package/es/icon/IconSfc.css +0 -0
  221. package/es/icon/icon.css +1 -0
  222. package/es/icon/index.mjs +12 -0
  223. package/es/icon/props.mjs +19 -0
  224. package/es/icon/style/index.mjs +3 -0
  225. package/es/image/Image.mjs +111 -0
  226. package/es/image/ImageSfc.css +0 -0
  227. package/es/image/image.css +1 -0
  228. package/es/image/index.mjs +12 -0
  229. package/es/image/props.mjs +30 -0
  230. package/es/image/style/index.mjs +4 -0
  231. package/es/image-preview/ImagePreview.mjs +348 -0
  232. package/es/image-preview/ImagePreviewSfc.css +0 -0
  233. package/es/image-preview/imagePreview.css +1 -0
  234. package/es/image-preview/index.mjs +87 -0
  235. package/es/image-preview/props.mjs +52 -0
  236. package/es/image-preview/style/index.mjs +7 -0
  237. package/es/index-anchor/IndexAnchor.mjs +87 -0
  238. package/es/index-anchor/IndexAnchorSfc.css +1 -0
  239. package/es/index-anchor/index.mjs +12 -0
  240. package/es/index-anchor/props.mjs +6 -0
  241. package/es/index-anchor/provide.mjs +19 -0
  242. package/es/index-anchor/style/index.mjs +3 -0
  243. package/es/index-bar/IndexBar.mjs +222 -0
  244. package/es/index-bar/IndexBarSfc.css +0 -0
  245. package/es/index-bar/index.mjs +12 -0
  246. package/es/index-bar/indexBar.css +1 -0
  247. package/es/index-bar/props.mjs +29 -0
  248. package/es/index-bar/provide.mjs +16 -0
  249. package/es/index-bar/style/index.mjs +3 -0
  250. package/es/index.bundle.mjs +533 -0
  251. package/es/index.d.ts +1 -0
  252. package/es/index.mjs +173 -173
  253. package/es/input/Input.mjs +375 -0
  254. package/es/input/InputSfc.css +0 -0
  255. package/es/input/index.mjs +12 -0
  256. package/es/input/input.css +1 -0
  257. package/es/input/props.mjs +65 -0
  258. package/es/input/provide.ts +3 -0
  259. package/es/input/style/index.mjs +6 -0
  260. package/es/lazy/index.mjs +213 -0
  261. package/es/lazy/style/index.mjs +0 -0
  262. package/es/link/Link.mjs +81 -0
  263. package/es/link/LinkSfc.css +0 -0
  264. package/es/link/index.mjs +12 -0
  265. package/es/link/link.css +1 -0
  266. package/es/link/props.mjs +23 -0
  267. package/es/link/style/index.mjs +3 -0
  268. package/es/list/List.mjs +185 -0
  269. package/es/list/ListSfc.css +0 -0
  270. package/es/list/index.mjs +12 -0
  271. package/es/list/list.css +1 -0
  272. package/es/list/props.mjs +23 -0
  273. package/es/list/provide.mjs +13 -0
  274. package/es/list/style/index.mjs +5 -0
  275. package/es/loading/Loading.mjs +190 -0
  276. package/es/loading/LoadingSfc.css +0 -0
  277. package/es/loading/index.mjs +12 -0
  278. package/es/loading/loading.css +1 -0
  279. package/es/loading/props.mjs +17 -0
  280. package/es/loading/style/index.mjs +3 -0
  281. package/es/loading-bar/LoadingBar.mjs +33 -0
  282. package/es/loading-bar/index.mjs +102 -0
  283. package/es/loading-bar/loadingBar.css +1 -0
  284. package/es/loading-bar/props.mjs +18 -0
  285. package/es/loading-bar/style/index.mjs +2 -0
  286. package/es/locale/en-US.d.ts +5 -0
  287. package/es/locale/en-US.mjs +108 -0
  288. package/es/locale/index.mjs +79 -0
  289. package/es/locale/style/index.mjs +0 -0
  290. package/es/locale/zh-CN.d.ts +5 -0
  291. package/es/locale/zh-CN.mjs +108 -0
  292. package/es/locale/zh-HK.d.ts +5 -0
  293. package/es/locale/zh-HK.mjs +5 -0
  294. package/es/locale/zh-TW.d.ts +5 -0
  295. package/es/locale/zh-TW.mjs +105 -0
  296. package/es/menu/Menu.mjs +124 -0
  297. package/es/menu/MenuSfc.css +0 -0
  298. package/es/menu/index.mjs +12 -0
  299. package/es/menu/menu.css +1 -0
  300. package/es/menu/props.mjs +50 -0
  301. package/es/menu/style/index.mjs +4 -0
  302. package/es/menu/usePopover.mjs +333 -0
  303. package/es/menu-option/MenuOption.mjs +122 -0
  304. package/es/menu-option/MenuOptionSfc.css +0 -0
  305. package/es/menu-option/index.mjs +12 -0
  306. package/es/menu-option/menuOption.css +1 -0
  307. package/es/menu-option/props.mjs +8 -0
  308. package/es/menu-option/provide.mjs +19 -0
  309. package/es/menu-option/style/index.mjs +5 -0
  310. package/es/menu-select/MenuSelect.mjs +113 -0
  311. package/es/menu-select/MenuSelectSfc.css +0 -0
  312. package/es/menu-select/index.mjs +12 -0
  313. package/es/menu-select/menuSelect.css +1 -0
  314. package/es/menu-select/props.mjs +57 -0
  315. package/es/menu-select/provide.mjs +16 -0
  316. package/es/menu-select/style/index.mjs +5 -0
  317. package/es/option/Option.mjs +127 -0
  318. package/es/option/OptionSfc.css +0 -0
  319. package/es/option/index.mjs +12 -0
  320. package/es/option/option.css +1 -0
  321. package/es/option/props.mjs +8 -0
  322. package/es/option/provide.mjs +17 -0
  323. package/es/option/style/index.mjs +6 -0
  324. package/es/overlay/Overlay.mjs +68 -0
  325. package/es/overlay/index.mjs +12 -0
  326. package/es/overlay/overlay.css +1 -0
  327. package/es/overlay/props.mjs +14 -0
  328. package/es/overlay/style/index.mjs +2 -0
  329. package/es/pagination/Pagination.mjs +428 -0
  330. package/es/pagination/PaginationSfc.css +0 -0
  331. package/es/pagination/index.mjs +12 -0
  332. package/es/pagination/pagination.css +1 -0
  333. package/es/pagination/props.mjs +41 -0
  334. package/es/pagination/style/index.mjs +10 -0
  335. package/es/paper/Paper.mjs +61 -0
  336. package/es/paper/PaperSfc.css +0 -0
  337. package/es/paper/index.mjs +12 -0
  338. package/es/paper/paper.css +1 -0
  339. package/es/paper/props.mjs +17 -0
  340. package/es/paper/style/index.mjs +4 -0
  341. package/es/picker/Picker.mjs +486 -0
  342. package/es/picker/PickerSfc.css +0 -0
  343. package/es/picker/index.mjs +84 -0
  344. package/es/picker/picker.css +1 -0
  345. package/es/picker/props.mjs +79 -0
  346. package/es/picker/style/index.mjs +5 -0
  347. package/es/popup/Popup.mjs +127 -0
  348. package/es/popup/index.mjs +12 -0
  349. package/es/popup/popup.css +1 -0
  350. package/es/popup/props.mjs +44 -0
  351. package/es/popup/provide.mjs +23 -0
  352. package/es/popup/style/index.mjs +2 -0
  353. package/es/progress/Progress.mjs +257 -0
  354. package/es/progress/ProgressSfc.css +0 -0
  355. package/es/progress/index.mjs +12 -0
  356. package/es/progress/progress.css +1 -0
  357. package/es/progress/props.mjs +39 -0
  358. package/es/progress/style/index.mjs +3 -0
  359. package/es/pull-refresh/PullRefresh.mjs +217 -0
  360. package/es/pull-refresh/PullRefreshSfc.css +0 -0
  361. package/es/pull-refresh/index.mjs +12 -0
  362. package/es/pull-refresh/props.mjs +23 -0
  363. package/es/pull-refresh/pullRefresh.css +1 -0
  364. package/es/pull-refresh/style/index.mjs +5 -0
  365. package/es/radio/Radio.mjs +202 -0
  366. package/es/radio/RadioSfc.css +0 -0
  367. package/es/radio/index.mjs +12 -0
  368. package/es/radio/props.mjs +35 -0
  369. package/es/radio/provide.mjs +13 -0
  370. package/es/radio/radio.css +1 -0
  371. package/es/radio/style/index.mjs +7 -0
  372. package/es/radio-group/RadioGroup.mjs +96 -0
  373. package/es/radio-group/RadioGroupSfc.css +0 -0
  374. package/es/radio-group/index.mjs +12 -0
  375. package/es/radio-group/props.mjs +21 -0
  376. package/es/radio-group/provide.mjs +16 -0
  377. package/es/radio-group/radioGroup.css +1 -0
  378. package/es/radio-group/style/index.mjs +4 -0
  379. package/es/rate/Rate.mjs +204 -0
  380. package/es/rate/RateSfc.css +0 -0
  381. package/es/rate/index.mjs +12 -0
  382. package/es/rate/props.mjs +46 -0
  383. package/es/rate/provide.ts +3 -0
  384. package/es/rate/rate.css +1 -0
  385. package/es/rate/style/index.mjs +7 -0
  386. package/es/result/Empty.mjs +26 -0
  387. package/es/result/Error.mjs +26 -0
  388. package/es/result/Info.mjs +26 -0
  389. package/es/result/Question.mjs +26 -0
  390. package/es/result/Result.mjs +129 -0
  391. package/es/result/ResultSfc.css +0 -0
  392. package/es/result/Success.mjs +104 -0
  393. package/es/result/Warning.mjs +26 -0
  394. package/es/result/index.mjs +12 -0
  395. package/es/result/props.mjs +16 -0
  396. package/es/result/result.css +1 -0
  397. package/es/result/style/index.mjs +3 -0
  398. package/es/ripple/index.mjs +150 -0
  399. package/es/ripple/ripple.css +1 -0
  400. package/es/ripple/style/index.mjs +2 -0
  401. package/es/row/Row.mjs +62 -0
  402. package/es/row/RowSfc.css +0 -0
  403. package/es/row/index.mjs +12 -0
  404. package/es/row/props.mjs +19 -0
  405. package/es/row/provide.mjs +14 -0
  406. package/es/row/row.css +1 -0
  407. package/es/row/style/index.mjs +3 -0
  408. package/es/select/Select.mjs +417 -0
  409. package/es/select/SelectSfc.css +0 -0
  410. package/es/select/index.mjs +12 -0
  411. package/es/select/props.mjs +64 -0
  412. package/es/select/provide.mjs +14 -0
  413. package/es/select/select.css +1 -0
  414. package/es/select/style/index.mjs +9 -0
  415. package/es/select/useSelectController.mjs +67 -0
  416. package/es/skeleton/Skeleton.mjs +195 -0
  417. package/es/skeleton/SkeletonSfc.css +0 -0
  418. package/es/skeleton/index.mjs +12 -0
  419. package/es/skeleton/props.mjs +28 -0
  420. package/es/skeleton/skeleton.css +1 -0
  421. package/es/skeleton/style/index.mjs +3 -0
  422. package/es/slider/Slider.mjs +488 -0
  423. package/es/slider/SliderSfc.css +0 -0
  424. package/es/slider/index.mjs +12 -0
  425. package/es/slider/props.mjs +51 -0
  426. package/es/slider/provide.ts +3 -0
  427. package/es/slider/slider.css +1 -0
  428. package/es/slider/style/index.mjs +5 -0
  429. package/es/snackbar/Snackbar.mjs +62 -0
  430. package/es/snackbar/SnackbarSfc.css +0 -0
  431. package/es/snackbar/core.mjs +170 -0
  432. package/es/snackbar/coreSfc.css +0 -0
  433. package/es/snackbar/index.mjs +229 -0
  434. package/es/snackbar/props.mjs +59 -0
  435. package/es/snackbar/snackbar.css +1 -0
  436. package/es/snackbar/style/index.mjs +8 -0
  437. package/es/space/Space.mjs +67 -0
  438. package/es/space/index.mjs +12 -0
  439. package/es/space/margin.mjs +34 -0
  440. package/es/space/props.mjs +23 -0
  441. package/es/space/space.css +1 -0
  442. package/es/space/style/index.mjs +2 -0
  443. package/es/step/Step.mjs +123 -0
  444. package/es/step/StepSfc.css +0 -0
  445. package/es/step/index.mjs +12 -0
  446. package/es/step/props.mjs +16 -0
  447. package/es/step/provide.mjs +17 -0
  448. package/es/step/step.css +1 -0
  449. package/es/step/style/index.mjs +4 -0
  450. package/es/steps/Steps.mjs +49 -0
  451. package/es/steps/StepsSfc.css +1 -0
  452. package/es/steps/index.mjs +12 -0
  453. package/es/steps/props.mjs +17 -0
  454. package/es/steps/provide.mjs +13 -0
  455. package/es/steps/style/index.mjs +2 -0
  456. package/es/sticky/Sticky.mjs +176 -0
  457. package/es/sticky/StickySfc.css +0 -0
  458. package/es/sticky/index.mjs +12 -0
  459. package/es/sticky/props.mjs +17 -0
  460. package/es/sticky/sticky.css +1 -0
  461. package/es/sticky/style/index.mjs +3 -0
  462. package/es/style-provider/StyleProvider.mjs +24 -0
  463. package/es/style-provider/StyleProviderSfc.css +0 -0
  464. package/es/style-provider/index.mjs +25 -0
  465. package/es/style-provider/props.mjs +13 -0
  466. package/es/style-provider/style/index.mjs +2 -0
  467. package/es/style.mjs +86 -0
  468. package/es/styles/common.css +1 -0
  469. package/es/styles/elevation.css +1 -0
  470. package/es/styles/style/index.mjs +0 -0
  471. package/es/swipe/Swipe.mjs +512 -0
  472. package/es/swipe/SwipeSfc.css +0 -0
  473. package/es/swipe/index.mjs +12 -0
  474. package/es/swipe/props.mjs +34 -0
  475. package/es/swipe/provide.mjs +16 -0
  476. package/es/swipe/style/index.mjs +8 -0
  477. package/es/swipe/swipe.css +1 -0
  478. package/es/swipe-item/SwipeItem.mjs +50 -0
  479. package/es/swipe-item/SwipeItemSfc.css +0 -0
  480. package/es/swipe-item/index.mjs +9 -0
  481. package/es/swipe-item/provide.mjs +17 -0
  482. package/es/swipe-item/style/index.mjs +3 -0
  483. package/es/swipe-item/swipeItem.css +1 -0
  484. package/es/switch/Switch.mjs +225 -0
  485. package/es/switch/SwitchSfc.css +0 -0
  486. package/es/switch/index.mjs +12 -0
  487. package/es/switch/props.mjs +30 -0
  488. package/es/switch/provide.ts +3 -0
  489. package/es/switch/style/index.mjs +8 -0
  490. package/es/switch/switch.css +1 -0
  491. package/es/tab/Tab.mjs +87 -0
  492. package/es/tab/TabSfc.css +0 -0
  493. package/es/tab/index.mjs +12 -0
  494. package/es/tab/props.mjs +13 -0
  495. package/es/tab/provide.mjs +17 -0
  496. package/es/tab/style/index.mjs +4 -0
  497. package/es/tab/tab.css +1 -0
  498. package/es/tab-item/TabItem.mjs +52 -0
  499. package/es/tab-item/TabItemSfc.css +0 -0
  500. package/es/tab-item/index.mjs +12 -0
  501. package/es/tab-item/props.mjs +6 -0
  502. package/es/tab-item/provide.mjs +30 -0
  503. package/es/tab-item/style/index.mjs +4 -0
  504. package/es/tab-item/tabItem.css +1 -0
  505. package/es/table/Table.mjs +67 -0
  506. package/es/table/TableSfc.css +0 -0
  507. package/es/table/index.mjs +12 -0
  508. package/es/table/props.mjs +13 -0
  509. package/es/table/style/index.mjs +4 -0
  510. package/es/table/table.css +1 -0
  511. package/es/tabs/Tabs.mjs +246 -0
  512. package/es/tabs/TabsSfc.css +0 -0
  513. package/es/tabs/index.mjs +12 -0
  514. package/es/tabs/props.mjs +46 -0
  515. package/es/tabs/provide.mjs +14 -0
  516. package/es/tabs/style/index.mjs +5 -0
  517. package/es/tabs/tabs.css +1 -0
  518. package/es/tabs-items/TabsItems.mjs +102 -0
  519. package/es/tabs-items/TabsItemsSfc.css +0 -0
  520. package/es/tabs-items/index.mjs +12 -0
  521. package/es/tabs-items/props.mjs +16 -0
  522. package/es/tabs-items/provide.mjs +16 -0
  523. package/es/tabs-items/style/index.mjs +3 -0
  524. package/es/themes/dark/actionSheet.mjs +8 -0
  525. package/es/themes/dark/appBar.mjs +6 -0
  526. package/es/themes/dark/avatar.mjs +7 -0
  527. package/es/themes/dark/badge.mjs +6 -0
  528. package/es/themes/dark/bottomNavigation.mjs +7 -0
  529. package/es/themes/dark/bottomNavigationItem.mjs +6 -0
  530. package/es/themes/dark/breadcrumb.mjs +6 -0
  531. package/es/themes/dark/button.mjs +7 -0
  532. package/es/themes/dark/card.mjs +10 -0
  533. package/es/themes/dark/cell.mjs +7 -0
  534. package/es/themes/dark/checkbox.mjs +7 -0
  535. package/es/themes/dark/chip.mjs +7 -0
  536. package/es/themes/dark/collapse.mjs +8 -0
  537. package/es/themes/dark/countdown.mjs +6 -0
  538. package/es/themes/dark/datePicker.mjs +10 -0
  539. package/es/themes/dark/dialog.mjs +8 -0
  540. package/es/themes/dark/divider.mjs +7 -0
  541. package/es/themes/dark/fieldDecorator.mjs +7 -0
  542. package/es/themes/dark/floatingPanel.mjs +6 -0
  543. package/es/themes/dark/index.d.ts +5 -0
  544. package/es/themes/dark/index.mjs +73 -0
  545. package/es/themes/dark/link.mjs +6 -0
  546. package/es/themes/dark/menu.mjs +6 -0
  547. package/es/themes/dark/menuOption.mjs +6 -0
  548. package/es/themes/dark/menuSelect.mjs +6 -0
  549. package/es/themes/dark/option.mjs +6 -0
  550. package/es/themes/dark/pagination.mjs +11 -0
  551. package/es/themes/dark/paper.mjs +6 -0
  552. package/es/themes/dark/picker.mjs +11 -0
  553. package/es/themes/dark/popup.mjs +6 -0
  554. package/es/themes/dark/progress.mjs +6 -0
  555. package/es/themes/dark/pullRefresh.mjs +6 -0
  556. package/es/themes/dark/radio.mjs +7 -0
  557. package/es/themes/dark/result.mjs +12 -0
  558. package/es/themes/dark/select.mjs +6 -0
  559. package/es/themes/dark/skeleton.mjs +11 -0
  560. package/es/themes/dark/steps.mjs +8 -0
  561. package/es/themes/dark/switch.mjs +7 -0
  562. package/es/themes/dark/tab.mjs +6 -0
  563. package/es/themes/dark/table.mjs +12 -0
  564. package/es/themes/dark/tabs.mjs +6 -0
  565. package/es/themes/dark/timePicker.mjs +9 -0
  566. package/es/themes/dark/uploader.mjs +10 -0
  567. package/es/themes/dark/watermark.mjs +6 -0
  568. package/es/themes/index.mjs +8 -0
  569. package/es/themes/style/index.mjs +0 -0
  570. package/es/time-picker/TimePicker.mjs +438 -0
  571. package/es/time-picker/TimePickerSfc.css +0 -0
  572. package/es/time-picker/clock.mjs +335 -0
  573. package/es/time-picker/index.mjs +12 -0
  574. package/es/time-picker/props.mjs +33 -0
  575. package/es/time-picker/style/index.mjs +4 -0
  576. package/es/time-picker/timePicker.css +1 -0
  577. package/es/time-picker/utils.mjs +76 -0
  578. package/es/tooltip/Tooltip.mjs +129 -0
  579. package/es/tooltip/TooltipSfc.css +0 -0
  580. package/es/tooltip/index.mjs +12 -0
  581. package/es/tooltip/props.mjs +47 -0
  582. package/es/tooltip/style/index.mjs +3 -0
  583. package/es/tooltip/tooltip.css +1 -0
  584. package/es/uploader/Uploader.mjs +485 -0
  585. package/es/uploader/UploaderSfc.css +0 -0
  586. package/es/uploader/index.mjs +12 -0
  587. package/es/uploader/props.mjs +59 -0
  588. package/es/uploader/provide.ts +3 -0
  589. package/es/uploader/style/index.mjs +9 -0
  590. package/es/uploader/uploader.css +1 -0
  591. package/es/utils/components.mjs +200 -0
  592. package/es/utils/elements.mjs +190 -0
  593. package/es/utils/logger.mjs +10 -0
  594. package/es/utils/shared.mjs +54 -0
  595. package/es/utils/style/index.mjs +0 -0
  596. package/es/utils/test.mjs +281 -0
  597. package/es/varlet.esm.js +1 -1
  598. package/es/watermark/Watermark.mjs +248 -0
  599. package/es/watermark/WatermarkSfc.css +0 -0
  600. package/es/watermark/index.mjs +12 -0
  601. package/es/watermark/props.mjs +53 -0
  602. package/es/watermark/style/index.mjs +3 -0
  603. package/es/watermark/watermark.css +1 -0
  604. package/highlight/web-types.en-US.json +1 -1
  605. package/highlight/web-types.zh-CN.json +1 -1
  606. package/lib/varlet.cjs.js +2 -2
  607. package/package.json +7 -7
  608. package/umd/varlet.js +1 -1
@@ -0,0 +1,65 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ import { defineListenerProp, pickProps } from "../utils/components.mjs";
18
+ import { popupProps } from "../popup/index.mjs";
19
+ const props = __spreadValues({
20
+ show: Boolean,
21
+ width: [Number, String],
22
+ title: String,
23
+ message: String,
24
+ messageAlign: {
25
+ type: String,
26
+ default: "left"
27
+ },
28
+ confirmButton: {
29
+ type: Boolean,
30
+ default: true
31
+ },
32
+ cancelButton: {
33
+ type: Boolean,
34
+ default: true
35
+ },
36
+ confirmButtonText: String,
37
+ cancelButtonText: String,
38
+ confirmButtonTextColor: String,
39
+ cancelButtonTextColor: String,
40
+ confirmButtonColor: String,
41
+ cancelButtonColor: String,
42
+ dialogClass: String,
43
+ dialogStyle: Object,
44
+ onBeforeClose: defineListenerProp(),
45
+ onConfirm: defineListenerProp(),
46
+ onCancel: defineListenerProp(),
47
+ "onUpdate:show": defineListenerProp()
48
+ }, pickProps(popupProps, [
49
+ "overlay",
50
+ "overlayClass",
51
+ "overlayStyle",
52
+ "lockScroll",
53
+ "closeOnClickOverlay",
54
+ "teleport",
55
+ "onOpen",
56
+ "onClose",
57
+ "onOpened",
58
+ "onClosed",
59
+ "onClickOverlay",
60
+ // internal for function call closes the dialog
61
+ "onRouteChange"
62
+ ]));
63
+ export {
64
+ props
65
+ };
@@ -0,0 +1,5 @@
1
+ import '../../styles/common.css'
2
+ import '../../popup/popup.css'
3
+ import '../../button/button.css'
4
+ import '../dialog.css'
5
+ import '../DialogSfc.css'
@@ -0,0 +1,85 @@
1
+ import { defineComponent, computed, ref, onUpdated } from "vue";
2
+ import { toSizeUnit } from "../utils/elements.mjs";
3
+ import { toNumber, isBoolean } from "@varlet/shared";
4
+ import { props } from "./props.mjs";
5
+ import { createNamespace } from "../utils/components.mjs";
6
+ import { onSmartMounted } from "@varlet/use";
7
+ const { name, n, classes } = createNamespace("divider");
8
+ import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle } from "vue";
9
+ function __render__(_ctx, _cache) {
10
+ return _openBlock(), _createElementBlock(
11
+ "div",
12
+ {
13
+ class: _normalizeClass(
14
+ _ctx.classes(
15
+ _ctx.n(),
16
+ _ctx.n("$--box"),
17
+ [_ctx.vertical, _ctx.n("--vertical")],
18
+ [_ctx.withText, _ctx.n("--with-text")],
19
+ [_ctx.withPresetInset, _ctx.n("--inset")],
20
+ [_ctx.dashed, _ctx.n("--dashed")],
21
+ [_ctx.hairline, _ctx.n("--hairline")]
22
+ )
23
+ ),
24
+ style: _normalizeStyle(_ctx.style)
25
+ },
26
+ [
27
+ !_ctx.vertical ? _renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
28
+ _ctx.description ? (_openBlock(), _createElementBlock(
29
+ "span",
30
+ {
31
+ key: 0,
32
+ class: _normalizeClass(_ctx.n("text"))
33
+ },
34
+ _toDisplayString(_ctx.description),
35
+ 3
36
+ /* TEXT, CLASS */
37
+ )) : _createCommentVNode("v-if", true)
38
+ ]) : _createCommentVNode("v-if", true)
39
+ ],
40
+ 6
41
+ /* CLASS, STYLE */
42
+ );
43
+ }
44
+ const __sfc__ = defineComponent({
45
+ name,
46
+ props,
47
+ setup(props2, { slots }) {
48
+ const withText = ref(false);
49
+ const withPresetInset = computed(() => {
50
+ const { vertical, inset } = props2;
51
+ return !vertical && inset === true;
52
+ });
53
+ const style = computed(() => {
54
+ const { inset, vertical, margin } = props2;
55
+ if (isBoolean(inset) || vertical) {
56
+ return { margin };
57
+ }
58
+ const _inset = toNumber(inset);
59
+ const absInsetWithUnit = Math.abs(_inset) + (inset + "").replace(_inset + "", "");
60
+ return {
61
+ margin,
62
+ width: `calc(100% - ${toSizeUnit(absInsetWithUnit)})`,
63
+ left: _inset > 0 ? toSizeUnit(absInsetWithUnit) : toSizeUnit(0)
64
+ };
65
+ });
66
+ onSmartMounted(checkHasText);
67
+ onUpdated(checkHasText);
68
+ function checkHasText() {
69
+ const { description, vertical } = props2;
70
+ withText.value = (slots.default || description != null) && !vertical;
71
+ }
72
+ return {
73
+ n,
74
+ classes,
75
+ withText,
76
+ style,
77
+ withPresetInset
78
+ };
79
+ }
80
+ });
81
+ __sfc__.render = __render__;
82
+ var stdin_default = __sfc__;
83
+ export {
84
+ stdin_default as default
85
+ };
File without changes
@@ -0,0 +1 @@
1
+ :root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: auto; align-self: stretch; margin: 0 var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}.var-divider--hairline { transform: scaleY(0.5);}.var-divider--hairline.var-divider--with-text { transform: none;}.var-divider--hairline.var-divider--with-text::before,.var-divider--hairline.var-divider--with-text::after { transform: scaleY(0.5);}.var-divider--hairline.var-divider--vertical { transform: scaleX(0.5);}
@@ -0,0 +1,12 @@
1
+ import Divider from "./Divider.mjs";
2
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
3
+ import { props as dividerProps } from "./props.mjs";
4
+ withInstall(Divider);
5
+ withPropsDefaultsSetter(Divider, dividerProps);
6
+ const _DividerComponent = Divider;
7
+ var stdin_default = Divider;
8
+ export {
9
+ _DividerComponent,
10
+ stdin_default as default,
11
+ dividerProps
12
+ };
@@ -0,0 +1,14 @@
1
+ const props = {
2
+ inset: {
3
+ type: [Boolean, Number, String],
4
+ default: false
5
+ },
6
+ vertical: Boolean,
7
+ description: String,
8
+ margin: String,
9
+ dashed: Boolean,
10
+ hairline: Boolean
11
+ };
12
+ export {
13
+ props
14
+ };
@@ -0,0 +1,3 @@
1
+ import '../../styles/common.css'
2
+ import '../divider.css'
3
+ import '../DividerSfc.css'
@@ -0,0 +1,261 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __async = (__this, __arguments, generator) => {
21
+ return new Promise((resolve, reject) => {
22
+ var fulfilled = (value) => {
23
+ try {
24
+ step(generator.next(value));
25
+ } catch (e) {
26
+ reject(e);
27
+ }
28
+ };
29
+ var rejected = (value) => {
30
+ try {
31
+ step(generator.throw(value));
32
+ } catch (e) {
33
+ reject(e);
34
+ }
35
+ };
36
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
37
+ step((generator = generator.apply(__this, __arguments)).next());
38
+ });
39
+ };
40
+ import { defineComponent, ref, reactive, watch } from "vue";
41
+ import { props } from "./props.mjs";
42
+ import { createNamespace, useTeleport } from "../utils/components.mjs";
43
+ import { toPxNum } from "../utils/elements.mjs";
44
+ import { onSmartMounted, onWindowResize, useTouch } from "@varlet/use";
45
+ import { clamp, getRect, preventDefault, call } from "@varlet/shared";
46
+ const { name, n, classes } = createNamespace("drag");
47
+ import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
48
+ function __render__(_ctx, _cache) {
49
+ return _openBlock(), _createBlock(_Teleport, {
50
+ to: _ctx.teleport === false ? void 0 : _ctx.teleport,
51
+ disabled: _ctx.teleportDisabled || _ctx.teleport === false
52
+ }, [
53
+ _createElementVNode(
54
+ "div",
55
+ _mergeProps({
56
+ ref: "drag",
57
+ class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.enableTransition, _ctx.n("--transition")]),
58
+ style: {
59
+ "z-index": _ctx.zIndex
60
+ },
61
+ onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
62
+ onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
63
+ onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
64
+ onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
65
+ onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
66
+ }, _ctx.getAttrs()),
67
+ [
68
+ _renderSlot(_ctx.$slots, "default")
69
+ ],
70
+ 16
71
+ /* FULL_PROPS */
72
+ )
73
+ ], 8, ["to", "disabled"]);
74
+ }
75
+ const __sfc__ = defineComponent({
76
+ name,
77
+ inheritAttrs: false,
78
+ props,
79
+ setup(props2, { attrs }) {
80
+ const drag = ref(null);
81
+ const x = ref(0);
82
+ const y = ref(0);
83
+ const dragged = ref(false);
84
+ const enableTransition = ref(false);
85
+ const { touching, dragging, moveX, moveY, startTouch, moveTouch, endTouch, resetTouch } = useTouch();
86
+ const { disabled: teleportDisabled } = useTeleport();
87
+ const boundary = reactive({
88
+ top: 0,
89
+ bottom: 0,
90
+ left: 0,
91
+ right: 0
92
+ });
93
+ watch(() => props2.boundary, toPxBoundary);
94
+ onWindowResize(resize);
95
+ onSmartMounted(() => {
96
+ toPxBoundary();
97
+ resize();
98
+ });
99
+ function handleTouchstart(event) {
100
+ if (props2.disabled) {
101
+ return;
102
+ }
103
+ startTouch(event);
104
+ saveXY();
105
+ }
106
+ function handleTouchmove(event) {
107
+ return __async(this, null, function* () {
108
+ if (!touching.value || props2.disabled) {
109
+ return;
110
+ }
111
+ moveTouch(event);
112
+ preventDefault(event);
113
+ enableTransition.value = false;
114
+ dragged.value = true;
115
+ if (props2.direction.includes("x")) {
116
+ x.value += moveX.value;
117
+ }
118
+ if (props2.direction.includes("y")) {
119
+ y.value += moveY.value;
120
+ }
121
+ clampToBoundary();
122
+ });
123
+ }
124
+ function handleTouchend() {
125
+ if (props2.disabled) {
126
+ return;
127
+ }
128
+ endTouch();
129
+ enableTransition.value = true;
130
+ attract();
131
+ }
132
+ function handleClick(event) {
133
+ if (dragging.value) {
134
+ return;
135
+ }
136
+ call(props2.onClick, event);
137
+ }
138
+ function saveXY() {
139
+ const { left, top } = getOffset();
140
+ x.value = left;
141
+ y.value = top;
142
+ }
143
+ function getOffset() {
144
+ const dragRect = getRect(drag.value);
145
+ const windowRect = getRect(window);
146
+ const top = dragRect.top - windowRect.top;
147
+ const bottom = windowRect.bottom - dragRect.bottom;
148
+ const left = dragRect.left - windowRect.left;
149
+ const right = windowRect.right - dragRect.right;
150
+ const { width, height } = dragRect;
151
+ const { width: windowWidth, height: windowHeight } = windowRect;
152
+ return {
153
+ top,
154
+ bottom,
155
+ left,
156
+ right,
157
+ width,
158
+ height,
159
+ halfWidth: width / 2,
160
+ halfHeight: height / 2,
161
+ windowWidth,
162
+ windowHeight
163
+ };
164
+ }
165
+ function getRange() {
166
+ const offset = getOffset();
167
+ const x1 = boundary.left;
168
+ const x2 = offset.windowWidth - boundary.right - offset.width;
169
+ const y1 = boundary.top;
170
+ const y2 = offset.windowHeight - boundary.bottom - offset.height;
171
+ return {
172
+ minX: x1,
173
+ minY: y1,
174
+ // fallback the drag element overflows boundary
175
+ maxX: x1 < x2 ? x2 : x1,
176
+ maxY: y1 < y2 ? y2 : y1
177
+ };
178
+ }
179
+ function attract() {
180
+ if (props2.attraction == null) {
181
+ return;
182
+ }
183
+ const { halfWidth, halfHeight, top, bottom, left, right } = getOffset();
184
+ const { minX, minY, maxX, maxY } = getRange();
185
+ const leftDistance = left + halfWidth - boundary.left;
186
+ const rightDistance = right + halfWidth - boundary.right;
187
+ const topDistance = top + halfHeight - boundary.top;
188
+ const bottomDistance = bottom + halfHeight - boundary.bottom;
189
+ const nearLeft = leftDistance <= rightDistance;
190
+ const nearTop = topDistance <= bottomDistance;
191
+ if (props2.attraction.includes("x")) {
192
+ x.value = nearLeft ? minX : maxX;
193
+ }
194
+ if (props2.attraction.includes("y")) {
195
+ y.value = nearTop ? minY : maxY;
196
+ }
197
+ }
198
+ function clampToBoundary() {
199
+ const { minX, minY, maxX, maxY } = getRange();
200
+ x.value = clamp(x.value, minX, maxX);
201
+ y.value = clamp(y.value, minY, maxY);
202
+ }
203
+ function toPxBoundary() {
204
+ const { top = 0, bottom = 0, left = 0, right = 0 } = props2.boundary;
205
+ boundary.top = toPxNum(top);
206
+ boundary.bottom = toPxNum(bottom);
207
+ boundary.left = toPxNum(left);
208
+ boundary.right = toPxNum(right);
209
+ }
210
+ function getAttrs() {
211
+ var _a;
212
+ const style = (_a = attrs.style) != null ? _a : {};
213
+ return __spreadProps(__spreadValues({}, attrs), {
214
+ style: __spreadProps(__spreadValues({}, style), {
215
+ // when the drag element is dragged for the first time, the inset should be cleared to avoid affecting translateX and translateY.
216
+ top: dragged.value ? 0 : style.top,
217
+ left: dragged.value ? 0 : style.left,
218
+ right: dragged.value ? "auto" : style.right,
219
+ bottom: dragged.value ? "auto" : style.bottom,
220
+ transform: dragged.value ? `translate(${x.value}px, ${y.value}px)` : style.transform
221
+ })
222
+ });
223
+ }
224
+ function resize() {
225
+ if (!dragged.value) {
226
+ return;
227
+ }
228
+ saveXY();
229
+ clampToBoundary();
230
+ }
231
+ function reset() {
232
+ resetTouch();
233
+ enableTransition.value = false;
234
+ dragged.value = false;
235
+ x.value = 0;
236
+ y.value = 0;
237
+ }
238
+ return {
239
+ drag,
240
+ x,
241
+ y,
242
+ enableTransition,
243
+ dragging,
244
+ teleportDisabled,
245
+ n,
246
+ classes,
247
+ getAttrs,
248
+ handleTouchstart,
249
+ handleTouchmove,
250
+ handleTouchend,
251
+ handleClick,
252
+ resize,
253
+ reset
254
+ };
255
+ }
256
+ });
257
+ __sfc__.render = __render__;
258
+ var stdin_default = __sfc__;
259
+ export {
260
+ stdin_default as default
261
+ };
File without changes
@@ -0,0 +1 @@
1
+ .var-drag { position: fixed; display: inline-flex;}.var-drag--transition { transition: transform 0.2s linear;}
@@ -0,0 +1,12 @@
1
+ import Drag from "./Drag.mjs";
2
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
3
+ import { props as dragProps } from "./props.mjs";
4
+ withInstall(Drag);
5
+ withPropsDefaultsSetter(Drag, dragProps);
6
+ const _DragComponent = Drag;
7
+ var stdin_default = Drag;
8
+ export {
9
+ _DragComponent,
10
+ stdin_default as default,
11
+ dragProps
12
+ };
@@ -0,0 +1,30 @@
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
+ direction: {
4
+ type: String,
5
+ default: "xy"
6
+ },
7
+ attraction: String,
8
+ disabled: Boolean,
9
+ boundary: {
10
+ type: Object,
11
+ default: () => ({
12
+ top: 0,
13
+ bottom: 0,
14
+ left: 0,
15
+ right: 0
16
+ })
17
+ },
18
+ zIndex: {
19
+ type: [Number, String],
20
+ default: 90
21
+ },
22
+ teleport: {
23
+ type: [String, Object, Boolean],
24
+ default: "body"
25
+ },
26
+ onClick: defineListenerProp()
27
+ };
28
+ export {
29
+ props
30
+ };
@@ -0,0 +1,3 @@
1
+ import '../../styles/common.css'
2
+ import '../drag.css'
3
+ import '../DragSfc.css'
@@ -0,0 +1,110 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ import VarTooltip from "../tooltip/index.mjs";
18
+ import { computed, defineComponent } from "vue";
19
+ import { createNamespace } from "../utils/components.mjs";
20
+ import { props } from "./props.mjs";
21
+ import { useVModel } from "@varlet/use";
22
+ const { name, n, classes } = createNamespace("ellipsis");
23
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
24
+ const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
25
+ const _hoisted_1 = { key: 0 };
26
+ function __render__(_ctx, _cache) {
27
+ const _component_var_tooltip = _resolveComponent("var-tooltip");
28
+ return _openBlock(), _createBlock(
29
+ _component_var_tooltip,
30
+ _normalizeProps(_guardReactiveProps(_ctx.tooltipProps)),
31
+ {
32
+ content: _withCtx(() => [
33
+ _renderSlot(_ctx.$slots, "tooltip-content", {}, () => {
34
+ var _a;
35
+ return [
36
+ ((_a = _ctx.tooltipProps) == null ? void 0 : _a.content) ? (_openBlock(), _createElementBlock(
37
+ "span",
38
+ _hoisted_1,
39
+ _toDisplayString(_ctx.tooltipProps.content),
40
+ 1
41
+ /* TEXT */
42
+ )) : _renderSlot(_ctx.$slots, "default", { key: 1 })
43
+ ];
44
+ })
45
+ ]),
46
+ default: _withCtx(() => [
47
+ _createElementVNode(
48
+ "span",
49
+ {
50
+ class: _normalizeClass(
51
+ _ctx.classes(_ctx.n(), [_ctx.lineClamp, _ctx.n("--clamp"), _ctx.n("--line")], [_ctx.expandTrigger, _ctx.n("--cursor")], [_ctx.expanding, _ctx.n("--expand")])
52
+ ),
53
+ style: _normalizeStyle(_ctx.rootStyles),
54
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
55
+ },
56
+ [
57
+ _renderSlot(_ctx.$slots, "default")
58
+ ],
59
+ 6
60
+ /* CLASS, STYLE */
61
+ )
62
+ ]),
63
+ _: 3
64
+ /* FORWARDED */
65
+ },
66
+ 16
67
+ /* FULL_PROPS */
68
+ );
69
+ }
70
+ const __sfc__ = defineComponent({
71
+ name,
72
+ components: { VarTooltip },
73
+ props,
74
+ setup(props2) {
75
+ const expanding = useVModel(props2, "expand");
76
+ const rootStyles = computed(() => props2.lineClamp ? { "-webkit-line-clamp": props2.lineClamp } : {});
77
+ const tooltipProps = computed(() => {
78
+ if (props2.tooltip === false) {
79
+ return {
80
+ disabled: true
81
+ };
82
+ }
83
+ if (props2.tooltip === true) {
84
+ return {
85
+ sameWidth: true
86
+ };
87
+ }
88
+ return __spreadValues({ sameWidth: true }, props2.tooltip);
89
+ });
90
+ function handleClick() {
91
+ if (!props2.expandTrigger) {
92
+ return;
93
+ }
94
+ expanding.value = !expanding.value;
95
+ }
96
+ return {
97
+ tooltipProps,
98
+ expanding,
99
+ rootStyles,
100
+ n,
101
+ classes,
102
+ handleClick
103
+ };
104
+ }
105
+ });
106
+ __sfc__.render = __render__;
107
+ var stdin_default = __sfc__;
108
+ export {
109
+ stdin_default as default
110
+ };
File without changes
@@ -0,0 +1 @@
1
+ .var-ellipsis { width: 100%; overflow: hidden; vertical-align: bottom;}.var-ellipsis--clamp { display: -webkit-inline-box; -webkit-box-orient: vertical;}.var-ellipsis--line { display: inline-block; white-space: nowrap; text-overflow: ellipsis;}.var-ellipsis--cursor { cursor: pointer;}.var-ellipsis--expand { display: inline-block; white-space: wrap; overflow: visible;}
@@ -0,0 +1,12 @@
1
+ import Ellipsis from "./Ellipsis.mjs";
2
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
3
+ import { props as ellipsisProps } from "./props.mjs";
4
+ withInstall(Ellipsis);
5
+ withPropsDefaultsSetter(Ellipsis, ellipsisProps);
6
+ const _EllipsisComponent = Ellipsis;
7
+ var stdin_default = Ellipsis;
8
+ export {
9
+ _EllipsisComponent,
10
+ stdin_default as default,
11
+ ellipsisProps
12
+ };
@@ -0,0 +1,14 @@
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
+ expand: Boolean,
4
+ expandTrigger: String,
5
+ lineClamp: [Number, String],
6
+ tooltip: {
7
+ type: [Object, Boolean],
8
+ default: true
9
+ },
10
+ "onUpdate:expand": defineListenerProp()
11
+ };
12
+ export {
13
+ props
14
+ };
@@ -0,0 +1,4 @@
1
+ import '../../styles/common.css'
2
+ import '../../tooltip/tooltip.css'
3
+ import '../ellipsis.css'
4
+ import '../EllipsisSfc.css'