@varlet/ui 1.23.4 → 1.23.7

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 (635) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/es/action-sheet/index.js +1 -1
  3. package/es/back-top/BackTop.js +2 -2
  4. package/es/date-picker/date-picker.css +1 -1
  5. package/es/date-picker/date-picker.less +7 -3
  6. package/es/date-picker/src/day-picker-panel.js +5 -5
  7. package/es/date-picker/src/month-picker-panel.js +5 -5
  8. package/es/date-picker/src/panel-header.js +4 -11
  9. package/es/dialog/index.js +1 -1
  10. package/es/image-preview/index.js +1 -1
  11. package/es/index.d.ts +1 -0
  12. package/es/input/Input.js +36 -13
  13. package/es/list/List.js +1 -1
  14. package/es/loading/Loading.js +15 -5
  15. package/es/loading/props.js +1 -2
  16. package/es/popup/Popup.js +81 -59
  17. package/es/popup/index.js +1 -1
  18. package/es/popup/style/index.js +0 -1
  19. package/es/popup/style/less.js +0 -1
  20. package/es/pull-refresh/PullRefresh.js +1 -1
  21. package/es/sticky/Sticky.js +1 -1
  22. package/es/themes/dark/index.d.ts +5 -0
  23. package/es/utils/components.js +7 -0
  24. package/es/utils/elements.js +2 -2
  25. package/es/utils/shared.js +1 -1
  26. package/highlight/attributes.json +4 -0
  27. package/highlight/tags.json +2 -1
  28. package/highlight/web-types.json +10 -1
  29. package/lib/action-sheet/ActionSheet.js +149 -0
  30. package/{es/popup/PopupSfc.css → lib/action-sheet/ActionSheetSfc.css} +0 -0
  31. package/{es/popup/PopupSfc.less → lib/action-sheet/ActionSheetSfc.less} +0 -0
  32. package/lib/action-sheet/actionSheet.css +1 -0
  33. package/lib/action-sheet/actionSheet.less +68 -0
  34. package/lib/action-sheet/index.js +79 -0
  35. package/lib/action-sheet/props.js +37 -0
  36. package/lib/action-sheet/style/index.js +6 -0
  37. package/lib/action-sheet/style/less.js +6 -0
  38. package/lib/app-bar/AppBar.js +66 -0
  39. package/lib/app-bar/AppBarSfc.css +0 -0
  40. package/lib/app-bar/AppBarSfc.less +0 -0
  41. package/lib/app-bar/appBar.css +1 -0
  42. package/lib/app-bar/appBar.less +56 -0
  43. package/lib/app-bar/index.js +17 -0
  44. package/lib/app-bar/props.js +32 -0
  45. package/lib/app-bar/style/index.js +4 -0
  46. package/lib/app-bar/style/less.js +4 -0
  47. package/lib/back-top/BackTop.js +96 -0
  48. package/lib/back-top/BackTopSfc.css +0 -0
  49. package/lib/back-top/BackTopSfc.less +0 -0
  50. package/lib/back-top/backTop.css +1 -0
  51. package/lib/back-top/backTop.less +27 -0
  52. package/lib/back-top/index.js +17 -0
  53. package/lib/back-top/props.js +21 -0
  54. package/lib/back-top/style/index.js +5 -0
  55. package/lib/back-top/style/less.js +5 -0
  56. package/lib/badge/Badge.js +107 -0
  57. package/lib/badge/BadgeSfc.css +0 -0
  58. package/lib/badge/BadgeSfc.less +0 -0
  59. package/lib/badge/badge.css +1 -0
  60. package/lib/badge/badge.less +119 -0
  61. package/lib/badge/index.js +17 -0
  62. package/lib/badge/props.js +55 -0
  63. package/lib/badge/style/index.js +4 -0
  64. package/lib/badge/style/less.js +4 -0
  65. package/lib/button/Button.js +102 -0
  66. package/lib/button/ButtonSfc.css +0 -0
  67. package/lib/button/ButtonSfc.less +0 -0
  68. package/lib/button/button.css +1 -0
  69. package/lib/button/button.less +183 -0
  70. package/lib/button/index.js +17 -0
  71. package/lib/button/props.js +76 -0
  72. package/lib/button/style/index.js +6 -0
  73. package/lib/button/style/less.js +6 -0
  74. package/lib/card/Card.js +83 -0
  75. package/lib/card/CardSfc.css +0 -0
  76. package/lib/card/CardSfc.less +0 -0
  77. package/lib/card/card.css +1 -0
  78. package/lib/card/card.less +84 -0
  79. package/lib/card/index.js +17 -0
  80. package/lib/card/props.js +45 -0
  81. package/lib/card/style/index.js +5 -0
  82. package/lib/card/style/less.js +5 -0
  83. package/lib/cell/Cell.js +68 -0
  84. package/lib/cell/CellSfc.css +0 -0
  85. package/lib/cell/CellSfc.less +0 -0
  86. package/lib/cell/cell.css +1 -0
  87. package/lib/cell/cell.less +74 -0
  88. package/lib/cell/index.js +17 -0
  89. package/lib/cell/props.js +32 -0
  90. package/lib/cell/style/index.js +4 -0
  91. package/lib/cell/style/less.js +4 -0
  92. package/lib/checkbox/Checkbox.js +232 -0
  93. package/lib/checkbox/CheckboxSfc.css +0 -0
  94. package/lib/checkbox/CheckboxSfc.less +0 -0
  95. package/lib/checkbox/checkbox.css +1 -0
  96. package/lib/checkbox/checkbox.less +78 -0
  97. package/lib/checkbox/index.js +17 -0
  98. package/lib/checkbox/props.js +56 -0
  99. package/lib/checkbox/provide.js +23 -0
  100. package/lib/checkbox/style/index.js +5 -0
  101. package/lib/checkbox/style/less.js +5 -0
  102. package/lib/checkbox-group/CheckboxGroup.js +181 -0
  103. package/lib/checkbox-group/CheckboxGroupSfc.css +0 -0
  104. package/lib/checkbox-group/CheckboxGroupSfc.less +0 -0
  105. package/lib/checkbox-group/checkboxGroup.css +1 -0
  106. package/lib/checkbox-group/checkboxGroup.less +12 -0
  107. package/lib/checkbox-group/index.js +17 -0
  108. package/lib/checkbox-group/props.js +38 -0
  109. package/lib/checkbox-group/provide.js +27 -0
  110. package/lib/checkbox-group/style/index.js +4 -0
  111. package/lib/checkbox-group/style/less.js +4 -0
  112. package/lib/chip/Chip.js +95 -0
  113. package/lib/chip/ChipSfc.css +0 -0
  114. package/lib/chip/ChipSfc.less +0 -0
  115. package/lib/chip/chip.css +1 -0
  116. package/lib/chip/chip.less +182 -0
  117. package/lib/chip/index.js +17 -0
  118. package/lib/chip/props.js +56 -0
  119. package/lib/chip/style/index.js +4 -0
  120. package/lib/chip/style/less.js +4 -0
  121. package/lib/col/Col.js +68 -0
  122. package/lib/col/ColSfc.css +0 -0
  123. package/lib/col/ColSfc.less +0 -0
  124. package/lib/col/col.css +1 -0
  125. package/lib/col/col.less +17 -0
  126. package/lib/col/index.js +17 -0
  127. package/lib/col/props.js +18 -0
  128. package/lib/col/provide.js +28 -0
  129. package/lib/col/style/index.js +3 -0
  130. package/lib/col/style/less.js +3 -0
  131. package/lib/collapse/Collapse.js +126 -0
  132. package/lib/collapse/CollapseSfc.css +1 -0
  133. package/lib/collapse/CollapseSfc.less +1 -0
  134. package/lib/collapse/index.js +17 -0
  135. package/lib/collapse/props.js +24 -0
  136. package/lib/collapse/provide.js +27 -0
  137. package/lib/collapse/style/index.js +3 -0
  138. package/lib/collapse/style/less.js +3 -0
  139. package/lib/collapse-item/CollapseItem.js +155 -0
  140. package/lib/collapse-item/CollapseItemSfc.css +0 -0
  141. package/lib/collapse-item/CollapseItemSfc.less +0 -0
  142. package/lib/collapse-item/collapseItem.css +1 -0
  143. package/lib/collapse-item/collapseItem.less +105 -0
  144. package/lib/collapse-item/index.js +17 -0
  145. package/lib/collapse-item/props.js +21 -0
  146. package/lib/collapse-item/provide.js +28 -0
  147. package/lib/collapse-item/style/index.js +4 -0
  148. package/lib/collapse-item/style/less.js +4 -0
  149. package/lib/context/index.js +20 -0
  150. package/lib/context/lock.js +107 -0
  151. package/lib/context/style/index.js +0 -0
  152. package/lib/context/style/less.js +0 -0
  153. package/lib/context/zIndex.js +25 -0
  154. package/lib/countdown/Countdown.js +119 -0
  155. package/lib/countdown/CountdownSfc.css +0 -0
  156. package/lib/countdown/CountdownSfc.less +0 -0
  157. package/lib/countdown/index.js +17 -0
  158. package/lib/countdown/props.js +25 -0
  159. package/lib/countdown/style/index.js +2 -0
  160. package/lib/countdown/style/less.js +2 -0
  161. package/lib/counter/Counter.js +387 -0
  162. package/lib/counter/CounterSfc.css +0 -0
  163. package/lib/counter/CounterSfc.less +0 -0
  164. package/lib/counter/counter.css +1 -0
  165. package/lib/counter/counter.less +85 -0
  166. package/lib/counter/index.js +17 -0
  167. package/lib/counter/props.js +98 -0
  168. package/lib/counter/provide.js +3 -0
  169. package/lib/counter/style/index.js +7 -0
  170. package/lib/counter/style/less.js +7 -0
  171. package/lib/date-picker/DatePicker.js +469 -0
  172. package/lib/date-picker/DatePickerSfc.css +0 -0
  173. package/lib/date-picker/DatePickerSfc.less +0 -0
  174. package/lib/date-picker/date-picker.css +1 -0
  175. package/lib/date-picker/date-picker.less +334 -0
  176. package/lib/date-picker/index.js +17 -0
  177. package/lib/date-picker/props.js +107 -0
  178. package/lib/date-picker/src/day-picker-panel.js +355 -0
  179. package/lib/date-picker/src/month-picker-panel.js +289 -0
  180. package/lib/date-picker/src/panel-header.js +145 -0
  181. package/lib/date-picker/src/year-picker-panel.js +112 -0
  182. package/lib/date-picker/style/index.js +5 -0
  183. package/lib/date-picker/style/less.js +5 -0
  184. package/lib/dialog/Dialog.js +214 -0
  185. package/lib/dialog/DialogSfc.css +0 -0
  186. package/lib/dialog/DialogSfc.less +0 -0
  187. package/lib/dialog/dialog.css +1 -0
  188. package/lib/dialog/dialog.less +77 -0
  189. package/lib/dialog/index.js +85 -0
  190. package/lib/dialog/props.js +73 -0
  191. package/lib/dialog/style/index.js +5 -0
  192. package/lib/dialog/style/less.js +5 -0
  193. package/lib/divider/Divider.js +88 -0
  194. package/lib/divider/DividerSfc.css +0 -0
  195. package/lib/divider/DividerSfc.less +0 -0
  196. package/lib/divider/divider.css +1 -0
  197. package/lib/divider/divider.less +79 -0
  198. package/lib/divider/index.js +17 -0
  199. package/lib/divider/props.js +25 -0
  200. package/lib/divider/style/index.js +3 -0
  201. package/lib/divider/style/less.js +3 -0
  202. package/lib/form/Form.js +77 -0
  203. package/lib/form/FormSfc.css +0 -0
  204. package/lib/form/FormSfc.less +0 -0
  205. package/lib/form/index.js +17 -0
  206. package/lib/form/props.js +15 -0
  207. package/lib/form/provide.js +33 -0
  208. package/lib/form/style/index.js +2 -0
  209. package/lib/form/style/less.js +2 -0
  210. package/lib/form-details/FormDetails.js +45 -0
  211. package/lib/form-details/FormDetailsSfc.css +0 -0
  212. package/lib/form-details/FormDetailsSfc.less +0 -0
  213. package/lib/form-details/formDetails.css +1 -0
  214. package/lib/form-details/formDetails.less +48 -0
  215. package/lib/form-details/index.js +17 -0
  216. package/lib/form-details/props.js +15 -0
  217. package/lib/form-details/style/index.js +3 -0
  218. package/lib/form-details/style/less.js +3 -0
  219. package/lib/icon/Icon.js +83 -0
  220. package/lib/icon/IconSfc.css +0 -0
  221. package/lib/icon/IconSfc.less +0 -0
  222. package/lib/icon/icon.css +1 -0
  223. package/lib/icon/icon.less +25 -0
  224. package/lib/icon/index.js +17 -0
  225. package/lib/icon/props.js +27 -0
  226. package/lib/icon/style/index.js +3 -0
  227. package/lib/icon/style/less.js +3 -0
  228. package/lib/image/Image.js +113 -0
  229. package/lib/image/ImageSfc.css +0 -0
  230. package/lib/image/ImageSfc.less +0 -0
  231. package/lib/image/image.css +1 -0
  232. package/lib/image/image.less +9 -0
  233. package/lib/image/index.js +17 -0
  234. package/lib/image/props.js +60 -0
  235. package/lib/image/style/index.js +4 -0
  236. package/lib/image/style/less.js +4 -0
  237. package/lib/image-preview/ImagePreview.js +369 -0
  238. package/lib/image-preview/ImagePreviewSfc.css +0 -0
  239. package/lib/image-preview/ImagePreviewSfc.less +0 -0
  240. package/lib/image-preview/imagePreview.css +1 -0
  241. package/lib/image-preview/imagePreview.less +66 -0
  242. package/lib/image-preview/index.js +74 -0
  243. package/lib/image-preview/props.js +40 -0
  244. package/lib/image-preview/style/index.js +7 -0
  245. package/lib/image-preview/style/less.js +7 -0
  246. package/lib/index-anchor/IndexAnchor.js +99 -0
  247. package/lib/index-anchor/IndexAnchorSfc.css +1 -0
  248. package/lib/index-anchor/IndexAnchorSfc.less +1 -0
  249. package/lib/index-anchor/index.js +17 -0
  250. package/lib/index-anchor/props.js +10 -0
  251. package/lib/index-anchor/provide.js +28 -0
  252. package/lib/index-anchor/style/index.js +3 -0
  253. package/lib/index-anchor/style/less.js +3 -0
  254. package/lib/index-bar/IndexBar.js +186 -0
  255. package/lib/index-bar/IndexBarSfc.css +0 -0
  256. package/lib/index-bar/IndexBarSfc.less +0 -0
  257. package/lib/index-bar/index.js +17 -0
  258. package/lib/index-bar/indexBar.css +1 -0
  259. package/lib/index-bar/indexBar.less +43 -0
  260. package/lib/index-bar/props.js +40 -0
  261. package/lib/index-bar/provide.js +27 -0
  262. package/lib/index-bar/style/index.js +3 -0
  263. package/lib/index-bar/style/less.js +3 -0
  264. package/lib/index.d.ts +1 -0
  265. package/lib/index.js +195 -0
  266. package/lib/input/Input.js +327 -0
  267. package/lib/input/InputSfc.css +0 -0
  268. package/lib/input/InputSfc.less +0 -0
  269. package/lib/input/index.js +17 -0
  270. package/lib/input/input.css +1 -0
  271. package/lib/input/input.less +183 -0
  272. package/lib/input/props.js +96 -0
  273. package/lib/input/provide.js +3 -0
  274. package/lib/input/style/index.js +5 -0
  275. package/lib/input/style/less.js +5 -0
  276. package/lib/lazy/index.js +247 -0
  277. package/lib/lazy/style/index.js +0 -0
  278. package/lib/lazy/style/less.js +0 -0
  279. package/lib/less.js +62 -0
  280. package/lib/list/List.js +157 -0
  281. package/lib/list/ListSfc.css +0 -0
  282. package/lib/list/ListSfc.less +0 -0
  283. package/lib/list/index.js +17 -0
  284. package/lib/list/list.css +1 -0
  285. package/lib/list/list.less +63 -0
  286. package/lib/list/props.js +45 -0
  287. package/lib/list/style/index.js +5 -0
  288. package/lib/list/style/less.js +5 -0
  289. package/lib/loading/Loading.js +103 -0
  290. package/lib/loading/LoadingSfc.css +0 -0
  291. package/lib/loading/LoadingSfc.less +0 -0
  292. package/lib/loading/index.js +17 -0
  293. package/lib/loading/loading.css +1 -0
  294. package/lib/loading/loading.less +420 -0
  295. package/lib/loading/props.js +38 -0
  296. package/lib/loading/style/index.js +3 -0
  297. package/lib/loading/style/less.js +3 -0
  298. package/lib/locale/en-US.js +107 -0
  299. package/lib/locale/index.js +83 -0
  300. package/lib/locale/style/index.js +0 -0
  301. package/lib/locale/style/less.js +0 -0
  302. package/lib/locale/zh-CN.js +107 -0
  303. package/lib/menu/Menu.js +144 -0
  304. package/lib/menu/MenuSfc.css +0 -0
  305. package/lib/menu/MenuSfc.less +0 -0
  306. package/lib/menu/index.js +17 -0
  307. package/lib/menu/menu.css +1 -0
  308. package/lib/menu/menu.less +21 -0
  309. package/lib/menu/props.js +48 -0
  310. package/lib/menu/style/index.js +4 -0
  311. package/lib/menu/style/less.js +4 -0
  312. package/lib/option/Option.js +125 -0
  313. package/lib/option/OptionSfc.css +0 -0
  314. package/lib/option/OptionSfc.less +0 -0
  315. package/lib/option/index.js +17 -0
  316. package/lib/option/option.css +1 -0
  317. package/lib/option/option.less +37 -0
  318. package/lib/option/props.js +9 -0
  319. package/lib/option/provide.js +28 -0
  320. package/lib/option/style/index.js +6 -0
  321. package/lib/option/style/less.js +6 -0
  322. package/lib/pagination/Pagination.js +373 -0
  323. package/lib/pagination/PaginationSfc.css +0 -0
  324. package/lib/pagination/PaginationSfc.less +0 -0
  325. package/lib/pagination/index.js +17 -0
  326. package/lib/pagination/pagination.css +1 -0
  327. package/lib/pagination/pagination.less +178 -0
  328. package/lib/pagination/porps.js +48 -0
  329. package/lib/pagination/style/index.js +8 -0
  330. package/lib/pagination/style/less.js +8 -0
  331. package/lib/picker/Picker.js +446 -0
  332. package/lib/picker/PickerSfc.css +0 -0
  333. package/lib/picker/PickerSfc.less +0 -0
  334. package/lib/picker/index.js +98 -0
  335. package/lib/picker/picker.css +1 -0
  336. package/lib/picker/picker.less +103 -0
  337. package/lib/picker/props.js +68 -0
  338. package/lib/picker/style/index.js +5 -0
  339. package/lib/picker/style/less.js +5 -0
  340. package/lib/popup/Popup.js +141 -0
  341. package/lib/popup/index.js +17 -0
  342. package/lib/popup/popup.css +1 -0
  343. package/lib/popup/popup.less +125 -0
  344. package/lib/popup/props.js +67 -0
  345. package/lib/popup/style/index.js +2 -0
  346. package/lib/popup/style/less.js +2 -0
  347. package/lib/progress/Progress.js +154 -0
  348. package/lib/progress/ProgressSfc.css +0 -0
  349. package/lib/progress/ProgressSfc.less +0 -0
  350. package/lib/progress/index.js +17 -0
  351. package/lib/progress/progress.css +1 -0
  352. package/lib/progress/progress.less +98 -0
  353. package/lib/progress/props.js +61 -0
  354. package/lib/progress/style/index.js +3 -0
  355. package/lib/progress/style/less.js +3 -0
  356. package/lib/pull-refresh/PullRefresh.js +150 -0
  357. package/lib/pull-refresh/PullRefreshSfc.css +0 -0
  358. package/lib/pull-refresh/PullRefreshSfc.less +0 -0
  359. package/lib/pull-refresh/index.js +17 -0
  360. package/lib/pull-refresh/props.js +47 -0
  361. package/lib/pull-refresh/pullRefresh.css +1 -0
  362. package/lib/pull-refresh/pullRefresh.less +55 -0
  363. package/lib/pull-refresh/style/index.js +5 -0
  364. package/lib/pull-refresh/style/less.js +5 -0
  365. package/lib/radio/Radio.js +231 -0
  366. package/lib/radio/RadioSfc.css +0 -0
  367. package/lib/radio/RadioSfc.less +0 -0
  368. package/lib/radio/index.js +17 -0
  369. package/lib/radio/props.js +56 -0
  370. package/lib/radio/provide.js +23 -0
  371. package/lib/radio/radio.css +1 -0
  372. package/lib/radio/radio.less +78 -0
  373. package/lib/radio/style/index.js +6 -0
  374. package/lib/radio/style/less.js +6 -0
  375. package/lib/radio-group/RadioGroup.js +122 -0
  376. package/lib/radio-group/RadioGroupSfc.css +0 -0
  377. package/lib/radio-group/RadioGroupSfc.less +0 -0
  378. package/lib/radio-group/index.js +17 -0
  379. package/lib/radio-group/props.js +35 -0
  380. package/lib/radio-group/provide.js +27 -0
  381. package/lib/radio-group/radioGroup.css +1 -0
  382. package/lib/radio-group/radioGroup.less +12 -0
  383. package/lib/radio-group/style/index.js +4 -0
  384. package/lib/radio-group/style/less.js +4 -0
  385. package/lib/rate/Rate.js +235 -0
  386. package/lib/rate/RateSfc.css +0 -0
  387. package/lib/rate/RateSfc.less +0 -0
  388. package/lib/rate/index.js +17 -0
  389. package/lib/rate/props.js +69 -0
  390. package/lib/rate/provide.js +3 -0
  391. package/lib/rate/rate.css +1 -0
  392. package/lib/rate/rate.less +35 -0
  393. package/lib/rate/style/index.js +6 -0
  394. package/lib/rate/style/less.js +6 -0
  395. package/lib/ripple/index.js +187 -0
  396. package/lib/ripple/ripple.css +1 -0
  397. package/lib/ripple/ripple.less +17 -0
  398. package/lib/ripple/style/index.js +2 -0
  399. package/lib/ripple/style/less.js +2 -0
  400. package/lib/row/Row.js +102 -0
  401. package/lib/row/RowSfc.css +0 -0
  402. package/lib/row/RowSfc.less +0 -0
  403. package/lib/row/index.js +17 -0
  404. package/lib/row/props.js +33 -0
  405. package/lib/row/provide.js +27 -0
  406. package/lib/row/row.css +1 -0
  407. package/lib/row/row.less +4 -0
  408. package/lib/row/style/index.js +3 -0
  409. package/lib/row/style/less.js +3 -0
  410. package/lib/select/Select.js +492 -0
  411. package/lib/select/SelectSfc.css +0 -0
  412. package/lib/select/SelectSfc.less +0 -0
  413. package/lib/select/index.js +17 -0
  414. package/lib/select/props.js +93 -0
  415. package/lib/select/provide.js +27 -0
  416. package/lib/select/select.css +1 -0
  417. package/lib/select/select.less +181 -0
  418. package/lib/select/style/index.js +7 -0
  419. package/lib/select/style/less.js +7 -0
  420. package/lib/skeleton/Skeleton.js +134 -0
  421. package/lib/skeleton/SkeletonSfc.css +0 -0
  422. package/lib/skeleton/SkeletonSfc.less +0 -0
  423. package/lib/skeleton/index.js +17 -0
  424. package/lib/skeleton/props.js +44 -0
  425. package/lib/skeleton/skeleton.css +1 -0
  426. package/lib/skeleton/skeleton.less +138 -0
  427. package/lib/skeleton/style/index.js +3 -0
  428. package/lib/skeleton/style/less.js +3 -0
  429. package/lib/slider/Slider.js +386 -0
  430. package/lib/slider/SliderSfc.css +0 -0
  431. package/lib/slider/SliderSfc.less +0 -0
  432. package/lib/slider/index.js +17 -0
  433. package/lib/slider/props.js +77 -0
  434. package/lib/slider/provide.js +3 -0
  435. package/lib/slider/slider.css +1 -0
  436. package/lib/slider/slider.less +146 -0
  437. package/lib/slider/style/index.js +4 -0
  438. package/lib/slider/style/less.js +4 -0
  439. package/lib/snackbar/Snackbar.js +70 -0
  440. package/lib/snackbar/SnackbarSfc.css +0 -0
  441. package/lib/snackbar/SnackbarSfc.less +0 -0
  442. package/lib/snackbar/core.js +146 -0
  443. package/lib/snackbar/coreSfc.css +0 -0
  444. package/lib/snackbar/coreSfc.less +0 -0
  445. package/lib/snackbar/index.js +232 -0
  446. package/lib/snackbar/props.js +103 -0
  447. package/lib/snackbar/snackbar.css +1 -0
  448. package/lib/snackbar/snackbar.less +135 -0
  449. package/lib/snackbar/style/index.js +8 -0
  450. package/lib/snackbar/style/less.js +8 -0
  451. package/lib/space/Space.js +99 -0
  452. package/lib/space/index.js +17 -0
  453. package/lib/space/props.js +49 -0
  454. package/lib/space/space.css +1 -0
  455. package/lib/space/space.less +6 -0
  456. package/lib/space/style/index.js +2 -0
  457. package/lib/space/style/less.js +2 -0
  458. package/lib/step/Step.js +156 -0
  459. package/lib/step/StepSfc.css +0 -0
  460. package/lib/step/StepSfc.less +0 -0
  461. package/lib/step/index.js +17 -0
  462. package/lib/step/props.js +17 -0
  463. package/lib/step/provide.js +28 -0
  464. package/lib/step/step.css +1 -0
  465. package/lib/step/step.less +145 -0
  466. package/lib/step/style/index.js +4 -0
  467. package/lib/step/style/less.js +4 -0
  468. package/lib/steps/Steps.js +56 -0
  469. package/lib/steps/StepsSfc.css +1 -0
  470. package/lib/steps/StepsSfc.less +1 -0
  471. package/lib/steps/index.js +17 -0
  472. package/lib/steps/props.js +30 -0
  473. package/lib/steps/provide.js +27 -0
  474. package/lib/steps/style/index.js +2 -0
  475. package/lib/steps/style/less.js +2 -0
  476. package/lib/sticky/Sticky.js +145 -0
  477. package/lib/sticky/StickySfc.css +0 -0
  478. package/lib/sticky/StickySfc.less +0 -0
  479. package/lib/sticky/index.js +17 -0
  480. package/lib/sticky/props.js +26 -0
  481. package/lib/sticky/sticky.css +1 -0
  482. package/lib/sticky/sticky.less +8 -0
  483. package/lib/sticky/style/index.js +3 -0
  484. package/lib/sticky/style/less.js +3 -0
  485. package/lib/style-provider/StyleProvider.js +30 -0
  486. package/lib/style-provider/StyleProviderSfc.css +0 -0
  487. package/lib/style-provider/StyleProviderSfc.less +0 -0
  488. package/lib/style-provider/index.js +37 -0
  489. package/lib/style-provider/style/index.js +2 -0
  490. package/lib/style-provider/style/less.js +2 -0
  491. package/lib/style.css +1 -0
  492. package/lib/style.js +62 -0
  493. package/lib/styles/common.css +1 -0
  494. package/lib/styles/common.less +67 -0
  495. package/lib/styles/elevation.css +1 -0
  496. package/lib/styles/elevation.less +126 -0
  497. package/lib/styles/style/index.js +0 -0
  498. package/lib/styles/style/less.js +0 -0
  499. package/lib/styles/var.css +0 -0
  500. package/lib/styles/var.less +30 -0
  501. package/lib/swipe/Swipe.js +408 -0
  502. package/lib/swipe/SwipeSfc.css +0 -0
  503. package/lib/swipe/SwipeSfc.less +0 -0
  504. package/lib/swipe/index.js +17 -0
  505. package/lib/swipe/props.js +40 -0
  506. package/lib/swipe/provide.js +27 -0
  507. package/lib/swipe/style/index.js +3 -0
  508. package/lib/swipe/style/less.js +3 -0
  509. package/lib/swipe/swipe.css +1 -0
  510. package/lib/swipe/swipe.less +59 -0
  511. package/lib/swipe-item/SwipeItem.js +58 -0
  512. package/lib/swipe-item/SwipeItemSfc.css +0 -0
  513. package/lib/swipe-item/SwipeItemSfc.less +0 -0
  514. package/lib/swipe-item/index.js +17 -0
  515. package/lib/swipe-item/provide.js +28 -0
  516. package/lib/swipe-item/style/index.js +3 -0
  517. package/lib/swipe-item/style/less.js +3 -0
  518. package/lib/swipe-item/swipeItem.css +1 -0
  519. package/lib/swipe-item/swipeItem.less +5 -0
  520. package/lib/switch/Switch.js +185 -0
  521. package/lib/switch/SwitchSfc.css +0 -0
  522. package/lib/switch/SwitchSfc.less +0 -0
  523. package/lib/switch/index.js +17 -0
  524. package/lib/switch/props.js +57 -0
  525. package/lib/switch/provide.js +3 -0
  526. package/lib/switch/style/index.js +7 -0
  527. package/lib/switch/style/less.js +7 -0
  528. package/lib/switch/switch.css +1 -0
  529. package/lib/switch/switch.less +80 -0
  530. package/lib/tab/Tab.js +116 -0
  531. package/lib/tab/TabSfc.css +0 -0
  532. package/lib/tab/TabSfc.less +0 -0
  533. package/lib/tab/index.js +17 -0
  534. package/lib/tab/props.js +17 -0
  535. package/lib/tab/provide.js +28 -0
  536. package/lib/tab/style/index.js +4 -0
  537. package/lib/tab/style/less.js +4 -0
  538. package/lib/tab/tab.css +1 -0
  539. package/lib/tab/tab.less +46 -0
  540. package/lib/tab-item/TabItem.js +74 -0
  541. package/lib/tab-item/TabItemSfc.css +0 -0
  542. package/lib/tab-item/TabItemSfc.less +0 -0
  543. package/lib/tab-item/index.js +17 -0
  544. package/lib/tab-item/props.js +10 -0
  545. package/lib/tab-item/provide.js +28 -0
  546. package/lib/tab-item/style/index.js +4 -0
  547. package/lib/tab-item/style/less.js +4 -0
  548. package/lib/tab-item/tabItem.css +1 -0
  549. package/lib/tab-item/tabItem.less +6 -0
  550. package/lib/table/Table.js +53 -0
  551. package/lib/table/TableSfc.css +0 -0
  552. package/lib/table/TableSfc.less +0 -0
  553. package/lib/table/index.js +17 -0
  554. package/lib/table/style/index.js +4 -0
  555. package/lib/table/style/less.js +4 -0
  556. package/lib/table/table.css +1 -0
  557. package/lib/table/table.less +110 -0
  558. package/lib/tabs/Tabs.js +208 -0
  559. package/lib/tabs/TabsSfc.css +0 -0
  560. package/lib/tabs/TabsSfc.less +0 -0
  561. package/lib/tabs/index.js +17 -0
  562. package/lib/tabs/props.js +70 -0
  563. package/lib/tabs/provide.js +27 -0
  564. package/lib/tabs/style/index.js +5 -0
  565. package/lib/tabs/style/less.js +5 -0
  566. package/lib/tabs/tabs.css +1 -0
  567. package/lib/tabs/tabs.less +93 -0
  568. package/lib/tabs-items/TabsItems.js +107 -0
  569. package/lib/tabs-items/TabsItemsSfc.css +0 -0
  570. package/lib/tabs-items/TabsItemsSfc.less +0 -0
  571. package/lib/tabs-items/index.js +17 -0
  572. package/lib/tabs-items/props.js +22 -0
  573. package/lib/tabs-items/provide.js +27 -0
  574. package/lib/tabs-items/style/index.js +3 -0
  575. package/lib/tabs-items/style/less.js +3 -0
  576. package/lib/themes/dark/actionSheet.js +10 -0
  577. package/lib/themes/dark/badge.js +8 -0
  578. package/lib/themes/dark/button.js +8 -0
  579. package/lib/themes/dark/card.js +11 -0
  580. package/lib/themes/dark/cell.js +9 -0
  581. package/lib/themes/dark/checkbox.js +8 -0
  582. package/lib/themes/dark/chip.js +8 -0
  583. package/lib/themes/dark/collapse.js +10 -0
  584. package/lib/themes/dark/datePicker.js +10 -0
  585. package/lib/themes/dark/dialog.js +9 -0
  586. package/lib/themes/dark/divider.js +9 -0
  587. package/lib/themes/dark/index.d.ts +5 -0
  588. package/lib/themes/dark/index.js +75 -0
  589. package/lib/themes/dark/input.js +9 -0
  590. package/lib/themes/dark/pagination.js +12 -0
  591. package/lib/themes/dark/picker.js +10 -0
  592. package/lib/themes/dark/popup.js +8 -0
  593. package/lib/themes/dark/pullRefresh.js +8 -0
  594. package/lib/themes/dark/radio.js +8 -0
  595. package/lib/themes/dark/select.js +10 -0
  596. package/lib/themes/dark/skeleton.js +11 -0
  597. package/lib/themes/dark/steps.js +10 -0
  598. package/lib/themes/dark/switch.js +9 -0
  599. package/lib/themes/dark/tab-item.js +8 -0
  600. package/lib/themes/dark/tab.js +8 -0
  601. package/lib/themes/dark/table.js +12 -0
  602. package/lib/themes/dark/tabs.js +8 -0
  603. package/lib/themes/dark/timePicker.js +10 -0
  604. package/lib/themes/dark/uploader.js +12 -0
  605. package/lib/themes/style/index.js +0 -0
  606. package/lib/themes/style/less.js +0 -0
  607. package/lib/time-picker/TimePicker.js +413 -0
  608. package/lib/time-picker/TimePickerSfc.css +0 -0
  609. package/lib/time-picker/TimePickerSfc.less +0 -0
  610. package/lib/time-picker/clock.js +347 -0
  611. package/lib/time-picker/index.js +17 -0
  612. package/lib/time-picker/props.js +59 -0
  613. package/lib/time-picker/style/index.js +4 -0
  614. package/lib/time-picker/style/less.js +4 -0
  615. package/lib/time-picker/timePicker.css +1 -0
  616. package/lib/time-picker/timePicker.less +236 -0
  617. package/lib/time-picker/utils.js +148 -0
  618. package/lib/uploader/Uploader.js +433 -0
  619. package/lib/uploader/UploaderSfc.css +0 -0
  620. package/lib/uploader/UploaderSfc.less +0 -0
  621. package/lib/uploader/index.js +17 -0
  622. package/lib/uploader/props.js +74 -0
  623. package/lib/uploader/provide.js +3 -0
  624. package/lib/uploader/style/index.js +8 -0
  625. package/lib/uploader/style/less.js +8 -0
  626. package/lib/uploader/uploader.css +1 -0
  627. package/lib/uploader/uploader.less +219 -0
  628. package/lib/utils/components.js +285 -0
  629. package/lib/utils/elements.js +261 -0
  630. package/lib/utils/jest.js +252 -0
  631. package/lib/utils/shared.js +214 -0
  632. package/lib/utils/style/index.js +0 -0
  633. package/lib/utils/style/less.js +0 -0
  634. package/package.json +5 -3
  635. package/umd/varlet.js +4 -3
