yuang-framework-ui-pc 1.1.149 → 1.1.151

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.
@@ -45,4 +45,6 @@
45
45
  @use '../ele-virtual-table/style/index.scss' as virtualTable;
46
46
 
47
47
 
48
+ @use '../yu-framework-image-captcha-input/style/index.scss' as imageCaptchaInput;
48
49
  @use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;
50
+ @use '../yu-framework-short-message-captcha-input/style/index.scss' as shortMessageCaptchaInput;
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode } from "vue";
2
2
  import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
3
3
  import CaptchaIcon from "./components/CaptchaIcon";
4
- const _hoisted_1 = { class: "yu-framework-image-captcha-group" };
4
+ const _hoisted_1 = { class: "yu-framework-image-captcha-wrapper" };
5
5
  const _hoisted_2 = ["src"];
6
6
  const _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  ...{ name: "YuFrameworkImageCaptchaInput" },
@@ -66,14 +66,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
66
66
  };
67
67
  }
68
68
  });
69
- const _export_sfc = (sfc, props) => {
70
- const target = sfc.__vccOpts || sfc;
71
- for (const [key, val] of props) {
72
- target[key] = val;
73
- }
74
- return target;
75
- };
76
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-590b7861"]]);
77
69
  export {
78
- index as default
70
+ _sfc_main as default
79
71
  };
@@ -1,2 +1,47 @@
1
1
 
2
2
  @use '../../style/default.scss' as *;
3
+
4
+ /* 验证码 */
5
+ .yu-framework-image-captcha-wrapper {
6
+ width: 100%;
7
+ display: flex;
8
+ align-items: center;
9
+
10
+ .el-input {
11
+ flex: 1;
12
+ }
13
+ .el-input__wrapper {
14
+ border-top-right-radius: 0px;
15
+ border-bottom-right-radius: 0px;
16
+ }
17
+
18
+ .image-captcha {
19
+ flex-shrink: 0;
20
+ width: 108px;
21
+ height: 40px;
22
+ /*margin-left: 8px;*/
23
+ border-radius: var(--el-border-radius-base);
24
+ border: 1px solid var(--el-border-color);
25
+
26
+ border-top-left-radius: 0px;
27
+ border-bottom-left-radius: 0px;
28
+ border-left-color: #fff;
29
+
30
+ transition: border 0.2s;
31
+ box-sizing: border-box;
32
+ background: #fff;
33
+ overflow: hidden;
34
+ cursor: pointer;
35
+
36
+ img {
37
+ width: 100%;
38
+ height: 100%;
39
+ object-fit: contain;
40
+ display: block;
41
+ }
42
+
43
+ &:hover {
44
+ border-color: var(--el-color-primary);
45
+ }
46
+ }
47
+ }
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
104
104
  const _component_ele_dialog = resolveComponent("ele-dialog");
