yuang-framework-ui-pc 1.1.26 → 1.1.27
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.
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, unref, normalizeStyle, normalizeClass, createCommentVNode, toDisplayString, Fragment } from "vue";
|
|
2
2
|
import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
|
|
3
3
|
import { getBaseUrl } from "yuang-framework-ui-common/lib/utils/urlUtils";
|
|
4
|
-
import { CircleClose } from "@element-plus/icons-vue";
|
|
4
|
+
import { RefreshRight, CircleClose } from "@element-plus/icons-vue";
|
|
5
|
+
import { SliderArrowStatic, SliderArrowSlide } from "../icons";
|
|
5
6
|
const _hoisted_1 = { class: "slider-captcha-container" };
|
|
6
7
|
const _hoisted_2 = { class: "slider-captcha-title" };
|
|
7
|
-
const _hoisted_3 =
|
|
8
|
-
const _hoisted_4 = [
|
|
9
|
-
_hoisted_3
|
|
10
|
-
];
|
|
8
|
+
const _hoisted_3 = ["width", "height"];
|
|
9
|
+
const _hoisted_4 = ["width", "height"];
|
|
11
10
|
const _hoisted_5 = ["width", "height"];
|
|
12
|
-
const _hoisted_6 =
|
|
13
|
-
const _hoisted_7 = ["width", "height"];
|
|
14
|
-
const _hoisted_8 = {
|
|
11
|
+
const _hoisted_6 = {
|
|
15
12
|
key: 0,
|
|
16
|
-
class: "slider-button-icon
|
|
13
|
+
class: "slider-button-icon yu-color-primary"
|
|
17
14
|
};
|
|
18
|
-
const
|
|
15
|
+
const _hoisted_7 = {
|
|
19
16
|
key: 1,
|
|
20
|
-
class: "slider-button-icon
|
|
17
|
+
class: "slider-button-icon yu-color-primary"
|
|
21
18
|
};
|
|
22
|
-
const
|
|
19
|
+
const _hoisted_8 = { class: "slider-hint" };
|
|
23
20
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
21
|
...{ name: "SliderCaptcha" },
|
|
25
22
|
__name: "SliderCaptcha",
|
|
@@ -298,7 +295,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
298
295
|
createElementVNode("div", {
|
|
299
296
|
onClick: refresh,
|
|
300
297
|
class: "slider-captcha-refresh-icon"
|
|
301
|
-
},
|
|
298
|
+
}, [
|
|
299
|
+
createVNode(unref(RefreshRight))
|
|
300
|
+
]),
|
|
302
301
|
createElementVNode("div", {
|
|
303
302
|
onClick: close,
|
|
304
303
|
class: "slider-captcha-close-icon"
|
|
@@ -328,14 +327,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
328
327
|
class: "slide-canvas",
|
|
329
328
|
width: _ctx.canvasWidth,
|
|
330
329
|
height: _ctx.canvasHeight
|
|
331
|
-
}, null, 8,
|
|
330
|
+
}, null, 8, _hoisted_3),
|
|
332
331
|
createElementVNode("canvas", {
|
|
333
332
|
ref_key: "block",
|
|
334
333
|
ref: block,
|
|
335
334
|
class: "slide-block",
|
|
336
335
|
width: _ctx.canvasWidth,
|
|
337
336
|
height: _ctx.canvasHeight
|
|
338
|
-
}, null, 8,
|
|
337
|
+
}, null, 8, _hoisted_4)
|
|
339
338
|
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
|
|
340
339
|
createElementVNode("img", {
|
|
341
340
|
ref_key: "canvas",
|
|
@@ -343,7 +342,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
343
342
|
class: "slide-canvas",
|
|
344
343
|
width: _ctx.canvasWidth,
|
|
345
344
|
height: _ctx.canvasHeight
|
|
346
|
-
}, null, 8,
|
|
345
|
+
}, null, 8, _hoisted_5),
|
|
347
346
|
createElementVNode("img", {
|
|
348
347
|
ref_key: "block",
|
|
349
348
|
ref: block,
|
|
@@ -362,10 +361,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
362
361
|
id: "slider-button",
|
|
363
362
|
style: normalizeStyle({ left: sliderButtonLeft.value + "px" })
|
|
364
363
|
}, [
|
|
365
|
-
!isSliderSlide.value ? (openBlock(), createElementBlock("div",
|
|
364
|
+
!isSliderSlide.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
365
|
+
createVNode(unref(SliderArrowStatic))
|
|
366
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
367
|
+
createVNode(unref(SliderArrowSlide))
|
|
368
|
+
]))
|
|
366
369
|
], 4)
|
|
367
370
|
], 4),
|
|
368
|
-
createElementVNode("span",
|
|
371
|
+
createElementVNode("span", _hoisted_8, toDisplayString(_ctx.sliderHint), 1)
|
|
369
372
|
], 2)
|
|
370
373
|
], 4)
|
|
371
374
|
]);
|
|
@@ -3,24 +3,21 @@ const vue = require("vue");
|
|
|
3
3
|
const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
|
|
4
4
|
const urlUtils = require("yuang-framework-ui-common/lib/utils/urlUtils");
|
|
5
5
|
const iconsVue = require("@element-plus/icons-vue");
|
|
6
|
+
const icons = require("../icons");
|
|
6
7
|
const _hoisted_1 = { class: "slider-captcha-container" };
|
|
7
8
|
const _hoisted_2 = { class: "slider-captcha-title" };
|
|
8
|
-
const _hoisted_3 =
|
|
9
|
-
const _hoisted_4 = [
|
|
10
|
-
_hoisted_3
|
|
11
|
-
];
|
|
9
|
+
const _hoisted_3 = ["width", "height"];
|
|
10
|
+
const _hoisted_4 = ["width", "height"];
|
|
12
11
|
const _hoisted_5 = ["width", "height"];
|
|
13
|
-
const _hoisted_6 =
|
|
14
|
-
const _hoisted_7 = ["width", "height"];
|
|
15
|
-
const _hoisted_8 = {
|
|
12
|
+
const _hoisted_6 = {
|
|
16
13
|
key: 0,
|
|
17
|
-
class: "slider-button-icon
|
|
14
|
+
class: "slider-button-icon yu-color-primary"
|
|
18
15
|
};
|
|
19
|
-
const
|
|
16
|
+
const _hoisted_7 = {
|
|
20
17
|
key: 1,
|
|
21
|
-
class: "slider-button-icon
|
|
18
|
+
class: "slider-button-icon yu-color-primary"
|
|
22
19
|
};
|
|
23
|
-
const
|
|
20
|
+
const _hoisted_8 = { class: "slider-hint" };
|
|
24
21
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
25
22
|
...{ name: "SliderCaptcha" },
|
|
26
23
|
__name: "SliderCaptcha",
|
|
@@ -299,7 +296,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
299
296
|
vue.createElementVNode("div", {
|
|
300
297
|
onClick: refresh,
|
|
301
298
|
class: "slider-captcha-refresh-icon"
|
|
302
|
-
},
|
|
299
|
+
}, [
|
|
300
|
+
vue.createVNode(vue.unref(iconsVue.RefreshRight))
|
|
301
|
+
]),
|
|
303
302
|
vue.createElementVNode("div", {
|
|
304
303
|
onClick: close,
|
|
305
304
|
class: "slider-captcha-close-icon"
|
|
@@ -329,14 +328,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
329
328
|
class: "slide-canvas",
|
|
330
329
|
width: _ctx.canvasWidth,
|
|
331
330
|
height: _ctx.canvasHeight
|
|
332
|
-
}, null, 8,
|
|
331
|
+
}, null, 8, _hoisted_3),
|
|
333
332
|
vue.createElementVNode("canvas", {
|
|
334
333
|
ref_key: "block",
|
|
335
334
|
ref: block,
|
|
336
335
|
class: "slide-block",
|
|
337
336
|
width: _ctx.canvasWidth,
|
|
338
337
|
height: _ctx.canvasHeight
|
|
339
|
-
}, null, 8,
|
|
338
|
+
}, null, 8, _hoisted_4)
|
|
340
339
|
], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
|
|
341
340
|
vue.createElementVNode("img", {
|
|
342
341
|
ref_key: "canvas",
|
|
@@ -344,7 +343,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
344
343
|
class: "slide-canvas",
|
|
345
344
|
width: _ctx.canvasWidth,
|
|
346
345
|
height: _ctx.canvasHeight
|
|
347
|
-
}, null, 8,
|
|
346
|
+
}, null, 8, _hoisted_5),
|
|
348
347
|
vue.createElementVNode("img", {
|
|
349
348
|
ref_key: "block",
|
|
350
349
|
ref: block,
|
|
@@ -363,10 +362,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
363
362
|
id: "slider-button",
|
|
364
363
|
style: vue.normalizeStyle({ left: sliderButtonLeft.value + "px" })
|
|
365
364
|
}, [
|
|
366
|
-
!isSliderSlide.value ? (vue.openBlock(), vue.createElementBlock("div",
|
|
365
|
+
!isSliderSlide.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
|
|
366
|
+
vue.createVNode(vue.unref(icons.SliderArrowStatic))
|
|
367
|
+
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
|
|
368
|
+
vue.createVNode(vue.unref(icons.SliderArrowSlide))
|
|
369
|
+
]))
|
|
367
370
|
], 4)
|
|
368
371
|
], 4),
|
|
369
|
-
vue.createElementVNode("span",
|
|
372
|
+
vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(_ctx.sliderHint), 1)
|
|
370
373
|
], 2)
|
|
371
374
|
], 4)
|
|
372
375
|
]);
|