@itshixun/qst-ui-system 0.3.8 → 0.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.common.js +1 -1
- package/dist/index.es.js +1 -1
- package/package.json +1 -1
package/dist/index.common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("color2k");const r=[{name:"athena",config:{light:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131B26",regular:"#5F6165",secondary:"#96979c",placeholder:"#CACBD0",disabled:"#CACBD0"},"bg-color":{DEFAULT:"#FFFFFF",page:"#F7F8Fd",secondary:"#F3F5Fb"},"border-color":{exlighter:"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7",exdarker:"#BEC2CF"},"fill-color":{blank:"#FFFFFF",reverse:"#000000",exlighter:"#FAFCFF",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#EEEEEE",darker:"#E6E8EB",exdarker:"#D9DDE3"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#7F8896"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#111821"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{exlighter:"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466",exdarker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243",exdarker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];var l,a,o;exports.ThemeCategory=void 0,(l=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",l.TextColor="text-color",l.BgColor="bg-color",l.BorderColor="border-color",l.FillColor="fill-color",l.ExtraColor="extra-color",l.BorderRadius="border-radius",l.Spacing="spacing",l.FontSize="font-size",l.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(o=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",o.dark="dark";const t={[exports.ThemeCategory.Color]:["primary","secondary","success","warning","danger","info"],[exports.ThemeCategory.TextColor]:["primary","regular","secondary","placeholder","disabled"],[exports.ThemeCategory.BgColor]:["DEFAULT","page","secondary"],[exports.ThemeCategory.BorderColor]:["exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[exports.ThemeCategory.FillColor]:["blank","reverse","exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[exports.ThemeCategory.ExtraColor]:[],[exports.ThemeCategory.BorderRadius]:["small","base","large","huge","round","circle"],[exports.ThemeCategory.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[exports.ThemeCategory.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[exports.ThemeCategory.ComponentSize]:["mini","small","DEFAULT","large"]},i=r=>{const l=e.toRgba(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`},n={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},s=({namespace:r,themeConfig:l,mode:a,generateRgb:o=!0,format:t=!1,generateColorLevels:s=!0})=>{let c,x="";const p=t?"\n":"";for(c in l){const t=l[c];Object.keys(t).forEach((l=>{const d="DEFAULT"===l?`${r}-${c}`:`${r}-${c}-${l}`;x+=`${d}: ${t[l]};`+p,d.toLowerCase().includes("color")&&o&&(x+=`${d}-rgb: ${i(t[l])};`+p),c===exports.ThemeCategory.Color&&s&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let o=1;o<10;o++)x+=`${d}-${r}-${o}: ${e.toHex(e.mix(t[l],n[a][r],.1*o))};`+p}))}))}return x=x.concat(`${r}-color-error: var(${r}-color-danger);`),x=x.concat(`${r}-bg-color-overlay: var(${r}-bg-color);`),x},c=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=""+(l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':"");("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";.theme-name-placeholder{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2 + 6px);--el-menu-sub-item-height:var(--el-menu-item-height);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}.theme-name-placeholder.dark{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.dark .theme-name-placeholder{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}');const t=e.themeList.map((e=>e.name));return o=o.replace(".theme-name-placeholder.dark",t.map((e=>`.${e}.dark`)).join(",")),o=o.replace(".dark .theme-name-placeholde",t.map((e=>`.dark .${e}`)).join(",")),o=o.replace(".theme-name-placeholder",t.map((e=>`.${e}`)).join(",")),o},x=(e,r)=>`.${r} { font-size: var(${e}-font-size-base); ${e}-color-white: #ffffff; ${e}-color-black: #000000; }`,p=e=>{let r="";const{namespace:l,themeList:a}=e;return a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((a=>{const o=s({namespace:l,themeConfig:e.config[a],mode:a});a===exports.DayNightModeEnum.light?r+=`.${e.name} { color-scheme: light; ${o} }`:r+=`.${e.name}.${a}, .${e.name} .${l+"-"+a} { color-scheme: dark; ${o} } .${a} { .${e.name} { color-scheme: dark; ${o} } }`,r+=x(l,e.name)}))})),`${c(e)} ${r}`},d={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},g=[],m=Object.assign({},d),h=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(m.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==m.styleTagId&&(l=!0)})),l&&h()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(m,e),g.length=0,g.push(...m.themeList);document.head.querySelector(`#${m.styleTagId}`).innerText=p(m),m&&"function"==typeof m.onStylesSet&&m.onStylesSet()},u=(e,r)=>{if(e>g.length-1)return;const l=g[e].name;r?(g.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),m.currentThemeIndex=e,r.classList.contains(l)||r.classList.add(l)):Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{u(e,r)})):m.targetEl?u(e,m.targetEl):u(e,document.getElementsByTagName("html")[0])},v=(e,r)=>{r?e!==exports.DayNightModeEnum.dark||r.classList.contains(exports.DayNightModeEnum.dark)?e===exports.DayNightModeEnum.light&&r.classList.contains(exports.DayNightModeEnum.dark)&&r.classList.remove(exports.DayNightModeEnum.dark):r.classList.add(exports.DayNightModeEnum.dark):Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{v(e,r)})):m.targetEl?v(e,m.targetEl):v(e,document.getElementsByTagName("html")[0])},y=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=y(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},k=(()=>{const e={};for(const r in t)r.includes("color")?e[r]=y(t[r]):e[r]=t[r];return e})(),F=e=>{const r={};return k.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((a=>{const o={};for(let r=1;r<10;r++)o[r]=`var(${e}-color-${l}-${a}-${r})`;r[l][a]=o}))})),r},E=({key:e,namespace:r,keyPrepend:l="",generateNegative:a=!1})=>{const o={},t=k[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[l?l+"-"+i:i]=E({key:i,namespace:`${r}-${e}`,generateNegative:a})}})),o},z=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:a}=e,o={};return Object.keys(a).forEach((e=>{o[e]=`var(${r}-${l}-${e})`})),o};exports.autoStyleInjection=f,exports.cssVarCodex=t,exports.currentThemeList=g,exports.currentThemeOption=m,exports.defaultThemeList=r,exports.generateBaseStyles=x,exports.generateCssVarList=s,exports.generateExtraColors=z,exports.generateResetStyles=c,exports.generateThemeStyles=p,exports.generateUnocssTheme=(e="--el",r)=>{const l=(e=>({...E({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...E({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...E({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...F(e),text:E({key:"text-color",namespace:e}),bg:E({key:"bg-color",namespace:e}),border:E({key:"border-color",namespace:e}),fill:E({key:"fill-color",namespace:e}),extra:r?z({configs:r,namespace:e}):{}},fontSize:{...E({key:"font-size",namespace:e})}}},exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(m,e||{}),l.setAttribute("id",m.styleTagId),b(),m.targetEl&&Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{u(e&&e.initialThemeIndex?e.initialThemeIndex:0,r)})):u(e&&e.initialThemeIndex?e.initialThemeIndex:0,m.targetEl),m.autoResetStyleInjection&&f()},exports.injectThemeStyle=b,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=h,exports.setThemeClassByIndex=u,exports.setThemeClassByName=(e,r)=>{const l=g.findIndex((r=>r.name===e));return-1!==l&&(u(l,r),!0)},exports.toRgb=i,exports.toggleDayNightMode=v,exports.updateThemeColor=(e,r,l)=>{const a=g.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),b()};
|
|
1
|
+
"use strict";var e=require("color2k");const r=[{name:"athena",config:{light:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131B26",regular:"#5F6165",secondary:"#96979c",placeholder:"#CACBD0",disabled:"#CACBD0"},"bg-color":{DEFAULT:"#FFFFFF",page:"#F7F8Fd",secondary:"#F3F5Fb"},"border-color":{exlighter:"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7",exdarker:"#BEC2CF"},"fill-color":{blank:"#FFFFFF",reverse:"#000000",exlighter:"#FAFCFF",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#EEEEEE",darker:"#E6E8EB",exdarker:"#D9DDE3"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#7F8896"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#111821"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{exlighter:"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466",exdarker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243",exdarker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];var l,a,o;exports.ThemeCategory=void 0,(l=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",l.TextColor="text-color",l.BgColor="bg-color",l.BorderColor="border-color",l.FillColor="fill-color",l.ExtraColor="extra-color",l.BorderRadius="border-radius",l.Spacing="spacing",l.FontSize="font-size",l.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(o=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",o.dark="dark";const t={[exports.ThemeCategory.Color]:["primary","secondary","success","warning","danger","info"],[exports.ThemeCategory.TextColor]:["primary","regular","secondary","placeholder","disabled"],[exports.ThemeCategory.BgColor]:["DEFAULT","page","secondary"],[exports.ThemeCategory.BorderColor]:["exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[exports.ThemeCategory.FillColor]:["blank","reverse","exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[exports.ThemeCategory.ExtraColor]:[],[exports.ThemeCategory.BorderRadius]:["small","base","large","huge","round","circle"],[exports.ThemeCategory.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[exports.ThemeCategory.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[exports.ThemeCategory.ComponentSize]:["mini","small","DEFAULT","large"]},i=r=>{const l=e.toRgba(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`},n={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},s=({namespace:r,themeConfig:l,mode:a,generateRgb:o=!0,format:t=!1,generateColorLevels:s=!0})=>{let c,x="";const p=t?"\n":"";for(c in l){const t=l[c];Object.keys(t).forEach((l=>{const d="DEFAULT"===l?`${r}-${c}`:`${r}-${c}-${l}`;x+=`${d}: ${t[l]};`+p,d.toLowerCase().includes("color")&&o&&(x+=`${d}-rgb: ${i(t[l])};`+p),c===exports.ThemeCategory.Color&&s&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let o=1;o<10;o++)x+=`${d}-${r}-${o}: ${e.toHex(e.mix(t[l],n[a][r],.1*o))};`+p}))}))}return x=x.concat(`${r}-color-error: var(${r}-color-danger);`),x=x.concat(`${r}-bg-color-overlay: var(${r}-bg-color);`),x},c=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=""+(l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':"");("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";.theme-name-placeholder{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2 + 6px);--el-menu-sub-item-height:var(--el-menu-item-height);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}.theme-name-placeholder.dark{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.dark .theme-name-placeholder{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}');const t=e.themeList.map((e=>e.name));return o=o.replace(".theme-name-placeholder.dark",t.map((e=>`.${e}.dark`)).join(",")),o=o.replace(".dark .theme-name-placeholder",t.map((e=>`.dark .${e}`)).join(",")),o=o.replace(".theme-name-placeholder",t.map((e=>`.${e}`)).join(",")),o},x=(e,r)=>`.${r} { font-size: var(${e}-font-size-base); ${e}-color-white: #ffffff; ${e}-color-black: #000000; }`,p=e=>{let r="";const{namespace:l,themeList:a}=e;return a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((a=>{const o=s({namespace:l,themeConfig:e.config[a],mode:a});a===exports.DayNightModeEnum.light?r+=`.${e.name}, .${e.name}.${a}, .${e.name} .${l+"-"+a}, .${l+"-"+a} .${e.name} { color-scheme: light; ${o} }`:r+=`.${e.name}.${a}, .${e.name} .${l+"-"+a}, .${l+"-"+a} .${e.name} { color-scheme: dark; ${o} }`,r+=x(l,e.name)}))})),`${c(e)} ${r}`},d={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},g=[],m=Object.assign({},d),h=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(m.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==m.styleTagId&&(l=!0)})),l&&h()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(m,e),g.length=0,g.push(...m.themeList);document.head.querySelector(`#${m.styleTagId}`).innerText=p(m),m&&"function"==typeof m.onStylesSet&&m.onStylesSet()},u=(e,r)=>{if(e>g.length-1)return;const l=g[e].name;r?(g.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),m.currentThemeIndex=e,r.classList.contains(l)||r.classList.add(l)):Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{u(e,r)})):m.targetEl?u(e,m.targetEl):u(e,document.getElementsByTagName("html")[0])},v=(e,r)=>{r?e!==exports.DayNightModeEnum.dark||r.classList.contains(exports.DayNightModeEnum.dark)?e===exports.DayNightModeEnum.light&&r.classList.contains(exports.DayNightModeEnum.dark)&&r.classList.remove(exports.DayNightModeEnum.dark):r.classList.add(exports.DayNightModeEnum.dark):Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{v(e,r)})):m.targetEl?v(e,m.targetEl):v(e,document.getElementsByTagName("html")[0])},y=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=y(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},k=(()=>{const e={};for(const r in t)r.includes("color")?e[r]=y(t[r]):e[r]=t[r];return e})(),F=e=>{const r={};return k.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((a=>{const o={};for(let r=1;r<10;r++)o[r]=`var(${e}-color-${l}-${a}-${r})`;r[l][a]=o}))})),r},E=({key:e,namespace:r,keyPrepend:l="",generateNegative:a=!1})=>{const o={},t=k[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[l?l+"-"+i:i]=E({key:i,namespace:`${r}-${e}`,generateNegative:a})}})),o},z=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:a}=e,o={};return Object.keys(a).forEach((e=>{o[e]=`var(${r}-${l}-${e})`})),o};exports.autoStyleInjection=f,exports.cssVarCodex=t,exports.currentThemeList=g,exports.currentThemeOption=m,exports.defaultThemeList=r,exports.generateBaseStyles=x,exports.generateCssVarList=s,exports.generateExtraColors=z,exports.generateResetStyles=c,exports.generateThemeStyles=p,exports.generateUnocssTheme=(e="--el",r)=>{const l=(e=>({...E({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...E({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...E({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...F(e),text:E({key:"text-color",namespace:e}),bg:E({key:"bg-color",namespace:e}),border:E({key:"border-color",namespace:e}),fill:E({key:"fill-color",namespace:e}),extra:r?z({configs:r,namespace:e}):{}},fontSize:{...E({key:"font-size",namespace:e})}}},exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(m,e||{}),l.setAttribute("id",m.styleTagId),b(),m.targetEl&&Array.isArray(m.targetEl)?m.targetEl.forEach((r=>{u(e&&e.initialThemeIndex?e.initialThemeIndex:0,r)})):u(e&&e.initialThemeIndex?e.initialThemeIndex:0,m.targetEl),m.autoResetStyleInjection&&f()},exports.injectThemeStyle=b,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=h,exports.setThemeClassByIndex=u,exports.setThemeClassByName=(e,r)=>{const l=g.findIndex((r=>r.name===e));return-1!==l&&(u(l,r),!0)},exports.toRgb=i,exports.toggleDayNightMode=v,exports.updateThemeColor=(e,r,l)=>{const a=g.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),b()};
|
package/dist/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{toRgba as e,toHex as r,mix as l}from"color2k";const a=[{name:"athena",config:{light:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131B26",regular:"#5F6165",secondary:"#96979c",placeholder:"#CACBD0",disabled:"#CACBD0"},"bg-color":{DEFAULT:"#FFFFFF",page:"#F7F8Fd",secondary:"#F3F5Fb"},"border-color":{exlighter:"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7",exdarker:"#BEC2CF"},"fill-color":{blank:"#FFFFFF",reverse:"#000000",exlighter:"#FAFCFF",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#EEEEEE",darker:"#E6E8EB",exdarker:"#D9DDE3"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#7F8896"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#111821"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{exlighter:"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466",exdarker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243",exdarker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];var o,t,i;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.ExtraColor="extra-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(o||(o={})),function(e){e.light="light",e.dark="dark"}(t||(t={})),function(e){e.light="light",e.dark="dark"}(i||(i={}));const n={[o.Color]:["primary","secondary","success","warning","danger","info"],[o.TextColor]:["primary","regular","secondary","placeholder","disabled"],[o.BgColor]:["DEFAULT","page","secondary"],[o.BorderColor]:["exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[o.FillColor]:["blank","reverse","exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[o.ExtraColor]:[],[o.BorderRadius]:["small","base","large","huge","round","circle"],[o.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[o.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[o.ComponentSize]:["mini","small","DEFAULT","large"]},s=r=>{const l=e(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`},c={[t.light]:{light:"#FFFFFF",dark:"#000000"},[t.dark]:{light:"#000000",dark:"#FFFFFF"}},d=({namespace:e,themeConfig:a,mode:t,generateRgb:n=!0,format:d=!1,generateColorLevels:p=!0})=>{let x,g="";const m=d?"\n":"";for(x in a){const d=a[x];Object.keys(d).forEach((a=>{const h="DEFAULT"===a?`${e}-${x}`:`${e}-${x}-${a}`;g+=`${h}: ${d[a]};`+m,h.toLowerCase().includes("color")&&n&&(g+=`${h}-rgb: ${s(d[a])};`+m),x===o.Color&&p&&Object.keys(i).forEach((e=>{for(let o=1;o<10;o++)g+=`${h}-${e}-${o}: ${r(l(d[a],c[t][e],.1*o))};`+m}))}))}return g=g.concat(`${e}-color-error: var(${e}-color-danger);`),g=g.concat(`${e}-bg-color-overlay: var(${e}-bg-color);`),g},p=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=""+(l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':"");("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";.theme-name-placeholder{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2 + 6px);--el-menu-sub-item-height:var(--el-menu-item-height);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}.theme-name-placeholder.dark{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.dark .theme-name-placeholder{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}');const t=e.themeList.map((e=>e.name));return o=o.replace(".theme-name-placeholder.dark",t.map((e=>`.${e}.dark`)).join(",")),o=o.replace(".dark .theme-name-placeholde",t.map((e=>`.dark .${e}`)).join(",")),o=o.replace(".theme-name-placeholder",t.map((e=>`.${e}`)).join(",")),o},x=(e,r)=>`.${r} { font-size: var(${e}-font-size-base); ${e}-color-white: #ffffff; ${e}-color-black: #000000; }`,g=e=>{let r="";const{namespace:l,themeList:a}=e;return a.forEach((e=>{Object.keys(t).forEach((a=>{const o=d({namespace:l,themeConfig:e.config[a],mode:a});a===t.light?r+=`.${e.name} { color-scheme: light; ${o} }`:r+=`.${e.name}.${a}, .${e.name} .${l+"-"+a} { color-scheme: dark; ${o} } .${a} { .${e.name} { color-scheme: dark; ${o} } }`,r+=x(l,e.name)}))})),`${p(e)} ${r}`},m={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},h=[],f=Object.assign({},m),b=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(f,e||{}),l.setAttribute("id",f.styleTagId),k(),f.targetEl&&Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{y(e&&e.initialThemeIndex?e.initialThemeIndex:0,r)})):y(e&&e.initialThemeIndex?e.initialThemeIndex:0,f.targetEl),f.autoResetStyleInjection&&v()},u=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(f.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},v=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==f.styleTagId&&(l=!0)})),l&&u()}})).observe(e,{childList:!0})},k=e=>{e&&Object.assign(f,e),h.length=0,h.push(...f.themeList);document.head.querySelector(`#${f.styleTagId}`).innerText=g(f),f&&"function"==typeof f.onStylesSet&&f.onStylesSet()},F=(e,r,l)=>{const a=h.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),k()},y=(e,r)=>{if(e>h.length-1)return;const l=h[e].name;r?(h.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),f.currentThemeIndex=e,r.classList.contains(l)||r.classList.add(l)):Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{y(e,r)})):f.targetEl?y(e,f.targetEl):y(e,document.getElementsByTagName("html")[0])},z=(e,r)=>{const l=h.findIndex((r=>r.name===e));return-1!==l&&(y(l,r),!0)},E=(e,r)=>{r?e!==t.dark||r.classList.contains(t.dark)?e===t.light&&r.classList.contains(t.dark)&&r.classList.remove(t.dark):r.classList.add(t.dark):Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{E(e,r)})):f.targetEl?E(e,f.targetEl):E(e,document.getElementsByTagName("html")[0])},D=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=D(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},T=(()=>{const e={};for(const r in n)r.includes("color")?e[r]=D(n[r]):e[r]=n[r];return e})(),$=e=>{const r={};return T.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((a=>{const o={};for(let r=1;r<10;r++)o[r]=`var(${e}-color-${l}-${a}-${r})`;r[l][a]=o}))})),r},L=({key:e,namespace:r,keyPrepend:l="",generateNegative:a=!1})=>{const o={},t=T[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[l?l+"-"+i:i]=L({key:i,namespace:`${r}-${e}`,generateNegative:a})}})),o},A=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:a}=e,o={};return Object.keys(a).forEach((e=>{o[e]=`var(${r}-${l}-${e})`})),o},_=(e="--el",r)=>{const l=(e=>({...L({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...L({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...L({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...$(e),text:L({key:"text-color",namespace:e}),bg:L({key:"bg-color",namespace:e}),border:L({key:"border-color",namespace:e}),fill:L({key:"fill-color",namespace:e}),extra:r?A({configs:r,namespace:e}):{}},fontSize:{...L({key:"font-size",namespace:e})}}};export{t as DayNightModeEnum,i as MixModeEnum,o as ThemeCategory,v as autoStyleInjection,n as cssVarCodex,h as currentThemeList,f as currentThemeOption,a as defaultThemeList,x as generateBaseStyles,d as generateCssVarList,A as generateExtraColors,p as generateResetStyles,g as generateThemeStyles,_ as generateUnocssTheme,b as initQstTheme,k as injectThemeStyle,c as mixModeBaseColors,u as resetThemeStyleInjection,y as setThemeClassByIndex,z as setThemeClassByName,s as toRgb,E as toggleDayNightMode,F as updateThemeColor};
|
|
1
|
+
import{toRgba as e,toHex as r,mix as l}from"color2k";const a=[{name:"athena",config:{light:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131B26",regular:"#5F6165",secondary:"#96979c",placeholder:"#CACBD0",disabled:"#CACBD0"},"bg-color":{DEFAULT:"#FFFFFF",page:"#F7F8Fd",secondary:"#F3F5Fb"},"border-color":{exlighter:"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7",exdarker:"#BEC2CF"},"fill-color":{blank:"#FFFFFF",reverse:"#000000",exlighter:"#FAFCFF",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#EEEEEE",darker:"#E6E8EB",exdarker:"#D9DDE3"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",secondary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#7F8896"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#111821"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",secondary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{exlighter:"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466",exdarker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff",exlighter:"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243",exdarker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{exlighter:"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6",exdarker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000",exlighter:"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb",exdarker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",secondary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{exlighter:"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282",exdarker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent",exlighter:"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29",exdarker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];var o,t,i;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.ExtraColor="extra-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(o||(o={})),function(e){e.light="light",e.dark="dark"}(t||(t={})),function(e){e.light="light",e.dark="dark"}(i||(i={}));const n={[o.Color]:["primary","secondary","success","warning","danger","info"],[o.TextColor]:["primary","regular","secondary","placeholder","disabled"],[o.BgColor]:["DEFAULT","page","secondary"],[o.BorderColor]:["exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[o.FillColor]:["blank","reverse","exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[o.ExtraColor]:[],[o.BorderRadius]:["small","base","large","huge","round","circle"],[o.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[o.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[o.ComponentSize]:["mini","small","DEFAULT","large"]},s=r=>{const l=e(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`},c={[t.light]:{light:"#FFFFFF",dark:"#000000"},[t.dark]:{light:"#000000",dark:"#FFFFFF"}},d=({namespace:e,themeConfig:a,mode:t,generateRgb:n=!0,format:d=!1,generateColorLevels:p=!0})=>{let x,g="";const m=d?"\n":"";for(x in a){const d=a[x];Object.keys(d).forEach((a=>{const h="DEFAULT"===a?`${e}-${x}`:`${e}-${x}-${a}`;g+=`${h}: ${d[a]};`+m,h.toLowerCase().includes("color")&&n&&(g+=`${h}-rgb: ${s(d[a])};`+m),x===o.Color&&p&&Object.keys(i).forEach((e=>{for(let o=1;o<10;o++)g+=`${h}-${e}-${o}: ${r(l(d[a],c[t][e],.1*o))};`+m}))}))}return g=g.concat(`${e}-color-error: var(${e}-color-danger);`),g=g.concat(`${e}-bg-color-overlay: var(${e}-bg-color);`),g},p=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=""+(l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':"");("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";.theme-name-placeholder{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2 + 6px);--el-menu-sub-item-height:var(--el-menu-item-height);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}.theme-name-placeholder.dark{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.dark .theme-name-placeholder{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}');const t=e.themeList.map((e=>e.name));return o=o.replace(".theme-name-placeholder.dark",t.map((e=>`.${e}.dark`)).join(",")),o=o.replace(".dark .theme-name-placeholder",t.map((e=>`.dark .${e}`)).join(",")),o=o.replace(".theme-name-placeholder",t.map((e=>`.${e}`)).join(",")),o},x=(e,r)=>`.${r} { font-size: var(${e}-font-size-base); ${e}-color-white: #ffffff; ${e}-color-black: #000000; }`,g=e=>{let r="";const{namespace:l,themeList:a}=e;return a.forEach((e=>{Object.keys(t).forEach((a=>{const o=d({namespace:l,themeConfig:e.config[a],mode:a});a===t.light?r+=`.${e.name}, .${e.name}.${a}, .${e.name} .${l+"-"+a}, .${l+"-"+a} .${e.name} { color-scheme: light; ${o} }`:r+=`.${e.name}.${a}, .${e.name} .${l+"-"+a}, .${l+"-"+a} .${e.name} { color-scheme: dark; ${o} }`,r+=x(l,e.name)}))})),`${p(e)} ${r}`},m={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},h=[],f=Object.assign({},m),b=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(f,e||{}),l.setAttribute("id",f.styleTagId),k(),f.targetEl&&Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{y(e&&e.initialThemeIndex?e.initialThemeIndex:0,r)})):y(e&&e.initialThemeIndex?e.initialThemeIndex:0,f.targetEl),f.autoResetStyleInjection&&v()},u=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(f.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},v=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==f.styleTagId&&(l=!0)})),l&&u()}})).observe(e,{childList:!0})},k=e=>{e&&Object.assign(f,e),h.length=0,h.push(...f.themeList);document.head.querySelector(`#${f.styleTagId}`).innerText=g(f),f&&"function"==typeof f.onStylesSet&&f.onStylesSet()},F=(e,r,l)=>{const a=h.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),k()},y=(e,r)=>{if(e>h.length-1)return;const l=h[e].name;r?(h.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),f.currentThemeIndex=e,r.classList.contains(l)||r.classList.add(l)):Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{y(e,r)})):f.targetEl?y(e,f.targetEl):y(e,document.getElementsByTagName("html")[0])},z=(e,r)=>{const l=h.findIndex((r=>r.name===e));return-1!==l&&(y(l,r),!0)},E=(e,r)=>{r?e!==t.dark||r.classList.contains(t.dark)?e===t.light&&r.classList.contains(t.dark)&&r.classList.remove(t.dark):r.classList.add(t.dark):Array.isArray(f.targetEl)?f.targetEl.forEach((r=>{E(e,r)})):f.targetEl?E(e,f.targetEl):E(e,document.getElementsByTagName("html")[0])},$=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=$(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},D=(()=>{const e={};for(const r in n)r.includes("color")?e[r]=$(n[r]):e[r]=n[r];return e})(),T=e=>{const r={};return D.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((a=>{const o={};for(let r=1;r<10;r++)o[r]=`var(${e}-color-${l}-${a}-${r})`;r[l][a]=o}))})),r},L=({key:e,namespace:r,keyPrepend:l="",generateNegative:a=!1})=>{const o={},t=D[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[l?l+"-"+i:i]=L({key:i,namespace:`${r}-${e}`,generateNegative:a})}})),o},A=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:a}=e,o={};return Object.keys(a).forEach((e=>{o[e]=`var(${r}-${l}-${e})`})),o},_=(e="--el",r)=>{const l=(e=>({...L({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...L({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...L({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...T(e),text:L({key:"text-color",namespace:e}),bg:L({key:"bg-color",namespace:e}),border:L({key:"border-color",namespace:e}),fill:L({key:"fill-color",namespace:e}),extra:r?A({configs:r,namespace:e}):{}},fontSize:{...L({key:"font-size",namespace:e})}}};export{t as DayNightModeEnum,i as MixModeEnum,o as ThemeCategory,v as autoStyleInjection,n as cssVarCodex,h as currentThemeList,f as currentThemeOption,a as defaultThemeList,x as generateBaseStyles,d as generateCssVarList,A as generateExtraColors,p as generateResetStyles,g as generateThemeStyles,_ as generateUnocssTheme,b as initQstTheme,k as injectThemeStyle,c as mixModeBaseColors,u as resetThemeStyleInjection,y as setThemeClassByIndex,z as setThemeClassByName,s as toRgb,E as toggleDayNightMode,F as updateThemeColor};
|