cnhis-design-vue 3.1.41-beta.4 → 3.1.41-beta.40

package/es/components/classification/src/index.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,useAttrs as i,ref as n,provide as l,computed as t,onMounted as a,nextTick as o,watch as s,openBlock as d,createElementBlock as c,normalizeClass as r,unref as h,normalizeStyle as u,withDirectives as f,createVNode as p,createTextVNode as g,toDisplayString as m,createCommentVNode as v,createElementVNode as C,Fragment as y,renderList as k,createBlock as S,withCtx as b}from"vue";import{useMessage as x,NIcon as O,NTooltip as _}from"naive-ui";import{Repeat as w,SettingsOutline as I,ChevronDown as L,ChevronForward as N,Checkmark as z,Close as j,ChevronUp as B}from"@vicons/ionicons5";import M from"./components/set-classification/index.vue.js";import P from"./directive/flexibleResize.js";import{root_isShowResetButton as J}from"./const/index.js";import A from"../../table-filter/src/hooks/useMixins.js";import E from"../../table-filter/src/hooks/useAdvanced.js";import T from"../../../_virtual/plugin-vue_export-helper.js";const R={key:0,class:"header"},F={class:"tree"},W=["onClick"],q=["onClick"],G=["onClick"],Q={class:"child-item-name"},$={key:1,class:"tree-type-footer"},D={class:"selected-num"},V=C("i",{class:"iconfont-table-filter icon-table-filter-menzhenyishengzhananniushanchu2"},null,-1),H={key:0,class:"tile-type classify-1"},K={key:0,class:"header"},U={class:"right-setting"},X=["onClick"],Y={class:"parent ellips"},Z={class:"children"},ee=["onClick"],ie={key:1,class:"selected-list"},ne={class:"selected-num"},le=C("i",{class:"iconfont-table-filter icon-table-filter-menzhenyishengzhananniushanchu2"},null,-1),te={class:"name"},ae={class:"name"},oe={key:0,class:"main-wrapper"},se=["onClick"],de={class:"tree-footer"},ce=["onClick"],re=["onClick"],he={key:0,class:"select-type-footer"},ue={class:"selected-num"},fe=C("i",{class:"iconfont-table-filter icon-table-filter-menzhenyishengzhananniushanchu2"},null,-1);var pe=T(e({__name:"index",props:{tableId:{type:String,default:""},searchFieldList:{type:Array,default:()=>[]},conditionMap:{type:Object,default:()=>{}},conditionSid:{type:Array,default:()=>["all_data"]},curClassificationIndex:{type:Number,default:0},curClassificationWidth:{type:Number},hideConditionChangeBtn:{type:Number,default:0},hideConditionChangeSetting:{type:Number,default:0},hideClearConditionChange:{type:Number,default:1},isShowResetButton:{type:Boolean,default:!0},filterApiConfig:{type:Object,default:()=>({})}},emits:["changeSearch","setClassificationIndex","getQuickSearchListObj"],setup(e,{emit:T}){const pe=e,{handleGetConfigApi:ge}=A(),{transformClassifyChild:me}=E(),ve=i(),Ce=x(),ye=n(null);let ke=n(150),Se=n(!1),be=n([]),xe=n([]),Oe=n([]),_e=n(2),we=n({name:"全部数据",sid:"all_data"}),Ie=n([]),Le=n(""),Ne=n(!1),ze=n("全部数据");l(J,n(pe.isShowResetButton));let je=t((()=>0===_e.value?{marginRight:"8px"}:2===_e.value?{display:"inline-block"}:{})),Be=t((()=>{let e=xe.value.filter((e=>-1!==pe.conditionSid.indexOf(e.sid)));if(-1!==pe.conditionSid.indexOf("all_data"))return"全部数据";{let i=[];return e.map((e=>{i.push(e.name)})),i.join(",")}})),Me=t((()=>function(e){let i=0===e.digital?"(0)":e.digital?`(${e.digital})`:"";const{name:n,isPublic:l}=e;return Ke(n,l)+i}));function Pe(e){e.open?e.open=!1:e.open=!0}function Je(e,i,n){ze.value=e.name;let l=function(e){let i=[];return be.value.forEach((n=>{n.children?n.children.forEach((n=>{-1!==e.indexOf(n.sid)?(n.selected=!0,i.push(n)):n.selected=!1})):-1!==e.indexOf(n.sid)?(n.selected=!0,i.push(n)):n.selected=!1})),i}(function(e,i,n){let l=JSON.parse(JSON.stringify(i));l="all_data"===e||-1!==l.indexOf(e)?["all_data"]:[e];return l}(e.sid,pe.conditionSid));Fe(!1);const t=me(null==e?void 0:e.conObj);T("changeSearch",Boolean("all_data"===e.sid),e,t,n,l)}function Ae(){let e="";if(2===_e.value)e=0;else{let i=_e.value;e=++i}ke.value=150,Ee(e)}async function Ee(e,i){let n={tableId:pe.tableId,setting:JSON.stringify({classificationIndex:e,classificationWidth:i})};try{await ge(n,"requestSaveListPersonaSetting",{},pe.filterApiConfig)&&T("setClassificationIndex",e)}catch(e){console.log(e)}}function Te(){Ne.value=!0,Fe(!1)}function Re(e){Ne.value=e}function Fe(e){Se.value=void 0===e?!Se.value:e}function We(e){const i={name:"全部数据",sid:"all_data"};if(!pe.tableId)return Ce.warning("请传入tableId");if(Object.keys(pe.conditionMap).length>0){be.value=[];let{displayCategoryList:e=[],conditionList:l=[]}=pe.conditionMap;Ie.value=JSON.parse(JSON.stringify(e))||[],Oe.value=JSON.parse(JSON.stringify(l)),xe.value=JSON.parse(JSON.stringify([i,...l]));let t=[];0===Ie.value.length&&(Ie.value=["未分类"]),Ie.value.forEach((e=>{let i={name:e,children:[]};xe.value.forEach((n=>{(n.displayCategory===e||!n.displayCategory&&"未分类"===e&&"all_data"!==n.sid)&&(-1!==pe.conditionSid.indexOf(n.sid)&&(n.selected=!0,i.open=!0),n.isShow&&i.children.push(n))})),i.children.length>0&&t.push(i)})),t.unshift({name:"全部数据",sid:"all_data"}),be.value=t,0===_e.value&&(n=!0,be.value.forEach((e=>{e.children&&e.children.length&&(e.open=n)})))}var n}function qe({distance:e}){const i=ke.value+e;ke.value=Math.min(Math.max(i,50),650)}function Ge(){Ee(_e.value,ke.value)}async function Qe(){await He(pe.tableId),De()}async function $e(e){await He(pe.tableId),Ve()}function De(e){Ve(e).then((e=>{}))}function Ve(e,i={}){if(!pe.tableId)return new Promise((e=>e(!1)));let n=Object.keys(i).length>0?i:JSON.parse(JSON.stringify(pe.conditionMap));return new Promise(((i,l)=>{var t,a,o,s,d,c;if(Object.keys(n).length>0){Oe.value=n.conditionList||[],Ie.value=n.displayCategoryList||[];let l={conditionList:Oe.value,displayCategoryList:Ie.value};T("getQuickSearchListObj",l),Le.value=n.settingId;const r=Oe.value.find((e=>e.isDefault))||{name:"全部数据",sid:"all_data"};(null==(a=null==(t=ve.tableOptions)?void 0:t.filterCondition)?void 0:a.displayCategory)&&e&&i({name:null==(s=null==(o=ve.tableOptions)?void 0:o.filterCondition)?void 0:s.name,sid:null==(c=null==(d=ve.tableOptions)?void 0:d.filterCondition)?void 0:c.displayCategory}),i(r)}else i({})}))}async function He(e){try{if(!e)return new Promise((e=>e(!1)));let i={tableId:e},n=await ge(i,"requestTableCondiTionList",{},pe.filterApiConfig);return Promise.resolve(n)}catch(e){return Promise.resolve(!1)}}function Ke(e,i){return e&&"1"===i?e.replace(/\(公共\)$/,""):e}return a((()=>{document.addEventListener("click",(e=>{o((()=>{let i=e.composedPath&&e.composedPath();ye&&i.includes(ye.value)||Fe(!1)}))}))})),s((()=>pe.tableId),(e=>{e&&De(!0)}),{immediate:!0,deep:!0}),s((()=>pe.curClassificationIndex),(e=>{void 0!==e&&(_e.value=e)}),{immediate:!0,deep:!0}),s((()=>pe.curClassificationWidth),(e=>{e&&(ke.value=Number(e)||150)}),{immediate:!0}),s((()=>pe.conditionMap),(e=>{!async function(e){try{await We()}catch(e){console.log(e)}}()}),{immediate:!0,deep:!0}),(i,n)=>(d(),c("div",{class:r(["classification-block","classificationIndex-"+h(_e)]),style:u(h(je))},[0===h(_e)?f((d(),c("div",{key:0,class:"tree-type classify-0",style:u({width:h(ke)+"px",paddingBottom:1!=e.hideClearConditionChange?"80px":0,position:"relative"})},[1!=e.hideConditionChangeBtn||1!=e.hideConditionChangeSetting?(d(),c("div",R,[1!=e.hideConditionChangeBtn?(d(),c("span",{key:0,class:"header-1",onClick:Ae},[p(h(O),{component:h(w),size:"16"},null,8,["component"]),g(" "+m("切换"))])):v("v-if",!0),1!=e.hideConditionChangeSetting?(d(),c("span",{key:1,class:"header-1",onClick:Te},[p(h(O),{component:h(I),size:"16"},null,8,["component"]),g(" "+m("设置"))])):v("v-if",!0)])):v("v-if",!0),C("ul",F,[(d(!0),c(y,null,k(h(be),((i,n)=>(d(),c(y,null,[0===n||!i.children||0===i.children.length||i.children&&0!==i.children.filter((e=>e.isShow)).length?(d(),c("li",{key:n,class:r(["tree-item",{"tree-header":0===n||!i.children||0===i.children.length}])},[0!==n&&i.children&&0!==i.children.length?(d(),c(y,{key:1},[C("span",{class:r(["parent",{open:i.open}]),onClick:e=>Pe(i)},[C("span",null,m(i.name),1),p(h(O),{component:i.open?h(L):h(N)},null,8,["component"])],10,q),i.open?(d(!0),c(y,{key:0},k(i.children.filter((e=>e.isShow)),((e,n)=>(d(),c("div",{class:"children",key:n},[e.isShow?(d(),S(h(_),{key:0,trigger:"hover",placement:"right"},{trigger:b((()=>[C("span",{class:r(["child-item",{selected:e.selected}]),onClick:n=>Je(e,0,i)},[C("span",Q,m(e.name||Ke(e.isPublic)),1),e.selected?(d(),S(h(O),{key:0,component:h(z),size:"20"},null,8,["component"])):v("v-if",!0)],10,G)])),default:b((()=>[C("span",null,m(h(Me)(e)),1)])),_:2},1024)):v("v-if",!0)])))),128)):v("v-if",!0)],64)):(d(),c("span",{key:0,class:r(["child-item header-item",{selected:i.selected||-1!==e.conditionSid.indexOf("all_data")}]),onClick:e=>Je(i)},m(i.name),11,W))],2)):v("v-if",!0)],64)))),256))]),1!=e.hideClearConditionChange?(d(),c("div",$,[C("div",D,"已选择"+m(e.conditionSid.filter((e=>"all_data"!==e)).length)+"项",1),C("div",{class:"selected-item-del",onClick:n[0]||(n[0]=e=>Je({sid:"all_data",name:"全部数据",digital:h(we).digital}))},[V,g(" 清空筛选 ")])])):v("v-if",!0)],4)),[[h(P),{mode:"VR",onMove:qe,onEnd:Ge}]]):v("v-if",!0),1===h(_e)?(d(),c(y,{key:1},[1!=e.hideConditionChangeBtn||1!=e.hideConditionChangeSetting||1!=e.hideConditionChangeSetting||h(Oe).filter((e=>e.isShow)).length>0?(d(),c("div",H,[1!=e.hideConditionChangeBtn||1!=e.hideConditionChangeSetting?(d(),c("div",K,[C("span",{class:r(["all-data",{selected:-1!==e.conditionSid.indexOf("all_data")}]),onClick:n[1]||(n[1]=e=>Je({sid:"all_data",name:"全部数据",digital:h(we).digital}))},[g(" 全部数据 "),h(we).digital||0===h(we).digital?(d(),c(y,{key:0},[g(" ("+m(h(we).digital||0)+") ",1)],64)):v("v-if",!0)],2),C("div",U,[1!=e.hideConditionChangeBtn?(d(),c("span",{key:0,class:"setting-1",onClick:Ae,style:{"margin-right":"30px"}},[p(h(O),{component:h(w),size:"16"},null,8,["component"]),g(" "+m("切换"))])):v("v-if",!0),1!=e.hideConditionChangeSetting?(d(),c("span",{key:1,class:"setting-1",onClick:Te},[p(h(O),{component:h(I),size:"16"},null,8,["component"]),g(" "+m("设置"))])):v("v-if",!0)])])):v("v-if",!0),C("ul",{class:"tile",style:u({borderBottom:1!=e.hideClearConditionChange?"1px solid #d5d5d5":0})},[(d(!0),c(y,null,k(h(be).slice(1),((e,i)=>(d(),c(y,null,[e.children&&e.children.length>0?(d(),c("li",{class:"tile-item",key:i},[e.children&&0!==e.children.length?(d(),c(y,{key:1},[C("span",Y,m(e.name),1),C("div",Z,[(d(!0),c(y,null,k(e.children,((i,n)=>(d(),c(y,null,[i.isShow?(d(),c("span",{key:n,class:r(["child-item",{selected:i.selected}]),onClick:n=>Je(i,0,e)},m(i.name||Ke(i.isPublic)),11,ee)):v("v-if",!0)],64)))),256))])],64)):(d(),c("span",{key:0,class:r(["child-item",{selected:e.selected}]),style:{"padding-left":"17px"},onClick:i=>Je(e)},m(e.name)+" "+m(e.digital),11,X))])):v("v-if",!0)],64)))),256))],4),1!=e.hideClearConditionChange?(d(),c("div",ie,[C("div",ne,"已选择"+m(e.conditionSid.filter((e=>"all_data"!==e)).length)+"项",1),(d(!0),c(y,null,k(h(be).slice(1),((e,i)=>(d(),c(y,null,[e.children&&0!==e.children.length?(d(!0),c(y,{key:1},k(e.children,((i,n)=>(d(),c(y,null,[i.selected?(d(),c("div",{class:"selected-item",key:i.sid},[g(m(i.name)+" ",1),p(h(O),{component:h(j),onClick:n=>Je(i,0,e)},null,8,["component","onClick"])])):v("v-if",!0)],64)))),256)):(d(),c("div",{class:"selected-item",key:e.sid},[g(m(e.name)+" ",1),p(h(O),{component:h(j),onClick:i=>Je(e)},null,8,["component","onClick"])]))],64)))),256)),C("div",{class:"selected-item-del",onClick:n[2]||(n[2]=e=>Je({sid:"all_data",name:"全部数据",digital:h(we).digital}))},[le,g(" 清空筛选 ")])])):v("v-if",!0)])):v("v-if",!0)],64)):v("v-if",!0),2===h(_e)?(d(),c("div",{key:2,class:"select-type classify-2",ref_key:"selectType",ref:ye},[C("span",{class:"title",onClick:n[3]||(n[3]=()=>Fe())},[p(h(_),{trigger:"hover",placement:"top"},{trigger:b((()=>[C("span",te,m(h(Be)),1)])),default:b((()=>[C("span",ae,m(h(Be)),1)])),_:1}),p(h(O),{component:h(Se)?h(B):h(L)},null,8,["component"])]),h(Se)?(d(),c("div",oe,[C("ul",{class:"tree",style:u({padding:1!=e.hideClearConditionChange?"40px 0":"40px 0 0"})},[(d(!0),c(y,null,k(h(be),((i,n)=>(d(),c(y,null,[0===n||!i.children||0===i.children.length||i.children&&0!==i.children.filter((e=>e.isShow)).length?(d(),c("li",{key:n,class:r(["tree-item",{"tree-header":0===n||!i.children||0===i.children.length}])},[0!==n&&i.children&&0!==i.children.length?(d(),c(y,{key:1},[0!==i.children.filter((e=>e.isShow)).length?(d(),c("span",{key:0,class:r(["parent",{open:i.open}]),onClick:e=>Pe(i)},[g(m(i.name)+m(i.digital||0===i.digital?"("+i.digital+")":"")+" ",1),p(h(O),{component:i.open?h(L):h(N)},null,8,["component"])],10,ce)):v("v-if",!0),i.open?(d(!0),c(y,{key:1},k(i.children.filter((e=>e.isShow)),((e,n)=>(d(),c("div",{class:"children",key:n},[e.isShow?(d(),S(h(_),{key:0,placement:"right",trigger:"hover","z-index":1e4},{trigger:b((()=>[C("span",{class:r(["child-item",{selected:e.selected}]),onClick:n=>Je(e,0,i)},[C("span",null,m(e.name||Ke(null==e?void 0:e.isPublic)),1),e.selected?(d(),S(h(O),{key:0,component:h(z),size:"20"},null,8,["component"])):v("v-if",!0)],10,re)])),default:b((()=>[C("span",null,m(h(Me)(e)),1)])),_:2},1024)):v("v-if",!0)])))),128)):v("v-if",!0)],64)):(d(),c(y,{key:0},[C("span",{class:r(["child-item child-header header-item",{selected:i.selected||-1!==e.conditionSid.indexOf("all_data")}]),onClick:e=>Je(i)},m(i.name),11,se),C("div",de,[1!=e.hideConditionChangeBtn?(d(),c("span",{key:0,class:"tree-footer-icon",onClick:Ae},[p(h(O),{component:h(w),size:"16"},null,8,["component"]),g(" "+m("切换"))])):v("v-if",!0),1!=e.hideConditionChangeSetting?(d(),c("span",{key:1,class:"tree-footer-icon",onClick:Te},[p(h(O),{component:h(I),size:"16"},null,8,["component"]),g(" "+m("设置"))])):v("v-if",!0)])],64))],2)):v("v-if",!0)],64)))),256))],4),1!=e.hideClearConditionChange?(d(),c("div",he,[C("div",ue,"已选择"+m(e.conditionSid.filter((e=>"all_data"!==e)).length)+"项",1),C("div",{class:"selected-item-del",onClick:n[4]||(n[4]=e=>Je({sid:"all_data",name:"全部数据",digital:h(we).digital}))},[fe,g(" 清空筛选 ")])])):v("v-if",!0)])):v("v-if",!0)],512)):v("v-if",!0),v(" 弹出弹窗 "),p(M,{ref:"search",searchFieldList:e.searchFieldList,conditionList:h(Oe),displayCategoryList:h(Ie),settingId:h(Le),tableId:e.tableId,classifyModal:h(Ne),filterApiConfig:e.filterApiConfig,onSaveGetTableCondiTionList:$e,onCondiTionListInit:Qe,onSetClassifyModal:Re},null,8,["searchFieldList","conditionList","displayCategoryList","settingId","tableId","classifyModal","filterApiConfig"])],6))}}),[["__file","index.vue"]]);export{pe as default};

