@web-utils/component 4.0.15 → 5.0.0-beta01

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 (307) hide show
  1. package/address-input/index.mjs +76 -76
  2. package/affix/index.mjs +71 -78
  3. package/aside-menu/index.mjs +20 -31
  4. package/avatar/index.mjs +94 -82
  5. package/awesome-button/index.mjs +54 -71
  6. package/capsule-tab/index.mjs +27 -32
  7. package/card/index.mjs +86 -71
  8. package/carousel/index.mjs +45 -34
  9. package/chat/index.mjs +440 -276
  10. package/chunk-file-uploader/index.mjs +2 -445
  11. package/chunk-file-uploader/style.css +1 -1
  12. package/chunks/ChunkFileUploader.C3EA0e5t.mjs +114 -0
  13. package/chunks/EditableTree.C_IJBL5b.mjs +648 -0
  14. package/chunks/ElementBaseInfo.DyuFR6fE.mjs +209 -0
  15. package/chunks/ElementDialog.C0IjriTW.mjs +681 -0
  16. package/chunks/ElementForm.ButuYDPA.mjs +627 -0
  17. package/chunks/ElementListeners.Dg3e_dmp.mjs +656 -0
  18. package/chunks/ElementMultiInstance.Dmi79FqA.mjs +290 -0
  19. package/chunks/ElementOtherConfig.C2AddGTp.mjs +51 -0
  20. package/chunks/ElementProperties.CfV8UF7L.mjs +196 -0
  21. package/chunks/ElementTaskConfig.Bn7ycGGn.mjs +446 -0
  22. package/chunks/FlowCondition.C6PdqOAW.mjs +194 -0
  23. package/chunks/FlowDesigner.uJYFfKpR.mjs +5101 -0
  24. package/chunks/FormBlock.BEENc22F.mjs +117 -0
  25. package/chunks/FormCascader.CaM-oEhv.mjs +1226 -0
  26. package/chunks/FormInputTime.Bg3UIP8H.mjs +1773 -0
  27. package/chunks/FormItem.H9OOvNzT.mjs +90 -0
  28. package/chunks/FormItemGroup.D9eRy-cZ.mjs +147 -0
  29. package/chunks/FormSelect.CanodoAI.mjs +1472 -0
  30. package/chunks/FormSwitch.DTqdaFjv.mjs +296 -0
  31. package/chunks/FormTemp.DiI5EfgK.mjs +139 -0
  32. package/chunks/FyCurd.DMj1dMK9.mjs +2622 -0
  33. package/chunks/FyForm.vgR8ujEF.mjs +904 -0
  34. package/chunks/FyFormDesign.DEWT6LsX.mjs +5600 -0
  35. package/chunks/FyUEditor.D_rEYfll.mjs +221 -0
  36. package/chunks/FyUpload.B2QKfTxF.mjs +504 -0
  37. package/chunks/Keyboard.ItiRy7Gb.mjs +379 -0
  38. package/chunks/MonacoEditor.Bd5Kui-Y.mjs +301 -0
  39. package/chunks/PageableTable.Bujb0NUx.mjs +658 -0
  40. package/chunks/RecordVideo.B35_dLty.mjs +116 -0
  41. package/chunks/SignalAndMessage.CYVzlFuL.mjs +198 -0
  42. package/chunks/SplitPane.Dw96M0Yf.mjs +219 -0
  43. package/chunks/TableColumn.DJYkznbJ.mjs +180 -0
  44. package/chunks/TableView.DyIdIxAg.mjs +484 -0
  45. package/chunks/Toolbar.DHuXJAoG.mjs +219 -0
  46. package/chunks/UserTaskListeners.Bp-2qkHs.mjs +599 -0
  47. package/chunks/VueCron.GfjodnyM.mjs +1766 -0
  48. package/chunks/VueTreeSelect.9Ywl-I8e.mjs +1872 -0
  49. package/chunks/_plugin-vue_export-helper.7vrlOII_.mjs +8 -0
  50. package/chunks/checkbox.emIuFmnt.mjs +437 -0
  51. package/chunks/confirmable-mixin.BBil7dto.mjs +1646 -0
  52. package/chunks/core.DJv6Qrae.mjs +51 -0
  53. package/chunks/dataformat.Bfr4nOcA.mjs +144 -0
  54. package/chunks/dic.DgDfnovD.mjs +116 -0
  55. package/chunks/dictionary.5eKjWeAp.mjs +19 -0
  56. package/chunks/dictionary.DxZxP0ej.mjs +87 -0
  57. package/chunks/event.B4iwtUNO.mjs +4 -0
  58. package/chunks/event.eJ-c1Z3a.mjs +224 -0
  59. package/chunks/focus-trap.DT4GnqQI.mjs +211 -0
  60. package/chunks/form-input.D25eDRMq.mjs +34 -0
  61. package/chunks/form-item.CgmUuw_n.mjs +714 -0
  62. package/chunks/form-pick.Axem0gOO.mjs +7 -0
  63. package/chunks/form-validate.B1KPCHqN.mjs +11 -0
  64. package/chunks/icon.CbS8-322.mjs +259 -0
  65. package/chunks/init.DwpukyOB.mjs +115 -0
  66. package/chunks/input.PejnqwSH.mjs +547 -0
  67. package/chunks/install.yLcn5MLL.mjs +84 -0
  68. package/chunks/message.BCmee5N0.mjs +400 -0
  69. package/chunks/overlay.DubSnqma.mjs +122 -0
  70. package/chunks/packages.BGjydzjm.mjs +56 -0
  71. package/chunks/permission.DgEVNWlh.mjs +16 -0
  72. package/chunks/photo-swipe.BB0SJZg9.mjs +55 -0
  73. package/chunks/radio.BotKXqJr.mjs +274 -0
  74. package/chunks/scroll.CzORc5Zk.mjs +28 -0
  75. package/chunks/scrollbar.CAmrlKi9.mjs +345 -0
  76. package/chunks/slot.C6Ozd2e7.mjs +25 -0
  77. package/chunks/style.BmlGmjpO.mjs +325 -0
  78. package/chunks/sub-table-plus-props.B_lLth3j.mjs +28 -0
  79. package/chunks/tab-mixin.u0EZpx3j.mjs +70 -0
  80. package/chunks/tag.DPi-PLbb.mjs +141 -0
  81. package/chunks/teleport._VGEzK4d.mjs +22 -0
  82. package/chunks/tooltip.D50x7Rva.mjs +1926 -0
  83. package/chunks/typescript.DiWBU4nj.mjs +4 -0
  84. package/chunks/use-aria.BW7nWOl1.mjs +17 -0
  85. package/chunks/use-composition.mUaomyno.mjs +47 -0
  86. package/chunks/use-deprecated.BfDSbZS9.mjs +12 -0
  87. package/chunks/use-empty-values.Dy_r78F6.mjs +263 -0
  88. package/chunks/use-form-item.wsRjehHp.mjs +47 -0
  89. package/chunks/use-global-config.C9hs-O_x.mjs +56 -0
  90. package/chunks/use-id.CFO5NeoV.mjs +15 -0
  91. package/chunks/use-size.DxrwTUwf.mjs +18 -0
  92. package/chunks/util.B3sjVZoZ.mjs +103 -0
  93. package/chunks/util.g-WQEec9.mjs +223 -0
  94. package/chunks/utilSelf.ZED4DmCU.mjs +46 -0
  95. package/chunks/utils.Cs2fYBrT.mjs +60 -0
  96. package/chunks/utils.DsGhtCIO.mjs +14 -0
  97. package/chunks/validator.C4-z_t9p.mjs +5 -0
  98. package/chunks/vnode.D_SioRnx.mjs +14 -0
  99. package/code-mirror-editor/index.mjs +89 -88
  100. package/comment/index.mjs +62 -57
  101. package/configComponents.mjs +40 -50
  102. package/confirm-button/index.mjs +34 -46
  103. package/confirmable/index.mjs +7 -17
  104. package/context-menu/index.mjs +195 -174
  105. package/count-up/index.mjs +97 -105
  106. package/custom-scrollbar/index.mjs +91 -98
  107. package/data-box/index.mjs +64 -47
  108. package/data-card/index.mjs +60 -49
  109. package/data-card-text/index.mjs +63 -51
  110. package/data-display/index.mjs +71 -53
  111. package/data-icons/index.mjs +70 -53
  112. package/data-imgtext/index.mjs +67 -46
  113. package/data-operatext/index.mjs +51 -42
  114. package/data-panel/index.mjs +57 -47
  115. package/data-pay/index.mjs +105 -52
  116. package/data-price/index.mjs +48 -42
  117. package/data-progress/index.mjs +67 -48
  118. package/data-rotate/index.mjs +61 -47
  119. package/data-table-picker/index.mjs +119 -74
  120. package/data-tabs/index.mjs +67 -47
  121. package/dialog-form/index.mjs +139 -89
  122. package/dynamic-table/index.mjs +166 -114
  123. package/e-charts/index.mjs +174 -200
  124. package/easy-popup/index.mjs +91 -102
  125. package/editable-progress/index.mjs +112 -85
  126. package/editable-tree/index.mjs +2 -485
  127. package/element-dialog/index.mjs +2 -307
  128. package/element-listeners/style.css +1 -0
  129. package/element-multi-instance/style.css +1 -0
  130. package/ellipsis/index.mjs +124 -148
  131. package/empty-view/index.mjs +48 -65
  132. package/error-view/index.mjs +39 -51
  133. package/flex-column/index.mjs +32 -51
  134. package/flex-item/index.mjs +54 -64
  135. package/flex-row/index.mjs +32 -39
  136. package/flex-scroller/index.mjs +29 -30
  137. package/flow/index.mjs +240 -248
  138. package/flow-designer/index.mjs +2 -5983
  139. package/flow-designer/style.css +1 -1
  140. package/flow-node/index.mjs +56 -64
  141. package/flow-viewer/index.mjs +159 -157
  142. package/form-block/index.mjs +2 -149
  143. package/form-button/index.mjs +35 -47
  144. package/form-card/index.mjs +14 -25
  145. package/form-cascader/index.mjs +2 -116
  146. package/form-checkbox/index.mjs +89 -71
  147. package/form-checkbox-group/index.mjs +161 -116
  148. package/form-date-picker/index.mjs +155 -144
  149. package/form-holder/index.mjs +137 -110
  150. package/form-input/index.mjs +113 -87
  151. package/form-input-cron-expression/index.mjs +97 -79
  152. package/form-input-email/index.mjs +64 -52
  153. package/form-input-id-card/index.mjs +72 -55
  154. package/form-input-phone-number/index.mjs +71 -57
  155. package/form-input-tag/index.mjs +88 -62
  156. package/form-input-time/index.mjs +2 -74
  157. package/form-item/index.mjs +2 -5
  158. package/form-item-config-provider/index.mjs +46 -60
  159. package/form-item-group/index.mjs +2 -160
  160. package/form-radio-group/index.mjs +161 -122
  161. package/form-select/index.mjs +2 -181
  162. package/form-switch/index.mjs +2 -55
  163. package/form-table/index.mjs +131 -85
  164. package/form-table-plus/index.mjs +164 -109
  165. package/form-textarea/index.mjs +90 -57
  166. package/form-tree-select/index.mjs +89 -72
  167. package/form-tree-select-multiple/index.mjs +92 -78
  168. package/form-view/index.mjs +275 -211
  169. package/fy-array/index.mjs +121 -74
  170. package/fy-article/index.mjs +73 -60
  171. package/fy-cascader/index.mjs +113 -91
  172. package/fy-checkbox/index.mjs +96 -66
  173. package/fy-code/index.mjs +48 -50
  174. package/fy-curd/index.mjs +2 -1903
  175. package/fy-date/index.mjs +76 -42
  176. package/fy-draggable/index.mjs +322 -318
  177. package/fy-dynamic/index.mjs +259 -227
  178. package/fy-empty/index.mjs +35 -36
  179. package/fy-form/index.mjs +2 -17
  180. package/fy-form-design/index.mjs +2 -2890
  181. package/fy-form-design/style.css +1 -1
  182. package/fy-from/crud/zh.d.ts +6 -6
  183. package/fy-input/index.mjs +117 -99
  184. package/fy-input-color/index.mjs +77 -56
  185. package/fy-input-icon/index.mjs +129 -85
  186. package/fy-input-map/index.mjs +242 -186
  187. package/fy-input-number/index.mjs +74 -50
  188. package/fy-input-table/index.mjs +160 -109
  189. package/fy-input-tree/index.mjs +259 -182
  190. package/fy-progress/index.mjs +36 -40
  191. package/fy-radio/index.mjs +53 -38
  192. package/fy-rate/index.mjs +86 -71
  193. package/fy-select/index.mjs +223 -140
  194. package/fy-slider/index.mjs +68 -44
  195. package/fy-switch/index.mjs +67 -42
  196. package/fy-tabs/index.mjs +46 -48
  197. package/fy-time/index.mjs +81 -53
  198. package/fy-title/index.mjs +18 -27
  199. package/fy-tree/index.mjs +382 -292
  200. package/fy-u-editor/index.mjs +2 -357
  201. package/fy-upload/index.mjs +2 -423
  202. package/guide-steps/index.mjs +72 -73
  203. package/helper-function.d.ts +2 -30
  204. package/helper-function.mjs +41 -67
  205. package/highlight-j-s/index.mjs +50 -59
  206. package/icon-card/index.mjs +34 -36
  207. package/icon-temp/index.mjs +27 -27
  208. package/iframe-window/index.mjs +39 -33
  209. package/image-cropper/index.mjs +171 -75
  210. package/image-preview/index.mjs +187 -118
  211. package/image-viewer/index.mjs +69 -66
  212. package/index.d.ts +3 -9
  213. package/index.mjs +173 -488
  214. package/input-number-range/index.mjs +78 -59
  215. package/j-s-x-component/index.mjs +13 -15
  216. package/keyboard/index.mjs +2 -369
  217. package/license/index.mjs +106 -115
  218. package/loading-view/index.mjs +39 -51
  219. package/login/index.mjs +252 -125
  220. package/monaco-editor/index.mjs +2 -7
  221. package/name-avatar/index.mjs +61 -53
  222. package/nav-bar/index.mjs +33 -31
  223. package/not-implement/index.mjs +10 -22
  224. package/notice/index.mjs +100 -94
  225. package/package.json +3 -3
  226. package/page/index.mjs +18 -25
  227. package/page-header/index.mjs +27 -33
  228. package/page-index/index.mjs +121 -100
  229. package/page-index-top/index.mjs +79 -79
  230. package/page-skeleton/index.mjs +48 -45
  231. package/page-skeleton-new/index.mjs +79 -50
  232. package/pageable-table/index.mjs +2 -522
  233. package/pageable-view/index.mjs +279 -275
  234. package/photo-swipe/index.d.ts +4 -0
  235. package/photo-swipe/index.mjs +33 -36
  236. package/picker-table-view/index.mjs +224 -126
  237. package/present-view/index.mjs +266 -200
  238. package/queue/index.mjs +45 -53
  239. package/record-video/index.mjs +2 -134
  240. package/resize-observer/index.mjs +43 -46
  241. package/search/index.mjs +116 -109
  242. package/sign/index.mjs +103 -110
  243. package/sign-panel/index.mjs +182 -141
  244. package/skeleton/index.mjs +51 -54
  245. package/skeleton-panel/index.mjs +33 -38
  246. package/split-pane/index.mjs +3 -197
  247. package/stateful/index.mjs +69 -73
  248. package/static-pageable-table/index.mjs +72 -66
  249. package/sub-table/index.mjs +508 -219
  250. package/sub-table-plus/index.mjs +592 -19
  251. package/swiper/index.mjs +128 -121
  252. package/tab/index.mjs +117 -119
  253. package/tab-item/index.mjs +48 -56
  254. package/table-column/index.mjs +2 -5
  255. package/table-view/index.mjs +3 -334
  256. package/tabs-view/index.mjs +109 -106
  257. package/tag-render/index.mjs +79 -69
  258. package/text-ellipsis/index.mjs +94 -78
  259. package/toolbar/index.mjs +2 -255
  260. package/toolbar-button/index.mjs +145 -121
  261. package/verify/index.mjs +58 -64
  262. package/vue-cron/index.mjs +2 -1188
  263. package/vue-qr-code/index.mjs +30 -54
  264. package/vue-quill-editor/index.mjs +123 -99
  265. package/vue-tags-input/index.mjs +348 -431
  266. package/vue-tree-select/index.mjs +2 -2627
  267. package/vue-video-player/index.mjs +135 -136
  268. package/watermark/index.mjs +46 -74
  269. package/web-types.json +197 -975
  270. package/x-input-tag/index.mjs +144 -109
  271. package/chunks/ElementTaskConfig.AvBOzAni.mjs +0 -325
  272. package/chunks/FormItem.Bhsy_O2B.mjs +0 -372
  273. package/chunks/FyForm.DriwCJ7b.mjs +0 -765
  274. package/chunks/MonacoEditor.D31t4FTy.mjs +0 -327
  275. package/chunks/SignalAndMessage.BpjOoKhK.mjs +0 -92
  276. package/chunks/SubTablePlus.BH0IIv3X.mjs +0 -270
  277. package/chunks/TableColumn.BzivvXMF.mjs +0 -337
  278. package/chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs +0 -10
  279. package/chunks/confirmable-mixin.BFZb6pcK.mjs +0 -86
  280. package/chunks/dataformat.DJoNBlmI.mjs +0 -154
  281. package/chunks/dic.BinnDitI.mjs +0 -128
  282. package/chunks/dictionary.DqiP9x2m.mjs +0 -25
  283. package/chunks/event.DSlcqYHL.mjs +0 -236
  284. package/chunks/form-input.BtS_J5a2.mjs +0 -31
  285. package/chunks/form-pick.BFTIVn_i.mjs +0 -11
  286. package/chunks/form-validate.CVarNHKX.mjs +0 -12
  287. package/chunks/helper.BiMLcEEk.mjs +0 -41
  288. package/chunks/index.BmYCjxZQ.mjs +0 -47
  289. package/chunks/index.CIfe3UB3.mjs +0 -16
  290. package/chunks/index.Cn7aq-Et.mjs +0 -184
  291. package/chunks/init.xOlFpTyZ.mjs +0 -122
  292. package/chunks/packages.ByyangTp.mjs +0 -58
  293. package/chunks/permission.CO31YIkD.mjs +0 -16
  294. package/chunks/slot.DXIbhGat.mjs +0 -27
  295. package/chunks/tab-mixin.BNK6dxLN.mjs +0 -81
  296. package/chunks/util.DI42t5GU.mjs +0 -241
  297. package/color-picker/index.mjs +0 -157
  298. package/egd-collapse/index.mjs +0 -62
  299. package/egd-collapse-item/index.mjs +0 -72
  300. package/form-input-number/index.mjs +0 -70
  301. package/form-input-number/style.css +0 -1
  302. package/input-number/index.mjs +0 -233
  303. package/input-number/style.css +0 -1
  304. package/keep-view-alive/index.mjs +0 -117
  305. package/search-popover/index.mjs +0 -118
  306. package/search-popover/style.css +0 -1
  307. /package/{base.css → utils/style.css} +0 -0
