@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.
- package/address-input/index.mjs +76 -76
- package/affix/index.mjs +71 -78
- package/aside-menu/index.mjs +20 -31
- package/avatar/index.mjs +94 -82
- package/awesome-button/index.mjs +54 -71
- package/capsule-tab/index.mjs +27 -32
- package/card/index.mjs +86 -71
- package/carousel/index.mjs +45 -34
- package/chat/index.mjs +440 -276
- package/chunk-file-uploader/index.mjs +2 -445
- package/chunk-file-uploader/style.css +1 -1
- package/chunks/ChunkFileUploader.C3EA0e5t.mjs +114 -0
- package/chunks/EditableTree.C_IJBL5b.mjs +648 -0
- package/chunks/ElementBaseInfo.DyuFR6fE.mjs +209 -0
- package/chunks/ElementDialog.C0IjriTW.mjs +681 -0
- package/chunks/ElementForm.ButuYDPA.mjs +627 -0
- package/chunks/ElementListeners.Dg3e_dmp.mjs +656 -0
- package/chunks/ElementMultiInstance.Dmi79FqA.mjs +290 -0
- package/chunks/ElementOtherConfig.C2AddGTp.mjs +51 -0
- package/chunks/ElementProperties.CfV8UF7L.mjs +196 -0
- package/chunks/ElementTaskConfig.Bn7ycGGn.mjs +446 -0
- package/chunks/FlowCondition.C6PdqOAW.mjs +194 -0
- package/chunks/FlowDesigner.uJYFfKpR.mjs +5101 -0
- package/chunks/FormBlock.BEENc22F.mjs +117 -0
- package/chunks/FormCascader.CaM-oEhv.mjs +1226 -0
- package/chunks/FormInputTime.Bg3UIP8H.mjs +1773 -0
- package/chunks/FormItem.H9OOvNzT.mjs +90 -0
- package/chunks/FormItemGroup.D9eRy-cZ.mjs +147 -0
- package/chunks/FormSelect.CanodoAI.mjs +1472 -0
- package/chunks/FormSwitch.DTqdaFjv.mjs +296 -0
- package/chunks/FormTemp.DiI5EfgK.mjs +139 -0
- package/chunks/FyCurd.DMj1dMK9.mjs +2622 -0
- package/chunks/FyForm.vgR8ujEF.mjs +904 -0
- package/chunks/FyFormDesign.DEWT6LsX.mjs +5600 -0
- package/chunks/FyUEditor.D_rEYfll.mjs +221 -0
- package/chunks/FyUpload.B2QKfTxF.mjs +504 -0
- package/chunks/Keyboard.ItiRy7Gb.mjs +379 -0
- package/chunks/MonacoEditor.Bd5Kui-Y.mjs +301 -0
- package/chunks/PageableTable.Bujb0NUx.mjs +658 -0
- package/chunks/RecordVideo.B35_dLty.mjs +116 -0
- package/chunks/SignalAndMessage.CYVzlFuL.mjs +198 -0
- package/chunks/SplitPane.Dw96M0Yf.mjs +219 -0
- package/chunks/TableColumn.DJYkznbJ.mjs +180 -0
- package/chunks/TableView.DyIdIxAg.mjs +484 -0
- package/chunks/Toolbar.DHuXJAoG.mjs +219 -0
- package/chunks/UserTaskListeners.Bp-2qkHs.mjs +599 -0
- package/chunks/VueCron.GfjodnyM.mjs +1766 -0
- package/chunks/VueTreeSelect.9Ywl-I8e.mjs +1872 -0
- package/chunks/_plugin-vue_export-helper.7vrlOII_.mjs +8 -0
- package/chunks/checkbox.emIuFmnt.mjs +437 -0
- package/chunks/confirmable-mixin.BBil7dto.mjs +1646 -0
- package/chunks/core.DJv6Qrae.mjs +51 -0
- package/chunks/dataformat.Bfr4nOcA.mjs +144 -0
- package/chunks/dic.DgDfnovD.mjs +116 -0
- package/chunks/dictionary.5eKjWeAp.mjs +19 -0
- package/chunks/dictionary.DxZxP0ej.mjs +87 -0
- package/chunks/event.B4iwtUNO.mjs +4 -0
- package/chunks/event.eJ-c1Z3a.mjs +224 -0
- package/chunks/focus-trap.DT4GnqQI.mjs +211 -0
- package/chunks/form-input.D25eDRMq.mjs +34 -0
- package/chunks/form-item.CgmUuw_n.mjs +714 -0
- package/chunks/form-pick.Axem0gOO.mjs +7 -0
- package/chunks/form-validate.B1KPCHqN.mjs +11 -0
- package/chunks/icon.CbS8-322.mjs +259 -0
- package/chunks/init.DwpukyOB.mjs +115 -0
- package/chunks/input.PejnqwSH.mjs +547 -0
- package/chunks/install.yLcn5MLL.mjs +84 -0
- package/chunks/message.BCmee5N0.mjs +400 -0
- package/chunks/overlay.DubSnqma.mjs +122 -0
- package/chunks/packages.BGjydzjm.mjs +56 -0
- package/chunks/permission.DgEVNWlh.mjs +16 -0
- package/chunks/photo-swipe.BB0SJZg9.mjs +55 -0
- package/chunks/radio.BotKXqJr.mjs +274 -0
- package/chunks/scroll.CzORc5Zk.mjs +28 -0
- package/chunks/scrollbar.CAmrlKi9.mjs +345 -0
- package/chunks/slot.C6Ozd2e7.mjs +25 -0
- package/chunks/style.BmlGmjpO.mjs +325 -0
- package/chunks/sub-table-plus-props.B_lLth3j.mjs +28 -0
- package/chunks/tab-mixin.u0EZpx3j.mjs +70 -0
- package/chunks/tag.DPi-PLbb.mjs +141 -0
- package/chunks/teleport._VGEzK4d.mjs +22 -0
- package/chunks/tooltip.D50x7Rva.mjs +1926 -0
- package/chunks/typescript.DiWBU4nj.mjs +4 -0
- package/chunks/use-aria.BW7nWOl1.mjs +17 -0
- package/chunks/use-composition.mUaomyno.mjs +47 -0
- package/chunks/use-deprecated.BfDSbZS9.mjs +12 -0
- package/chunks/use-empty-values.Dy_r78F6.mjs +263 -0
- package/chunks/use-form-item.wsRjehHp.mjs +47 -0
- package/chunks/use-global-config.C9hs-O_x.mjs +56 -0
- package/chunks/use-id.CFO5NeoV.mjs +15 -0
- package/chunks/use-size.DxrwTUwf.mjs +18 -0
- package/chunks/util.B3sjVZoZ.mjs +103 -0
- package/chunks/util.g-WQEec9.mjs +223 -0
- package/chunks/utilSelf.ZED4DmCU.mjs +46 -0
- package/chunks/utils.Cs2fYBrT.mjs +60 -0
- package/chunks/utils.DsGhtCIO.mjs +14 -0
- package/chunks/validator.C4-z_t9p.mjs +5 -0
- package/chunks/vnode.D_SioRnx.mjs +14 -0
- package/code-mirror-editor/index.mjs +89 -88
- package/comment/index.mjs +62 -57
- package/configComponents.mjs +40 -50
- package/confirm-button/index.mjs +34 -46
- package/confirmable/index.mjs +7 -17
- package/context-menu/index.mjs +195 -174
- package/count-up/index.mjs +97 -105
- package/custom-scrollbar/index.mjs +91 -98
- package/data-box/index.mjs +64 -47
- package/data-card/index.mjs +60 -49
- package/data-card-text/index.mjs +63 -51
- package/data-display/index.mjs +71 -53
- package/data-icons/index.mjs +70 -53
- package/data-imgtext/index.mjs +67 -46
- package/data-operatext/index.mjs +51 -42
- package/data-panel/index.mjs +57 -47
- package/data-pay/index.mjs +105 -52
- package/data-price/index.mjs +48 -42
- package/data-progress/index.mjs +67 -48
- package/data-rotate/index.mjs +61 -47
- package/data-table-picker/index.mjs +119 -74
- package/data-tabs/index.mjs +67 -47
- package/dialog-form/index.mjs +139 -89
- package/dynamic-table/index.mjs +166 -114
- package/e-charts/index.mjs +174 -200
- package/easy-popup/index.mjs +91 -102
- package/editable-progress/index.mjs +112 -85
- package/editable-tree/index.mjs +2 -485
- package/element-dialog/index.mjs +2 -307
- package/element-listeners/style.css +1 -0
- package/element-multi-instance/style.css +1 -0
- package/ellipsis/index.mjs +124 -148
- package/empty-view/index.mjs +48 -65
- package/error-view/index.mjs +39 -51
- package/flex-column/index.mjs +32 -51
- package/flex-item/index.mjs +54 -64
- package/flex-row/index.mjs +32 -39
- package/flex-scroller/index.mjs +29 -30
- package/flow/index.mjs +240 -248
- package/flow-designer/index.mjs +2 -5983
- package/flow-designer/style.css +1 -1
- package/flow-node/index.mjs +56 -64
- package/flow-viewer/index.mjs +159 -157
- package/form-block/index.mjs +2 -149
- package/form-button/index.mjs +35 -47
- package/form-card/index.mjs +14 -25
- package/form-cascader/index.mjs +2 -116
- package/form-checkbox/index.mjs +89 -71
- package/form-checkbox-group/index.mjs +161 -116
- package/form-date-picker/index.mjs +155 -144
- package/form-holder/index.mjs +137 -110
- package/form-input/index.mjs +113 -87
- package/form-input-cron-expression/index.mjs +97 -79
- package/form-input-email/index.mjs +64 -52
- package/form-input-id-card/index.mjs +72 -55
- package/form-input-phone-number/index.mjs +71 -57
- package/form-input-tag/index.mjs +88 -62
- package/form-input-time/index.mjs +2 -74
- package/form-item/index.mjs +2 -5
- package/form-item-config-provider/index.mjs +46 -60
- package/form-item-group/index.mjs +2 -160
- package/form-radio-group/index.mjs +161 -122
- package/form-select/index.mjs +2 -181
- package/form-switch/index.mjs +2 -55
- package/form-table/index.mjs +131 -85
- package/form-table-plus/index.mjs +164 -109
- package/form-textarea/index.mjs +90 -57
- package/form-tree-select/index.mjs +89 -72
- package/form-tree-select-multiple/index.mjs +92 -78
- package/form-view/index.mjs +275 -211
- package/fy-array/index.mjs +121 -74
- package/fy-article/index.mjs +73 -60
- package/fy-cascader/index.mjs +113 -91
- package/fy-checkbox/index.mjs +96 -66
- package/fy-code/index.mjs +48 -50
- package/fy-curd/index.mjs +2 -1903
- package/fy-date/index.mjs +76 -42
- package/fy-draggable/index.mjs +322 -318
- package/fy-dynamic/index.mjs +259 -227
- package/fy-empty/index.mjs +35 -36
- package/fy-form/index.mjs +2 -17
- package/fy-form-design/index.mjs +2 -2890
- package/fy-form-design/style.css +1 -1
- package/fy-from/crud/zh.d.ts +6 -6
- package/fy-input/index.mjs +117 -99
- package/fy-input-color/index.mjs +77 -56
- package/fy-input-icon/index.mjs +129 -85
- package/fy-input-map/index.mjs +242 -186
- package/fy-input-number/index.mjs +74 -50
- package/fy-input-table/index.mjs +160 -109
- package/fy-input-tree/index.mjs +259 -182
- package/fy-progress/index.mjs +36 -40
- package/fy-radio/index.mjs +53 -38
- package/fy-rate/index.mjs +86 -71
- package/fy-select/index.mjs +223 -140
- package/fy-slider/index.mjs +68 -44
- package/fy-switch/index.mjs +67 -42
- package/fy-tabs/index.mjs +46 -48
- package/fy-time/index.mjs +81 -53
- package/fy-title/index.mjs +18 -27
- package/fy-tree/index.mjs +382 -292
- package/fy-u-editor/index.mjs +2 -357
- package/fy-upload/index.mjs +2 -423
- package/guide-steps/index.mjs +72 -73
- package/helper-function.d.ts +2 -30
- package/helper-function.mjs +41 -67
- package/highlight-j-s/index.mjs +50 -59
- package/icon-card/index.mjs +34 -36
- package/icon-temp/index.mjs +27 -27
- package/iframe-window/index.mjs +39 -33
- package/image-cropper/index.mjs +171 -75
- package/image-preview/index.mjs +187 -118
- package/image-viewer/index.mjs +69 -66
- package/index.d.ts +3 -9
- package/index.mjs +173 -488
- package/input-number-range/index.mjs +78 -59
- package/j-s-x-component/index.mjs +13 -15
- package/keyboard/index.mjs +2 -369
- package/license/index.mjs +106 -115
- package/loading-view/index.mjs +39 -51
- package/login/index.mjs +252 -125
- package/monaco-editor/index.mjs +2 -7
- package/name-avatar/index.mjs +61 -53
- package/nav-bar/index.mjs +33 -31
- package/not-implement/index.mjs +10 -22
- package/notice/index.mjs +100 -94
- package/package.json +3 -3
- package/page/index.mjs +18 -25
- package/page-header/index.mjs +27 -33
- package/page-index/index.mjs +121 -100
- package/page-index-top/index.mjs +79 -79
- package/page-skeleton/index.mjs +48 -45
- package/page-skeleton-new/index.mjs +79 -50
- package/pageable-table/index.mjs +2 -522
- package/pageable-view/index.mjs +279 -275
- package/photo-swipe/index.d.ts +4 -0
- package/photo-swipe/index.mjs +33 -36
- package/picker-table-view/index.mjs +224 -126
- package/present-view/index.mjs +266 -200
- package/queue/index.mjs +45 -53
- package/record-video/index.mjs +2 -134
- package/resize-observer/index.mjs +43 -46
- package/search/index.mjs +116 -109
- package/sign/index.mjs +103 -110
- package/sign-panel/index.mjs +182 -141
- package/skeleton/index.mjs +51 -54
- package/skeleton-panel/index.mjs +33 -38
- package/split-pane/index.mjs +3 -197
- package/stateful/index.mjs +69 -73
- package/static-pageable-table/index.mjs +72 -66
- package/sub-table/index.mjs +508 -219
- package/sub-table-plus/index.mjs +592 -19
- package/swiper/index.mjs +128 -121
- package/tab/index.mjs +117 -119
- package/tab-item/index.mjs +48 -56
- package/table-column/index.mjs +2 -5
- package/table-view/index.mjs +3 -334
- package/tabs-view/index.mjs +109 -106
- package/tag-render/index.mjs +79 -69
- package/text-ellipsis/index.mjs +94 -78
- package/toolbar/index.mjs +2 -255
- package/toolbar-button/index.mjs +145 -121
- package/verify/index.mjs +58 -64
- package/vue-cron/index.mjs +2 -1188
- package/vue-qr-code/index.mjs +30 -54
- package/vue-quill-editor/index.mjs +123 -99
- package/vue-tags-input/index.mjs +348 -431
- package/vue-tree-select/index.mjs +2 -2627
- package/vue-video-player/index.mjs +135 -136
- package/watermark/index.mjs +46 -74
- package/web-types.json +197 -975
- package/x-input-tag/index.mjs +144 -109
- package/chunks/ElementTaskConfig.AvBOzAni.mjs +0 -325
- package/chunks/FormItem.Bhsy_O2B.mjs +0 -372
- package/chunks/FyForm.DriwCJ7b.mjs +0 -765
- package/chunks/MonacoEditor.D31t4FTy.mjs +0 -327
- package/chunks/SignalAndMessage.BpjOoKhK.mjs +0 -92
- package/chunks/SubTablePlus.BH0IIv3X.mjs +0 -270
- package/chunks/TableColumn.BzivvXMF.mjs +0 -337
- package/chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs +0 -10
- package/chunks/confirmable-mixin.BFZb6pcK.mjs +0 -86
- package/chunks/dataformat.DJoNBlmI.mjs +0 -154
- package/chunks/dic.BinnDitI.mjs +0 -128
- package/chunks/dictionary.DqiP9x2m.mjs +0 -25
- package/chunks/event.DSlcqYHL.mjs +0 -236
- package/chunks/form-input.BtS_J5a2.mjs +0 -31
- package/chunks/form-pick.BFTIVn_i.mjs +0 -11
- package/chunks/form-validate.CVarNHKX.mjs +0 -12
- package/chunks/helper.BiMLcEEk.mjs +0 -41
- package/chunks/index.BmYCjxZQ.mjs +0 -47
- package/chunks/index.CIfe3UB3.mjs +0 -16
- package/chunks/index.Cn7aq-Et.mjs +0 -184
- package/chunks/init.xOlFpTyZ.mjs +0 -122
- package/chunks/packages.ByyangTp.mjs +0 -58
- package/chunks/permission.CO31YIkD.mjs +0 -16
- package/chunks/slot.DXIbhGat.mjs +0 -27
- package/chunks/tab-mixin.BNK6dxLN.mjs +0 -81
- package/chunks/util.DI42t5GU.mjs +0 -241
- package/color-picker/index.mjs +0 -157
- package/egd-collapse/index.mjs +0 -62
- package/egd-collapse-item/index.mjs +0 -72
- package/form-input-number/index.mjs +0 -70
- package/form-input-number/style.css +0 -1
- package/input-number/index.mjs +0 -233
- package/input-number/style.css +0 -1
- package/keep-view-alive/index.mjs +0 -117
- package/search-popover/index.mjs +0 -118
- package/search-popover/style.css +0 -1
- /package/{base.css → utils/style.css} +0 -0
package/swiper/index.mjs
CHANGED
|
@@ -1,121 +1,128 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import "
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
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 {
|
|
2
|
-
import { n as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
);
|
|
116
|
-
|
|
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 };
|
package/tab-item/index.mjs
CHANGED
|
@@ -1,57 +1,49 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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 };
|
package/table-column/index.mjs
CHANGED