@@ -0,0 +1,145 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.render = render;
5
+ exports.default = void 0;
6
+
7
+ var _button = _interopRequireDefault(require("../../button"));
8
+
9
+ var _icon = _interopRequireDefault(require("../../icon"));
10
+
11
+ var _vue = require("vue");
12
+
13
+ var _shared = require("../../utils/shared");
14
+
15
+ var _locale = require("../../locale");
16
+
17
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
+
19
+ var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
20
+
21
+ var _hoisted_1 = {
22
+ class: "var-picker-header"
23
+ };
24
+
25
+ function render(_ctx, _cache) {
26
+ var _component_var_icon = (0, _vue.resolveComponent)("var-icon");
27
+
28
+ var _component_var_button = (0, _vue.resolveComponent)("var-button");
29
+
30
+ return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.createVNode)(_component_var_button, {
31
+ round: "",
32
+ text: "",
33
+ style: {
34
+ "filter": "opacity(0.54)"
35
+ },
36
+ disabled: _ctx.disabled.left,
37
+ onClick: _cache[0] || (_cache[0] = $event => _ctx.checkDate('prev'))
38
+ }, {
39
+ default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_var_icon, {
40
+ name: "chevron-left"
41
+ })]),
42
+ _: 1
43
+ /* STABLE */
44
+
45
+ }, 8
46
+ /* PROPS */
47
+ , ["disabled"]), (0, _vue.createElementVNode)("div", {
48
+ class: "var-picker-header__value",
49
+ onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('check-panel'))
50
+ }, [(0, _vue.createVNode)(_vue.Transition, {
51
+ name: _ctx.reverse ? 'var-date-picker-reverse-translatex' : 'var-date-picker-translatex'
52
+ }, {
53
+ default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
54
+ key: _ctx.showDate
55
+ }, (0, _vue.toDisplayString)(_ctx.showDate), 1
56
+ /* TEXT */
57
+ ))]),
58
+ _: 1
59
+ /* STABLE */
60
+
61
+ }, 8
62
+ /* PROPS */
63
+ , ["name"])]), (0, _vue.createVNode)(_component_var_button, {
64
+ round: "",
65
+ text: "",
66
+ style: {
67
+ "filter": "opacity(0.54)"
68
+ },
69
+ disabled: _ctx.disabled.right,
70
+ onClick: _cache[2] || (_cache[2] = $event => _ctx.checkDate('next'))
71
+ }, {
72
+ default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_var_icon, {
73
+ name: "chevron-right"
74
+ })]),
75
+ _: 1
76
+ /* STABLE */
77
+
78
+ }, 8
79
+ /* PROPS */
80
+ , ["disabled"])]);
81
+ }
82
+
83
+ var _default = (0, _vue.defineComponent)({
84
+ render,
85
+ name: 'PanelHeader',
86
+ components: {
87
+ VarButton: _button.default,
88
+ VarIcon: _icon.default
89
+ },
90
+ props: {
91
+ date: {
92
+ type: Object,
93
+ required: true
94
+ },
95
+ type: {
96
+ type: String,
97
+ default: 'date'
98
+ },
99
+ disabled: {
100
+ type: Object,
101
+ required: true
102
+ }
103
+ },
104
+ emits: ['check-panel', 'check-date'],
105
+
106
+ setup(props, {
107
+ emit
108
+ }) {
109
+ var reverse = (0, _vue.ref)(false);
110
+ var forwardOrBackNum = (0, _vue.ref)(0);
111
+ var showDate = (0, _vue.computed)(() => {
112
+ var _pack$value$datePicke;
113
+
114
+ var {
115
+ date,
116
+ type
117
+ } = props;
118
+ var {
119
+ previewMonth,
120
+ previewYear
121
+ } = date;
122
+ if (type === 'month') return (0, _shared.toNumber)(previewYear) + forwardOrBackNum.value;
123
+ var monthName = (_pack$value$datePicke = _locale.pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke[previewMonth.index].name;
124
+ return _locale.pack.value.lang === 'zh-CN' ? previewYear + " " + monthName : monthName + " " + previewYear;
125
+ });
126
+
127
+ var checkDate = checkType => {
128
+ emit('check-date', checkType);
129
+ reverse.value = checkType === 'prev';
130
+ forwardOrBackNum.value += checkType === 'prev' ? -1 : 1;
131
+ };
132
+
133
+ (0, _vue.watch)(() => props.date, () => {
134
+ forwardOrBackNum.value = 0;
135
+ });
136
+ return {
137
+ reverse,
138
+ showDate,
139
+ checkDate
140
+ };
141
+ }
142
+
143
+ });
144
+
145
+ exports.default = _default;
@@ -0,0 +1,112 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.render = render;
5
+ exports.default = void 0;
6
+
7
+ var _vue = require("vue");
8
+
9
+ var dayjs = _interopRequireWildcard(require("dayjs"));
10
+
11
+ var _shared = require("../../utils/shared");
12
+
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
+
15
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+
17
+ var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
18
+
19
+ var _hoisted_1 = {
20
+ class: "var-year-picker__panel"
21
+ };
22
+ var _hoisted_2 = ["onClick"];
23
+
24
+ function render(_ctx, _cache) {
25
+ return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("ul", _hoisted_1, [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(_ctx.yearList, year => {
26
+ return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
27
+ key: year,
28
+ class: (0, _vue.normalizeClass)([year === _ctx.toNumber(_ctx.preview) ? 'var-year-picker__panel--active' : null]),
29
+ style: (0, _vue.normalizeStyle)({
30
+ color: year === _ctx.toNumber(_ctx.preview) ? _ctx.componentProps.color : ''
31
+ }),
32
+ onClick: $event => _ctx.chooseYear(year)
33
+ }, (0, _vue.toDisplayString)(year), 15
34
+ /* TEXT, CLASS, STYLE, PROPS */
35
+ , _hoisted_2);
36
+ }), 128
37
+ /* KEYED_FRAGMENT */
38
+ ))]);
39
+ }
40
+
41
+ var _default = (0, _vue.defineComponent)({
42
+ render,
43
+ name: 'YearPickerPanel',
44
+ props: {
45
+ preview: {
46
+ type: String
47
+ },
48
+ componentProps: {
49
+ type: Object,
50
+ required: true
51
+ }
52
+ },
53
+ emits: ['choose-year'],
54
+
55
+ setup(props, {
56
+ emit
57
+ }) {
58
+ var yearList = (0, _vue.computed)(() => {
59
+ var list = [];
60
+ var {
61
+ preview,
62
+ componentProps: {
63
+ max,
64
+ min
65
+ }
66
+ } = props;
67
+ if (!preview) return list;
68
+ var yearRange = [(0, _shared.toNumber)(preview) + 100, (0, _shared.toNumber)(preview) - 100];
69
+
70
+ if (max) {
71
+ var formatMax = dayjs(max).format('YYYY-MM-D');
72
+ var year = (0, _shared.toNumber)(formatMax.split('-')[0]);
73
+ if (year < yearRange[0] && year > yearRange[1]) yearRange = [year, yearRange[1]];
74
+ if (year <= yearRange[1]) return [year];
75
+ }
76
+
77
+ if (min) {
78
+ var formatMin = dayjs(min).format('YYYY-MM-D');
79
+
80
+ var _year = (0, _shared.toNumber)(formatMin.split('-')[0]);
81
+
82
+ if (_year < yearRange[0] && _year > yearRange[1]) yearRange = [yearRange[0], _year];
83
+ if (_year >= yearRange[0]) return [_year];
84
+ }
85
+
86
+ for (var i = yearRange[0]; i >= yearRange[1]; i--) {
87
+ list.push(i);
88
+ }
89
+
90
+ return list;
91
+ });
92
+
93
+ var chooseYear = year => {
94
+ emit('choose-year', year);
95
+ };
96
+
97
+ (0, _vue.onMounted)(() => {
98
+ var activeEl = document.querySelector('.var-year-picker__panel--active');
99
+ activeEl == null ? void 0 : activeEl.scrollIntoView({
100
+ block: 'center'
101
+ });
102
+ });
103
+ return {
104
+ yearList,
105
+ chooseYear,
106
+ toNumber: _shared.toNumber
107
+ };
108
+ }
109
+
110
+ });
111
+
112
+ exports.default = _default;
@@ -0,0 +1,5 @@
1
+ require('../../styles/common.css')
2
+ require('../../styles/elevation.css')
3
+ require('../../button/button.css')
4
+ require('../date-picker.css')
5
+ require('../DatePickerSfc.css')
@@ -0,0 +1,5 @@
1
+ require('../../styles/common.less')
2
+ require('../../styles/elevation.less')
3
+ require('../../button/button.less')
4
+ require('../date-picker.less')
5
+ require('../DatePickerSfc.less')
@@ -0,0 +1,214 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.render = render;
5
+ exports.default = void 0;
6
+
7
+ var _popup = _interopRequireDefault(require("../popup"));
8
+
9
+ var _button = _interopRequireDefault(require("../button"));
10
+
11
+ var _props = require("./props");
12
+
13
+ var _vue = require("vue");
14
+
15
+ var _shared = require("../utils/shared");
16
+
17
+ var _locale = require("../locale");
18
+
19
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
+
21
+ var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
22
+
23
+ var _hoisted_1 = {
24
+ class: "var-dialog__title"
25
+ };
26
+ var _hoisted_2 = {
27
+ class: "var-dialog__actions"
28
+ };
29
+
30
+ function render(_ctx, _cache) {
31
+ var _component_var_button = (0, _vue.resolveComponent)("var-button");
32
+
33
+ var _component_var_popup = (0, _vue.resolveComponent)("var-popup");
34
+
35
+ return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_popup, {
36
+ class: "var-dialog__popup-radius",
37
+ "var-dialog-cover": "",
38
+ show: _ctx.popupShow,
39
+ overlay: _ctx.overlay,
40
+ "overlay-class": _ctx.overlayClass,
41
+ "overlay-style": _ctx.overlayStyle,
42
+ "lock-scroll": _ctx.lockScroll,
43
+ "close-on-click-overlay": _ctx.popupCloseOnClickOverlay,
44
+ teleport: _ctx.teleport,
45
+ onOpen: _ctx.onOpen,
46
+ onClose: _ctx.onClose,
47
+ onClosed: _ctx.onClosed,
48
+ onOpened: _ctx.onOpened,
49
+ onRouteChange: _ctx.onRouteChange,
50
+ onClickOverlay: _ctx.handleClickOverlay
51
+ }, {
52
+ default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", (0, _vue.mergeProps)({
53
+ class: "var--box var-dialog"
54
+ }, _ctx.$attrs), [(0, _vue.createElementVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.title, _ctx.pack.dialogTitle)), 1
55
+ /* TEXT */
56
+ )])]), (0, _vue.createElementVNode)("div", {
57
+ class: "var-dialog__message",
58
+ style: (0, _vue.normalizeStyle)({
59
+ textAlign: _ctx.messageAlign
60
+ })
61
+ }, [(0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.message), 1
62
+ /* TEXT */
63
+ )])], 4
64
+ /* STYLE */
65
+ ), (0, _vue.createElementVNode)("div", _hoisted_2, [_ctx.cancelButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_button, {
66
+ key: 0,
67
+ class: "var-dialog__button var-dialog__cancel-button",
68
+ "var-dialog-cover": "",
69
+ text: "",
70
+ "text-color": _ctx.cancelButtonTextColor,
71
+ color: _ctx.cancelButtonColor,
72
+ onClick: _ctx.cancel
73
+ }, {
74
+ default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.cancelButtonText, _ctx.pack.dialogCancelButtonText)), 1
75
+ /* TEXT */
76
+ )]),
77
+ _: 1
78
+ /* STABLE */
79
+
80
+ }, 8
81
+ /* PROPS */
82
+ , ["text-color", "color", "onClick"])) : (0, _vue.createCommentVNode)("v-if", true), _ctx.confirmButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_button, {
83
+ key: 1,
84
+ class: "var-dialog__button var-dialog__confirm-button",
85
+ "var-dialog-cover": "",
86
+ text: "",
87
+ "text-color": _ctx.confirmButtonTextColor,
88
+ color: _ctx.confirmButtonColor,
89
+ onClick: _ctx.confirm
90
+ }, {
91
+ default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.confirmButtonText, _ctx.pack.dialogConfirmButtonText)), 1
92
+ /* TEXT */
93
+ )]),
94
+ _: 1
95
+ /* STABLE */
96
+
97
+ }, 8
98
+ /* PROPS */
99
+ , ["text-color", "color", "onClick"])) : (0, _vue.createCommentVNode)("v-if", true)])], 16
100
+ /* FULL_PROPS */
101
+ )]),
102
+ _: 3
103
+ /* FORWARDED */
104
+
105
+ }, 8
106
+ /* PROPS */
107
+ , ["show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onClickOverlay"]);
108
+ }
109
+
110
+ var _default = (0, _vue.defineComponent)({
111
+ render,
112
+ name: 'VarDialog',
113
+ components: {
114
+ VarPopup: _popup.default,
115
+ VarButton: _button.default
116
+ },
117
+ inheritAttrs: false,
118
+ props: _props.props,
119
+
120
+ setup(props) {
121
+ var popupShow = (0, _vue.ref)(false);
122
+ var popupCloseOnClickOverlay = (0, _vue.ref)(false);
123
+
124
+ var done = () => {
125
+ var _props$onUpdateShow;
126
+
127
+ return (_props$onUpdateShow = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow.call(props, false);
128
+ };
129
+
130
+ var handleClickOverlay = () => {
131
+ var _props$onUpdateShow2;
132
+
133
+ var {
134
+ closeOnClickOverlay,
135
+ onClickOverlay,
136
+ onBeforeClose
137
+ } = props;
138
+ onClickOverlay == null ? void 0 : onClickOverlay();
139
+
140
+ if (!closeOnClickOverlay) {
141
+ return;
142
+ }
143
+
144
+ if (onBeforeClose != null) {
145
+ onBeforeClose('close', done);
146
+ return;
147
+ }
148
+
149
+ (_props$onUpdateShow2 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow2.call(props, false);
150
+ };
151
+
152
+ var confirm = () => {
153
+ var _props$onUpdateShow3;
154
+
155
+ var {
156
+ onBeforeClose,
157
+ onConfirm
158
+ } = props;
159
+ onConfirm == null ? void 0 : onConfirm();
160
+
161
+ if (onBeforeClose != null) {
162
+ onBeforeClose('confirm', done);
163
+ return;
164
+ }
165
+
166
+ (_props$onUpdateShow3 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow3.call(props, false);
167
+ };
168
+
169
+ var cancel = () => {
170
+ var _props$onUpdateShow4;
171
+
172
+ var {
173
+ onBeforeClose,
174
+ onCancel
175
+ } = props;
176
+ onCancel == null ? void 0 : onCancel();
177
+
178
+ if (onBeforeClose != null) {
179
+ onBeforeClose('cancel', done);
180
+ return;
181
+ }
182
+
183
+ (_props$onUpdateShow4 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow4.call(props, false);
184
+ };
185
+
186
+ (0, _vue.watch)(() => props.show, newValue => {
187
+ popupShow.value = newValue;
188
+ }, {
189
+ immediate: true
190
+ });
191
+ (0, _vue.watch)(() => props.closeOnClickOverlay, newValue => {
192
+ if (props.onBeforeClose != null) {
193
+ popupCloseOnClickOverlay.value = false;
194
+ return;
195
+ }
196
+
197
+ popupCloseOnClickOverlay.value = newValue;
198
+ }, {
199
+ immediate: true
200
+ });
201
+ return {
202
+ pack: _locale.pack,
203
+ dt: _shared.dt,
204
+ popupShow,
205
+ popupCloseOnClickOverlay,
206
+ handleClickOverlay,
207
+ confirm,
208
+ cancel
209
+ };
210
+ }
211
+
212
+ });
213
+
214
+ exports.default = _default;
File without changes
File without changes
@@ -0,0 +1 @@
1
+ :root { --dialog-width: 280px; --dialog-border-radius: 2px; --dialog-title-padding: 20px 20px 0; --dialog-message-color: #888; --dialog-message-padding: 12px 20px; --dialog-message-line-height: 24px; --dialog-message-font-size: var(--font-size-md); --dialog-title-font-size: var(--font-size-lg); --dialog-actions-padding: 0 12px 12px; --dialog-button-margin-left: 6px; --dialog-confirm-button-color: var(--color-primary); --dialog-cancel-button-color: var(--color-primary); --dialog-background: #fff;}.var-dialog { width: var(--dialog-width); border-radius: 3px; background: var(--dialog-background); transition: 0.25s background-color;}.var-dialog__popup-radius[var-dialog-cover] { border-radius: var(--dialog-border-radius);}.var-dialog__title { font-size: var(--dialog-title-font-size); font-weight: 400; padding: var(--dialog-title-padding);}.var-dialog__message { padding: var(--dialog-message-padding); color: var(--dialog-message-color); line-height: var(--dialog-message-line-height); font-size: var(--dialog-message-font-size);}.var-dialog__actions { display: flex; justify-content: flex-end; padding: var(--dialog-actions-padding);}.var-dialog__button[var-dialog-cover] { margin-left: var(--dialog-button-margin-left); background-color: transparent; box-shadow: none;}.var-dialog__button[var-dialog-cover]:active { box-shadow: none;}.var-dialog__confirm-button[var-dialog-cover] { color: var(--dialog-confirm-button-color);}.var-dialog__cancel-button[var-dialog-cover] { color: var(--dialog-cancel-button-color);}
@@ -0,0 +1,77 @@
1
+ @dialog-width: 280px;
2
+ @dialog-border-radius: 2px;
3
+ @dialog-title-padding: 20px 20px 0;
4
+ @dialog-message-color: #888;
5
+ @dialog-message-padding: 12px 20px;
6
+ @dialog-message-line-height: 24px;
7
+ @dialog-message-font-size: var(--font-size-md);
8
+ @dialog-title-font-size: var(--font-size-lg);
9
+ @dialog-actions-padding: 0 12px 12px;
10
+ @dialog-button-margin-left: 6px;
11
+ @dialog-confirm-button-color: var(--color-primary);
12
+ @dialog-cancel-button-color: var(--color-primary);
13
+ @dialog-background: #fff;
14
+
15
+ :root {
16
+ --dialog-width: @dialog-width;
17
+ --dialog-border-radius: @dialog-border-radius;
18
+ --dialog-title-padding: @dialog-title-padding;
19
+ --dialog-message-color: @dialog-message-color;
20
+ --dialog-message-padding: @dialog-message-padding;
21
+ --dialog-message-line-height: @dialog-message-line-height;
22
+ --dialog-message-font-size: @dialog-message-font-size;
23
+ --dialog-title-font-size: @dialog-title-font-size;
24
+ --dialog-actions-padding: @dialog-actions-padding;
25
+ --dialog-button-margin-left: @dialog-button-margin-left;
26
+ --dialog-confirm-button-color: @dialog-confirm-button-color;
27
+ --dialog-cancel-button-color: @dialog-cancel-button-color;
28
+ --dialog-background: @dialog-background;
29
+ }
30
+
31
+ .var-dialog {
32
+ width: var(--dialog-width);
33
+ border-radius: 3px;
34
+ background: var(--dialog-background);
35
+ transition: 0.25s background-color;
36
+
37
+ &__popup-radius[var-dialog-cover] {
38
+ border-radius: var(--dialog-border-radius);
39
+ }
40
+
41
+ &__title {
42
+ font-size: var(--dialog-title-font-size);
43
+ font-weight: 400;
44
+ padding: var(--dialog-title-padding);
45
+ }
46
+
47
+ &__message {
48
+ padding: var(--dialog-message-padding);
49
+ color: var(--dialog-message-color);
50
+ line-height: var(--dialog-message-line-height);
51
+ font-size: var(--dialog-message-font-size);
52
+ }
53
+
54
+ &__actions {
55
+ display: flex;
56
+ justify-content: flex-end;
57
+ padding: var(--dialog-actions-padding);
58
+ }
59
+
60
+ &__button[var-dialog-cover] {
61
+ margin-left: var(--dialog-button-margin-left);
62
+ background-color: transparent;
63
+ box-shadow: none;
64
+
65
+ &:active {
66
+ box-shadow: none;
67
+ }
68
+ }
69
+
70
+ &__confirm-button[var-dialog-cover] {
71
+ color: var(--dialog-confirm-button-color);
72
+ }
73
+
74
+ &__cancel-button[var-dialog-cover] {
75
+ color: var(--dialog-cancel-button-color);
76
+ }
77
+ }
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = exports._DialogComponent = void 0;
5
+
6
+ var _Dialog = _interopRequireDefault(require("./Dialog.js"));
7
+
8
+ var _vue = require("vue");
9
+
10
+ var _shared = require("../utils/shared");
11
+
12
+ var _components = require("../utils/components");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ var singletonOptions;
17
+
18
+ function Dialog(options) {
19
+ if (!(0, _shared.inBrowser)()) {
20
+ return Promise.resolve();
21
+ }
22
+
23
+ return new Promise(resolve => {
24
+ Dialog.close();
25
+ var dialogOptions = (0, _shared.isString)(options) ? {
26
+ message: options
27
+ } : options;
28
+ var reactiveDialogOptions = (0, _vue.reactive)(dialogOptions);
29
+ reactiveDialogOptions.teleport = 'body';
30
+ singletonOptions = reactiveDialogOptions;
31
+ var {
32
+ unmountInstance
33
+ } = (0, _components.mountInstance)(_Dialog.default, reactiveDialogOptions, {
34
+ onConfirm: () => {
35
+ reactiveDialogOptions.onConfirm == null ? void 0 : reactiveDialogOptions.onConfirm();
36
+ resolve('confirm');
37
+ },
38
+ onCancel: () => {
39
+ reactiveDialogOptions.onCancel == null ? void 0 : reactiveDialogOptions.onCancel();
40
+ resolve('cancel');
41
+ },
42
+ onClose: () => {
43
+ reactiveDialogOptions.onClose == null ? void 0 : reactiveDialogOptions.onClose();
44
+ resolve('close');
45
+ },
46
+ onClosed: () => {
47
+ reactiveDialogOptions.onClosed == null ? void 0 : reactiveDialogOptions.onClosed();
48
+ unmountInstance();
49
+ singletonOptions === reactiveDialogOptions && (singletonOptions = null);
50
+ },
51
+ onRouteChange: () => {
52
+ unmountInstance();
53
+ singletonOptions === reactiveDialogOptions && (singletonOptions = null);
54
+ },
55
+ 'onUpdate:show': value => {
56
+ reactiveDialogOptions.show = value;
57
+ }
58
+ });
59
+ reactiveDialogOptions.show = true;
60
+ });
61
+ }
62
+
63
+ _Dialog.default.install = function (app) {
64
+ app.component(_Dialog.default.name, _Dialog.default);
65
+ };
66
+
67
+ Dialog.install = function (app) {
68
+ app.component(_Dialog.default.name, _Dialog.default);
69
+ };
70
+
71
+ Dialog.close = () => {
72
+ if (singletonOptions != null) {
73
+ var prevSingletonOptions = singletonOptions;
74
+ singletonOptions = null;
75
+ (0, _vue.nextTick)().then(() => {
76
+ prevSingletonOptions.show = false;
77
+ });
78
+ }
79
+ };
80
+
81
+ Dialog.Component = _Dialog.default;
82
+ var _DialogComponent = _Dialog.default;
83
+ exports._DialogComponent = _DialogComponent;
84
+ var _default = Dialog;
85
+ exports.default = _default;