zzlhpdk-ui
Version:
基于element-ui二次封装的组件库
898 lines (897 loc) • 32.2 kB
JavaScript
import { computed as Z, defineComponent as P, toRefs as G, resolveComponent as f, openBlock as n, createElementBlock as D, Fragment as j, renderList as M, unref as t, withDirectives as ee, normalizeStyle as J, createBlock as b, withCtx as d, createVNode as m, createSlots as oe, createCommentVNode as U, createTextVNode as T, toDisplayString as E, vShow as re, createElementVNode as B, renderSlot as K, ref as I, onMounted as Q, isRef as ne, getCurrentInstance as ue, resolveDirective as de } from "vue";
const le = (V, _, i) => Z({
get() {
const F = V[_] ?? {};
return new Proxy(F, {
get(c, s) {
return Reflect.get(c, s);
},
set(c, s, h) {
return i(`update:${_}`, {
...c,
[s]: h
}), !0;
}
});
},
set(F) {
i(`update:${_}`, F);
}
}), se = /* @__PURE__ */ P({
__name: "index",
props: {
formFields: {
default: () => {
},
type: Object
},
formConfig: {
type: Object,
default: () => ({
labelWidth: "120px",
type: "submit",
formItemWidth: "430px"
})
},
modelValue: {
type: Object,
default: () => ({})
}
},
emits: ["update:modelValue"],
setup(V, { emit: _ }) {
const i = V, { formFields: F, formConfig: c } = G(i), h = le(i, "modelValue", _), v = (l, u) => {
if (c.value.type === "view") return [];
if (c.value.type === "search")
return l.rules && l.rules.length > 0 ? [
...l.rules,
{
required: !1
}
] : {
required: !1
};
if (c.value.type === "submit") {
if (l.required && !l.rules)
return [
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
if (l.required && l.rules && l.rules.length > 0)
return [
...l.rules,
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
if (l.rules && l.rules.length > 0)
return [
...l.rules,
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
}
}, w = (l) => c.value.type === "view" ? !0 : l.disabled || !1, k = (l, u) => l.placeholder ? l.placeholder : c.value.type !== "view" ? `请${u}${l.label}` : "", $ = (l, u) => l.focus ? l.focus(u) : null, C = (l, u) => l.blur ? l.blur(u) : null, q = (l, u) => l.click ? l.click(u) : null, z = (l, u) => l.change ? l.change(u) : null;
return (l, u) => {
const S = f("el-button"), R = f("el-input"), W = f("el-form-item"), A = f("el-option"), N = f("el-select"), O = f("el-tree-select"), Y = f("el-date-picker"), L = f("el-checkbox"), o = f("el-checkbox-group"), r = f("el-cascader"), y = f("el-radio"), g = f("el-radio-group");
return n(), D(j, null, [
(n(!0), D(j, null, M(t(F), (e, p) => ee((n(), D("span", {
style: J({
//不展示的时候，宽度为0
width: e.remove || e.hidden ? 0 : t(c).formItemWidth || "430px",
...e.style
}),
key: p
}, [
e.type === "input" && !e.remove ? (n(), b(W, {
key: 0,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "输入")
}, {
default: d(() => [
m(R, {
"show-word-limit": e.showWordLimit || !1,
"show-password": e.showPassword || !1,
disabled: w(e),
type: e.inputType || "text",
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
modelModifiers: { trim: !0 },
maxlength: e.maxlength || 30,
placeholder: k(e, "输入"),
onFocus: (a) => $(e, a),
onBlur: (a) => C(e, a),
onClick: (a) => q(e, a),
formatter: e.formatter ? (a) => e.formatter(a) : null
}, oe({ _: 2 }, [
e.append && t(c).type !== "view" ? {
name: "append",
fn: d(() => [
m(S, {
onClick: (a) => e.appendClick ? e.appendClick(a) : null,
icon: e.icon
}, null, 8, ["onClick", "icon"])
]),
key: "0"
} : void 0
]), 1032, ["show-word-limit", "show-password", "disabled", "type", "modelValue", "onUpdate:modelValue", "maxlength", "placeholder", "onFocus", "onBlur", "onClick", "formatter"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "select" && !e.remove ? (n(), b(W, {
key: 1,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "输入")
}, {
default: d(() => [
m(N, {
mode: e.mode || "default",
style: { width: "100%" },
multiple: e.multiple,
filterable: e.filterable || !0,
clearable: e.clearable || !0,
"collapse-tags": e.collapseTags,
"collapse-tags-tooltip": e.collapseTagsTooltip,
disabled: w(e),
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
placeholder: k(e, "选择"),
onChange: (a) => {
e.change && e.change(a);
}
}, {
default: d(() => [
(n(!0), D(j, null, M(e.options, (a) => (n(), b(A, {
key: a.key || a.value,
label: a.label,
value: a.value,
disabled: a.disabled || !1
}, null, 8, ["label", "value", "disabled"]))), 128))
]),
_: 2
}, 1032, ["mode", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "disabled", "modelValue", "onUpdate:modelValue", "placeholder", "onChange"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "treeSelect" && !e.remove ? (n(), b(W, {
key: 2,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "选择")
}, {
default: d(() => [
m(O, {
"render-after-expand": !1,
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
data: e.options || [],
placeholder: k(e, "选择"),
"show-checkbox": e.showCheckbox || !0,
"check-strictly": e.checkStrictly || !1,
disabled: w(e),
multiple: e.multiple || !1,
props: e.props || {},
filterable: e.filterable || !1,
"filter-node-method": e.filterNodeMethod || null,
"expand-on-click-node": e.expandOnClickNode || !1,
"default-expand-all": e.defaultExpandAll || !1,
"default-expanded-keys": e.defaultExpandedKeys || [],
onNodeClick: e.nodeClick
}, null, 8, ["modelValue", "onUpdate:modelValue", "data", "placeholder", "show-checkbox", "check-strictly", "disabled", "multiple", "props", "filterable", "filter-node-method", "expand-on-click-node", "default-expand-all", "default-expanded-keys", "onNodeClick"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "date" && !e.remove ? (n(), b(W, {
key: 3,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "输入")
}, {
default: d(() => [
(n(), b(Y, {
key: p,
onFocus: (a) => $(e, a),
onBlur: (a) => C(e, a),
onChange: (a) => z(e, a),
disabled: w(e),
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
type: e.picker || "date",
format: e.showFormat || "YYYY/MM/DD HH:mm:ss",
placeholder: k(e, "选择"),
"value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
style: { width: "100%" },
"start-placeholder": "开始时间",
"end-placeholder": "结束时间",
"disabled-date": e.disabledDate || null,
shortcuts: e.shortcuts || [],
"default-time": e.defaultTime
}, null, 8, ["onFocus", "onBlur", "onChange", "disabled", "modelValue", "onUpdate:modelValue", "type", "format", "placeholder", "value-format", "disabled-date", "shortcuts", "default-time"]))
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "textarea" && !e.remove ? (n(), b(W, {
key: 4,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "输入")
}, {
default: d(() => [
m(R, {
type: "textarea",
"show-word-limit": "",
placeholder: k(e, "输入"),
disabled: w(e),
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
rows: e.rows || 4,
maxlength: e.maxlength || 2e3
}, null, 8, ["placeholder", "disabled", "modelValue", "onUpdate:modelValue", "rows", "maxlength"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "checkBox" && !e.remove ? (n(), b(W, {
key: 5,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "选择")
}, {
default: d(() => [
m(o, {
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
disabled: w(e),
placeholder: k(e, "选择")
}, {
default: d(() => [
(n(!0), D(j, null, M(e.options, (a) => (n(), b(L, {
label: a.value,
key: a.value
}, {
default: d(() => [
T(E(a.label), 1)
]),
_: 2
}, 1032, ["label"]))), 128))
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "cascader" && !e.remove ? (n(), b(W, {
key: 6,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "选择")
}, {
default: d(() => [
m(r, {
placeholder: k(e, "选择"),
disabled: w(e),
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
options: e.options || [],
props: e.props || {},
"show-all-levels": e.showAllLevels || !1,
clearable: e.clearable || !0,
"collapse-tags": "",
style: { width: "100%" },
filterable: "",
onChange: (a) => {
e.change && e.change(a);
}
}, null, 8, ["placeholder", "disabled", "modelValue", "onUpdate:modelValue", "options", "props", "show-all-levels", "clearable", "onChange"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0),
e.type === "radio" && !e.remove ? (n(), b(W, {
key: 7,
prop: p,
label: e.label,
"label-width": e.labelWidth || t(c).labelWidth || "120px",
rules: v(e, "选择")
}, {
default: d(() => [
m(g, {
modelValue: t(h)[p],
"onUpdate:modelValue": (a) => t(h)[p] = a,
disabled: w(e),
placeholder: k(e, "选择")
}, {
default: d(() => [
(n(!0), D(j, null, M(e.options, (a) => (n(), b(y, {
key: a.value,
value: a.value
}, {
default: d(() => [
T(E(a.label), 1)
]),
_: 2
}, 1032, ["value"]))), 128))
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder"])
]),
_: 2
}, 1032, ["prop", "label", "label-width", "rules"])) : U("", !0)
], 4)), [
[re, !e.hidden || !e.remove]
])), 128)),
B("span", null, [
K(l.$slots, "custom")
])
], 64);
};
}
}), ce = /* @__PURE__ */ P({
__name: "index",
props: {
formConfig: {
type: Object,
default: () => ({
labelWidth: "120px",
type: "submit",
labelPosition: "right",
inline: !0,
style: {
width: "100%",
display: "flex",
flexWrap: "wrap",
justifyContent: "flex-start",
alignItems: "center"
}
})
},
formFields: {
default: () => {
},
type: Object
},
modelValue: {
default: () => {
},
type: Object
}
},
emits: ["update:modelValue"],
setup(V, { expose: _, emit: i }) {
const F = V, { formFields: c, formConfig: s } = G(F), v = le(F, "modelValue", i), w = I(null), k = () => {
const C = ue(), q = Object.entries(w.value.$.exposed);
for (const [z, l] of q)
C.exposed[z] = l;
};
return Q(() => {
k();
}), _({ check: async () => w.value.validate((C) => (C || setTimeout(() => {
document.querySelectorAll(".el-form-item__error")[0].scrollIntoView({ block: "center", behavior: "smooth" });
}, 100), C)) }), (C, q) => {
const z = f("el-form");
return n(), b(z, {
"label-position": t(s).labelPosition,
inline: t(s).inline ?? !0,
class: "form",
style: J(t(s).style),
ref_key: "formRef",
ref: w,
"label-width": t(s).labelWidth || "120px",
model: t(v)
}, {
default: d(() => [
m(se, {
formConfig: t(s),
formFields: t(c),
modelValue: t(v),
"onUpdate:modelValue": q[0] || (q[0] = (l) => ne(v) ? v.value = l : null)
}, {
custom: d(() => [
K(C.$slots, "custom", {}, void 0, !0)
]),
_: 3
}, 8, ["formConfig", "formFields", "modelValue"])
]),
_: 3
}, 8, ["label-position", "inline", "style", "label-width", "model"]);
};
}
}), ae = (V, _) => {
const i = V.__vccOpts || V;
for (const [F, c] of _)
i[F] = c;
return i;
}, te = /* @__PURE__ */ ae(ce, [["__scopeId", "data-v-1b13ffe2"]]);
/*! Element Plus Icons Vue v2.3.1 */
var pe = /* @__PURE__ */ P({
name: "RefreshLeft",
__name: "refresh-left",
setup(V) {
return (_, i) => (n(), D("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
B("path", {
fill: "currentColor",
d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
})
]));
}
}), ie = pe, fe = /* @__PURE__ */ P({
name: "Search",
__name: "search",
setup(V) {
return (_, i) => (n(), D("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
B("path", {
fill: "currentColor",
d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
})
]));
}
}), be = fe;
const he = { style: { width: "100%" } }, _e = { style: { display: "inline-block", "margin-left": "16px", height: "50px" } }, ge = {
key: 1,
style: { "text-align": "right", width: "100%", "margin-top": "20px" }
}, ve = /* @__PURE__ */ P({
name: "zz-table",
__name: "index",
props: {
tableColumns: {
type: Object,
default: () => ({})
},
tableConfig: {
default: () => ({
rowKey: "id",
// 表格数据唯一标识
showSearch: !1,
//是否显示搜索
multiple: !1,
//是否多选
singleSelect: !1,
//是否单选
pageApi: () => {
},
//请求接口
hiddenPageInfo: !1,
//是否隐藏分页信息
reserveSelection: !1,
//是否保留已选择项
beforeRequest: null
// 新增请求拦截器
}),
type: Object
},
searchFields: {
default: () => ({}),
type: Object
},
searchConfig: {
default: () => ({
defaultSearch: {},
//搜索默认
labelWidth: "120px",
type: "search",
labelPosition: "right"
}),
type: Object
}
},
emits: ["selectionChange", "sendResultInfo"],
setup(V, { expose: _, emit: i }) {
const F = V, { tableColumns: c, tableConfig: s, searchFields: h, searchConfig: v } = G(F), w = I(), k = I(0), $ = I({ current: 1, size: 10 }), C = I(!1), q = I([]), z = I({});
Q(() => {
u();
});
const l = I(), u = async () => {
if (!s.value.pageApi) return;
C.value = !0;
let o = {
...v.value.defaultSearch,
...$.value,
...w.value
};
typeof s.value.beforeRequest == "function" && (o = await s.value.beforeRequest(o)), s.value.pageApi(o).then((r) => {
var y, g;
q.value = (r == null ? void 0 : r.records) || ((y = r == null ? void 0 : r.data) == null ? void 0 : y.records) || [], k.value = Number((r == null ? void 0 : r.total) ?? ((g = r == null ? void 0 : r.data) == null ? void 0 : g.total) ?? 0), z.value = r;
}).finally(() => {
C.value = !1, S("sendResultInfo", {
total: k.value,
allResponse: z.value
});
});
}, S = i, R = () => {
u();
}, W = () => {
w.value = {}, $.value = {
current: 1,
size: 10
}, u();
}, A = (o) => {
$.value.current = o, R();
}, N = (o) => {
$.value.size = o, R();
}, O = (o) => {
S("selectionChange", o);
}, Y = (o) => ($.value.current - 1) * $.value.size + o + 1, L = (o, r) => {
if (r.options) {
const y = r.options.find(
(g) => g.value === o[r.prop]
);
if (y) return (y == null ? void 0 : y.label) ?? "";
}
return o[r.prop];
};
return _({
getTableData: u,
tableData: q,
selectionChange: O,
handleRest: W
}), (o, r) => {
const y = f("el-button"), g = f("el-table-column"), e = f("el-table"), p = f("el-pagination"), a = de("loading");
return n(), D("div", he, [
t(s).showSearch ? (n(), b(te, {
key: 0,
ref_key: "zzFormRef",
ref: l,
modelValue: w.value,
"onUpdate:modelValue": r[0] || (r[0] = (x) => w.value = x),
formFields: t(h),
formConfig: t(v)
}, {
custom: d(() => [
B("span", _e, [
m(y, {
icon: t(be),
type: "primary",
onClick: R,
loading: !1
}, {
default: d(() => r[2] || (r[2] = [
T(" 查询 ")
])),
_: 1
}, 8, ["icon"]),
m(y, {
icon: t(ie),
style: { "margin-left": "20px" },
loading: !1,
onClick: W
}, {
default: d(() => r[3] || (r[3] = [
T(" 重置 ")
])),
_: 1
}, 8, ["icon"])
])
]),
_: 1
}, 8, ["modelValue", "formFields", "formConfig"])) : U("", !0),
K(o.$slots, "tableHeader"),
ee((n(), b(e, {
ref: "tableRef",
"cell-style": { textAlign: "center" },
"header-cell-style": {
textAlign: "center",
background: "var(--el-table-row-hover-bg-color)",
color: "var(--el-text-color-primary)"
},
data: q.value,
style: { width: "100%", "margin-top": "20px" },
"row-key": t(s).rowKey,
"highlight-current-row": t(s).singleSelect,
onSelectionChange: O,
border: ""
}, {
default: d(() => [
t(s).multiple ? (n(), b(g, {
key: 0,
"reserve-selection": t(s).reserveSelection,
type: "selection",
width: "55"
}, null, 8, ["reserve-selection"])) : U("", !0),
m(g, {
fixed: "left",
type: "index",
index: Y,
label: "序号",
width: "80"
}),
(n(!0), D(j, null, M(t(c), (x) => (n(), D(j, null, [
x.slot ? (n(), b(g, {
prop: x.prop,
label: x.label,
width: x.width,
fixed: x.fixed ? x.fixed : !1,
key: x.prop + 1,
"show-overflow-tooltip": ""
}, {
default: d((H) => [
K(o.$slots, x.slot, {
row: H.row,
column: H.column
})
]),
_: 2
}, 1032, ["prop", "label", "width", "fixed"])) : (n(), b(g, {
prop: x.prop,
label: x.label,
width: x.width,
fixed: x.fixed ? x.fixed : !1,
key: x.prop,
"show-overflow-tooltip": ""
}, {
default: d(({ row: H }) => [
B("span", {
style: J(x.style || null)
}, E(L(H, x)), 5)
]),
_: 2
}, 1032, ["prop", "label", "width", "fixed"]))
], 64))), 256))
]),
_: 3
}, 8, ["data", "row-key", "highlight-current-row"])), [
[a, C.value]
]),
t(s).hiddenPageInfo ? U("", !0) : (n(), D("div", ge, [
m(p, {
"current-page": $.value.current,
"onUpdate:currentPage": r[1] || (r[1] = (x) => $.value.current = x),
"page-size": $.value.size,
layout: "total, sizes,prev, pager, next,jumper",
total: k.value,
onCurrentChange: A,
onSizeChange: N
}, null, 8, ["current-page", "page-size", "total"])
]))
]);
};
}
}), xe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(V) {
var _ = Math.random() * 16 | 0, i = V == "x" ? _ : _ & 3 | 8;
return i.toString(16);
}), we = { class: "buttons" }, ye = /* @__PURE__ */ P({
__name: "index",
props: {
formConfig: {
type: Object,
default: () => ({
labelWidth: "120px",
type: "submit",
labelPosition: "right",
showIndex: !0,
rowKey: "id"
})
},
formFields: {
default: () => {
},
type: Object
}
},
setup(V, { expose: _ }) {
const i = I({
tableData: []
}), F = V, { formFields: c, formConfig: s } = G(F), h = ({
row: l,
rowIndex: u
}) => {
l.index = u;
}, v = (l) => {
const u = xe(), S = Object.keys(c.value), R = {};
R && (S.forEach((W) => {
R[W] = l[W] || "";
}), i.value.tableData.push({ ...R, uuId: u }));
};
Q(() => {
v({});
});
const w = (l) => {
v({});
}, k = (l) => {
i.value.tableData = i.value.tableData.filter(
(u) => u.uuId !== l
);
}, $ = (l, u) => {
if (s.value.type === "view") return [];
if (s.value.type === "submit") {
if (l.required && !l.rules)
return [
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
if (l.required && l.rules && l.rules.length > 0)
return [
...l.rules,
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
if (l.rules && l.rules.length > 0)
return [
...l.rules,
{
required: l.required,
message: `请${u}${l.label || "此项内容"}`,
trigger: ["change", "blur"]
}
];
}
return [];
}, C = (l, u) => l.placeholder ? l.placeholder : s.value.type !== "view" ? `请${u}${l.label}` : "", q = (l) => s.value.type === "view" ? !0 : l.disabled || !1, z = Z(() => {
var l;
return (l = i.value) == null ? void 0 : l.tableData;
});
return _({
handleAdd: v,
result: z
}), (l, u) => {
const S = f("el-table-column"), R = f("el-option"), W = f("el-select"), A = f("el-form-item"), N = f("el-input"), O = f("el-button"), Y = f("el-table"), L = f("el-form");
return n(), D("div", null, [
m(L, {
model: i.value,
ref: "formRef"
}, {
default: d(() => [
m(Y, {
"cell-style": { textAlign: "center" },
"header-cell-style": {
background: "var(--el-table-row-hover-bg-color)",
color: "var(--el-text-color-primary)",
textAlign: "center"
},
"row-key": t(s).rowKey || "id",
border: "",
data: i.value.tableData,
"row-class-name": h,
style: { width: "100%" }
}, {
default: d(() => [
t(s).showIndex ? (n(), b(S, {
key: 0,
prop: "index",
label: "序号",
width: "80"
}, {
default: d(({ row: o }) => [
T(E(o.index + 1), 1)
]),
_: 1
})) : U("", !0),
(n(!0), D(j, null, M(t(c), (o, r) => (n(), b(S, {
prop: r,
label: o.label,
"label-width": o.labelWidth || t(s).labelWidth || "120px"
}, {
default: d(({ row: y }) => [
o.type === "select" ? (n(), b(A, {
key: 0,
prop: `tableData[${y.index}].${r}`,
rules: $(o, "选择"),
placeholder: C(o, "选择")
}, {
default: d(() => [
m(W, {
mode: o.mode || "default",
style: { width: "100%" },
multiple: o.multiple,
filterable: o.filterable || !0,
clearable: o.clearable || !0,
"collapse-tags": o.collapseTags,
"collapse-tags-tooltip": o.collapseTagsTooltip,
disabled: q(o),
modelValue: y[r],
"onUpdate:modelValue": (g) => y[r] = g
}, {
default: d(() => [
(n(!0), D(j, null, M(o.options, (g) => (n(), b(R, {
key: g.key || g.value,
label: g.label,
value: g.value,
disabled: g.disabled || !1
}, null, 8, ["label", "value", "disabled"]))), 128))
]),
_: 2
}, 1032, ["mode", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "disabled", "modelValue", "onUpdate:modelValue"])
]),
_: 2
}, 1032, ["prop", "rules", "placeholder"])) : U("", !0),
o.type === "input" ? (n(), b(A, {
key: 1,
prop: `tableData[${y.index}].${r}`,
rules: $(o, "输入"),
placeholder: C(o, "输入")
}, {
default: d(() => [
m(N, {
type: o.inputType || "text",
disabled: q(o),
modelValue: y[r],
"onUpdate:modelValue": (g) => y[r] = g,
modelModifiers: { trim: !0 },
maxlength: o.maxlength || 30,
placeholder: C(o, "输入")
}, null, 8, ["type", "disabled", "modelValue", "onUpdate:modelValue", "maxlength", "placeholder"])
]),
_: 2
}, 1032, ["prop", "rules", "placeholder"])) : U("", !0)
]),
_: 2
}, 1032, ["prop", "label", "label-width"]))), 256)),
m(S, {
fixed: "right",
label: "操作",
width: "120px"
}, {
default: d((o) => [
B("div", we, [
o.$index === i.value.tableData.length - 1 ? (n(), b(O, {
key: 0,
link: "",
type: "primary",
onClick: (r) => w(o.row)
}, {
default: d(() => u[0] || (u[0] = [
T(" 添加 ")
])),
_: 2
}, 1032, ["onClick"])) : U("", !0),
m(O, {
disabled: i.value.tableData.length === 1,
link: "",
type: "danger",
onClick: (r) => k(o.row.uuId)
}, {
default: d(() => u[1] || (u[1] = [
T(" 移除 ")
])),
_: 2
}, 1032, ["disabled", "onClick"])
])
]),
_: 1
})
]),
_: 1
}, 8, ["row-key", "data"])
]),
_: 1
}, 8, ["model"])
]);
};
}
}), me = /* @__PURE__ */ ae(ye, [["__scopeId", "data-v-62aac5c5"]]), X = {
form: te,
table: ve,
editTable: me
}, Ce = function(V) {
for (const _ in X)
V.component(`zz-${_}`, X[_]);
};
export {
Ce as default
};