@gf-ui/components
Version:
1 lines • 1.98 kB
JavaScript
import{r as t,c as n,h as s,H as i}from"./p-d3a3a91e.js";const o=/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;let e=0;function a(t){return["default","primary","success","info","warning","danger"].includes(t)}function r(t,n){if(a(t))return{};let s=function(t,n=1){if(!o.test(t))return;let s=t.toLowerCase().replace(/\#/g,""),i=s.length;if(3===i){let t="";for(let n=0;n<i;n++)t+=s.slice(n,n+1).concat(s.slice(n,n+1));s=t}let e=[];for(let t=0;t<6;t+=2){let n=s.slice(t,t+2);e.push(parseInt("0x"+n))}return`rgba(${e.join(",")}, ${n})`}(t,.8);const i=`gf-button-${e}`,r=t=>` border-color:${t} !important; background-color:${t} !important;`,l=`.${i}:hover{ ${r(s)} }`;return[`.${i}:active{ ${r(t)} }`,l].forEach((t=>{document.styleSheets[0].insertRule(t)})),{background:t,color:n}}const l=class{constructor(s){t(this,s),this.displayOnClick=n(this,"on-click",7),this.color="default",this.disabled=!1,this.textColor="#FFFFFF",this.classNames="",this.plain=!1,this.size="",this.circle=!1,this.nativeType="button"}componentWillLoad(){console.log("lifecycle load")}changeDisabled(t,n){console.log("[watch]--改变disabled状态",t,n)}async _internal(){console.log("外部调用内部方法")}handClick(){this.disabled||this.displayOnClick.emit({data:{eventName:"on-click",componentsName:"gf-button"}})}render(){return s(i,null,s("button",{onClick:this.handClick.bind(this),type:this.nativeType,class:`gf-button \n ${this.classNames} \n ${t=this.color,a(t)?`gf-button--${t}`:"gf-button-"+ ++e} \n ${this.disabled?"is-disabled":""}\n ${this.plain?"is-plain":""}\n ${this.circle?"is-circle":""}\n ${this.size&&"gf-button--"+this.size||""}\n `,style:r(this.color,this.textColor)},s("slot",{name:"icon-left"}),s("slot",null),s("slot",{name:"icon-right"})));var t}static get watchers(){return{disabled:["changeDisabled"]}}};export{l as gf_button}