@elementplus-kit/uikit 1.4.0 → 1.6.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,17 +1,27 @@
 {
   "name": "@elementplus-kit/uikit",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "",
   "main": "./components/index.ts",
+  "files": [
+    "dist/"
+  ],
   "peerDependencies": {
-    "element-plus": "^2.0.0",
-    "vue": "^3.0.0"
+    "@element-plus/icons-vue": "*",
+    "element-plus": "*",
+    "lodash-es": "*",
+    "vue": "*"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "vite": "^7.1.3"
+  },
   "scripts": {
-    "build": "build",
+    "build": "vite build",
     "pub": "npx standard-version && npm publish"
   }
 }

package/aaaindex.ts

@@ -1,55 +0,0 @@
-// // 引入封装好的组件
-// // import kButton from "./k-button/index.vue";
-// // 将来如果有其它组件,都可以写到这个数组里
-// // const coms = [kButton];
-
-// // 批量组件注册
-// const install = function (Vue, options) {
-//   console.log("🚀 ~ install ~ Vue:", Vue);
-//   console.log("插件安装了 ", options);
-
-//   coms.forEach((com) => {
-//     console.log("🚀 ~ install ~ com:", com);
-//     Vue.component("k-button", com);
-//   });
-// };
-
-// import { capitalize } from "lodash-es";
-
-// // import { prefix as basePrefix } from "./config.ts";
-// // 将来如果有其它组件,都可以写到这个数组里
-// // const coms = [CForm, CTable, CTable2, CPagination, CDialog, CDrawer, CSearch];
-
-// // 批量组件注册
-// const install = function (app, options = {}) {
-//   // 获取自定义前缀，默认使用组件原名称
-//   // let { prefix = "" } = options;
-//   // prefix = capitalize(prefix) || basePrefix;
-//   // // 循环注册
-//   // coms.forEach((item) => {
-//   //   // 组件可能直接是组件对象，或者有com属性
-//   //   const component = item.com || item;
-//   //   const componentName = component.name || item.name;
-//   //   if (componentName) {
-//   //     // 生成注册名称：前缀 + 组件名
-//   //     const registerName = prefix
-//   //       ? `${prefix}${componentName.replace(/^[A-Z]/, (char) =>
-//   //           char.toLowerCase()
-//   //         )}`
-//   //       : componentName;
-//   //     // 注册组件
-//   //     app.component(registerName, component);
-//   //   }
-//   // });
-// };
-
-// // 创建插件对象，包含install方法
-// const plugin = {
-//   install,
-// };
-
-// // 导出插件
-// // export default plugin; // 这个方法以后再使用的时候可以被use调用
-// // 为什么导出为install? 安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。
-// // 如果插件是一个函数，它会被作为install 方法。install 方法调用时，会将 Vue 作为参数传入。
-// export default install; // 这个方法以后再使用的时候可以被use调用

package/components/button/index.ts

@@ -1,4 +0,0 @@
-import Button from "./src/index";
-export * from "./src/index";
-export { Button };
-export default Button;

package/components/button/src/constants.ts

@@ -1,50 +0,0 @@
-export const typeActiveMap = {
-  reset: {
-    name: "重置",
-    type: "info",
-  },
-  search: {
-    name: "查询",
-    type: "primary",
-  },
-  submit: {
-    name: "提交",
-    type: "primary",
-  },
-  save: {
-    name: "保存",
-    type: "primary",
-  },
-  create: {
-    name: "新增",
-    type: "primary",
-  },
-  delete: {
-    name: "删除",
-    type: "danger",
-  },
-  edit: {
-    name: "编辑",
-    type: "primary",
-  },
-  view: {
-    name: "查看",
-    type: "primary",
-  },
-  publish: {
-    name: "发布",
-    type: "primary",
-  },
-  import: {
-    name: "导入",
-    type: "primary",
-  },
-  export: {
-    name: "导出",
-    type: "primary",
-  },
-  exportAll: {
-    name: "导出全部",
-    type: "primary",
-  },
-};

