ai-form-designer/dist/index-BeuZ-dQ1.cjs

vue3+adv的设计器,可视化开发页面表单

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