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

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

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