105
105
  return openBlock(), createElementBlock("div", null, [
106
106
  createElementVNode("div", {
107
- class: normalizeClass(`mis-form-item-${componentParam.value.inputSize}-group`)
107
+ class: normalizeClass(`yu-form-item-${componentParam.value.inputSize}-wrapper`)
108
108
  }, [
109
109
  createVNode(_component_el_input, {
110
110
  name: "验证码",
@@ -196,14 +196,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
196
196
  };
197
197
  }
198
198
  });
199
- const _export_sfc = (sfc, props) => {
200
- const target = sfc.__vccOpts || sfc;
201
- for (const [key, val] of props) {
202
- target[key] = val;
203
- }
204
- return target;
205
- };
206
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07f77e18"]]);
207
199
  export {
208
- index as default
200
+ _sfc_main as default
209
201
  };
@@ -1,2 +1,104 @@
1
1
 
2
2
  @use '../../style/default.scss' as *;
3
+
4
+ .yu-form-item-wrapper {
5
+ input {
6
+ border: 0px;
7
+ }
8
+ }
9
+
10
+ .show-captcha-large {
11
+ height: 32px;
12
+ line-height: 0px;
13
+ width: 140px;
14
+ margin-right: 3px;
15
+ text-align: center;
16
+ cursor: pointer;
17
+ font-size: 12px;
18
+ font-weight: 400;
19
+ }
20
+
21
+ .show-captcha-times-large {
22
+ height: 32px;
23
+ width: 140px;
24
+ margin-right: 3px;
25
+ text-align: center;
26
+ cursor: pointer;
27
+ font-size: 12px;
28
+ }
29
+
30
+ .show-captcha-medium {
31
+ height: 30px;
32
+ width: 140px;
33
+ margin-right: 2px;
34
+ text-align: center;
35
+ cursor: pointer;
36
+ font-size: 12px;
37
+ font-weight: 400;
38
+ }
39
+
40
+ .show-captcha-times-medium {
41
+ height: 30px;
42
+ width: 140px;
43
+ margin-right: 3px;
44
+ text-align: center;
45
+ cursor: pointer;
46
+ font-size: 12px;
47
+ }
48
+
49
+ .captcha-container {
50
+ height: 170px;
51
+ width: 250px;
52
+ margin: 10px auto;
53
+
54
+ .captcha-card {
55
+ height: 50px;
56
+ width: 100%;
57
+ margin: 32px 0px;
58
+ text-align: center;
59
+ }
60
+
61
+ .captcha-image {
62
+ height: 50px;
63
+ width: 100%;
64
+ border-radius: 4px;
65
+ border: 1px solid #dcdfe6;
66
+ text-align: center;
67
+ cursor: pointer;
68
+ }
69
+
70
+ .captcha-input {
71
+ .el-input__inner {
72
+ height: 50px;
73
+ font-size: 16px;
74
+ }
75
+ }
76
+ }
77
+
78
+ .icon-validate-code {
79
+ margin-left: 4px;
80
+ }
81
+
82
+ .yu-form-item-large-wrapper {
83
+ display: flex;
84
+ align-items: center;
85
+
86
+ .el-input__wrapper {
87
+ border-top-right-radius: 0px;
88
+ border-bottom-right-radius: 0px;
89
+ }
90
+ .el-input__inner {
91
+ border: 0px;
92
+ }
93
+
94
+ .el-button {
95
+ border-top-left-radius: 0px;
96
+ border-bottom-left-radius: 0px;
97
+ }
98
+ }
99
+
100
+ .yu-form-item-medium-wrapper {
101
+ .el-input__inner {
102
+ border: 0px;
103
+ }
104
+ }
@@ -45,4 +45,6 @@
45
45
  @use '../ele-virtual-table/style/index.scss' as virtualTable;
46
46
 
47
47
 
48
+ @use '../yu-framework-image-captcha-input/style/index.scss' as imageCaptchaInput;
48
49
  @use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;
50
+ @use '../yu-framework-short-message-captcha-input/style/index.scss' as shortMessageCaptchaInput;
@@ -2,7 +2,7 @@
2
2
  const vue = require("vue");
3
3
  const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
4
4
  const CaptchaIcon = require("./components/CaptchaIcon");
5
- const _hoisted_1 = { class: "yu-framework-image-captcha-group" };
5
+ const _hoisted_1 = { class: "yu-framework-image-captcha-wrapper" };
6
6
  const _hoisted_2 = ["src"];
7
7
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
8
8
  ...{ name: "YuFrameworkImageCaptchaInput" },
@@ -67,12 +67,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
67
67
  };
68
68
  }
69
69
  });
70
- const _export_sfc = (sfc, props) => {
71
- const target = sfc.__vccOpts || sfc;
72
- for (const [key, val] of props) {
73
- target[key] = val;
74
- }
75
- return target;
76
- };
77
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-590b7861"]]);
78
- module.exports = index;
70
+ module.exports = _sfc_main;
@@ -1,2 +1,47 @@
1
1
 
2
2
  @use '../../style/default.scss' as *;
3
+
4
+ /* 验证码 */
5
+ .yu-framework-image-captcha-wrapper {
6
+ width: 100%;
7
+ display: flex;
8
+ align-items: center;
9
+
10
+ .el-input {
11
+ flex: 1;
12
+ }
13
+ .el-input__wrapper {
14
+ border-top-right-radius: 0px;
15
+ border-bottom-right-radius: 0px;
16
+ }
17
+
18
+ .image-captcha {
19
+ flex-shrink: 0;
20
+ width: 108px;
21
+ height: 40px;
22
+ /*margin-left: 8px;*/
23
+ border-radius: var(--el-border-radius-base);
24
+ border: 1px solid var(--el-border-color);
25
+
26
+ border-top-left-radius: 0px;
27
+ border-bottom-left-radius: 0px;
28
+ border-left-color: #fff;
29
+
30
+ transition: border 0.2s;
31
+ box-sizing: border-box;
32
+ background: #fff;
33
+ overflow: hidden;
34
+ cursor: pointer;
35
+
36
+ img {
37
+ width: 100%;
38
+ height: 100%;
39
+ object-fit: contain;
40
+ display: block;
41
+ }
42
+
43
+ &:hover {
44
+ border-color: var(--el-color-primary);
45
+ }
46
+ }
47
+ }
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
105
105
  const _component_ele_dialog = vue.resolveComponent("ele-dialog");
