@fmdevui/fm-dev 1.0.17 → 1.0.19

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 (29) hide show
  1. package/es/core/ui/components/dragVerify/dragVerifyImgRotate.vue.d.ts +247 -0
  2. package/es/core/ui/components/index.d.ts +246 -1
  3. package/es/index.d.ts +3 -0
  4. package/es/index.mjs +4 -1
  5. package/es/packages/core/index.mjs +1 -1
  6. package/es/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue.mjs +118 -0
  7. package/es/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue2.mjs +266 -0
  8. package/es/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue3.mjs +3 -0
  9. package/es/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue4.mjs +3 -0
  10. package/es/packages/core/ui/components/index.mjs +3 -1
  11. package/{lib/index.css → es/version.css} +3 -1
  12. package/index.css +113 -1
  13. package/index.js +669 -25
  14. package/index.min.css +1 -0
  15. package/index.min.js +28 -24
  16. package/index.min.mjs +29 -25
  17. package/index.mjs +656 -23
  18. package/lib/core/ui/components/dragVerify/dragVerifyImgRotate.vue.d.ts +247 -0
  19. package/lib/core/ui/components/index.d.ts +246 -1
  20. package/{es → lib}/defaults.css +5 -4
  21. package/lib/index.d.ts +3 -0
  22. package/lib/index.js +14 -0
  23. package/lib/packages/core/index.js +1 -0
  24. package/lib/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue.js +122 -0
  25. package/lib/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue2.js +270 -0
  26. package/lib/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue3.js +7 -0
  27. package/lib/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue4.js +7 -0
  28. package/lib/packages/core/ui/components/index.js +3 -0
  29. package/package.json +1 -1
