@uf_lee/leeui 1.0.110 → 1.0.112
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/leeui.es.js +53 -51
- package/dist/leeui.umd.js +1 -1
- package/package.json +1 -1
package/dist/leeui.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as $, computed as B, createVNode as u, createTextVNode as D, mergeProps as I, ref as w, unref as P, onMounted as q, withDirectives as Z, vShow as ee, isVNode as z, useSlots as le, useAttrs as oe } from "vue";
|
|
2
|
-
import { ElTreeSelect as ne, ElInputTag as te, ElMention as ae, ElRadioGroup as
|
|
2
|
+
import { ElTreeSelect as ne, ElInputTag as te, ElMention as ae, ElRadioGroup as K, ElSelectV2 as re, ElTimeSelect as ue, ElTransfer as de, ElColorPicker as ce, ElRate as se, ElDatePicker as ie, ElTimePicker as fe, ElSlider as pe, ElSwitch as be, ElCascader as me, ElSelect as ye, ElInputNumber as ge, ElAutocomplete as Ee, ElInput as he, ElCheckboxGroup as _, ElBadge as Pe, ElDivider as Se, ElImage as Ve, ElAvatar as Ce, ElIcon as Ae, ElButton as Te, ElLink as we, ElText as Fe, ElOptionGroup as Oe, ElOption as ke, ElRadio as H, ElRadioButton as xe, ElCheckbox as je, ElCheckboxButton as Ie, ElForm as Q, ElRow as Re, ElCol as ve, ElFormItem as X, ElTable as L, ElTableColumn as j } from "element-plus";
|
|
3
3
|
const Be = {
|
|
4
4
|
// 查看类组件
|
|
5
5
|
Text: Fe,
|
|
@@ -19,9 +19,9 @@ const Be = {
|
|
|
19
19
|
Badge: Pe,
|
|
20
20
|
// 徽标数
|
|
21
21
|
// 表单类组件
|
|
22
|
-
Radio:
|
|
23
|
-
Checkbox:
|
|
24
|
-
CheckboxButton:
|
|
22
|
+
Radio: K,
|
|
23
|
+
Checkbox: _,
|
|
24
|
+
CheckboxButton: _,
|
|
25
25
|
Input: he,
|
|
26
26
|
Autocomplete: Ee,
|
|
27
27
|
InputNumber: ge,
|
|
@@ -32,11 +32,11 @@ const Be = {
|
|
|
32
32
|
TimePicker: fe,
|
|
33
33
|
DatePicker: ie,
|
|
34
34
|
Rate: se,
|
|
35
|
-
ColorPicker:
|
|
36
|
-
Transfer:
|
|
35
|
+
ColorPicker: ce,
|
|
36
|
+
Transfer: de,
|
|
37
37
|
TimeSelect: ue,
|
|
38
38
|
SelectV2: re,
|
|
39
|
-
RadioButton:
|
|
39
|
+
RadioButton: K,
|
|
40
40
|
Mention: ae,
|
|
41
41
|
InputTag: te,
|
|
42
42
|
TreeSelect: ne
|
|
@@ -127,12 +127,12 @@ const N = /* @__PURE__ */ $({
|
|
|
127
127
|
return s(e);
|
|
128
128
|
}
|
|
129
129
|
}, F = (e) => {
|
|
130
|
-
var
|
|
131
|
-
const
|
|
130
|
+
var c, f, b, y;
|
|
131
|
+
const d = (f = (c = e == null ? void 0 : e.componentProps) == null ? void 0 : c.optionsAlias) == null ? void 0 : f.labelField;
|
|
132
132
|
return (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.options) == null ? void 0 : y.map((p) => {
|
|
133
133
|
var E;
|
|
134
134
|
return (E = p == null ? void 0 : p.options) != null && E.length ? u(Oe, {
|
|
135
|
-
label: p[
|
|
135
|
+
label: p[d || "label"]
|
|
136
136
|
}, {
|
|
137
137
|
default: () => {
|
|
138
138
|
var h;
|
|
@@ -140,61 +140,61 @@ const N = /* @__PURE__ */ $({
|
|
|
140
140
|
}
|
|
141
141
|
}) : O(e, p);
|
|
142
142
|
});
|
|
143
|
-
}, O = (e,
|
|
143
|
+
}, O = (e, d) => {
|
|
144
144
|
var b, y, p, E;
|
|
145
|
-
const
|
|
145
|
+
const c = (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.optionsAlias) == null ? void 0 : y.labelField, f = (E = (p = e == null ? void 0 : e.componentProps) == null ? void 0 : p.optionsAlias) == null ? void 0 : E.valueField;
|
|
146
146
|
return u(ke, {
|
|
147
|
-
label: c
|
|
148
|
-
value:
|
|
147
|
+
label: d[c || "label"],
|
|
148
|
+
value: d[f || "value"]
|
|
149
149
|
}, {
|
|
150
150
|
default: () => {
|
|
151
151
|
var h;
|
|
152
152
|
return (
|
|
153
153
|
// option 插槽名规则,{field}-option
|
|
154
154
|
(h = e == null ? void 0 : e.componentProps) != null && h.optionsSlot ? Y(a, `${e.field}-option`, {
|
|
155
|
-
item:
|
|
155
|
+
item: d
|
|
156
156
|
}) : void 0
|
|
157
157
|
);
|
|
158
158
|
}
|
|
159
159
|
});
|
|
160
160
|
}, r = (e) => {
|
|
161
161
|
var b, y, p, E, h, T;
|
|
162
|
-
const
|
|
162
|
+
const d = (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.optionsAlias) == null ? void 0 : y.labelField, c = (E = (p = e == null ? void 0 : e.componentProps) == null ? void 0 : p.optionsAlias) == null ? void 0 : E.valueField, f = e.component === "Radio" ? H : xe;
|
|
163
163
|
return (T = (h = e == null ? void 0 : e.componentProps) == null ? void 0 : h.options) == null ? void 0 : T.map((x) => u(f, {
|
|
164
|
-
label: x[
|
|
165
|
-
value: x[
|
|
164
|
+
label: x[d || "label"],
|
|
165
|
+
value: x[c || "value"]
|
|
166
166
|
}, {
|
|
167
|
-
default: () => [x[
|
|
167
|
+
default: () => [x[c || "label"]]
|
|
168
168
|
}));
|
|
169
169
|
}, s = (e) => {
|
|
170
170
|
var b, y, p, E, h, T;
|
|
171
|
-
const
|
|
171
|
+
const d = (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.optionsAlias) == null ? void 0 : y.labelField, c = (E = (p = e == null ? void 0 : e.componentProps) == null ? void 0 : p.optionsAlias) == null ? void 0 : E.valueField, f = e.component === "Checkbox" ? je : Ie;
|
|
172
172
|
return (T = (h = e == null ? void 0 : e.componentProps) == null ? void 0 : h.options) == null ? void 0 : T.map((x) => u(f, {
|
|
173
|
-
value: x[
|
|
173
|
+
value: x[d || "value"]
|
|
174
174
|
}, {
|
|
175
|
-
default: () => [x[
|
|
175
|
+
default: () => [x[c || "label"]]
|
|
176
176
|
}));
|
|
177
177
|
}, g = B(() => {
|
|
178
|
-
var e,
|
|
178
|
+
var e, d;
|
|
179
179
|
return {
|
|
180
180
|
...$e(a, (e = o == null ? void 0 : o.componentProps) == null ? void 0 : e.slots, o.field),
|
|
181
|
-
...(o == null ? void 0 : o.component) !== "Select" && (o == null ? void 0 : o.component) !== "Cascader" && ((
|
|
181
|
+
...(o == null ? void 0 : o.component) !== "Select" && (o == null ? void 0 : o.component) !== "Cascader" && ((d = o == null ? void 0 : o.componentProps) != null && d.options) ? {
|
|
182
182
|
default: () => S(o)
|
|
183
183
|
} : {}
|
|
184
184
|
};
|
|
185
185
|
}), V = l.data.componentVue ? l.data.componentVue : Be[l.data.component];
|
|
186
186
|
if (!V)
|
|
187
187
|
return () => u("div", null, [D("组件 "), l.data.component, D(" 未找到")]);
|
|
188
|
-
const R = Me(l.data, n.value), C = ((m = (t = l.data) == null ? void 0 : t.componentProps) == null ? void 0 : m.trigger) || "change", A = (e,
|
|
188
|
+
const R = Me(l.data, n.value), C = ((m = (t = l.data) == null ? void 0 : t.componentProps) == null ? void 0 : m.trigger) || "change", A = (e, d) => {
|
|
189
189
|
var b, y;
|
|
190
|
-
const
|
|
190
|
+
const c = {
|
|
191
191
|
value: e,
|
|
192
192
|
row: l.formModel,
|
|
193
193
|
index: l.rowIndex,
|
|
194
194
|
data: l.data,
|
|
195
|
-
args:
|
|
195
|
+
args: d
|
|
196
196
|
}, f = (y = (b = l.data) == null ? void 0 : b.componentProps) == null ? void 0 : y.onTrigger;
|
|
197
|
-
f && f(
|
|
197
|
+
f && f(c);
|
|
198
198
|
}, k = {
|
|
199
199
|
...R,
|
|
200
200
|
formModel: l.formModel,
|
|
@@ -203,10 +203,10 @@ const N = /* @__PURE__ */ $({
|
|
|
203
203
|
// 你的componentProps(如nameField)
|
|
204
204
|
}, v = {};
|
|
205
205
|
return o != null && o.slots && Object.keys(o.slots).forEach((e) => {
|
|
206
|
-
v[e] = (
|
|
207
|
-
var
|
|
208
|
-
return (f = (
|
|
209
|
-
...
|
|
206
|
+
v[e] = (d = {}) => {
|
|
207
|
+
var c, f;
|
|
208
|
+
return (f = (c = o.slots) == null ? void 0 : c[e]) == null ? void 0 : f.call(c, {
|
|
209
|
+
...d,
|
|
210
210
|
value: n.value
|
|
211
211
|
});
|
|
212
212
|
};
|
|
@@ -395,7 +395,7 @@ const Ge = /* @__PURE__ */ $({
|
|
|
395
395
|
// 表单实例
|
|
396
396
|
table: P(n),
|
|
397
397
|
// 表格实例
|
|
398
|
-
getRadioValues: () => l.rowKey
|
|
398
|
+
getRadioValues: () => l.rowKey ? l.data.find((t) => t[l.rowKey] === s.value) : l.data[s.value],
|
|
399
399
|
setRadioValues: (t) => {
|
|
400
400
|
s.value = t;
|
|
401
401
|
}
|
|
@@ -413,7 +413,7 @@ const Ge = /* @__PURE__ */ $({
|
|
|
413
413
|
} else
|
|
414
414
|
r.value = t, a("selection-change", t);
|
|
415
415
|
}, C = (t) => [...(t == null ? void 0 : t.map((e) => e.hidden ? null : e.field && F[e.field] ? u(j, M(e), {
|
|
416
|
-
default: (
|
|
416
|
+
default: (d) => F[e.field](d)
|
|
417
417
|
}) : e.type === "index" ? u(j, {
|
|
418
418
|
type: "index",
|
|
419
419
|
label: e.label ? e.label : "序号",
|
|
@@ -428,40 +428,42 @@ const Ge = /* @__PURE__ */ $({
|
|
|
428
428
|
width: e.width ? e.width : "80"
|
|
429
429
|
}, {
|
|
430
430
|
default: ({
|
|
431
|
-
row:
|
|
432
|
-
$index:
|
|
431
|
+
row: d,
|
|
432
|
+
$index: c
|
|
433
433
|
}) => u(H, {
|
|
434
|
-
value: l.rowKey != "" ?
|
|
434
|
+
value: l.rowKey != "" ? d[l.rowKey] : c,
|
|
435
435
|
modelValue: s.value,
|
|
436
|
-
"onUpdate:modelValue": (f) =>
|
|
437
|
-
|
|
436
|
+
"onUpdate:modelValue": (f) => {
|
|
437
|
+
s.value = f;
|
|
438
|
+
},
|
|
439
|
+
disabled: e.disabledFieldName ? d[e.disabledFieldName] : !1
|
|
438
440
|
}, null)
|
|
439
441
|
}) : l.isForm ? u(j, M(e), {
|
|
440
|
-
default: (
|
|
442
|
+
default: (d) => {
|
|
441
443
|
const {
|
|
442
|
-
row:
|
|
444
|
+
row: c,
|
|
443
445
|
$index: f
|
|
444
|
-
} =
|
|
446
|
+
} = d;
|
|
445
447
|
return u(X, {
|
|
446
448
|
prop: `${f}.${e.field}`,
|
|
447
449
|
rules: l.rules[e.field]
|
|
448
450
|
}, {
|
|
449
451
|
default: () => [u(N, {
|
|
450
|
-
data: G(e,
|
|
451
|
-
modelValue:
|
|
452
|
-
"onUpdate:modelValue": (b) =>
|
|
453
|
-
formModel:
|
|
452
|
+
data: G(e, c),
|
|
453
|
+
modelValue: c[e.field],
|
|
454
|
+
"onUpdate:modelValue": (b) => c[e.field] = b,
|
|
455
|
+
formModel: c,
|
|
454
456
|
rowIndex: f
|
|
455
457
|
}, null)]
|
|
456
458
|
});
|
|
457
459
|
}
|
|
458
460
|
}) : u(j, M(e), {
|
|
459
461
|
default: ({
|
|
460
|
-
row:
|
|
462
|
+
row: d
|
|
461
463
|
}) => u(N, {
|
|
462
464
|
data: G(e),
|
|
463
|
-
modelValue:
|
|
464
|
-
"onUpdate:modelValue": (
|
|
465
|
+
modelValue: d[e.field],
|
|
466
|
+
"onUpdate:modelValue": (c) => d[e.field] = c
|
|
465
467
|
}, null)
|
|
466
468
|
}))) || []].filter(Boolean), A = {
|
|
467
469
|
default: () => C(l.schema)
|
|
@@ -499,7 +501,7 @@ const Ge = /* @__PURE__ */ $({
|
|
|
499
501
|
};
|
|
500
502
|
return () => v();
|
|
501
503
|
}
|
|
502
|
-
}),
|
|
504
|
+
}), Ke = console.warn;
|
|
503
505
|
console.warn = function(...l) {
|
|
504
506
|
if (typeof l == "object" && Array.isArray(l) && l[0]) {
|
|
505
507
|
if (l[0] == "async-validator:")
|
|
@@ -510,7 +512,7 @@ console.warn = function(...l) {
|
|
|
510
512
|
return;
|
|
511
513
|
}
|
|
512
514
|
}
|
|
513
|
-
|
|
515
|
+
Ke.apply(console, l);
|
|
514
516
|
};
|
|
515
517
|
export {
|
|
516
518
|
N as LElCom,
|
package/dist/leeui.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(m,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],n):(m=typeof globalThis<"u"?globalThis:m||self,n(m.leeui={},m.Vue,m.ElementPlus))})(this,function(m,n,t){"use strict";const L={Text:t.ElText,Link:t.ElLink,Button:t.ElButton,Icon:t.ElIcon,Avatar:t.ElAvatar,Image:t.ElImage,Divider:t.ElDivider,Badge:t.ElBadge,Radio:t.ElRadioGroup,Checkbox:t.ElCheckboxGroup,CheckboxButton:t.ElCheckboxGroup,Input:t.ElInput,Autocomplete:t.ElAutocomplete,InputNumber:t.ElInputNumber,Select:t.ElSelect,Cascader:t.ElCascader,Switch:t.ElSwitch,Slider:t.ElSlider,TimePicker:t.ElTimePicker,DatePicker:t.ElDatePicker,Rate:t.ElRate,ColorPicker:t.ElColorPicker,Transfer:t.ElTransfer,TimeSelect:t.ElTimeSelect,SelectV2:t.ElSelectV2,RadioButton:t.ElRadioGroup,Mention:t.ElMention,InputTag:t.ElInputTag,TreeSelect:t.ElTreeSelect},U=o=>typeof o=="function",M=(o,d="default",i)=>{if(!o||!Reflect.has(o,d))return null;if(!U(o[d]))return console.error(`${d} is not a function!`),null;const a=o[d];return a?a(i):null},G=(o,d)=>{const a=["ColorPicker"].includes(o.component)?{...o.componentProps}:{clearable:!0,...o.componentProps};return a==null||delete a.slots,a},W=(o,d={},i)=>{const a={};for(const l in d)d[l]&&(a[l]=T=>M(o,`${i}-${l}`,T));return a};function D(o){let d={field:o.field,component:o.component||"Input"};return o.componentProps&&(d.componentProps=o.componentProps),o.slots&&(d.slots=o.slots),o.componentVue&&(d.componentVue=o.componentVue),d}function _(o,d=null){return{field:o.field,component:o.component||"Text",componentProps:o.componentProps||{},slots:o.slots?o.slots:void 0,rowData:d}}const j=n.defineComponent({name:"LElCom",props:{data:{type:Object,default:()=>({})},modelValue:{type:[Object,Array,String,Number,Boolean,null],default:()=>{}},formModel:{type:Object,default:()=>({})},rowIndex:{type:Number,default:-1}},emits:["update:modelValue"],setup(o,{slots:d,emit:i}){var r,V;const a=n.computed({get:()=>o.modelValue,set:e=>i("update:modelValue",e)}),l=o.data;l.component==null&&(l.component="Input"),l.component==="InputNumber"&&(a.value===void 0||a.value===null?i("update:modelValue",0):typeof a.value=="string"&&(a.value=Number(a.value)));const T=e=>{switch(e.component){case"Select":return F(e);case"Radio":case"RadioButton":return c(e);case"Checkbox":case"CheckboxButton":return f(e)}},F=e=>{var u,p,y,E;const s=(p=(u=e==null?void 0:e.componentProps)==null?void 0:u.optionsAlias)==null?void 0:p.labelField;return(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.options)==null?void 0:E.map(b=>{var h;return(h=b==null?void 0:b.options)!=null&&h.length?n.createVNode(t.ElOptionGroup,{label:b[s||"label"]},{default:()=>{var S;return(S=b==null?void 0:b.options)==null?void 0:S.map(w=>O(e,w))}}):O(e,b)})},O=(e,s)=>{var y,E,b,h;const u=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,p=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField;return n.createVNode(t.ElOption,{label:s[u||"label"],value:s[p||"value"]},{default:()=>{var S;return(S=e==null?void 0:e.componentProps)!=null&&S.optionsSlot?M(d,`${e.field}-option`,{item:s}):void 0}})},c=e=>{var y,E,b,h,S,w;const s=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,u=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField,p=e.component==="Radio"?t.ElRadio:t.ElRadioButton;return(w=(S=e==null?void 0:e.componentProps)==null?void 0:S.options)==null?void 0:w.map(x=>n.createVNode(p,{label:x[s||"label"],value:x[u||"value"]},{default:()=>[x[u||"label"]]}))},f=e=>{var y,E,b,h,S,w;const s=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,u=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField,p=e.component==="Checkbox"?t.ElCheckbox:t.ElCheckboxButton;return(w=(S=e==null?void 0:e.componentProps)==null?void 0:S.options)==null?void 0:w.map(x=>n.createVNode(p,{value:x[s||"value"]},{default:()=>[x[u||"label"]]}))},g=n.computed(()=>{var e,s;return{...W(d,(e=l==null?void 0:l.componentProps)==null?void 0:e.slots,l.field),...(l==null?void 0:l.component)!=="Select"&&(l==null?void 0:l.component)!=="Cascader"&&((s=l==null?void 0:l.componentProps)!=null&&s.options)?{default:()=>T(l)}:{}}}),C=o.data.componentVue?o.data.componentVue:L[o.data.component];if(!C)return()=>n.createVNode("div",null,[n.createTextVNode("组件 "),o.data.component,n.createTextVNode(" 未找到")]);const I=G(o.data,a.value),N=((V=(r=o.data)==null?void 0:r.componentProps)==null?void 0:V.trigger)||"change",A=(e,s)=>{var y,E;const u={value:e,row:o.formModel,index:o.rowIndex,data:o.data,args:s},p=(E=(y=o.data)==null?void 0:y.componentProps)==null?void 0:E.onTrigger;p&&p(u)},k={...I,formModel:o.formModel,...o.data.componentProps||{}},R={};return l!=null&&l.slots&&Object.keys(l.slots).forEach(e=>{R[e]=(s={})=>{var u,p;return(p=(u=l.slots)==null?void 0:u[e])==null?void 0:p.call(u,{...s,value:a.value})}}),l.component==="Divider"||l.component==="Text"||l.component==="Button"||l.component==="Badge"||l.component==="Icon"||l.component==="Image"?l!=null&&l.slots?()=>n.createVNode(C,k,{...R}):()=>n.createVNode(C,k,{default:()=>[a.value]}):l!=null&&l.slots?()=>n.createVNode(C,n.mergeProps({modelValue:a.value,"onUpdate:modelValue":e=>{a.value=e,N==="change"&&A(e)},onBlur:e=>{N==="blur"&&A(a.value,[e])}},k),{...l==null?void 0:l.slots}):()=>n.createVNode(C,n.mergeProps({modelValue:a.value,"onUpdate:modelValue":e=>{a.value=e,N==="update"&&A(e)},onChange:e=>{N==="change"&&A(a.value,[e])},onBlur:e=>{N==="blur"&&A(a.value,[e])}},k),{...g.value})}}),P=(o={})=>({...o.span?{}:{xs:24,sm:12,md:12,lg:12,xl:12},...o});function $(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!n.isVNode(o)}const q=n.defineComponent({name:"LElForm",props:{schema:{type:Array,default:()=>[]},model:{type:Object,default:()=>{}},rules:{type:Object,default:()=>({})}},emits:["register"],setup(o,{emit:d}){const i=n.ref(),a=n.ref({}),l=n.computed(()=>{const c={...o};return Object.assign(c,n.unref(a)),c});n.onMounted(()=>{d("register",n.unref(i))});const T=()=>{const{schema:c=[]}=n.unref(l);return c.filter(f=>!f.hidden).map(f=>{let g;return n.createVNode(t.ElCol,n.mergeProps(P(f.colProps),{key:f.field}),$(g=F(f))?g:{default:()=>[g]})})},F=c=>c.component==="Divider"?n.createVNode(j,{data:D(c),modelValue:o.model[c.field],"onUpdate:modelValue":f=>o.model[c.field]=f,formModel:o.model},null):n.withDirectives(n.createVNode(t.ElFormItem,{prop:c.field,label:c.label},{default:()=>[n.createVNode(j,{data:D(c),modelValue:o.model[c.field],"onUpdate:modelValue":f=>o.model[c.field]=f,formModel:o.model},null)]}),[[n.vShow,!c.hidden]]),O=()=>{const c=["schema","isCol","autoSetPlaceholder","isCustom","model"],f={...n.unref(l)};for(const g in f)c.indexOf(g)!==-1&&delete f[g];return f};return()=>{let c;return n.createVNode(t.ElForm,n.mergeProps({ref:i},O(),{model:o.model}),{default:()=>[n.createVNode(t.ElRow,{gutter:20},$(c=T())?c:{default:()=>[c]})]})}}}),B=o=>({prop:o.field,label:o.label,width:o.width,minWidth:o.minWidth,align:o.align?o.align:"left"});function K(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!n.isVNode(o)}const J=n.defineComponent({name:"LElTable",props:{data:{type:Array,default:()=>[]},schema:{type:Array,default:()=>[]},isForm:{type:Boolean,default:!1},rules:{type:Object,default:()=>({})},selectionType:{type:String,default:"none"},selectAll:{type:Boolean,default:!0},rowKey:{type:String,default:""}},emits:["register","getRadioValues","setRadioValues","selection-change"],setup(o,{emit:d}){const i=n.ref(),a=n.ref(),l=n.ref({}),T=n.computed(()=>{const r={...o};return Object.assign(r,n.unref(l)),r}),F=n.useSlots(),O=n.useAttrs(),c=n.ref([]),f=n.ref();n.onMounted(()=>{d("register",{form:n.unref(i),table:n.unref(a),getRadioValues:()=>o.rowKey!=""?f.value:o.data[f.value],setRadioValues:r=>{f.value=r}})});const g=r=>{c.value=[...r],d("selection-change",[...r])},C=r=>{c.value=[...r],d("selection-change",[...r])},I=(r,V)=>{if(a.value)if(r.length>1){const e=r[r.length-1];a.value.clearSelection(),a.value.toggleRowSelection(e,!0),c.value=[e],d("selection-change",[e])}else c.value=r,d("selection-change",r)},N=r=>[...(r==null?void 0:r.map(e=>e.hidden?null:e.field&&F[e.field]?n.createVNode(t.ElTableColumn,B(e),{default:s=>F[e.field](s)}):e.type==="index"?n.createVNode(t.ElTableColumn,{type:"index",label:e.label?e.label:"序号",width:e.width?e.width:"80"},null):e.type==="selection"?n.createVNode(t.ElTableColumn,{type:"selection",label:e.label?e.label:"选择",width:e.width?e.width:"50",selectable:e.selectable},null):e.type==="radio"?n.createVNode(t.ElTableColumn,{label:e.label?e.label:"单选",width:e.width?e.width:"80"},{default:({row:s,$index:u})=>n.createVNode(t.ElRadio,{value:o.rowKey!=""?s[o.rowKey]:u,modelValue:f.value,"onUpdate:modelValue":p=>f.value=p,disabled:e.disabledFieldName?s[e.disabledFieldName]:!1},null)}):o.isForm?n.createVNode(t.ElTableColumn,B(e),{default:s=>{const{row:u,$index:p}=s;return n.createVNode(t.ElFormItem,{prop:`${p}.${e.field}`,rules:o.rules[e.field]},{default:()=>[n.createVNode(j,{data:_(e,u),modelValue:u[e.field],"onUpdate:modelValue":y=>u[e.field]=y,formModel:u,rowIndex:p},null)]})}}):n.createVNode(t.ElTableColumn,B(e),{default:({row:s})=>n.createVNode(j,{data:_(e),modelValue:s[e.field],"onUpdate:modelValue":u=>s[e.field]=u},null)})))||[]].filter(Boolean),A={default:()=>N(o.schema)},k=()=>{const r=["data","schema","isForm","selectionType","selectAll"],V={...n.unref(T)};return r.forEach(e=>delete V[e]),V},R=()=>{let r={ref:a,data:o.data,rowKey:o.rowKey,...JSON.parse(JSON.stringify(O)),onSelect:o.selectionType==="single"?I:o.selectionType==="multiple"?g:void 0,onSelectionChange:o.selectionType==="single"?I:o.selectionType==="multiple"?g:void 0,onSelectAll:o.selectionType==="multiple"?C:void 0};const V={...A};return o.isForm?(r.style!=null&&r.style.height!=null&&(r.style.height="100%"),n.createVNode(t.ElForm,n.mergeProps({ref:i},k(),{model:o.data}),{default:()=>[n.createVNode(t.ElTable,r,K(V)?V:{default:()=>[V]})]})):n.createVNode(t.ElTable,r,K(V)?V:{default:()=>[V]})};return()=>R()}}),z=console.warn;console.warn=function(...o){if(typeof o=="object"&&Array.isArray(o)&&o[0]){if(o[0]=="async-validator:")return;if(typeof o[0]=="object"&&!Array.isArray(o[0])){const i=Object.keys(o[0])[0];if(typeof o[0][i]=="object"&&Array.isArray(o[0][i])&&"field"in o[0][i][0]&&"fieldValue"in o[0][i][0]&&"message"in o[0][i][0])return}}z.apply(console,o)},m.LElCom=j,m.LElForm=q,m.LElTable=J,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(m,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],n):(m=typeof globalThis<"u"?globalThis:m||self,n(m.leeui={},m.Vue,m.ElementPlus))})(this,function(m,n,t){"use strict";const L={Text:t.ElText,Link:t.ElLink,Button:t.ElButton,Icon:t.ElIcon,Avatar:t.ElAvatar,Image:t.ElImage,Divider:t.ElDivider,Badge:t.ElBadge,Radio:t.ElRadioGroup,Checkbox:t.ElCheckboxGroup,CheckboxButton:t.ElCheckboxGroup,Input:t.ElInput,Autocomplete:t.ElAutocomplete,InputNumber:t.ElInputNumber,Select:t.ElSelect,Cascader:t.ElCascader,Switch:t.ElSwitch,Slider:t.ElSlider,TimePicker:t.ElTimePicker,DatePicker:t.ElDatePicker,Rate:t.ElRate,ColorPicker:t.ElColorPicker,Transfer:t.ElTransfer,TimeSelect:t.ElTimeSelect,SelectV2:t.ElSelectV2,RadioButton:t.ElRadioGroup,Mention:t.ElMention,InputTag:t.ElInputTag,TreeSelect:t.ElTreeSelect},U=o=>typeof o=="function",M=(o,d="default",i)=>{if(!o||!Reflect.has(o,d))return null;if(!U(o[d]))return console.error(`${d} is not a function!`),null;const a=o[d];return a?a(i):null},G=(o,d)=>{const a=["ColorPicker"].includes(o.component)?{...o.componentProps}:{clearable:!0,...o.componentProps};return a==null||delete a.slots,a},W=(o,d={},i)=>{const a={};for(const l in d)d[l]&&(a[l]=T=>M(o,`${i}-${l}`,T));return a};function D(o){let d={field:o.field,component:o.component||"Input"};return o.componentProps&&(d.componentProps=o.componentProps),o.slots&&(d.slots=o.slots),o.componentVue&&(d.componentVue=o.componentVue),d}function K(o,d=null){return{field:o.field,component:o.component||"Text",componentProps:o.componentProps||{},slots:o.slots?o.slots:void 0,rowData:d}}const j=n.defineComponent({name:"LElCom",props:{data:{type:Object,default:()=>({})},modelValue:{type:[Object,Array,String,Number,Boolean,null],default:()=>{}},formModel:{type:Object,default:()=>({})},rowIndex:{type:Number,default:-1}},emits:["update:modelValue"],setup(o,{slots:d,emit:i}){var r,V;const a=n.computed({get:()=>o.modelValue,set:e=>i("update:modelValue",e)}),l=o.data;l.component==null&&(l.component="Input"),l.component==="InputNumber"&&(a.value===void 0||a.value===null?i("update:modelValue",0):typeof a.value=="string"&&(a.value=Number(a.value)));const T=e=>{switch(e.component){case"Select":return F(e);case"Radio":case"RadioButton":return c(e);case"Checkbox":case"CheckboxButton":return f(e)}},F=e=>{var u,p,y,E;const s=(p=(u=e==null?void 0:e.componentProps)==null?void 0:u.optionsAlias)==null?void 0:p.labelField;return(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.options)==null?void 0:E.map(b=>{var h;return(h=b==null?void 0:b.options)!=null&&h.length?n.createVNode(t.ElOptionGroup,{label:b[s||"label"]},{default:()=>{var S;return(S=b==null?void 0:b.options)==null?void 0:S.map(w=>O(e,w))}}):O(e,b)})},O=(e,s)=>{var y,E,b,h;const u=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,p=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField;return n.createVNode(t.ElOption,{label:s[u||"label"],value:s[p||"value"]},{default:()=>{var S;return(S=e==null?void 0:e.componentProps)!=null&&S.optionsSlot?M(d,`${e.field}-option`,{item:s}):void 0}})},c=e=>{var y,E,b,h,S,w;const s=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,u=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField,p=e.component==="Radio"?t.ElRadio:t.ElRadioButton;return(w=(S=e==null?void 0:e.componentProps)==null?void 0:S.options)==null?void 0:w.map(x=>n.createVNode(p,{label:x[s||"label"],value:x[u||"value"]},{default:()=>[x[u||"label"]]}))},f=e=>{var y,E,b,h,S,w;const s=(E=(y=e==null?void 0:e.componentProps)==null?void 0:y.optionsAlias)==null?void 0:E.labelField,u=(h=(b=e==null?void 0:e.componentProps)==null?void 0:b.optionsAlias)==null?void 0:h.valueField,p=e.component==="Checkbox"?t.ElCheckbox:t.ElCheckboxButton;return(w=(S=e==null?void 0:e.componentProps)==null?void 0:S.options)==null?void 0:w.map(x=>n.createVNode(p,{value:x[s||"value"]},{default:()=>[x[u||"label"]]}))},g=n.computed(()=>{var e,s;return{...W(d,(e=l==null?void 0:l.componentProps)==null?void 0:e.slots,l.field),...(l==null?void 0:l.component)!=="Select"&&(l==null?void 0:l.component)!=="Cascader"&&((s=l==null?void 0:l.componentProps)!=null&&s.options)?{default:()=>T(l)}:{}}}),C=o.data.componentVue?o.data.componentVue:L[o.data.component];if(!C)return()=>n.createVNode("div",null,[n.createTextVNode("组件 "),o.data.component,n.createTextVNode(" 未找到")]);const I=G(o.data,a.value),N=((V=(r=o.data)==null?void 0:r.componentProps)==null?void 0:V.trigger)||"change",A=(e,s)=>{var y,E;const u={value:e,row:o.formModel,index:o.rowIndex,data:o.data,args:s},p=(E=(y=o.data)==null?void 0:y.componentProps)==null?void 0:E.onTrigger;p&&p(u)},k={...I,formModel:o.formModel,...o.data.componentProps||{}},R={};return l!=null&&l.slots&&Object.keys(l.slots).forEach(e=>{R[e]=(s={})=>{var u,p;return(p=(u=l.slots)==null?void 0:u[e])==null?void 0:p.call(u,{...s,value:a.value})}}),l.component==="Divider"||l.component==="Text"||l.component==="Button"||l.component==="Badge"||l.component==="Icon"||l.component==="Image"?l!=null&&l.slots?()=>n.createVNode(C,k,{...R}):()=>n.createVNode(C,k,{default:()=>[a.value]}):l!=null&&l.slots?()=>n.createVNode(C,n.mergeProps({modelValue:a.value,"onUpdate:modelValue":e=>{a.value=e,N==="change"&&A(e)},onBlur:e=>{N==="blur"&&A(a.value,[e])}},k),{...l==null?void 0:l.slots}):()=>n.createVNode(C,n.mergeProps({modelValue:a.value,"onUpdate:modelValue":e=>{a.value=e,N==="update"&&A(e)},onChange:e=>{N==="change"&&A(a.value,[e])},onBlur:e=>{N==="blur"&&A(a.value,[e])}},k),{...g.value})}}),P=(o={})=>({...o.span?{}:{xs:24,sm:12,md:12,lg:12,xl:12},...o});function _(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!n.isVNode(o)}const q=n.defineComponent({name:"LElForm",props:{schema:{type:Array,default:()=>[]},model:{type:Object,default:()=>{}},rules:{type:Object,default:()=>({})}},emits:["register"],setup(o,{emit:d}){const i=n.ref(),a=n.ref({}),l=n.computed(()=>{const c={...o};return Object.assign(c,n.unref(a)),c});n.onMounted(()=>{d("register",n.unref(i))});const T=()=>{const{schema:c=[]}=n.unref(l);return c.filter(f=>!f.hidden).map(f=>{let g;return n.createVNode(t.ElCol,n.mergeProps(P(f.colProps),{key:f.field}),_(g=F(f))?g:{default:()=>[g]})})},F=c=>c.component==="Divider"?n.createVNode(j,{data:D(c),modelValue:o.model[c.field],"onUpdate:modelValue":f=>o.model[c.field]=f,formModel:o.model},null):n.withDirectives(n.createVNode(t.ElFormItem,{prop:c.field,label:c.label},{default:()=>[n.createVNode(j,{data:D(c),modelValue:o.model[c.field],"onUpdate:modelValue":f=>o.model[c.field]=f,formModel:o.model},null)]}),[[n.vShow,!c.hidden]]),O=()=>{const c=["schema","isCol","autoSetPlaceholder","isCustom","model"],f={...n.unref(l)};for(const g in f)c.indexOf(g)!==-1&&delete f[g];return f};return()=>{let c;return n.createVNode(t.ElForm,n.mergeProps({ref:i},O(),{model:o.model}),{default:()=>[n.createVNode(t.ElRow,{gutter:20},_(c=T())?c:{default:()=>[c]})]})}}}),B=o=>({prop:o.field,label:o.label,width:o.width,minWidth:o.minWidth,align:o.align?o.align:"left"});function $(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!n.isVNode(o)}const J=n.defineComponent({name:"LElTable",props:{data:{type:Array,default:()=>[]},schema:{type:Array,default:()=>[]},isForm:{type:Boolean,default:!1},rules:{type:Object,default:()=>({})},selectionType:{type:String,default:"none"},selectAll:{type:Boolean,default:!0},rowKey:{type:String,default:""}},emits:["register","getRadioValues","setRadioValues","selection-change"],setup(o,{emit:d}){const i=n.ref(),a=n.ref(),l=n.ref({}),T=n.computed(()=>{const r={...o};return Object.assign(r,n.unref(l)),r}),F=n.useSlots(),O=n.useAttrs(),c=n.ref([]),f=n.ref();n.onMounted(()=>{d("register",{form:n.unref(i),table:n.unref(a),getRadioValues:()=>o.rowKey?o.data.find(r=>r[o.rowKey]===f.value):o.data[f.value],setRadioValues:r=>{f.value=r}})});const g=r=>{c.value=[...r],d("selection-change",[...r])},C=r=>{c.value=[...r],d("selection-change",[...r])},I=(r,V)=>{if(a.value)if(r.length>1){const e=r[r.length-1];a.value.clearSelection(),a.value.toggleRowSelection(e,!0),c.value=[e],d("selection-change",[e])}else c.value=r,d("selection-change",r)},N=r=>[...(r==null?void 0:r.map(e=>e.hidden?null:e.field&&F[e.field]?n.createVNode(t.ElTableColumn,B(e),{default:s=>F[e.field](s)}):e.type==="index"?n.createVNode(t.ElTableColumn,{type:"index",label:e.label?e.label:"序号",width:e.width?e.width:"80"},null):e.type==="selection"?n.createVNode(t.ElTableColumn,{type:"selection",label:e.label?e.label:"选择",width:e.width?e.width:"50",selectable:e.selectable},null):e.type==="radio"?n.createVNode(t.ElTableColumn,{label:e.label?e.label:"单选",width:e.width?e.width:"80"},{default:({row:s,$index:u})=>n.createVNode(t.ElRadio,{value:o.rowKey!=""?s[o.rowKey]:u,modelValue:f.value,"onUpdate:modelValue":p=>{f.value=p},disabled:e.disabledFieldName?s[e.disabledFieldName]:!1},null)}):o.isForm?n.createVNode(t.ElTableColumn,B(e),{default:s=>{const{row:u,$index:p}=s;return n.createVNode(t.ElFormItem,{prop:`${p}.${e.field}`,rules:o.rules[e.field]},{default:()=>[n.createVNode(j,{data:K(e,u),modelValue:u[e.field],"onUpdate:modelValue":y=>u[e.field]=y,formModel:u,rowIndex:p},null)]})}}):n.createVNode(t.ElTableColumn,B(e),{default:({row:s})=>n.createVNode(j,{data:K(e),modelValue:s[e.field],"onUpdate:modelValue":u=>s[e.field]=u},null)})))||[]].filter(Boolean),A={default:()=>N(o.schema)},k=()=>{const r=["data","schema","isForm","selectionType","selectAll"],V={...n.unref(T)};return r.forEach(e=>delete V[e]),V},R=()=>{let r={ref:a,data:o.data,rowKey:o.rowKey,...JSON.parse(JSON.stringify(O)),onSelect:o.selectionType==="single"?I:o.selectionType==="multiple"?g:void 0,onSelectionChange:o.selectionType==="single"?I:o.selectionType==="multiple"?g:void 0,onSelectAll:o.selectionType==="multiple"?C:void 0};const V={...A};return o.isForm?(r.style!=null&&r.style.height!=null&&(r.style.height="100%"),n.createVNode(t.ElForm,n.mergeProps({ref:i},k(),{model:o.data}),{default:()=>[n.createVNode(t.ElTable,r,$(V)?V:{default:()=>[V]})]})):n.createVNode(t.ElTable,r,$(V)?V:{default:()=>[V]})};return()=>R()}}),z=console.warn;console.warn=function(...o){if(typeof o=="object"&&Array.isArray(o)&&o[0]){if(o[0]=="async-validator:")return;if(typeof o[0]=="object"&&!Array.isArray(o[0])){const i=Object.keys(o[0])[0];if(typeof o[0][i]=="object"&&Array.isArray(o[0][i])&&"field"in o[0][i][0]&&"fieldValue"in o[0][i][0]&&"message"in o[0][i][0])return}}z.apply(console,o)},m.LElCom=j,m.LElForm=q,m.LElTable=J,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
|