bge-ui 1.0.6 → 1.0.7
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/dist/index.js +18 -30
- package/dist/style.css +30 -30
- package/package.json +1 -1
- package/src/button/index.vue +1 -1
- package/src/form/form-item.vue +1 -1
- package/src/form/index.vue +1 -1
- package/src/link/index.vue +1 -1
- package/src/tabs/index.vue +1 -1
package/dist/index.js
CHANGED
|
@@ -37,19 +37,11 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
|
|
|
37
37
|
class: normalizeClass(`bge-button bge-button--${__props.type} bge-button--${__props.size}`),
|
|
38
38
|
disabled: __props.disabled
|
|
39
39
|
}, [
|
|
40
|
-
renderSlot(_ctx.$slots, "default"
|
|
40
|
+
renderSlot(_ctx.$slots, "default")
|
|
41
41
|
], 10, _hoisted_1$1T);
|
|
42
42
|
};
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
const _export_sfc = (sfc, props) => {
|
|
46
|
-
const target = sfc.__vccOpts || sfc;
|
|
47
|
-
for (const [key, val] of props) {
|
|
48
|
-
target[key] = val;
|
|
49
|
-
}
|
|
50
|
-
return target;
|
|
51
|
-
};
|
|
52
|
-
const UiButton = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__scopeId", "data-v-f71e250d"]]);
|
|
53
45
|
const _hoisted_1$1S = ["target", "href"];
|
|
54
46
|
const _sfc_main$1V = /* @__PURE__ */ defineComponent({
|
|
55
47
|
...{
|
|
@@ -87,17 +79,16 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
|
|
|
87
79
|
target: __props.target,
|
|
88
80
|
href: __props.href
|
|
89
81
|
}, [
|
|
90
|
-
renderSlot(_ctx.$slots, "default"
|
|
82
|
+
renderSlot(_ctx.$slots, "default")
|
|
91
83
|
], 10, _hoisted_1$1S)) : (openBlock(), createElementBlock("span", {
|
|
92
84
|
key: 1,
|
|
93
85
|
class: normalizeClass(`bge-link bge-link--${__props.type} ${__props.disabled ? "disabled" : ""} ${__props.underline ? "underline" : ""} no-link`)
|
|
94
86
|
}, [
|
|
95
|
-
renderSlot(_ctx.$slots, "default"
|
|
87
|
+
renderSlot(_ctx.$slots, "default")
|
|
96
88
|
], 2));
|
|
97
89
|
};
|
|
98
90
|
}
|
|
99
91
|
});
|
|
100
|
-
const UiLink = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__scopeId", "data-v-271174dd"]]);
|
|
101
92
|
const _hoisted_1$1R = /* @__PURE__ */ createElementVNode("path", {
|
|
102
93
|
d: "M0 12C-3.32088e-08 13.5759 0.310389 15.1363 0.913446 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12Z",
|
|
103
94
|
fill: "#4CAF50"
|
|
@@ -5090,12 +5081,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
5090
5081
|
return openBlock(), createElementBlock("form", {
|
|
5091
5082
|
class: normalizeClass(["bge-form", { inline: __props.inline }])
|
|
5092
5083
|
}, [
|
|
5093
|
-
renderSlot(_ctx.$slots, "default"
|
|
5084
|
+
renderSlot(_ctx.$slots, "default")
|
|
5094
5085
|
], 2);
|
|
5095
5086
|
};
|
|
5096
5087
|
}
|
|
5097
5088
|
});
|
|
5098
|
-
const UiForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad3f6859"]]);
|
|
5099
5089
|
function tryOnScopeDispose(fn2) {
|
|
5100
5090
|
if (getCurrentScope()) {
|
|
5101
5091
|
onScopeDispose(fn2);
|
|
@@ -6577,12 +6567,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
6577
6567
|
isShowLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
6578
6568
|
renderSlot(_ctx.$slots, "label", { label: currentLabel.value }, () => [
|
|
6579
6569
|
createTextVNode(toDisplayString(currentLabel.value), 1)
|
|
6580
|
-
]
|
|
6570
|
+
])
|
|
6581
6571
|
])) : createCommentVNode("", true),
|
|
6582
6572
|
createElementVNode("div", {
|
|
6583
6573
|
class: normalizeClass(["bge-form-item__content", { error: shouldShowError.value }])
|
|
6584
6574
|
}, [
|
|
6585
|
-
renderSlot(_ctx.$slots, "default"
|
|
6575
|
+
renderSlot(_ctx.$slots, "default"),
|
|
6586
6576
|
createVNode(TransitionGroup, { name: "form-item-zoom-in-top" }, {
|
|
6587
6577
|
default: withCtx(() => [
|
|
6588
6578
|
shouldShowError.value ? renderSlot(_ctx.$slots, "error", {
|
|
@@ -6590,7 +6580,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
6590
6580
|
error: validateMessage.value
|
|
6591
6581
|
}, () => [
|
|
6592
6582
|
createElementVNode("div", _hoisted_2$2, toDisplayString(validateMessage.value), 1)
|
|
6593
|
-
]
|
|
6583
|
+
]) : createCommentVNode("", true)
|
|
6594
6584
|
]),
|
|
6595
6585
|
_: 3
|
|
6596
6586
|
})
|
|
@@ -6599,7 +6589,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
6599
6589
|
};
|
|
6600
6590
|
}
|
|
6601
6591
|
});
|
|
6602
|
-
const UiFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7139bbf6"]]);
|
|
6603
6592
|
const _hoisted_1$2 = { class: "bge-input" };
|
|
6604
6593
|
const _hoisted_2$1 = {
|
|
6605
6594
|
key: 0,
|
|
@@ -6817,7 +6806,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6817
6806
|
class: normalizeClass(`bge-tabs bge-tabs__${__props.type}`)
|
|
6818
6807
|
}, [
|
|
6819
6808
|
createElementVNode("div", _hoisted_1$1, [
|
|
6820
|
-
renderSlot(_ctx.$slots, "default"
|
|
6809
|
+
renderSlot(_ctx.$slots, "default")
|
|
6821
6810
|
]),
|
|
6822
6811
|
createElementVNode("span", {
|
|
6823
6812
|
class: "bge-tabs__active-bar",
|
|
@@ -6827,7 +6816,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6827
6816
|
};
|
|
6828
6817
|
}
|
|
6829
6818
|
});
|
|
6830
|
-
const UiTabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c1a4de95"]]);
|
|
6831
6819
|
const tabsKey = "bge-tabs-context";
|
|
6832
6820
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
6833
6821
|
...{
|
|
@@ -9057,12 +9045,12 @@ function closeAll(type4) {
|
|
|
9057
9045
|
message.closeAll = closeAll;
|
|
9058
9046
|
message._context = null;
|
|
9059
9047
|
const components = {
|
|
9060
|
-
UiButton,
|
|
9061
|
-
UiLink,
|
|
9062
|
-
UiForm,
|
|
9063
|
-
UiFormItem,
|
|
9048
|
+
UiButton: _sfc_main$1W,
|
|
9049
|
+
UiLink: _sfc_main$1V,
|
|
9050
|
+
UiForm: _sfc_main$6,
|
|
9051
|
+
UiFormItem: _sfc_main$5,
|
|
9064
9052
|
UiInput: _sfc_main$4,
|
|
9065
|
-
UiTabs,
|
|
9053
|
+
UiTabs: _sfc_main$3,
|
|
9066
9054
|
UiTabPane: _sfc_main$2,
|
|
9067
9055
|
UiTooltip: _sfc_main$1
|
|
9068
9056
|
};
|
|
@@ -9078,14 +9066,14 @@ const index = {
|
|
|
9078
9066
|
}
|
|
9079
9067
|
};
|
|
9080
9068
|
export {
|
|
9081
|
-
UiButton,
|
|
9082
|
-
UiForm,
|
|
9083
|
-
UiFormItem,
|
|
9069
|
+
_sfc_main$1W as UiButton,
|
|
9070
|
+
_sfc_main$6 as UiForm,
|
|
9071
|
+
_sfc_main$5 as UiFormItem,
|
|
9084
9072
|
_sfc_main$4 as UiInput,
|
|
9085
|
-
UiLink,
|
|
9073
|
+
_sfc_main$1V as UiLink,
|
|
9086
9074
|
message as UiMessage,
|
|
9087
9075
|
_sfc_main$2 as UiTabPane,
|
|
9088
|
-
UiTabs,
|
|
9076
|
+
_sfc_main$3 as UiTabs,
|
|
9089
9077
|
_sfc_main$1 as UiTooltip,
|
|
9090
9078
|
index as default
|
|
9091
9079
|
};
|
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.bge-button
|
|
1
|
+
.bge-button {
|
|
2
2
|
background: var(--btn);
|
|
3
3
|
color: var(--color);
|
|
4
4
|
padding: 8px 16px;
|
|
@@ -13,59 +13,59 @@
|
|
|
13
13
|
box-sizing: border-box;
|
|
14
14
|
user-select: none;
|
|
15
15
|
}
|
|
16
|
-
.bge-button + .bge-button
|
|
16
|
+
.bge-button + .bge-button {
|
|
17
17
|
margin-left: 12px;
|
|
18
18
|
}
|
|
19
|
-
.bge-button.bge-button--primary
|
|
19
|
+
.bge-button.bge-button--primary {
|
|
20
20
|
--color: var(--persistent-black);
|
|
21
21
|
--btn: var(--btn-primary);
|
|
22
22
|
--btn-hover: var(--btn-primary-hover);
|
|
23
23
|
--btn-pressed: var(--btn-primary-pressed);
|
|
24
24
|
--btn-disable: var(--btn-primary-disable);
|
|
25
25
|
}
|
|
26
|
-
.bge-button.bge-button--secondary
|
|
26
|
+
.bge-button.bge-button--secondary {
|
|
27
27
|
--color: var(--tc-primary);
|
|
28
28
|
--btn: var(--btn-secondary);
|
|
29
29
|
--btn-hover: var(--btn-secondary-hover);
|
|
30
30
|
--btn-pressed: var(--btn-secondary-pressed);
|
|
31
31
|
--btn-disable: var(--btn-secondary-disable);
|
|
32
32
|
}
|
|
33
|
-
.bge-button.bge-button--white
|
|
33
|
+
.bge-button.bge-button--white {
|
|
34
34
|
--color: var(--persistent-black);
|
|
35
35
|
--btn: var(--btn-white);
|
|
36
36
|
--btn-hover: var(--btn-white-hover);
|
|
37
37
|
--btn-pressed: var(--btn-white-pressed);
|
|
38
38
|
--btn-disable: var(--btn-white-disable);
|
|
39
39
|
}
|
|
40
|
-
.bge-button.bge-button--violet
|
|
40
|
+
.bge-button.bge-button--violet {
|
|
41
41
|
--color: var(--persistent-white);
|
|
42
42
|
--btn: var(--btn-violet);
|
|
43
43
|
--btn-hover: var(--btn-violet-hover);
|
|
44
44
|
--btn-pressed: var(--btn-violet-hover);
|
|
45
45
|
--btn-disable: var(--btn-violet-disable);
|
|
46
46
|
}
|
|
47
|
-
.bge-button.bge-button--large
|
|
47
|
+
.bge-button.bge-button--large {
|
|
48
48
|
font-size: 16px;
|
|
49
49
|
font-weight: 500;
|
|
50
50
|
line-height: 28px;
|
|
51
51
|
padding: 12px 24px;
|
|
52
52
|
}
|
|
53
|
-
.bge-button.bge-button--mini
|
|
53
|
+
.bge-button.bge-button--mini {
|
|
54
54
|
font-size: 12px;
|
|
55
55
|
font-weight: 500;
|
|
56
56
|
line-height: 20px;
|
|
57
57
|
padding: 4px 16px;
|
|
58
58
|
}
|
|
59
|
-
.bge-button
|
|
59
|
+
.bge-button:hover {
|
|
60
60
|
background: var(--btn-hover);
|
|
61
61
|
}
|
|
62
|
-
.bge-button
|
|
62
|
+
.bge-button:active {
|
|
63
63
|
background: var(--btn-pressed);
|
|
64
64
|
}
|
|
65
|
-
.bge-button
|
|
65
|
+
.bge-button:disabled {
|
|
66
66
|
cursor: not-allowed;
|
|
67
67
|
background: var(--btn-disable);
|
|
68
|
-
}.bge-link
|
|
68
|
+
}.bge-link {
|
|
69
69
|
--link-tc-color: var(--tc-tertiary, #53677A);
|
|
70
70
|
--link-tc-hover: var(--tc-secondary, #798EA3);
|
|
71
71
|
--link-tc-pressed: var(--tc-secondary, #798EA3);
|
|
@@ -74,35 +74,35 @@
|
|
|
74
74
|
cursor: pointer;
|
|
75
75
|
color: var(--link-tc-color);
|
|
76
76
|
}
|
|
77
|
-
.bge-link.bge-link--violet
|
|
77
|
+
.bge-link.bge-link--violet {
|
|
78
78
|
--link-tc-color: var(--btn-violet, #6670FF);
|
|
79
79
|
--link-tc-hover: var(--btn-violet-hover, #7575FF);
|
|
80
80
|
--link-tc-pressed: var(--btn-violet-hover, #7575FF);
|
|
81
81
|
--link-tc-disable: var(--btn-violet-disable, #3C428F);
|
|
82
82
|
}
|
|
83
|
-
.bge-link + .bge-link
|
|
83
|
+
.bge-link + .bge-link {
|
|
84
84
|
margin-left: 12px;
|
|
85
85
|
}
|
|
86
|
-
.bge-link
|
|
86
|
+
.bge-link:hover {
|
|
87
87
|
color: var(--link-tc-hover);
|
|
88
88
|
}
|
|
89
|
-
.bge-link
|
|
89
|
+
.bge-link:active {
|
|
90
90
|
color: var(--link-tc-hover);
|
|
91
91
|
}
|
|
92
|
-
.bge-link.underline
|
|
92
|
+
.bge-link.underline {
|
|
93
93
|
text-decoration-line: underline;
|
|
94
94
|
}
|
|
95
|
-
.bge-link.no-link
|
|
95
|
+
.bge-link.no-link {
|
|
96
96
|
cursor: default;
|
|
97
97
|
}
|
|
98
|
-
.bge-link.disabled
|
|
98
|
+
.bge-link.disabled {
|
|
99
99
|
color: var(--link-tc-disable, #3B4C5C);
|
|
100
100
|
cursor: no-drop;
|
|
101
101
|
}
|
|
102
|
-
.bge-link.disabled
|
|
102
|
+
.bge-link.disabled:hover {
|
|
103
103
|
color: var(--link-tc-disable, #3B4C5C);
|
|
104
104
|
}
|
|
105
|
-
.bge-link.disabled
|
|
105
|
+
.bge-link.disabled:active {
|
|
106
106
|
color: var(--link-tc-disable, #3B4C5C);
|
|
107
107
|
}.bge-color-svg {
|
|
108
108
|
--icon-theme: #fff833;
|
|
@@ -3192,12 +3192,12 @@
|
|
|
3192
3192
|
}
|
|
3193
3193
|
.bge-form .bge-form-item__content.error .bge-input__wrapper {
|
|
3194
3194
|
border: 1px solid var(--tc-red, #FF477E);
|
|
3195
|
-
}.bge-form
|
|
3195
|
+
}.bge-form {
|
|
3196
3196
|
margin: 0;
|
|
3197
|
-
}.bge-form-item
|
|
3197
|
+
}.bge-form-item {
|
|
3198
3198
|
margin-bottom: 16px;
|
|
3199
3199
|
}
|
|
3200
|
-
.bge-form-item .bge-form-item__label
|
|
3200
|
+
.bge-form-item .bge-form-item__label {
|
|
3201
3201
|
color: var(--tc-secondary, #798EA3);
|
|
3202
3202
|
padding: var(--layout-x-0, 0);
|
|
3203
3203
|
font-size: 14px;
|
|
@@ -3205,10 +3205,10 @@
|
|
|
3205
3205
|
line-height: 24px;
|
|
3206
3206
|
margin-bottom: 4px;
|
|
3207
3207
|
}
|
|
3208
|
-
.bge-form-item
|
|
3208
|
+
.bge-form-item:last-child {
|
|
3209
3209
|
margin-bottom: 0;
|
|
3210
3210
|
}
|
|
3211
|
-
.bge-form-item .bge-form-item__error
|
|
3211
|
+
.bge-form-item .bge-form-item__error {
|
|
3212
3212
|
color: var(--tc-red, #FF477E);
|
|
3213
3213
|
font-size: 12px;
|
|
3214
3214
|
font-weight: 400;
|
|
@@ -3338,12 +3338,12 @@
|
|
|
3338
3338
|
}
|
|
3339
3339
|
.bge-input .bge-input__prefix .bge-input__prefix-inner {
|
|
3340
3340
|
padding-right: 8px;
|
|
3341
|
-
}.bge-tabs.bge-tabs__bordered .bge-tabs__panes
|
|
3341
|
+
}.bge-tabs.bge-tabs__bordered .bge-tabs__panes, .bge-tabs.bge-tabs__pills .bge-tabs__panes {
|
|
3342
3342
|
display: flex;
|
|
3343
3343
|
align-items: flex-start;
|
|
3344
3344
|
position: relative;
|
|
3345
3345
|
}
|
|
3346
|
-
.bge-tabs.bge-tabs__bordered
|
|
3346
|
+
.bge-tabs.bge-tabs__bordered::after {
|
|
3347
3347
|
content: "";
|
|
3348
3348
|
position: absolute;
|
|
3349
3349
|
left: 0;
|
|
@@ -3353,7 +3353,7 @@
|
|
|
3353
3353
|
border-radius: var(--radius-small, 0px);
|
|
3354
3354
|
background: var(--separator-separator, #34414D);
|
|
3355
3355
|
}
|
|
3356
|
-
.bge-tabs.bge-tabs__bordered .bge-tabs__active-bar
|
|
3356
|
+
.bge-tabs.bge-tabs__bordered .bge-tabs__active-bar {
|
|
3357
3357
|
position: absolute;
|
|
3358
3358
|
bottom: 0;
|
|
3359
3359
|
left: 0;
|
|
@@ -3364,7 +3364,7 @@
|
|
|
3364
3364
|
background: var(--tc-theme, #FFFF38);
|
|
3365
3365
|
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
3366
3366
|
}
|
|
3367
|
-
.bge-tabs.bge-tabs__pills .bge-tabs__active-bar
|
|
3367
|
+
.bge-tabs.bge-tabs__pills .bge-tabs__active-bar {
|
|
3368
3368
|
display: none;
|
|
3369
3369
|
}.bge-tabs__pills .bge-tab__pane {
|
|
3370
3370
|
display: flex;
|
package/package.json
CHANGED
package/src/button/index.vue
CHANGED
package/src/form/form-item.vue
CHANGED
package/src/form/index.vue
CHANGED
package/src/link/index.vue
CHANGED