@@ -0,0 +1,247 @@
1
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ declare const _default: DefineComponent<ExtractPropTypes<{
3
+ isPassing: {
4
+ type: BooleanConstructor;
5
+ default: boolean;
6
+ };
7
+ width: {
8
+ type: NumberConstructor;
9
+ default: number;
10
+ };
11
+ height: {
12
+ type: NumberConstructor;
13
+ default: number;
14
+ };
15
+ text: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ successText: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ background: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ progressBarBg: {
28
+ type: StringConstructor;
29
+ default: string;
30
+ };
31
+ completedBg: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ circle: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ radius: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ handlerIcon: {
44
+ type: StringConstructor;
45
+ };
46
+ successIcon: {
47
+ type: StringConstructor;
48
+ };
49
+ handlerBg: {
50
+ type: StringConstructor;
51
+ default: string;
52
+ };
53
+ textSize: {
54
+ type: StringConstructor;
55
+ default: string;
56
+ };
57
+ textColor: {
58
+ type: StringConstructor;
59
+ default: string;
60
+ };
61
+ imgsrc: {
62
+ type: StringConstructor;
63
+ };
64
+ showTips: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ successTip: {
69
+ type: StringConstructor;
70
+ default: string;
71
+ };
72
+ failTip: {
73
+ type: StringConstructor;
74
+ default: string;
75
+ };
76
+ diffDegree: {
77
+ type: NumberConstructor;
78
+ default: number;
79
+ };
80
+ minDegree: {
81
+ type: NumberConstructor;
82
+ default: number;
83
+ };
84
+ maxDegree: {
85
+ type: NumberConstructor;
86
+ default: number;
87
+ };
88
+ }>, {}, {
89
+ isMoving: boolean;
90
+ x: number;
91
+ isOk: boolean;
92
+ showBar: boolean;
93
+ showErrorTip: boolean;
94
+ ranRotate: number;
95
+ cRotate: number;
96
+ imgStyle: {};
97
+ }, {
98
+ handlerStyle: () => {
99
+ width: string;
100
+ height: string;
101
+ background: string;
102
+ };
103
+ message: () => string;
104
+ successMessage: () => string;
105
+ dragVerifyStyle: () => {
106
+ width: string;
107
+ height: string;
108
+ lineHeight: string;
109
+ marginTop: string;
110
+ background: string;
111
+ borderRadius: string;
112
+ };
113
+ dragVerifyImgStyle: () => {
114
+ width: string;
115
+ height: string;
116
+ position: string;
117
+ overflow: string;
118
+ 'border-radius': string;
119
+ };
120
+ progressBarStyle: () => {
121
+ background: string;
122
+ height: string;
123
+ borderRadius: string;
124
+ };
125
+ textStyle: () => {
126
+ height: string;
127
+ width: string;
128
+ fontSize: string;
129
+ };
130
+ factor: () => number;
131
+ }, {
132
+ checkimgLoaded: () => void;
133
+ dragStart: (e: any) => void;
134
+ dragMoving: (e: any) => void;
135
+ dragFinish: (e: any) => void;
136
+ passVerify: () => void;
137
+ reset: () => void;
138
+ reImg: () => void;
139
+ refreshimg: () => void;
140
+ }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
141
+ isPassing: {
142
+ type: BooleanConstructor;
143
+ default: boolean;
144
+ };
145
+ width: {
146
+ type: NumberConstructor;
147
+ default: number;
148
+ };
149
+ height: {
150
+ type: NumberConstructor;
151
+ default: number;
152
+ };
153
+ text: {
154
+ type: StringConstructor;
155
+ default: string;
156
+ };
157
+ successText: {
158
+ type: StringConstructor;
159
+ default: string;
160
+ };
161
+ background: {
162
+ type: StringConstructor;
163
+ default: string;
164
+ };
165
+ progressBarBg: {
166
+ type: StringConstructor;
167
+ default: string;
168
+ };
169
+ completedBg: {
170
+ type: StringConstructor;
171
+ default: string;
172
+ };
173
+ circle: {
174
+ type: BooleanConstructor;
175
+ default: boolean;
176
+ };
177
+ radius: {
178
+ type: StringConstructor;
179
+ default: string;
180
+ };
181
+ handlerIcon: {
182
+ type: StringConstructor;
183
+ };
184
+ successIcon: {
185
+ type: StringConstructor;
186
+ };
187
+ handlerBg: {
188
+ type: StringConstructor;
189
+ default: string;
190
+ };
191
+ textSize: {
192
+ type: StringConstructor;
193
+ default: string;
194
+ };
195
+ textColor: {
196
+ type: StringConstructor;
197
+ default: string;
198
+ };
199
+ imgsrc: {
200
+ type: StringConstructor;
201
+ };
202
+ showTips: {
203
+ type: BooleanConstructor;
204
+ default: boolean;
205
+ };
206
+ successTip: {
207
+ type: StringConstructor;
208
+ default: string;
209
+ };
210
+ failTip: {
211
+ type: StringConstructor;
212
+ default: string;
213
+ };
214
+ diffDegree: {
215
+ type: NumberConstructor;
216
+ default: number;
217
+ };
218
+ minDegree: {
219
+ type: NumberConstructor;
220
+ default: number;
221
+ };
222
+ maxDegree: {
223
+ type: NumberConstructor;
224
+ default: number;
225
+ };
226
+ }>> & Readonly<{}>, {
227
+ circle: boolean;
228
+ text: string;
229
+ background: string;
230
+ height: number;
231
+ isPassing: boolean;
232
+ width: number;
233
+ successText: string;
234
+ progressBarBg: string;
235
+ completedBg: string;
236
+ radius: string;
237
+ handlerBg: string;
238
+ textSize: string;
239
+ textColor: string;
240
+ showTips: boolean;
241
+ successTip: string;
242
+ failTip: string;
243
+ diffDegree: number;
244
+ minDegree: number;
245
+ maxDegree: number;
246
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
247
+ export default _default;
@@ -169,4 +169,249 @@ declare const FmNoticeBar: DefineComponent<ExtractPropTypes<{
169
169
  noticeBarWarpRef: HTMLDivElement;
170
170
  noticeBarTextRef: HTMLDivElement;
171
171
  }, HTMLDivElement>;
172
- export { FmTransfer, FmNoticeBar, elSvg };
172
+ declare const FmDragImg: DefineComponent<ExtractPropTypes<{
173
+ isPassing: {
174
+ type: BooleanConstructor;
175
+ default: boolean;
176
+ };
177
+ width: {
178
+ type: NumberConstructor;
179
+ default: number;
180
+ };
181
+ height: {
182
+ type: NumberConstructor;
183
+ default: number;
184
+ };
185
+ text: {
186
+ type: StringConstructor;
187
+ default: string;
188
+ };
189
+ successText: {
190
+ type: StringConstructor;
191
+ default: string;
192
+ };
193
+ background: {
194
+ type: StringConstructor;
195
+ default: string;
196
+ };
197
+ progressBarBg: {
198
+ type: StringConstructor;
199
+ default: string;
200
+ };
201
+ completedBg: {
202
+ type: StringConstructor;
203
+ default: string;
204
+ };
205
+ circle: {
206
+ type: BooleanConstructor;
207
+ default: boolean;
208
+ };
209
+ radius: {
210
+ type: StringConstructor;
211
+ default: string;
212
+ };
213
+ handlerIcon: {
214
+ type: StringConstructor;
215
+ };
216
+ successIcon: {
217
+ type: StringConstructor;
218
+ };
219
+ handlerBg: {
220
+ type: StringConstructor;
221
+ default: string;
222
+ };
223
+ textSize: {
224
+ type: StringConstructor;
225
+ default: string;
226
+ };
227
+ textColor: {
228
+ type: StringConstructor;
229
+ default: string;
230
+ };
231
+ imgsrc: {
232
+ type: StringConstructor;
233
+ };
234
+ showTips: {
235
+ type: BooleanConstructor;
236
+ default: boolean;
237
+ };
238
+ successTip: {
239
+ type: StringConstructor;
240
+ default: string;
241
+ };
242
+ failTip: {
243
+ type: StringConstructor;
244
+ default: string;
245
+ };
246
+ diffDegree: {
247
+ type: NumberConstructor;
248
+ default: number;
249
+ };
250
+ minDegree: {
251
+ type: NumberConstructor;
252
+ default: number;
253
+ };
254
+ maxDegree: {
255
+ type: NumberConstructor;
256
+ default: number;
257
+ };
258
+ }>, {}, {
259
+ isMoving: boolean;
260
+ x: number;
261
+ isOk: boolean;
262
+ showBar: boolean;
263
+ showErrorTip: boolean;
264
+ ranRotate: number;
265
+ cRotate: number;
266
+ imgStyle: {};
267
+ }, {
268
+ handlerStyle: () => {
269
+ width: string;
270
+ height: string;
271
+ background: string;
272
+ };
273
+ message: () => string;
274
+ successMessage: () => string;
275
+ dragVerifyStyle: () => {
276
+ width: string;
277
+ height: string;
278
+ lineHeight: string;
279
+ marginTop: string;
280
+ background: string;
281
+ borderRadius: string;
282
+ };
283
+ dragVerifyImgStyle: () => {
284
+ width: string;
285
+ height: string;
286
+ position: string;
287
+ overflow: string;
288
+ 'border-radius': string;
289
+ };
290
+ progressBarStyle: () => {
291
+ background: string;
292
+ height: string;
293
+ borderRadius: string;
294
+ };
295
+ textStyle: () => {
296
+ height: string;
297
+ width: string;
298
+ fontSize: string;
299
+ };
300
+ factor: () => number;
301
+ }, {
302
+ checkimgLoaded: () => void;
303
+ dragStart: (e: any) => void;
304
+ dragMoving: (e: any) => void;
305
+ dragFinish: (e: any) => void;
306
+ passVerify: () => void;
307
+ reset: () => void;
308
+ reImg: () => void;
309
+ refreshimg: () => void;
310
+ }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
311
+ isPassing: {
312
+ type: BooleanConstructor;
313
+ default: boolean;
314
+ };
315
+ width: {
316
+ type: NumberConstructor;
317
+ default: number;
318
+ };
319
+ height: {
320
+ type: NumberConstructor;
321
+ default: number;
322
+ };
323
+ text: {
324
+ type: StringConstructor;
325
+ default: string;
326
+ };
327
+ successText: {
328
+ type: StringConstructor;
329
+ default: string;
330
+ };
331
+ background: {
332
+ type: StringConstructor;
333
+ default: string;
334
+ };
335
+ progressBarBg: {
336
+ type: StringConstructor;
337
+ default: string;
338
+ };
339
+ completedBg: {
340
+ type: StringConstructor;
341
+ default: string;
342
+ };
343
+ circle: {
344
+ type: BooleanConstructor;
345
+ default: boolean;
346
+ };
347
+ radius: {
348
+ type: StringConstructor;
349
+ default: string;
350
+ };
351
+ handlerIcon: {
352
+ type: StringConstructor;
353
+ };
354
+ successIcon: {
355
+ type: StringConstructor;
356
+ };
357
+ handlerBg: {
358
+ type: StringConstructor;
359
+ default: string;
360
+ };
361
+ textSize: {
362
+ type: StringConstructor;
363
+ default: string;
364
+ };
365
+ textColor: {
366
+ type: StringConstructor;
367
+ default: string;
368
+ };
369
+ imgsrc: {
370
+ type: StringConstructor;
371
+ };
372
+ showTips: {
373
+ type: BooleanConstructor;
374
+ default: boolean;
375
+ };
376
+ successTip: {
377
+ type: StringConstructor;
378
+ default: string;
379
+ };
380
+ failTip: {
381
+ type: StringConstructor;
382
+ default: string;
383
+ };
384
+ diffDegree: {
385
+ type: NumberConstructor;
386
+ default: number;
387
+ };
388
+ minDegree: {
389
+ type: NumberConstructor;
390
+ default: number;
391
+ };
392
+ maxDegree: {
393
+ type: NumberConstructor;
394
+ default: number;
395
+ };
396
+ }>> & Readonly<{}>, {
397
+ circle: boolean;
398
+ text: string;
399
+ background: string;
400
+ height: number;
401
+ isPassing: boolean;
402
+ width: number;
403
+ successText: string;
404
+ progressBarBg: string;
405
+ completedBg: string;
406
+ radius: string;
407
+ handlerBg: string;
408
+ textSize: string;
409
+ textColor: string;
410
+ showTips: boolean;
411
+ successTip: string;
412
+ failTip: string;
413
+ diffDegree: number;
414
+ minDegree: number;
415
+ maxDegree: number;
416
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
417
+ export { FmTransfer, FmNoticeBar, FmDragImg, elSvg };
package/es/index.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  import { default as installer } from './defaults';
2
2
  import { App } from 'vue';
3
3
  export * from './core';
4
+ export * from './core/utils/other';
5
+ export * from './core/utils/emit';
6
+ export * from './core/utils/comm/setIconfont';
4
7
  export { version } from './version';
5
8
  export declare const install: (app: App) => void;
6
9
  export default installer;
package/es/index.mjs CHANGED
@@ -1,7 +1,10 @@
1
1
  import installer from './defaults.mjs';
2
2
  import './packages/core/index.mjs';
3
+ export { deepClone, globalComponentSize, handleEmpty, handleOpenLink, isMobile, lazyImg, setTagsViewNameI18n, useTitle } from './packages/core/utils/other/index.mjs';
4
+ import './packages/core/utils/emit/index.mjs';
5
+ export { setCssCdn, setJsCdn } from './packages/core/utils/comm/setIconfont.mjs';
3
6
  export { version } from './version.mjs';
4
- export { FmNoticeBar, FmTransfer } from './packages/core/ui/components/index.mjs';
7
+ export { FmDragImg, FmNoticeBar, FmTransfer } from './packages/core/ui/components/index.mjs';
5
8
  export { elSvg } from './packages/core/ui/components/svgIcon/index.mjs';
6
9
  export { FmLogin } from './packages/core/ui/login/index.mjs';
7
10
  export { NextLoading } from './packages/core/ui/loading/index.mjs';
@@ -1,4 +1,4 @@
1
- export { FmNoticeBar, FmTransfer } from './ui/components/index.mjs';
1
+ export { FmDragImg, FmNoticeBar, FmTransfer } from './ui/components/index.mjs';
2
2
  export { FmLogin } from './ui/login/index.mjs';
3
3
  export { NextLoading } from './ui/loading/index.mjs';
4
4
  import './api/index.mjs';
@@ -0,0 +1,118 @@
1
+ import _sfc_main from './dragVerifyImgRotate.vue2.mjs';
2
+ import { createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, withModifiers } from 'vue';
3
+ import './dragVerifyImgRotate.vue3.mjs';
4
+ import './dragVerifyImgRotate.vue4.mjs';
5
+ import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
6
+
7
+ const _hoisted_1 = { class: "drag-verify-container" };
8
+ const _hoisted_2 = ["src"];
9
+ const _hoisted_3 = {
10
+ key: 0,
11
+ class: "tips success"
12
+ };
13
+ const _hoisted_4 = {
14
+ key: 1,
15
+ class: "tips danger"
16
+ };
17
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
18
+ return openBlock(), createElementBlock("div", _hoisted_1, [
19
+ createElementVNode(
20
+ "div",
21
+ {
22
+ style: normalizeStyle([$options.dragVerifyImgStyle, { "background-color": "var(--el-color-primary)" }])
23
+ },
24
+ [
25
+ createElementVNode("img", {
26
+ ref: "checkImg",
27
+ src: $props.imgsrc,
28
+ class: normalizeClass(["check-img", { goOrigin: $data.isOk }]),
29
+ onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
30
+ style: normalizeStyle($data.imgStyle),
31
+ alt: ""
32
+ }, null, 46, _hoisted_2),
33
+ $props.showTips && $props.isPassing ? (openBlock(), createElementBlock(
34
+ "div",
35
+ _hoisted_3,
36
+ toDisplayString($props.successTip),
37
+ 1
38
+ /* TEXT */
39
+ )) : createCommentVNode("v-if", true),
40
+ $props.showTips && !$props.isPassing && $data.showErrorTip ? (openBlock(), createElementBlock(
41
+ "div",
42
+ _hoisted_4,
43
+ toDisplayString($props.failTip),
44
+ 1
45
+ /* TEXT */
46
+ )) : createCommentVNode("v-if", true)
47
+ ],
48
+ 4
49
+ /* STYLE */
50
+ ),
51
+ createElementVNode(
52
+ "div",
53
+ {
54
+ ref: "dragVerify",
55
+ class: "drag_verify",
56
+ style: normalizeStyle($options.dragVerifyStyle),
57
+ onMousemove: _cache[3] || (_cache[3] = (...args) => $options.dragMoving && $options.dragMoving(...args)),
58
+ onMouseup: _cache[4] || (_cache[4] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
59
+ onMouseleave: _cache[5] || (_cache[5] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
60
+ onTouchmove: _cache[6] || (_cache[6] = withModifiers((...args) => $options.dragMoving && $options.dragMoving(...args), ["prevent"])),
61
+ onTouchend: _cache[7] || (_cache[7] = withModifiers((...args) => $options.dragFinish && $options.dragFinish(...args), ["prevent"]))
62
+ },
63
+ [
64
+ createElementVNode(
65
+ "div",
66
+ {
67
+ class: normalizeClass(["dv_progress_bar", { goFirst2: $data.isOk }]),
68
+ ref: "progressBar",
69
+ style: normalizeStyle($options.progressBarStyle)
70
+ },
71
+ toDisplayString($options.successMessage),
72
+ 7
73
+ /* TEXT, CLASS, STYLE */
74
+ ),
75
+ createElementVNode(
76
+ "div",
77
+ {
78
+ class: "dv_text",
79
+ style: normalizeStyle($options.textStyle),
80
+ ref: "message"
81
+ },
82
+ toDisplayString($options.message),
83
+ 5
84
+ /* TEXT, STYLE */
85
+ ),
86
+ createElementVNode(
87
+ "div",
88
+ {
89
+ class: normalizeClass(["dv_handler dv_handler_bg", { goFirst: $data.isOk }]),
90
+ onMousedown: _cache[1] || (_cache[1] = (...args) => $options.dragStart && $options.dragStart(...args)),
91
+ onTouchstart: _cache[2] || (_cache[2] = withModifiers((...args) => $options.dragStart && $options.dragStart(...args), ["prevent"])),
92
+ ref: "handler",
93
+ style: normalizeStyle([$options.handlerStyle, { "background-color": "var(--el-color-primary)" }])
94
+ },
95
+ [
96
+ createElementVNode(
97
+ "i",
98
+ {
99
+ class: normalizeClass($props.handlerIcon),
100
+ style: { "color": "#fff" }
101
+ },
102
+ null,
103
+ 2
104
+ /* CLASS */
105
+ )
106
+ ],
107
+ 38
108
+ /* CLASS, STYLE, NEED_HYDRATION */
109
+ )
110
+ ],
111
+ 36
112
+ /* STYLE, NEED_HYDRATION */
113
+ )
114
+ ]);
115
+ }
116
+ var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
117
+
118
+ export { dragimg as default };