package/components/button/src/index.ts

@@ -1,264 +0,0 @@
-import { defineComponent, h, PropType } from "vue";
-import {
-  ElButton,
-  ElDropdown,
-  ElDropdownMenu,
-  ElDropdownItem,
-  buttonProps,
-} from "element-plus";
-
-import "../style/index.scss";
-import { typeActiveMap } from "./constants.ts";
-import { has, isBoolean, isFunction, isArray } from "lodash-es";
-import { tr } from "element-plus/es/locales.mjs";
-export default defineComponent({
-  props: {
-    params: {
-      // 用于验证自定义函数的外部数据
-      type: Object,
-      default: () => ({}),
-    },
-    btnOptions: {
-      type: Array,
-      default: () => [],
-    },
-    // 权限验证函数
-    permit: {
-      type: Function,
-    },
-    size: {
-      type: String as PropType<"large" | "default" | "small">,
-      default: undefined,
-    },
-    plain: {
-      type: Boolean,
-      default: undefined,
-    },
-    text: {
-      type: Boolean,
-      default: undefined,
-    },
-    link: {
-      type: Boolean,
-      default: undefined,
-    },
-    // 折叠
-    fold: {
-      type: Boolean,
-      default: false,
-    },
-    // 折叠数量
-    foldNum: {
-      type: Number,
-      default: 0,
-    },
-    // // 权限函数
-    // hasRole: {
-    //   type: Function,
-    //   default: () => true
-    // },
-  },
-  emits: ["btnAction"],
-  setup(props, { emit, slots, attrs, expose }) {
-    // console.log('slots', slots);
-    // console.log('attrs', attrs);
-
-    // 解析按钮属性
-    const getAttrs = (item) => {
-      let defaultAttrs = {
-        size: props.size,
-        plain: props.plain,
-        text: props.text,
-        link: props.link,
-        class: `c-btn-alias-${item.alias || ""}`,
-      };
-
-      // 默认按钮类型 用样式控制?
-      // if (item?.alias && typeActiveMap[item.alias]) {
-      //   defaultAttrs = {
-      //     ...typeActiveMap[item.alias],
-      //     ...defaultAttrs,
-      //   };
-      // }
-
-      // 过滤掉非elbutton属性
-      const filterAttrsList = ["label", "alias", "permit", "vIf", "disable"];
-
-      Object.keys(item).map((key) => {
-        if (!filterAttrsList.includes(key)) {
-          defaultAttrs[key] = item[key];
-        }
-      });
-
-      // 处理禁用
-      if (isBoolean(item.disable)) {
-        defaultAttrs.disabled = item.disable;
-      }
-      if (
-        isFunction(item.disable) &&
-        item.disable(props.params) !== undefined
-      ) {
-        defaultAttrs.disabled = item.disable(props.params);
-      }
-      return defaultAttrs;
-    };
-    // 解析下拉菜单属性
-    const getDropdownAttrs = (item) => {
-      const obj = getAttrs(item);
-      const defaultAttrs = {
-        splitButton: true,
-      };
-      // 过滤下拉菜单属性
-      const l = [
-        "type",
-        "size",
-        "splitButton",
-        "disabled",
-        "placement",
-        "effect",
-        "trigger",
-      ];
-      l.forEach((key) => {
-        if (obj[key] !== undefined) {
-          defaultAttrs[key] = obj[key];
-        }
-      });
-      return defaultAttrs;
-    };
-    // 过滤权限与 vIf
-    const filterOptions = () => {
-      const list = [];
-      // 过滤权限
-      props.btnOptions.map((item) => {
-        if (
-          isArray(item.permit) &&
-          item.permit.length > 0 &&
-          isFunction(props.permit)
-        ) {
-          if (props.permit(item.permit)) {
-            list.push(item);
-          }
-        } else {
-          list.push(item);
-        }
-      });
-      const list2 = [];
-      // 过滤 vIf
-      list.map((item) => {
-        if (
-          has(item, "vIf") &&
-          isFunction(item.vIf) &&
-          item.vIf(props.params) !== undefined
-        ) {
-          if (item.vIf(props.params)) {
-            list2.push(item);
-          }
-        } else {
-          list2.push(item);
-        }
-      });
-      return list2;
-    };
-    // 按钮单个生成函数
-    const createBtn = (item) => {
-      return h(
-        ElButton,
-        {
-          ...getAttrs(item),
-          onClick: () => {
-            emit("btnAction", item.alias, props.params);
-          },
-        },
-        {
-          default: () => item?.label,
-        }
-      );
-    };
-    // 下拉菜单生成函数
-    const createDropdown = (finalList) => {
-      const dropdownList = []; // 不折叠的按钮
-      const dropdownMain = []; // 下拉占位
-      const dropdownItemList = []; // 折叠的按钮
-
-      finalList.map((itm, idx) => {
-        if (idx < props.foldNum) {
-          dropdownList.push(itm);
-        } else if (idx === props.foldNum) {
-          dropdownMain.push(itm);
-        } else {
-          dropdownItemList.push(itm);
-        }
-      });
-      // 处理只有一个下拉按钮的情况
-      if (dropdownMain.length > 0 && dropdownItemList.length === 0) {
-        dropdownList.push(dropdownMain[0]);
-      }
-
-      // 最终渲染的vdom
-      let renderVdom = [];
-      // 展示按钮vdom
-      const butsVdom = dropdownList.map((item) => {
-        return createBtn(item);
-      });
-
-      // 合并参数
-      if (butsVdom.length > 0) {
-        renderVdom = renderVdom.concat(butsVdom);
-      }
-
-      if (dropdownMain.length > 0 && dropdownItemList.length > 0) {
-        // 下拉菜单vdom
-        const dropdownVdom = h(
-          ElDropdown,
-          {
-            ...getDropdownAttrs(dropdownMain[0]),
-            class: "c-btn-dropdown",
-            buttonProps: getAttrs(dropdownMain[0]),
-            splitButton: true,
-            // splitButton: dropdownItemList.length > 0,
-            onClick: () => {
-              emit("btnAction", dropdownMain[0].alias, props.params);
-            },
-            onCommand: (command: string) => {
-              emit("btnAction", command, props.params);
-            },
-          },
-          {
-            default: () => {
-              return dropdownMain[0].label;
-            },
-            dropdown: () => {
-              return dropdownItemList.map((item) => {
-                return h(
-                  ElDropdownItem,
-                  {
-                    command: item.alias,
-                  },
-                  {
-                    default: () => item?.label,
-                  }
-                );
-              });
-            },
-          }
-        );
-        renderVdom = renderVdom.concat(dropdownVdom);
-      }
-      return renderVdom;
-    };
-
-    const render = () => {
-      const finalList = filterOptions(); // 最终列表
-      // 是否折叠 折叠
-      if (props.fold) {
-        return createDropdown(finalList);
-      } else {
-        // 不折叠
-        return finalList.map((item) => {
-          return createBtn(item);
-        });
-      }
-    };
-    return () => render();
-  },
-});

