@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 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 _, ElSelectV2 as re, ElTimeSelect as ue, ElTransfer as ce, ElColorPicker as de, 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 K, 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";
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: K,
24
- CheckboxButton: K,
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: de,
36
- Transfer: ce,
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 d, f, b, y;
131
- const c = (f = (d = e == null ? void 0 : e.componentProps) == null ? void 0 : d.optionsAlias) == null ? void 0 : f.labelField;
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[c || "label"]
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, c) => {
143
+ }, O = (e, d) => {
144
144
  var b, y, p, E;
145
- const d = (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;
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[d || "label"],
148
- value: c[f || "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: c
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 c = (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.optionsAlias) == null ? void 0 : y.labelField, d = (E = (p = e == null ? void 0 : e.componentProps) == null ? void 0 : p.optionsAlias) == null ? void 0 : E.valueField, f = e.component === "Radio" ? H : xe;
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[c || "label"],
165
- value: x[d || "value"]
164
+ label: x[d || "label"],
165
+ value: x[c || "value"]
166
166
  }, {
167
- default: () => [x[d || "label"]]
167
+ default: () => [x[c || "label"]]
168
168
  }));
169
169
  }, s = (e) => {
170
170
  var b, y, p, E, h, T;
171
- const c = (y = (b = e == null ? void 0 : e.componentProps) == null ? void 0 : b.optionsAlias) == null ? void 0 : y.labelField, d = (E = (p = e == null ? void 0 : e.componentProps) == null ? void 0 : p.optionsAlias) == null ? void 0 : E.valueField, f = e.component === "Checkbox" ? je : Ie;
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[c || "value"]
173
+ value: x[d || "value"]
174
174
  }, {
175
- default: () => [x[d || "label"]]
175
+ default: () => [x[c || "label"]]
176
176
  }));
177
177
  }, g = B(() => {
178
- var e, c;
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" && ((c = o == null ? void 0 : o.componentProps) != null && c.options) ? {
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, c) => {
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 d = {
190
+ const c = {
191
191
  value: e,
192
192
  row: l.formModel,
193
193
  index: l.rowIndex,
194
194
  data: l.data,
195
- args: c
195
+ args: d
196
196
  }, f = (y = (b = l.data) == null ? void 0 : b.componentProps) == null ? void 0 : y.onTrigger;
197
- f && f(d);
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] = (c = {}) => {
207
- var d, f;
208
- return (f = (d = o.slots) == null ? void 0 : d[e]) == null ? void 0 : f.call(d, {
209
- ...c,
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 != "" ? s.value : l.data[s.value],
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: (c) => F[e.field](c)
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: c,
432
- $index: d
431
+ row: d,
432
+ $index: c
433
433
  }) => u(H, {
434
- value: l.rowKey != "" ? c[l.rowKey] : d,
434
+ value: l.rowKey != "" ? d[l.rowKey] : c,
435
435
  modelValue: s.value,
436
- "onUpdate:modelValue": (f) => s.value = f,
437
- disabled: e.disabledFieldName ? c[e.disabledFieldName] : !1
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: (c) => {
442
+ default: (d) => {
441
443
  const {
442
- row: d,
444
+ row: c,
443
445
  $index: f
444
- } = c;
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, d),
451
- modelValue: d[e.field],
452
- "onUpdate:modelValue": (b) => d[e.field] = b,
453
- formModel: d,
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: c
462
+ row: d
461
463
  }) => u(N, {
462
464
  data: G(e),
463
- modelValue: c[e.field],
464
- "onUpdate:modelValue": (d) => c[e.field] = d
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
- }), _e = console.warn;
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
- _e.apply(console, l);
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"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uf_lee/leeui",
3
- "version": "1.0.110",
3
+ "version": "1.0.112",
4
4
  "description": "自己的组件库",
5
5
  "main": "dist/leeui.umd.js",
6
6
  "module": "dist/leeui.es.js",