You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
11 KiB
43 lines
11 KiB
var U=(e,d,r)=>new Promise((s,l)=>{var o=c=>{try{i(r.next(c))}catch(a){l(a)}},n=c=>{try{i(r.throw(c))}catch(a){l(a)}},i=c=>c.done?s(c.value):Promise.resolve(c.value).then(o,n);i((r=r.apply(e,d)).next())});import P from"./FormComponents-f09d0342.js";import Q from"./useUUID-bfffcd9e.js";import{useDesignerStore as X}from"./form-77f01638.js";import Y from"./useWidgetsHelper-df578b48.js";import{S as Z}from"./sortable.esm-13e502da.js";import{k as ee,e as x,f as N,g as u,c as B,b as V}from"./light-0dfdc1ad.js";import{f as te}from"./fade-in-height-expand.cssr-390ab856.js";import{u as H}from"./use-rtl-889b67fe.js";import{u as K,a as oe}from"./use-config-816d55a6.js";import{u as re,c as k,b as A,d as ae}from"./use-merged-state-66be05d7.js";import{u as se}from"./use-css-vars-class-3ae3b4b3.js";import{d as z,r as ne,f as v,p as le,a8 as f,dO as ie,s as de,v as ce,k as pe,P as me,a3 as fe,aT as ue,aU as T,o as S,g as $,b as W,w as F,j as b,F as j,bt as O,a as he,x as ge,t as xe,a9 as ve,dU as ye,dV as Ce}from"./index-f4658ae7.js";import{u as _e}from"./use-false-until-truthy-72e72eb9.js";import{N as be}from"./FadeInExpandTransition-fc975915.js";import{c as we}from"./index-cad90cf4.js";import{u as Ne}from"./use-memo-f04d43e5.js";import{t as Se}from"./warn-77f3ea30.js";import{N as Ie}from"./Icon-e3cbad7d.js";import{C as Ee}from"./ChevronLeft-d5930760.js";import{C as Re}from"./ChevronRight-3f42dbba.js";import{N as Pe}from"./Scrollbar-476e4a73.js";import"./Uuid-b0e25d5f.js";import"./index-be54dbb7.js";import"./InputTextWidget-ed49564f.js";import"./InputNumberWidget-545bc26c.js";import"./InputAmountWidget-545bc26c.js";import"./InputIntegerWidget-545bc26c.js";import"./InputDateWidget-2618ac0c.js";import"./InputDatetimeWidget-2618ac0c.js";import"./InputRadioWidget-eff3332d.js";import"./InputCheckboxWidget-ca8cb98e.js";import"./InputEnumsWidget-79a60d70.js";import"./InputSelectWidget-6898b86c.js";import"./AppendixFieldWidget-19cfe41d.js";import"./AppendixImageWidget-4b054ef1.js";import"./AppendixWriteWidget-86555052.js";import"./AppendixTableWidget-f9b68e06.js";import"./SlaveTableWidget-403d60f3.js";import"./ContainerGroupfieldWidget-6f930ebf.js";import"./UniversalNormalWidget-a598cc6a.js";import"./merge-15067256.js";import"./_baseFor-37716d03.js";import"./_createAssigner-77c8874c.js";import"./Scrollbar-35d51129.js";import"./VResizeObserver-e3ad0bab.js";const ke=e=>{const{fontWeight:d,textColor1:r,textColor2:s,textColorDisabled:l,dividerColor:o,fontSize:n}=e;return{titleFontSize:n,titleFontWeight:d,dividerColor:o,titleTextColor:r,titleTextColorDisabled:l,fontSize:n,textColor:s,arrowColor:s,arrowColorDisabled:l,itemMargin:"16px 0 0 0",titlePadding:"16px 0 0 0"}},$e={name:"Collapse",common:ee,self:ke},ze=$e,De=x("collapse","width: 100%;",[x("collapse-item",`
|
|
font-size: var(--n-font-size);
|
|
color: var(--n-text-color);
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
margin: var(--n-item-margin);
|
|
`,[N("disabled",[u("header","cursor: not-allowed;",[u("header-main",`
|
|
color: var(--n-title-text-color-disabled);
|
|
`),x("collapse-item-arrow",`
|
|
color: var(--n-arrow-color-disabled);
|
|
`)])]),x("collapse-item","margin-left: 32px;"),B("&:first-child","margin-top: 0;"),B("&:first-child >",[u("header","padding-top: 0;")]),N("left-arrow-placement",[u("header",[x("collapse-item-arrow","margin-right: 4px;")])]),N("right-arrow-placement",[u("header",[x("collapse-item-arrow","margin-left: 4px;")])]),u("content-wrapper",[u("content-inner","padding-top: 16px;"),te({duration:"0.15s"})]),N("active",[u("header",[N("active",[x("collapse-item-arrow","transform: rotate(90deg);")])])]),B("&:not(:first-child)","border-top: 1px solid var(--n-divider-color);"),u("header",`
|
|
font-size: var(--n-title-font-size);
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
transition: color .3s var(--n-bezier);
|
|
position: relative;
|
|
padding: var(--n-title-padding);
|
|
color: var(--n-title-text-color);
|
|
cursor: pointer;
|
|
`,[u("header-main",`
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
font-weight: var(--n-title-font-weight);
|
|
transition: color .3s var(--n-bezier);
|
|
flex: 1;
|
|
color: var(--n-title-text-color);
|
|
`),u("header-extra",`
|
|
display: flex;
|
|
align-items: center;
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`),x("collapse-item-arrow",`
|
|
display: flex;
|
|
transition:
|
|
transform .15s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
font-size: 18px;
|
|
color: var(--n-arrow-color);
|
|
`)])])]),Be=Object.assign(Object.assign({},V.props),{defaultExpandedNames:{type:[Array,String],default:null},expandedNames:[Array,String],arrowPlacement:{type:String,default:"left"},accordion:{type:Boolean,default:!1},displayDirective:{type:String,default:"if"},onItemHeaderClick:[Function,Array],"onUpdate:expandedNames":[Function,Array],onUpdateExpandedNames:[Function,Array],onExpandedNamesChange:{type:[Function,Array],validator:()=>!0,default:void 0}}),L=oe("n-collapse"),Te=z({name:"Collapse",props:Be,setup(e,{slots:d}){const{mergedClsPrefixRef:r,inlineThemeDisabled:s,mergedRtlRef:l}=K(e),o=ne(e.defaultExpandedNames),n=v(()=>e.expandedNames),i=re(n,o),c=V("Collapse","-collapse",De,ze,e,r);function a(h){const{"onUpdate:expandedNames":p,onUpdateExpandedNames:g,onExpandedNamesChange:_}=e;g&&k(g,h),p&&k(p,h),_&&k(_,h),o.value=h}function t(h){const{onItemHeaderClick:p}=e;p&&k(p,h)}function m(h,p,g){const{accordion:_}=e,{value:E}=i;if(_)h?(a([p]),t({name:p,expanded:!0,event:g})):(a([]),t({name:p,expanded:!1,event:g}));else if(!Array.isArray(E))a([p]),t({name:p,expanded:!0,event:g});else{const y=E.slice(),R=y.findIndex(D=>p===D);~R?(y.splice(R,1),a(y),t({name:p,expanded:!1,event:g})):(y.push(p),a(y),t({name:p,expanded:!0,event:g}))}}le(L,{props:e,mergedClsPrefixRef:r,expandedNamesRef:i,slots:d,toggleItem:m});const w=H("Collapse",l,r),I=v(()=>{const{common:{cubicBezierEaseInOut:h},self:{titleFontWeight:p,dividerColor:g,titlePadding:_,titleTextColor:E,titleTextColorDisabled:y,textColor:R,arrowColor:D,fontSize:M,titleFontSize:q,arrowColorDisabled:J,itemMargin:G}}=c.value;return{"--n-font-size":M,"--n-bezier":h,"--n-text-color":R,"--n-divider-color":g,"--n-title-padding":_,"--n-title-font-size":q,"--n-title-text-color":E,"--n-title-text-color-disabled":y,"--n-title-font-weight":p,"--n-arrow-color":D,"--n-arrow-color-disabled":J,"--n-item-margin":G}}),C=s?se("collapse",void 0,I,e):void 0;return{rtlEnabled:w,mergedTheme:c,mergedClsPrefix:r,cssVars:s?void 0:I,themeClass:C==null?void 0:C.themeClass,onRender:C==null?void 0:C.onRender}},render(){var e;return(e=this.onRender)===null||e===void 0||e.call(this),f("div",{class:[`${this.mergedClsPrefix}-collapse`,this.rtlEnabled&&`${this.mergedClsPrefix}-collapse--rtl`,this.themeClass],style:this.cssVars},this.$slots)}}),Fe=z({name:"CollapseItemContent",props:{displayDirective:{type:String,required:!0},show:Boolean,clsPrefix:{type:String,required:!0}},setup(e){return{onceTrue:_e(ie(e,"show"))}},render(){return f(be,null,{default:()=>{const{show:e,displayDirective:d,onceTrue:r,clsPrefix:s}=this,l=d==="show"&&r,o=f("div",{class:`${s}-collapse-item__content-wrapper`},f("div",{class:`${s}-collapse-item__content-inner`},this.$slots));return l?de(o,[[ce,e]]):e?o:null}})}}),Ue={title:String,name:[String,Number],disabled:Boolean,displayDirective:String},Ae=z({name:"CollapseItem",props:Ue,setup(e){const{mergedRtlRef:d}=K(e),r=we(),s=Ne(()=>{var m;return(m=e.name)!==null&&m!==void 0?m:r}),l=pe(L);l||Se("collapse-item","`n-collapse-item` must be placed inside `n-collapse`.");const{expandedNamesRef:o,props:n,mergedClsPrefixRef:i,slots:c}=l,a=v(()=>{const{value:m}=o;if(Array.isArray(m)){const{value:w}=s;return!~m.findIndex(I=>I===w)}else if(m){const{value:w}=s;return w!==m}return!0});return{rtlEnabled:H("Collapse",d,i),collapseSlots:c,randomName:r,mergedClsPrefix:i,collapsed:a,mergedDisplayDirective:v(()=>{const{displayDirective:m}=e;return m||n.displayDirective}),arrowPlacement:v(()=>n.arrowPlacement),handleClick(m){l&&!e.disabled&&l.toggleItem(a.value,s.value,m)}}},render(){const{collapseSlots:e,$slots:d,arrowPlacement:r,collapsed:s,mergedDisplayDirective:l,mergedClsPrefix:o,disabled:n}=this,i=A(d.header,{collapsed:s},()=>[this.title]),c=d["header-extra"]||e["header-extra"],a=d.arrow||e.arrow;return f("div",{class:[`${o}-collapse-item`,`${o}-collapse-item--${r}-arrow-placement`,n&&`${o}-collapse-item--disabled`,!s&&`${o}-collapse-item--active`]},f("div",{class:[`${o}-collapse-item__header`,!s&&`${o}-collapse-item__header--active`]},f("div",{class:`${o}-collapse-item__header-main`,onClick:this.handleClick},r==="right"&&i,f("div",{class:`${o}-collapse-item-arrow`,key:this.rtlEnabled?0:1},A(a,{collapsed:s},()=>{var t;return[f(Ie,{clsPrefix:o},{default:(t=e.expandIcon)!==null&&t!==void 0?t:()=>this.rtlEnabled?f(Ee,null):f(Re,null)})]})),r==="left"&&i),ae(c,{collapsed:s},t=>f("div",{class:`${o}-collapse-item__header-extra`,onClick:this.handleClick},t))),f(Fe,{clsPrefix:o,displayDirective:l,show:!s},d))}}),We=z({name:"ComponentsBar",components:{NCollapse:Te,NCollapseItem:Ae,NScrollbar:Pe},setup(){const e=X(),d=Y(),r=[],s=n=>{for(const i of n){const c=new Z(document.getElementById("group_"+i.key),{animation:200,draggable:".form-item",ghostClass:"ghost",sort:!1,group:{name:"dragGroup",put:!1,pull:"clone"},forceFallback:!0,onChoose:a=>{document.body.style.setProperty("--sort-choose-width",a.item.getBoundingClientRect().width+"px"),document.body.style.setProperty("--sort-choose-height",a.item.getBoundingClientRect().height+"px"),document.body.style.setProperty("--sort-choose-display","inline-display")},onClone:a=>{const t=JSON.parse(a.clone.dataset.dragItem);t.groupKey=t.category,t.id=Q(t.key),e.currentDragWidget=d.mergeWidgetObject(t),e.selectedWidget=null}});r.push(c)}};me(()=>{P.forEach(n=>{n.children.forEach(i=>{i.groupKey=i.category})}),s(P)}),fe(()=>U(this,null,function*(){let n=r.pop();for(;n;)n.destroy(),n=r.pop()}));const l=v(()=>P.map(n=>n.key)),o=v(()=>({width:e.componentsCollapse?"0":"240px"}));return{FormComponents:P,componentsBarStyle:o,expandedKeys:l,collapse:v(()=>!e.componentsCollapse)}}});const je=e=>(ye("data-v-395124f2"),e=e(),Ce(),e),Oe={class:"wrapper"},Ve=je(()=>b("div",{style:{height:"12px"}},null,-1)),He={class:"form-group"},Ke=["id"],Le=["data-category","data-type","data-drag-item"];function Me(e,d,r,s,l,o){const n=T("n-collapse-item"),i=T("n-collapse"),c=T("n-scrollbar");return S(),$("aside",{class:"components-bar",style:ve(e.componentsBarStyle)},[W(c,null,{default:F(()=>[b("div",Oe,[Ve,W(i,{"default-expanded-names":e.expandedKeys},{default:F(()=>[(S(!0),$(j,null,O(e.FormComponents,a=>(S(),he(n,{key:a.key,title:a.title,name:a.key},{default:F(()=>[b("div",He,[b("div",{class:"sidebar-widgets",id:`group_${a.key}`},[(S(!0),$(j,null,O(a.children.filter(t=>t.showInPanel!==!1),t=>(S(),$("div",{key:t.key,class:"form-item","data-category":t.category,"data-type":t.key,"data-drag-item":JSON.stringify(t)},[b("i",{class:ge(t.icon)},null,2),b("span",null,xe(t.title),1)],8,Le))),128))],8,Ke)])]),_:2},1032,["title","name"]))),128))]),_:1},8,["default-expanded-names"])])]),_:1})],4)}const Wt=ue(We,[["render",Me],["__scopeId","data-v-395124f2"]]);export{Wt as default};
|