UNPKG

ideaz-element

Version:

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

3 lines (2 loc) 7.3 kB
"use strict";const e=require("vue"),i=require("element-plus");require("../../../node_modules/.pnpm/lodash-unified@1.0.3_@types_lodash-es@4.17.12_lodash-es@4.17.21_lodash@4.17.21/node_modules/lodash-unified/import.cjs");const p=require("@element-plus/icons-vue");require("../../../utils/index.cjs");require("../../form/src/hooks/index.cjs");require("../../table/src/hooks/index.cjs");const Pe=require("../../form/src/FilterForm.cjs"),Ee=require("../../descriptions/src/index.cjs"),Ne=require("../../dialog/src/index.cjs"),_e=require("../../form/src/BaseForm.cjs"),ze=require("../../table/src/Table.cjs");require("./hooks/index.cjs");const c=require("./props.cjs"),Oe=require("../../../hooks/useNamespace.cjs"),ye=require("../../../hooks/useLocale.cjs"),xe=require("../../../hooks/useFormSize.cjs"),Be=require("../../table/src/hooks/useTableMethods.cjs"),Te=require("../../form/src/hooks/useFormMethods.cjs"),Me=require("./hooks/useDataRequest.cjs"),Le=require("./hooks/useSelectionData.cjs"),ke=require("./hooks/useFormColumns.cjs"),Ke=require("./hooks/useDialogConfig.cjs"),Ue=require("./hooks/useDrawerConfig.cjs"),Ae=require("./hooks/useDescriptions.cjs"),m=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/omit.cjs"),l=require("../../../utils/is.cjs");function v(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const je=e.defineComponent({name:"ZCrud",props:c.crudProps,emits:["update:formData","update:pagination","search","reset","refresh","operate-submit","operate-delete","operate-view","operate-cancel","sort-change","update:data","update:editFormData","update:addFormData","update:selectionData","update:loading","selection-change","radio-change"],setup(r,{emit:D,slots:n,expose:_}){const z=i.useAttrs(),{setCurrentRow:O,toggleRowSelection:y,clearSelection:x,clearFilter:B,toggleAllSelection:T,toggleRowExpansion:M,clearSort:L,toggleRadioSelection:k,sort:K}=Be.useTableMethods(),{resetFields:U,validate:A,validateField:j,clearValidate:W,scrollToField:X}=Te.useFormMethods(),{handleSearch:Y,tableProps:g,handleReset:I,handleKeyDown:Z,handlePaginationChange:G,handleSortChange:H,middleFormData:q,handleRadioChange:J,handleExport:Q,getTableData:S,isShowDialog:C,rowData:R,currentMode:h,isShowDrawer:V,refreshAfterRequest:$}=Me.useDataRequest(r,D),{selectionData:f,isSelection:w,handleCheckboxChange:ee,handleCloseAlert:te,handleMultipleDelete:re}=Le.useSelectionData(r,D,g,$,S),{addFormColumns:ae,editFormColumns:ne,searchFormColumns:b,detailColumns:oe}=ke.useFormColumns(r),{dialogProps:le,dialogFormData:P,dialogForm:ie,isOperateFormLoading:ue,handleCancel:ce,handleConfirm:de,handleDialogClosed:se,handleDialogOpen:me}=Ke.useDialogConfig(r,D,h,C,R),{drawerProps:ve,isDescLoading:ge,viewData:he,handleDrawerOpen:fe}=Ue.useDrawerConfig(r),{descriptionColumns:De,descriptionProps:Ce}=Ae.useDescriptions(r),d=Oe.useNamespace("crud"),{t:s}=ye.useLocale(),u=xe.useFormSize();e.provide(c.crudProvideKey,e.computed(()=>({...e.toRefs(r),size:g.value.size}))),e.provide(c.crudProvideKey,e.computed(()=>({...e.toRefs(r),size:g.value.size}))),_({resetFields:U,validate:A,validateField:j,clearValidate:W,scrollToField:X,setCurrentRow:O,toggleRowSelection:y,clearSelection:x,clearFilter:B,toggleAllSelection:T,toggleRowExpansion:M,clearSort:L,toggleRadioSelection:k,sort:K,getTableData:S});const{proxy:E}=e.getCurrentInstance(),N=t=>{const o=["div","span","p","h1","h2","h3","h4","h5","h6"].includes(t.name),F=t.name?o?t.name:e.resolveComponent(t.name):e.resolveComponent("el-card");return e.h(F,m(t,["children","name"]),o?t.children():t.children)},Fe=()=>{const{alert:t}=r;if(l.isFunction(t))return t(f.value);if(l.isFunction(n.alert))return n.alert({selectionData:f.value});const a=m(r.alert,["title","description"]);return e.createVNode(i.ElAlert,e.mergeProps({type:"success","close-text":s("crud.unselect"),onClose:te,class:d.b("alert")},a),{title:l.isFunction(t.title)?()=>t.title(f.value,E.$refs.zTableRef):()=>t.title||s("crud.selected")+f.value.length+s("crud.term"),default:l.isFunction(t.description)?()=>t.description(f.value,E.$refs.zTableRef):()=>t.description||""})},pe=()=>N({...r.tableDecorator,class:d.be("table","container"),children:()=>e.createVNode(ze,e.mergeProps({ref:"zTableRef"},{size:u.value,...g.value},{"onUpdate:pagination":t=>D("update:pagination",t),onRefresh:G,"onSort-change":H,"onSelection-change":ee,"onRadio-change":J}),{...n,toolBarLeft:()=>{let t,a,o;return e.createVNode(e.Fragment,null,[n.toolBarLeft&&n.toolBarLeft(),r.action&&r.add&&e.createVNode(i.ElButton,{size:u.value,type:"primary",icon:p.Plus,onClick:()=>{h.value="add",C.value=!0}},v(t=s("crud.add"))?t:{default:()=>[t]}),!!r.export&&e.createVNode(i.ElButton,{size:u.value,type:"primary",icon:p.Download,class:d.e("export"),onClick:Q},v(a=s("crud.export"))?a:{default:()=>[a]}),!!w.value&&r.delete&&r.action&&e.createVNode(i.ElButton,{plain:!0,size:u.value,type:"danger",class:d.e("multiple-delete"),icon:p.Delete,onClick:re},v(o=s("crud.multipleDelete"))?o:{default:()=>[o]})])},toolBarBottom:()=>{var t;return w.value&&r.action&&r.alert?Fe():(t=n.toolBarBottom)==null?void 0:t.call(n)}})}),qe=()=>{var t,a;return((t=b.value)==null?void 0:t.length)>0&&N({...r.formDecorator,style:{marginBottom:"16px",...(a=r.formDecorator)==null?void 0:a.style},class:d.be("filter-form","container"),children:()=>e.createVNode(e.Fragment,null,[l.isFunction(n.formTop)?n.formTop():null,e.createVNode(Pe,e.mergeProps({ref:"formRef"},{size:u.value,labelWidth:"60px",...m(r.search||{},c.EXCLUDE_FORM_PROPS_KEYS),columns:b.value,...z.value,searchButtonLoading:g.value.loading},{options:r.options,modelValue:q.value,"onUpdate:modelValue":o=>{q.value=o},onSearch:Y,onReset:I,onKeydown:e.withKeys(o=>Z(o),["enter"])}),n),l.isFunction(n.formBottom)?n.formBottom():null])})},Se=()=>{const t=h.value==="add"?ae.value:h.value==="edit"?ne.value:oe.value,a=m(r.form||{},c.EXCLUDE_FORM_PROPS_KEYS),o=h.value==="add"?m(r.add||{},c.EXCLUDE_FORM_PROPS_KEYS):m(r.edit||{},c.EXCLUDE_FORM_PROPS_KEYS);return e.withDirectives(e.createVNode(_e,e.mergeProps({size:u.value,labelWidth:"60px",...a,...o},{ref:ie,columns:t,options:r.options,modelValue:P.value,"onUpdate:modelValue":F=>{P.value=F}}),n),[[e.resolveDirective("loading"),ue.value]])},Re=()=>{let t;return e.createVNode(Ne,e.mergeProps({modelValue:C.value,"onUpdate:modelValue":a=>C.value=a},le.value,{onOpen:me,onClosed:se,onConfirm:de,onCancel:ce}),v(t=Se())?t:{default:()=>[t]})},Ve=()=>e.createVNode(i.ElDrawer,e.mergeProps({modelValue:V.value,"onUpdate:modelValue":t=>V.value=t},ve.value,{onOpen:()=>fe(R.value)}),{default:()=>[e.withDirectives(e.createVNode(Ee,e.mergeProps({columns:De.value,detail:he.value},{size:u.value,...Ce.value}),null),[[e.resolveDirective("loading"),ge.value]])]}),we=()=>l.isFunction(n.crudMiddle)?n.crudMiddle():null,be=()=>{const t=()=>e.createVNode(e.Fragment,null,[qe(),we(),pe()]);if(l.isString(r.watermark)){let a;return e.createVNode(i.ElWatermark,{content:r.watermark},v(a=t())?a:{default:()=>[a]})}if(l.isObject(r.watermark)){let a;return e.createVNode(i.ElWatermark,{...r.watermark},v(a=t())?a:{default:()=>[a]})}return t()};return()=>e.createVNode("div",{ref:"crudRef",class:d.b("")},[be(),Re(),Ve()])}});module.exports=je; //# sourceMappingURL=Crud.cjs.map