106
106
  return vue.openBlock(), vue.createElementBlock("div", null, [
107
107
  vue.createElementVNode("div", {
108
- class: vue.normalizeClass(`mis-form-item-${componentParam.value.inputSize}-group`)
108
+ class: vue.normalizeClass(`yu-form-item-${componentParam.value.inputSize}-wrapper`)
109
109
  }, [
110
110
  vue.createVNode(_component_el_input, {
111
111
  name: "验证码",
@@ -197,12 +197,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
197
197
  };
198
198
  }
199
199
  });
200
- const _export_sfc = (sfc, props) => {
201
- const target = sfc.__vccOpts || sfc;
202
- for (const [key, val] of props) {
203
- target[key] = val;
204
- }
205
- return target;
206
- };
207
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07f77e18"]]);
208
- module.exports = index;
200
+ module.exports = _sfc_main;
@@ -1,2 +1,104 @@
1
1
 
2
2
  @use '../../style/default.scss' as *;
3
+
4
+ .yu-form-item-wrapper {
5
+ input {
6
+ border: 0px;
7
+ }
8
+ }
9
+
10
+ .show-captcha-large {
11
+ height: 32px;
12
+ line-height: 0px;
13
+ width: 140px;
14
+ margin-right: 3px;
15
+ text-align: center;
16
+ cursor: pointer;
17
+ font-size: 12px;
18
+ font-weight: 400;
19
+ }
20
+
21
+ .show-captcha-times-large {
22
+ height: 32px;
23
+ width: 140px;
24
+ margin-right: 3px;
25
+ text-align: center;
26
+ cursor: pointer;
27
+ font-size: 12px;
28
+ }
29
+
30
+ .show-captcha-medium {
31
+ height: 30px;
32
+ width: 140px;
33
+ margin-right: 2px;
34
+ text-align: center;
35
+ cursor: pointer;
36
+ font-size: 12px;
37
+ font-weight: 400;
38
+ }
39
+
40
+ .show-captcha-times-medium {
41
+ height: 30px;
42
+ width: 140px;
43
+ margin-right: 3px;
44
+ text-align: center;
45
+ cursor: pointer;
46
+ font-size: 12px;
47
+ }
48
+
49
+ .captcha-container {
50
+ height: 170px;
51
+ width: 250px;
52
+ margin: 10px auto;
53
+
54
+ .captcha-card {
55
+ height: 50px;
56
+ width: 100%;
57
+ margin: 32px 0px;
58
+ text-align: center;
59
+ }
60
+
61
+ .captcha-image {
62
+ height: 50px;
63
+ width: 100%;
64
+ border-radius: 4px;
65
+ border: 1px solid #dcdfe6;
66
+ text-align: center;
67
+ cursor: pointer;
68
+ }
69
+
70
+ .captcha-input {
71
+ .el-input__inner {
72
+ height: 50px;
73
+ font-size: 16px;
74
+ }
75
+ }
76
+ }
77
+
78
+ .icon-validate-code {
79
+ margin-left: 4px;
80
+ }
81
+
82
+ .yu-form-item-large-wrapper {
83
+ display: flex;
84
+ align-items: center;
85
+
86
+ .el-input__wrapper {
87
+ border-top-right-radius: 0px;
88
+ border-bottom-right-radius: 0px;
89
+ }
90
+ .el-input__inner {
91
+ border: 0px;
92
+ }
93
+
94
+ .el-button {
95
+ border-top-left-radius: 0px;
96
+ border-bottom-left-radius: 0px;
97
+ }
98
+ }
99
+
100
+ .yu-form-item-medium-wrapper {
101
+ .el-input__inner {
102
+ border: 0px;
103
+ }
104
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yuang-framework-ui-pc",
3
- "version": "1.1.149",
3
+ "version": "1.1.151",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite --host --config vite.global.ts --mode dev",
@@ -1,45 +0,0 @@
1
-
2
- /* 验证码 */
3
- .yu-framework-image-captcha-group {
4
- &[data-v-590b7861] {
5
- width: 100%;
6
- display: flex;
7
- align-items: center;
8
- }
9
- [data-v-590b7861] .el-input {
10
- flex: 1;
11
- }
12
- [data-v-590b7861] .el-input__wrapper {
13
- border-top-right-radius: 0px;
14
- border-bottom-right-radius: 0px;
15
- }
16
- .image-captcha {
17
- &[data-v-590b7861] {
18
- flex-shrink: 0;
19
- width: 108px;
20
- height: 40px;
21
- /*margin-left: 8px;*/
22
- border-radius: var(--el-border-radius-base);
23
- border: 1px solid var(--el-border-color);
24
-
25
- border-top-left-radius: 0px;
26
- border-bottom-left-radius: 0px;
27
- border-left-color: #fff;
28
-
29
- transition: border 0.2s;
30
- box-sizing: border-box;
31
- background: #fff;
32
- overflow: hidden;
33
- cursor: pointer;
34
- }
35
- img[data-v-590b7861] {
36
- width: 100%;
37
- height: 100%;
38
- object-fit: contain;
39
- display: block;
40
- }
41
- &[data-v-590b7861]:hover {
42
- border-color: var(--el-color-primary);
43
- }
44
- }
45
- }
@@ -1,82 +0,0 @@
1
- .mis-form-item-group[data-v-07f77e18] input {
2
- border: 0px;
3
- }
4
- .show-captcha-large[data-v-07f77e18] {
5
- height: 32px;
6
- line-height: 0px;
7
- width: 140px;
8
- margin-right: 3px;
9
- text-align: center;
10
- cursor: pointer;
11
- font-size: 12px;
12
- font-weight: 400;
13
- }
14
- .show-captcha-times-large[data-v-07f77e18] {
15
- height: 32px;
16
- width: 140px;
17
- margin-right: 3px;
18
- text-align: center;
19
- cursor: pointer;
20
- font-size: 12px;
21
- }
22
- .show-captcha-medium[data-v-07f77e18] {
23
- height: 30px;
24
- width: 140px;
25
- margin-right: 2px;
26
- text-align: center;
27
- cursor: pointer;
28
- font-size: 12px;
29
- font-weight: 400;
30
- }
31
- .show-captcha-times-medium[data-v-07f77e18] {
32
- height: 30px;
33
- width: 140px;
34
- margin-right: 3px;
35
- text-align: center;
36
- cursor: pointer;
37
- font-size: 12px;
38
- }
39
- .captcha-container[data-v-07f77e18] {
40
- height: 170px;
41
- width: 250px;
42
- margin: 10px auto;
43
- }
44
- .captcha-container .captcha-card[data-v-07f77e18] {
45
- height: 50px;
46
- width: 100%;
47
- margin: 32px 0px;
48
- text-align: center;
49
- }
50
- .captcha-container .captcha-image[data-v-07f77e18] {
51
- height: 50px;
52
- width: 100%;
53
- border-radius: 4px;
54
- border: 1px solid #dcdfe6;
55
- text-align: center;
56
- cursor: pointer;
57
- }
58
- .captcha-container .captcha-input[data-v-07f77e18] .el-input__inner {
59
- height: 50px;
60
- font-size: 16px;
61
- }
62
- .icon-validate-code[data-v-07f77e18] {
63
- margin-left: 4px;
64
- }
65
- .mis-form-item-large-group[data-v-07f77e18] {
66
- display: flex;
67
- align-items: center;
68
- }
69
- .mis-form-item-large-group[data-v-07f77e18] .el-input__wrapper {
70
- border-top-right-radius: 0px;
71
- border-bottom-right-radius: 0px;
72
- }
73
- .mis-form-item-large-group[data-v-07f77e18] .el-input__inner {
74
- border: 0px;
75
- }
76
- .mis-form-item-large-group[data-v-07f77e18] .el-button {
77
- border-top-left-radius: 0px;
78
- border-bottom-left-radius: 0px;
79
- }
80
- .mis-form-item-medium-group[data-v-07f77e18] .el-input__inner {
81
- border: 0px;
82
- }
@@ -1,45 +0,0 @@
1
-
2
- /* 验证码 */
3
- .yu-framework-image-captcha-group {
4
- &[data-v-590b7861] {
5
- width: 100%;
6
- display: flex;
7
- align-items: center;
8
- }
9
- [data-v-590b7861] .el-input {
10
- flex: 1;
11
- }
12
- [data-v-590b7861] .el-input__wrapper {
13
- border-top-right-radius: 0px;
14
- border-bottom-right-radius: 0px;
15
- }
16
- .image-captcha {
17
- &[data-v-590b7861] {
18
- flex-shrink: 0;
19
- width: 108px;
20
- height: 40px;
21
- /*margin-left: 8px;*/
22
- border-radius: var(--el-border-radius-base);
23
- border: 1px solid var(--el-border-color);
24
-
25
- border-top-left-radius: 0px;
26
- border-bottom-left-radius: 0px;
27
- border-left-color: #fff;
28
-
29
- transition: border 0.2s;
30
- box-sizing: border-box;
31
- background: #fff;
32
- overflow: hidden;
33
- cursor: pointer;
34
- }
35
- img[data-v-590b7861] {
36
- width: 100%;
37
- height: 100%;
38
- object-fit: contain;
39
- display: block;
40
- }
41
- &[data-v-590b7861]:hover {
42
- border-color: var(--el-color-primary);
43
- }
44
- }
45
- }
@@ -1,82 +0,0 @@
1
- .mis-form-item-group[data-v-07f77e18] input {
2
- border: 0px;
3
- }
4
- .show-captcha-large[data-v-07f77e18] {
5
- height: 32px;
6
- line-height: 0px;
7
- width: 140px;
8
- margin-right: 3px;
9
- text-align: center;
10
- cursor: pointer;
11
- font-size: 12px;
12
- font-weight: 400;
13
- }
14
- .show-captcha-times-large[data-v-07f77e18] {
15
- height: 32px;
16
- width: 140px;
17
- margin-right: 3px;
18
- text-align: center;
19
- cursor: pointer;
20
- font-size: 12px;
21
- }
22
- .show-captcha-medium[data-v-07f77e18] {
23
- height: 30px;
24
- width: 140px;
25
- margin-right: 2px;
26
- text-align: center;
27
- cursor: pointer;
28
- font-size: 12px;
29
- font-weight: 400;
30
- }
31
- .show-captcha-times-medium[data-v-07f77e18] {
32
- height: 30px;
33
- width: 140px;
34
- margin-right: 3px;
35
- text-align: center;
36
- cursor: pointer;
37
- font-size: 12px;
38
- }
39
- .captcha-container[data-v-07f77e18] {
40
- height: 170px;
41
- width: 250px;
42
- margin: 10px auto;
43
- }
44
- .captcha-container .captcha-card[data-v-07f77e18] {
45
- height: 50px;
46
- width: 100%;
47
- margin: 32px 0px;
48
- text-align: center;
49
- }
50
- .captcha-container .captcha-image[data-v-07f77e18] {
51
- height: 50px;
52
- width: 100%;
53
- border-radius: 4px;
54
- border: 1px solid #dcdfe6;
55
- text-align: center;
56
- cursor: pointer;
57
- }
58
- .captcha-container .captcha-input[data-v-07f77e18] .el-input__inner {
59
- height: 50px;
60
- font-size: 16px;
61
- }
62
- .icon-validate-code[data-v-07f77e18] {
63
- margin-left: 4px;
64
- }
65
- .mis-form-item-large-group[data-v-07f77e18] {
66
- display: flex;
67
- align-items: center;
68
- }
69
- .mis-form-item-large-group[data-v-07f77e18] .el-input__wrapper {
70
- border-top-right-radius: 0px;
71
- border-bottom-right-radius: 0px;
72
- }
73
- .mis-form-item-large-group[data-v-07f77e18] .el-input__inner {
74
- border: 0px;
75
- }
76
- .mis-form-item-large-group[data-v-07f77e18] .el-button {
77
- border-top-left-radius: 0px;
78
- border-bottom-left-radius: 0px;
79
- }
80
- .mis-form-item-medium-group[data-v-07f77e18] .el-input__inner {
81
- border: 0px;
82
- }