@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,13 @@
1
+ const props = {
2
+ fullWidth: {
3
+ type: [Number, String],
4
+ default: "100%"
5
+ },
6
+ elevation: {
7
+ type: [Boolean, Number, String],
8
+ default: true
9
+ }
10
+ };
11
+ export {
12
+ props
13
+ };
@@ -0,0 +1,4 @@
1
+ import '../../styles/common.css'
2
+ import '../../styles/elevation.css'
3
+ import '../table.css'
4
+ import '../TableSfc.css'
@@ -0,0 +1 @@
1
+ :root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 16px; --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius); transition: 0.25s background-color;}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow-x: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background); transition: background-color 0.25s;}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: left;}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: left;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top);}
@@ -0,0 +1,246 @@
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 VarSticky from "../sticky/index.mjs";
22
+ import { defineComponent, watch, ref, computed, Transition, onActivated } from "vue";
23
+ import { props } from "./props.mjs";
24
+ import { useTabList } from "./provide.mjs";
25
+ import { clamp, isNumber, doubleRaf, call } from "@varlet/shared";
26
+ import { linear } from "../utils/shared.mjs";
27
+ import { toSizeUnit, scrollTo } from "../utils/elements.mjs";
28
+ import { createNamespace, formatElevation } from "../utils/components.mjs";
29
+ import { onWindowResize } from "@varlet/use";
30
+ const { name, n, classes } = createNamespace("tabs");
31
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
32
+ function __render__(_ctx, _cache) {
33
+ return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
34
+ ref: _ctx.sticky ? "stickyComponent" : void 0,
35
+ "css-mode": _ctx.sticky ? _ctx.stickyCssMode : void 0,
36
+ "offset-top": _ctx.sticky ? _ctx.offsetTop : void 0,
37
+ "z-index": _ctx.sticky ? _ctx.stickyZIndex : void 0
38
+ }, {
39
+ default: _withCtx(() => [
40
+ _createElementVNode(
41
+ "div",
42
+ _mergeProps({
43
+ class: _ctx.classes(
44
+ _ctx.n(),
45
+ _ctx.n("$--box"),
46
+ _ctx.n(`--item-${_ctx.itemDirection}`),
47
+ _ctx.n(`--layout-${_ctx.layoutDirection}-padding`),
48
+ _ctx.formatElevation(_ctx.elevation, 4),
49
+ [_ctx.fixedBottom, _ctx.n("--fixed-bottom")],
50
+ [_ctx.safeArea, _ctx.n("--safe-area")]
51
+ ),
52
+ style: { background: _ctx.color }
53
+ }, _ctx.$attrs),
54
+ [
55
+ _createElementVNode(
56
+ "div",
57
+ {
58
+ ref: "scrollerEl",
59
+ class: _normalizeClass(
60
+ _ctx.classes(
61
+ _ctx.n("tab-wrap"),
62
+ [_ctx.localScrollable, _ctx.n(`--layout-${_ctx.layoutDirection}-scrollable`)],
63
+ _ctx.n(`--layout-${_ctx.layoutDirection}`)
64
+ )
65
+ )
66
+ },
67
+ [
68
+ _renderSlot(_ctx.$slots, "default"),
69
+ _createElementVNode(
70
+ "div",
71
+ {
72
+ class: _normalizeClass(_ctx.classes(_ctx.n("indicator"), _ctx.n(`--layout-${_ctx.layoutDirection}${_ctx.indicatorPosition}-indicator`))),
73
+ style: _normalizeStyle({
74
+ width: _ctx.layoutDirection === "horizontal" ? _ctx.indicatorWidth : _ctx.toSizeUnit(_ctx.indicatorSize),
75
+ height: _ctx.layoutDirection === "horizontal" ? _ctx.toSizeUnit(_ctx.indicatorSize) : _ctx.indicatorHeight,
76
+ transform: _ctx.layoutDirection === "horizontal" ? `translateX(${_ctx.indicatorX})` : `translateY(${_ctx.indicatorY})`
77
+ })
78
+ },
79
+ [
80
+ _createElementVNode(
81
+ "div",
82
+ {
83
+ class: _normalizeClass(_ctx.classes(_ctx.n("indicator-inner"), _ctx.n(`--layout-${_ctx.layoutDirection}-indicator-inner`))),
84
+ style: _normalizeStyle({ background: _ctx.indicatorColor || _ctx.activeColor })
85
+ },
86
+ null,
87
+ 6
88
+ /* CLASS, STYLE */
89
+ )
90
+ ],
91
+ 6
92
+ /* CLASS, STYLE */
93
+ )
94
+ ],
95
+ 2
96
+ /* CLASS */
97
+ )
98
+ ],
99
+ 16
100
+ /* FULL_PROPS */
101
+ )
102
+ ]),
103
+ _: 3
104
+ /* FORWARDED */
105
+ }, 8, ["css-mode", "offset-top", "z-index"]);
106
+ }
107
+ const __sfc__ = defineComponent({
108
+ name,
109
+ components: { VarSticky },
110
+ inheritAttrs: false,
111
+ props,
112
+ setup(props2) {
113
+ const indicatorWidth = ref("0px");
114
+ const indicatorHeight = ref("0px");
115
+ const indicatorX = ref("0px");
116
+ const indicatorY = ref("0px");
117
+ const localScrollable = ref(false);
118
+ const scrollerEl = ref(null);
119
+ const active = computed(() => props2.active);
120
+ const activeColor = computed(() => props2.activeColor);
121
+ const inactiveColor = computed(() => props2.inactiveColor);
122
+ const disabledColor = computed(() => props2.disabledColor);
123
+ const itemDirection = computed(() => props2.itemDirection);
124
+ const stickyComponent = ref(null);
125
+ const indicatorPosition = computed(() => props2.indicatorPosition === "reverse" ? "-reverse" : "");
126
+ const { tabList, bindTabList, length } = useTabList();
127
+ const tabsProvider = {
128
+ active,
129
+ activeColor,
130
+ inactiveColor,
131
+ disabledColor,
132
+ itemDirection,
133
+ resize,
134
+ onTabClick
135
+ };
136
+ bindTabList(tabsProvider);
137
+ watch(
138
+ () => length.value,
139
+ () => __async(this, null, function* () {
140
+ yield doubleRaf();
141
+ resize();
142
+ })
143
+ );
144
+ watch(() => [props2.active, props2.scrollable], resize);
145
+ onActivated(resize);
146
+ onWindowResize(resize);
147
+ function onTabClick(tab) {
148
+ var _a;
149
+ const currentActive = (_a = tab.name.value) != null ? _a : tab.index.value;
150
+ const { active: active2, onChange, onClick } = props2;
151
+ call(props2["onUpdate:active"], currentActive);
152
+ call(onClick, currentActive);
153
+ currentActive !== active2 && call(onChange, currentActive);
154
+ }
155
+ function matchName() {
156
+ return tabList.find(({ name: name2 }) => props2.active === name2.value);
157
+ }
158
+ function matchIndex(activeIndex) {
159
+ return tabList.find(({ index }) => (activeIndex != null ? activeIndex : props2.active) === index.value);
160
+ }
161
+ function matchBoundary() {
162
+ if (length.value === 0) {
163
+ return;
164
+ }
165
+ const { active: active2 } = props2;
166
+ if (isNumber(active2)) {
167
+ const activeIndex = clamp(active2, 0, length.value - 1);
168
+ call(props2["onUpdate:active"], activeIndex);
169
+ return matchIndex(activeIndex);
170
+ }
171
+ }
172
+ function watchScrollable() {
173
+ localScrollable.value = props2.scrollable === "always" || tabList.length >= 5;
174
+ }
175
+ function moveIndicator({ element }) {
176
+ const el = element.value;
177
+ if (!el)
178
+ return;
179
+ if (props2.layoutDirection === "horizontal") {
180
+ indicatorWidth.value = `${el.offsetWidth}px`;
181
+ indicatorX.value = `${el.offsetLeft}px`;
182
+ } else {
183
+ indicatorHeight.value = `${el.offsetHeight}px`;
184
+ indicatorY.value = `${el.offsetTop}px`;
185
+ }
186
+ }
187
+ function scrollToCenter({ element }) {
188
+ if (!localScrollable.value) {
189
+ return;
190
+ }
191
+ const scroller = scrollerEl.value;
192
+ const el = element.value;
193
+ if (props2.layoutDirection === "horizontal") {
194
+ const left = el.offsetLeft + el.offsetWidth / 2 - scroller.offsetWidth / 2;
195
+ scrollTo(scroller, {
196
+ left,
197
+ animation: linear
198
+ });
199
+ } else {
200
+ const top = el.offsetTop + el.offsetHeight / 2 - scroller.offsetHeight / 2;
201
+ scrollTo(scroller, {
202
+ top,
203
+ animation: linear
204
+ });
205
+ }
206
+ }
207
+ function resize() {
208
+ const tab = matchName() || matchIndex() || matchBoundary();
209
+ if (!tab || tab.disabled.value) {
210
+ return;
211
+ }
212
+ watchScrollable();
213
+ moveIndicator(tab);
214
+ scrollToCenter(tab);
215
+ }
216
+ function resizeSticky() {
217
+ return __async(this, null, function* () {
218
+ if (props2.sticky && stickyComponent.value) {
219
+ yield stickyComponent.value.resize();
220
+ }
221
+ });
222
+ }
223
+ return {
224
+ stickyComponent,
225
+ indicatorWidth,
226
+ indicatorHeight,
227
+ indicatorX,
228
+ indicatorY,
229
+ indicatorPosition,
230
+ localScrollable,
231
+ scrollerEl,
232
+ Transition,
233
+ toSizeUnit,
234
+ n,
235
+ classes,
236
+ resize,
237
+ resizeSticky,
238
+ formatElevation
239
+ };
240
+ }
241
+ });
242
+ __sfc__.render = __render__;
243
+ var stdin_default = __sfc__;
244
+ export {
245
+ stdin_default as default
246
+ };
File without changes
@@ -0,0 +1,12 @@
1
+ import Tabs from "./Tabs.mjs";
2
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
3
+ import { props as tabsProps } from "./props.mjs";
4
+ withInstall(Tabs);
5
+ withPropsDefaultsSetter(Tabs, tabsProps);
6
+ const _TabsComponent = Tabs;
7
+ var stdin_default = Tabs;
8
+ export {
9
+ _TabsComponent,
10
+ stdin_default as default,
11
+ tabsProps
12
+ };
@@ -0,0 +1,46 @@
1
+ import { defineListenerProp, pickProps } from "../utils/components.mjs";
2
+ import { stickyProps } from "../sticky/index.mjs";
3
+ const props = {
4
+ active: {
5
+ type: [String, Number],
6
+ default: 0
7
+ },
8
+ layoutDirection: {
9
+ type: String,
10
+ default: "horizontal"
11
+ },
12
+ itemDirection: {
13
+ type: String,
14
+ default: "horizontal"
15
+ },
16
+ fixedBottom: Boolean,
17
+ activeColor: String,
18
+ inactiveColor: String,
19
+ disabledColor: String,
20
+ color: String,
21
+ indicatorColor: String,
22
+ indicatorSize: [String, Number],
23
+ elevation: {
24
+ type: [Boolean, String, Number],
25
+ default: false
26
+ },
27
+ scrollable: {
28
+ type: String,
29
+ default: "auto"
30
+ },
31
+ indicatorPosition: {
32
+ type: String,
33
+ default: "normal"
34
+ },
35
+ safeArea: Boolean,
36
+ sticky: Boolean,
37
+ stickyCssMode: pickProps(stickyProps, "cssMode"),
38
+ stickyZIndex: pickProps(stickyProps, "zIndex"),
39
+ offsetTop: pickProps(stickyProps, "offsetTop"),
40
+ onClick: defineListenerProp(),
41
+ onChange: defineListenerProp(),
42
+ "onUpdate:active": defineListenerProp()
43
+ };
44
+ export {
45
+ props
46
+ };
@@ -0,0 +1,14 @@
1
+ import { useChildren } from "@varlet/use";
2
+ const TABS_BIND_TAB_KEY = Symbol("TABS_BIND_TAB_KEY");
3
+ function useTabList() {
4
+ const { childProviders, bindChildren, length } = useChildren(TABS_BIND_TAB_KEY);
5
+ return {
6
+ length,
7
+ tabList: childProviders,
8
+ bindTabList: bindChildren
9
+ };
10
+ }
11
+ export {
12
+ TABS_BIND_TAB_KEY,
13
+ useTabList
14
+ };
@@ -0,0 +1,5 @@
1
+ import '../../styles/common.css'
2
+ import '../../styles/elevation.css'
3
+ import '../../sticky/sticky.css'
4
+ import '../tabs.css'
5
+ import '../TabsSfc.css'
@@ -0,0 +1 @@
1
+ :root { --tabs-item-horizontal-height: 44px; --tabs-item-vertical-height: 66px; --tabs-radius: 2px; --tabs-padding: 12px; --tabs-indicator-size: 2px; --tabs-indicator-border-radius: 0; --tabs-indicator-background: var(--color-primary); --tabs-background: #fff; --tabs-indicator-inner-size: 100%;}.var-tabs { border-radius: var(--tabs-radius); background: var(--tabs-background); overflow: hidden; transition: background-color 0.25s;}.var-tabs__tab-wrap { position: relative; display: flex; height: 100%;}.var-tabs__indicator { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; transition-property: width, transform; transition-duration: 0.3s;}.var-tabs__indicator-inner { background: var(--tabs-indicator-background); border-radius: var(--tabs-indicator-border-radius);}.var-tabs--layout-horizontal { flex-direction: row;}.var-tabs--layout-horizontal-scrollable { overflow-x: auto; overflow-y: hidden;}.var-tabs--layout-horizontal-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-horizontal-padding { padding: 0 var(--tabs-padding);}.var-tabs--layout-horizontal-indicator { left: 0; bottom: 0; height: var(--tabs-indicator-size);}.var-tabs--layout-horizontal-reverse-indicator { left: 0; top: 0; height: var(--tabs-indicator-size);}.var-tabs--layout-horizontal-indicator-inner { width: var(--tabs-indicator-inner-size); height: 100%;}.var-tabs--layout-vertical { flex-direction: column;}.var-tabs--layout-vertical-scrollable { overflow-x: hidden; overflow-y: auto;}.var-tabs--layout-vertical-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-vertical-padding { padding: 0;}.var-tabs--layout-vertical-indicator { left: 0; top: 0; width: var(--tabs-indicator-size);}.var-tabs--layout-vertical-reverse-indicator { right: 0; top: 0; width: var(--tabs-indicator-size);}.var-tabs--layout-vertical-indicator-inner { width: 100%; height: var(--tabs-indicator-inner-size);}.var-tabs--item-horizontal { height: var(--tabs-item-horizontal-height);}.var-tabs--item-vertical { height: var(--tabs-item-vertical-height);}.var-tabs--fixed-bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99;}.var-tabs--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box !important;}
@@ -0,0 +1,102 @@
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 VarSwipe from "../swipe/index.mjs";
22
+ import { defineComponent, watch, ref } from "vue";
23
+ import { useTabItem } from "./provide.mjs";
24
+ import { createNamespace } from "../utils/components.mjs";
25
+ import { props } from "./props.mjs";
26
+ import { doubleRaf, call } from "@varlet/shared";
27
+ const { name, n } = createNamespace("tabs-items");
28
+ import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
29
+ function __render__(_ctx, _cache) {
30
+ const _component_var_swipe = _resolveComponent("var-swipe");
31
+ return _openBlock(), _createBlock(_component_var_swipe, {
32
+ class: _normalizeClass(_ctx.n()),
33
+ ref: "swipe",
34
+ loop: _ctx.loop,
35
+ touchable: _ctx.canSwipe,
36
+ indicator: false,
37
+ onChange: _ctx.handleSwipeChange
38
+ }, {
39
+ default: _withCtx(() => [
40
+ _renderSlot(_ctx.$slots, "default")
41
+ ]),
42
+ _: 3
43
+ /* FORWARDED */
44
+ }, 8, ["class", "loop", "touchable", "onChange"]);
45
+ }
46
+ const __sfc__ = defineComponent({
47
+ name,
48
+ components: { VarSwipe },
49
+ props,
50
+ setup(props2) {
51
+ const swipe = ref(null);
52
+ const { tabItemList, bindTabItem, length } = useTabItem();
53
+ bindTabItem({});
54
+ watch(() => props2.active, handleActiveChange);
55
+ watch(
56
+ () => length.value,
57
+ () => __async(this, null, function* () {
58
+ yield doubleRaf();
59
+ handleActiveChange(props2.active);
60
+ })
61
+ );
62
+ function matchName(active) {
63
+ return tabItemList.find(({ name: name2 }) => active === name2.value);
64
+ }
65
+ function matchIndex(active) {
66
+ return tabItemList.find(({ index }) => active === index.value);
67
+ }
68
+ function matchActive(active) {
69
+ return matchName(active) || matchIndex(active);
70
+ }
71
+ function handleActiveChange(newValue) {
72
+ var _a;
73
+ const newActiveTabItemProvider = matchActive(newValue);
74
+ if (!newActiveTabItemProvider) {
75
+ return;
76
+ }
77
+ tabItemList.forEach(({ setCurrent }) => setCurrent(false));
78
+ newActiveTabItemProvider.setCurrent(true);
79
+ (_a = swipe.value) == null ? void 0 : _a.to(newActiveTabItemProvider.index.value);
80
+ }
81
+ function handleSwipeChange(currentIndex) {
82
+ var _a;
83
+ const tabItem = tabItemList.find(({ index }) => index.value === currentIndex);
84
+ const active = (_a = tabItem.name.value) != null ? _a : tabItem.index.value;
85
+ call(props2["onUpdate:active"], active);
86
+ }
87
+ function getSwipe() {
88
+ return swipe.value;
89
+ }
90
+ return {
91
+ swipe,
92
+ n,
93
+ handleSwipeChange,
94
+ getSwipe
95
+ };
96
+ }
97
+ });
98
+ __sfc__.render = __render__;
99
+ var stdin_default = __sfc__;
100
+ export {
101
+ stdin_default as default
102
+ };
File without changes
@@ -0,0 +1,12 @@
1
+ import TabsItems from "./TabsItems.mjs";
2
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
3
+ import { props as tabsItemsProps } from "./props.mjs";
4
+ withInstall(TabsItems);
5
+ withPropsDefaultsSetter(TabsItems, tabsItemsProps);
6
+ const _TabsItemsComponent = TabsItems;
7
+ var stdin_default = TabsItems;
8
+ export {
9
+ _TabsItemsComponent,
10
+ stdin_default as default,
11
+ tabsItemsProps
12
+ };
@@ -0,0 +1,16 @@
1
+ import { defineListenerProp } from "../utils/components.mjs";
2
+ const props = {
3
+ active: {
4
+ type: [String, Number],
5
+ default: 0
6
+ },
7
+ canSwipe: {
8
+ type: Boolean,
9
+ default: true
10
+ },
11
+ loop: Boolean,
12
+ "onUpdate:active": defineListenerProp()
13
+ };
14
+ export {
15
+ props
16
+ };
@@ -0,0 +1,16 @@
1
+ import { useChildren } from "@varlet/use";
2
+ const TABS_ITEMS_BIND_TAB_ITEM_KEY = Symbol("TABS_ITEMS_BIND_TAB_ITEM_KEY");
3
+ function useTabItem() {
4
+ const { bindChildren, childProviders, length } = useChildren(
5
+ TABS_ITEMS_BIND_TAB_ITEM_KEY
6
+ );
7
+ return {
8
+ length,
9
+ tabItemList: childProviders,
10
+ bindTabItem: bindChildren
11
+ };
12
+ }
13
+ export {
14
+ TABS_ITEMS_BIND_TAB_ITEM_KEY,
15
+ useTabItem
16
+ };
@@ -0,0 +1,3 @@
1
+ import '../../styles/common.css'
2
+ import '../../swipe/swipe.css'
3
+ import '../TabsItemsSfc.css'
@@ -0,0 +1,8 @@
1
+ var stdin_default = {
2
+ "--action-sheet-background": "#1e1e1e",
3
+ "--action-sheet-title-color": "#aaa",
4
+ "--action-sheet-action-item-color": "#fff"
5
+ };
6
+ export {
7
+ stdin_default as default
8
+ };
@@ -0,0 +1,6 @@
1
+ var stdin_default = {
2
+ "--app-bar-color": "#272727"
3
+ };
4
+ export {
5
+ stdin_default as default
6
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--avatar-background-color": "#303030",
3
+ "--avatar-border": "2px solid #1e1e1e"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,6 @@
1
+ var stdin_default = {
2
+ "--badge-default-color": "#555"
3
+ };
4
+ export {
5
+ stdin_default as default
6
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--bottom-navigation-background-color": "#272727",
3
+ "--bottom-navigation-border-color": "#444"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,6 @@
1
+ var stdin_default = {
2
+ "--bottom-navigation-item-active-background-color": "#272727"
3
+ };
4
+ export {
5
+ stdin_default as default
6
+ };
@@ -0,0 +1,6 @@
1
+ var stdin_default = {
2
+ "--breadcrumb-inactive-color": "#aaa"
3
+ };
4
+ export {
5
+ stdin_default as default
6
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--button-default-color": "#303030",
3
+ "--button-default-text-color": "#fff"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,10 @@
1
+ var stdin_default = {
2
+ "--card-background": "#303030",
3
+ "--card-title-color": "#ffffff",
4
+ "--card-outline-color": "rgba(255, 255, 255, 0.2)",
5
+ "--card-subtitle-color": "#aaaaaa",
6
+ "--card-description-color": "#aaaaaa"
7
+ };
8
+ export {
9
+ stdin_default as default
10
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--cell-description-color": "#aaa",
3
+ "--cell-border-color": "#545454"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--checkbox-unchecked-color": "#fff",
3
+ "--checkbox-text-color": "#fff"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,7 @@
1
+ var stdin_default = {
2
+ "--chip-default-color": "#555",
3
+ "--chip-default-text-color": "#fff"
4
+ };
5
+ export {
6
+ stdin_default as default
7
+ };
@@ -0,0 +1,8 @@
1
+ var stdin_default = {
2
+ "--collapse-background": "#303030",
3
+ "--collapse-text-color": "#fff",
4
+ "--collapse-border-top": "thin solid rgba(255, 255, 255, 0.12)"
5
+ };
6
+ export {
7
+ stdin_default as default
8
+ };
@@ -0,0 +1,6 @@
1
+ var stdin_default = {
2
+ "--countdown-text-color": "#fff"
3
+ };
4
+ export {
5
+ stdin_default as default
6
+ };
@@ -0,0 +1,10 @@
1
+ var stdin_default = {
2
+ "--date-picker-main-color": "#fff",
3
+ "--date-picker-body-background-color": "#303030",
4
+ "--day-picker-head-item-color": "#aaaaaa",
5
+ "--year-picker-item-color": "#fff",
6
+ "--picker-header-color": "#fff"
7
+ };
8
+ export {
9
+ stdin_default as default
10
+ };
@@ -0,0 +1,8 @@
1
+ var stdin_default = {
2
+ "--dialog-background": "#1e1e1e",
3
+ "--dialog-title-color": "#fff",
4
+ "--dialog-message-color": "#bbb"
5
+ };
6
+ export {
7
+ stdin_default as default
8
+ };