@web-utils/component 2.0.12 → 2.0.14
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/chunks/3a79781b.js +75 -0
- package/dist/chunks/{44b78389.js → 41a066be.js} +8 -8
- package/dist/chunks/{e1939731.js → 5a78e0db.js} +5 -6
- package/dist/chunks/5d4282fb.js +30 -0
- package/dist/chunks/{822300f3.js → 61ad06b2.js} +3 -3
- package/dist/chunks/76680a03.js +24 -0
- package/dist/chunks/8c0142e0.js +81 -0
- package/dist/chunks/97652d86.js +26 -0
- package/dist/chunks/b4acd3a6.js +126 -0
- package/dist/chunks/f71045fc.js +184 -0
- package/dist/components/address-input/index.js +43 -56
- package/dist/components/address-input/style.css +1 -15
- package/dist/components/aside-menu/index.js +30 -36
- package/dist/components/aside-menu/style.css +1 -9
- package/dist/components/awesome-button/index.js +32 -35
- package/dist/components/base.css +1 -66
- package/dist/components/capsule-tab/index.js +27 -33
- package/dist/components/capsule-tab/style.css +1 -32
- package/dist/components/chunk-file-uploader/index.js +54 -88
- package/dist/components/chunk-file-uploader/style.css +1 -4
- package/dist/components/chunk-file-uploader-button/index.js +25 -31
- package/dist/components/chunk-file-uploader-button/style.css +1 -17
- package/dist/components/chunk-file-uploader-drop/index.js +28 -42
- package/dist/components/chunk-file-uploader-drop/style.css +1 -12
- package/dist/components/chunk-file-uploader-file/index.js +134 -212
- package/dist/components/chunk-file-uploader-file/style.css +1 -125
- package/dist/components/chunk-file-uploader-files/index.js +28 -34
- package/dist/components/chunk-file-uploader-files/style.css +1 -9
- package/dist/components/chunk-file-uploader-list/index.js +29 -35
- package/dist/components/chunk-file-uploader-list/style.css +1 -9
- package/dist/components/chunk-file-uploader-un-support/index.js +30 -38
- package/dist/components/chunk-file-uploader-un-support/style.css +1 -6
- package/dist/components/code-mirror-editor/index.js +153 -181
- package/dist/components/code-mirror-editor/style.css +1 -17
- package/dist/components/color-picker/index.js +49 -68
- package/dist/components/confirm-button/index.js +19 -21
- package/dist/components/confirmable/index.js +18 -19
- package/dist/components/context-menu/index.js +108 -130
- package/dist/components/context-menu/style.css +1 -88
- package/dist/components/custom-scrollbar/index.js +49 -67
- package/dist/components/data-table-picker/index.js +62 -81
- package/dist/components/dynamic-table/index.js +89 -113
- package/dist/components/dynamic-table/style.css +1 -30
- package/dist/components/e-charts/index.js +120 -201
- package/dist/components/e-charts/style.css +1 -10
- package/dist/components/editable-progress/index.js +60 -93
- package/dist/components/editable-progress/style.css +1 -37
- package/dist/components/editable-tree/index.js +423 -638
- package/dist/components/editable-tree/style.css +1 -82
- package/dist/components/egd-collapse/index.js +33 -46
- package/dist/components/egd-collapse-item/index.js +60 -76
- package/dist/components/element-dialog/index.js +95 -147
- package/dist/components/element-dialog/style.css +1 -102
- package/dist/components/empty-view/index.js +28 -34
- package/dist/components/empty-view/style.css +1 -17
- package/dist/components/error-view/index.js +26 -32
- package/dist/components/error-view/style.css +1 -17
- package/dist/components/flex-column/index.js +25 -40
- package/dist/components/flex-item/index.js +29 -57
- package/dist/components/flex-row/index.js +25 -40
- package/dist/components/flex-scroller/index.js +26 -32
- package/dist/components/flex-scroller/style.css +1 -20
- package/dist/components/form-button/index.js +34 -38
- package/dist/components/form-cascader/index.js +71 -81
- package/dist/components/form-checkbox-group/index.js +88 -113
- package/dist/components/form-checkbox-group/style.css +1 -51
- package/dist/components/form-date-picker/index.js +70 -132
- package/dist/components/form-holder/index.js +32 -39
- package/dist/components/form-input/index.js +56 -62
- package/dist/components/form-input-email/index.js +48 -60
- package/dist/components/form-input-id-card/index.js +53 -59
- package/dist/components/form-input-number/index.js +61 -68
- package/dist/components/form-input-number/style.css +1 -12
- package/dist/components/form-input-phone-number/index.js +49 -55
- package/dist/components/form-input-time/index.js +53 -59
- package/dist/components/form-item/index.js +80 -123
- package/dist/components/form-item/style.css +1 -11
- package/dist/components/form-item-config-provider/index.js +25 -26
- package/dist/components/form-item-group/index.js +85 -111
- package/dist/components/form-item-group/style.css +1 -30
- package/dist/components/form-radio-group/index.js +85 -104
- package/dist/components/form-radio-group/style.css +1 -53
- package/dist/components/form-select/index.js +76 -91
- package/dist/components/form-switch/index.js +51 -57
- package/dist/components/form-textarea/index.js +51 -57
- package/dist/components/form-view/index.js +165 -232
- package/dist/components/form-view/style.css +1 -158
- package/dist/components/guide-steps/index.js +44 -58
- package/dist/components/guide-steps/style.css +1 -34
- package/dist/components/icon-card/index.js +29 -35
- package/dist/components/icon-card/style.css +1 -56
- package/dist/components/iframe-window/index.js +29 -35
- package/dist/components/iframe-window/style.css +1 -20
- package/dist/components/image-viewer/index.js +48 -66
- package/dist/components/image-viewer/style.css +1 -21
- package/dist/components/input-number/index.js +127 -193
- package/dist/components/input-number/style.css +1 -15
- package/dist/components/input-number-range/index.js +45 -57
- package/dist/components/input-number-range/style.css +1 -12
- package/dist/components/j-s-x-component/index.js +4 -4
- package/dist/components/keep-view-alive/index.js +73 -120
- package/dist/components/loading-view/index.js +26 -32
- package/dist/components/loading-view/style.css +1 -17
- package/dist/components/nav-bar/index.js +27 -37
- package/dist/components/nav-bar/style.css +1 -17
- package/dist/components/not-implement/index.js +23 -31
- package/dist/components/not-implement/style.css +1 -15
- package/dist/components/page/index.js +22 -28
- package/dist/components/page/style.css +1 -12
- package/dist/components/page-header/index.js +30 -36
- package/dist/components/page-header/style.css +1 -14
- package/dist/components/page-index/index.js +62 -83
- package/dist/components/page-index/style.css +1 -23
- package/dist/components/page-index-top/index.js +53 -68
- package/dist/components/page-skeleton/index.js +31 -37
- package/dist/components/page-skeleton/style.css +1 -23
- package/dist/components/page-skeleton-new/index.js +42 -48
- package/dist/components/page-skeleton-new/style.css +1 -42
- package/dist/components/pageable-table/index.js +186 -253
- package/dist/components/pageable-table/style.css +1 -72
- package/dist/components/pageable-view/index.js +129 -199
- package/dist/components/pageable-view/style.css +1 -69
- package/dist/components/photo-swipe/index.js +110 -151
- package/dist/components/photo-swipe/style.css +1 -20
- package/dist/components/resize-observer/index.js +34 -68
- package/dist/components/resize-observer/style.css +1 -31
- package/dist/components/search-popover/index.js +153 -211
- package/dist/components/search-popover/style.css +1 -93
- package/dist/components/sign-panel/index.js +92 -142
- package/dist/components/sign-panel/style.css +1 -97
- package/dist/components/split-pane/index.js +101 -162
- package/dist/components/split-pane/style.css +1 -100
- package/dist/components/stateful/index.js +31 -34
- package/dist/components/stateful/style.css +1 -33
- package/dist/components/static-pageable-table/index.js +37 -44
- package/dist/components/static-pageable-table/style.css +1 -9
- package/dist/components/swiper/index.js +85 -150
- package/dist/components/swiper/style.css +1 -43
- package/dist/components/tab/index.js +54 -72
- package/dist/components/tab/style.css +1 -122
- package/dist/components/tab-item/index.js +30 -35
- package/dist/components/table-column/index.js +30 -32
- package/dist/components/table-view/index.js +156 -227
- package/dist/components/table-view/style.css +1 -95
- package/dist/components/tag-render/index.js +44 -58
- package/dist/components/tag-render/style.css +1 -33
- package/dist/components/tinymce-editor/index.js +79 -95
- package/dist/components/tinymce-editor/style.css +1 -43
- package/dist/components/tinymce-wrapper/index.js +92 -121
- package/dist/components/tinymce-wrapper/style.css +1 -36
- package/dist/components/toolbar/index.js +63 -84
- package/dist/components/toolbar/style.css +1 -39
- package/dist/components/toolbar-button/index.js +41 -48
- package/dist/components/toolbar-button/style.css +1 -21
- package/dist/components/trigger/index.js +29 -36
- package/dist/components/vue-tags-input/index.js +188 -308
- package/dist/components/vue-tags-input/style.css +1 -682
- package/dist/components/watermark/index.js +25 -37
- package/dist/components/watermark/style.css +1 -11
- package/dist/components/x-dialog/index.js +67 -93
- package/dist/components/x-dialog/style.css +1 -15
- package/dist/index.css +193 -1105
- package/dist/index.es.js +4790 -7243
- package/package.json +1 -2
- package/web-types.json +1 -1
- package/dist/chunks/3d28cc08.js +0 -57
- package/dist/chunks/5d33812d.js +0 -147
- package/dist/chunks/9d848bf6.js +0 -99
- package/dist/chunks/a0bb327b.js +0 -96
- package/dist/chunks/a8891d2c.js +0 -30
- package/dist/chunks/c69d5628.js +0 -248
- package/dist/chunks/de9fe802.js +0 -24
|
@@ -1,47 +1,43 @@
|
|
|
1
|
-
import { n as
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var _c = _vm._self._c || _h;
|
|
6
|
-
return _c("div", {
|
|
1
|
+
import { n as l } from "../../chunks/5d4282fb.js";
|
|
2
|
+
var r = function() {
|
|
3
|
+
var e = this, a = e.$createElement, t = e._self._c || a;
|
|
4
|
+
return t("div", {
|
|
7
5
|
staticClass: "address-input-wrapper flex-row"
|
|
8
|
-
}, [
|
|
6
|
+
}, [t("div", {
|
|
9
7
|
staticClass: "address-input-item-wrapper"
|
|
10
|
-
}, [
|
|
8
|
+
}, [t("ElCascader", {
|
|
11
9
|
attrs: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
options: e.options,
|
|
11
|
+
disabled: e.inputDisabled,
|
|
12
|
+
props: {
|
|
15
13
|
label: "name",
|
|
16
|
-
value:
|
|
14
|
+
value: e.labelAsValue ? "name" : "id"
|
|
17
15
|
}
|
|
18
16
|
},
|
|
19
17
|
model: {
|
|
20
|
-
value:
|
|
21
|
-
callback: function(
|
|
22
|
-
|
|
18
|
+
value: e.internalVal.address,
|
|
19
|
+
callback: function(s) {
|
|
20
|
+
e.$set(e.internalVal, "address", s);
|
|
23
21
|
},
|
|
24
22
|
expression: "internalVal.address"
|
|
25
23
|
}
|
|
26
|
-
})], 1),
|
|
24
|
+
})], 1), t("div", {
|
|
27
25
|
staticClass: "address-input-item-wrapper flex-item"
|
|
28
|
-
}, [
|
|
26
|
+
}, [t("ElInput", {
|
|
29
27
|
attrs: {
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
placeholder: "请输入详细地址!",
|
|
29
|
+
disabled: e.inputDisabled
|
|
32
30
|
},
|
|
33
31
|
model: {
|
|
34
|
-
value:
|
|
35
|
-
callback: function(
|
|
36
|
-
|
|
32
|
+
value: e.internalVal.detailAddress,
|
|
33
|
+
callback: function(s) {
|
|
34
|
+
e.$set(e.internalVal, "detailAddress", s);
|
|
37
35
|
},
|
|
38
36
|
expression: "internalVal.detailAddress"
|
|
39
37
|
}
|
|
40
38
|
})], 1)]);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
const AddressInput_vue_vue_type_style_index_0_lang = "";
|
|
44
|
-
const __vue2_script = {
|
|
39
|
+
}, n = [];
|
|
40
|
+
const i = {
|
|
45
41
|
name: "AddressInput",
|
|
46
42
|
inject: {
|
|
47
43
|
elForm: {
|
|
@@ -80,47 +76,38 @@ const __vue2_script = {
|
|
|
80
76
|
},
|
|
81
77
|
watch: {
|
|
82
78
|
value: {
|
|
83
|
-
immediate:
|
|
84
|
-
deep:
|
|
85
|
-
handler(
|
|
86
|
-
|
|
87
|
-
this.internalVal.address = newVal.address;
|
|
88
|
-
this.internalVal.detailAddress = newVal.detailAddress;
|
|
89
|
-
}
|
|
79
|
+
immediate: !0,
|
|
80
|
+
deep: !0,
|
|
81
|
+
handler(e) {
|
|
82
|
+
e && (this.internalVal.address = e.address, this.internalVal.detailAddress = e.detailAddress);
|
|
90
83
|
}
|
|
91
84
|
},
|
|
92
85
|
internalVal: {
|
|
93
|
-
immediate:
|
|
94
|
-
deep:
|
|
95
|
-
handler(
|
|
96
|
-
|
|
97
|
-
this.$emit("input", void 0);
|
|
98
|
-
} else {
|
|
99
|
-
this.$emit("input", newVal);
|
|
100
|
-
}
|
|
86
|
+
immediate: !0,
|
|
87
|
+
deep: !0,
|
|
88
|
+
handler(e) {
|
|
89
|
+
!e.address && !e.detailAddress ? this.$emit("input", void 0) : this.$emit("input", e);
|
|
101
90
|
}
|
|
102
91
|
}
|
|
103
92
|
}
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
__vue2_injectStyles,
|
|
93
|
+
}, d = {};
|
|
94
|
+
var u = /* @__PURE__ */ l(
|
|
95
|
+
i,
|
|
96
|
+
r,
|
|
97
|
+
n,
|
|
98
|
+
!1,
|
|
99
|
+
o,
|
|
112
100
|
null,
|
|
113
101
|
null,
|
|
114
102
|
null
|
|
115
103
|
);
|
|
116
|
-
function
|
|
117
|
-
for (let
|
|
118
|
-
this[
|
|
119
|
-
}
|
|
104
|
+
function o(e) {
|
|
105
|
+
for (let a in d)
|
|
106
|
+
this[a] = d[a];
|
|
120
107
|
}
|
|
121
|
-
const
|
|
122
|
-
return
|
|
108
|
+
const c = /* @__PURE__ */ function() {
|
|
109
|
+
return u.exports;
|
|
123
110
|
}();
|
|
124
111
|
export {
|
|
125
|
-
|
|
112
|
+
c as default
|
|
126
113
|
};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/* 应用头部高度 */
|
|
3
|
-
/* 页面宽度 */
|
|
4
|
-
/* 侧栏宽度 */
|
|
5
|
-
/* 标签高度 */
|
|
6
|
-
/* 页面头部工具条高度 */
|
|
7
|
-
.address-input-wrapper {
|
|
8
|
-
width: 100%;
|
|
9
|
-
}
|
|
10
|
-
.address-input-item-wrapper {
|
|
11
|
-
padding-right: 5px;
|
|
12
|
-
}
|
|
13
|
-
.address-input-item-wrapper .el-cascader, .address-input-item-wrapper .el-input {
|
|
14
|
-
width: 100%;
|
|
15
|
-
}
|
|
1
|
+
.address-input-wrapper{width:100%}.address-input-item-wrapper{padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}
|
|
@@ -1,37 +1,33 @@
|
|
|
1
|
-
import { n as
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var _c = _vm._self._c || _h;
|
|
6
|
-
return _c("div", {
|
|
1
|
+
import { n as a } from "../../chunks/5d4282fb.js";
|
|
2
|
+
var o = function() {
|
|
3
|
+
var e = this, t = e.$createElement, s = e._self._c || t;
|
|
4
|
+
return s("div", {
|
|
7
5
|
staticStyle: {
|
|
8
6
|
"padding-top": "4px"
|
|
9
7
|
}
|
|
10
|
-
},
|
|
11
|
-
return
|
|
12
|
-
key:
|
|
8
|
+
}, e._l(e.menu, function(n) {
|
|
9
|
+
return s("div", {
|
|
10
|
+
key: n.key,
|
|
13
11
|
staticClass: "aside-menu-item hover-active",
|
|
14
12
|
class: {
|
|
15
|
-
active:
|
|
13
|
+
active: e.$route.path === n.path
|
|
16
14
|
},
|
|
17
15
|
on: {
|
|
18
|
-
|
|
19
|
-
return
|
|
16
|
+
click: function(l) {
|
|
17
|
+
return e.$router.push(n.path);
|
|
20
18
|
}
|
|
21
19
|
}
|
|
22
|
-
}, [
|
|
23
|
-
return [
|
|
20
|
+
}, [e._t("default", function() {
|
|
21
|
+
return [s("i", {
|
|
24
22
|
staticClass: "egd-icon-common",
|
|
25
|
-
class:
|
|
26
|
-
}),
|
|
23
|
+
class: n.icon
|
|
24
|
+
}), e._v(" " + e._s(n.label) + " ")];
|
|
27
25
|
}, {
|
|
28
|
-
|
|
26
|
+
item: n
|
|
29
27
|
})], 2);
|
|
30
28
|
}), 0);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
const AsideMenu_vue_vue_type_style_index_0_lang = "";
|
|
34
|
-
const __vue2_script = {
|
|
29
|
+
}, c = [];
|
|
30
|
+
const u = {
|
|
35
31
|
name: "AsideMenu",
|
|
36
32
|
props: {
|
|
37
33
|
menu: {
|
|
@@ -39,26 +35,24 @@ const __vue2_script = {
|
|
|
39
35
|
default: () => []
|
|
40
36
|
}
|
|
41
37
|
}
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
__vue2_injectStyles,
|
|
38
|
+
}, r = {};
|
|
39
|
+
var i = /* @__PURE__ */ a(
|
|
40
|
+
u,
|
|
41
|
+
o,
|
|
42
|
+
c,
|
|
43
|
+
!1,
|
|
44
|
+
_,
|
|
50
45
|
null,
|
|
51
46
|
null,
|
|
52
47
|
null
|
|
53
48
|
);
|
|
54
|
-
function
|
|
55
|
-
for (let
|
|
56
|
-
this[
|
|
57
|
-
}
|
|
49
|
+
function _(e) {
|
|
50
|
+
for (let t in r)
|
|
51
|
+
this[t] = r[t];
|
|
58
52
|
}
|
|
59
|
-
const
|
|
60
|
-
return
|
|
53
|
+
const p = /* @__PURE__ */ function() {
|
|
54
|
+
return i.exports;
|
|
61
55
|
}();
|
|
62
56
|
export {
|
|
63
|
-
|
|
57
|
+
p as default
|
|
64
58
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { isFunction, error } from "@web-utils/core";
|
|
2
|
-
import { n as
|
|
3
|
-
const
|
|
1
|
+
import { isFunction as i, error as r } from "@web-utils/core";
|
|
2
|
+
import { n as a } from "../../chunks/5d4282fb.js";
|
|
3
|
+
const l = {
|
|
4
4
|
props: {
|
|
5
5
|
type: {
|
|
6
6
|
type: String,
|
|
@@ -21,10 +21,9 @@ const props = {
|
|
|
21
21
|
autofocus: Boolean,
|
|
22
22
|
round: Boolean
|
|
23
23
|
}
|
|
24
|
-
}
|
|
25
|
-
const __vue2_script = {
|
|
24
|
+
}, c = {
|
|
26
25
|
name: "AwesomeButton",
|
|
27
|
-
mixins: [
|
|
26
|
+
mixins: [l],
|
|
28
27
|
props: {
|
|
29
28
|
text: {
|
|
30
29
|
type: String,
|
|
@@ -33,53 +32,51 @@ const __vue2_script = {
|
|
|
33
32
|
},
|
|
34
33
|
data() {
|
|
35
34
|
return {
|
|
36
|
-
isLoading:
|
|
35
|
+
isLoading: !1
|
|
37
36
|
};
|
|
38
37
|
},
|
|
39
38
|
methods: {
|
|
40
39
|
async onClick(e) {
|
|
41
|
-
this.isLoading =
|
|
42
|
-
const { click } = this.$listeners;
|
|
43
|
-
if (
|
|
40
|
+
this.isLoading = !0;
|
|
41
|
+
const { click: t } = this.$listeners;
|
|
42
|
+
if (i(t))
|
|
44
43
|
try {
|
|
45
|
-
await
|
|
46
|
-
} catch (
|
|
47
|
-
|
|
44
|
+
await t(e);
|
|
45
|
+
} catch (o) {
|
|
46
|
+
r.call(this, o);
|
|
48
47
|
}
|
|
49
|
-
|
|
50
|
-
this.isLoading = false;
|
|
48
|
+
this.isLoading = !1;
|
|
51
49
|
}
|
|
52
50
|
},
|
|
53
|
-
render(
|
|
54
|
-
var
|
|
55
|
-
const
|
|
56
|
-
return
|
|
51
|
+
render(e) {
|
|
52
|
+
var o, n;
|
|
53
|
+
const t = (n = (o = this.$scopedSlots).default) == null ? void 0 : n.call(o);
|
|
54
|
+
return e(
|
|
57
55
|
"ElButton",
|
|
58
56
|
{ on: { click: this.onClick }, props: { ...this.$props, disabled: this.isLoading } },
|
|
59
|
-
|
|
57
|
+
t && (t[0].tag || t[0].text) ? t : this.text
|
|
60
58
|
);
|
|
61
59
|
}
|
|
62
60
|
};
|
|
63
|
-
let
|
|
64
|
-
const
|
|
65
|
-
var
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
let u, p;
|
|
62
|
+
const s = {};
|
|
63
|
+
var d = /* @__PURE__ */ a(
|
|
64
|
+
c,
|
|
65
|
+
u,
|
|
66
|
+
p,
|
|
67
|
+
!1,
|
|
68
|
+
_,
|
|
71
69
|
null,
|
|
72
70
|
null,
|
|
73
71
|
null
|
|
74
72
|
);
|
|
75
|
-
function
|
|
76
|
-
for (let
|
|
77
|
-
this[
|
|
78
|
-
}
|
|
73
|
+
function _(e) {
|
|
74
|
+
for (let t in s)
|
|
75
|
+
this[t] = s[t];
|
|
79
76
|
}
|
|
80
|
-
const
|
|
81
|
-
return
|
|
77
|
+
const h = /* @__PURE__ */ function() {
|
|
78
|
+
return d.exports;
|
|
82
79
|
}();
|
|
83
80
|
export {
|
|
84
|
-
|
|
81
|
+
h as default
|
|
85
82
|
};
|
package/dist/components/base.css
CHANGED
|
@@ -1,66 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/* 应用头部高度 */
|
|
3
|
-
/* 页面宽度 */
|
|
4
|
-
/* 侧栏宽度 */
|
|
5
|
-
/* 标签高度 */
|
|
6
|
-
/* 页面头部工具条高度 */
|
|
7
|
-
.border-bottom {
|
|
8
|
-
border-bottom: 1px solid #d7dae0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.clear-fix::after {
|
|
12
|
-
display: block;
|
|
13
|
-
clear: both;
|
|
14
|
-
height: 0;
|
|
15
|
-
visibility: hidden;
|
|
16
|
-
content: " ";
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.flex-row {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
flex-shrink: 0;
|
|
23
|
-
}
|
|
24
|
-
.flex-row.vertical-center {
|
|
25
|
-
align-items: center;
|
|
26
|
-
}
|
|
27
|
-
.flex-row.vertical-start {
|
|
28
|
-
align-items: flex-start;
|
|
29
|
-
}
|
|
30
|
-
.flex-row.horizon-center {
|
|
31
|
-
justify-content: center;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.text-center {
|
|
35
|
-
text-align: center;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.flex-column {
|
|
39
|
-
display: flex;
|
|
40
|
-
flex-direction: column;
|
|
41
|
-
}
|
|
42
|
-
.flex-column.vertical-center {
|
|
43
|
-
justify-content: center;
|
|
44
|
-
}
|
|
45
|
-
.flex-column.horizon-center {
|
|
46
|
-
align-items: center;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.flex-item, .flex-item-relative {
|
|
50
|
-
flex: 1 1 auto;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.flex-item-relative {
|
|
54
|
-
position: relative;
|
|
55
|
-
}
|
|
56
|
-
.flex-item-relative .flex-content {
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 0;
|
|
59
|
-
right: 0;
|
|
60
|
-
bottom: 0;
|
|
61
|
-
left: 0;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.flex-not-shrink {
|
|
65
|
-
flex-shrink: 0;
|
|
66
|
-
}
|
|
1
|
+
.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;right:0;bottom:0;left:0}.flex-not-shrink{flex-shrink:0}
|
|
@@ -1,28 +1,24 @@
|
|
|
1
|
-
import { n as
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var _c = _vm._self._c || _h;
|
|
6
|
-
return _c("ul", {
|
|
1
|
+
import { n as s } from "../../chunks/5d4282fb.js";
|
|
2
|
+
var u = function() {
|
|
3
|
+
var e = this, t = e.$createElement, a = e._self._c || t;
|
|
4
|
+
return a("ul", {
|
|
7
5
|
staticClass: "capsule-tab"
|
|
8
|
-
},
|
|
9
|
-
return
|
|
10
|
-
key:
|
|
6
|
+
}, e._l(e.tabs, function(n) {
|
|
7
|
+
return a("li", {
|
|
8
|
+
key: n.value,
|
|
11
9
|
class: ["tab-item", {
|
|
12
|
-
active:
|
|
13
|
-
single:
|
|
10
|
+
active: e.value === n.value,
|
|
11
|
+
single: e.tabs.length === 1
|
|
14
12
|
}],
|
|
15
13
|
on: {
|
|
16
|
-
|
|
17
|
-
return
|
|
14
|
+
click: function(i) {
|
|
15
|
+
return e.$emit("input", n.value);
|
|
18
16
|
}
|
|
19
17
|
}
|
|
20
|
-
}, [
|
|
18
|
+
}, [e._v(" " + e._s(n.label) + " ")]);
|
|
21
19
|
}), 0);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
const CapsuleTab_vue_vue_type_style_index_0_lang = "";
|
|
25
|
-
const __vue2_script = {
|
|
20
|
+
}, r = [];
|
|
21
|
+
const _ = {
|
|
26
22
|
name: "CapsuleTab",
|
|
27
23
|
props: {
|
|
28
24
|
tabs: {
|
|
@@ -33,26 +29,24 @@ const __vue2_script = {
|
|
|
33
29
|
type: String
|
|
34
30
|
}
|
|
35
31
|
}
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
__vue2_injectStyles,
|
|
32
|
+
}, l = {};
|
|
33
|
+
var c = /* @__PURE__ */ s(
|
|
34
|
+
_,
|
|
35
|
+
u,
|
|
36
|
+
r,
|
|
37
|
+
!1,
|
|
38
|
+
o,
|
|
44
39
|
null,
|
|
45
40
|
null,
|
|
46
41
|
null
|
|
47
42
|
);
|
|
48
|
-
function
|
|
49
|
-
for (let
|
|
50
|
-
this[
|
|
51
|
-
}
|
|
43
|
+
function o(e) {
|
|
44
|
+
for (let t in l)
|
|
45
|
+
this[t] = l[t];
|
|
52
46
|
}
|
|
53
|
-
const
|
|
54
|
-
return
|
|
47
|
+
const p = /* @__PURE__ */ function() {
|
|
48
|
+
return c.exports;
|
|
55
49
|
}();
|
|
56
50
|
export {
|
|
57
|
-
|
|
51
|
+
p as default
|
|
58
52
|
};
|
|
@@ -1,32 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/* 应用头部高度 */
|
|
3
|
-
/* 页面宽度 */
|
|
4
|
-
/* 侧栏宽度 */
|
|
5
|
-
/* 标签高度 */
|
|
6
|
-
/* 页面头部工具条高度 */
|
|
7
|
-
.capsule-tab {
|
|
8
|
-
display: inline;
|
|
9
|
-
margin-right: 10px;
|
|
10
|
-
}
|
|
11
|
-
.capsule-tab .tab-item {
|
|
12
|
-
display: inline;
|
|
13
|
-
padding: 2px 14px;
|
|
14
|
-
background-color: #fafafa;
|
|
15
|
-
border: 1px solid #ebeef5;
|
|
16
|
-
border-right: none;
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
}
|
|
19
|
-
.capsule-tab .tab-item.active {
|
|
20
|
-
color: #fff;
|
|
21
|
-
background-color: rgb(239, 102, 102);
|
|
22
|
-
}
|
|
23
|
-
.capsule-tab .tab-item:first-child {
|
|
24
|
-
border-radius: 12px 0 0 12px;
|
|
25
|
-
}
|
|
26
|
-
.capsule-tab .tab-item:last-child {
|
|
27
|
-
border-right: 1px solid #ccc;
|
|
28
|
-
border-radius: 0 12px 12px 0;
|
|
29
|
-
}
|
|
30
|
-
.capsule-tab .tab-item:last-child.single {
|
|
31
|
-
border-radius: 12px;
|
|
32
|
-
}
|
|
1
|
+
.capsule-tab{display:inline;margin-right:10px}.capsule-tab .tab-item{display:inline;padding:2px 14px;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;cursor:pointer}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}
|