package/es/components/classification/style/index.css

@@ -0,0 +1 @@
+@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.iconfont-table-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:14px;font-style:normal}.icon-table-filter-menzhenyishengzhananniuqingchu:before{content:"\e74e"}.icon-table-filter-menzhenyishengzhananniushanchu2:before{content:"\e757"}.icon-table-filter-menzhenyishengzhanxitongtubiaoguanbi:before{content:"\e76e"}.icon-table-filter-menzhenyishengzhanxitongtubiaozuixiaohua2:before{content:"\e778"}.icon-table-filter-menzhenyishengzhanxitongtubiaozuidahua:before{content:"\e779"}.icon-table-filter-reset:before{content:"\e611"}.icon-table-filter-shaixuan:before{content:"\e64b"}.classification-modal-block .n-card-header .svg-wrap .iconfont-table-filter{cursor:pointer;font-size:18px}.classification-modal-block .n-card-header .svg-wrap .iconfont-table-filter:last-child{margin-left:16px}.classification-modal-block .n-card-header .svg-wrap .n-icon{cursor:pointer}.classification-modal-block .n-card__content{overflow-y:auto}.classification-modal-block .n-card__content .table-modal-list .list-title{background-color:#f2f2f4;border:1px solid #e1dfdf;display:flex;height:52px;line-height:52px}.classification-modal-block .n-card__content .table-modal-list .list-title .list-title-item{font-weight:700;width:25%}.classification-modal-block .n-card__content .table-modal-list .list-content{padding:0}.classification-modal-block .n-card__content .table-modal-list .list-content li{display:flex;height:52px;line-height:52px}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-item{align-items:center;display:flex;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:25%}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-item .n-icon{cursor:pointer;margin-right:8px}.classification-modal-block .n-card__content .table-modal-list .list-content li.checked,.classification-modal-block .n-card__content .table-modal-list .list-content li.checked .text{background-color:#f2f2f2}.classification-modal-block .n-card__content .table-modal-list .list-content li .text{background-color:#fff;display:inline-block;padding:0 10px;position:relative}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-line{position:relative;text-align:center;width:75%}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-line:before{border:1px solid #e8e8e8;content:"";left:0;margin-top:20px;position:absolute;width:100%}.classification-modal-block .n-card__content .table-modal-list .list-title-item{margin-left:-1px;padding:0 10px}.classification-modal-block .n-card__content .table-modal-list .list-content-item{border-bottom:1px solid #e1dfdf;margin-left:-1px;margin-top:-1px;padding:0 10px}.classification-modal-block .n-card__content .table-modal-list .list-content-item .ant-switch{height:16px;min-width:28px;width:28px}.classification-modal-block .n-card__content .table-modal-list .list-content-item .ant-switch:after{height:12px;width:12px}.classification-modal-block .n-card__content .table-modal-list .list-content-radio,.classification-modal-block .n-card__content .table-modal-list .list-content-switch{text-align:center}.classification-modal-block .n-card__content .table-modal-list .anticon+.anticon{margin-left:8px}.classification-modal-block .n-card__content .class-filter-content .item-name{display:flex;height:32px;line-height:32px;margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .item-name .label{text-align:right;width:120px}.classification-modal-block .n-card__content .class-filter-content .item-name .addAction{align-items:center;cursor:pointer;display:flex}.classification-modal-block .n-card__content .class-filter-content .item-name .blue{color:#2d7aff;margin-right:8px}.classification-modal-block .n-card__content .class-filter-content .n-form-item-label{width:120px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content{align-items:center;display:flex;flex-wrap:wrap;line-height:32px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .label{display:inline-block;height:32px;line-height:32px;margin-bottom:10px;text-align:right;width:120px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .ant-btn-dashed{border-color:#a6a6a6;color:#a6a6a6}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag{margin-bottom:10px;margin-right:10px;position:relative}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .anticon-close{color:#2d7aff;cursor:pointer;line-height:36px;position:absolute;right:5px;top:2px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .s-content{align-items:center;background-color:rgba(45,122,255,.1);border:1px solid #2d7aff;border-radius:3px;box-sizing:border-box;color:#2d7aff;cursor:pointer;display:flex;justify-content:center;opacity:1;padding:0 10px;width:100px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .s-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .ant-input-disabled,.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .s-content{background-color:#2d7aff;color:#fff}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .anticon-close{color:#fff}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .ant-btn{margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list{border-top:1px solid #e6e6e6;margin-bottom:6px;margin-top:16px;padding-top:12px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li{align-items:center;display:flex;list-style:none;margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .index-span{display:inline-block;width:30px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .form-item{margin-right:10px;width:120px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .form-item.n-date-picker{width:auto}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .value-cfg_wrapper{display:flex;flex-wrap:wrap}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .value-cfg_wrapper .form-item{margin-right:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .delete-item-icon{color:red;cursor:pointer;font-size:18px}.classification-modal-block .n-card__footer{padding-top:10px}.classification-modal-block .n-card__footer .flex_between{display:flex;justify-content:space-between}.classification-modal-block .n-card__footer .flex_right{display:flex;justify-content:right}.classification-modal-block .n-card__footer .n-button{margin-left:8px}.classification-block .tree-type{border:1px solid #d5d5d5;border-radius:4px;height:100%;line-height:32px;margin-top:8px;padding-bottom:80px;width:150px}.classification-block .tree-type .header{border-bottom:1px solid #e6eaef;display:flex;font-size:14px;justify-content:space-between;padding:0 10px}.classification-block .tree-type .header .header-1{align-items:center;cursor:pointer;display:flex}.classification-block .tree-type .tree{height:calc(100% - 32px);line-height:32px;margin:0;overflow:auto;padding-left:0}.classification-block .tree-type .tree::-webkit-scrollbar{width:5px}.classification-block .tree-type .tree .tree-item{border-bottom:1px solid #d5d5d5;cursor:pointer}.classification-block .tree-type .tree .tree-item.tree-header{box-sizing:border-box;padding:0 10px}.classification-block .tree-type .tree .tree-item .parent{align-items:center;display:flex;font-weight:600;justify-content:space-between;padding:0 10px}.classification-block .tree-type .tree .tree-item .parent.open{background-color:#f2f2f2;border-bottom:1px solid #d5d5d5}.classification-block .tree-type .tree .tree-item .header-item{box-sizing:border-box;line-height:1.4}.classification-block .tree-type .tree .tree-item .header-item.selected,.classification-block .tree-type .tree .tree-item .header-item:hover{color:#2d7aff}.classification-block .tree-type .tree .tree-item .header-item:active{border-color:transparent;color:#000}.classification-block .tree-type .tree .tree-item .children{align-items:center;display:flex;height:32px;padding-left:23px;padding-right:10px}.classification-block .tree-type .tree .tree-item .children .child-item{align-items:center;border-bottom:1px solid transparent;color:#7c7c7c;display:flex;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-block .tree-type .tree .tree-item .children .child-item:hover{color:#2d7aff}.classification-block .tree-type .tree .tree-item .children .child-item.selected{align-items:center;color:#2d7aff;display:flex;justify-content:space-between;width:100%}.classification-block .tree-type .tree .tree-item .children .child-item:active{border-color:transparent;color:#000}.classification-block .tree-type .tree .tree-item .children .child-item.disabled{color:rgba(0,0,0,.2)}.classification-block .tree-type .tree .tree-item .children .child-item .child-item-content{align-items:center;display:flex}.classification-block .tree-type .tree .tree-item .children .child-item .child-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-block .tree-type .tree .tree-item .children .child-item .digital-span{flex:1;margin-left:5px;text-align:left}.classification-block .tree-type .tree .tree-item:last-child{border-bottom:none}.classification-block .tree-type .tree-type-footer{border-top:1px solid #d5d5d5;bottom:0;height:80px;line-height:20px;padding-left:16px;position:absolute;width:100%}.classification-block .tree-type .tree-type-footer .selected-num{margin:10px}.classification-block .tree-type .tree-type-footer .selected-item-del{align-items:center;color:#2474ff;cursor:pointer;display:flex;justify-content:center;margin-left:0}.classification-block .tile-type{border:1px solid #d5d5d5;border-radius:4px;margin-bottom:8px;padding:0 17px}.classification-block .tile-type .header{align-items:center;border-bottom:1px solid #d5d5d5;display:inline-flex;justify-content:space-between;line-height:44px;width:100%}.classification-block .tile-type .header .all-data{border-bottom:1px solid transparent;font-family:PingFangSC-Medium,PingFang SC;font-size:14px;font-weight:500;line-height:1.4;margin-right:auto}.classification-block .tile-type .header .all-data:hover{color:#2d7aff}.classification-block .tile-type .header .all-data:active{border-color:transparent;color:#000}.classification-block .tile-type .header .selected{color:#2d7aff}.classification-block .tile-type .header .right-setting{display:flex}.classification-block .tile-type .header .right-setting .setting-1{align-items:center;cursor:pointer;display:flex}.classification-block .tile-type .header .right-setting .setting-1 .n-icon{margin-right:6px}.classification-block .tile-type .header .right-setting .upack-up-btn{color:#2d7aff}.classification-block .tile-type .tile{border-bottom:1px solid #d5d5d5;margin:0;padding:9px 0}.classification-block .tile-type .tile .tile-item{cursor:pointer;display:flex;line-height:38px}.classification-block .tile-type .tile .tile-item .parent{box-sizing:border-box;font-family:PingFangSC-Medium,PingFang SC;font-size:14px;font-weight:600;max-width:135px;padding-right:16px;width:135px}.classification-block .tile-type .tile .tile-item .children{flex:1}.classification-block .tile-type .tile .tile-item .children .child-item{border-bottom:1px solid transparent;border-radius:4px;color:#7c7c7c;display:inline-block;font-size:14px;line-height:1.5;margin:0 5px;padding:1px 6px}.classification-block .tile-type .tile .tile-item .children .child-item.selected,.classification-block .tile-type .tile .tile-item .children .child-item:hover{background-color:rgba(45,122,255,.1);color:#2d7aff}.classification-block .tile-type .tile .tile-item .children .child-item:active{border-color:transparent;color:#000}.classification-block .tile-type .tile .tile-item .children .child-item.disabled{color:rgba(0,0,0,.2)}.classification-block .tile-type .tile .tile-item .child-item.selected{color:#2d7aff}.classification-block .tile-type .selected-list{align-items:center;display:flex;padding:12px 6px}.classification-block .tile-type .selected-list .selected-num{font-size:14px;line-height:20px;margin-right:8px}.classification-block .tile-type .selected-list .selected-item{align-items:center;background-color:rgba(45,122,255,.1);border-radius:4px;color:#2d7aff;cursor:pointer;display:flex;margin-left:8px;padding:1px 8px}.classification-block .tile-type .selected-list .selected-item-del{align-items:center;color:#2474ff;cursor:pointer;display:flex;font-size:14px;line-height:20px;margin-left:22px}.classification-block .select-type{height:32px;line-height:32px;margin-bottom:8px;margin-right:8px;position:relative;width:100px}.classification-block .select-type .title{align-items:center;border:1px solid #d5d5d5;border-radius:4px;box-sizing:border-box;color:#969696;cursor:pointer;display:flex;font-size:12px;height:100%;justify-content:space-between;padding:0 8px;width:100%}.classification-block .select-type .title>.name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-block .select-type .main-wrapper{background-color:#fff;border:1px solid #d5d5d5;border-radius:4px;min-width:270px;position:absolute;top:39px;width:100%;z-index:3000}.classification-block .select-type .main-wrapper::-webkit-scrollbar{width:5px}.classification-block .select-type .tree{margin:0;max-height:300px;overflow:auto;padding:32px 0}.classification-block .select-type .tree .tree-item{border-bottom:1px solid #d5d5d5;cursor:pointer;line-height:32px}.classification-block .select-type .tree .tree-item.tree-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:40px;padding:0 10px;position:absolute;top:0;width:100%;z-index:1}.classification-block .select-type .tree .tree-item .tree-footer{align-items:center;color:rgba(0,0,0,.6);display:flex}.classification-block .select-type .tree .tree-item .tree-footer .tree-footer-icon{align-items:center;cursor:pointer;display:flex}.classification-block .select-type .tree .tree-item .tree-footer .tree-footer-icon .n-icon{margin-right:6px}.classification-block .select-type .tree .tree-item .tree-footer .tree-footer-icon:first-child{margin-right:16px}.classification-block .select-type .tree .tree-item .parent{align-items:center;display:flex;font-weight:600;justify-content:space-between;padding:0 10px}.classification-block .select-type .tree .tree-item .parent.open{background-color:#f2f2f2;border-bottom:1px solid #d5d5d5}.classification-block .select-type .tree .tree-item .header-item{border-bottom:1px solid transparent;color:rgba(0,0,0,.6);flex:1}.classification-block .select-type .tree .tree-item .header-item.selected,.classification-block .select-type .tree .tree-item .header-item:hover{color:#2d7aff}.classification-block .select-type .tree .tree-item .header-item:active{border-color:transparent;color:#000}.classification-block .select-type .tree .tree-item .children{align-items:center;display:flex;height:32px;line-height:32px;padding-left:23px;padding-right:10px}.classification-block .select-type .tree .tree-item .children .child-item{border-bottom:1px solid transparent;color:#7c7c7c;display:inline-block;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-block .select-type .tree .tree-item .children .child-item.child-header{padding:0 10px}.classification-block .select-type .tree .tree-item .children .child-item.header-item{border-bottom:1px solid transparent;color:rgba(0,0,0,.6)}.classification-block .select-type .tree .tree-item .children .child-item.header-item.selected,.classification-block .select-type .tree .tree-item .children .child-item.header-item:hover{color:#2d7aff}.classification-block .select-type .tree .tree-item .children .child-item.header-item:active{border-color:transparent;color:#000}.classification-block .select-type .tree .tree-item .children .child-item:hover{color:#2d7aff}.classification-block .select-type .tree .tree-item .children .child-item.selected{align-items:center;color:#2d7aff;display:flex;justify-content:space-between;width:100%}.classification-block .select-type .tree .tree-item .children .child-item:active{border-color:transparent;color:#000}.classification-block .select-type .tree .tree-item .children .child-item.disabled{color:rgba(0,0,0,.2)}.classification-block .select-type .tree .tree-item:last-child{border-bottom:0}.classification-block .select-type .select-type-footer{align-items:center;background-color:#fff;border-top:1px solid #d5d5d5;bottom:0;display:flex;height:40px;justify-content:space-between;padding:0 12px;position:absolute;width:100%}.classification-block .select-type .select-type-footer .selected-num{color:rgba(0,0,0,.6)}.classification-block .select-type .select-type-footer .selected-item-del{color:#2474ff;cursor:pointer}

package/es/components/config-provider/index.d.ts

@@ -0,0 +1,14 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+export * from './src/interface';
+declare const ConfigProvider: SFCWithInstall<import("vue").DefineComponent<{
+    themeOverrides: {
+        type: import("vue").PropType<import("./src/interface").CGlobalThemeOverrides | null>;
+    };
+}, {
+    renderVN: () => JSX.Element[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    themeOverrides: {
+        type: import("vue").PropType<import("./src/interface").CGlobalThemeOverrides | null>;
+    };
+}>> & {}, {}>>;
+export default ConfigProvider;

package/es/components/config-provider/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as o}from"../../shared/utils/index.js";import i from"./src/ConfigProvider.js";const s=i;s.install=function(i){o(i,s,r+"ConfigProvider")};export{s as default};

package/es/components/config-provider/src/ConfigProvider.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { CGlobalThemeOverrides } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    themeOverrides: {
+        type: PropType<CGlobalThemeOverrides | null>;
+    };
+}, {
+    renderVN: () => JSX.Element[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    themeOverrides: {
+        type: PropType<CGlobalThemeOverrides | null>;
+    };
+}>> & {}, {}>;
+export default _default;

package/es/components/config-provider/src/ConfigProvider.js

@@ -0,0 +1 @@
+import{defineComponent as e,computed as r,provide as t,createVNode as o,resolveComponent as i,mergeProps as n,isVNode as s}from"vue";import{NConfigProvider as m}from"naive-ui";import{cloneDeep as d}from"lodash-es";import{addPrefix as p}from"./utils/index.js";var a=e({name:"ConfigProvider",inheritAttrs:!1,components:{NConfigProvider:m},props:{themeOverrides:{type:Object}},emits:[],setup(e,{attrs:m,slots:a,emit:f}){const v=r((()=>({...d(e.themeOverrides),...p(e.themeOverrides,["IhoTable","Keyboard","IhoTable","StepsWheel"])})));return t("themeOverridesInjectRef",v),{renderVN:()=>{return[o(i("n-config-provider"),n(m,e),(r=a,"function"==typeof r||"[object Object]"===Object.prototype.toString.call(r)&&!s(r)?a:{default:()=>[a]}))];var r}}},render(){return this.renderVN()}});export{a as default};

package/es/components/config-provider/src/interface.d.ts

@@ -0,0 +1,18 @@
+import { GlobalThemeOverrides } from 'naive-ui';
+interface IhoTableStyle {
+    borderColor: string;
+}
+interface KeyboardStyle {
+    colorHover: string;
+    colorPressed: string;
+}
+interface StepsWheelStyle {
+    colorPrimary: string;
+    colorFinish: string;
+}
+export interface CGlobalThemeOverrides extends GlobalThemeOverrides {
+    IhoTable?: IhoTableStyle;
+    Keyboard?: KeyboardStyle;
+    StepsWheel?: StepsWheelStyle;
+}
+export {};

package/es/components/config-provider/src/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { CGlobalThemeOverrides } from '../interface';
+export declare function addPrefix(obj: CGlobalThemeOverrides | null | undefined, filterKeys: string[], prefix?: string): CGlobalThemeOverrides;

package/es/components/config-provider/src/utils/index.js

@@ -0,0 +1 @@
+function e(e,t,c="--c"){const n={};return e?(Object.entries(e).forEach((([e,r])=>{t.length&&!t.includes(e)||(n[e]={},Object.entries(r).forEach((([t,r])=>{const o=t.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`));r&&(n[e][`${c}-${o}`]=r)})))})),n):n}export{e as addPrefix};

package/es/components/date-picker/index.d.ts

@@ -0,0 +1,20 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<{}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    emits: (event: "update:formattedValue", ...args: any[]) => void;
+    datePickerRef: import("vue").Ref<null>;
+    __formattedValue: import("vue").Ref<any>;
+    keyupValue: import("vue").Ref<string>;
+    inputIndex: number;
+    placeholder: string;
+    formatRef: import("vue").ComputedRef<unknown>;
+    updateFormattedValue: (value: any) => void;
+    onBlur: () => void;
+    onKeyUp: (event: import("../../../es/shared/types").AnyObject) => any;
+    NDatePicker: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formattedValue"[], "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default DatePicker;

package/es/components/date-picker/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as e}from"../../shared/utils/index.js";import t from"./src/DatePicker.vue.js";const a=t;a.install=function(t){e(t,a,r+"DatePicker")};export{a as default};

package/es/components/date-picker/src/DatePicker.vue.d.ts

@@ -0,0 +1,20 @@
+import { AnyObject } from '../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    emits: (event: "update:formattedValue", ...args: any[]) => void;
+    datePickerRef: import("vue").Ref<null>;
+    __formattedValue: import("vue").Ref<any>;
+    keyupValue: import("vue").Ref<string>;
+    inputIndex: number;
+    placeholder: string;
+    formatRef: import("vue").ComputedRef<unknown>;
+    updateFormattedValue: (value: any) => void;
+    onBlur: () => void;
+    onKeyUp: (event: AnyObject) => any;
+    NDatePicker: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formattedValue"[], "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/date-picker/src/DatePicker.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,useAttrs as t,ref as a,computed as l,watch as u,openBlock as r,createBlock as o,unref as n,mergeProps as i,createSlots as v,renderList as d,withCtx as m,renderSlot as f}from"vue";import{NDatePicker as s}from"naive-ui";import{parse as c,isValid as y,format as p}from"date-fns";import _ from"../../../_virtual/plugin-vue_export-helper.js";var g=_(e({__name:"DatePicker",emits:["update:formattedValue"],setup(e,{expose:_,emit:g}){const k=t(),M=a(null),h=a(),P=a("");let $=-1,b="";const x=l((()=>{if(k.format)return k.format;const e=k.type||"";return["datetime","datetimerange"].includes(e)?"yyyy-MM-dd HH:mm:ss":"month"===e?"yyyy-MM":"year"===e?"yyyy":"yyyy-MM-dd"}));function D(e){g("update:formattedValue",e)}function V(){var e;const t=c(P.value,null==(e=x.value.match(/[a-zA-Z]/g))?void 0:e.join(""),new Date);if(y(t)){const e=p(t,x.value);~$?h.value?h.value[$]=e:h.value=[e,e]:h.value=e,D(h.value)}}function j(e){var t,a,l,u;const{keyCode:r=0}=e;if((k.type||"").includes("range")&&(b=(null==(t=e.target)?void 0:t.placeholder)||b,$=b.includes("开始")?0:1),13==r)return null==(l=null==(a=M.value)?void 0:a.blur)?void 0:l.call(a);P.value=(null==(u=e.target)?void 0:u.value)||""}return u((()=>k["formatted-value"]),(e=>{h.value=e}),{immediate:!0}),_({$datePicker:M,focus:()=>{var e,t;return null==(t=null==(e=M.value)?void 0:e.focus)?void 0:t.call(e)},blur:()=>{var e,t;return null==(t=null==(e=M.value)?void 0:e.blur)?void 0:t.call(e)}}),(e,t)=>(r(),o(n(s),i({ref_key:"datePickerRef",ref:M},e.$attrs,{"formatted-value":h.value,"onUpdate:formattedValue":D,onBlur:V,onKeyup:j}),v({_:2},[d(e.$slots,((t,a)=>({name:a,fn:m((()=>[f(e.$slots,a)]))})))]),1040,["formatted-value"]))}}),[["__file","DatePicker.vue"]]);export{g as default};

package/es/components/fabric-chart/src/hooks/useBirthProcess.js

@@ -1 +1 @@
-import{useBirthProcessCumputedPoint as t}from"./useCumputedPoint.js";import e from"./useGrid.js";import{drawLine as n,drawArrow as o,drawText as i,defaultTextStyle as r,drawPoint as l,defaultRectStyle as s}from"./useDraw.js";import{fabric as a}from"../utils/index.js";import{getIndex as u,isEffectiveNode as c}from"../utils/utils.js";import{cloneDeep as f}from"lodash-es";import{format as p}from"date-fns";function d(d,h,g,v,m,y){const{cumputedX:k,cumputedY:w,getXValue:x,getYValue:b}=t(h),{getEqualXTypes:T,repeatTip:E}=y,{xAxis:P,grid:S,originX:j,originY:C,xCellWidth:G,endY:L,startTime:Y,leftAddAreaWidth:A,leftScales:I,rightScales:M,yCellHeight:X,endX:D,scaleValues:H,canvasWidth:O,borderStyle:V,rightAddAreaWidth:W,event:$,originYCervix:R,other:q}=h,z=f(H),B=new Set;function F(){z.forEach(((t,e)=>{var s;const a=[],u=[],c=[];null==(s=t.data)||s.forEach(((s,f)=>{!function(s,f,p){let m,y;const{pointAttr:k={},lineAttr:w={},title:T="",key:E,type:P="circle",childbirth:S={}}=t,j=t.data[p+1],C=Q(j,t);if(s&&C&&!f.breakpoint)y=n([...s,...C],{...w});else if(s&&!C&&!f.breakpoint){const e=Q(j,t);y=e?n([...s,...e],{...w}):null}let L,Y;if(f.childbirth){const t=s[1]+X;L=o([s[0],s[1],t],S.style||{}),c.push(L),S.text&&(Y=i([s[0]+G/2,t-X/2],{value:String(S.text),...r,originX:"left",originY:"center",...S.style||{}}),c.push(Y))}const A=u[p-1],I={origin:{data:f,title:T,key:E||"",dataIndex:e,index:p},leftLine:A,rightLine:y,arrowGroup:L,arrowGroupText:Y,...k,...h.event};A?m=l(P,{left:A.get("x2"),top:A.get("y2"),...I}):s&&(I.leftLine=null,m=l(P,{left:s[0],top:s[1],...I}));u.push(y),m&&(!function(t){$.hovered&&(t.on("mouseover",(()=>{N(t)})),t.on("mouseout",(()=>{v.show=!1})));t.on("moving",(()=>{K(t),function(t){var e,n,o,i;null==(e=t.leftLine)||e.setCoords().set({x2:t.left,y2:t.top}),null==(n=t.rightLine)||n.setCoords().set({x1:t.left,y1:t.top}),null==(o=t.arrowGroup)||o.setCoords().set({left:t.left,top:t.top}),null==(i=t.arrowGroupText)||i.setCoords().set({left:t.left+G/2,top:t.top+X/2})}(t),$.hovered&&N(t)})),t.on("mouseup",(e=>{if(v.show=!1,1===e.button){const{key:e}=t.origin,n={...t.origin,data:{...t.origin.data,time:x(t.left),value:b(e,t.top)}};d.value.discardActiveObject(),g("change",n),J(n,"change")}}))}(m),a.push(m),B.add(m))}(Q(s,t),s,f)})),Promise.all(a).then((t=>{const e=u.filter((t=>t));let n=null;t=t.filter((t=>(t&&n&&(n.nextPoint=t,t.prevPoint=n),n=t||n,t))),Promise.all(c).then((n=>{d.value.add(...e,...t,...n),t.forEach((t=>{null==t||t.bringToFront()}))}))}))}))}function J(t,e="add"){const{dataIndex:n,data:o,index:i,key:r}=t,l=z.find((t=>t.key===r));switch(e){case"remove":l.data.splice(i,1);break;case"change":l.data[i]=o;break;default:{const t=u(o.time,l.data);l.data.splice(t,0,o);break}}var s;B.size&&(null==(s=d.value)||s.remove(...function(t){const e=[];return t.forEach((t=>{t&&e.push(t),(null==t?void 0:t.leftLine)&&e.push(null==t?void 0:t.leftLine),(null==t?void 0:t.rightLine)&&e.push(null==t?void 0:t.rightLine),(null==t?void 0:t.arrowGroup)&&e.push(null==t?void 0:t.arrowGroup),(null==t?void 0:t.arrowGroupText)&&e.push(null==t?void 0:t.arrowGroupText)})),e}([...B]))),B.clear(),F()}function K(t){const e=t.prevPoint?t.prevPoint.left:j,n=t.nextPoint?t.nextPoint.left:D;t.setCoords(),["cervix","fetalPresentation"].includes(t.origin.key)&&t.top<R&&t.set("top",R),t.top<C&&t.set("top",C),t.top>L&&t.set("top",L),t.left<e&&t.set("left",e),t.left>n&&t.set("left",n)}function N(t){const{title:e,key:n}=t.origin;v.point={x:t.left,y:t.top},v.list=[`${e} ${b(n,t.top)}`,`时间 ${x(t.left).slice(-5)}`],v.show=!0}function Q(t,e){if(c(t)&&function(t){const e=Y+864e5,n=new Date(t).getTime();return n>=Y&&n<=e}(t.time)){const n=k(t.time),o=w(e.key,e.range,t.value);return[n,o<C?C:o>L?L:o]}}function U(t,e){return t+1>e[1]?e[0]:t+1}return e(d,h,!0),function(){const t=new a.Rect({...V,width:O-A-W,height:L,left:A,top:0,fill:"transparent"});d.value.add(t)}(),function(){let t=A;[...I,...M].forEach(((e,n)=>{const{range:o,spaceValue:l,width:u,title:c,titleStyle:f,layout:p}=e,h=[];"right"===p&&(t=D);const g=t+u/2,v=function(t,e){const n=[],[o,i]=t;for(let t=o;e>0?t<=i:t>=i;t+=e)n.push(t);return n}(o,l);v.forEach(((t,e)=>{const n=0===e?L-8:L-e*X;h.push(i([g,n],{value:String(t),...r}))}));const m=new a.Rect({...s,width:u,height:L,left:g,top:L/2}),y=C>0?i([g,C-X/2],{value:String(c),...r,...f}):null,k=new a.Group([...h,m,...y?[y]:[]],{evented:!1,selectable:!1});d.value.add(k),t+=u}))}(),function(){const{show:t,startTime:e,range:n=[0,23],position:o="top",style:l}=P.time,{show:s,range:u=[0,23],style:c}=P.processTime;if(t||s){const f=[],p=[],h=[],g=[],v=j+G/2;for(let a=0;a<S.mainXCell;a++){if(t){const t=0===a?+e.slice(11,13):U(f.at(-1),n);f.push(t);const s="top"==o?C-15:L+15;h.push(i([v+a*G,s],{value:String(t),...r,...l||{}}))}if(s){const t=0===a?u[0]:p.at(-1)+1;p.push(t);const e="top"==o?L+15:C-15;g.push(i([v+a*G,e],{value:String(t),...r,...c||{}}))}}const m=new a.Group([...h,...g],{evented:!1,selectable:!1});d.value.add(m),d.value.sendToBack(m)}}(),function(){const t=Object.values(q),e=[],o={},i=z.find((t=>"cervix"===t.key)),r=i.data.find((t=>3==+t.value));function l(t,e){const{key:n,range:o}=i||{},r=w(n,o,10),l=[0,e],s=[-e/t,0],a=[(L-r-e)/t,L-r],u=[D-j,t*(D-j)+e];let c=[],f=[];function p([n,o]){return Math.abs(o-t*n-e)<=1}function d([t,e]){const[n,o]=[...h([t,e])];return n>=j&&n<=D&&o>=r&&o<=L}function h([t,e]){return[j+t,L-e]}return p(l)&&d(l)&&(c=h(l)),p(s)&&d(s)&&(c=h(s)),p(a)&&d(a)&&(f=h(a)),p(u)&&d(u)&&(f=h(u)),[...c,...f]}t.forEach((t=>{if(!t.show)return;const{key:s}=t;switch(s){case"fetalPresentation":{const{range:o}=z.find((t=>t.key===s)),i=w(s,o,0);e.push(n([j,i,D,i],{...t}));break}case"alert":if(r){const{key:s,range:a}=i||{},u=216e5,c={time:p(new Date(new Date(r.time).getTime()+u),"yyyy-MM-dd HH:mm"),value:10},[f,d]=[k(r.time)-j,L-w(s,a,r.value)],[h,g]=[k(c.time)-j,L-w(s,a,c.value)],v=(g-d)/(h-f),m=d-f*v,y=l(v,m);y.length>0&&(e.push(n(y,{...t})),Object.assign(o,{k:v,b:m}))}break;case"handling":if(r){const{k:i,b:s}=o,a=144e5,u=l(i,s-(k(p(new Date(new Date(r.time).getTime()+a),"yyyy-MM-dd HH:mm"))-k(r.time))*i);u.length>0&&e.push(n(u,{...t}))}}})),d.value.add(...e)}(),F(),function(){function t(t,e){const n=z.findIndex((e=>e.key===t.key));return{renderItem:()=>t.title,origin:{title:t.title,unit:t.unit,dataIndex:n,key:t.key},pointer:e}}h.event.evented&&d.value.on("mouse:up",(e=>{if(3===e.button){const{x:n=0,y:o=0}=e.pointer||{};n>=j&&n<=D&&o>=C&&o<=L&&(m.point={x:n,y:o},m.show=!0,e.target?(m.target=e.target,m.list=["删除节点"],d.value.forEachObject((t=>{t.origin&&t.left===e.target.left&&t.top===e.target.top&&m.list.push({renderItem:()=>t.origin.title,origin:{...t.origin},mode:"remove",pointer:e.pointer})}))):(m.target=null,m.list=["新增节点"],z.forEach((i=>{if(!T(n,"key",G).includes(i.key)){if(["cervix","fetalPresentation"].includes(i.key)&&o<R)return;m.list.push(t(i,e.pointer))}})),1===m.list.length&&(m.show=!1,E(),console.log("当前时间段内无可新增节点"))))}}))}(),function(){const t=O-W/2;function e(t,e){if(!t.length)return;let o=C;const i=[];t.forEach((t=>{const n=t.title.split("").join("\n"),s=H.findIndex((e=>e.key===t.key)),u=new a.Text(String(n),{...r,...t.titleStyle||{},originY:"top",left:e,top:o,lineHeight:1}),c=l(t.type,{left:e,top:o+u.height+3,...t.pointAttr,originY:"top",origin:{title:t.title,unit:t.unit,type:t.type,dataIndex:s,key:t.key,isMenu:!0},originLeft:e,originTop:o+u.height+3,...h.event});o+=u.height+c.height+15,function(t){function e(t){const{left:e,top:n}=t;return e>=j&&e<=D&&n>=C&&n<=L}t.on("moving",(()=>{t.set("originY","center"),e(t)?(K(t),N(t)):v.show=!1})),t.on("mouseup:before",(n=>{if(v.show=!1,0===n.e.button&&e(t))if(T(t.left,"key",G).includes(t.origin.key))E();else{const e={data:{time:x(t.left),value:b(t.origin.key,t.top)},...t.origin};g("add",e),J(e)}!function(t){t.setCoords().set({originY:"top",left:t.originLeft,top:t.originTop})}(t)}))}(c),i.push(u,c)})),n(i),d.value.add(...i)}function n(t){const e=t.at(-1),n=(L-C)/2,o=(e.height+e.top-C)/2;t.forEach((t=>{const e=t.top+n-o;t.set({top:e,originTop:e})}))}e(I,A/2),e(M,t)}(),{clickMenu:function({item:t,target:e}){const n={...t.origin};"remove"===t.mode?(g("remove",n),J(n,"remove")):(Object.assign(n,{data:{time:x(t.pointer.x),value:b(t.origin.key,t.pointer.y)}}),g("add",n),J(n))}}}export{d as useBirthProcess};
+import{useBirthProcessCumputedPoint as t}from"./useCumputedPoint.js";import e from"./useGrid.js";import{drawLine as n,drawArrow as o,drawText as i,defaultTextStyle as r,drawPoint as l,defaultStyle as s,defaultRectStyle as a}from"./useDraw.js";import{fabric as u}from"../utils/index.js";import{getIndex as c,isEffectiveNode as f}from"../utils/utils.js";import{cloneDeep as d}from"lodash-es";import{format as p}from"date-fns";function h(h,g,v,m,y,k){const{cumputedX:w,cumputedY:x,getXValue:b,getYValue:T}=t(g),{getEqualXTypes:S,repeatTip:j}=k,{xAxis:C,grid:E,originX:P,originY:Y,xCellWidth:G,endY:L,startTime:M,leftAddAreaWidth:A,leftScales:X,rightScales:I,yCellHeight:H,endX:D,scaleValues:O,canvasWidth:V,borderStyle:W,rightAddAreaWidth:R,event:$,originYCervix:B,other:F}=g,q=d(O),z=new Set;function N(){q.filter((t=>t.show)).forEach(((t,e)=>{var s;const a=[],u=[],c=[];null==(s=t.data)||s.forEach(((s,f)=>{!function(s,f,d){let p,y;const{pointAttr:k={},lineAttr:w={},title:x="",key:S,type:j="circle",childbirthStyle:C={}}=t,E=t.data[d+1],P=U(E,t);if(s&&P&&!f.breakpoint)y=n([...s,...P],{...w});else if(s&&!P&&!f.breakpoint){const e=U(E,t);y=e?n([...s,...e],{...w}):null}let Y,L;if(f.childbirth){const t=s[1]+H;Y=o([s[0],s[1],t],C),c.push(Y),L=i([s[0]+G/2,t-H/2],{value:String(f.childbirth),...r,originX:"left",originY:"center",...C}),c.push(L)}const M=u[d-1],A={origin:{data:f,title:x,key:S||"",dataIndex:e,index:d},leftLine:M,rightLine:y,arrowGroup:Y,arrowGroupText:L,...k,...g.event.hovered?g.event.evented?{selectable:!0}:{selectable:!0,lockMovementX:!0,lockMovementY:!0}:g.event};M?p=l(j,{left:M.get("x2"),top:M.get("y2"),...A}):s&&(A.leftLine=null,p=l(j,{left:s[0],top:s[1],...A}));u.push(y),p&&(!function(t){$.hovered&&(t.on("mouseover",(()=>{Q(t)})),t.on("mouseout",(()=>{m.show=!1})));if(t.lockMovementX&&t.lockMovementY)return;t.on("moving",(()=>{K(t),function(t){var e,n,o,i;null==(e=t.leftLine)||e.setCoords().set({x2:t.left,y2:t.top}),null==(n=t.rightLine)||n.setCoords().set({x1:t.left,y1:t.top}),null==(o=t.arrowGroup)||o.setCoords().set({left:t.left,top:t.top}),null==(i=t.arrowGroupText)||i.setCoords().set({left:t.left+G/2,top:t.top+H/2})}(t),$.hovered&&Q(t)})),t.on("mouseup",(e=>{if(m.show=!1,1===e.button){const{key:e}=t.origin,n={...t.origin,data:{...t.origin.data,time:b(t.left),value:T(e,t.top)}};h.value.discardActiveObject(),v("change",n),J(n,"change")}}))}(p),a.push(p),z.add(p))}(U(s,t),s,f)})),Promise.all(a).then((t=>{const e=u.filter((t=>t));let n=null;t=t.filter((t=>(t&&n&&(n.nextPoint=t,t.prevPoint=n),n=t||n,t))),Promise.all(c).then((n=>{h.value.add(...e,...t,...n),t.forEach((t=>{null==t||t.bringToFront()}))}))}))}))}function J(t,e="add"){const{dataIndex:n,data:o,index:i,key:r}=t,l=q.find((t=>t.key===r));switch(e){case"remove":l.data.splice(i,1);break;case"change":l.data[i]=o;break;default:{const t=c(o.time,l.data);l.data.splice(t,0,o);break}}var s;z.size&&(null==(s=h.value)||s.remove(...function(t){const e=[];return t.forEach((t=>{t&&e.push(t),(null==t?void 0:t.leftLine)&&e.push(null==t?void 0:t.leftLine),(null==t?void 0:t.rightLine)&&e.push(null==t?void 0:t.rightLine),(null==t?void 0:t.arrowGroup)&&e.push(null==t?void 0:t.arrowGroup),(null==t?void 0:t.arrowGroupText)&&e.push(null==t?void 0:t.arrowGroupText)})),e}([...z]))),z.clear(),N()}function K(t){const e=t.prevPoint?t.prevPoint.left:P,n=t.nextPoint?t.nextPoint.left:D;t.setCoords(),["cervix","fetalPresentation"].includes(t.origin.key)&&t.top<B&&t.set("top",B),t.top<Y&&t.set("top",Y),t.top>L&&t.set("top",L),t.left<e&&t.set("left",e),t.left>n&&t.set("left",n)}function Q(t){const{title:e,key:n}=t.origin;m.point={x:t.left,y:t.top},m.list=[`${e} ${T(n,t.top)}`,`时间 ${b(t.left).slice(-5)}`],m.show=!0}function U(t,e){if(f(t)&&function(t){const e=M+864e5,n=new Date(t).getTime();return n>=M&&n<=e}(t.time)){const n=w(t.time),o=x(e.key,e.range,t.value);return[n,o<Y?Y:o>L?L:o]}}function Z(t,e){return t+1>e[1]?e[0]:t+1}return e(h,g,!0),function(){const t=new u.Rect({...W,width:V-A-R-1,height:L-1,left:A,top:0,fill:"transparent"});h.value.add(t)}(),function(){function t(t,e="left"){let n="left"===e?A:D;t.forEach(((t,e)=>{const{range:o,spaceValue:l,width:c,title:f,titleStyle:d,key:p,scaleNumberStyle:g={}}=t,v=[],m=n+c/2,y=function(t,e){const n=[],[o,i]=t;for(let t=o;e>0?t<=i:t>=i;t+=e)n.push(t);return n}(o,l);y.forEach(((t,e)=>{const n=0===e?L-8:e!==y.length-1||Y||B&&"FHR"!==p?L-e*H:Y+8;v.push(i([m,n],{value:String(t),...r,...g}))}));const k=new u.Rect({...a,width:c,height:L,left:m,top:L/2}),w=i([m,Y>0?Y-H/2:H/2],{value:String(f),...r,...d}),x=new u.Group([...v,k,...w?[w]:[]],{objectCaching:!1,...s});h.value.add(x),x.sendToBack(),n+=c}))}t(X),t(I,"right")}(),function(){const{show:t,startTime:e,range:n=[0,23],position:o="top",style:l}=C.time,{show:a,range:c=[0,23],style:f}=C.processTime;if(t||a){const d=[],p=[],g=[],v=[],m=P+G/2;for(let s=0;s<E.mainXCell;s++){if(t){const t=0===s?+e.slice(11,13):Z(d.at(-1),n);d.push(t);const a="top"==o?Y-15:L+15;g.push(i([m+s*G,a],{value:String(t),...r,...l||{}}))}if(a){const t=0===s?c[0]:p.at(-1)+1;p.push(t);const e="top"==o?L+15:Y-15;v.push(i([m+s*G,e],{value:String(t),...r,...f||{}}))}}const y=new u.Group([...g,...v],{objectCaching:!1,...s});h.value.add(y),h.value.sendToBack(y)}}(),function(){var t;const e=Object.values(F),o=[],i={},r=q.find((t=>"cervix"===t.key&&t.show)),l=null==(t=null==r?void 0:r.data)?void 0:t.find((t=>3==+t.value));function s(t,e){const{key:n,range:o}=r||{},i=x(n,o,10),l=[0,e],s=[-e/t,0],a=[(L-i-e)/t,L-i],u=[D-P,t*(D-P)+e];let c=[],f=[];function d([n,o]){return Math.abs(o-t*n-e)<=1}function p([t,e]){const[n,o]=[...h([t,e])];return n>=P&&n<=D&&o>=i&&o<=L}function h([t,e]){return[P+t,L-e]}return d(l)&&p(l)&&(c=h(l)),d(s)&&p(s)&&(c=h(s)),d(a)&&p(a)&&(f=h(a)),d(u)&&p(u)&&(f=h(u)),[...c,...f]}e.forEach((t=>{if(!t.show)return;const{key:e}=t;switch(e){case"fetalPresentation":{const{range:i,show:r}=q.find((t=>t.key===e));if(r){const r=x(e,i,0);o.push(n([P,r,D,r],{...t}))}break}case"alert":if(l){const{key:e,range:a}=r||{},u=216e5,c={time:p(new Date(new Date(l.time).getTime()+u),"yyyy-MM-dd HH:mm"),value:10},[f,d]=[w(l.time)-P,L-x(e,a,l.value)],[h,g]=[w(c.time)-P,L-x(e,a,c.value)],v=(g-d)/(h-f),m=d-f*v,y=s(v,m);y.length>0&&(o.push(n(y,{...t})),Object.assign(i,{k:v,b:m}))}break;case"handling":if(l){const{k:e,b:r}=i,a=144e5,u=s(e,r-(w(p(new Date(new Date(l.time).getTime()+a),"yyyy-MM-dd HH:mm"))-w(l.time))*e);u.length>0&&o.push(n(u,{...t}))}}})),h.value.add(...o)}(),N(),function(){function t(t,e){const n=q.findIndex((e=>e.key===t.key));return{renderItem:()=>t.title,origin:{title:t.title,unit:t.unit,dataIndex:n,key:t.key},pointer:e}}g.event.evented&&h.value.on("mouse:up",(e=>{if(3===e.button){const{x:n=0,y:o=0}=e.pointer||{};n>=P&&n<=D&&o>=Y&&o<=L&&(y.point={x:n,y:o},y.show=!0,e.target?(y.target=e.target,y.list=["删除节点"],h.value.forEachObject((t=>{t.origin&&t.left===e.target.left&&t.top===e.target.top&&y.list.push({renderItem:()=>t.origin.title,origin:{...t.origin},mode:"remove",pointer:e.pointer})}))):(y.target=null,y.list=["新增节点"],q.filter((t=>t.show)).forEach((i=>{if(!S(n,"key",G).includes(i.key)){if(["cervix","fetalPresentation"].includes(i.key)&&o<B)return;y.list.push(t(i,e.pointer))}})),1===y.list.length&&(y.show=!1,j(),console.log("当前时间段内无可新增节点"))))}}))}(),function(){const t=V-R/2;function e(t,e){if(!t.length)return;let o=Y;const i=[];t.forEach((t=>{const n=t.title.split("").join("\n"),s=O.findIndex((e=>e.key===t.key)),a=new u.Text(String(n),{...r,...t.titleStyle||{},originY:"top",left:e,top:o,lineHeight:1}),c=l(t.type,{left:e,top:o+a.height+3,...t.pointAttr,originY:"top",origin:{title:t.title,unit:t.unit,type:t.type,dataIndex:s,key:t.key,isMenu:!0},originLeft:e,originTop:o+a.height+3,...g.event});o+=a.height+c.height+15,function(t){function e(t){const{left:e,top:n}=t;return e>=P&&e<=D&&n>=Y&&n<=L}t.on("moving",(()=>{t.set("originY","center"),e(t)?(K(t),Q(t)):m.show=!1})),t.on("mouseup:before",(n=>{if(m.show=!1,0===n.e.button&&e(t))if(S(t.left,"key",G).includes(t.origin.key))j();else{const e={data:{time:b(t.left),value:T(t.origin.key,t.top)},...t.origin};v("add",e),J(e)}!function(t){t.setCoords().set({originY:"top",left:t.originLeft,top:t.originTop})}(t)}))}(c),i.push(a,c)})),n(i),h.value.add(...i)}function n(t){const e=t.at(-1),n=(L-Y)/2,o=(e.height+e.top-Y)/2;t.forEach((t=>{const e=t.top+n-o;t.set({top:e,originTop:e})}))}e(X,A/2),e(I,t)}(),{clickMenu:function({item:t,target:e}){const n={...t.origin};"remove"===t.mode?(v("remove",n),J(n,"remove")):(Object.assign(n,{data:{time:b(t.pointer.x),value:T(t.origin.key,t.pointer.y)}}),v("add",n),J(n))}}}export{h as useBirthProcess};

package/es/components/fabric-chart/src/hooks/useBirthProcessChart.js

@@ -1 +1 @@
-import{ref as e,reactive as a,computed as l,onMounted as t,nextTick as u}from"vue";import{defaultBorderStyle as r}from"./useDraw.js";import"date-fns";import"../utils/index.js";import"lodash-es";import"./useShadow.js";import{useEvent as i,useCanvasEvent as s}from"./useEvent.js";import{useBirthProcess as n}from"./useBirthProcess.js";import{useCommon as d}from"./useCommon.js";function o(o,v,c,h){const m=e(),p=e(),g=e(),f=a({show:!1,point:{x:0,y:0},list:[]}),x=a({show:!1,point:{x:0,y:0},list:[],target:null}),y=l((()=>v.data.scaleValues.filter((e=>"left"===e.layout)))),V=l((()=>v.data.scaleValues.filter((e=>"right"===e.layout)))),w=l((()=>{var e;return(null==(e=V.value)?void 0:e.length)?30:0})),C=l((()=>{var e;return 30+(null==(e=y.value)?void 0:e.reduce(((e,a)=>e+=a.width),0))})),A=l((()=>{var e;const{width:a}=v.data,l=null==(e=V.value)?void 0:e.reduce(((e,a)=>e+=a.width),0);return a-w.value-l})),Y=l((()=>v.data.grid.mainXCell)),j=l((()=>v.data.grid.mainYCell)),S=l((()=>(A.value-C.value)/Y.value)),b=l((()=>{const{xAxis:e,height:a}=v.data,l=Object.values(e).reduce(((e,a)=>(a.show&&e++,e)),0);return a/(j.value+l)})),k=l((()=>b.value)),P=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key)),[,l]=(null==a?void 0:a.range)||[0,10],t=(null==a?void 0:a.spaceValue)||1;return X.value-l*t*b.value})),X=l((()=>{const{height:e}=v.data;return e-b.value})),H=l((()=>new Date(v.data.xAxis.time.startTime).getTime())),T=l((()=>36e5/S.value)),W=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key));return((null==a?void 0:a.spaceValue)||1)/b.value})),M=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"FHR"===e.key));return((null==a?void 0:a.spaceValue)||10)/b.value})),D=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"fetalPresentation"===e.key));return((null==a?void 0:a.spaceValue)||1)/b.value})),F=l((()=>{var e;return(null==(e=v.data.grid)?void 0:e.event)||{selectable:!0,evented:!0,hovered:!0}})),N=a({canvasWidth:v.data.width,canvasHeight:v.data.height,borderStyle:{...r,...v.data.borderStyle},selectionStyle:v.data.selectionStyle||{},grid:v.data.grid,other:v.data.other,originX:C.value,endX:A.value,originY:k.value,endY:X.value,xCellWidth:S.value,yCellHeight:b.value,gridXNumber:Y.value,gridYNumber:j.value,xAxis:v.data.xAxis,leftScales:y.value,rightScales:V.value,leftAddAreaWidth:30,rightAddAreaWidth:w.value,startTime:H.value,timeXCell:T.value,cervixYCell:W.value,FHRYCell:M.value,fetalPresentationYCell:D.value,scaleValues:v.data.scaleValues,event:F.value,originYCervix:P.value}),R=d(o);return t((()=>{u((()=>{const{clickMenu:e}=n(o,N,c,f,x,R);g.value=e,i(h.value);const{select:a}=s(o,N,c);m.value=a}))})),{propItems:N,redrawPoints:p,select:m,pointTipProps:f,pointMenuProps:x,clickMenu:g}}export{o as default};
+import{ref as e,reactive as a,computed as t,onMounted as l,nextTick as u}from"vue";import{defaultBorderStyle as r}from"./useDraw.js";import"date-fns";import"../utils/index.js";import"lodash-es";import"./useShadow.js";import{useEvent as i,useCanvasEvent as s}from"./useEvent.js";import{useBirthProcess as o}from"./useBirthProcess.js";import{useCommon as n}from"./useCommon.js";function d(d,v,c,h){const m=e(),p=e(),f=e(),g=a({show:!1,point:{x:0,y:0},list:[]}),x=a({show:!1,point:{x:0,y:0},list:[],target:null}),w=t((()=>v.data.scaleValues.filter((e=>"left"===e.layout&&e.show)))),y=t((()=>v.data.scaleValues.filter((e=>"right"===e.layout&&e.show)))),V=t((()=>{var e;return(null==(e=y.value)?void 0:e.length)?30:0})),A=t((()=>{var e;return 30+(null==(e=w.value)?void 0:e.reduce(((e,a)=>e+=a.width),0))})),C=t((()=>{var e;const{width:a}=v.data,t=null==(e=y.value)?void 0:e.reduce(((e,a)=>e+=a.width),0);return a-V.value-t})),b=t((()=>v.data.grid.mainXCell)),j=t((()=>{const e=v.data.grid.mainYCell||14;return v.data.scaleValues.find((e=>e.show&&"FHR"===e.key))||14!==e?e:10})),k=t((()=>(C.value-A.value)/b.value)),Y=t((()=>{const{xAxis:e,height:a}=v.data,t=Object.values(e).reduce(((e,a)=>(a.show&&e++,e)),0);return a/(j.value+t)})),S=t((()=>{const{xAxis:e}=v.data,a=Object.values(e).reduce(((e,a)=>(a.show&&"top"===a.position&&e++,e)),0);return Y.value*a})),H=t((()=>{var e;const{scaleValues:a}=v.data;if(!(null==(e=a.find((e=>"FHR"===e.key)))?void 0:e.show)&&!S.value)return S.value;const t=a.find((e=>"cervix"===e.key)),[,l]=(null==t?void 0:t.range)||[0,10],u=(null==t?void 0:t.spaceValue)||1;return P.value-l*u*Y.value})),P=t((()=>{const{xAxis:e,height:a}=v.data,t=Object.values(e).reduce(((e,a)=>(a.show&&"bottom"===a.position&&e++,e)),0);return a-Y.value*t})),X=t((()=>new Date(v.data.xAxis.time.startTime).getTime())),F=t((()=>36e5/k.value)),R=t((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key));return((null==a?void 0:a.spaceValue)||1)/Y.value})),T=t((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"FHR"===e.key));return((null==a?void 0:a.spaceValue)||10)/Y.value})),W=t((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"fetalPresentation"===e.key));return((null==a?void 0:a.spaceValue)||1)/Y.value})),M=t((()=>{var e;return(null==(e=v.data.grid)?void 0:e.event)||{selectable:!0,evented:!0,hovered:!0}})),O=a({canvasWidth:v.data.width,canvasHeight:v.data.height,borderStyle:{...r,...v.data.borderStyle},selectionStyle:v.data.selectionStyle||{},grid:v.data.grid,other:v.data.other,originX:A.value,endX:C.value,originY:S.value,endY:P.value,xCellWidth:k.value,yCellHeight:Y.value,gridXNumber:b.value,gridYNumber:j.value,xAxis:v.data.xAxis,leftScales:w.value,rightScales:y.value,leftAddAreaWidth:30,rightAddAreaWidth:V.value,startTime:X.value,timeXCell:F.value,cervixYCell:R.value,FHRYCell:T.value,fetalPresentationYCell:W.value,scaleValues:v.data.scaleValues,event:M.value,originYCervix:H.value}),D=n(d);return l((()=>{u((()=>{const{clickMenu:e}=o(d,O,c,g,x,D);f.value=e,i(h.value);const{select:a}=s(d,O,c);m.value=a}))})),{propItems:O,redrawPoints:p,select:m,pointTipProps:g,pointMenuProps:x,clickMenu:f}}export{d as default};

package/es/components/fabric-chart/src/hooks/useDraw.d.ts

@@ -36,6 +36,7 @@ export declare const defaultTextStyle: {
     originX: string;
     originY: string;
     lineHeight: number;
+    objectCaching: boolean;
 };
 export declare function drawLine(points: number[], style: Partial<ILineOptions>): fabric.Line;
 export declare function drawText([x, y]: [x: number, y: number], style: ITextOptions): fabric.Text;

package/es/components/fabric-chart/src/hooks/useDraw.js

@@ -1 +1 @@
-import{fabric as e}from"../utils/index.js";const t={evented:!1,selectable:!1},r={stroke:"#999",strokeWidth:1,...t},i={stroke:"#000",strokeWidth:1,strokeDashArray:[0,0],...t},n={fill:"transparent",stroke:"#999",strokeWidth:1,originX:"center",originY:"center",...t},o={fontFamily:"微软雅黑",fontSize:12,fill:"#000",centeredRotation:!0,originX:"center",originY:"center",lineHeight:1,...t};function c(t,r){return new e.Line(t,{...i,...r})}function s([t,r],i){return new e.Text(String(i.value),{...o,left:t,top:r,...i})}function l([r,i,n],o,l="down"){const a=c([r,i,r,n],{strokeWidth:1,stroke:o.fill}),u=s([r+.5,"up"===l?n-3:n+3],{value:"v",originX:"center",originY:"bottom",fontSize:16,angle:"up"===l?180:0,...o});return new e.Group([a,u],{...t,originX:"center",originY:"top"})}function a(r,i,c){const s=new e.Rect({...n,...r}),{value:l="标题",textAlign:a="center",verticalAlign:u="center"}=i,g=r.width/2,d=r.height/2,f=new e.Text(String(l),{...o,...i,..."left"==a||"right"==a?{originX:a,left:"left"==a?-g:g}:{},..."top"==u||"bottom"==u?{originY:u,top:"top"==u?-d:d}:{}});return new e.Group([s,f],{...t,...c})}function u(t="circle",r){const i={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",...r},n=()=>new e.Circle({objectCaching:!1,strokeWidth:r.strokeWidth||1,stroke:r.stroke||"red",radius:r.radius||5,fill:"#fff"});switch(t){case"triangle":return new e.Triangle({width:20,height:20,strokeWidth:1,scale:1,...i});case"circle":return new e.Circle({objectCaching:!1,strokeWidth:1,radius:5,scale:1,...i});case"image":return new e.Image(r.element,{...i,scale:1});case"yemai":{const t=()=>{const t=2*((r.radius||5)+(r.strokeWidth||1)),i={stroke:r.strokeX||"blue",strokeWidth:r.strokeWidthX||1,originX:"center",originY:"center"},n=new e.Line([0,t/2,t,t/2],i),o=new e.Line([t/2,0,t/2,t],i);return new e.Group([n,o])};return new e.Group([n(),t()],{scale:1,...i})}case"koumai":{const t=(r.radius||5)+(r.strokeWidth||1),o=new e.Circle({objectCaching:!1,radius:r.radiusCircle||2,fill:r.fillCircle||"#000",originX:"center",originY:"center",left:t,top:t});return new e.Group([n(),o],{scale:1,...i})}default:return r&&Reflect.deleteProperty(r,"stroke"),new e.Text(String(t),{fontFamily:"微软雅黑",scale:1,fontSize:14,fill:"#000",...i})}}export{r as defaultBorderStyle,i as defaultLineStyle,n as defaultRectStyle,t as defaultStyle,o as defaultTextStyle,l as drawArrow,c as drawLine,u as drawPoint,s as drawText,a as drawTextGroup};
+import{fabric as e}from"../utils/index.js";const t={evented:!1,selectable:!1},r={stroke:"#999",strokeWidth:1,...t},i={stroke:"#000",strokeWidth:1,strokeDashArray:[0,0],...t},n={fill:"transparent",stroke:"#999",strokeWidth:1,originX:"center",originY:"center",...t},o={fontFamily:"微软雅黑",fontSize:12,fill:"#000",centeredRotation:!0,originX:"center",originY:"center",lineHeight:1,objectCaching:!1,...t};function c(t,r){return new e.Line(t,{...i,...r})}function s([t,r],i){return new e.Text(String(i.value),{...o,left:t,top:r,...i})}function l([r,i,n],o,l="down"){const a=c([r,i,r,n],{strokeWidth:1,stroke:o.fill}),u=s([r+.5,"up"===l?n-3:n+3],{value:"v",originX:"center",originY:"bottom",fontSize:16,angle:"up"===l?180:0,...o});return new e.Group([a,u],{...t,originX:"center",originY:"top"})}function a(r,i,c){const s=new e.Rect({...n,...r}),{value:l="标题",textAlign:a="center",verticalAlign:u="center"}=i,g=r.width/2,h=r.height/2,d=new e.Text(String(l),{...o,...i,..."left"==a||"right"==a?{originX:a,left:"left"==a?-g:g}:{},..."top"==u||"bottom"==u?{originY:u,top:"top"==u?-h:h}:{}});return new e.Group([s,d],{objectCaching:!1,...t,...c})}function u(t="circle",r){const i={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",objectCaching:!1,...r},n=()=>new e.Circle({objectCaching:!1,strokeWidth:r.strokeWidth||1,stroke:r.stroke||"red",radius:r.radius||5,fill:"#fff"});switch(t){case"triangle":return new e.Triangle({width:20,height:20,strokeWidth:1,scale:1,...i});case"circle":return new e.Circle({objectCaching:!1,strokeWidth:1,radius:5,scale:1,...i});case"image":return new e.Image(r.element,{...i,scale:1});case"yemai":{const t=()=>{const t=2*((r.radius||5)+(r.strokeWidth||1)),i={stroke:r.strokeX||"blue",strokeWidth:r.strokeWidthX||1,originX:"center",originY:"center"},n=new e.Line([0,t/2,t,t/2],i),o=new e.Line([t/2,0,t/2,t],i);return new e.Group([n,o])};return new e.Group([n(),t()],{scale:1,...i})}case"koumai":{const t=(r.radius||5)+(r.strokeWidth||1),o=new e.Circle({objectCaching:!1,radius:r.radiusCircle||2,fill:r.fillCircle||"#000",originX:"center",originY:"center",left:t,top:t});return new e.Group([n(),o],{scale:1,...i})}default:return r&&Reflect.deleteProperty(r,"stroke"),new e.Text(String(t),{fontFamily:"微软雅黑",scale:1,fontSize:14,fill:"#000",...i})}}export{r as defaultBorderStyle,i as defaultLineStyle,n as defaultRectStyle,t as defaultStyle,o as defaultTextStyle,l as drawArrow,c as drawLine,u as drawPoint,s as drawText,a as drawTextGroup};

package/es/components/fabric-chart/src/hooks/useLeft.js

@@ -1 +1 @@
-import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,defaultTextStyle as i,defaultStyle as n,defaultRectStyle as o,drawPoint as l,drawTextGroup as r}from"./useDraw.js";import{getType as s,isOneLine as u}from"../utils/utils.js";function h(h,a,g,c,p,f,d,y,w,v,S,m){var Y,b;const{getEqualXTypes:x,repeatTip:X}=m,{originY:N,endY:T,originX:L,endX:M,xCellWidth:V,yCellHeight:k,left:E,vitalSignsOriginY:C,painOriginY:G,painHeight:H,iconsWidth:I,itemList:O,painIndex:R,right:W,canvasWidth:j,canvasHeight:A,getRightInfo:_}=a;function B(e,n,o,l){const{position:r}=n;return new t.Text(String(e),{...i,originX:"left"==r?"right":"right"==r?"left":"center",left:o,top:l,...n.style})}function J(t="center",e,i){let n=e+i/2,o=[n-4.5,n+4.5],l=[n-2.5,n+2.5],r=n;return"right"===t&&(n=e,o=[n,n+9],l=[n,n+5],r=o[1]),"left"===t&&(n=e+i,o=[n-9,n],l=[n-5,n],r=o[0]),{lineXMain:o,lineXSub:l,textLeft:r}}function $(l){var s;if(!(null==l?void 0:l.length))return;const{layout:u}=l[0];let a=I,g=L;"right"===u&&(a=M,g=M+(null!=(s=null==W?void 0:W.width)?s:0));const c=[],p=H&&"right"!==u?l.length-1:l.length,f=(g-a)/p,d=f+(g-a)%p;l.forEach(((l,s)=>{var u,g;if("pain"===l.type)return void function(n){const l=r({width:L-I,height:H,...o},{value:`${n.title}`,...i,...n.style||{}},{left:I,top:G.originY}),s=[];if(n.showScale||n.showNumber){const{lineXMain:i,textLeft:o}=J(n.position,I,L-I),l=n.list.length;n.list.forEach(((r,u)=>{let h=G.endY-u*k*n.spaceGridNumber;0===u&&(h=T-5);const a=0===u||u===l-1;if(!n.showNumber||a&&!n.showMaxMinNumber||s.push(B(r,n,o,h)),n.showScale&&0!==u){const[o,l]=i,r=new t.Line([o,h,l,h],{...e,...n.style});s.push(r)}}))}h.value.add(l,...s),l.sendToBack()}(l);const p=[];function y(i){const n=new t.Line(i,{...e,...l.style});p.push(n)}const w=0===s?d:f,v=0===s?a:d+a+(s-1)*f,S=s>0?new t.Line([v,C.originY,v,C.endY],{...e}):null;S&&p.push(S);const m=v+w/2,Y=l.spaceGridNumber||5;if(l.showScale||l.showNumber){const t=Y*k/5,e=l.position||"center",{lineXMain:i,lineXSub:n,textLeft:o}=J(l.position,v,w),r=null==(u=l.list)?void 0:u.length;null==(g=null==l?void 0:l.list)||g.forEach(((s,u)=>{const h=C.endY-u*k*Y,a=0===u||u===r-1;if(l.showNumber&&(!a||l.showMaxMinNumber)){const t=0==u?h-5:h,e=B(s,l,o,t),i=C.originY+e.height/2;t<i&&e.set({top:i}),p.push(e)}if(l.showScale&&u!==r-1)for(let o=0;o<5;o++)if(o>0||!l.showNumber||"center"!==e){const e=0==o?i[0]:n[0],l=0==o?i[1]:n[1],s=h-o*t;s>C.originY&&(y([e,s,l,s]),u==r-2&&4==o&&y([i[0],s-t,i[1],s-t]))}}))}let b=l.title||"";l.unit&&(b+="\n"+l.unit),b&&p.push(new t.Text(String(b),{...i,left:m,top:C.originY+k*Y/2,textAlign:"center",...l.style}));const x=new t.Group(p,n);c.push(x)})),c.push(new t.Rect({...o,width:"right"===u?g-a-1:g-a,height:"right"===u?T-N-1:T-N,left:a,top:N,originX:"left",originY:"top"}));const y=c.length>0?new t.Group([...c],{...n}):null;y&&h.value.add(y),y&&y.sendToBack()}function q(t){return t.left>=L&&t.left<M&&t.top>=N&&t.top<=T}I&&function(){const e=JSON.parse(JSON.stringify(O));let i=T;const o=I-E.icons.marginRight;e.reverse().forEach((e=>{i-=10;let r=e.title.replace(/(.{2})/g,"$1\n");r.endsWith("\n")&&(r=r.slice(0,r.length-1));const f=new t.Text(String(r),{...n,...e.titleStyle||{},originX:"right",originY:"bottom",left:o-(e.pointAttr.width||10)-5,top:i,lineHeight:1,fontSize:12}),d=l(e.type,{left:o,top:i-(f.height||30)/2-1,...e.pointAttr,originY:"center",originX:"right",origin:{title:e.title,unit:e.unit,type:s(e.bigType),_type:e.bigType,dataIndex:e.dataIndex,key:e.key,isMenu:!0},originLeft:o,originTop:i-(f.height||30)/2-1,...a.event});var m;i-=f.height||30,(m=d).on("moving",(()=>{m.set("originX","center"),function(t){if(t.left>=L&&t.left<=M){t.setCoords();const e="pain"===t.origin.type?G:C;t.top<e.originY&&t.set("top",e.originY),t.top>e.endY&&t.set("top",e.endY)}}(m),q(m)?c(m):p.show=!1})),m.on("mouseup:before",(t=>{if(p.show=!1,0===t.e.button&&q(m)){const t=x(m.left,"_type",V).includes(m.origin._type),e=v(m.left);if(!e||t)t&&e&&X();else{const t={data:{time:y(m.left),value:w(m.origin.type,m.top),...u(m.origin.type)?{key:m.origin.key}:{}},...m.origin};g("add",t),S(t)}}!function(t){t.setCoords().set({originX:"right",left:t.originLeft,top:t.originTop})}(m)})),h.value.add(f,d)}))}();const z=E.yScaleValue.filter((t=>"left"===t.layout&&"pain"!==t.type&&t.show));if((null==W?void 0:W.width)&&"left"===(null==(Y=null==W?void 0:W.yScaleValue)?void 0:Y.layout)&&(null==(b=null==W?void 0:W.yScaleValue)?void 0:b.show)&&z.push(_),R>0&&E.yScaleValue[R].show){const t=E.yScaleValue[R];0===R&&E.yScaleValue.length>1&&z.unshift(t),R==E.yScaleValue.length-1&&z.push(t)}return $(z),h.value.add(new t.Rect({left:I,top:0,width:j-I-1,height:A-1,fill:"transparent",...e})),{drawScaleValue:$}}export{h as useLeft};
+import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,defaultTextStyle as i,defaultStyle as n,defaultRectStyle as o,drawPoint as l,drawTextGroup as r}from"./useDraw.js";import{getType as s,isOneLine as h}from"../utils/utils.js";function u(u,a,g,c,p,f,d,y,w,v,S,m){var b,Y;const{getEqualXTypes:x,repeatTip:X}=m,{originY:N,endY:T,originX:L,endX:M,xCellWidth:V,yCellHeight:C,left:j,vitalSignsOriginY:k,painOriginY:E,painHeight:G,iconsWidth:H,itemList:I,painIndex:O,right:R,canvasWidth:W,canvasHeight:A,getRightInfo:_}=a;function B(e,n,o,l){const{position:r}=n;return new t.Text(String(e),{...i,originX:"left"==r?"right":"right"==r?"left":"center",left:o,top:l,...n.style})}function J(t="center",e,i){let n=e+i/2,o=[n-4.5,n+4.5],l=[n-2.5,n+2.5],r=n;return"right"===t&&(n=e,o=[n,n+9],l=[n,n+5],r=o[1]),"left"===t&&(n=e+i,o=[n-9,n],l=[n-5,n],r=o[0]),{lineXMain:o,lineXSub:l,textLeft:r}}function $(l){var s;if(!(null==l?void 0:l.length))return;const{layout:h}=l[0];let a=H,g=L;"right"===h&&(a=M,g=M+(null!=(s=null==R?void 0:R.width)?s:0));const c=[],p=G&&"right"!==h?l.length-1:l.length,f=(g-a)/p,d=f+(g-a)%p;l.forEach(((l,s)=>{var h,g;if("pain"===l.type)return void function(n){const l=r({width:L-H,height:G,...o},{value:`${n.title}`,...i,...n.style||{}},{left:H,top:E.originY}),s=[];if(n.showScale||n.showNumber){const{lineXMain:i,textLeft:o}=J(n.position,H,L-H),l=n.list.length;n.list.forEach(((r,h)=>{let u=E.endY-h*C*n.spaceGridNumber;0===h&&(u=T-5);const a=0===h||h===l-1;if(!n.showNumber||a&&!n.showMaxMinNumber||s.push(B(r,n,o,u)),n.showScale&&0!==h){const[o,l]=i,r=new t.Line([o,u,l,u],{...e,...n.style});s.push(r)}}))}u.value.add(l,...s),l.sendToBack()}(l);const p=[];function y(i){const n=new t.Line(i,{...e,...l.style});p.push(n)}const w=0===s?d:f,v=0===s?a:d+a+(s-1)*f,S=s>0?new t.Line([v,k.originY,v,k.endY],{...e}):null;S&&p.push(S);const m=v+w/2,b=l.spaceGridNumber||5;if(l.showScale||l.showNumber){const t=b*C/5,e=l.position||"center",{lineXMain:i,lineXSub:n,textLeft:o}=J(l.position,v,w),r=null==(h=l.list)?void 0:h.length;null==(g=null==l?void 0:l.list)||g.forEach(((s,h)=>{const u=k.endY-h*C*b,a=0===h||h===r-1;if(l.showNumber&&(!a||l.showMaxMinNumber)){const t=0==h?u-5:u,e=B(s,l,o,t),i=k.originY+e.height/2;t<i&&e.set({top:i}),p.push(e)}if(l.showScale&&h!==r-1)for(let o=0;o<5;o++)if(o>0||!l.showNumber||"center"!==e){const e=0==o?i[0]:n[0],l=0==o?i[1]:n[1],s=u-o*t;s>k.originY&&(y([e,s,l,s]),h==r-2&&4==o&&y([i[0],s-t,i[1],s-t]))}}))}let Y=l.title||"";l.unit&&(Y+="\n"+l.unit),Y&&p.push(new t.Text(String(Y),{...i,left:m,top:k.originY+C*b/2,textAlign:"center",...l.style}));const x=new t.Group(p,{...n,objectCaching:!1});c.push(x)})),c.push(new t.Rect({...o,width:"right"===h?g-a-1:g-a,height:"right"===h?T-N-1:T-N,left:a,top:N,originX:"left",originY:"top"}));const y=c.length>0?new t.Group([...c],{...n,objectCaching:!1}):null;y&&u.value.add(y),y&&y.sendToBack()}function q(t){return t.left>=L&&t.left<M&&t.top>=N&&t.top<=T}H&&function(){const e=JSON.parse(JSON.stringify(I));let i=T;const o=H-j.icons.marginRight;e.reverse().forEach((e=>{i-=10;let r=e.title.replace(/(.{2})/g,"$1\n");r.endsWith("\n")&&(r=r.slice(0,r.length-1));const f=new t.Text(String(r),{...n,objectCaching:!1,...e.titleStyle||{},originX:"right",originY:"bottom",left:o-(e.pointAttr.width||10)-5,top:i,lineHeight:1,fontSize:12}),d=l(e.type,{left:o,top:i-(f.height||30)/2-1,...e.pointAttr,originY:"center",originX:"right",origin:{title:e.title,unit:e.unit,type:s(e.bigType),_type:e.bigType,dataIndex:e.dataIndex,key:e.key,isMenu:!0},originLeft:o,originTop:i-(f.height||30)/2-1,...a.event});var m;i-=f.height||30,(m=d).on("moving",(()=>{m.set("originX","center"),function(t){if(t.left>=L&&t.left<=M){t.setCoords();const e="pain"===t.origin.type?E:k;t.top<e.originY&&t.set("top",e.originY),t.top>e.endY&&t.set("top",e.endY)}}(m),q(m)?c(m):p.show=!1})),m.on("mouseup:before",(t=>{if(p.show=!1,0===t.e.button&&q(m)){const t=x(m.left,"_type",V).includes(m.origin._type),e=v(m.left);if(!e||t)t&&e&&X();else{const t={data:{time:y(m.left),value:w(m.origin.type,m.top),...h(m.origin.type)?{key:m.origin.key}:{}},...m.origin};g("add",t),S(t)}}!function(t){t.setCoords().set({originX:"right",left:t.originLeft,top:t.originTop})}(m)})),u.value.add(f,d)}))}();const z=j.yScaleValue.filter((t=>"left"===t.layout&&"pain"!==t.type&&t.show));if((null==R?void 0:R.width)&&"left"===(null==(b=null==R?void 0:R.yScaleValue)?void 0:b.layout)&&(null==(Y=null==R?void 0:R.yScaleValue)?void 0:Y.show)&&z.push(_),O>0&&j.yScaleValue[O].show){const t=j.yScaleValue[O];0===O&&j.yScaleValue.length>1&&z.unshift(t),O==j.yScaleValue.length-1&&z.push(t)}return $(z),u.value.add(new t.Rect({left:H,top:0,width:W-H-1,height:A-1,fill:"transparent",...e})),{drawScaleValue:$}}export{u as useLeft};

package/es/components/fabric-chart/src/hooks/useOther.js

@@ -1 +1 @@
-import{fabric as t}from"../utils/index.js";import{defaultStyle as e}from"./useDraw.js";function n(n,l,i){const{other:o,vitalSignsOriginY:r,xCellWidth:s,yCellHeight:a}=l;let u=0;function f(n,l,i){const o=[];String(n.value).split("").forEach(((l,i)=>{const r=new t.Text(l,{left:0,top:a*i,originX:"center",...e,...n.style||{}});u=(a-(r.height||0))/2,o.push(r)}));const r={originX:"center",left:l,top:i+u,baseTop:(n.baseTop||0)*a,trueLeft:l,trueHeight:o.length*a};return new t.Group(o,r)}!function(){if(!(null==o?void 0:o.list))return!1;const l=[],u=[];o.list.forEach(((t,e)=>{const n=0===e?"vertical":t.align||"vertical",l=i(t.time,!0),o=u.find((t=>t.left==l));if(o)o[n].push(t);else{const e={left:l,vertical:[],horizontal:[]};e[n].push(t),u.push(e)}})),u.forEach((t=>{let e=r.originY,n=t.left;t.vertical.forEach(((i,o)=>{var u,h;const c=(i.baseTop||0)*a,g=(null==(u=l.at(-1))?void 0:u.left)||0;0===o&&t.left<=g&&(n=g+s);if(l.filter((t=>t.trueLeft===n)).length){const t=String(i.value).length*a,o=(null==(h=l.at(-1))?void 0:h.trueHeight)||0;e+=o,e+t+c>r.endY&&(e=r.originY,n+=s)}e+=c,String(i.value).length&&l.push(f(i,n,e))})),t.horizontal.forEach(((e,i)=>{var o;const u=r.originY+(e.baseTop||0)*a,h=(null==(o=l.at(-1))?void 0:o.left)||0;t.left<=h&&(n=h+s),String(e.value).length&&l.push(f(e,n,u))}))}));const h=l.length>0?new t.Group([...l],{...e}):null;h&&n.value.add(h)}()}export{n as useOther};
+import{fabric as t}from"../utils/index.js";import{defaultStyle as e}from"./useDraw.js";function n(n,i,l){const{other:o,vitalSignsOriginY:r,xCellWidth:a,yCellHeight:c}=i;let s=0;function h(n,i,l){const o=[];String(n.value).split("").forEach(((i,l)=>{const r=new t.Text(i,{left:0,top:c*l,originX:"center",...e,objectCaching:!1,...n.style||{}});s=(c-(r.height||0))/2,o.push(r)}));const r={originX:"center",left:i,top:l+s,baseTop:(n.baseTop||0)*c,trueLeft:i,trueHeight:o.length*c,objectCaching:!1};return new t.Group(o,r)}!function(){if(!(null==o?void 0:o.list))return!1;const i=[],s=[];o.list.forEach(((t,e)=>{const n=0===e?"vertical":t.align||"vertical",i=l(t.time,!0),o=s.find((t=>t.left==i));if(o)o[n].push(t);else{const e={left:i,vertical:[],horizontal:[]};e[n].push(t),s.push(e)}})),s.forEach((t=>{let e=r.originY,n=t.left;t.vertical.forEach(((l,o)=>{var s,u;const f=(l.baseTop||0)*c,g=(null==(s=i.at(-1))?void 0:s.left)||0;0===o&&t.left<=g&&(n=g+a);if(i.filter((t=>t.trueLeft===n)).length){const t=String(l.value).length*c,o=(null==(u=i.at(-1))?void 0:u.trueHeight)||0;e+=o,e+t+f>r.endY&&(e=r.originY,n+=a)}e+=f,String(l.value).length&&i.push(h(l,n,e))})),t.horizontal.forEach(((e,l)=>{var o;const s=r.originY+(e.baseTop||0)*c,u=(null==(o=i.at(-1))?void 0:o.left)||0;t.left<=u&&(n=u+a),String(e.value).length&&i.push(h(e,n,s))}))}));const u=i.length>0?new t.Group([...i],{...e,objectCaching:!1}):null;u&&n.value.add(u)}()}export{n as useOther};

package/es/components/fabric-chart/src/hooks/useTop.js

@@ -1 +1 @@
-import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,defaultStyle as l,drawTextGroup as i,defaultTextStyle as o,defaultRectStyle as s}from"./useDraw.js";function n(n,u){const{grid:h,originX:a,xCellWidth:c,gridXNumber:d,top:r,xScalevalueHeight:f,iconsWidth:p,topList:g,endXLimit:v,canvasWidth:y}=u;!function(){const w=[];v&&w.push(new t.Line([v,0,y,0],e));let S=0;g.forEach(((t,e)=>{e>0&&(S+=u[`${g[e-1].key}Height`]),"xScalevalue"==t.key?(function(t,e,l){if(!r.dayHeight)return!1;const s=r.dayHeight,n=c*h.subSecondXCell,u=(d-h.surplusXCell)/h.subSecondXCell;for(let h=0;h<u;h++){const u=a+h*n,c=i({width:n,height:s},{value:h%2==0?"上午":"下午",...o,...t.style||{}},{left:u,top:l});e.push(c)}}(t,w,S),function(t,e,l){var n;const u=r.xScalevalue.show&&null!=(n=r.dayHeight)?n:0,d=f-u,g=i({width:a-p,height:f,...s},{value:r.xScalevalue.title,...o,...t.style||{},...t.titleStyle||{}},{left:p,top:l});e.push(g);const v=[];for(let t=0;t<h.mainXCell;t++)v.push(r.xScalevalue.list);v.flat().forEach(((s,n)=>{const h=a+n*c,r=i({width:c,height:d},{value:s.value,...o,...t.style||{},...s.style||{}},{left:h,top:l+u});e.push(r)}))}(t,w,S)):u[`${t.key}Height`]&&function(t,e,l){const n=u[`${t.key}Height`],d=i({width:a-p,height:n,...s},{value:t.title,...o,...(null==t?void 0:t.style)||{},...t.titleStyle||{}},{left:p,top:l});e.push(d);const r=c*h.subXCell;t.list.forEach(((s,u)=>{const h=a+u*r,c=i({width:r,height:n},{value:s,...o,...(null==t?void 0:t.style)||{}},{left:h,top:l});e.push(c)}))}(t,w,S)}));const x=w.length>0?new t.Group([...w],{...l}):null;x&&x.sendToBack(),x&&n.value.add(x)}()}export{n as useTop};
+import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,defaultStyle as l,drawTextGroup as i,defaultTextStyle as o,defaultRectStyle as n}from"./useDraw.js";function s(s,h){const{grid:u,originX:a,xCellWidth:c,gridXNumber:d,top:r,xScalevalueHeight:f,iconsWidth:p,topList:g,endXLimit:v,canvasWidth:y}=h;!function(){const w=[];v&&w.push(new t.Line([v,0,y,0],e));let S=0;g.forEach(((t,e)=>{e>0&&(S+=h[`${g[e-1].key}Height`]),"xScalevalue"==t.key?(function(t,e,l){if(!r.dayHeight)return!1;const n=r.dayHeight,s=c*u.subSecondXCell,h=(d-u.surplusXCell)/u.subSecondXCell;for(let u=0;u<h;u++){const h=a+u*s,c=i({width:s,height:n},{value:u%2==0?"上午":"下午",...o,...t.style||{}},{left:h,top:l});e.push(c)}}(t,w,S),function(t,e,l){var s;const h=r.xScalevalue.show&&null!=(s=r.dayHeight)?s:0,d=f-h,g=i({width:a-p,height:f,...n},{value:r.xScalevalue.title,...o,...t.style||{},...t.titleStyle||{}},{left:p,top:l});e.push(g);const v=[];for(let t=0;t<u.mainXCell;t++)v.push(r.xScalevalue.list);v.flat().forEach(((n,s)=>{const u=a+s*c,r=i({width:c,height:d},{value:n.value,...o,...t.style||{},...n.style||{}},{left:u,top:l+h});e.push(r)}))}(t,w,S)):h[`${t.key}Height`]&&function(t,e,l){const s=h[`${t.key}Height`],d=i({width:a-p,height:s,...n},{value:t.title,...o,...(null==t?void 0:t.style)||{},...t.titleStyle||{}},{left:p,top:l});e.push(d);const r=c*u.subXCell;t.list.forEach(((n,h)=>{const u=a+h*r,c=i({width:r,height:s},{value:n,...o,...(null==t?void 0:t.style)||{}},{left:u,top:l});e.push(c)}))}(t,w,S)}));const x=w.length>0?new t.Group([...w],{...l,objectCaching:!1}):null;x&&x.sendToBack(),x&&s.value.add(x)}()}export{s as useTop};

package/es/components/field-set/index.d.ts

@@ -19,6 +19,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     fieldsMapping: Record<string, string>;
     selectOptions: Record<string, string>[];
+    sortOptions: {
+        label: string;
+        value: string;
+    }[];
     emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
     settingView: any;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -56,6 +60,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             name: string;
             show: boolean;
             sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
             title: string;
             alias: string;
             fixedShow: boolean;
@@ -76,6 +81,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         name: string;
         show: boolean;
         sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
         title: string;
         alias: string;
         fixedShow: boolean;
@@ -103,6 +109,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         name: string;
         show: boolean;
         sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
         title: string;
         alias: string;
         fixedShow: boolean;
@@ -120,6 +127,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         name: string;
         show: boolean;
         sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
         title: string;
         alias: string;
         fixedShow: boolean;

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -4,6 +4,7 @@ declare type Ifields = {
     name: string;
     show: boolean;
     sort: boolean;
+    sortDirection: 'NONE' | 'ASC' | 'DESC';
     title: string;
     alias: string;
     fixedShow: boolean;
@@ -46,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     fieldsMapping: Record<string, string>;
     selectOptions: Record<string, string>[];
+    sortOptions: {
+        label: string;
+        value: string;
+    }[];
     emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
     settingView: any;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{

package/es/components/field-set/src/FieldSet.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as c,unref as n,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as k,withDirectives as y,vShow as v,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as x,NInput as S,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import F from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const q={class:"fields-set-content"},C={class:"fields-table"},N=r("span",{class:"width-show",style:{width:"4%"}},null,-1),P=r("span",{class:"width-large"},"所有字段",-1),j={class:"width-show"},R={key:0,class:"width-show"},I={key:1,class:"width-show"},L={class:"width-show"},T={class:"width-show"},D=r("span",{class:"width-showed"},"固定",-1),z=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),A={class:"width-show"},K={key:0,class:"width-show"},M={key:1,class:"width-show"},Q={class:"width-show"},X={class:"width-show"},Y={class:"width-showed"},Z={class:"width-word"},ee={class:"width-showed"},le={key:0,class:"check-options"},te={class:"btn-operate"};var ie=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:ie}){const se=e,de={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ae=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],oe=l(null);function ce(){const e=se.fields?JSON.parse(JSON.stringify(se.fields)):[];return Object.keys(de).forEach((l=>{e.forEach((e=>{"old"==se.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[de[l]]=1==e[l]:e[de[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const ne=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),he=e=>ne.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),re=()=>{if("old"==se.type){let e=[];return ne.fields.length>0&&ne.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,...se.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ne.fields},ue=()=>{ie("onSave",{tableFields:re()})},pe=()=>{ie("onClose")};function fe(){ne.fields=ce(),ie("reset")}const we=e=>!!ne.fields.length&&ne.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ye(l,e))||l[e])),ke=(e,l)=>{const t=e,i=ne.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ye(e,l)&&(e[l]=t),e)));ne.fields=i};function ye(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]}return i((()=>se.fields),(e=>{(null==e?void 0:e.length)>0&&(ne.fields=ce())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=oe.value)||e.style.setProperty("margin","auto"),se.isEdit&&(ne.widthShow="8%",ne.widthLarge="13%")})),O({getTableFields:re}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:oe,class:"c-field-set",style:o({"--width-show":ne.widthShow,"--width-large":ne.widthLarge})},[c(n(g),{show:ne.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",q,[r("div",C,[r("div",{class:u(["setting-title",{"seting-title-api":!ne.isCustomSearch}])},[N,p(" 字段名称 "),P,p(" 显示 "),r("span",j,[he("show")?(d(),f(n(m),{key:0,checked:we("show"),"onUpdate:checked":t[0]||(t[0]=e=>ke(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",R,[he("editable")?(d(),f(n(m),{key:0,checked:we("editable"),"onUpdate:checked":t[1]||(t[1]=e=>ke(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",I,[he("required")?(d(),f(n(m),{key:0,checked:we("required"),"onUpdate:checked":t[2]||(t[2]=e=>ke(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",L,[he("sort")?(d(),f(n(m),{key:0,checked:we("sort"),"onUpdate:checked":t[3]||(t[3]=e=>ke(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",T,[c(n(m),{checked:we("bold"),"onUpdate:checked":t[4]||(t[4]=e=>ke(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 固定 "),D,p(" 自定义标题 "),z,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ne.isCustomSearch}])},[c(n(F),{list:ne.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ne.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ne.clickItem=t);var t}},[r("span",H,[c(n(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,k(l.title),1)],2),p(" 显示 "),r("span",A,[y(c(n(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[v,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",K,[y(c(n(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[v,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",M,[y(c(n(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[v,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",Q,[y(c(n(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[v,"0001"!=l.id]])]),p(" 加粗 "),r("span",X,[y(c(n(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[v,"0001"!=l.id]])]),p(" 固定 "),r("span",Y,[c(n(x),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ae,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",Z,[y(c(n(S),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[v,"0001"!=l.id]])]),p(" 列宽 "),r("span",ee,[c(n(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,style:{width:"120px"},clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),se.footerFlag?(d(),a("div",le,[r("div",te,[b(l.$slots,"footer",{},(()=>[c(n(_),{onPositiveClick:fe},{trigger:h((()=>[c(n(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),c(n(W),{style:{"margin-right":"8px"},onClick:pe},{default:h((()=>[w("取消")])),_:1}),c(n(W),{type:"primary",onClick:ue},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{ie as default};
+import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[oe[l]]=1==e[l]:e[oe[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};

package/es/components/field-set/style/index.css

@@ -1 +1 @@
-.c-field-set{height:100%;position:relative}.c-field-set ul{margin:0;padding:0}.c-field-set .fields-set-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.c-field-set .fields-set-content .fields-table{display:flex;flex:1;flex-direction:column;overflow:auto}.c-field-set .n-spin-container{height:100%;width:100%}.c-field-set .n-spin-content{height:100%}.c-field-set .setting-title{background:#f2f2f4;border:1px solid #f2f2f2;height:52px;line-height:52px}.c-field-set .setting-title span{display:inline-block}.c-field-set .setting-title.seting-title-api .width-large{width:15%}.c-field-set .set-show{min-height:100px;overflow-y:auto}.c-field-set .set-show.set-show-api .width-large{width:15%}.c-field-set .set-show .left-style.sortable-chosen{background:#fafafa;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .set-show li{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;line-height:52px;padding:5px 0}.c-field-set .set-show .is-sort-style{border:1px solid #d5d5d5;border-radius:4px;color:#38454f;height:32px;margin-right:5px;outline:none;text-indent:6px;width:87px}.c-field-set .set-show .is-sort-style:disabled{background:#f5f5f5;cursor:not-allowed}.c-field-set .set-show .col-width-style{width:70px}.c-field-set .set-show .title-item{align-items:center;display:inline-flex;justify-content:flex-start;text-align:left}.c-field-set .set-show .title-item>span{display:inline-block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .alias-style{border:1px solid #d4dee5;border-radius:4px;color:#38454f;height:32px;outline:none;text-indent:16px}.c-field-set .btn-operate{border-top:1px solid #d5d5d5;padding:12px 0}.c-field-set .width-show{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-show)}.c-field-set .drag-icon-wrap{cursor:pointer;text-align:center;width:5%!important}.c-field-set .width-showed{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:15%}.c-field-set .width-showed select{width:90%!important}.c-field-set .width-word{display:inline-block;line-height:52px;overflow:hidden;white-space:nowrap;width:var(--width-large)}.c-field-set .width-word input{width:90%!important}.c-field-set .width-large{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-large)}
+.c-field-set{height:100%;position:relative}.c-field-set ul{margin:0;padding:0}.c-field-set .fields-set-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.c-field-set .fields-set-content .fields-table{display:flex;flex:1;flex-direction:column;overflow:auto}.c-field-set .n-spin-container{height:100%;width:100%}.c-field-set .n-spin-content{height:100%}.c-field-set .setting-title{background:#f2f2f4;border:1px solid #f2f2f2;height:52px;line-height:52px}.c-field-set .setting-title span{display:inline-block}.c-field-set .setting-title.seting-title-api .width-large{width:15%}.c-field-set .set-show{min-height:100px;overflow-y:auto}.c-field-set .set-show.set-show-api .width-large{width:15%}.c-field-set .set-show .left-style.sortable-chosen{background:#fafafa;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .set-show li{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;line-height:52px;padding:5px 0}.c-field-set .set-show .is-sort-style{border:1px solid #d5d5d5;border-radius:4px;color:#38454f;height:32px;margin-right:5px;outline:none;text-indent:6px;width:87px}.c-field-set .set-show .is-sort-style:disabled{background:#f5f5f5;cursor:not-allowed}.c-field-set .set-show .col-width-style{width:70px}.c-field-set .set-show .title-item{align-items:center;display:inline-flex;justify-content:flex-start;text-align:left}.c-field-set .set-show .title-item>span{display:inline-block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .alias-style{border:1px solid #d4dee5;border-radius:4px;color:#38454f;height:32px;outline:none;text-indent:16px}.c-field-set .btn-operate{border-top:1px solid #d5d5d5;padding:12px 0}.c-field-set .width-show{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-show)}.c-field-set .drag-icon-wrap{cursor:pointer;text-align:center;width:5%!important}.c-field-set .width-showed{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .width-showed select{width:90%!important}.c-field-set span.width-showed{width:10%}.c-field-set .width-word{display:inline-block;line-height:52px;overflow:hidden;white-space:nowrap;width:var(--width-large)}.c-field-set .width-word input{width:90%!important}.c-field-set .width-large{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-large)}