epic-designer-gold/dist/index-RdEhd65J.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";const g=require("./_commonjsHelpers-DwTZ_eVU.cjs"),F=require("./_vue_commonjs-external-BbihI59z.cjs"),m=require("./index-4PPmJYKt.cjs"),G=require("./index-jx5A2kt8.cjs");function ae(e,a){for(var t=0;t<a.length;t++){const l=a[t];if(typeof l!="string"&&!Array.isArray(l)){for(const n in l)if(n!=="default"&&!(n in e)){const s=Object.getOwnPropertyDescriptor(l,n);s&&Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>l[n]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var J={},H={},Q={},L={},B={};Object.defineProperty(B,"__esModule",{value:!0});B.self=X;const oe=m.common;function X(e){const{fontWeight:a,textColor1:t,textColor2:l,textColorDisabled:n,dividerColor:s,fontSize:y}=e;return{titleFontSize:y,titleFontWeight:a,dividerColor:s,titleTextColor:t,titleTextColorDisabled:n,fontSize:y,textColor:l,arrowColor:l,arrowColorDisabled:n,itemMargin:"16px 0 0 0",titlePadding:"16px 0 0 0"}}const le={name:"Collapse",common:oe.commonLight,self:X};B.default=le;Object.defineProperty(L,"__esModule",{value:!0});const ne=m.common,ie=B,se={name:"Collapse",common:ne.commonDark,self:ie.self};L.default=se;var A={},U={};Object.defineProperty(U,"__esModule",{value:!0});const f=m.cssr;U.default=(0,f.cB)("collapse",[(0,f.cM)("rtl",`
 direction: rtl;
 `,[(0,f.cB)("collapse-item",[(0,f.cB)("collapse-item",{marginRight:"32px",marginLeft:0}),(0,f.cM)("left-arrow-placement",[(0,f.cE)("header",[(0,f.cB)("collapse-item-arrow",{marginRight:0,marginLeft:"4px"})])]),(0,f.cM)("right-arrow-placement",[(0,f.cE)("header",[(0,f.cB)("collapse-item-arrow",{marginLeft:0,marginRight:"4px"})])]),(0,f.cM)("active",[(0,f.cE)("header",[(0,f.cM)("active",[(0,f.cB)("collapse-item-arrow",{transform:"rotate(-90deg)"})])])])])])]);var ce=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(A,"__esModule",{value:!0});A.collapseRtl=void 0;const de=ce(U);A.collapseRtl={name:"Collapse",style:de.default};(function(e){var a=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseRtl=e.collapseLight=e.collapseDark=void 0;var t=L;Object.defineProperty(e,"collapseDark",{enumerable:!0,get:function(){return a(t).default}});var l=B;Object.defineProperty(e,"collapseLight",{enumerable:!0,get:function(){return a(l).default}});var n=A;Object.defineProperty(e,"collapseRtl",{enumerable:!0,get:function(){return n.collapseRtl}})})(Q);var W={},K={},pe=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(K,"__esModule",{value:!0});K.fadeInHeightExpandTransition=_e;const k=m.cssr,ue=pe(m._common),{cubicBezierEaseInOut:x,cubicBezierEaseOut:me,cubicBezierEaseIn:fe}=ue.default;function _e({overflow:e="hidden",duration:a=".3s",originalTransition:t="",leavingDelay:l="0s",foldPadding:n=!1,enterToProps:s=void 0,leaveToProps:y=void 0,reverse:I=!1}={}){const P=I?"leave":"enter",i=I?"enter":"leave";return[(0,k.c)(`&.fade-in-height-expand-transition-${i}-from,
 &.fade-in-height-expand-transition-${P}-to`,Object.assign(Object.assign({},s),{opacity:1})),(0,k.c)(`&.fade-in-height-expand-transition-${i}-to,
 &.fade-in-height-expand-transition-${P}-from`,Object.assign(Object.assign({},y),{opacity:0,marginTop:"0 !important",marginBottom:"0 !important",paddingTop:n?"0 !important":void 0,paddingBottom:n?"0 !important":void 0})),(0,k.c)(`&.fade-in-height-expand-transition-${i}-active`,`
 overflow: ${e};
 transition:
 max-height ${a} ${x} ${l},
 opacity ${a} ${me} ${l},
 margin-top ${a} ${x} ${l},
 margin-bottom ${a} ${x} ${l},
 padding-top ${a} ${x} ${l},
 padding-bottom ${a} ${x} ${l}
 ${t?`,${t}`:""}
 `),(0,k.c)(`&.fade-in-height-expand-transition-${P}-active`,`
 overflow: ${e};
 transition:
 max-height ${a} ${x},
 opacity ${a} ${fe},
 margin-top ${a} ${x},
 margin-bottom ${a} ${x},
 padding-top ${a} ${x},
 padding-bottom ${a} ${x}
 ${t?`,${t}`:""}
 `)]}Object.defineProperty(W,"__esModule",{value:!0});const r=m.cssr,he=K;W.default=(0,r.cB)("collapse","width: 100%;",[(0,r.cB)("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);
 `,[(0,r.cM)("disabled",[(0,r.cE)("header","cursor: not-allowed;",[(0,r.cE)("header-main",`
 color: var(--n-title-text-color-disabled);
 `),(0,r.cB)("collapse-item-arrow",`
 color: var(--n-arrow-color-disabled);
 `)])]),(0,r.cB)("collapse-item","margin-left: 32px;"),(0,r.c)("&:first-child","margin-top: 0;"),(0,r.c)("&:first-child >",[(0,r.cE)("header","padding-top: 0;")]),(0,r.cM)("left-arrow-placement",[(0,r.cE)("header",[(0,r.cB)("collapse-item-arrow","margin-right: 4px;")])]),(0,r.cM)("right-arrow-placement",[(0,r.cE)("header",[(0,r.cB)("collapse-item-arrow","margin-left: 4px;")])]),(0,r.cE)("content-wrapper",[(0,r.cE)("content-inner","padding-top: 16px;"),(0,he.fadeInHeightExpandTransition)({duration:"0.15s"})]),(0,r.cM)("active",[(0,r.cE)("header",[(0,r.cM)("active",[(0,r.cB)("collapse-item-arrow","transform: rotate(90deg);")])])]),(0,r.c)("&:not(:first-child)","border-top: 1px solid var(--n-divider-color);"),(0,r.cNotM)("disabled",[(0,r.cM)("trigger-area-main",[(0,r.cE)("header",[(0,r.cE)("header-main","cursor: pointer;"),(0,r.cB)("collapse-item-arrow","cursor: default;")])]),(0,r.cM)("trigger-area-arrow",[(0,r.cE)("header",[(0,r.cB)("collapse-item-arrow","cursor: pointer;")])]),(0,r.cM)("trigger-area-extra",[(0,r.cE)("header",[(0,r.cE)("header-extra","cursor: pointer;")])])]),(0,r.cE)("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);
 `,[(0,r.cE)("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);
 `),(0,r.cE)("header-extra",`
 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 `),(0,r.cB)("collapse-item-arrow",`
 display: flex;
 transition:
 transform .15s var(--n-bezier),
 color .3s var(--n-bezier);
 font-size: 18px;
 color: var(--n-arrow-color);
 `)])])]);(function(e){var a=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseInjectionKey=e.collapseProps=void 0;const t=F.require$$0,l=m.require$$2,n=m._mixins,s=m._utils,y=Q,I=m.useRtl,P=a(W);e.collapseProps=Object.assign(Object.assign({},n.useTheme.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"},triggerAreas:{type:Array,default:()=>["main","extra","arrow"]},onItemHeaderClick:[Function,Array],"onUpdate:expandedNames":[Function,Array],onUpdateExpandedNames:[Function,Array],onExpandedNamesChange:{type:[Function,Array],validator:()=>(process.env.NODE_ENV!=="production"&&(0,s.warn)("collapse","`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead."),!0),default:void 0}}),e.collapseInjectionKey=(0,s.createInjectionKey)("n-collapse"),e.default=(0,t.defineComponent)({name:"Collapse",props:e.collapseProps,setup(i,{slots:T}){const{mergedClsPrefixRef:R,inlineThemeDisabled:u,mergedRtlRef:w}=(0,n.useConfig)(i),$=(0,t.ref)(i.defaultExpandedNames),_=(0,t.computed)(()=>i.expandedNames),C=(0,l.useMergedState)(_,$),p=(0,n.useTheme)("Collapse","-collapse",P.default,y.collapseLight,i,R);function h(d){const{"onUpdate:expandedNames":c,onUpdateExpandedNames:b,onExpandedNamesChange:O}=i;b&&(0,s.call)(b,d),c&&(0,s.call)(c,d),O&&(0,s.call)(O,d),$.value=d}function v(d){const{onItemHeaderClick:c}=i;c&&(0,s.call)(c,d)}function M(d,c,b){const{accordion:O}=i,{value:S}=C;if(O)d?(h([c]),v({name:c,expanded:!0,event:b})):(h([]),v({name:c,expanded:!1,event:b}));else if(!Array.isArray(S))h([c]),v({name:c,expanded:!0,event:b});else{const E=S.slice(),z=E.findIndex(q=>c===q);~z?(E.splice(z,1),h(E),v({name:c,expanded:!1,event:b})):(E.push(c),h(E),v({name:c,expanded:!0,event:b}))}}(0,t.provide)(e.collapseInjectionKey,{props:i,mergedClsPrefixRef:R,expandedNamesRef:C,slots:T,toggleItem:M});const N=(0,I.useRtl)("Collapse",w,R),D=(0,t.computed)(()=>{const{common:{cubicBezierEaseInOut:d},self:{titleFontWeight:c,dividerColor:b,titlePadding:O,titleTextColor:S,titleTextColorDisabled:E,textColor:z,arrowColor:q,fontSize:Z,titleFontSize:ee,arrowColorDisabled:te,itemMargin:re}}=p.value;return{"--n-font-size":Z,"--n-bezier":d,"--n-text-color":z,"--n-divider-color":b,"--n-title-padding":O,"--n-title-font-size":ee,"--n-title-text-color":S,"--n-title-text-color-disabled":E,"--n-title-font-weight":c,"--n-arrow-color":q,"--n-arrow-color-disabled":te,"--n-item-margin":re}}),o=u?(0,n.useThemeClass)("collapse",void 0,D,i):void 0;return{rtlEnabled:N,mergedTheme:p,mergedClsPrefix:R,cssVars:u?void 0:D,themeClass:o==null?void 0:o.themeClass,onRender:o==null?void 0:o.onRender}},render(){var i;return(i=this.onRender)===null||i===void 0||i.call(this),(0,t.h)("div",{class:[`${this.mergedClsPrefix}-collapse`,this.rtlEnabled&&`${this.mergedClsPrefix}-collapse--rtl`,this.themeClass],style:this.cssVars},this.$slots)}})})(H);var Y={},V={};Object.defineProperty(V,"__esModule",{value:!0});const j=F.require$$0,ge=m.require$$2,ve=G._internal;V.default=(0,j.defineComponent)({name:"CollapseItemContent",props:{displayDirective:{type:String,required:!0},show:Boolean,clsPrefix:{type:String,required:!0}},setup(e){return{onceTrue:(0,ge.useFalseUntilTruthy)((0,j.toRef)(e,"show"))}},render(){return(0,j.h)(ve.NFadeInExpandTransition,null,{default:()=>{const{show:e,displayDirective:a,onceTrue:t,clsPrefix:l}=this,n=a==="show"&&t,s=(0,j.h)("div",{class:`${l}-collapse-item__content-wrapper`},(0,j.h)("div",{class:`${l}-collapse-item__content-inner`},this.$slots));return n?(0,j.withDirectives)(s,[[j.vShow,e]]):e?s:null}})}});(function(e){var a=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseItemProps=void 0;const t=F.require$$0,l=m.require$$1,n=m.require$$2,s=G.icons,y=m.useRtl,I=m._mixins,P=G._internal,i=m._utils,T=H,R=a(V);e.collapseItemProps={title:String,name:[String,Number],disabled:Boolean,displayDirective:String},e.default=(0,t.defineComponent)({name:"CollapseItem",props:e.collapseItemProps,setup(u){const{mergedRtlRef:w}=(0,I.useConfig)(u),$=(0,l.createId)(),_=(0,n.useMemo)(()=>{var o;return(o=u.name)!==null&&o!==void 0?o:$}),C=(0,t.inject)(T.collapseInjectionKey);C||(0,i.throwError)("collapse-item","`n-collapse-item` must be placed inside `n-collapse`.");const{expandedNamesRef:p,props:h,mergedClsPrefixRef:v,slots:M}=C,N=(0,t.computed)(()=>{const{value:o}=p;if(Array.isArray(o)){const{value:d}=_;return!~o.findIndex(c=>c===d)}else if(o){const{value:d}=_;return d!==o}return!0});return{rtlEnabled:(0,y.useRtl)("Collapse",w,v),collapseSlots:M,randomName:$,mergedClsPrefix:v,collapsed:N,triggerAreas:(0,t.toRef)(h,"triggerAreas"),mergedDisplayDirective:(0,t.computed)(()=>{const{displayDirective:o}=u;return o||h.displayDirective}),arrowPlacement:(0,t.computed)(()=>h.arrowPlacement),handleClick(o){let d="main";(0,l.happensIn)(o,"arrow")&&(d="arrow"),(0,l.happensIn)(o,"extra")&&(d="extra"),h.triggerAreas.includes(d)&&C&&!u.disabled&&C.toggleItem(N.value,_.value,o)}}},render(){const{collapseSlots:u,$slots:w,arrowPlacement:$,collapsed:_,mergedDisplayDirective:C,mergedClsPrefix:p,disabled:h,triggerAreas:v}=this,M=(0,i.resolveSlotWithProps)(w.header,{collapsed:_},()=>[this.title]),N=w["header-extra"]||u["header-extra"],D=w.arrow||u.arrow;return(0,t.h)("div",{class:[`${p}-collapse-item`,`${p}-collapse-item--${$}-arrow-placement`,h&&`${p}-collapse-item--disabled`,!_&&`${p}-collapse-item--active`,v.map(o=>`${p}-collapse-item--trigger-area-${o}`)]},(0,t.h)("div",{class:[`${p}-collapse-item__header`,!_&&`${p}-collapse-item__header--active`]},(0,t.h)("div",{class:`${p}-collapse-item__header-main`,onClick:this.handleClick},$==="right"&&M,(0,t.h)("div",{class:`${p}-collapse-item-arrow`,key:this.rtlEnabled?0:1,"data-arrow":!0},(0,i.resolveSlotWithProps)(D,{collapsed:_},()=>{var o;return[(0,t.h)(P.NBaseIcon,{clsPrefix:p},{default:(o=u.expandIcon)!==null&&o!==void 0?o:()=>this.rtlEnabled?(0,t.h)(s.ChevronLeftIcon,null):(0,t.h)(s.ChevronRightIcon,null)})]})),$==="left"&&M),(0,i.resolveWrappedSlotWithProps)(N,{collapsed:_},o=>(0,t.h)("div",{class:`${p}-collapse-item__header-extra`,onClick:this.handleClick,"data-extra":!0},o))),(0,t.h)(R.default,{clsPrefix:p,displayDirective:C,show:!_},w))}})})(Y);(function(e){var a=g.commonjsGlobal&&g.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseItemProps=e.NCollapseItem=e.collapseProps=e.NCollapse=void 0;var t=H;Object.defineProperty(e,"NCollapse",{enumerable:!0,get:function(){return a(t).default}}),Object.defineProperty(e,"collapseProps",{enumerable:!0,get:function(){return t.collapseProps}});var l=Y;Object.defineProperty(e,"NCollapseItem",{enumerable:!0,get:function(){return a(l).default}}),Object.defineProperty(e,"collapseItemProps",{enumerable:!0,get:function(){return l.collapseItemProps}})})(J);const be=ae({__proto__:null},[J]);exports.index=be;