ai-form-designer
Version:
vue3+adv的设计器,可视化开发页面表单
66 lines (65 loc) • 13.6 kB
JavaScript
;const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),u=require("./index-l4ZjSaVt.cjs"),F=require("./_vue_commonjs-external-CccDNqHl.cjs"),G=require("./index-BHY6EyIp.cjs");function ae(e,o){for(var i=0;i<o.length;i++){const a=o[i];if(typeof a!="string"&&!Array.isArray(a)){for(const t in a)if(t!=="default"&&!(t in e)){const s=Object.getOwnPropertyDescriptor(a,t);s&&Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}}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=u.common;function X(e){const{fontWeight:o,textColor1:i,textColor2:a,textColorDisabled:t,dividerColor:s,fontSize:f}=e;return{titleFontSize:f,titleFontWeight:o,dividerColor:s,titleTextColor:i,titleTextColorDisabled:t,fontSize:f,textColor:a,arrowColor:a,arrowColorDisabled:t,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=u.common,ie=B,se={name:"Collapse",common:ne.commonDark,self:ie.self};L.default=se;var k={},U={};Object.defineProperty(U,"__esModule",{value:!0});const _=u.cssr;U.default=(0,_.cB)("collapse",[(0,_.cM)("rtl",`
direction: rtl;
`,[(0,_.cB)("collapse-item",[(0,_.cB)("collapse-item",{marginRight:"32px",marginLeft:0}),(0,_.cM)("left-arrow-placement",[(0,_.cE)("header",[(0,_.cB)("collapse-item-arrow",{marginRight:0,marginLeft:"4px"})])]),(0,_.cM)("right-arrow-placement",[(0,_.cE)("header",[(0,_.cB)("collapse-item-arrow",{marginLeft:0,marginRight:"4px"})])]),(0,_.cM)("active",[(0,_.cE)("header",[(0,_.cM)("active",[(0,_.cB)("collapse-item-arrow",{transform:"rotate(-90deg)"})])])])])])]);var ce=v.commonjsGlobal&&v.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(k,"__esModule",{value:!0});k.collapseRtl=void 0;const de=ce(U);k.collapseRtl={name:"Collapse",style:de.default};(function(e){var o=v.commonjsGlobal&&v.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 i=L;Object.defineProperty(e,"collapseDark",{enumerable:!0,get:function(){return o(i).default}});var a=B;Object.defineProperty(e,"collapseLight",{enumerable:!0,get:function(){return o(a).default}});var t=k;Object.defineProperty(e,"collapseRtl",{enumerable:!0,get:function(){return t.collapseRtl}})})(Q);var W={},K={},pe=v.commonjsGlobal&&v.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(K,"__esModule",{value:!0});K.fadeInHeightExpandTransition=_e;const T=u.cssr,ue=pe(u._common),{cubicBezierEaseInOut:$,cubicBezierEaseOut:me,cubicBezierEaseIn:fe}=ue.default;function _e({overflow:e="hidden",duration:o=".3s",originalTransition:i="",leavingDelay:a="0s",foldPadding:t=!1,enterToProps:s=void 0,leaveToProps:f=void 0,reverse:I=!1}={}){const P=I?"leave":"enter",l=I?"enter":"leave";return[(0,T.c)(`&.fade-in-height-expand-transition-${l}-from,
&.fade-in-height-expand-transition-${P}-to`,Object.assign(Object.assign({},s),{opacity:1})),(0,T.c)(`&.fade-in-height-expand-transition-${l}-to,
&.fade-in-height-expand-transition-${P}-from`,Object.assign(Object.assign({},f),{opacity:0,marginTop:"0 !important",marginBottom:"0 !important",paddingTop:t?"0 !important":void 0,paddingBottom:t?"0 !important":void 0})),(0,T.c)(`&.fade-in-height-expand-transition-${l}-active`,`
overflow: ${e};
transition:
max-height ${o} ${$} ${a},
opacity ${o} ${me} ${a},
margin-top ${o} ${$} ${a},
margin-bottom ${o} ${$} ${a},
padding-top ${o} ${$} ${a},
padding-bottom ${o} ${$} ${a}
${i?`,${i}`:""}
`),(0,T.c)(`&.fade-in-height-expand-transition-${P}-active`,`
overflow: ${e};
transition:
max-height ${o} ${$},
opacity ${o} ${fe},
margin-top ${o} ${$},
margin-bottom ${o} ${$},
padding-top ${o} ${$},
padding-bottom ${o} ${$}
${i?`,${i}`:""}
`)]}Object.defineProperty(W,"__esModule",{value:!0});const he=K,r=u.cssr;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 o=v.commonjsGlobal&&v.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseInjectionKey=e.collapseProps=void 0;const i=u.require$$1,a=F.require$$2,t=u._mixins,s=u.useRtl,f=u._utils,I=Q,P=o(W);e.collapseProps=Object.assign(Object.assign({},t.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,f.warn)("collapse","`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead."),!0),default:void 0}}),e.collapseInjectionKey=(0,f.createInjectionKey)("n-collapse"),e.default=(0,a.defineComponent)({name:"Collapse",props:e.collapseProps,slots:Object,setup(l,{slots:A}){const{mergedClsPrefixRef:R,inlineThemeDisabled:m,mergedRtlRef:w}=(0,t.useConfig)(l),y=(0,a.ref)(l.defaultExpandedNames),h=(0,a.computed)(()=>l.expandedNames),C=(0,i.useMergedState)(h,y),p=(0,t.useTheme)("Collapse","-collapse",P.default,I.collapseLight,l,R);function g(d){const{"onUpdate:expandedNames":c,onUpdateExpandedNames:x,onExpandedNamesChange:O}=l;x&&(0,f.call)(x,d),c&&(0,f.call)(c,d),O&&(0,f.call)(O,d),y.value=d}function b(d){const{onItemHeaderClick:c}=l;c&&(0,f.call)(c,d)}function M(d,c,x){const{accordion:O}=l,{value:S}=C;if(O)d?(g([c]),b({name:c,expanded:!0,event:x})):(g([]),b({name:c,expanded:!1,event:x}));else if(!Array.isArray(S))g([c]),b({name:c,expanded:!0,event:x});else{const E=S.slice(),z=E.findIndex(q=>c===q);~z?(E.splice(z,1),g(E),b({name:c,expanded:!1,event:x})):(E.push(c),g(E),b({name:c,expanded:!0,event:x}))}}(0,a.provide)(e.collapseInjectionKey,{props:l,mergedClsPrefixRef:R,expandedNamesRef:C,slots:A,toggleItem:M});const N=(0,s.useRtl)("Collapse",w,R),D=(0,a.computed)(()=>{const{common:{cubicBezierEaseInOut:d},self:{titleFontWeight:c,dividerColor:x,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":x,"--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}}),n=m?(0,t.useThemeClass)("collapse",void 0,D,l):void 0;return{rtlEnabled:N,mergedTheme:p,mergedClsPrefix:R,cssVars:m?void 0:D,themeClass:n==null?void 0:n.themeClass,onRender:n==null?void 0:n.onRender}},render(){var l;return(l=this.onRender)===null||l===void 0||l.call(this),(0,a.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 ge=u.require$$1,j=F.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:o,onceTrue:i,clsPrefix:a}=this,t=o==="show"&&i,s=(0,j.h)("div",{class:`${a}-collapse-item__content-wrapper`},(0,j.h)("div",{class:`${a}-collapse-item__content-inner`},this.$slots));return t?(0,j.withDirectives)(s,[[j.vShow,e]]):e?s:null}})}});(function(e){var o=v.commonjsGlobal&&v.commonjsGlobal.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(e,"__esModule",{value:!0}),e.collapseItemProps=void 0;const i=u.require$$0,a=u.require$$1,t=F.require$$2,s=G._internal,f=G.icons,I=u._mixins,P=u.useRtl,l=u._utils,A=H,R=o(V);e.collapseItemProps={title:String,name:[String,Number],disabled:Boolean,displayDirective:String},e.default=(0,t.defineComponent)({name:"CollapseItem",props:e.collapseItemProps,setup(m){const{mergedRtlRef:w}=(0,I.useConfig)(m),y=(0,i.createId)(),h=(0,a.useMemo)(()=>{var n;return(n=m.name)!==null&&n!==void 0?n:y}),C=(0,t.inject)(A.collapseInjectionKey);C||(0,l.throwError)("collapse-item","`n-collapse-item` must be placed inside `n-collapse`.");const{expandedNamesRef:p,props:g,mergedClsPrefixRef:b,slots:M}=C,N=(0,t.computed)(()=>{const{value:n}=p;if(Array.isArray(n)){const{value:d}=h;return!~n.findIndex(c=>c===d)}else if(n){const{value:d}=h;return d!==n}return!0});return{rtlEnabled:(0,P.useRtl)("Collapse",w,b),collapseSlots:M,randomName:y,mergedClsPrefix:b,collapsed:N,triggerAreas:(0,t.toRef)(g,"triggerAreas"),mergedDisplayDirective:(0,t.computed)(()=>{const{displayDirective:n}=m;return n||g.displayDirective}),arrowPlacement:(0,t.computed)(()=>g.arrowPlacement),handleClick(n){let d="main";(0,i.happensIn)(n,"arrow")&&(d="arrow"),(0,i.happensIn)(n,"extra")&&(d="extra"),g.triggerAreas.includes(d)&&C&&!m.disabled&&C.toggleItem(N.value,h.value,n)}}},render(){const{collapseSlots:m,$slots:w,arrowPlacement:y,collapsed:h,mergedDisplayDirective:C,mergedClsPrefix:p,disabled:g,triggerAreas:b}=this,M=(0,l.resolveSlotWithTypedProps)(w.header,{collapsed:h},()=>[this.title]),N=w["header-extra"]||m["header-extra"],D=w.arrow||m.arrow;return(0,t.h)("div",{class:[`${p}-collapse-item`,`${p}-collapse-item--${y}-arrow-placement`,g&&`${p}-collapse-item--disabled`,!h&&`${p}-collapse-item--active`,b.map(n=>`${p}-collapse-item--trigger-area-${n}`)]},(0,t.h)("div",{class:[`${p}-collapse-item__header`,!h&&`${p}-collapse-item__header--active`]},(0,t.h)("div",{class:`${p}-collapse-item__header-main`,onClick:this.handleClick},y==="right"&&M,(0,t.h)("div",{class:`${p}-collapse-item-arrow`,key:this.rtlEnabled?0:1,"data-arrow":!0},(0,l.resolveSlotWithTypedProps)(D,{collapsed:h},()=>[(0,t.h)(s.NBaseIcon,{clsPrefix:p},{default:()=>this.rtlEnabled?(0,t.h)(f.ChevronLeftIcon,null):(0,t.h)(f.ChevronRightIcon,null)})])),y==="left"&&M),(0,l.resolveWrappedSlotWithProps)(N,{collapsed:h},n=>(0,t.h)("div",{class:`${p}-collapse-item__header-extra`,onClick:this.handleClick,"data-extra":!0},n))),(0,t.h)(R.default,{clsPrefix:p,displayDirective:C,show:!h},w))}})})(Y);(function(e){var o=v.commonjsGlobal&&v.commonjsGlobal.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.NCollapseItem=e.collapseItemProps=e.NCollapse=e.collapseProps=void 0;var i=H;Object.defineProperty(e,"collapseProps",{enumerable:!0,get:function(){return i.collapseProps}}),Object.defineProperty(e,"NCollapse",{enumerable:!0,get:function(){return o(i).default}});var a=Y;Object.defineProperty(e,"collapseItemProps",{enumerable:!0,get:function(){return a.collapseItemProps}}),Object.defineProperty(e,"NCollapseItem",{enumerable:!0,get:function(){return o(a).default}})})(J);const be=ae({__proto__:null},[J]);exports.index=be;