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

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

"use strict";const z=require("./_commonjsHelpers-DwTZ_eVU.cjs"),Oo=require("./_vue_commonjs-external-BbihI59z.cjs"),P=require("./index-4PPmJYKt.cjs"),Ro=require("./index-BVUz9lFN.cjs"),fo=require("./index-jx5A2kt8.cjs");var _o={},So={},Z={};Object.defineProperty(Z,"__esModule",{value:!0});Z.createHoverColor=ko;Z.createPressedColor=Wo;const To=P.require$$1;function ko(n){return(0,To.composite)(n,[255,255,255,.16])}function Wo(n){return(0,To.composite)(n,[0,0,0,.12])}var oo={};Object.defineProperty(oo,"__esModule",{value:!0});oo.buttonGroupInjectionKey=void 0;const No=P._utils;oo.buttonGroupInjectionKey=(0,No.createInjectionKey)("n-button-group");var yo={},vo={},X={},ho={};Object.defineProperty(ho,"__esModule",{value:!0});ho.default={paddingTiny:"0 6px",paddingSmall:"0 10px",paddingMedium:"0 14px",paddingLarge:"0 18px",paddingRoundTiny:"0 10px",paddingRoundSmall:"0 14px",paddingRoundMedium:"0 18px",paddingRoundLarge:"0 22px",iconMarginTiny:"6px",iconMarginSmall:"6px",iconMarginMedium:"6px",iconMarginLarge:"6px",iconSizeTiny:"14px",iconSizeSmall:"18px",iconSizeMedium:"18px",iconSizeLarge:"20px",rippleDuration:".6s"};var qo=z.commonjsGlobal&&z.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(X,"__esModule",{value:!0});X.self=$o;const Lo=P.common,Qo=qo(ho);function $o(n){const{heightTiny:p,heightSmall:a,heightMedium:$,heightLarge:B,borderRadius:c,fontSizeTiny:eo,fontSizeSmall:ro,fontSizeMedium:to,fontSizeLarge:j,opacityDisabled:O,textColor2:r,textColor3:no,primaryColorHover:f,primaryColorPressed:_,borderColor:e,primaryColor:C,baseColor:s,infoColor:y,infoColorHover:v,infoColorPressed:R,successColor:m,successColorHover:g,successColorPressed:k,warningColor:H,warningColorHover:E,warningColorPressed:W,errorColor:w,errorColorHover:S,errorColorPressed:G,fontWeight:lo,buttonColor2:A,buttonColor2Hover:Q,buttonColor2Pressed:N,fontWeightStrong:M}=n;return Object.assign(Object.assign({},Qo.default),{heightTiny:p,heightSmall:a,heightMedium:$,heightLarge:B,borderRadiusTiny:c,borderRadiusSmall:c,borderRadiusMedium:c,borderRadiusLarge:c,fontSizeTiny:eo,fontSizeSmall:ro,fontSizeMedium:to,fontSizeLarge:j,opacityDisabled:O,colorOpacitySecondary:"0.16",colorOpacitySecondaryHover:"0.22",colorOpacitySecondaryPressed:"0.28",colorSecondary:A,colorSecondaryHover:Q,colorSecondaryPressed:N,colorTertiary:A,colorTertiaryHover:Q,colorTertiaryPressed:N,colorQuaternary:"#0000",colorQuaternaryHover:Q,colorQuaternaryPressed:N,color:"#0000",colorHover:"#0000",colorPressed:"#0000",colorFocus:"#0000",colorDisabled:"#0000",textColor:r,textColorTertiary:no,textColorHover:f,textColorPressed:_,textColorFocus:f,textColorDisabled:r,textColorText:r,textColorTextHover:f,textColorTextPressed:_,textColorTextFocus:f,textColorTextDisabled:r,textColorGhost:r,textColorGhostHover:f,textColorGhostPressed:_,textColorGhostFocus:f,textColorGhostDisabled:r,border:`1px solid ${e}`,borderHover:`1px solid ${f}`,borderPressed:`1px solid ${_}`,borderFocus:`1px solid ${f}`,borderDisabled:`1px solid ${e}`,rippleColor:C,colorPrimary:C,colorHoverPrimary:f,colorPressedPrimary:_,colorFocusPrimary:f,colorDisabledPrimary:C,textColorPrimary:s,textColorHoverPrimary:s,textColorPressedPrimary:s,textColorFocusPrimary:s,textColorDisabledPrimary:s,textColorTextPrimary:C,textColorTextHoverPrimary:f,textColorTextPressedPrimary:_,textColorTextFocusPrimary:f,textColorTextDisabledPrimary:r,textColorGhostPrimary:C,textColorGhostHoverPrimary:f,textColorGhostPressedPrimary:_,textColorGhostFocusPrimary:f,textColorGhostDisabledPrimary:C,borderPrimary:`1px solid ${C}`,borderHoverPrimary:`1px solid ${f}`,borderPressedPrimary:`1px solid ${_}`,borderFocusPrimary:`1px solid ${f}`,borderDisabledPrimary:`1px solid ${C}`,rippleColorPrimary:C,colorInfo:y,colorHoverInfo:v,colorPressedInfo:R,colorFocusInfo:v,colorDisabledInfo:y,textColorInfo:s,textColorHoverInfo:s,textColorPressedInfo:s,textColorFocusInfo:s,textColorDisabledInfo:s,textColorTextInfo:y,textColorTextHoverInfo:v,textColorTextPressedInfo:R,textColorTextFocusInfo:v,textColorTextDisabledInfo:r,textColorGhostInfo:y,textColorGhostHoverInfo:v,textColorGhostPressedInfo:R,textColorGhostFocusInfo:v,textColorGhostDisabledInfo:y,borderInfo:`1px solid ${y}`,borderHoverInfo:`1px solid ${v}`,borderPressedInfo:`1px solid ${R}`,borderFocusInfo:`1px solid ${v}`,borderDisabledInfo:`1px solid ${y}`,rippleColorInfo:y,colorSuccess:m,colorHoverSuccess:g,colorPressedSuccess:k,colorFocusSuccess:g,colorDisabledSuccess:m,textColorSuccess:s,textColorHoverSuccess:s,textColorPressedSuccess:s,textColorFocusSuccess:s,textColorDisabledSuccess:s,textColorTextSuccess:m,textColorTextHoverSuccess:g,textColorTextPressedSuccess:k,textColorTextFocusSuccess:g,textColorTextDisabledSuccess:r,textColorGhostSuccess:m,textColorGhostHoverSuccess:g,textColorGhostPressedSuccess:k,textColorGhostFocusSuccess:g,textColorGhostDisabledSuccess:m,borderSuccess:`1px solid ${m}`,borderHoverSuccess:`1px solid ${g}`,borderPressedSuccess:`1px solid ${k}`,borderFocusSuccess:`1px solid ${g}`,borderDisabledSuccess:`1px solid ${m}`,rippleColorSuccess:m,colorWarning:H,colorHoverWarning:E,colorPressedWarning:W,colorFocusWarning:E,colorDisabledWarning:H,textColorWarning:s,textColorHoverWarning:s,textColorPressedWarning:s,textColorFocusWarning:s,textColorDisabledWarning:s,textColorTextWarning:H,textColorTextHoverWarning:E,textColorTextPressedWarning:W,textColorTextFocusWarning:E,textColorTextDisabledWarning:r,textColorGhostWarning:H,textColorGhostHoverWarning:E,textColorGhostPressedWarning:W,textColorGhostFocusWarning:E,textColorGhostDisabledWarning:H,borderWarning:`1px solid ${H}`,borderHoverWarning:`1px solid ${E}`,borderPressedWarning:`1px solid ${W}`,borderFocusWarning:`1px solid ${E}`,borderDisabledWarning:`1px solid ${H}`,rippleColorWarning:H,colorError:w,colorHoverError:S,colorPressedError:G,colorFocusError:S,colorDisabledError:w,textColorError:s,textColorHoverError:s,textColorPressedError:s,textColorFocusError:s,textColorDisabledError:s,textColorTextError:w,textColorTextHoverError:S,textColorTextPressedError:G,textColorTextFocusError:S,textColorTextDisabledError:r,textColorGhostError:w,textColorGhostHoverError:S,textColorGhostPressedError:G,textColorGhostFocusError:S,textColorGhostDisabledError:w,borderError:`1px solid ${w}`,borderHoverError:`1px solid ${S}`,borderPressedError:`1px solid ${G}`,borderFocusError:`1px solid ${S}`,borderDisabledError:`1px solid ${w}`,rippleColorError:w,waveOpacity:"0.6",fontWeight:lo,fontWeightStrong:M})}const Vo={name:"Button",common:Lo.commonLight,self:$o};X.default=Vo;Object.defineProperty(vo,"__esModule",{value:!0});const Xo=P.common,Yo=X,Ao={name:"Button",common:Xo.commonDark,self(n){const p=(0,Yo.self)(n);return p.waveOpacity="0.8",p.colorOpacitySecondary="0.16",p.colorOpacitySecondaryHover="0.2",p.colorOpacitySecondaryPressed="0.12",p}};vo.default=Ao;var Y={},po={};Object.defineProperty(po,"__esModule",{value:!0});const L=P.cssr;po.default=(0,L.cB)("button",[(0,L.cM)("rtl",`
 direction: rtl;
 `,[(0,L.cE)("icon",{margin:"var(--n-icon-margin)",marginRight:0}),(0,L.cE)("content",[(0,L.c)("~",[(0,L.cE)("icon",{margin:"var(--n-icon-margin)",marginLeft:0})])])])]);var Jo=z.commonjsGlobal&&z.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(Y,"__esModule",{value:!0});Y.buttonRtl=void 0;const Uo=Jo(po);Y.buttonRtl={name:"Button",style:Uo.default};(function(n){var p=z.commonjsGlobal&&z.commonjsGlobal.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.buttonRtl=n.buttonLight=n.buttonDark=void 0;var a=vo;Object.defineProperty(n,"buttonDark",{enumerable:!0,get:function(){return p(a).default}});var $=X;Object.defineProperty(n,"buttonLight",{enumerable:!0,get:function(){return p($).default}});var B=Y;Object.defineProperty(n,"buttonRtl",{enumerable:!0,get:function(){return B.buttonRtl}})})(yo);var Co={};Object.defineProperty(Co,"__esModule",{value:!0});const t=P.cssr,Zo=fo.fadeInWidthExpand_cssr,oe=fo.iconSwitch_cssr,ee=P._utils;Co.default=(0,t.c)([(0,t.cB)("button",`
 margin: 0;
 font-weight: var(--n-font-weight);
 line-height: 1;
 font-family: inherit;
 padding: var(--n-padding);
 height: var(--n-height);
 font-size: var(--n-font-size);
 border-radius: var(--n-border-radius);
 color: var(--n-text-color);
 background-color: var(--n-color);
 width: var(--n-width);
 white-space: nowrap;
 outline: none;
 position: relative;
 z-index: auto;
 border: none;
 display: inline-flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 align-items: center;
 justify-content: center;
 user-select: none;
 -webkit-user-select: none;
 text-align: center;
 cursor: pointer;
 text-decoration: none;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `,[(0,t.cM)("color",[(0,t.cE)("border",{borderColor:"var(--n-border-color)"}),(0,t.cM)("disabled",[(0,t.cE)("border",{borderColor:"var(--n-border-color-disabled)"})]),(0,t.cNotM)("disabled",[(0,t.c)("&:focus",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-focus)"})]),(0,t.c)("&:hover",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-hover)"})]),(0,t.c)("&:active",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-pressed)"})]),(0,t.cM)("pressed",[(0,t.cE)("state-border",{borderColor:"var(--n-border-color-pressed)"})])])]),(0,t.cM)("disabled",{backgroundColor:"var(--n-color-disabled)",color:"var(--n-text-color-disabled)"},[(0,t.cE)("border",{border:"var(--n-border-disabled)"})]),(0,t.cNotM)("disabled",[(0,t.c)("&:focus",{backgroundColor:"var(--n-color-focus)",color:"var(--n-text-color-focus)"},[(0,t.cE)("state-border",{border:"var(--n-border-focus)"})]),(0,t.c)("&:hover",{backgroundColor:"var(--n-color-hover)",color:"var(--n-text-color-hover)"},[(0,t.cE)("state-border",{border:"var(--n-border-hover)"})]),(0,t.c)("&:active",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[(0,t.cE)("state-border",{border:"var(--n-border-pressed)"})]),(0,t.cM)("pressed",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[(0,t.cE)("state-border",{border:"var(--n-border-pressed)"})])]),(0,t.cM)("loading","cursor: wait;"),(0,t.cB)("base-wave",`
 pointer-events: none;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 animation-iteration-count: 1;
 animation-duration: var(--n-ripple-duration);
 animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
 `,[(0,t.cM)("active",{zIndex:1,animationName:"button-wave-spread, button-wave-opacity"})]),ee.isBrowser&&"MozBoxSizing"in document.createElement("div").style?(0,t.c)("&::moz-focus-inner",{border:0}):null,(0,t.cE)("border, state-border",`
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 border-radius: inherit;
 transition: border-color .3s var(--n-bezier);
 pointer-events: none;
 `),(0,t.cE)("border",{border:"var(--n-border)"}),(0,t.cE)("state-border",{border:"var(--n-border)",borderColor:"#0000",zIndex:1}),(0,t.cE)("icon",`
 margin: var(--n-icon-margin);
 margin-left: 0;
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 max-width: var(--n-icon-size);
 font-size: var(--n-icon-size);
 position: relative;
 flex-shrink: 0;
 `,[(0,t.cB)("icon-slot",`
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 `,[(0,oe.iconSwitchTransition)({top:"50%",originalTransform:"translateY(-50%)"})]),(0,Zo.fadeInWidthExpandTransition)()]),(0,t.cE)("content",`
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 min-width: 0;
 `,[(0,t.c)("~",[(0,t.cE)("icon",{margin:"var(--n-icon-margin)",marginRight:0})])]),(0,t.cM)("block",`
 display: flex;
 width: 100%;
 `),(0,t.cM)("dashed",[(0,t.cE)("border, state-border",{borderStyle:"dashed !important"})]),(0,t.cM)("disabled",{cursor:"not-allowed",opacity:"var(--n-opacity-disabled)"})]),(0,t.c)("@keyframes button-wave-spread",{from:{boxShadow:"0 0 0.5px 0 var(--n-ripple-color)"},to:{boxShadow:"0 0 0.5px 4.5px var(--n-ripple-color)"}}),(0,t.c)("@keyframes button-wave-opacity",{from:{opacity:"var(--n-wave-opacity)"},to:{opacity:0}})]);(function(n){var p=z.commonjsGlobal&&z.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.XButton=n.buttonProps=void 0;const a=Oo.require$$0,$=P.require$$2,B=P.require$$1,c=Z,eo=oo,ro=P.useRtl,to=Ro.browser,j=P._mixins,O=fo._internal,r=P._utils,no=yo,f=p(Co);n.buttonProps=Object.assign(Object.assign({},j.useTheme.props),{color:String,textColor:String,text:Boolean,block:Boolean,loading:Boolean,disabled:Boolean,circle:Boolean,size:String,ghost:Boolean,round:Boolean,secondary:Boolean,tertiary:Boolean,quaternary:Boolean,strong:Boolean,focusable:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},tag:{type:String,default:"button"},type:{type:String,default:"default"},dashed:Boolean,renderIcon:Function,iconPlacement:{type:String,default:"left"},attrType:{type:String,default:"button"},bordered:{type:Boolean,default:!0},onClick:[Function,Array],nativeFocusBehavior:{type:Boolean,default:!to.isSafari}});const _=(0,a.defineComponent)({name:"Button",props:n.buttonProps,setup(e){process.env.NODE_ENV!=="production"&&(0,a.watchEffect)(()=>{const{dashed:l,ghost:x,text:T,secondary:o,tertiary:V,quaternary:q}=e;(l||x||T)&&(o||V||q)&&(0,r.warnOnce)("button","`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.")});const C=(0,a.ref)(null),s=(0,a.ref)(null),y=(0,a.ref)(!1),v=(0,$.useMemo)(()=>!e.quaternary&&!e.tertiary&&!e.secondary&&!e.text&&(!e.color||e.ghost||e.dashed)&&e.bordered),R=(0,a.inject)(eo.buttonGroupInjectionKey,{}),{mergedSizeRef:m}=(0,j.useFormItem)({},{defaultSize:"medium",mergedSize:l=>{const{size:x}=e;if(x)return x;const{size:T}=R;if(T)return T;const{mergedSize:o}=l||{};return o?o.value:"medium"}}),g=(0,a.computed)(()=>e.focusable&&!e.disabled),k=l=>{var x;g.value||l.preventDefault(),!e.nativeFocusBehavior&&(l.preventDefault(),!e.disabled&&g.value&&((x=C.value)===null||x===void 0||x.focus({preventScroll:!0})))},H=l=>{var x;if(!e.disabled&&!e.loading){const{onClick:T}=e;T&&(0,r.call)(T,l),e.text||(x=s.value)===null||x===void 0||x.play()}},E=l=>{switch(l.key){case"Enter":if(!e.keyboard)return;y.value=!1}},W=l=>{switch(l.key){case"Enter":if(!e.keyboard||e.loading){l.preventDefault();return}y.value=!0}},w=()=>{y.value=!1},{inlineThemeDisabled:S,mergedClsPrefixRef:G,mergedRtlRef:lo}=(0,j.useConfig)(e),A=(0,j.useTheme)("Button","-button",f.default,no.buttonLight,e,G),Q=(0,ro.useRtl)("Button",lo,G),N=(0,a.computed)(()=>{const l=A.value,{common:{cubicBezierEaseInOut:x,cubicBezierEaseOut:T},self:o}=l,{rippleDuration:V,opacityDisabled:q,fontWeight:so,fontWeightStrong:io}=o,D=m.value,{dashed:ao,type:I,ghost:co,text:K,color:d,round:mo,circle:uo,textColor:F,secondary:Ho,tertiary:go,quaternary:Eo,strong:wo}=e,Do={"--n-font-weight":wo?io:so};let u={"--n-color":"initial","--n-color-hover":"initial","--n-color-pressed":"initial","--n-color-focus":"initial","--n-color-disabled":"initial","--n-ripple-color":"initial","--n-text-color":"initial","--n-text-color-hover":"initial","--n-text-color-pressed":"initial","--n-text-color-focus":"initial","--n-text-color-disabled":"initial"};const J=I==="tertiary",Po=I==="default",i=J?"default":I;if(K){const b=F||d;u={"--n-color":"#0000","--n-color-hover":"#0000","--n-color-pressed":"#0000","--n-color-focus":"#0000","--n-color-disabled":"#0000","--n-ripple-color":"#0000","--n-text-color":b||o[(0,r.createKey)("textColorText",i)],"--n-text-color-hover":b?(0,c.createHoverColor)(b):o[(0,r.createKey)("textColorTextHover",i)],"--n-text-color-pressed":b?(0,c.createPressedColor)(b):o[(0,r.createKey)("textColorTextPressed",i)],"--n-text-color-focus":b?(0,c.createHoverColor)(b):o[(0,r.createKey)("textColorTextHover",i)],"--n-text-color-disabled":b||o[(0,r.createKey)("textColorTextDisabled",i)]}}else if(co||ao){const b=F||d;u={"--n-color":"#0000","--n-color-hover":"#0000","--n-color-pressed":"#0000","--n-color-focus":"#0000","--n-color-disabled":"#0000","--n-ripple-color":d||o[(0,r.createKey)("rippleColor",i)],"--n-text-color":b||o[(0,r.createKey)("textColorGhost",i)],"--n-text-color-hover":b?(0,c.createHoverColor)(b):o[(0,r.createKey)("textColorGhostHover",i)],"--n-text-color-pressed":b?(0,c.createPressedColor)(b):o[(0,r.createKey)("textColorGhostPressed",i)],"--n-text-color-focus":b?(0,c.createHoverColor)(b):o[(0,r.createKey)("textColorGhostHover",i)],"--n-text-color-disabled":b||o[(0,r.createKey)("textColorGhostDisabled",i)]}}else if(Ho){const b=Po?o.textColor:J?o.textColorTertiary:o[(0,r.createKey)("color",i)],h=d||b,U=I!=="default"&&I!=="tertiary";u={"--n-color":U?(0,B.changeColor)(h,{alpha:Number(o.colorOpacitySecondary)}):o.colorSecondary,"--n-color-hover":U?(0,B.changeColor)(h,{alpha:Number(o.colorOpacitySecondaryHover)}):o.colorSecondaryHover,"--n-color-pressed":U?(0,B.changeColor)(h,{alpha:Number(o.colorOpacitySecondaryPressed)}):o.colorSecondaryPressed,"--n-color-focus":U?(0,B.changeColor)(h,{alpha:Number(o.colorOpacitySecondaryHover)}):o.colorSecondaryHover,"--n-color-disabled":o.colorSecondary,"--n-ripple-color":"#0000","--n-text-color":h,"--n-text-color-hover":h,"--n-text-color-pressed":h,"--n-text-color-focus":h,"--n-text-color-disabled":h}}else if(go||Eo){const b=Po?o.textColor:J?o.textColorTertiary:o[(0,r.createKey)("color",i)],h=d||b;go?(u["--n-color"]=o.colorTertiary,u["--n-color-hover"]=o.colorTertiaryHover,u["--n-color-pressed"]=o.colorTertiaryPressed,u["--n-color-focus"]=o.colorSecondaryHover,u["--n-color-disabled"]=o.colorTertiary):(u["--n-color"]=o.colorQuaternary,u["--n-color-hover"]=o.colorQuaternaryHover,u["--n-color-pressed"]=o.colorQuaternaryPressed,u["--n-color-focus"]=o.colorQuaternaryHover,u["--n-color-disabled"]=o.colorQuaternary),u["--n-ripple-color"]="#0000",u["--n-text-color"]=h,u["--n-text-color-hover"]=h,u["--n-text-color-pressed"]=h,u["--n-text-color-focus"]=h,u["--n-text-color-disabled"]=h}else u={"--n-color":d||o[(0,r.createKey)("color",i)],"--n-color-hover":d?(0,c.createHoverColor)(d):o[(0,r.createKey)("colorHover",i)],"--n-color-pressed":d?(0,c.createPressedColor)(d):o[(0,r.createKey)("colorPressed",i)],"--n-color-focus":d?(0,c.createHoverColor)(d):o[(0,r.createKey)("colorFocus",i)],"--n-color-disabled":d||o[(0,r.createKey)("colorDisabled",i)],"--n-ripple-color":d||o[(0,r.createKey)("rippleColor",i)],"--n-text-color":F||(d?o.textColorPrimary:J?o.textColorTertiary:o[(0,r.createKey)("textColor",i)]),"--n-text-color-hover":F||(d?o.textColorHoverPrimary:o[(0,r.createKey)("textColorHover",i)]),"--n-text-color-pressed":F||(d?o.textColorPressedPrimary:o[(0,r.createKey)("textColorPressed",i)]),"--n-text-color-focus":F||(d?o.textColorFocusPrimary:o[(0,r.createKey)("textColorFocus",i)]),"--n-text-color-disabled":F||(d?o.textColorDisabledPrimary:o[(0,r.createKey)("textColorDisabled",i)])};let bo={"--n-border":"initial","--n-border-hover":"initial","--n-border-pressed":"initial","--n-border-focus":"initial","--n-border-disabled":"initial"};K?bo={"--n-border":"none","--n-border-hover":"none","--n-border-pressed":"none","--n-border-focus":"none","--n-border-disabled":"none"}:bo={"--n-border":o[(0,r.createKey)("border",i)],"--n-border-hover":o[(0,r.createKey)("borderHover",i)],"--n-border-pressed":o[(0,r.createKey)("borderPressed",i)],"--n-border-focus":o[(0,r.createKey)("borderFocus",i)],"--n-border-disabled":o[(0,r.createKey)("borderDisabled",i)]};const{[(0,r.createKey)("height",D)]:xo,[(0,r.createKey)("fontSize",D)]:zo,[(0,r.createKey)("padding",D)]:Bo,[(0,r.createKey)("paddingRound",D)]:Go,[(0,r.createKey)("iconSize",D)]:Mo,[(0,r.createKey)("borderRadius",D)]:Ko,[(0,r.createKey)("iconMargin",D)]:jo,waveOpacity:Io}=o,Fo={"--n-width":uo&&!K?xo:"initial","--n-height":K?"initial":xo,"--n-font-size":zo,"--n-padding":uo||K?"initial":mo?Go:Bo,"--n-icon-size":Mo,"--n-icon-margin":jo,"--n-border-radius":K?"initial":uo||mo?xo:Ko};return Object.assign(Object.assign(Object.assign(Object.assign({"--n-bezier":x,"--n-bezier-ease-out":T,"--n-ripple-duration":V,"--n-opacity-disabled":q,"--n-wave-opacity":Io},Do),u),bo),Fo)}),M=S?(0,j.useThemeClass)("button",(0,a.computed)(()=>{let l="";const{dashed:x,type:T,ghost:o,text:V,color:q,round:so,circle:io,textColor:D,secondary:ao,tertiary:I,quaternary:co,strong:K}=e;x&&(l+="a"),o&&(l+="b"),V&&(l+="c"),so&&(l+="d"),io&&(l+="e"),ao&&(l+="f"),I&&(l+="g"),co&&(l+="h"),K&&(l+="i"),q&&(l+=`j${(0,r.color2Class)(q)}`),D&&(l+=`k${(0,r.color2Class)(D)}`);const{value:d}=m;return l+=`l${d[0]}`,l+=`m${T[0]}`,l}),N,e):void 0;return{selfElRef:C,waveElRef:s,mergedClsPrefix:G,mergedFocusable:g,mergedSize:m,showBorder:v,enterPressed:y,rtlEnabled:Q,handleMousedown:k,handleKeydown:W,handleBlur:w,handleKeyup:E,handleClick:H,customColorCssVars:(0,a.computed)(()=>{const{color:l}=e;if(!l)return null;const x=(0,c.createHoverColor)(l);return{"--n-border-color":l,"--n-border-color-hover":x,"--n-border-color-pressed":(0,c.createPressedColor)(l),"--n-border-color-focus":x,"--n-border-color-disabled":l}}),cssVars:S?void 0:N,themeClass:M==null?void 0:M.themeClass,onRender:M==null?void 0:M.onRender}},render(){const{mergedClsPrefix:e,tag:C,onRender:s}=this;s==null||s();const y=(0,r.resolveWrappedSlot)(this.$slots.default,v=>v&&(0,a.h)("span",{class:`${e}-button__content`},v));return(0,a.h)(C,{ref:"selfElRef",class:[this.themeClass,`${e}-button`,`${e}-button--${this.type}-type`,`${e}-button--${this.mergedSize}-type`,this.rtlEnabled&&`${e}-button--rtl`,this.disabled&&`${e}-button--disabled`,this.block&&`${e}-button--block`,this.enterPressed&&`${e}-button--pressed`,!this.text&&this.dashed&&`${e}-button--dashed`,this.color&&`${e}-button--color`,this.secondary&&`${e}-button--secondary`,this.loading&&`${e}-button--loading`,this.ghost&&`${e}-button--ghost`],tabindex:this.mergedFocusable?0:-1,type:this.attrType,style:this.cssVars,disabled:this.disabled,onClick:this.handleClick,onBlur:this.handleBlur,onMousedown:this.handleMousedown,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},this.iconPlacement==="right"&&y,(0,a.h)(O.NFadeInExpandTransition,{width:!0},{default:()=>(0,r.resolveWrappedSlot)(this.$slots.icon,v=>(this.loading||this.renderIcon||v)&&(0,a.h)("span",{class:`${e}-button__icon`,style:{margin:(0,r.isSlotEmpty)(this.$slots.default)?"0":""}},(0,a.h)(O.NIconSwitchTransition,null,{default:()=>this.loading?(0,a.h)(O.NBaseLoading,{clsPrefix:e,key:"loading",class:`${e}-icon-slot`,strokeWidth:20}):(0,a.h)("div",{key:"icon",class:`${e}-icon-slot`,role:"none"},this.renderIcon?this.renderIcon():v)})))}),this.iconPlacement==="left"&&y,this.text?null:(0,a.h)(O.NBaseWave,{ref:"waveElRef",clsPrefix:e}),this.showBorder?(0,a.h)("div",{"aria-hidden":!0,class:`${e}-button__border`,style:this.customColorCssVars}):null,this.showBorder?(0,a.h)("div",{"aria-hidden":!0,class:`${e}-button__state-border`,style:this.customColorCssVars}):null)}});n.default=_,n.XButton=_})(So);(function(n){var p=z.commonjsGlobal&&z.commonjsGlobal.__importDefault||function($){return $&&$.__esModule?$:{default:$}};Object.defineProperty(n,"__esModule",{value:!0}),n.buttonProps=n.NxButton=n.NButton=void 0;var a=So;Object.defineProperty(n,"NButton",{enumerable:!0,get:function(){return p(a).default}}),Object.defineProperty(n,"NxButton",{enumerable:!0,get:function(){return a.XButton}}),Object.defineProperty(n,"buttonProps",{enumerable:!0,get:function(){return a.buttonProps}})})(_o);exports.button=_o;exports.rtl=Y;exports.styles=yo;