@elementplus-kit/uikit 1.7.0 → 1.9.0

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("lodash-es"),require("@element-plus/icons-vue")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","lodash-es","@element-plus/icons-vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.ElementPlusKit={},C.vue,C.elementPlus,C._,C.iconsVue))})(this,(function(C,e,l,S,X){"use strict";const B={input:{elName:"input",defaultAttrs:{},events:["blur","focus","change","input","clear","keydown","mouseleave","mouseenter","compositionstart","compositionupdate","compositionend"],slots:["prefix","suffix","prepend","append"]},textarea:{elName:"textarea",defaultAttrs:{},events:["blur","focus","change","input"]},"input-number":{elName:"input-number",defaultAttrs:{},events:["change","Function","blur","focus"],slots:["decrease-icon","increase-icon","prefix","suffix"]},select:{elName:"select",defaultAttrs:{},events:["change","visible-change","remove-tag","clear","blur","focus","popup-scroll"],slots:["default","header","footer","prefix","empty","tag","loading","label"]},"select-v2":{elName:"select-v2",defaultAttrs:{},events:["focus","blur","selectedLabel"],slots:["default","header","footer","prefix","empty","tag","loading","label"]},cascader:{elName:"cascader",defaultAttrs:{},events:["change","expand-change","blur","focus","clear","visible-change","remove-tag"],slots:["default","empty","prefix","suggestion-item","tag"]},"tree-select":{elName:"tree-select",defaultAttrs:{},events:["change","clear","blur","focus"],slots:["default"]},radio:{elName:"radio",defaultAttrs:{},events:["change"]},checkbox:{elName:"checkbox",defaultAttrs:{},events:["change"]},"time-select":{elName:"time-select",defaultAttrs:{},events:["change","blur","focus","clear"]},"date-picker":{elName:"date-picker",defaultAttrs:{},events:["change","blur","focus","clear","calendar-change","panel-change","visible-change"],slots:["default","range-separator","prev-month","next-month","prev-year","next-year"]},"time-picker":{elName:"time-picker",defaultAttrs:{},events:["change","blur","focus","clear","visible-change"],slots:[]},rate:{elName:"rate",defaultAttrs:{},events:["change"]},"color-picker":{elName:"color-picker",defaultAttrs:{},events:["change","active-change","focus","blur"]},slider:{elName:"slider",defaultAttrs:{},events:["change","input"]},switch:{elName:"switch",defaultAttrs:{},events:["change"],slots:["active-action","inactive-action"]},text:{elName:"text",defaultAttrs:{},slots:["default"]},html:{},slot:{}},Z=()=>{let t=[];return Object.keys(B).map(r=>{const p=B[r]?.events;p?.length>0&&t.push(...p)}),t=[...new Set(t)],t},P=t=>t.replace(/(?:^|-)(\w)/g,(r,p)=>p.toUpperCase()),ee={model:{type:Object,default:()=>{}},label:{type:String,default:""},type:{type:String,default:""},prop:{type:String,default:""},required:{type:Boolean,default:!1},allReadonly:{type:Object,default:null},formItem:{type:Object,default:()=>{}},attrs:{type:Object,default:()=>{}},dictType:{type:String,default:void 0},options:{type:Array,default:()=>[]},optionsRef:{type:Object,default:()=>{}},mergeParams:{type:Object,default:()=>{}}},te=e.defineComponent({props:ee,setup(t,{attrs:r,emit:p,slots:i,expose:m}){const{formSlots:u,events:N}=e.inject("formContext"),{model:v,type:O,label:A,prop:d,required:n,allReadonly:h,formItem:a,attrs:f,dictType:T,options:w}=e.toRefs(t),E=()=>{const b={};return B[O.value]?.slots?.forEach(y=>{const V=`${d.value}.${y}`;Object.keys(u).map(x=>{x===V&&(b[y]=u[x])})}),b},s=()=>{const b={};return B[O.value]?.events?.forEach(y=>{const V=`on${P(y)}`;b[V]=(...x)=>N(y,d.value,...x)}),b},g=()=>{let b=!1;return S.isFunction(f.value?.disabled)&&(b=f.value.disabled(t.mergeParams)),S.isBoolean(f.value?.disabled)&&(b=f.value.disabled),h.value&&(b=!0),{disabled:b}},o=()=>{const b=B[O.value]?.defaultAttrs||{},c={ref:y=>L(y,d.value),...b,...f.value,...g()};return["html"].includes(O.value)||(c.modelValue=v.value[d.value],c["onUpdate:modelValue"]=y=>v.value[d.value]=y),c},L=(b,c)=>{t.optionsRef[`${c}Ref`]=b},R={input:()=>e.h(l.ElInput,{clearable:!0,...o(),...s()},{...E()}),textarea:()=>e.h(l.ElInput,{...o(),...s(),type:"textarea"}),"input-number":()=>e.h(l.ElInputNumber,{...o(),...s()},{...E()}),select:()=>e.h(l.ElSelect,{clearable:!0,...o(),...s()},()=>w?.value?.map(b=>e.h(l.ElOption,{...b,label:b.label,value:b.value,key:b.value}))),"select-v2":()=>e.h(l.ElSelectV2,{options:w.value,clearable:!0,...o(),...s()}),cascader:()=>e.h(l.ElCascader,{options:w.value,clearable:!0,...o(),...s()},{...E()}),"tree-select":()=>e.h(l.ElTreeSelect,{data:w.value,clearable:!0,...o(),...s()},{...E()}),radio:()=>e.h(l.ElRadioGroup,{...o(),...s()},{default:()=>w?.value?.map(c=>e.h(c.radioButton?l.ElRadioButton:l.ElRadio,{...c,label:c.label,value:c.value,key:c.value}))}),checkbox:()=>e.h(l.ElCheckboxGroup,{...o(),...s()},{default:()=>w?.value?.map(c=>e.h(l.ElCheckbox,{...c,label:c.label,value:c.value,key:c.value}))}),"time-select":()=>e.h(l.ElTimeSelect,{...o(),...s()}),"date-picker":()=>{const b=f.value?.type||"date",y={year:"YYYY",month:"YYYY-MM",date:"YYYY-MM-DD"}[b];return e.h(l.ElDatePicker,{type:b,valueFormat:y,...o(),...s()},{...E()})},"time-picker":()=>e.h(l.ElTimePicker,{valueFormat:"HH:mm:ss",...o(),...s()}),rate:()=>e.h(l.ElRate,{...o(),...s()}),"color-picker":()=>e.h(l.ElColorPicker,{...o(),...s()}),slider:()=>e.h(l.ElSlider,{...o(),...s()}),switch:()=>e.h(l.ElSwitch,{...o(),...s()},{...E()}),text:()=>e.h(l.ElText,{...o()}),html:()=>e.h("div",{innerHTML:v.value[d.value],...o()}),slot:()=>u[d.value]?.(v.value)},k=()=>u[d.value]?R.slot():O.value==="slot"?`表单属性 ${d.value} 插槽模板未定义`:R[O.value]?R[O.value]():(console.error(`不支持的表单类型 ${O.value}`),`不支持的表单类型 ${O.value}`),I=()=>{const b=k();return e.h(l.ElFormItem,{label:A.value,prop:d.value,rules:n.value?[{required:!0,message:`${A.value} 必填`,trigger:"blur"}]:void 0,...a.value},{default:()=>b})};return()=>I()}}),re={model:{type:Object,default:()=>({})},formOptions:{type:Array,default:()=>[]},readonly:{type:Boolean,default:!1},gutter:{type:Number||String,default:void 0},col:{type:Number,default:void 0},params:{type:Object,default:()=>({})}},Y=e.defineComponent({props:re,emits:[...Z()],setup(t,{attrs:r,emit:p,slots:i,expose:m}){e.provide("formContext",{formSlots:i,events:(g,...o)=>{p(g,...o)}});const u=e.ref({});m({optionsRef:u});const{model:N,formOptions:v,readonly:O,gutter:A,col:d}=e.toRefs(t),n=e.getCurrentInstance(),h=g=>{g&&(n.exposed=g,n.exposeProxy=g)},a=e.computed(()=>O.value),f=e.computed(()=>["",0].includes(A?.value)||d?.value||v?.value.some(g=>S.has(g,"col"))),T=()=>{const g=E();return f.value?e.h(l.ElRow,{class:"c-row",gutter:A.value||20,...r},{default:()=>g}):g},w=e.computed(()=>({formData:N.value,params:t.params})),E=()=>{const g=[];return v.value.map(o=>{S.isFunction(o?.vIf)&&o.vIf(w.value)!==void 0?o.vIf(w.value)&&g.push(o):g.push(o)}),g.map(o=>{const L=()=>e.h(te,{class:"c-form-itme",model:N.value,allReadonly:a,mergeParams:w.value,...o,optionsRef:u.value});if(f.value){let R,k=`col.${o.prop}`;return o?.colSlot?S.has(i,k)?R=i[k]:R=()=>"col插槽模板未定义":S.has(i,k)&&(R=i[k]),e.h(l.ElCol,{class:"c-col",span:S.has(o,"col")?o.col:d?.value?d?.value:f.value?8:void 0},{default:()=>R?R():L()})}else return L()})},s=()=>e.h(l.ElForm,{ref:h,...r,model:N.value,class:a.value?"isReadonly c-form":"c-form"},{default:()=>T()});return()=>s()}}),ae=e.defineComponent({__name:"tableDictLabel",props:{options:{type:Array,default:()=>[]},value:{type:String,default:""}},setup(t){const r=t,p=e.computed(()=>r.options?.find(m=>m.value==r.value.toString())?.label||r.value);return(i,m)=>e.toDisplayString(p.value)}}),oe=["default","append","empty"],le=["default","header","filter-icon","expand"],ne={module:{type:Object,default:()=>{}},params:{type:Object,default:()=>{}},columns:{type:Array,default:()=>[]},showSelection:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!1}},M=e.defineComponent({props:ne,setup(t,{attrs:r,emit:p,slots:i,expose:m}){const u=e.getCurrentInstance(),N=d=>{d&&(u.exposed=d,u.exposeProxy=d)},v=()=>{const d=[];t.showSelection&&d.push(e.h(l.ElTableColumn,{type:"selection",width:50,align:"center"})),t.showIndex&&d.push(e.h(l.ElTableColumn,{label:"序号",type:"index",width:60,align:"center"}));const n=(h,a)=>{h.map(f=>{const{children:T,...w}=f;if(S.isFunction(f.vIf)&&f.vIf(t.params)!==void 0&&!f.vIf(t.params))return;const E=[];T?.length&&n(T,E);const s={};if(le.map(g=>{const o=`${f.prop}.${g}`;i[o]&&(s[g]=i[o])}),i[f.prop]?s.default=i[f.prop]:S.isFunction(f.render)?s.default=f.render:S.isArray(f.options)&&(s.default=g=>e.h(ae,{options:f.options,value:g.row[f.prop]})),Object.keys(s).length){const g=()=>{let o;return E.length?o={...s,default:()=>E}:o={...s},o};a.push(e.h(l.ElTableColumn,{...w,class:"c-table-column"},g()))}else{const g=()=>{let o;return E.length&&(o={default:()=>E}),o};a.push(e.h(l.ElTableColumn,{...w,class:"c-table-column"},g()))}})};return n(t.columns,d),d},O=()=>{const d={};return oe.map(n=>{i[n]&&(d[n]=i[n])}),d},A=()=>{const d=v();return e.h(l.ElTable,{ref:N,...r,class:"c-table"},{default:()=>d,...O()})};return()=>A()}}),j={OPERATION_COL_LABEL:"操作",OPERATION_SLOT_NAME:"custom",CHILDREN_SLOT_KEY:"children"};function se(t,r,p,i){const m={default:()=>ce(t,i)};return e.h(l.ElTable,{data:r,class:"c-table"},m)}function ce(t,r){const p=[];if(S.isObject(t)&&Object.keys(t).forEach(m=>{let u=t[m],N=r[m];if(r[`${m}.header`]){let v=W(m,u),O={header:A=>r[`${m}.header`](A)};r[m]&&(O.default=A=>[r[m](A)]),p.push(e.h(l.ElTableColumn,v,O))}else p.push(z(m,u,N,r))}),r[j.OPERATION_SLOT_NAME]){let i={label:j.OPERATION_COL_LABEL};if(r[`${j.OPERATION_SLOT_NAME}.header`]){let m={header:u=>r[`${j.OPERATION_SLOT_NAME}.header`](u),default:u=>[r[j.OPERATION_SLOT_NAME](u)]};p.push(e.h(l.ElTableColumn,i,m))}else{let m={default:u=>[r[j.OPERATION_SLOT_NAME](u)]};p.push(e.h(l.ElTableColumn,i,m))}}return p}function z(t,r,p,i){let m=W(t,r);delete m[j.CHILDREN_SLOT_KEY];let u=[];if(r[j.CHILDREN_SLOT_KEY]&&S.isObject(r[j.CHILDREN_SLOT_KEY])){let v=r[j.CHILDREN_SLOT_KEY];S.isObject(v)&&Object.keys(v).forEach(A=>{let d=v[A],n=i[A];u.push(z(A,d,n,i))})}let N=()=>[];return p?N={default:v=>[...u,p(v)]}:N={default:()=>[...u]},e.h(l.ElTableColumn,m,N)}function W(t,r){if(S.isString(r))return{prop:t,label:r};if(S.isObject(r))return{prop:t,...r}}const H=e.defineComponent({props:["schema","data"],emits:[],setup(t,{attrs:r,emit:p,slots:i,expose:m}){return()=>se(t.schema,t.data,p,i)}}),ie={pageSizes:[10,20,50,100,200,500],layout:"total, sizes, prev, pager, next, jumper"},q=e.defineComponent({setup(t,{attrs:r,emit:p,slots:i,expose:m}){const u=()=>({...ie}),N=()=>e.h(l.ElPagination,{...u(),class:"c-pagination"});return()=>N()}}),ue={destroyOnClose:!0},de=S.capitalize("C"),U=e.defineComponent({name:`${de}Dialog`,setup(t,{attrs:r,emit:p,slots:i,expose:m}){const u=()=>({...ue}),N=()=>e.h(l.ElDialog,{...u(),class:"c-dialog"},i);return()=>N()}}),fe={destroyOnClose:!0},G=e.defineComponent({setup(t,{attrs:r,emit:p,slots:i,expose:m}){const u=()=>({...fe}),N=()=>e.h(l.ElDrawer,{...u(),class:"c-drawer"},i);return()=>N()}});function _(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const K=e.defineComponent({props:{modelValue:{type:Object,default:{}},formOptions:{type:Array,default:()=>[]},isDrawer:{type:Boolean,default:!1}},emits:["update:modelValue","search","reset","close"],setup(t,{emit:r,slots:p,attrs:i,expose:m}){const u=["btn-left","btn-right"],N=()=>{let c={};return Object.keys(i)?.forEach(y=>{y.indexOf("on")===0&&(c[y]=i[y])}),c},v=()=>{let c={};return Object.keys(p).forEach(y=>{u.includes(y)||(c[y]=p[y])}),c},O=()=>{r("search"),a.value=!1,document.removeEventListener("click",h)},A=()=>{r("reset")},d=()=>{a.value=!1,document.removeEventListener("click",h),r("close")},n=e.ref(null),h=c=>{a.value&&n.value&&!n.value?.$el?.contains(c.target)&&(a.value=!1,document.removeEventListener("click",h))},a=e.ref(!1),f=()=>{a.value?(a.value=!1,document.removeEventListener("click",h)):(a.value=!0,setTimeout(()=>{document.addEventListener("click",h)},0))},T=e.ref(6),w=e.ref(null),E=e.ref(null),s=e.ref(null),g=e.ref(null),o=e.ref(null);let L=null;const R=()=>{L&&clearTimeout(L),L=setTimeout(()=>{k()},200)},k=()=>{if(s.value){const c=s.value.children[0],y=E.value.offsetWidth;let V=0;T.value=c?.children?.length,Array.from(c.children).map((x,D)=>{if(x.style.display="inline-flex",V>y){x.style.display="none";return}const ve=window.getComputedStyle(x).marginRight,Ee=parseFloat(ve),Ce=x.offsetWidth+Ee;V=V+Ce,V>y&&(x.style.display="none",T.value=D,V=1e5)})}},I=e.ref(0),b=()=>{const c=E.value.children[0];new ResizeObserver(V=>{for(const D of V){const F=D.contentRect.width;F!==I.value&&(I.value===0||F<I.value-25?(I.value=F,R()):F>I.value+25&&(R(),I.value=F))}}).observe(c)};return e.onMounted(()=>{b(),window.addEventListener("resize",R)}),e.onUnmounted(()=>{window.removeEventListener("resize",R),document.removeEventListener("click",h)}),()=>{let c,y,V;return e.createVNode("div",{className:"c-search"},[e.createVNode("div",{className:"c-search-simple",ref:w},[e.createVNode("div",{className:"c-search-simple-form",ref:E},[e.createVNode("div",{className:"c-simple-form-container",ref:s},[e.createVNode($,e.mergeProps({ref:x=>o.value=x},N(),{inline:!0,model:t.modelValue,formOptions:t.formOptions}),_(c=v())?c:{default:()=>[c]})])]),e.createVNode("div",{className:"c-search-simple-btn",ref:g},[p["arrow-left"]?.(),T.value<t.formOptions?.length&&e.createVNode("div",{className:`c-search-simple-icon ${a.value?"icon-rotate":""}`,onClick:f},[e.createVNode(e.resolveComponent("el-icon"),{className:"el-icon c-search-icon"},{default:()=>[e.createVNode(X.ArrowUpBold,null,null)]})]),p["search-btn"]?p["search-btn"]():e.createVNode(e.Fragment,null,[p["btn-left"]?.(),e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:O},{default:()=>[e.createTextVNode("搜索")]}),e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:A},{default:()=>[e.createTextVNode("重置")]}),p["btn-right"]?.()])])]),!t.isDrawer&&a.value&&e.createVNode(e.resolveComponent("transition"),{name:"search-form-transition"},{default:()=>[e.createVNode(e.resolveComponent("el-card"),{ref:n,className:"c-search-form el-card is-always-shadow"},{default:()=>[e.createVNode($,e.mergeProps(N(),{inline:!0,model:t.modelValue,formOptions:t.formOptions.filter((x,D)=>D>=T.value),ref:"formRef"}),_(y=v())?y:{default:()=>[y]}),e.createVNode("div",{style:"text-align: right;"},[e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:O},{default:()=>[e.createTextVNode("搜索")]}),e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:d},{default:()=>[e.createTextVNode("关闭")]})])]})]}),t.isDrawer&&e.createVNode(Q,{title:"搜索",modelValue:a.value,"onUpdate:modelValue":x=>a.value=x,size:"660px"},{default:()=>[e.createVNode($,e.mergeProps(N(),{col:12,model:t.modelValue,formOptions:t.formOptions.filter((x,D)=>D>=T.value),ref:"formRef"}),_(V=v())?V:{default:()=>[V]}),e.createVNode("div",{style:"text-align: right;"},[e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:O},{default:()=>[e.createTextVNode("搜索")]}),e.createVNode(e.resolveComponent("el-button"),{type:"primary",onClick:d},{default:()=>[e.createTextVNode("关闭")]})])]})])}}}),J=e.defineComponent({props:{params:{type:Object,default:()=>({})},btnOptions:{type:Array,default:()=>[]},permit:{type:Function},size:{type:String,default:void 0},plain:{type:Boolean,default:void 0},text:{type:Boolean,default:void 0},link:{type:Boolean,default:void 0},fold:{type:Boolean,default:!1},foldNum:{type:Number,default:0}},emits:["btnAction"],setup(t,{emit:r,slots:p,attrs:i,expose:m}){const u=n=>{let h={size:t.size,plain:t.plain,text:t.text,link:t.link,class:`c-btn-alias-${n.alias||""}`};const a=["label","alias","permit","vIf","disable"];return Object.keys(n).map(f=>{a.includes(f)||(h[f]=n[f])}),S.isBoolean(n.disable)&&(h.disabled=n.disable),S.isFunction(n.disable)&&n.disable(t.params)!==void 0&&(h.disabled=n.disable(t.params)),h},N=n=>{const h=u(n),a={splitButton:!0};return["type","size","splitButton","disabled","placement","effect","trigger"].forEach(T=>{h[T]!==void 0&&(a[T]=h[T])}),a},v=()=>{const n=[];t.btnOptions.map(a=>{S.isArray(a.permit)&&a.permit.length>0&&S.isFunction(t.permit)?t.permit(a.permit)&&n.push(a):n.push(a)});const h=[];return n.map(a=>{S.has(a,"vIf")&&S.isFunction(a.vIf)&&a.vIf(t.params)!==void 0?a.vIf(t.params)&&h.push(a):h.push(a)}),h},O=n=>e.h(l.ElButton,{...u(n),onClick:()=>{r("btnAction",n.alias,t.params)}},{default:()=>n?.label}),A=n=>{const h=[],a=[],f=[];n.map((E,s)=>{s<t.foldNum?h.push(E):s===t.foldNum?a.push(E):f.push(E)}),a.length>0&&f.length===0&&h.push(a[0]);let T=[];const w=h.map(E=>O(E));if(w.length>0&&(T=T.concat(w)),a.length>0&&f.length>0){const E=e.h(l.ElDropdown,{...N(a[0]),class:"c-btn-dropdown",buttonProps:u(a[0]),splitButton:!0,onClick:()=>{r("btnAction",a[0].alias,t.params)},onCommand:s=>{r("btnAction",s,t.params)}},{default:()=>a[0].label,dropdown:()=>f.map(s=>e.h(l.ElDropdownItem,{command:s.alias},{default:()=>s?.label}))});T=T.concat(E)}return T},d=()=>{const n=v();return t.fold?A(n):n.map(h=>O(h))};return()=>d()}}),$=Y,pe=M,me=H,he=q,be=U,Q=G,ge=K,ye=J;C.Button=J,C.CButton=ye,C.CDialog=be,C.CDrawer=Q,C.CForm=$,C.CPagination=he,C.CSearch=ge,C.CTable=pe,C.CTable2=me,C.Dialog=U,C.Drawer=G,C.Form=Y,C.Pagination=q,C.Search=K,C.Table=M,C.Table2=H,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementplus-kit/uikit",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "description": "",
   "main": "./components/index.ts",
   "peerDependencies": {

package/components/form/src/types.ts

@@ -1,39 +0,0 @@
-export interface FormItemListItem {
-  type: string
-  label?: string
-  prop: string
-  required?: Boolean
-  vIf?: boolean | ((item: FormItemListItem) => boolean)
-  dictType?: string
-  options?: Array<Object>
-  col?: Number
-  formItem?: Object
-  attrs?: Object
-}
-
-export interface FormItemList {
-  module: Object
-  formOpsions: FormItemListItem[]
-  readonly: boolean
-}
-
-export type formType =
-  | 'input'
-  | 'textarea'
-  | 'input-number'
-  | 'select'
-  | 'select-v2'
-  | 'cascader'
-  | 'tree-select'
-  | 'radio'
-  | 'checkbox'
-  | 'time-select'
-  | 'date-picker'
-  | 'time-picker'
-  | 'rate'
-  | 'color-picker'
-  | 'slider'
-  | 'switch'
-  | 'text'
-  | 'html'
-  | 'slot'

package/components/table/src/index2.ts

@@ -1,219 +0,0 @@
-import {
-  defineComponent,
-  h,
-  getCurrentInstance,
-  computed,
-  type ExtractPropTypes,
-} from "vue";
-import { ElTable, ElTableColumn } from "element-plus";
-import {
-  defaultAttrs,
-  tableSlots,
-  tablecolumnSlots,
-  selectionColumn,
-  indexColumn,
-} from "./constants.ts";
-import { isArray, isObject } from "lodash-es";
-const propsAttrs = {
-  module: {
-    // 公共参数用于业务判断
-    type: Object,
-    default: () => {},
-  },
-  // isRadio: { // 是否为单选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  // isCheckbox: { // 是否为复选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  columns: {
-    // 列数据
-    type: Array,
-    default: () => [],
-  },
-  showSelection: {
-    // 是否显示选择列
-    type: Boolean,
-    default: false,
-  },
-  showIndex: {
-    // 是否显示索引列
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
-
-export default defineComponent({
-  props: propsAttrs,
-  // emits: eventList,
-
-  // attrs, emit会继承, slots需要设置
-  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-    // 暴露elTable组件上的方法
-    const vm = getCurrentInstance(); // 获取虚拟DOM实例
-    const cTableFnRef = (el) => {
-      if (!el) return;
-      vm.exposed = el; // 设置暴露对象
-      vm.exposeProxy = el; // 设置代理暴露对象
-    };
-
-    // 暴露方法
-    expose({
-      // tableRef,
-    });
-
-    // 属性处理
-    const getAttrs = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-    // 事件处理
-    const getEvents = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-
-    const columnsList = computed(() => {
-      let list = [];
-      list = getArrayColumn();
-      // 处理多选与序号列
-      if (props.showSelection) {
-        list.push(
-          h(ElTableColumn, {
-            type: "selection",
-            width: 55,
-          })
-        );
-      }
-      if (props.showIndex) {
-        list.push(
-          h(ElTableColumn, {
-            label: "序号",
-            type: "index",
-            width: 55,
-          })
-        );
-      }
-      return list;
-    });
-
-    // 处理列数据-数组
-    const getArrayColumn = () => {
-      console.log("adsadsd");
-      // 递归处理数据
-      const list = [];
-
-      const c = (columns, list) => {
-        columns?.map((item) => {
-          const { children, ...p } = item;
-          // 递归处理子列
-          if (isArray(item.children)) {
-            item.children = c(item.children, list);
-          }
-          list.push(p);
-        });
-      };
-      c(props.columns, list);
-      console.log("🚀 ~ getArrayColumn ~ props.columns:", props.columns)
-      console.log("🚀 ~ gggggggg:", list);
-      return list;
-    };
-
-    // 渲染表格列
-    const renderTableColumn = () => {
-      const list = [];
-
-      // 列递归渲染
-      const rColumn = (columns, list) => {
-        console.log("🚀 ~ rColumn ~ columns:", columns);
-        columns?.map((item) => {
-          const { children, ...p } = item;
-
-          // 处理多级表头
-          const listSub = [];
-          if (children?.length) {
-            rColumn(children, listSub);
-          }
-
-          // 处理插槽
-          const itemSlot = {};
-          // column 自带插槽
-          tablecolumnSlots.map((name) => {
-            const slotName = `${item.prop}.${name}`;
-            if (slots[slotName]) {
-              itemSlot[name] = slots[slotName];
-            }
-          });
-
-          // column 列插槽
-          if (slots[item.prop]) {
-            itemSlot["default"] = slots[item.prop];
-          }
-
-          // 赋值
-          if (Object.keys(itemSlot).length) {
-            list.push(
-              h(
-                ElTableColumn,
-                { ...p, class: "c-table-column" },
-                listSub.length
-                  ? { ...itemSlot, default: () => listSub }
-                  : { ...itemSlot }
-              )
-            );
-          } else {
-            list.push(
-              h(
-                ElTableColumn,
-                { ...p, class: "c-table-column" },
-                listSub.length ? { default: () => listSub } : undefined
-              )
-            );
-          }
-        });
-      };
-      rColumn(columnsList.value, list);
-      return list;
-    };
-
-    // 插槽处理
-    const getSlots = () => {
-      const obj = {};
-      tableSlots.map((name) => {
-        if (slots[name]) {
-          obj[name] = slots[name];
-        }
-      });
-      return obj;
-    };
-    // 渲染表格组件
-    const renderTable = () => {
-      // getColumnList();
-      console.log("props", props);
-      console.log("attrs", attrs);
-      return h(
-        ElTable,
-        {
-          ref: cTableFnRef,
-          ...attrs,
-          class: "c-table",
-        },
-        {
-          default: () => renderTableColumn(),
-          ...getSlots(),
-        }
-      );
-    };
-
-    // 返回渲染函数
-    return () => renderTable();
-  },
-});

package/components/table/src/index3.ts

@@ -1,233 +0,0 @@
-import {
-  defineComponent,
-  h,
-  getCurrentInstance,
-  type ExtractPropTypes,
-} from "vue";
-import { ElTable, ElTableColumn } from "element-plus";
-import {
-  defaultAttrs,
-  tableSlots,
-  tablecolumnSlots,
-  selectionColumn,
-  indexColumn,
-} from "./constants.ts";
-import { isArray, isObject } from "lodash-es";
-import TableColumn from "./TableColumn.vue"
-const propsAttrs = {
-  module: {
-    // 公共参数用于业务判断
-    type: Object,
-    default: () => {},
-  },
-  // isRadio: { // 是否为单选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  // isCheckbox: { // 是否为复选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  columns: {
-    // 列数据
-    type: Array,
-    default: () => [],
-  },
-  showSelection: {
-    // 是否显示选择列
-    type: Boolean,
-    default: false,
-  },
-  showIndex: {
-    // 是否显示索引列
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
-
-export default defineComponent({
-  props: propsAttrs,
-  // emits: eventList,
-
-  // attrs, emit会继承, slots需要设置
-  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-    provide("tableContext", {
-      tableSlots: slots,
-      events: (eProp, ...args: any) => {
-        emit(eProp, ...args);
-      },
-    });
-    // 暴露elTable组件上的方法
-    const vm = getCurrentInstance(); // 获取虚拟DOM实例
-    const cTableFnRef = (el) => {
-      if (!el) return;
-      vm.exposed = el; // 设置暴露对象
-      vm.exposeProxy = el; // 设置代理暴露对象
-    };
-
-    // 暴露方法
-    expose({
-      // tableRef,
-    });
-
-    // 属性处理
-    const getAttrs = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-    // 事件处理
-    const getEvents = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-    // 插槽处理
-    const getSlots = () => {
-      const obj = {};
-      tableSlots.map((name) => {
-        if (slots[name]) {
-          obj[name] = slots[name];
-        }
-      });
-      return obj;
-    };
-
-    // // 处理列数据-数组
-    // const getArrayColumn = () => {
-    //   console.log("adsadsd");
-    //   // 递归处理数据
-    //   const list = [];
-
-    //   const c = (columns, list) => {
-    //     columns?.map((item) => {
-    //       const { children, ...p } = item;
-    //       // 递归处理子列
-    //       if (isArray(item.children)) {
-    //         item.children = c(item.children, list);
-    //       }
-    //       list.push(p);
-    //     });
-    //   };
-    //   c(props.columns, list);
-    //   console.log("🚀 ~ gggggggg:", list);
-    //   return list;
-    // };
-
-    // // 渲染表格列
-    // const renderTableColumn = () => {
-    //   const list = [];
-    //   // 处理多选与序号列
-    //   if (props.showSelection) {
-    //     list.push(
-    //       h(ElTableColumn, {
-    //         type: "selection",
-    //         width: 55,
-    //       })
-    //     );
-    //   }
-    //   if (props.showIndex) {
-    //     list.push(
-    //       h(ElTableColumn, {
-    //         label: "序号",
-    //         type: "index",
-    //         width: 55,
-    //       })
-    //     );
-    //   }
-
-    //   // 列递归渲染
-    //   const rColumn = (columns, list) => {
-    //     columns.map((item) => {
-    //       const { children, ...p } = item;
-
-    //       // 处理多级表头
-    //       const listSub = [];
-    //       if (children?.length) {
-    //         rColumn(children, listSub);
-    //       }
-
-    //       // 处理插槽
-    //       const itemSlot = {};
-    //       // column 自带插槽
-    //       tablecolumnSlots.map((name) => {
-    //         const slotName = `${item.prop}.${name}`;
-    //         if (slots[slotName]) {
-    //           itemSlot[name] = slots[slotName];
-    //         }
-    //       });
-
-    //       // column 列插槽
-    //       if (slots[item.prop]) {
-    //         itemSlot["default"] = slots[item.prop];
-    //       }
-
-    //       // 赋值
-    //       if (Object.keys(itemSlot).length) {
-    //         list.push(
-    //           h(
-    //             ElTableColumn,
-    //             { ...p, class: "c-table-column" },
-    //             listSub.length
-    //               ? { ...itemSlot, default: () => listSub }
-    //               : { ...itemSlot }
-    //           )
-    //         );
-    //       } else {
-    //         list.push(
-    //           h(
-    //             ElTableColumn,
-    //             { ...p, class: "c-table-column" },
-    //             listSub.length ? { default: () => listSub } : undefined
-    //           )
-    //         );
-    //       }
-    //     });
-    //   };
-    //   rColumn(props.columns, list);
-    //   return list;
-    // };
-
-    const renderTableColumn = () => {
-      const list = []
-      const rTableColumn = (columnsList, list) => {
-        
-      }
-      columns.map((item) => {
-        
-        const { children, ...p } = item;
-        // 递归处理子列
-        if (isArray(item.children)) {
-          item.children = renderTableColumn(item.children);
-        }
-      })
-    }
-    
-    TableColumn
-    // 渲染表格组件
-    const renderTable = () => {
-      // getColumnList();
-      console.log("props", props);
-      console.log("attrs", attrs);
-      return h(
-        ElTable,
-        {
-          ref: cTableFnRef,
-          ...attrs,
-          class: "c-table",
-        },
-        {
-          default: () => renderTableColumn(),
-          ...getSlots(),
-        }
-      );
-    };
-
-    // 返回渲染函数
-    return () => renderTable();
-  },
-});

package/components/table/src/tableaa.ts

@@ -1,71 +0,0 @@
-// import { ref, h, computed, toRefs, type ExtractPropTypes } from "vue";
-// import { ElTable, ElTableColumn } from "element-plus";
-// import { defaultAttrs } from "./constants.ts";
-
-// const propsAttrs = {};
-
-// export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
-
-// export default {
-//   // props: propsAttrs,
-//   // emits: eventList,
-
-//   // attrs, emit会继承, slots需要设置
-//   setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-//     // const drawerRef = ref();
-
-//     // 暴露方法
-//     // expose({
-//     //   drawerRef,
-//     // });
-
-//     // 属性处理
-//     const getTAttrs = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//     // 事件处理
-//     const getEvents = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//     // 插槽处理
-//     const getSlots = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//      const renderTableColumn = () => {
-//       return h(
-//         ElTableColumn,
-//         {
-//           // ref: drawerRef,
-//           ...getAttrs(),
-//           class: "c-drawer",
-//         },
-//         slots
-//       );
-//     };
-
-//     // 渲染表格组件
-//     const renderTable = () => {
-//       return h(
-//         ElTable,
-//         {
-//           // ref: drawerRef,
-//           ...getAttrs(),
-//           class: "c-drawer",
-//         },
-//         slots
-//       );
-//     };
-
-//     // 返回渲染函数
-//     return () => renderTable();
-//   },
-// };