package/swiper/index.mjs CHANGED
@@ -1,121 +1,128 @@
1
- import a from "../resize-observer/index.mjs";
2
- import r from "element-ui/lib/button";
3
- import { getEleWidth as o } from "@web-utils/core";
4
- import "../resize-observer/style.css";
5
- import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
6
- const l = {
7
- name: "Swiper",
8
- components: {
9
- ResizeObserver: a
10
- },
11
- data() {
12
- return {
13
- mouseDown: !1,
14
- swiperBoxWith: 0,
15
- swiperContentWidth: 0,
16
- translateX: 0,
17
- reachedLeft: !0,
18
- reachedRight: !1,
19
- childrenWidth: [],
20
- swiperContentStyle: {
21
- transitionDuration: "0ms",
22
- transform: "translate3d(0px, 0px, 0px)"
23
- }
24
- };
25
- },
26
- async mounted() {
27
- await this.layout();
28
- },
29
- updated() {
30
- this.computeContentWidth();
31
- },
32
- methods: {
33
- async layout() {
34
- await this.$nextTick(), this.computeContentWidth(), this.resize();
35
- },
36
- resize() {
37
- this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
38
- },
39
- computeContentWidth() {
40
- let e = 0;
41
- const t = [], { children: s } = this.$refs.swiperContent;
42
- Array.prototype.forEach.call(s, (i) => {
43
- const n = o(i);
44
- e += n, t.push(n);
45
- }), this.childrenWidth = t, this.swiperContentWidth = e;
46
- },
47
- updateDuration(e) {
48
- this.swiperContentStyle.transitionDuration = e ? "300ms" : "0ms";
49
- },
50
- setTranslateX(e) {
51
- this.swiperContentWidth <= this.swiperBoxWith || (e > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : e - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = e, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
52
- },
53
- clickLeft() {
54
- this.updateDuration(!0);
55
- let e = this.translateX + this.swiperBoxWith, t = e;
56
- if (e < 0) {
57
- t = 0, e = -e;
58
- for (let s = 0, i = this.childrenWidth.length; s < i && (t += this.childrenWidth[s], !(t >= e)); s++)
59
- ;
60
- t = -t;
61
- }
62
- this.setTranslateX(t);
63
- },
64
- clickRight() {
65
- this.updateDuration(!0);
66
- const e = Math.abs(this.translateX - this.swiperBoxWith);
67
- let t = 0;
68
- for (let s = 0, i = this.childrenWidth.length; s < i; s++)
69
- if (t += this.childrenWidth[s], t >= e) {
70
- t > e && (t -= this.childrenWidth[s]);
71
- break;
72
- }
73
- this.setTranslateX(-t);
74
- },
75
- onMouseWheel(e) {
76
- this.updateDuration(!0), e.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - e.deltaY * 30) : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - e.deltaY);
77
- },
78
- onMouseDown(e) {
79
- this.mouseDown = !0, this.startX = e.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
80
- },
81
- onMouseUp(e) {
82
- this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
83
- const t = e.clientX - this.startX;
84
- if (t < 0) {
85
- const s = this.translateX + t;
86
- this.setTranslateX(s);
87
- }
88
- if (t > 0) {
89
- const s = this.translateX + t;
90
- this.setTranslateX(s);
91
- }
92
- window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
93
- },
94
- onMouseMove(e) {
95
- this.mouseDown && requestAnimationFrame(() => {
96
- const t = e.clientX - this.startX, s = this.translateXRaw + t;
97
- this.setTranslateX(s);
98
- });
99
- },
100
- transitionend() {
101
- this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
102
- }
103
- }
104
- };
105
- var d = function() {
106
- var t = this, s = t._self._c;
107
- return s("div", { staticClass: "egd-swiper" }, [s(r, { staticClass: "el-carousel__arrow el-carousel__arrow--left", attrs: { disabled: t.reachedLeft, icon: "el-icon-arrow-left" }, on: { click: t.clickLeft } }), s("div", { ref: "swiperBox", staticClass: "egd-swiper-box", on: { wheel: function(i) {
108
- return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
109
- } } }, [s("div", { ref: "swiperContent", staticClass: "egd-swiper-content", style: t.swiperContentStyle }, [t._t("default")], 2)]), s(r, { staticClass: "el-carousel__arrow el-carousel__arrow--right", attrs: { disabled: t.reachedRight, icon: "el-icon-arrow-right" }, on: { click: t.clickRight } }), s(a, { on: { notify: t.resize } })], 1);
110
- }, c = [], p = /* @__PURE__ */ h(
111
- l,
112
- d,
113
- c,
114
- !1,
115
- null,
116
- null
117
- );
118
- const _ = p.exports;
119
- export {
120
- _ as default
121
- };
1
+ import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
2
+ import t from "../resize-observer/index.mjs";
3
+ import { createElementBlock as n, createElementVNode as r, createVNode as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveComponent as c, withModifiers as l } from "vue";
4
+ import { getEleWidth as u } from "@web-utils/core";
5
+ //#region src/components/Swiper.vue
6
+ var d = {
7
+ name: "Swiper",
8
+ components: { ResizeObserver: t },
9
+ data() {
10
+ return {
11
+ mouseDown: !1,
12
+ swiperBoxWith: 0,
13
+ swiperContentWidth: 0,
14
+ translateX: 0,
15
+ reachedLeft: !0,
16
+ reachedRight: !1,
17
+ childrenWidth: [],
18
+ swiperContentStyle: {
19
+ transitionDuration: "0ms",
20
+ transform: "translate3d(0px, 0px, 0px)"
21
+ }
22
+ };
23
+ },
24
+ async mounted() {
25
+ await this.layout();
26
+ },
27
+ updated() {
28
+ this.computeContentWidth();
29
+ },
30
+ methods: {
31
+ async layout() {
32
+ await this.$nextTick(), this.computeContentWidth(), this.resize();
33
+ },
34
+ resize() {
35
+ this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
36
+ },
37
+ computeContentWidth() {
38
+ let e = 0, t = [], { children: n } = this.$refs.swiperContent;
39
+ Array.prototype.forEach.call(n, (n) => {
40
+ let r = u(n);
41
+ e += r, t.push(r);
42
+ }), this.childrenWidth = t, this.swiperContentWidth = e;
43
+ },
44
+ updateDuration(e) {
45
+ this.swiperContentStyle.transitionDuration = e ? "300ms" : "0ms";
46
+ },
47
+ setTranslateX(e) {
48
+ this.swiperContentWidth <= this.swiperBoxWith || (e > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : e - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = e, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
49
+ },
50
+ clickLeft() {
51
+ this.updateDuration(!0);
52
+ let e = this.translateX + this.swiperBoxWith, t = e;
53
+ if (e < 0) {
54
+ t = 0, e = -e;
55
+ for (let n = 0, r = this.childrenWidth.length; n < r && (t += this.childrenWidth[n], !(t >= e)); n++);
56
+ t = -t;
57
+ }
58
+ this.setTranslateX(t);
59
+ },
60
+ clickRight() {
61
+ this.updateDuration(!0);
62
+ let e = Math.abs(this.translateX - this.swiperBoxWith), t = 0;
63
+ for (let n = 0, r = this.childrenWidth.length; n < r; n++) if (t += this.childrenWidth[n], t >= e) {
64
+ t > e && (t -= this.childrenWidth[n]);
65
+ break;
66
+ }
67
+ this.setTranslateX(-t);
68
+ },
69
+ onMouseWheel(e) {
70
+ this.updateDuration(!0), e.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - e.deltaY * 30) : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - e.deltaY);
71
+ },
72
+ onMouseDown(e) {
73
+ this.mouseDown = !0, this.startX = e.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
74
+ },
75
+ onMouseUp(e) {
76
+ this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
77
+ let t = e.clientX - this.startX;
78
+ if (t < 0) {
79
+ let e = this.translateX + t;
80
+ this.setTranslateX(e);
81
+ }
82
+ if (t > 0) {
83
+ let e = this.translateX + t;
84
+ this.setTranslateX(e);
85
+ }
86
+ window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
87
+ },
88
+ onMouseMove(e) {
89
+ this.mouseDown && requestAnimationFrame(() => {
90
+ let t = e.clientX - this.startX, n = this.translateXRaw + t;
91
+ this.setTranslateX(n);
92
+ });
93
+ },
94
+ transitionend() {
95
+ this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
96
+ }
97
+ }
98
+ }, f = { class: "egd-swiper" };
99
+ function p(e, t, u, d, p, m) {
100
+ let h = c("ElButton"), g = c("ResizeObserver");
101
+ return o(), n("div", f, [
102
+ i(h, {
103
+ class: "el-carousel__arrow el-carousel__arrow--left",
104
+ disabled: p.reachedLeft,
105
+ icon: "el-icon-arrow-left",
106
+ onClick: m.clickLeft
107
+ }, null, 8, ["disabled", "onClick"]),
108
+ r("div", {
109
+ ref: "swiperBox",
110
+ class: "egd-swiper-box",
111
+ onWheel: t[0] || (t[0] = l((...e) => m.onMouseWheel && m.onMouseWheel(...e), ["stop", "prevent"]))
112
+ }, [r("div", {
113
+ ref: "swiperContent",
114
+ class: "egd-swiper-content",
115
+ style: a(p.swiperContentStyle)
116
+ }, [s(e.$slots, "default")], 4)], 544),
117
+ i(h, {
118
+ class: "el-carousel__arrow el-carousel__arrow--right",
119
+ disabled: p.reachedRight,
120
+ icon: "el-icon-arrow-right",
121
+ onClick: m.clickRight
122
+ }, null, 8, ["disabled", "onClick"]),
123
+ i(g, { onNotify: m.resize }, null, 8, ["onNotify"])
124
+ ]);
125
+ }
126
+ var m = /* @__PURE__ */ e(d, [["render", p]]);
127
+ //#endregion
128
+ export { m as default };
package/tab/index.mjs CHANGED
@@ -1,119 +1,117 @@
1
- import { p as n } from "../chunks/tab-mixin.BNK6dxLN.mjs";
2
- import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- const s = {
4
- name: "Tab",
5
- mixins: [n],
6
- props: {
7
- lineWidth: {
8
- type: Number,
9
- default: 3
10
- },
11
- activeColor: String,
12
- barActiveColor: String,
13
- animate: {
14
- type: Boolean,
15
- default: !0
16
- },
17
- customBarWidth: [Function, String],
18
- scrollThreshold: {
19
- type: Number,
20
- default: 4
21
- },
22
- barPosition: {
23
- type: String,
24
- default: "bottom",
25
- validator(t) {
26
- return ["bottom", "top"].indexOf(t) !== -1;
27
- }
28
- }
29
- },
30
- data() {
31
- return {
32
- direction: "forward",
33
- hasReady: !1
34
- };
35
- },
36
- computed: {
37
- barLeft() {
38
- if (this.hasReady) {
39
- const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
40
- return `${this.currentIndex * (100 / t)}%`;
41
- }
42
- return null;
43
- },
44
- barRight() {
45
- if (this.hasReady) {
46
- const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
47
- return `${(t - this.currentIndex - 1) * (100 / t)}%`;
48
- }
49
- return null;
50
- },
51
- // when prop:custom-bar-width
52
- innerBarStyle() {
53
- return {
54
- width: typeof this.customBarWidth == "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
55
- backgroundColor: this.barActiveColor || this.activeColor
56
- };
57
- },
58
- // end
59
- barStyle() {
60
- const t = {
61
- left: this.barLeft,
62
- right: this.barRight,
63
- display: "block",
64
- height: `${this.lineWidth}px`,
65
- transition: this.hasReady ? null : "none"
66
- };
67
- return this.customBarWidth ? t.backgroundColor = "transparent" : t.backgroundColor = this.barActiveColor || this.activeColor, t;
68
- },
69
- barClass() {
70
- return {
71
- "vux-tab-ink-bar-transition-forward": this.direction === "forward",
72
- "vux-tab-ink-bar-transition-backward": this.direction === "backward"
73
- };
74
- },
75
- scrollable() {
76
- return this.number > this.scrollThreshold;
77
- }
78
- },
79
- watch: {
80
- currentIndex(t, r) {
81
- this.direction = t > r ? "forward" : "backward", this.$emit("on-index-change", t, r), this.hasReady && this.scrollToActiveTab();
82
- }
83
- },
84
- mounted() {
85
- this.$nextTick(() => {
86
- setTimeout(() => {
87
- this.hasReady = !0;
88
- }, 0);
89
- });
90
- },
91
- methods: {
92
- scrollToActiveTab() {
93
- if (!this.scrollable || !this.$children || !this.$children.length)
94
- return;
95
- const t = this.$children[this.currentIndex].$el;
96
- let r = 0;
97
- const i = () => {
98
- const e = this.$refs.nav;
99
- e.scrollLeft += (t.offsetLeft - (e.offsetWidth - t.offsetWidth) / 2 - e.scrollLeft) / 15, ++r < 15 && window.requestAnimationFrame(i);
100
- };
101
- window.requestAnimationFrame(i);
102
- }
103
- }
104
- };
105
- var o = function() {
106
- var r = this, i = r._self._c;
107
- return i("div", { staticClass: "vux-tab-wrap", class: r.barPosition === "top" ? "vux-tab-bar-top" : "" }, [i("div", { staticClass: "vux-tab-container" }, [i("div", { ref: "nav", staticClass: "vux-tab", class: [{ "vux-tab-no-animate": !r.animate, scrollable: r.scrollable }] }, [r._t("default"), r.animate ? i("div", { staticClass: "vux-tab-ink-bar", class: r.barClass, style: r.barStyle }, [r.customBarWidth ? i("span", { staticClass: "vux-tab-bar-inner", style: r.innerBarStyle }) : r._e()]) : r._e()], 2)])]);
108
- }, l = [], c = /* @__PURE__ */ a(
109
- s,
110
- o,
111
- l,
112
- !1,
113
- null,
114
- null
115
- );
116
- const b = c.exports;
117
- export {
118
- b as default
119
- };
1
+ import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
2
+ import { n as t } from "../chunks/tab-mixin.u0EZpx3j.mjs";
3
+ import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c } from "vue";
4
+ //#region src/components/tab/Tab.vue
5
+ var l = {
6
+ name: "Tab",
7
+ mixins: [t],
8
+ props: {
9
+ lineWidth: {
10
+ type: Number,
11
+ default: 3
12
+ },
13
+ activeColor: String,
14
+ barActiveColor: String,
15
+ animate: {
16
+ type: Boolean,
17
+ default: !0
18
+ },
19
+ customBarWidth: [Function, String],
20
+ scrollThreshold: {
21
+ type: Number,
22
+ default: 4
23
+ },
24
+ barPosition: {
25
+ type: String,
26
+ default: "bottom",
27
+ validator(e) {
28
+ return ["bottom", "top"].indexOf(e) !== -1;
29
+ }
30
+ }
31
+ },
32
+ data() {
33
+ return {
34
+ direction: "forward",
35
+ hasReady: !1
36
+ };
37
+ },
38
+ computed: {
39
+ barLeft() {
40
+ if (this.hasReady) {
41
+ let e = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
42
+ return `${this.currentIndex * (100 / e)}%`;
43
+ }
44
+ return null;
45
+ },
46
+ barRight() {
47
+ if (this.hasReady) {
48
+ let e = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
49
+ return `${(e - this.currentIndex - 1) * (100 / e)}%`;
50
+ }
51
+ return null;
52
+ },
53
+ innerBarStyle() {
54
+ return {
55
+ width: typeof this.customBarWidth == "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
56
+ backgroundColor: this.barActiveColor || this.activeColor
57
+ };
58
+ },
59
+ barStyle() {
60
+ let e = {
61
+ left: this.barLeft,
62
+ right: this.barRight,
63
+ display: "block",
64
+ height: `${this.lineWidth}px`,
65
+ transition: this.hasReady ? null : "none"
66
+ };
67
+ return this.customBarWidth ? e.backgroundColor = "transparent" : e.backgroundColor = this.barActiveColor || this.activeColor, e;
68
+ },
69
+ barClass() {
70
+ return {
71
+ "vux-tab-ink-bar-transition-forward": this.direction === "forward",
72
+ "vux-tab-ink-bar-transition-backward": this.direction === "backward"
73
+ };
74
+ },
75
+ scrollable() {
76
+ return this.number > this.scrollThreshold;
77
+ }
78
+ },
79
+ watch: { currentIndex(e, t) {
80
+ this.direction = e > t ? "forward" : "backward", this.$emit("on-index-change", e, t), this.hasReady && this.scrollToActiveTab();
81
+ } },
82
+ mounted() {
83
+ this.$nextTick(() => {
84
+ setTimeout(() => {
85
+ this.hasReady = !0;
86
+ }, 0);
87
+ });
88
+ },
89
+ methods: { scrollToActiveTab() {
90
+ if (!this.scrollable || !this.$children || !this.$children.length) return;
91
+ let e = this.$children[this.currentIndex].$el, t = 0, n = () => {
92
+ let r = this.$refs.nav;
93
+ r.scrollLeft += (e.offsetLeft - (r.offsetWidth - e.offsetWidth) / 2 - r.scrollLeft) / 15, ++t < 15 && window.requestAnimationFrame(n);
94
+ };
95
+ window.requestAnimationFrame(n);
96
+ } }
97
+ }, u = { class: "vux-tab-container" };
98
+ function d(e, t, l, d, f, p) {
99
+ return s(), r("div", { class: a([l.barPosition === "top" ? "vux-tab-bar-top" : "", "vux-tab-wrap"]) }, [i("div", u, [i("div", {
100
+ ref: "nav",
101
+ class: a([[{
102
+ "vux-tab-no-animate": !l.animate,
103
+ scrollable: p.scrollable
104
+ }], "vux-tab"])
105
+ }, [c(e.$slots, "default"), l.animate ? (s(), r("div", {
106
+ key: 0,
107
+ class: a([p.barClass, "vux-tab-ink-bar"]),
108
+ style: o(p.barStyle)
109
+ }, [l.customBarWidth ? (s(), r("span", {
110
+ key: 0,
111
+ style: o(p.innerBarStyle),
112
+ class: "vux-tab-bar-inner"
113
+ }, null, 4)) : n("v-if", !0)], 6)) : n("v-if", !0)], 2)])], 2);
114
+ }
115
+ var f = /* @__PURE__ */ e(l, [["render", d]]);
116
+ //#endregion
117
+ export { f as default };
@@ -1,57 +1,49 @@
1
- import { c as a } from "../chunks/tab-mixin.BNK6dxLN.mjs";
2
- import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- const l = {
4
- name: "TabItem",
5
- mixins: [a],
6
- props: {
7
- activeClass: {
8
- type: String
9
- },
10
- disabled: Boolean,
11
- badgeBackground: {
12
- type: String,
13
- default: "#f74c31"
14
- },
15
- badgeColor: {
16
- type: String,
17
- default: "#fff"
18
- },
19
- badgeLabel: {
20
- type: String
21
- }
22
- },
23
- computed: {
24
- style() {
25
- return {
26
- borderWidth: `${this.$parent.lineWidth}px`,
27
- borderColor: this.$parent.activeColor,
28
- color: this.currentSelected ? this.$parent.activeColor : this.disabled ? this.$parent.disabledColor : this.$parent.defaultColor,
29
- border: this.$parent.animate ? "none" : "auto"
30
- };
31
- }
32
- }
33
- };
34
- var n = function() {
35
- var e = this, t = e._self._c;
36
- return t("div", { staticClass: "vux-tab-item", class: [
37
- e.currentSelected ? e.activeClass : "",
38
- {
39
- "vux-tab-selected": e.currentSelected,
40
- "vux-tab-disabled": e.disabled
41
- }
42
- ], style: e.style, on: { click: e.onItemClick } }, [e._t("default"), typeof e.badgeLabel < "u" && e.badgeLabel !== "" ? t("span", { staticClass: "vux-tab-item-badge", style: {
43
- background: e.badgeBackground,
44
- color: e.badgeColor
45
- } }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
46
- }, s = [], o = /* @__PURE__ */ r(
47
- l,
48
- n,
49
- s,
50
- !1,
51
- null,
52
- null
53
- );
54
- const b = o.exports;
55
- export {
56
- b as default
1
+ import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
2
+ import { t } from "../chunks/tab-mixin.u0EZpx3j.mjs";
3
+ import { createCommentVNode as n, createElementBlock as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
4
+ //#region src/components/tab/TabItem.vue
5
+ var l = {
6
+ name: "TabItem",
7
+ mixins: [t],
8
+ props: {
9
+ activeClass: { type: String },
10
+ disabled: Boolean,
11
+ badgeBackground: {
12
+ type: String,
13
+ default: "#f74c31"
14
+ },
15
+ badgeColor: {
16
+ type: String,
17
+ default: "#fff"
18
+ },
19
+ badgeLabel: { type: String }
20
+ },
21
+ computed: { style() {
22
+ return {
23
+ borderWidth: `${this.$parent.lineWidth}px`,
24
+ borderColor: this.$parent.activeColor,
25
+ color: this.currentSelected ? this.$parent.activeColor : this.disabled ? this.$parent.disabledColor : this.$parent.defaultColor,
26
+ border: this.$parent.animate ? "none" : "auto"
27
+ };
28
+ } }
57
29
  };
30
+ function u(e, t, l, u, d, f) {
31
+ return o(), r("div", {
32
+ class: i([[e.currentSelected ? l.activeClass : "", {
33
+ "vux-tab-selected": e.currentSelected,
34
+ "vux-tab-disabled": l.disabled
35
+ }], "vux-tab-item"]),
36
+ style: a(f.style),
37
+ onClick: t[0] || (t[0] = (...t) => e.onItemClick && e.onItemClick(...t))
38
+ }, [s(e.$slots, "default"), l.badgeLabel !== void 0 && l.badgeLabel !== "" ? (o(), r("span", {
39
+ key: 0,
40
+ style: a({
41
+ background: l.badgeBackground,
42
+ color: l.badgeColor
43
+ }),
44
+ class: "vux-tab-item-badge"
45
+ }, c(l.badgeLabel), 5)) : n("v-if", !0)], 6);
46
+ }
47
+ var d = /* @__PURE__ */ e(l, [["render", u]]);
48
+ //#endregion
49
+ export { d as default };
@@ -1,5 +1,2 @@
1
- import { T as a } from "../chunks/TableColumn.BzivvXMF.mjs";
2
- import "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- export {
4
- a as default
5
- };
1
+ import { t as e } from "../chunks/TableColumn.DJYkznbJ.mjs";
2
+ export { e as default };