package/components/button/style/index.scss

@@ -1,3 +0,0 @@
-.el-button + .el-dropdown {
-  margin-left: 10px;
-}

package/components/config.ts

@@ -1,4 +0,0 @@
-// 组件配置
-// 组件名称前缀 组件标识 class 前缀
-import { capitalize } from "lodash-es";
-export const prefix = capitalize("C"); // 首字母大写 其他字母小写

package/components/dialog/index.ts

@@ -1,6 +0,0 @@
-import Dialog from "./src/index";
-export * from "./src/index";
-// 把变量 Dialog 导出为 CDialog
-// export { Dialog, Dialog as CDialog };
-export { Dialog };
-export default Dialog;

package/components/dialog/src/constants.ts

@@ -1,3 +0,0 @@
-export const defaultAttrs = {
-  destroyOnClose: true,
-};

package/components/dialog/src/index.ts

@@ -1,54 +0,0 @@
-import {
-  defineComponent,
-  ref,
-  h,
-  computed,
-  toRefs,
-  type ExtractPropTypes,
-} from "vue";
-import { ElDialog } from "element-plus";
-import { defaultAttrs } from "./constants.ts";
-import { prefix } from "../../config.ts";
-const propsAttrs = {};
-
-export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
-
-export default defineComponent({
-  name: `${prefix}Dialog`,
-  // props: propsAttrs,
-  // emits: eventList,
-
-  // attrs, emit会继承, slots需要设置
-  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-    // const dialogRef = ref();
-
-    // 暴露方法
-    // expose({
-    //   dialogRef,
-    // });
-
-    // 属性处理
-    const getAttrs = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-
-    // 渲染组件
-    const render = () => {
-      return h(
-        ElDialog,
-        {
-          // ref: dialogRef,
-          ...getAttrs(),
-          class: "c-dialog",
-        },
-        slots
-      );
-    };
-
-    // 返回渲染函数
-    return () => render();
-  },
-});

