xbd-vui 0.0.1 → 0.0.3
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/xbd-vui.css +1 -1
- package/dist/xbd-vui.es.js +171 -99
- package/dist/xbd-vui.umd.js +5 -5
- package/package.json +1 -1
package/dist/xbd-vui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-popover-handle{display:flex;align-items:center;gap:8px;margin-top:8px}.v-popover-handle-right{margin-left:auto}.v-popover-handle .el-button+.el-button{margin:0}.v-batch-input-wrapper{width:380px}.v-batch-input .v-batch-input-clear{color:#888;display:none}.v-batch-input .v-batch-input-clear:hover{color:var(--base-icon-color);cursor:pointer}.v-batch-input:hover.is--value .v-batch-input-icon{display:none}.v-batch-input:hover.is--value .v-batch-input-clear{display:block;z-index:1}.v-batch-input.is--focus{box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-color-primary)) inset;z-index:1}.v-group{display:flex}.v-group>*{margin-right:-1px}.v-group .el-input__wrapper,.v-group .el-select__wrapper,.v-group .el-button,.v-group .el-select-v2__wrapper,.v-group .v-group-item{position:relative;border-radius:0}.v-group .el-input__wrapper:hover.el-input__wrapper,.v-group .el-input__wrapper:hover .el-input__wrapper,.v-group .el-input__wrapper:hover .el-select__wrapper,.v-group .el-input__wrapper:hover .el-input__suffix,.v-group .el-input__wrapper.is-focus.el-input__wrapper,.v-group .el-input__wrapper.is-focus .el-input__wrapper,.v-group .el-input__wrapper.is-focus .el-select__wrapper,.v-group .el-input__wrapper.is-focus .el-input__suffix,.v-group .el-input__wrapper.is-active.el-input__wrapper,.v-group .el-input__wrapper.is-active .el-input__wrapper,.v-group .el-input__wrapper.is-active .el-select__wrapper,.v-group .el-input__wrapper.is-active .el-input__suffix,.v-group .el-select__wrapper:hover.el-input__wrapper,.v-group .el-select__wrapper:hover .el-input__wrapper,.v-group .el-select__wrapper:hover .el-select__wrapper,.v-group .el-select__wrapper:hover .el-input__suffix,.v-group .el-select__wrapper.is-focus.el-input__wrapper,.v-group .el-select__wrapper.is-focus .el-input__wrapper,.v-group .el-select__wrapper.is-focus .el-select__wrapper,.v-group .el-select__wrapper.is-focus .el-input__suffix,.v-group .el-select__wrapper.is-active.el-input__wrapper,.v-group .el-select__wrapper.is-active .el-input__wrapper,.v-group .el-select__wrapper.is-active .el-select__wrapper,.v-group .el-select__wrapper.is-active .el-input__suffix,.v-group .el-button:hover.el-input__wrapper,.v-group .el-button:hover .el-input__wrapper,.v-group .el-button:hover .el-select__wrapper,.v-group .el-button:hover .el-input__suffix,.v-group .el-button.is-focus.el-input__wrapper,.v-group .el-button.is-focus .el-input__wrapper,.v-group .el-button.is-focus .el-select__wrapper,.v-group .el-button.is-focus .el-input__suffix,.v-group .el-button.is-active.el-input__wrapper,.v-group .el-button.is-active .el-input__wrapper,.v-group .el-button.is-active .el-select__wrapper,.v-group .el-button.is-active .el-input__suffix,.v-group .el-select-v2__wrapper:hover.el-input__wrapper,.v-group .el-select-v2__wrapper:hover .el-input__wrapper,.v-group .el-select-v2__wrapper:hover .el-select__wrapper,.v-group .el-select-v2__wrapper:hover .el-input__suffix,.v-group .el-select-v2__wrapper.is-focus.el-input__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-input__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-select__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-input__suffix,.v-group .el-select-v2__wrapper.is-active.el-input__wrapper,.v-group .el-select-v2__wrapper.is-active .el-input__wrapper,.v-group .el-select-v2__wrapper.is-active .el-select__wrapper,.v-group .el-select-v2__wrapper.is-active .el-input__suffix,.v-group .v-group-item:hover.el-input__wrapper,.v-group .v-group-item:hover .el-input__wrapper,.v-group .v-group-item:hover .el-select__wrapper,.v-group .v-group-item:hover .el-input__suffix,.v-group .v-group-item.is-focus.el-input__wrapper,.v-group .v-group-item.is-focus .el-input__wrapper,.v-group .v-group-item.is-focus .el-select__wrapper,.v-group .v-group-item.is-focus .el-input__suffix,.v-group .v-group-item.is-active.el-input__wrapper,.v-group .v-group-item.is-active .el-input__wrapper,.v-group .v-group-item.is-active .el-select__wrapper,.v-group .v-group-item.is-active .el-input__suffix{z-index:1}.v-group .el-input__wrapper:hover .el-input-number__decrease,.v-group .el-input__wrapper:hover .el-input-number__increase,.v-group .el-select__wrapper:hover .el-input-number__decrease,.v-group .el-select__wrapper:hover .el-input-number__increase,.v-group .el-button:hover .el-input-number__decrease,.v-group .el-button:hover .el-input-number__increase,.v-group .el-select-v2__wrapper:hover .el-input-number__decrease,.v-group .el-select-v2__wrapper:hover .el-input-number__increase,.v-group .v-group-item:hover .el-input-number__decrease,.v-group .v-group-item:hover .el-input-number__increase{z-index:2}.v-group>:first-child.el-input__wrapper,.v-group>:first-child .el-input__wrapper,.v-group>:first-child .el-select__wrapper,.v-group>:first-child.el-button,.v-group>:first-child .el-select-v2__wrapper,.v-group>:first-child.v-group-item{border-top-left-radius:
|
|
1
|
+
.v-popover-handle{display:flex;align-items:center;gap:8px;margin-top:8px}.v-popover-handle-right{margin-left:auto}.v-popover-handle .el-button+.el-button{margin:0}.v-batch-input-wrapper{width:380px}.v-batch-input .v-batch-input-clear{color:#888;display:none}.v-batch-input .v-batch-input-clear:hover{color:var(--base-icon-color);cursor:pointer}.v-batch-input:hover.is--value .v-batch-input-icon{display:none}.v-batch-input:hover.is--value .v-batch-input-clear{display:block;z-index:1}.v-batch-input.is--focus{box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-color-primary)) inset;z-index:1}.v-dialog{border-radius:16px}.v-dialog .el-dialog__header{border-bottom:1px solid var(--base-brder-color)}.v-dialog .el-dialog__body{margin-top:16px}.v-group{display:flex}.v-group>*{margin-right:-1px}.v-group .el-input__wrapper,.v-group .el-select__wrapper,.v-group .el-button,.v-group .el-select-v2__wrapper,.v-group .v-group-item{position:relative;border-radius:0}.v-group .el-input__wrapper:hover.el-input__wrapper,.v-group .el-input__wrapper:hover .el-input__wrapper,.v-group .el-input__wrapper:hover .el-select__wrapper,.v-group .el-input__wrapper:hover .el-input__suffix,.v-group .el-input__wrapper.is-focus.el-input__wrapper,.v-group .el-input__wrapper.is-focus .el-input__wrapper,.v-group .el-input__wrapper.is-focus .el-select__wrapper,.v-group .el-input__wrapper.is-focus .el-input__suffix,.v-group .el-input__wrapper.is-active.el-input__wrapper,.v-group .el-input__wrapper.is-active .el-input__wrapper,.v-group .el-input__wrapper.is-active .el-select__wrapper,.v-group .el-input__wrapper.is-active .el-input__suffix,.v-group .el-select__wrapper:hover.el-input__wrapper,.v-group .el-select__wrapper:hover .el-input__wrapper,.v-group .el-select__wrapper:hover .el-select__wrapper,.v-group .el-select__wrapper:hover .el-input__suffix,.v-group .el-select__wrapper.is-focus.el-input__wrapper,.v-group .el-select__wrapper.is-focus .el-input__wrapper,.v-group .el-select__wrapper.is-focus .el-select__wrapper,.v-group .el-select__wrapper.is-focus .el-input__suffix,.v-group .el-select__wrapper.is-active.el-input__wrapper,.v-group .el-select__wrapper.is-active .el-input__wrapper,.v-group .el-select__wrapper.is-active .el-select__wrapper,.v-group .el-select__wrapper.is-active .el-input__suffix,.v-group .el-button:hover.el-input__wrapper,.v-group .el-button:hover .el-input__wrapper,.v-group .el-button:hover .el-select__wrapper,.v-group .el-button:hover .el-input__suffix,.v-group .el-button.is-focus.el-input__wrapper,.v-group .el-button.is-focus .el-input__wrapper,.v-group .el-button.is-focus .el-select__wrapper,.v-group .el-button.is-focus .el-input__suffix,.v-group .el-button.is-active.el-input__wrapper,.v-group .el-button.is-active .el-input__wrapper,.v-group .el-button.is-active .el-select__wrapper,.v-group .el-button.is-active .el-input__suffix,.v-group .el-select-v2__wrapper:hover.el-input__wrapper,.v-group .el-select-v2__wrapper:hover .el-input__wrapper,.v-group .el-select-v2__wrapper:hover .el-select__wrapper,.v-group .el-select-v2__wrapper:hover .el-input__suffix,.v-group .el-select-v2__wrapper.is-focus.el-input__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-input__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-select__wrapper,.v-group .el-select-v2__wrapper.is-focus .el-input__suffix,.v-group .el-select-v2__wrapper.is-active.el-input__wrapper,.v-group .el-select-v2__wrapper.is-active .el-input__wrapper,.v-group .el-select-v2__wrapper.is-active .el-select__wrapper,.v-group .el-select-v2__wrapper.is-active .el-input__suffix,.v-group .v-group-item:hover.el-input__wrapper,.v-group .v-group-item:hover .el-input__wrapper,.v-group .v-group-item:hover .el-select__wrapper,.v-group .v-group-item:hover .el-input__suffix,.v-group .v-group-item.is-focus.el-input__wrapper,.v-group .v-group-item.is-focus .el-input__wrapper,.v-group .v-group-item.is-focus .el-select__wrapper,.v-group .v-group-item.is-focus .el-input__suffix,.v-group .v-group-item.is-active.el-input__wrapper,.v-group .v-group-item.is-active .el-input__wrapper,.v-group .v-group-item.is-active .el-select__wrapper,.v-group .v-group-item.is-active .el-input__suffix{z-index:1}.v-group .el-input__wrapper:hover .el-input-number__decrease,.v-group .el-input__wrapper:hover .el-input-number__increase,.v-group .el-select__wrapper:hover .el-input-number__decrease,.v-group .el-select__wrapper:hover .el-input-number__increase,.v-group .el-button:hover .el-input-number__decrease,.v-group .el-button:hover .el-input-number__increase,.v-group .el-select-v2__wrapper:hover .el-input-number__decrease,.v-group .el-select-v2__wrapper:hover .el-input-number__increase,.v-group .v-group-item:hover .el-input-number__decrease,.v-group .v-group-item:hover .el-input-number__increase{z-index:2}.v-group>:first-child.el-input__wrapper,.v-group>:first-child .el-input__wrapper,.v-group>:first-child .el-select__wrapper,.v-group>:first-child.el-button,.v-group>:first-child .el-select-v2__wrapper,.v-group>:first-child.v-group-item{border-top-left-radius:var(--border-size-sm);border-bottom-left-radius:var(--border-size-sm)}.v-group>:first-child.el-button{padding:0 10px}.v-group>:last-child{margin-right:0}.v-group>:last-child.el-input__wrapper,.v-group>:last-child .el-input__wrapper,.v-group>:last-child .el-select__wrapper,.v-group>:last-child.el-button,.v-group>:last-child .el-select-v2__wrapper,.v-group>:last-child.v-group-item{border-top-right-radius:var(--border-size-sm);border-bottom-right-radius:var(--border-size-sm)}.v-group>:last-child.el-button{padding:0 10px}.v-group .v-group-item{display:flex;align-items:center;padding:0 10px;font-size:var(--el-font-size-base);color:var(--base-sub-text-color);white-space:nowrap;box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset}.v-group .el-button-group{display:flex}.v-group .el-select__tags,.v-group .el-input-number__decrease,.v-group .el-input-number__increase{z-index:2}
|
package/dist/xbd-vui.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { resolveComponent as V, createElementBlock as
|
|
2
|
-
import { ElButton as
|
|
3
|
-
const
|
|
1
|
+
import { resolveComponent as V, createElementBlock as M, openBlock as _, createVNode as v, createElementVNode as s, withCtx as u, createTextVNode as y, toDisplayString as C, ref as w, computed as O, createBlock as x, mergeProps as P, defineComponent as N, unref as U, normalizeProps as G, guardReactiveProps as Z, renderSlot as k, createCommentVNode as E } from "vue";
|
|
2
|
+
import { ElButton as D } from "element-plus";
|
|
3
|
+
const I = { class: "v-popover-handle" }, R = {
|
|
4
4
|
__name: "Handle",
|
|
5
5
|
props: {
|
|
6
6
|
value: { type: String, default: "" },
|
|
@@ -8,55 +8,55 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
8
8
|
closeText: { type: String, default: "关闭" }
|
|
9
9
|
},
|
|
10
10
|
emits: ["close", "submit", "clear"],
|
|
11
|
-
setup(e, { emit:
|
|
12
|
-
const
|
|
11
|
+
setup(e, { emit: o }) {
|
|
12
|
+
const a = o;
|
|
13
13
|
return (i, t) => {
|
|
14
14
|
const r = V("el-button");
|
|
15
|
-
return
|
|
16
|
-
|
|
15
|
+
return _(), M("div", I, [
|
|
16
|
+
v(r, {
|
|
17
17
|
size: "small",
|
|
18
|
-
onClick: t[0] || (t[0] = (d) =>
|
|
18
|
+
onClick: t[0] || (t[0] = (d) => a("clear"))
|
|
19
19
|
}, {
|
|
20
|
-
default:
|
|
21
|
-
|
|
20
|
+
default: u(() => t[3] || (t[3] = [
|
|
21
|
+
y("清空")
|
|
22
22
|
])),
|
|
23
23
|
_: 1,
|
|
24
24
|
__: [3]
|
|
25
25
|
}),
|
|
26
|
-
|
|
26
|
+
s("div", null, "共 " + C(e.value ? e.value.split(`
|
|
27
27
|
`).length : 0) + " 个", 1),
|
|
28
|
-
|
|
28
|
+
v(r, {
|
|
29
29
|
size: "small",
|
|
30
30
|
class: "v-popover-handle-right",
|
|
31
|
-
onClick: t[1] || (t[1] = (d) =>
|
|
31
|
+
onClick: t[1] || (t[1] = (d) => a("close"))
|
|
32
32
|
}, {
|
|
33
|
-
default:
|
|
34
|
-
|
|
33
|
+
default: u(() => [
|
|
34
|
+
y(C(e.closeText), 1)
|
|
35
35
|
]),
|
|
36
36
|
_: 1
|
|
37
37
|
}),
|
|
38
|
-
|
|
38
|
+
v(r, {
|
|
39
39
|
size: "small",
|
|
40
40
|
type: "primary",
|
|
41
|
-
onClick: t[2] || (t[2] = (d) =>
|
|
41
|
+
onClick: t[2] || (t[2] = (d) => a("submit"))
|
|
42
42
|
}, {
|
|
43
|
-
default:
|
|
44
|
-
|
|
43
|
+
default: u(() => [
|
|
44
|
+
y(C(e.submitText), 1)
|
|
45
45
|
]),
|
|
46
46
|
_: 1
|
|
47
47
|
})
|
|
48
48
|
]);
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
},
|
|
51
|
+
}, F = { class: "v-batch-input-wrapper" }, S = {
|
|
52
52
|
__name: "index",
|
|
53
53
|
props: {
|
|
54
54
|
modelValue: { type: String, default: () => "" },
|
|
55
55
|
rows: { type: [Number, String], default: () => 200 }
|
|
56
56
|
},
|
|
57
57
|
emits: ["update:modelValue", "search"],
|
|
58
|
-
setup(e, { expose:
|
|
59
|
-
const i = e, t =
|
|
58
|
+
setup(e, { expose: o, emit: a }) {
|
|
59
|
+
const i = e, t = a, r = w(!1), d = w(!1), m = w(), p = O({
|
|
60
60
|
get() {
|
|
61
61
|
var l;
|
|
62
62
|
return ((l = i.modelValue) == null ? void 0 : l.replaceAll(",", `
|
|
@@ -66,51 +66,51 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
66
66
|
t("update:modelValue", (l == null ? void 0 : l.split(`
|
|
67
67
|
`).join(",")) || "");
|
|
68
68
|
}
|
|
69
|
-
}),
|
|
69
|
+
}), g = O(
|
|
70
70
|
() => {
|
|
71
71
|
var l;
|
|
72
|
-
return ((l =
|
|
72
|
+
return ((l = p.value) == null ? void 0 : l.split(`
|
|
73
73
|
`).filter(Boolean).join(",")) || "";
|
|
74
74
|
}
|
|
75
|
-
),
|
|
76
|
-
r.value = !0, await 1,
|
|
75
|
+
), c = async () => {
|
|
76
|
+
r.value = !0, await 1, m == null || m.value.focus();
|
|
77
77
|
}, b = () => {
|
|
78
78
|
r.value = !1;
|
|
79
|
-
},
|
|
79
|
+
}, $ = () => {
|
|
80
80
|
var l;
|
|
81
81
|
t(
|
|
82
82
|
"update:modelValue",
|
|
83
|
-
((l =
|
|
83
|
+
((l = p.value) == null ? void 0 : l.split(`
|
|
84
84
|
`).filter(Boolean).slice(0, i.rows).join(",")) || ""
|
|
85
85
|
);
|
|
86
|
-
},
|
|
87
|
-
|
|
88
|
-
},
|
|
86
|
+
}, h = () => {
|
|
87
|
+
p.value = "";
|
|
88
|
+
}, A = () => {
|
|
89
89
|
b(), t("search");
|
|
90
90
|
};
|
|
91
|
-
return
|
|
92
|
-
const
|
|
93
|
-
return
|
|
91
|
+
return o({ clear: h }), (l, n) => {
|
|
92
|
+
const j = V("el-input"), H = V("el-popover");
|
|
93
|
+
return _(), x(H, {
|
|
94
94
|
visible: r.value,
|
|
95
|
-
"onUpdate:visible":
|
|
95
|
+
"onUpdate:visible": n[4] || (n[4] = (f) => r.value = f),
|
|
96
96
|
disabled: d.value,
|
|
97
97
|
trigger: "click",
|
|
98
98
|
placement: "bottom-end",
|
|
99
99
|
width: "405px",
|
|
100
100
|
offset: 2,
|
|
101
101
|
"show-arrow": !1,
|
|
102
|
-
onShow:
|
|
102
|
+
onShow: c,
|
|
103
103
|
onHide: b
|
|
104
104
|
}, {
|
|
105
|
-
reference:
|
|
106
|
-
|
|
107
|
-
modelValue:
|
|
108
|
-
"onUpdate:modelValue":
|
|
105
|
+
reference: u(() => [
|
|
106
|
+
v(j, P({
|
|
107
|
+
modelValue: g.value,
|
|
108
|
+
"onUpdate:modelValue": n[2] || (n[2] = (f) => g.value = f),
|
|
109
109
|
placeholder: l.$attrs.placeholder || "请输入",
|
|
110
|
-
class: ["v-batch-input",
|
|
110
|
+
class: ["v-batch-input", g.value && !r.value && "is--value"]
|
|
111
111
|
}, l.$attrs), {
|
|
112
|
-
suffix:
|
|
113
|
-
|
|
112
|
+
suffix: u(() => [
|
|
113
|
+
n[6] || (n[6] = s("svg", {
|
|
114
114
|
class: "v-batch-input-icon",
|
|
115
115
|
width: "14px",
|
|
116
116
|
height: "14.00px",
|
|
@@ -118,36 +118,36 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
118
118
|
version: "1.1",
|
|
119
119
|
xmlns: "http://www.w3.org/2000/svg"
|
|
120
120
|
}, [
|
|
121
|
-
|
|
121
|
+
s("path", {
|
|
122
122
|
fill: "#909399",
|
|
123
123
|
d: "M765.932181 720.345605m22.756717 22.756717l226.015571 226.015571q22.756717 22.756717 0 45.513433l0 0q-22.756717 22.756717-45.513433 0l-226.015571-226.015571q-22.756717-22.756717 0-45.513433l0 0q22.756717-22.756717 45.513433 0Z"
|
|
124
124
|
}),
|
|
125
|
-
|
|
125
|
+
s("path", {
|
|
126
126
|
fill: "#909399",
|
|
127
127
|
d: "M192.365714 236.982857m32.182857 0l575.634286 0q32.182857 0 32.182857 32.182857l0 0q0 32.182857-32.182857 32.182857l-575.634286 0q-32.182857 0-32.182857-32.182857l0 0q0-32.182857 32.182857-32.182857Z"
|
|
128
128
|
}),
|
|
129
|
-
|
|
129
|
+
s("path", {
|
|
130
130
|
fill: "#909399",
|
|
131
131
|
d: "M192.365714 479.817143m32.182857 0l191.634286 0q32.182857 0 32.182857 32.182857l0-0.731429q0 32.182857-32.182857 32.182858l-191.634286 0q-32.182857 0-32.182857-32.182858l0 0.731429q0-32.182857 32.182857-32.182857Z"
|
|
132
132
|
}),
|
|
133
|
-
|
|
133
|
+
s("path", {
|
|
134
134
|
fill: "#909399",
|
|
135
135
|
d: "M192.365714 722.651429m32.182857 0l63.634286 0q32.182857 0 32.182857 32.182857l0-0.731429q0 32.182857-32.182857 32.182857l-63.634286 0q-32.182857 0-32.182857-32.182857l0 0.731429q0-32.182857 32.182857-32.182857Z"
|
|
136
136
|
}),
|
|
137
|
-
|
|
137
|
+
s("path", {
|
|
138
138
|
fill: "#909399",
|
|
139
139
|
d: "M896 0H128A128 128 0 0 0 0 128v768A128 128 0 0 0 128 1024h576.365714v-63.634286H128a64.365714 64.365714 0 0 1-63.634286-64.365714V128a63.634286 63.634286 0 0 1 63.634286-63.634286h768a64.365714 64.365714 0 0 1 64.365714 63.634286v448.365714H1024V128A128 128 0 0 0 896 0z"
|
|
140
140
|
}),
|
|
141
|
-
|
|
141
|
+
s("path", {
|
|
142
142
|
fill: "#909399",
|
|
143
143
|
d: "M670.72 449.097143a192.365714 192.365714 0 1 0 191.634286 192.365714 192.365714 192.365714 0 0 0-191.634286-192.365714z m0 320.365714a128 128 0 1 1 128-128 128 128 0 0 1-128 128z"
|
|
144
144
|
})
|
|
145
145
|
], -1)),
|
|
146
|
-
(
|
|
146
|
+
(_(), M("svg", {
|
|
147
147
|
class: "v-batch-input-clear",
|
|
148
|
-
onMouseenter:
|
|
149
|
-
onMouseleave:
|
|
150
|
-
onClick:
|
|
148
|
+
onMouseenter: n[0] || (n[0] = (f) => d.value = !0),
|
|
149
|
+
onMouseleave: n[1] || (n[1] = (f) => d.value = !1),
|
|
150
|
+
onClick: h,
|
|
151
151
|
t: "1731313372920",
|
|
152
152
|
viewBox: "0 0 1024 1024",
|
|
153
153
|
version: "1.1",
|
|
@@ -155,18 +155,18 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
155
155
|
"p-id": "3649",
|
|
156
156
|
width: "19",
|
|
157
157
|
height: "19"
|
|
158
|
-
},
|
|
159
|
-
|
|
158
|
+
}, n[5] || (n[5] = [
|
|
159
|
+
s("path", {
|
|
160
160
|
d: "M512 96a416 416 0 1 1 0 832 416 416 0 0 1 0-832z m0 64a352 352 0 1 0 0 704 352 352 0 0 0 0-704z",
|
|
161
161
|
"p-id": "3650",
|
|
162
162
|
fill: "currentColor"
|
|
163
163
|
}, null, -1),
|
|
164
|
-
|
|
164
|
+
s("path", {
|
|
165
165
|
d: "M365.12 387.328a32 32 0 0 1 44.864-45.248l4.096 4.032 244.8 290.56a32 32 0 0 1-44.864 45.248l-4.096-4.032-244.8-290.56z",
|
|
166
166
|
"p-id": "3651",
|
|
167
167
|
fill: "currentColor"
|
|
168
168
|
}, null, -1),
|
|
169
|
-
|
|
169
|
+
s("path", {
|
|
170
170
|
d: "M365.12 636.672a32 32 0 0 0 44.864 45.248l4.096-4.032 244.8-290.56a32 32 0 0 0-44.864-45.248l-4.096 4.032-244.8 290.56z",
|
|
171
171
|
"p-id": "3652",
|
|
172
172
|
fill: "currentColor"
|
|
@@ -176,24 +176,24 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
176
176
|
_: 1
|
|
177
177
|
}, 16, ["modelValue", "placeholder", "class"])
|
|
178
178
|
]),
|
|
179
|
-
default:
|
|
180
|
-
|
|
181
|
-
|
|
179
|
+
default: u(() => [
|
|
180
|
+
s("div", F, [
|
|
181
|
+
v(j, {
|
|
182
182
|
ref_key: "inputRef",
|
|
183
|
-
ref:
|
|
184
|
-
modelValue:
|
|
185
|
-
"onUpdate:modelValue":
|
|
183
|
+
ref: m,
|
|
184
|
+
modelValue: p.value,
|
|
185
|
+
"onUpdate:modelValue": n[3] || (n[3] = (f) => p.value = f),
|
|
186
186
|
rows: 12,
|
|
187
187
|
placeholder: `一行一个(最多支持${e.rows}行)`,
|
|
188
188
|
type: "textarea",
|
|
189
189
|
style: { width: "100%" },
|
|
190
|
-
onBlur:
|
|
190
|
+
onBlur: $
|
|
191
191
|
}, null, 8, ["modelValue", "placeholder"]),
|
|
192
|
-
|
|
193
|
-
value:
|
|
194
|
-
onClear:
|
|
192
|
+
v(R, {
|
|
193
|
+
value: p.value,
|
|
194
|
+
onClear: h,
|
|
195
195
|
onClose: b,
|
|
196
|
-
onSubmit:
|
|
196
|
+
onSubmit: A
|
|
197
197
|
}, null, 8, ["value"])
|
|
198
198
|
])
|
|
199
199
|
]),
|
|
@@ -202,55 +202,127 @@ const G = { class: "v-popover-handle" }, I = {
|
|
|
202
202
|
};
|
|
203
203
|
}
|
|
204
204
|
};
|
|
205
|
-
|
|
206
|
-
e.component("VBatchInput",
|
|
205
|
+
S.install = (e) => {
|
|
206
|
+
e.component("VBatchInput", S);
|
|
207
207
|
};
|
|
208
|
-
const
|
|
208
|
+
const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
209
209
|
__proto__: null,
|
|
210
|
-
default:
|
|
211
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
210
|
+
default: S
|
|
211
|
+
}, Symbol.toStringTag, { value: "Module" })), q = /* @__PURE__ */ N({
|
|
212
212
|
__name: "index",
|
|
213
213
|
setup(e) {
|
|
214
|
-
return (
|
|
215
|
-
default:
|
|
216
|
-
|
|
214
|
+
return (o, a) => (_(), x(U(D), G(Z(o.$attrs)), {
|
|
215
|
+
default: u(() => [
|
|
216
|
+
k(o.$slots, "default")
|
|
217
217
|
]),
|
|
218
218
|
_: 3
|
|
219
219
|
}, 16));
|
|
220
220
|
}
|
|
221
221
|
});
|
|
222
|
-
|
|
223
|
-
e.component("VButton",
|
|
222
|
+
q.install = (e) => {
|
|
223
|
+
e.component("VButton", q);
|
|
224
|
+
};
|
|
225
|
+
const K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
226
|
+
__proto__: null,
|
|
227
|
+
default: q
|
|
228
|
+
}, Symbol.toStringTag, { value: "Module" })), B = /* @__PURE__ */ N({
|
|
229
|
+
__name: "index",
|
|
230
|
+
props: {
|
|
231
|
+
title: { type: String, default: "提示" },
|
|
232
|
+
disabled: { type: Boolean, default: !1 },
|
|
233
|
+
loading: { type: Boolean, default: !1 }
|
|
234
|
+
},
|
|
235
|
+
emits: ["close", "save", "open"],
|
|
236
|
+
setup(e, { expose: o, emit: a }) {
|
|
237
|
+
const i = a, t = w(!1), r = () => {
|
|
238
|
+
t.value = !0;
|
|
239
|
+
}, d = () => {
|
|
240
|
+
t.value = !1, i("close");
|
|
241
|
+
}, m = () => {
|
|
242
|
+
d();
|
|
243
|
+
}, p = () => {
|
|
244
|
+
i("save");
|
|
245
|
+
};
|
|
246
|
+
return o({ open: r, close: d }), (g, c) => {
|
|
247
|
+
const b = V("el-button"), $ = V("el-dialog");
|
|
248
|
+
return _(), x($, P({
|
|
249
|
+
modelValue: t.value,
|
|
250
|
+
"onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h),
|
|
251
|
+
width: "30%",
|
|
252
|
+
title: e.title,
|
|
253
|
+
"align-center": ""
|
|
254
|
+
}, g.$attrs, {
|
|
255
|
+
draggable: "",
|
|
256
|
+
"close-on-click-modal": !1,
|
|
257
|
+
onClose: m,
|
|
258
|
+
class: "v-dialog"
|
|
259
|
+
}), {
|
|
260
|
+
footer: u(() => [
|
|
261
|
+
e.disabled ? E("", !0) : (_(), x(b, {
|
|
262
|
+
key: 0,
|
|
263
|
+
type: "primary",
|
|
264
|
+
loading: e.loading,
|
|
265
|
+
onClick: p
|
|
266
|
+
}, {
|
|
267
|
+
default: u(() => c[1] || (c[1] = [
|
|
268
|
+
y(" 确定 ")
|
|
269
|
+
])),
|
|
270
|
+
_: 1,
|
|
271
|
+
__: [1]
|
|
272
|
+
}, 8, ["loading"])),
|
|
273
|
+
v(b, {
|
|
274
|
+
disabled: e.loading,
|
|
275
|
+
onClick: m
|
|
276
|
+
}, {
|
|
277
|
+
default: u(() => c[2] || (c[2] = [
|
|
278
|
+
y(" 取消 ")
|
|
279
|
+
])),
|
|
280
|
+
_: 1,
|
|
281
|
+
__: [2]
|
|
282
|
+
}, 8, ["disabled"])
|
|
283
|
+
]),
|
|
284
|
+
default: u(() => [
|
|
285
|
+
s("div", null, [
|
|
286
|
+
k(g.$slots, "content")
|
|
287
|
+
])
|
|
288
|
+
]),
|
|
289
|
+
_: 3
|
|
290
|
+
}, 16, ["modelValue", "title"]);
|
|
291
|
+
};
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
B.install = (e) => {
|
|
295
|
+
e.component("VGroup", B);
|
|
224
296
|
};
|
|
225
|
-
const
|
|
297
|
+
const L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
226
298
|
__proto__: null,
|
|
227
|
-
default:
|
|
228
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
229
|
-
const
|
|
230
|
-
for (const [i, t] of
|
|
231
|
-
|
|
232
|
-
return
|
|
233
|
-
},
|
|
234
|
-
function
|
|
235
|
-
return
|
|
236
|
-
|
|
299
|
+
default: B
|
|
300
|
+
}, Symbol.toStringTag, { value: "Module" })), Q = (e, o) => {
|
|
301
|
+
const a = e.__vccOpts || e;
|
|
302
|
+
for (const [i, t] of o)
|
|
303
|
+
a[i] = t;
|
|
304
|
+
return a;
|
|
305
|
+
}, W = {}, X = { class: "v-group" };
|
|
306
|
+
function Y(e, o) {
|
|
307
|
+
return _(), M("div", X, [
|
|
308
|
+
k(e.$slots, "default")
|
|
237
309
|
]);
|
|
238
310
|
}
|
|
239
|
-
const
|
|
240
|
-
|
|
241
|
-
e.component("VGroup",
|
|
311
|
+
const z = /* @__PURE__ */ Q(W, [["render", Y]]);
|
|
312
|
+
z.install = (e) => {
|
|
313
|
+
e.component("VGroup", z);
|
|
242
314
|
};
|
|
243
|
-
const
|
|
315
|
+
const ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
244
316
|
__proto__: null,
|
|
245
|
-
default:
|
|
246
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
317
|
+
default: z
|
|
318
|
+
}, Symbol.toStringTag, { value: "Module" })), T = /* @__PURE__ */ Object.assign({ "./BatchInput/index.ts": J, "./Button/index.ts": K, "./Dialog/index.ts": L, "./Group/index.ts": ee }), oe = {
|
|
247
319
|
install(e) {
|
|
248
|
-
for (const
|
|
249
|
-
const
|
|
250
|
-
e.component(`V${t}`,
|
|
320
|
+
for (const o in T) {
|
|
321
|
+
const a = T[o].default, i = o.split("/")[1], t = i.charAt(0).toUpperCase() + i.slice(1);
|
|
322
|
+
e.component(`V${t}`, a);
|
|
251
323
|
}
|
|
252
324
|
}
|
|
253
325
|
};
|
|
254
326
|
export {
|
|
255
|
-
|
|
327
|
+
oe as default
|
|
256
328
|
};
|
package/dist/xbd-vui.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(e,
|
|
2
|
-
`).length:0)+" 个",1),e.createVNode(
|
|
1
|
+
(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.XBDVUI=g(e.Vue,e.ElementPlus))})(this,function(e,g){"use strict";const N={class:"v-popover-handle"},k={__name:"Handle",props:{value:{type:String,default:""},submitText:{type:String,default:"搜索"},closeText:{type:String,default:"关闭"}},emits:["close","submit","clear"],setup(t,{emit:n}){const s=n;return(r,l)=>{const i=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",N,[e.createVNode(i,{size:"small",onClick:l[0]||(l[0]=d=>s("clear"))},{default:e.withCtx(()=>l[3]||(l[3]=[e.createTextVNode("清空")])),_:1,__:[3]}),e.createElementVNode("div",null,"共 "+e.toDisplayString(t.value?t.value.split(`
|
|
2
|
+
`).length:0)+" 个",1),e.createVNode(i,{size:"small",class:"v-popover-handle-right",onClick:l[1]||(l[1]=d=>s("close"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.closeText),1)]),_:1}),e.createVNode(i,{size:"small",type:"primary",onClick:l[2]||(l[2]=d=>s("submit"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.submitText),1)]),_:1})])}}},S={class:"v-batch-input-wrapper"},b={__name:"index",props:{modelValue:{type:String,default:()=>""},rows:{type:[Number,String],default:()=>200}},emits:["update:modelValue","search"],setup(t,{expose:n,emit:s}){const r=t,l=s,i=e.ref(!1),d=e.ref(!1),m=e.ref(),c=e.computed({get(){var o;return((o=r.modelValue)==null?void 0:o.replaceAll(",",`
|
|
3
3
|
`))||""},set(o){l("update:modelValue",(o==null?void 0:o.split(`
|
|
4
|
-
`).join(","))||"")}}),
|
|
5
|
-
`).filter(Boolean).join(","))||""}),
|
|
6
|
-
`).filter(Boolean).slice(0,
|
|
4
|
+
`).join(","))||"")}}),f=e.computed(()=>{var o;return((o=c.value)==null?void 0:o.split(`
|
|
5
|
+
`).filter(Boolean).join(","))||""}),p=async()=>{i.value=!0,await 1,m==null||m.value.focus()},_=()=>{i.value=!1},C=()=>{var o;l("update:modelValue",((o=c.value)==null?void 0:o.split(`
|
|
6
|
+
`).filter(Boolean).slice(0,r.rows).join(","))||"")},V=()=>{c.value=""},v=()=>{_(),l("search")};return n({clear:V}),(o,a)=>{const B=e.resolveComponent("el-input"),O=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(O,{visible:i.value,"onUpdate:visible":a[4]||(a[4]=u=>i.value=u),disabled:d.value,trigger:"click",placement:"bottom-end",width:"405px",offset:2,"show-arrow":!1,onShow:p,onHide:_},{reference:e.withCtx(()=>[e.createVNode(B,e.mergeProps({modelValue:f.value,"onUpdate:modelValue":a[2]||(a[2]=u=>f.value=u),placeholder:o.$attrs.placeholder||"请输入",class:["v-batch-input",f.value&&!i.value&&"is--value"]},o.$attrs),{suffix:e.withCtx(()=>[a[6]||(a[6]=e.createElementVNode("svg",{class:"v-batch-input-icon",width:"14px",height:"14.00px",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{fill:"#909399",d:"M765.932181 720.345605m22.756717 22.756717l226.015571 226.015571q22.756717 22.756717 0 45.513433l0 0q-22.756717 22.756717-45.513433 0l-226.015571-226.015571q-22.756717-22.756717 0-45.513433l0 0q22.756717-22.756717 45.513433 0Z"}),e.createElementVNode("path",{fill:"#909399",d:"M192.365714 236.982857m32.182857 0l575.634286 0q32.182857 0 32.182857 32.182857l0 0q0 32.182857-32.182857 32.182857l-575.634286 0q-32.182857 0-32.182857-32.182857l0 0q0-32.182857 32.182857-32.182857Z"}),e.createElementVNode("path",{fill:"#909399",d:"M192.365714 479.817143m32.182857 0l191.634286 0q32.182857 0 32.182857 32.182857l0-0.731429q0 32.182857-32.182857 32.182858l-191.634286 0q-32.182857 0-32.182857-32.182858l0 0.731429q0-32.182857 32.182857-32.182857Z"}),e.createElementVNode("path",{fill:"#909399",d:"M192.365714 722.651429m32.182857 0l63.634286 0q32.182857 0 32.182857 32.182857l0-0.731429q0 32.182857-32.182857 32.182857l-63.634286 0q-32.182857 0-32.182857-32.182857l0 0.731429q0-32.182857 32.182857-32.182857Z"}),e.createElementVNode("path",{fill:"#909399",d:"M896 0H128A128 128 0 0 0 0 128v768A128 128 0 0 0 128 1024h576.365714v-63.634286H128a64.365714 64.365714 0 0 1-63.634286-64.365714V128a63.634286 63.634286 0 0 1 63.634286-63.634286h768a64.365714 64.365714 0 0 1 64.365714 63.634286v448.365714H1024V128A128 128 0 0 0 896 0z"}),e.createElementVNode("path",{fill:"#909399",d:"M670.72 449.097143a192.365714 192.365714 0 1 0 191.634286 192.365714 192.365714 192.365714 0 0 0-191.634286-192.365714z m0 320.365714a128 128 0 1 1 128-128 128 128 0 0 1-128 128z"})],-1)),(e.openBlock(),e.createElementBlock("svg",{class:"v-batch-input-clear",onMouseenter:a[0]||(a[0]=u=>d.value=!0),onMouseleave:a[1]||(a[1]=u=>d.value=!1),onClick:V,t:"1731313372920",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"3649",width:"19",height:"19"},a[5]||(a[5]=[e.createElementVNode("path",{d:"M512 96a416 416 0 1 1 0 832 416 416 0 0 1 0-832z m0 64a352 352 0 1 0 0 704 352 352 0 0 0 0-704z","p-id":"3650",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M365.12 387.328a32 32 0 0 1 44.864-45.248l4.096 4.032 244.8 290.56a32 32 0 0 1-44.864 45.248l-4.096-4.032-244.8-290.56z","p-id":"3651",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M365.12 636.672a32 32 0 0 0 44.864 45.248l4.096-4.032 244.8-290.56a32 32 0 0 0-44.864-45.248l-4.096 4.032-244.8 290.56z","p-id":"3652",fill:"currentColor"},null,-1)]),32))]),_:1},16,["modelValue","placeholder","class"])]),default:e.withCtx(()=>[e.createElementVNode("div",S,[e.createVNode(B,{ref_key:"inputRef",ref:m,modelValue:c.value,"onUpdate:modelValue":a[3]||(a[3]=u=>c.value=u),rows:12,placeholder:`一行一个(最多支持${t.rows}行)`,type:"textarea",style:{width:"100%"},onBlur:C},null,8,["modelValue","placeholder"]),e.createVNode(k,{value:c.value,onClear:V,onClose:_,onSubmit:v},null,8,["value"])])]),_:1},8,["visible","disabled"])}}};b.install=t=>{t.component("VBatchInput",b)};const $=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"})),h=e.defineComponent({__name:"index",setup(t){return(n,s)=>(e.openBlock(),e.createBlock(e.unref(g.ElButton),e.normalizeProps(e.guardReactiveProps(n.$attrs)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16))}});h.install=t=>{t.component("VButton",h)};const q=Object.freeze(Object.defineProperty({__proto__:null,default:h},Symbol.toStringTag,{value:"Module"})),x=e.defineComponent({__name:"index",props:{title:{type:String,default:"提示"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["close","save","open"],setup(t,{expose:n,emit:s}){const r=s,l=e.ref(!1),i=()=>{l.value=!0},d=()=>{l.value=!1,r("close")},m=()=>{d()},c=()=>{r("save")};return n({open:i,close:d}),(f,p)=>{const _=e.resolveComponent("el-button"),C=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(C,e.mergeProps({modelValue:l.value,"onUpdate:modelValue":p[0]||(p[0]=V=>l.value=V),width:"30%",title:t.title,"align-center":""},f.$attrs,{draggable:"","close-on-click-modal":!1,onClose:m,class:"v-dialog"}),{footer:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_,{key:0,type:"primary",loading:t.loading,onClick:c},{default:e.withCtx(()=>p[1]||(p[1]=[e.createTextVNode(" 确定 ")])),_:1,__:[1]},8,["loading"])),e.createVNode(_,{disabled:t.loading,onClick:m},{default:e.withCtx(()=>p[2]||(p[2]=[e.createTextVNode(" 取消 ")])),_:1,__:[2]},8,["disabled"])]),default:e.withCtx(()=>[e.createElementVNode("div",null,[e.renderSlot(f.$slots,"content")])]),_:3},16,["modelValue","title"])}}});x.install=t=>{t.component("VGroup",x)};const E=Object.freeze(Object.defineProperty({__proto__:null,default:x},Symbol.toStringTag,{value:"Module"})),z=(t,n)=>{const s=t.__vccOpts||t;for(const[r,l]of n)s[r]=l;return s},M={},T={class:"v-group"};function j(t,n){return e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(t.$slots,"default")])}const w=z(M,[["render",j]]);w.install=t=>{t.component("VGroup",w)};const y=Object.assign({"./BatchInput/index.ts":$,"./Button/index.ts":q,"./Dialog/index.ts":E,"./Group/index.ts":Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"}))});return{install(t){for(const n in y){const s=y[n].default,r=n.split("/")[1],l=r.charAt(0).toUpperCase()+r.slice(1);t.component(`V${l}`,s)}}}});
|