@vue-start/element-pro 0.2.6 → 0.2.8

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("element-plus"),l=require("lodash"),d=require("@vue-start/pro"),C=require("@vue-start/hooks"),k=d.createGrid(r.ElRow,r.ElCol),g=(e="comp")=>e+"-"+C.generateId(),O=()=>({loading:{type:Boolean},target:{type:[String,Object]},body:{type:Boolean},fullscreen:{type:Boolean},lock:{type:Boolean},text:{type:String},spinner:{type:String},background:{type:String},customClass:{type:String}}),N=t.defineComponent({props:{...O()},setup:(e,{slots:o})=>{const a=g();return C.useEffect(()=>{if(!e.loading)return;let u=e.target;if(o.default?u=document.getElementById(a):e.target&&l.isString(e.target)&&(u=document.querySelector("#"+e.target)),!u)return;const n=r.ElLoading.service({target:u,body:e.body,fullscreen:e.fullscreen,lock:e.lock,text:e.text,spinner:e.spinner,background:e.background,customClass:e.customClass});return()=>{n&&n.close()}},()=>e.loading),()=>o.default?t.createVNode("div",{id:a},[o.default()]):null}}),S=()=>({name:{type:[String,Array]}}),f=t.defineComponent({props:{...r.ElFormItem.props,...S()},setup:(e,{slots:o})=>{const a=l.keys(S());return()=>t.createVNode(r.ElFormItem,t.mergeProps(l.omit(e,...a,"name","prop"),{prop:e.prop||e.name}),o)}}),p=["clearValidate","resetFields","scrollToField","validate","validateField","submit"],j=t.defineComponent({props:{...r.ElForm.props},setup:(e,{slots:o,emit:a,expose:u})=>{const n=e.model||t.reactive({}),c=t.ref();return C.useEffect(()=>{!c.value||(c.value.submit=()=>{var i;(i=c.value)==null||i.validate((s,P)=>{s?a("finish",t.toRaw(n)):a("finishFailed",P)})})},[]),u(d.createExpose(p,c)),()=>t.createVNode(r.ElForm,t.mergeProps({ref:c},l.omit(e,"model"),{model:n}),o)}}),F=d.createForm(j,k,p),h=d.createSearchForm(F,{needRules:{type:Boolean,default:!1},inline:{type:Boolean,default:!0}},p),m=d.createFormItemCompFn(f,(e,o,a)=>({modelValue:e,"onUpdate:modelValue":o,clearable:!0,disabled:a})),T=()=>({options:Array}),x=t.defineComponent({name:"PSelect",props:{...r.ElSelect.props,...T()},setup:(e,{slots:o,emit:a})=>{const u=l.keys(T());return()=>t.createVNode(r.ElSelect,t.mergeProps(l.omit(e,u),{"onUpdate:modelValue":n=>{a("update:modelValue",n||void 0)}}),{default:()=>{var n;return[l.map(e.options,c=>t.createVNode(r.ElOption,t.mergeProps({key:c.value},c),null)),(n=o.default)==null?void 0:n.call(o)]},...l.omit(o,"default")})}});function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const E=()=>({options:{type:Array},buttonStyle:{type:String,default:"default"}}),R=t.defineComponent({props:{...r.ElRadioGroup.props,...E()},setup:(e,{emit:o})=>{const a=l.keys(E());return()=>{let u;return t.createVNode(r.ElRadioGroup,t.mergeProps(l.omit(e,a),{"onUpdate:modelValue":n=>{o("update:modelValue",n)}}),q(u=l.map(e.options,n=>e.buttonStyle==="button"?t.createVNode(r.ElRadioButton,t.mergeProps({key:n.value},n,{label:n.value}),{default:()=>[n.label]}):t.createVNode(r.ElRadio,t.mergeProps({key:n.value},n,{label:n.value}),{default:()=>[n.label]})))?u:{default:()=>[u]})}}}),G=m({InputComp:r.ElInput,valueType:"text",name:"PFromText"}),z=m({InputComp:r.ElInputNumber,valueType:"digit",name:"PFormNumber"}),K=m({InputComp:r.ElDatePicker,valueType:"date",name:"PFormDate"}),_=m({InputComp:r.ElTimePicker,valueType:"time",name:"PFormTime"}),U=m({InputComp:x,valueType:"select",name:"PFormSelect"}),H=m({InputComp:r.ElTreeSelect,valueType:"treeSelect",name:"PFormTreeSelect"}),J=m({InputComp:r.ElCheckboxGroup,valueType:"checkbox",name:"PFromCheckbox"}),Q=m({InputComp:R,valueType:"radio",name:"PFromRadio"}),W=m({InputComp:r.ElSwitch,valueType:"switch",name:"PFromSwitch"}),X=m({InputComp:r.ElCascader,valueType:"cascader",name:"PFormCascader"}),Y=t.defineComponent({props:{...r.ElButton.props},setup:(e,{slots:o,emit:a})=>{const{formRef:u}=d.useProForm(),n=c=>{var i,s;a("click",c),(s=(i=u.value)==null?void 0:i.submit)==null||s.call(i)};return()=>t.createVNode(r.ElButton,t.mergeProps({onClick:n},e),o)}}),v=d.createFormList(f),V=()=>({addButtonText:{type:String,default:"\u6DFB\u52A0\u4E00\u9879"},addButtonProps:{type:Object},minusButtonText:{type:String,default:"\u5220\u9664"},minusButtonProps:{type:Object}}),Z=t.defineComponent({name:"PFormList",props:{...v.props,...V()},setup:(e,{slots:o})=>{const a=l.keys(V());return()=>t.createVNode(v,l.omit(e,a),{itemMinus:()=>t.createVNode(r.ElButton,e.minusButtonProps,{default:()=>[e.minusButtonText]}),add:()=>t.createVNode(r.ElButton,e.addButtonProps,{default:()=>[e.addButtonText]}),...o})}}),y=t.defineComponent({props:{...l.omit(r.ElTableColumn.props,"label","prop"),title:{type:String},dataIndex:{type:String},children:{type:Array},customRender:{type:Function}},setup:e=>()=>t.createVNode(r.ElTableColumn,t.mergeProps(l.omit(e,"title","label","renderHeader","prop","dataIndex","formatter","customRender","children"),{label:t.isVNode(e.title)?void 0:e.title,renderHeader:t.isVNode(e.title)?()=>e.title:void 0,prop:e.dataIndex,formatter:(o,a,u,n)=>e.customRender?e.customRender({value:u,text:u,record:o,column:a,index:n}):u}),{default:()=>[l.size(e.children)>0&&l.map(e.children,o=>t.createVNode(y,t.mergeProps({key:o.dataIndex},o),null))]})}),b=["clearSelection","getSelectionRows","toggleRowSelection","toggleAllSelection","toggleRowExpansion","setCurrentRow","clearSort","clearFilter","doLayout","sort","scrollTo","setScrollTop","setScrollLeft"],$=t.defineComponent({props:{...r.ElTable.props,columns:{type:Array},dataSource:{type:Array},loading:{type:Boolean}},setup:(e,{slots:o,expose:a})=>{const u=t.ref(),n=g("table");return a(d.createExpose(b,u)),()=>t.createVNode(r.ElTable,t.mergeProps({ref:u,id:n},l.omit(e,"columns","dataSource","loading"),{data:e.dataSource||e.data}),{default:()=>{var c,i;return[(c=o.start)==null?void 0:c.call(o),l.map(e.columns,s=>t.createVNode(y,t.mergeProps({key:s.dataIndex},s),null)),(i=o.default)==null?void 0:i.call(o),e.loading&&t.createVNode(N,{target:n,loading:!0},null)]},...l.omit(o,"default","start")})}}),B=d.createTable($,void 0,b),L=d.createCurdForm(F,r.ElButton,e=>({hideRequiredAsterisk:e.mode===d.CurdCurrentMode.DETAIL}),p),D=t.defineComponent({setup:()=>{const{formProps:e}=d.useProCurd();return()=>t.createVNode(L,l.omit(e==null?void 0:e.value,"slots"),l.get(e==null?void 0:e.value,"slots"))}}),I=d.createCurdList(h,B),A=t.defineComponent({props:{...I.props,paginationProps:{type:Object}},setup:(e,{slots:o})=>()=>t.createVNode(I,l.omit(e,"paginationProps"),{pagination:(a,u,n)=>t.createVNode(r.ElPagination,t.mergeProps(e.paginationProps,{total:u,currentPage:a.page,pageSize:a.pageSize,onSizeChange:c=>{a.pageSize=c,n()},onCurrentChange:c=>{a.page=c,n()}}),null),...o})}),ee=t.defineComponent({setup:()=>{const{listProps:e}=d.useProCurd();return()=>t.createVNode(A,l.omit(e==null?void 0:e.value,"slots"),l.get(e==null?void 0:e.value,"slots"))}}),w=d.createCurdDesc(r.ElDescriptions,r.ElDescriptionsItem),te=t.defineComponent({setup:()=>{const{descProps:e}=d.useProCurd();return()=>t.createVNode(w,l.omit(e==null?void 0:e.value,"slots"),l.get(e==null?void 0:e.value,"slots"))}}),M=t.defineComponent({props:{...r.ElDialog.props},setup:(e,{slots:o})=>{const{curdState:a,getOperate:u}=d.useProCurd(),n=()=>{var i,s,P;switch(a.mode){case d.CurdAction.ADD:return(i=u(d.CurdAction.ADD))==null?void 0:i.label;case d.CurdAction.EDIT:return(s=u(d.CurdAction.EDIT))==null?void 0:s.label;case d.CurdAction.DETAIL:return(P=u(d.CurdAction.DETAIL))==null?void 0:P.label}},c=()=>{a.mode=void 0,C.setReactiveValue(a.detailData,{}),a.detailLoading=!1,a.addAction=void 0};return()=>t.createVNode(r.ElDialog,t.mergeProps({destroyOnClose:!0,title:n(),modelValue:!!a.mode,onClose:c},e),o)}}),oe=t.defineComponent({setup:()=>{const{modalProps:e}=d.useProCurd();return()=>t.createVNode(M,l.omit(e==null?void 0:e.value,"slots"),{default:()=>[t.createVNode(D,null,null)],...l.get(e==null?void 0:e.value,"slots")})}});exports.FormMethods=p;exports.ProCurdDesc=w;exports.ProCurdDescConnect=te;exports.ProCurdForm=L;exports.ProCurdFormConnect=D;exports.ProCurdList=A;exports.ProCurdListConnect=ee;exports.ProCurdModal=M;exports.ProCurdModalConnect=oe;exports.ProForm=F;exports.ProFormCascader=X;exports.ProFormCheckbox=J;exports.ProFormDatePicker=K;exports.ProFormItem=f;exports.ProFormList=Z;exports.ProFormRadio=Q;exports.ProFormSelect=U;exports.ProFormSwitch=W;exports.ProFormText=G;exports.ProFormTextNumber=z;exports.ProFormTimePicker=_;exports.ProFormTreeSelect=H;exports.ProGrid=k;exports.ProLoading=N;exports.ProRadio=R;exports.ProSearchForm=h;exports.ProSelect=x;exports.ProSubmitButton=Y;exports.ProTable=B;exports.ProTableColumn=y;exports.TableMethods=b;exports.createFormItemComponent=m;exports.createLoadingId=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@vue-start/pro"),t=require("element-plus"),o=require("vue"),d=require("lodash"),P=require("@vue-start/hooks"),C=()=>({name:{type:[String,Array]}}),S=o.defineComponent({props:{...t.ElFormItem.props,...C()},setup:(e,{slots:r})=>{const n=d.keys(C());return()=>o.createVNode(t.ElFormItem,o.mergeProps(d.omit(e,...n,"name","prop"),{prop:e.prop||e.name}),r)}}),f=["clearValidate","resetFields","scrollToField","validate","validateField","submit"],R=o.defineComponent({props:{...t.ElForm.props,hideRequiredMark:{type:[Boolean,Object],default:void 0}},setup:(e,{slots:r,emit:n,expose:l})=>{const u=e.model||o.reactive({}),m=o.ref();return P.useEffect(()=>{!m.value||(m.value.submit=()=>{var a;(a=m.value)==null||a.validate((i,p)=>{i?n("finish",o.toRaw(u)):n("finishFailed",p)})})},[]),l(c.createExpose(f,m)),()=>o.createVNode(t.ElForm,o.mergeProps({ref:m},d.omit(e,"model"),{hideRequiredAsterisk:d.isBoolean(e.hideRequiredMark)?e.hideRequiredMark:e.hideRequiredAsterisk,model:u}),r)}}),s=c.createFormItemCompFn(S,(e,r,n)=>({modelValue:e,"onUpdate:modelValue":r,clearable:!0,disabled:n})),b=()=>({options:Array}),h=o.defineComponent({name:"PSelect",props:{...t.ElSelect.props,...b()},setup:(e,{slots:r,emit:n,expose:l})=>{const u=o.ref();l(c.createExposeObj(u));const m=d.keys(b());return()=>o.createVNode(t.ElSelect,o.mergeProps({ref:u},d.omit(e,m),{"onUpdate:modelValue":a=>{n("update:modelValue",a||void 0)}}),{default:()=>{var a,i;return[(a=r.start)==null?void 0:a.call(r),d.map(e.options,p=>o.createVNode(t.ElOption,o.mergeProps({key:p.value},p),null)),(i=r.default)==null?void 0:i.call(r)]},...d.omit(r,"default")})}}),F=()=>({options:{type:Array},buttonStyle:{type:String,default:"default"}}),E=o.defineComponent({props:{...t.ElRadioGroup.props,...F()},setup:(e,{slots:r,emit:n,expose:l})=>{const u=o.ref();l(c.createExposeObj(u));const m=d.keys(F());return()=>o.createVNode(t.ElRadioGroup,o.mergeProps({ref:u},d.omit(e,m),{"onUpdate:modelValue":a=>{n("update:modelValue",a)}}),{default:()=>[d.map(e.options,a=>e.buttonStyle==="button"?o.createVNode(t.ElRadioButton,o.mergeProps({key:a.value},a,{label:a.value}),{default:()=>[a.label]}):o.createVNode(t.ElRadio,o.mergeProps({key:a.value},a,{label:a.value}),{default:()=>[a.label]}))],...r})}}),v=()=>({options:Array}),T=o.defineComponent({props:{...t.ElCheckboxGroup.props,...v()},setup:(e,{slots:r,emit:n,expose:l})=>{const u=o.ref();l(c.createExposeObj(u));const m=d.keys(v());return()=>o.createVNode(t.ElCheckboxGroup,o.mergeProps({ref:u},d.omit(e,m),{"onUpdate:modelValue":a=>{n("update:modelValue",a||void 0)}}),{default:()=>{var a,i;return[(a=r.start)==null?void 0:a.call(r),d.map(e.options,p=>o.createVNode(t.ElCheckbox,o.mergeProps(p,{label:p.value}),{default:()=>[p.label]})),(i=r.default)==null?void 0:i.call(r)]},...d.omit(r,"default")})}}),B=s({InputComp:t.ElInput,valueType:"text",name:"PFromText"}),M=s({InputComp:t.ElInputNumber,valueType:"digit",name:"PFormNumber"}),O=s({InputComp:t.ElDatePicker,valueType:"date",name:"PFormDate"}),z=s({InputComp:t.ElTimePicker,valueType:"time",name:"PFormTime"}),D=s({InputComp:h,valueType:"select",name:"PFormSelect"}),L=s({InputComp:t.ElTreeSelect,valueType:"treeSelect",name:"PFormTreeSelect"}),q=s({InputComp:T,valueType:"checkbox",name:"PFromCheckbox"}),A=s({InputComp:E,valueType:"radio",name:"PFromRadio"}),w=s({InputComp:t.ElSwitch,valueType:"switch",name:"PFromSwitch"}),j=s({InputComp:t.ElCascader,valueType:"cascader",name:"PFormCascader"}),g=(e="comp")=>e+"-"+P.generateId(),U=()=>({loading:{type:Boolean},target:{type:[String,Object]},body:{type:Boolean},fullscreen:{type:Boolean},lock:{type:Boolean},text:{type:String},spinner:{type:String},background:{type:String},customClass:{type:String}}),x=o.defineComponent({props:{...U()},setup:(e,{slots:r})=>{const n=g();return P.useEffect(()=>{if(!e.loading)return;let l=e.target;if(r.default?l=document.getElementById(n):e.target&&d.isString(e.target)&&(l=document.querySelector("#"+e.target)),!l)return;const u=t.ElLoading.service({target:l,body:e.body,fullscreen:e.fullscreen,lock:e.lock,text:e.text,spinner:e.spinner,background:e.background,customClass:e.customClass});return()=>{u&&u.close()}},()=>e.loading),()=>r.default?o.createVNode("div",{id:n},[r.default()]):null}}),k=()=>({clsName:{type:String,default:"pro-modal"},visible:{type:Boolean,default:!1},cancelText:{type:String,default:"\u53D6\u6D88"},cancelButtonProps:{type:Object},okText:{type:String,default:"\u786E\u8BA4"},okButtonProps:{type:Object},confirmLoading:Boolean,footer:{type:Boolean,default:!0},maskClosable:{type:[Object,Boolean],default:void 0}}),V=o.defineComponent({props:{...t.ElDialog.props,...k()},setup:(e,{slots:r,emit:n})=>{const l=o.ref(e.visible);P.useWatch(()=>{l.value!==e.visible&&(l.value=e.visible)},()=>e.visible);const u=()=>{var i;if((i=e.cancelButtonProps)!=null&&i.onClick){e.cancelButtonProps.onClick();return}l.value=!1,n("update:visible",!1)},m=()=>{var i;if((i=e.okButtonProps)!=null&&i.onClick){e.okButtonProps.onClick();return}n("ok")},a=d.keys(k());return()=>o.createVNode(t.ElDialog,o.mergeProps({class:e.clsName},d.omit(e,...a,"modelValue"),{closeOnClickModal:d.isBoolean(e.maskClosable)?e.maskClosable:e.closeOnClickModal,modelValue:l.value,"onUpdate:modelValue":[i=>l.value=i,i=>{n("update:visible",i)}],onClose:()=>{n("cancel")}}),{footer:e.footer===!1?void 0:()=>o.createVNode("div",{class:`${e.clsName}-operate`},[o.createVNode(t.ElButton,o.mergeProps(d.omit(e.cancelButtonProps,"onClick"),{onClick:u}),{default:()=>[e.cancelText]}),o.createVNode(t.ElButton,o.mergeProps({type:"primary",loading:e.confirmLoading},d.omit(e.okButtonProps,"onClick"),{onClick:m}),{default:()=>[e.okText]})]),...r})}}),K=o.defineComponent({props:{...t.ElPagination.props,page:{type:Number,default:1}},setup:(e,{slots:r,emit:n})=>{const l=o.ref(e.page),u=o.ref(e.pageSize);P.useWatch(()=>{l.value!==e.page&&(l.value=e.page)},()=>e.page),P.useWatch(()=>{u.value!==e.pageSize&&(u.value=e.pageSize)},()=>e.pageSize);const m=d.debounce(()=>{n("composeChange",l.value,u.value)},300),a=()=>{m(),n("update:page",l.value)},i=()=>{m(),n("update:pageSize",u.value)};return()=>o.createVNode(t.ElPagination,o.mergeProps({currentPage:l.value,"onUpdate:currentPage":p=>l.value=p,pageSize:u.value,"onUpdate:pageSize":p=>u.value=p,onCurrentChange:a,onSizeChange:i},d.omit(e,"currentPage","pageSize")),r)}}),G=o.defineComponent({props:{...t.ElPopover.props},setup:(e,{slots:r})=>()=>o.createVNode(t.ElPopover,e,{reference:r.default,default:r.content})}),y=o.defineComponent({props:{...d.omit(t.ElTableColumn.props,"label","prop"),title:{type:String},dataIndex:{type:String},children:{type:Array},customRender:{type:Function}},setup:(e,{slots:r})=>()=>o.createVNode(t.ElTableColumn,o.mergeProps(d.omit(e,"title","label","renderHeader","prop","dataIndex","formatter","customRender","children"),{label:o.isVNode(e.title)?void 0:e.title,renderHeader:o.isVNode(e.title)?()=>e.title:void 0,prop:e.dataIndex,formatter:(n,l,u,m)=>e.customRender?e.customRender({value:u,text:u,record:n,column:l,index:m}):u}),{default:()=>[d.size(e.children)>0&&d.map(e.children,n=>o.createVNode(y,o.mergeProps({key:n.dataIndex},n),r))],default:r[e.dataIndex],header:r[`${e.dataIndex}_header`]})}),I=["clearSelection","getSelectionRows","toggleRowSelection","toggleAllSelection","toggleRowExpansion","setCurrentRow","clearSort","clearFilter","doLayout","sort","scrollTo","setScrollTop","setScrollLeft"],N=o.defineComponent({props:{...t.ElTable.props,columns:{type:Array},dataSource:{type:Array},loading:{type:Boolean}},setup:(e,{slots:r,expose:n})=>{const l=o.ref(),u=g("table");return n(c.createExpose(I,l)),()=>o.createVNode(t.ElTable,o.mergeProps({ref:l,id:u},d.omit(e,"columns","dataSource","loading"),{data:e.dataSource||e.data}),{default:()=>{var m,a;return[(m=r.start)==null?void 0:m.call(r),d.map(e.columns,i=>o.createVNode(y,o.mergeProps({key:i.dataIndex},i),r)),(a=r.default)==null?void 0:a.call(r),e.loading&&o.createVNode(x,{target:u,loading:!0},null)]},...d.pick(r,"append","empty")})}});c.ProForm.props={...t.ElForm.props,...c.ProForm.props,formMethods:{type:Array,default:f}};c.ProSearchForm.props={...c.ProForm.props,...c.ProSearchForm.props,inline:{type:Boolean,default:!0}};c.ProFormList.props={...t.ElFormItem.props,...c.ProFormList.props};c.ProTable.props={...N.props,...c.ProTable.props};c.ProDesc.props={...t.ElDescriptions.props,...c.ProDesc.props};c.ProCurdDesc.props={...c.ProDesc.props,...c.ProCurdDesc.props};c.ProCurdForm.props={...c.ProForm.props,...c.ProCurdForm.props};c.ProCurdModal.props={...V.props,...c.ProCurdModal.props};exports.FormMethods=f;exports.ProCheckbox=T;exports.ProForm=R;exports.ProFormCascader=j;exports.ProFormCheckbox=q;exports.ProFormDatePicker=O;exports.ProFormItem=S;exports.ProFormRadio=A;exports.ProFormSelect=D;exports.ProFormSwitch=w;exports.ProFormText=B;exports.ProFormTextNumber=M;exports.ProFormTimePicker=z;exports.ProFormTreeSelect=L;exports.ProLoading=x;exports.ProModal=V;exports.ProPagination=K;exports.ProPopover=G;exports.ProRadio=E;exports.ProSelect=h;exports.ProTable=N;exports.ProTableColumn=y;exports.TableMethods=I;exports.createFormItemComponent=s;exports.createLoadingId=g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-start/element-pro",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "> TODO: description",
   "author": "zx <zxpstudy@163.com>",
   "homepage": "https://github.com/zxeryu/vue-start#readme",
@@ -32,5 +32,5 @@
     "rxjs": ">=7.x",
     "vue": ">= 3.x"
   },
-  "gitHead": "6465abb35b28314baee3568c66de70151617058e"
+  "gitHead": "499e04f547165f749e2b6eef6c9695f84a2a6105"
 }