package/components/dialog/style/index.scss

@@ -1,18 +0,0 @@
-/* Bounce Animation */
-.dialog-bounce-enter-active,
-.dialog-bounce-leave-active,
-.dialog-bounce-enter-active .el-dialog,
-.dialog-bounce-leave-active .el-dialog {
-  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-.dialog-bounce-enter-from,
-.dialog-bounce-leave-to {
-  opacity: 0;
-}
-
-.dialog-bounce-enter-from .el-dialog,
-.dialog-bounce-leave-to .el-dialog {
-  transform: scale(0.3) translateY(-50px);
-  opacity: 0;
-}

package/components/dictLabel/index.ts

@@ -1,4 +0,0 @@
-import DictLabel from "./src/index.vue";
-export * from "./src/index.vue";
-export { DictLabel };
-export default DictLabel;

package/components/dictLabel/src/index.vue

@@ -1,21 +0,0 @@
-<template>
-    {{ label }}
-</template>
-<script setup lang="ts">
-import { computed, PropType } from 'vue'
-const props = defineProps({
-    options: {
-        type: Array,
-        default: () => []
-    },
-    value: {
-        type: String as PropType<any>,
-        default: ''
-    },
-})
-const label = computed(() => {
-    // 处理value为数字的情况 后端字典都是字符串
-    const item = props.options?.find((item) => item.value == props.value.toString());
-    return item?.label || props.value;
-});
-</script>

package/components/drawer/index.ts

@@ -1,4 +0,0 @@
-import Drawer from "./src/index";
-export * from "./src/index";
-export { Drawer };
-export default Drawer;

package/components/drawer/src/constants.ts

@@ -1,3 +0,0 @@
-export const defaultAttrs = {
-  destroyOnClose: true,
-};

package/components/drawer/src/index.ts

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

package/components/drawer/style/index.scss

@@ -1,18 +0,0 @@
-// /* Bounce Animation */
-// .dialog-bounce-enter-active,
-// .dialog-bounce-leave-active,
-// .dialog-bounce-enter-active .el-dialog,
-// .dialog-bounce-leave-active .el-dialog {
-//   transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-// }
-
-// .dialog-bounce-enter-from,
-// .dialog-bounce-leave-to {
-//   opacity: 0;
-// }
-
-// .dialog-bounce-enter-from .el-dialog,
-// .dialog-bounce-leave-to .el-dialog {
-//   transform: scale(0.3) translateY(-50px);
-//   opacity: 0;
-// }

package/components/form/index.ts

@@ -1,4 +0,0 @@
-import Form from "./src/index";
-export * from "./src/index";
-export { Form };
-export default Form;