dk-plus
Version:
2 lines (1 loc) • 2.44 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),f=require("../../_utils/filtration/index.js"),r=require("../public/get-color/index.js"),z=require("../public/get-StyleList/index.js");require("../../_icon/index.js");const m=t=>{const u=n.useSlots(),y=n.computed(()=>!(u.default&&u.default()&&u.default()[0].children));let s=["type","size","disabled","loading","round","circle","textDecoration","shadow","ripples","diffusion"];const b=n.reactive({...n.toRefs(t)});y.value&&(u.icon&&(s=[...s,"iconSlot"],b.iconSlot=!0),u.afterIcon&&(s=[...s,"afterIconSlot"],b.afterIconSlot=!0));const{classes:C,stylesList:e}=z.getStyleList(b,"button"),S=C([...s],"button"),h=n.computed(()=>{const{bgColor:o,fontColor:l,shadow:a,fontSize:c,diffusionBgColor:d}=t;let i={"--button-color":l,"--button-hover":l?r.getColor(t.fontColor).getDodge(.4):null,"--button-active":l?r.getColor(t.fontColor).getDeepen(.4):null,"--button-shadow":a,"--button-font-size":f.sizeChange(c),"--button-hover-borderColor":o?r.getColor(t.bgColor).getDodge(.4):null,"--button-hover-background":o?r.getColor(t.bgColor).getDodge(.4):null,"--button-background":o||null,"--button-ripples-BgColor":d||null};if(o){const g={"--button-background":o||null,"--button-hover":o?r.getColor(t.bgColor).getDeepen(.4):null,"--button-active":o?r.getColor(t.bgColor).getDeepen(.2):null};i={...i,...g}}return i}),v=C([...["personalityType","personalitySize","disabled"]],"button"),p=n.computed(()=>{const{personalityBorderColor:o,personalityBorderHoveColor:l,personalityBgColor:a,personalityBgHoveColor:c,personalityFontColor:d,personalityFontHoveColor:i,personalityBoxShadow:g,personalityBoxShadowHove:x,personalityReflect:B,fontSize:D}=t;return{"--border-color":e(o),"--button-borderColor-top":e(o,0),"--button-borderColor-right":e(o,1),"--button-borderColor-bottom":e(o,2),"--button-borderColor-left":e(o,3),"--button-borderColor-top-hover":e(l,0),"--button-borderColor-right-hover":e(l,1),"--button-borderColor-bottom-hover":e(l,2),"--button-borderColor-left-hover":e(l,3),"--button-bgColor":a||null,"--button-bgColor-hover":c||null,"--button-FontColor":d||null,"--button-FontColor-hover":i||null,"--button-box-shadow":g||null,"--button-box-shadow-hover":x,"--button-font-size":f.sizeChange(D),"--button-box-reflect":B||null}});return{classList:S,styleList:h,personaClassList:v,personalityStylist:p}};exports.getButton=m;