@itshixun/qst-ui-system 0.3.0 → 0.3.1

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.
Files changed (8) hide show
  1. package/dist/index.common.js +1 -1
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.es.js +1 -1
  4. package/dist/theme/defaultThemeList.d.ts +1 -1
  5. package/dist/theme/theme.d.ts +5 -74
  6. package/dist/theme/types.d.ts +64 -0
  7. package/dist/theme/utils.d.ts +19 -0
  8. package/package.json +23 -19
package/dist/index.common.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("color2k");const r=[{name:"athena",config:{light:{color:{primary:"#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",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",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",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",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",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"}}}}];const l=r=>{const l=e.toRgba(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`};var o,a,t;exports.ThemeCategory=void 0,(o=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",o.TextColor="text-color",o.BgColor="bg-color",o.BorderColor="border-color",o.FillColor="fill-color",o.ExtraColor="extra-color",o.BorderRadius="border-radius",o.Spacing="spacing",o.FontSize="font-size",o.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(t=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",t.dark="dark";const i={[exports.ThemeCategory.Color]:["primary","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"]},n={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},s={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},c=[],x=Object.assign({},s),p=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(x.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},d=()=>{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!==x.styleTagId&&(l=!0)})),l&&p()}})).observe(e,{childList:!0})},g=e=>{e&&Object.assign(x,e),c.length=0,c.push(...x.themeList);const r=document.head.querySelector(`#${x.styleTagId}`);let l="";const{namespace:o,themeList:a}=x;a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const a=h({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?l+=`.${e.name} { color-scheme: light; ${a} }`:l+=`.${e.name}.${r} { color-scheme: dark; ${a} } .${r} { .${e.name} { color-scheme: dark; ${a} } }`}))})),r.innerText=`${m(x)} ${l}`,x&&"function"==typeof x.onStylesSet&&x.onStylesSet()},m=e=>{const{namespace:r,cssReset:l,uiLibs:o}=e;let a=`${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;}ul{list-style:none;}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;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof o?[o]:o).includes("element-plus")&&(a+='@charset "UTF-8";html body{--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);}html.dark body{--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);}'),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a.replace("--el-",`${r}-`)},h=({namespace:r,targetTheme:o,mode:a})=>{const t=o.config[a];let i,s="";for(i in t){const o=t[i];Object.keys(o).forEach((t=>{const c="DEFAULT"===t?`${r}-${i}`:`${r}-${i}-${t}`;s+=`${c}: ${o[t]}; `,c.toLowerCase().includes("color")&&(s+=`${c}-rgb: ${l(o[t])}; `),i===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let l=1;l<10;l++)s+=`${c}-${r}-${l}: ${e.toHex(e.mix(o[t],n[a][r],.1*l))}; `}))}))}return s=s.concat(" ",`${r}-color-error: var(${r}-color-danger);`),s=s.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),s},f=(e,r)=>{if(e>c.length-1)return;const l=r||document.getElementsByTagName("html")[0],o=c[e].name;c.forEach((e=>{l.classList.contains(e.name)&&e.name!==o&&l.classList.remove(e.name)})),l.classList.contains(o)||l.classList.add(o)},b=e=>{const r={},l=[];return e.forEach((e=>{const o=e.split("-");if(o.length>1){const e=o.shift(),a=b(o);r[e]?r[e].push(...a):(r[e]=a,l.push({[e]:r[e]}))}else l.push(e)})),l},u=(()=>{const e={};for(const r in i)r.includes("color")?e[r]=b(i[r]):e[r]=i[r];return e})(),v=e=>{const r={};return u.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((o=>{const a={};for(let r=1;r<10;r++)a[r]=`var(${e}-color-${l}-${o}-${r})`;r[l][o]=a}))})),r},y=({key:e,namespace:r,keyPrepend:l="",generateNegative:o=!1})=>{const a={},t=u[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})`),a[i]=n,o&&(a[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];a[l?l+"-"+i:i]=y({key:i,namespace:`${r}-${e}`,generateNegative:o})}})),a},k=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:o}=e,a={};return Object.keys(o).forEach((e=>{a[e]=`var(${r}-${l}-${e})`})),a};exports.autoStyleInjection=d,exports.cssVarCodex=i,exports.currentThemeList=c,exports.currentThemeOption=x,exports.defaultThemeList=r,exports.generateExtraColors=k,exports.generateUnocssTheme=(e="--el",r)=>{const l=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({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:{...y({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...v(e),text:y({key:"text-color",namespace:e}),bg:y({key:"bg-color",namespace:e}),border:y({key:"border-color",namespace:e}),fill:y({key:"fill-color",namespace:e}),extra:r?k({configs:r,namespace:e}):{}},fontSize:{...y({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(x,e||{}),l.setAttribute("id",x.styleTagId),g(),f(e&&e.initialThemeIndex?e.initialThemeIndex:0),x.autoResetStyleInjection&&d()},exports.injectThemeStyle=g,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=f,exports.setThemeClassByName=(e,r)=>{const l=c.findIndex((r=>r.name===e));return-1!==l&&(f(l,r),!0)},exports.toggleDayNightMode=(e,r)=>{const l=r||document.getElementsByTagName("html")[0];e!==exports.DayNightModeEnum.dark||l.classList.contains(exports.DayNightModeEnum.dark)?e===exports.DayNightModeEnum.light&&l.classList.contains(exports.DayNightModeEnum.dark)&&l.classList.remove(exports.DayNightModeEnum.dark):l.classList.add(exports.DayNightModeEnum.dark)},exports.updateThemeColor=(e,r,l)=>{const o=c.find((r=>r.name===e));o&&o.config[r]&&Object.assign(o.config[r].color,l),g()};
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,o,a;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,(o=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",o.dark="dark",exports.MixModeEnum=void 0,(a=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",a.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:o,generateRgb:a=!0,format:t=!1,generateColorLevels:s=!0})=>{let c,x="";const d=t?"\n":"";for(c in l){const t=l[c];Object.keys(t).forEach((l=>{const p="DEFAULT"===l?`${r}-${c}`:`${r}-${c}-${l}`;x+=`${p}: ${t[l]};`+d,p.toLowerCase().includes("color")&&a&&(x+=`${p}-rgb: ${i(t[l])};`+d),c===exports.ThemeCategory.Color&&s&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let a=1;a<10;a++)x+=`${p}-${r}-${a}: ${e.toHex(e.mix(t[l],n[o][r],.1*a))};`+d}))}))}return x=x.concat(`${r}-color-error: var(${r}-color-danger);\n`),x=x.concat(`${r}-bg-color-overlay: var(${r}-bg-color);\n`),x},c={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},x=[],d=Object.assign({},c),p=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(d.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},g=()=>{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!==d.styleTagId&&(l=!0)})),l&&p()}})).observe(e,{childList:!0})},m=e=>{e&&Object.assign(d,e),x.length=0,x.push(...d.themeList);const r=document.head.querySelector(`#${d.styleTagId}`);let l="";const{namespace:o,themeList:a}=d;a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const a=s({namespace:o,themeConfig:e.config[r],mode:r});r===exports.DayNightModeEnum.light?l+=`.${e.name} { color-scheme: light; ${a} }`:l+=`.${e.name}.${r} { color-scheme: dark; ${a} } .${r} { .${e.name} { color-scheme: dark; ${a} } }`}))})),r.innerText=`${h(d)} ${l}`,d&&"function"==typeof d.onStylesSet&&d.onStylesSet()},h=e=>{const{namespace:r,cssReset:l,uiLibs:o}=e;let a=`${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;}ul{list-style:none;}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;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof o?[o]:o).includes("element-plus")&&(a+='@charset "UTF-8";html body{--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);}html.dark body{--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);}'),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a.replace("--el-",`${r}-`)},f=(e,r)=>{if(e>x.length-1)return;const l=r||document.getElementsByTagName("html")[0],o=x[e].name;x.forEach((e=>{l.classList.contains(e.name)&&e.name!==o&&l.classList.remove(e.name)})),d.currentThemeIndex=e,l.classList.contains(o)||l.classList.add(o)},b=e=>{const r={},l=[];return e.forEach((e=>{const o=e.split("-");if(o.length>1){const e=o.shift(),a=b(o);r[e]?r[e].push(...a):(r[e]=a,l.push({[e]:r[e]}))}else l.push(e)})),l},u=(()=>{const e={};for(const r in t)r.includes("color")?e[r]=b(t[r]):e[r]=t[r];return e})(),v=e=>{const r={};return u.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((o=>{const a={};for(let r=1;r<10;r++)a[r]=`var(${e}-color-${l}-${o}-${r})`;r[l][o]=a}))})),r},y=({key:e,namespace:r,keyPrepend:l="",generateNegative:o=!1})=>{const a={},t=u[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})`),a[i]=n,o&&(a[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];a[l?l+"-"+i:i]=y({key:i,namespace:`${r}-${e}`,generateNegative:o})}})),a},k=e=>{const{namespace:r="--el",configkey:l="extra-color",configs:o}=e,a={};return Object.keys(o).forEach((e=>{a[e]=`var(${r}-${l}-${e})`})),a};exports.autoStyleInjection=g,exports.cssVarCodex=t,exports.currentThemeList=x,exports.currentThemeOption=d,exports.defaultThemeList=r,exports.generateCssVarList=s,exports.generateExtraColors=k,exports.generateUnocssTheme=(e="--el",r)=>{const l=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({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:{...y({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...v(e),text:y({key:"text-color",namespace:e}),bg:y({key:"bg-color",namespace:e}),border:y({key:"border-color",namespace:e}),fill:y({key:"fill-color",namespace:e}),extra:r?k({configs:r,namespace:e}):{}},fontSize:{...y({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(d,e||{}),l.setAttribute("id",d.styleTagId),m(),f(e&&e.initialThemeIndex?e.initialThemeIndex:0),d.autoResetStyleInjection&&g()},exports.injectThemeStyle=m,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=f,exports.setThemeClassByName=(e,r)=>{const l=x.findIndex((r=>r.name===e));return-1!==l&&(f(l,r),!0)},exports.toRgb=i,exports.toggleDayNightMode=(e,r)=>{const l=r||document.getElementsByTagName("html")[0];e!==exports.DayNightModeEnum.dark||l.classList.contains(exports.DayNightModeEnum.dark)?e===exports.DayNightModeEnum.light&&l.classList.contains(exports.DayNightModeEnum.dark)&&l.classList.remove(exports.DayNightModeEnum.dark):l.classList.add(exports.DayNightModeEnum.dark)},exports.updateThemeColor=(e,r,l)=>{const o=x.find((r=>r.name===e));o&&o.config[r]&&Object.assign(o.config[r].color,l),m()};
package/dist/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  export * from './theme/defaultThemeList';
2
2
  export * from './theme/theme';
3
3
  export * from './theme/themeForUnocss';
4
+ export * from './theme/types';
5
+ export * from './theme/utils';
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",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",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",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",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",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",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"}}}}];const o=r=>{const l=e(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`};var t,i,n;!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"}(t||(t={})),function(e){e.light="light",e.dark="dark"}(i||(i={})),function(e){e.light="light",e.dark="dark"}(n||(n={}));const s={[t.Color]:["primary","success","warning","danger","info"],[t.TextColor]:["primary","regular","secondary","placeholder","disabled"],[t.BgColor]:["DEFAULT","page","secondary"],[t.BorderColor]:["exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[t.FillColor]:["blank","reverse","exlighter","lighter","light","DEFAULT","dark","darker","exdarker"],[t.ExtraColor]:[],[t.BorderRadius]:["small","base","large","huge","round","circle"],[t.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[t.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[t.ComponentSize]:["mini","small","DEFAULT","large"]},c={[i.light]:{light:"#FFFFFF",dark:"#000000"},[i.dark]:{light:"#000000",dark:"#FFFFFF"}},d={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},x=[],p=Object.assign({},d),g=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(p,e||{}),l.setAttribute("id",p.styleTagId),b(),k(e&&e.initialThemeIndex?e.initialThemeIndex:0),p.autoResetStyleInjection&&f()},m=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(p.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!==p.styleTagId&&(l=!0)})),l&&m()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(p,e),x.length=0,x.push(...p.themeList);const r=document.head.querySelector(`#${p.styleTagId}`);let l="";const{namespace:a,themeList:o}=p;o.forEach((e=>{Object.keys(i).forEach((r=>{const o=v({namespace:a,targetTheme:e,mode:r});r===i.light?l+=`.${e.name} { color-scheme: light; ${o} }`:l+=`.${e.name}.${r} { color-scheme: dark; ${o} } .${r} { .${e.name} { color-scheme: dark; ${o} } }`}))})),r.innerText=`${u(p)} ${l}`,p&&"function"==typeof p.onStylesSet&&p.onStylesSet()},h=(e,r,l)=>{const a=x.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),b()},u=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;}ul{list-style:none;}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;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";html body{--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);}html.dark body{--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);}'),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o.replace("--el-",`${r}-`)},v=({namespace:e,targetTheme:a,mode:i})=>{const s=a.config[i];let d,x="";for(d in s){const a=s[d];Object.keys(a).forEach((s=>{const p="DEFAULT"===s?`${e}-${d}`:`${e}-${d}-${s}`;x+=`${p}: ${a[s]}; `,p.toLowerCase().includes("color")&&(x+=`${p}-rgb: ${o(a[s])}; `),d===t.Color&&Object.keys(n).forEach((e=>{for(let o=1;o<10;o++)x+=`${p}-${e}-${o}: ${r(l(a[s],c[i][e],.1*o))}; `}))}))}return x=x.concat(" ",`${e}-color-error: var(${e}-color-danger);`),x=x.concat(" ",`${e}-bg-color-overlay: var(${e}-bg-color);`),x},k=(e,r)=>{if(e>x.length-1)return;const l=r||document.getElementsByTagName("html")[0],a=x[e].name;x.forEach((e=>{l.classList.contains(e.name)&&e.name!==a&&l.classList.remove(e.name)})),l.classList.contains(a)||l.classList.add(a)},y=(e,r)=>{const l=x.findIndex((r=>r.name===e));return-1!==l&&(k(l,r),!0)},z=(e,r)=>{const l=r||document.getElementsByTagName("html")[0];e!==i.dark||l.classList.contains(i.dark)?e===i.light&&l.classList.contains(i.dark)&&l.classList.remove(i.dark):l.classList.add(i.dark)},F=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=F(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},E=(()=>{const e={};for(const r in s)r.includes("color")?e[r]=F(s[r]):e[r]=s[r];return e})(),T=e=>{const r={};return E.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},D=({key:e,namespace:r,keyPrepend:l="",generateNegative:a=!1})=>{const o={},t=E[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]=D({key:i,namespace:`${r}-${e}`,generateNegative:a})}})),o},L=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=>({...D({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...D({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:{...D({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...T(e),text:D({key:"text-color",namespace:e}),bg:D({key:"bg-color",namespace:e}),border:D({key:"border-color",namespace:e}),fill:D({key:"fill-color",namespace:e}),extra:r?L({configs:r,namespace:e}):{}},fontSize:{...D({key:"font-size",namespace:e})}}};export{i as DayNightModeEnum,n as MixModeEnum,t as ThemeCategory,f as autoStyleInjection,s as cssVarCodex,x as currentThemeList,p as currentThemeOption,a as defaultThemeList,L as generateExtraColors,$ as generateUnocssTheme,g as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,m as resetThemeStyleInjection,k as setThemeClassByIndex,y as setThemeClassByName,z as toggleDayNightMode,h 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:x=!0})=>{let p,g="";const m=d?"\n":"";for(p in a){const d=a[p];Object.keys(d).forEach((a=>{const f="DEFAULT"===a?`${e}-${p}`:`${e}-${p}-${a}`;g+=`${f}: ${d[a]};`+m,f.toLowerCase().includes("color")&&n&&(g+=`${f}-rgb: ${s(d[a])};`+m),p===o.Color&&x&&Object.keys(i).forEach((e=>{for(let o=1;o<10;o++)g+=`${f}-${e}-${o}: ${r(l(d[a],c[t][e],.1*o))};`+m}))}))}return g=g.concat(`${e}-color-error: var(${e}-color-danger);\n`),g=g.concat(`${e}-bg-color-overlay: var(${e}-bg-color);\n`),g},x={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},p=[],g=Object.assign({},x),m=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(g,e||{}),l.setAttribute("id",g.styleTagId),b(),k(e&&e.initialThemeIndex?e.initialThemeIndex:0),g.autoResetStyleInjection&&h()},f=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(g.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},h=()=>{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!==g.styleTagId&&(l=!0)})),l&&f()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(g,e),p.length=0,p.push(...g.themeList);const r=document.head.querySelector(`#${g.styleTagId}`);let l="";const{namespace:a,themeList:o}=g;o.forEach((e=>{Object.keys(t).forEach((r=>{const o=d({namespace:a,themeConfig:e.config[r],mode:r});r===t.light?l+=`.${e.name} { color-scheme: light; ${o} }`:l+=`.${e.name}.${r} { color-scheme: dark; ${o} } .${r} { .${e.name} { color-scheme: dark; ${o} } }`}))})),r.innerText=`${v(g)} ${l}`,g&&"function"==typeof g.onStylesSet&&g.onStylesSet()},u=(e,r,l)=>{const a=p.find((r=>r.name===e));a&&a.config[r]&&Object.assign(a.config[r].color,l),b()},v=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;}ul{list-style:none;}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;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";html body{--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);}html.dark body{--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);}'),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o.replace("--el-",`${r}-`)},k=(e,r)=>{if(e>p.length-1)return;const l=r||document.getElementsByTagName("html")[0],a=p[e].name;p.forEach((e=>{l.classList.contains(e.name)&&e.name!==a&&l.classList.remove(e.name)})),g.currentThemeIndex=e,l.classList.contains(a)||l.classList.add(a)},F=(e,r)=>{const l=p.findIndex((r=>r.name===e));return-1!==l&&(k(l,r),!0)},y=(e,r)=>{const l=r||document.getElementsByTagName("html")[0];e!==t.dark||l.classList.contains(t.dark)?e===t.light&&l.classList.contains(t.dark)&&l.classList.remove(t.dark):l.classList.add(t.dark)},z=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=z(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},E=(()=>{const e={};for(const r in n)r.includes("color")?e[r]=z(n[r]):e[r]=n[r];return e})(),D=e=>{const r={};return E.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=E[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},T=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)`,...D(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?T({configs:r,namespace:e}):{}},fontSize:{...L({key:"font-size",namespace:e})}}};export{t as DayNightModeEnum,i as MixModeEnum,o as ThemeCategory,h as autoStyleInjection,n as cssVarCodex,p as currentThemeList,g as currentThemeOption,a as defaultThemeList,d as generateCssVarList,T as generateExtraColors,$ as generateUnocssTheme,m as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,f as resetThemeStyleInjection,k as setThemeClassByIndex,F as setThemeClassByName,s as toRgb,y as toggleDayNightMode,u as updateThemeColor};
package/dist/theme/defaultThemeList.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import type { UITheme } from './theme';
1
+ import type { UITheme } from './types';
2
2
  export declare const defaultThemeList: UITheme[];
package/dist/theme/theme.d.ts CHANGED
@@ -1,79 +1,8 @@
1
- export declare enum ThemeCategory {
2
- Color = "color",
3
- TextColor = "text-color",
4
- BgColor = "bg-color",
5
- BorderColor = "border-color",
6
- FillColor = "fill-color",
7
- ExtraColor = "extra-color",
8
- BorderRadius = "border-radius",
9
- Spacing = "spacing",
10
- FontSize = "font-size",
11
- ComponentSize = "component-size"
12
- }
13
- export declare enum DayNightModeEnum {
14
- light = "light",
15
- dark = "dark"
16
- }
17
- export declare enum MixModeEnum {
18
- light = "light",
19
- dark = "dark"
20
- }
21
- export declare const cssVarCodex: {
22
- color: readonly ["primary", "success", "warning", "danger", "info"];
23
- "text-color": readonly ["primary", "regular", "secondary", "placeholder", "disabled"];
24
- "bg-color": readonly ["DEFAULT", "page", "secondary"];
25
- "border-color": readonly ["exlighter", "lighter", "light", "DEFAULT", "dark", "darker", "exdarker"];
26
- "fill-color": readonly ["blank", "reverse", "exlighter", "lighter", "light", "DEFAULT", "dark", "darker", "exdarker"];
27
- "extra-color": string[];
28
- "border-radius": readonly ["small", "base", "large", "huge", "round", "circle"];
29
- spacing: readonly ["xxxs", "xxs", "xs", "sm", "md", "DEFAULT", "lg", "xl", "xxl", "xxxl"];
30
- "font-size": readonly ["extra-small", "small", "base", "medium", "large", "extra-large", "xxl", "xxxl"];
31
- "component-size": readonly ["mini", "small", "DEFAULT", "large"];
32
- };
33
- export type ThemeConfig = {
34
- [K in ThemeCategory]: Record<(typeof cssVarCodex)[K][number], string>;
35
- };
36
- export interface UITheme {
37
- name: string;
38
- config: {
39
- [T in DayNightModeEnum]: ThemeConfig;
40
- };
41
- }
42
- export declare const mixModeBaseColors: {
43
- light: {
44
- light: string;
45
- dark: string;
46
- };
47
- dark: {
48
- light: string;
49
- dark: string;
50
- };
51
- };
52
- /** 组件库计划支持'element-ui', 'element-plus', 'ant-design-vue', 'ant-design', 'vant' */
53
- export type UILib = 'element-ui' | 'element-plus' | 'ant-design-vue' | 'ant-design' | 'vant';
54
- /** 主题选项 */
55
- export interface ThemeOption {
56
- /** 主题css变量命名空间 默认--el */
57
- namespace?: string;
58
- /** 主题列表 */
59
- themeList?: UITheme[];
60
- /** 主题样式设置完成后的回调函数 */
61
- onStylesSet?: () => void;
62
- /** 是否包含css重置样式(reset/normalize) 默认是 */
63
- cssReset?: boolean;
64
- /** 需要适配的组件库(进行样式覆盖/主题定制) */
65
- uiLibs?: UILib | UILib[];
66
- /** 初始主题序号, 默认为主题列表中第一个主题 */
67
- initialThemeIndex?: number;
68
- /** 注入<head>内的样式id，默认qst_theme */
69
- styleTagId?: string;
70
- /** 开启自动重置样式注入功能：监控<head>中的样式顺序，如果新增样式标签，自动将主题样式重置到最底部，保证主题样式的覆盖作用，默认true */
71
- autoResetStyleInjection?: boolean;
72
- }
1
+ import { DayNightModeEnum, ThemeOption, cssVarCodex, UITheme } from './types';
73
2
  export declare const currentThemeList: UITheme[];
74
3
  export declare const currentThemeOption: ThemeOption;
75
4
  /**
76
- * 初始化QstUI
5
+ * 初始化QstUI：初始化样式，注入样式，设置默认主题
77
6
  * @param option {ThemeOption} UI主题选项
78
7
  */
79
8
  export declare const initQstTheme: (option?: ThemeOption) => void;
@@ -82,7 +11,9 @@ export declare const initQstTheme: (option?: ThemeOption) => void;
82
11
  * 每次切换页面都会在head内新增部分样式，此时需要重新将主题样式移动到最后，来保证主题样式的覆盖作用
83
12
  */
84
13
  export declare const resetThemeStyleInjection: () => void;
85
- /** 自动重置样式注入功能：监控<head>中的<style>样式顺序，如果新增样式标签，自动将主题样式重置到最底部，保证主题样式的覆盖作用 */
14
+ /**
15
+ * 自动重置样式注入功能：监控<head>中的<style>样式顺序，如果新增样式标签，自动将主题样式重置到最底部，保证主题样式的覆盖作用
16
+ */
86
17
  export declare const autoStyleInjection: () => void;
87
18
  /**
88
19
  * 在header中插入style标签，生成根据传入的option生成的样式
package/dist/theme/types.d.ts ADDED
@@ -0,0 +1,64 @@
1
+ export declare enum ThemeCategory {
2
+ Color = "color",
3
+ TextColor = "text-color",
4
+ BgColor = "bg-color",
5
+ BorderColor = "border-color",
6
+ FillColor = "fill-color",
7
+ ExtraColor = "extra-color",
8
+ BorderRadius = "border-radius",
9
+ Spacing = "spacing",
10
+ FontSize = "font-size",
11
+ ComponentSize = "component-size"
12
+ }
13
+ export declare enum DayNightModeEnum {
14
+ light = "light",
15
+ dark = "dark"
16
+ }
17
+ export declare enum MixModeEnum {
18
+ light = "light",
19
+ dark = "dark"
20
+ }
21
+ export declare const cssVarCodex: {
22
+ color: readonly ["primary", "secondary", "success", "warning", "danger", "info"];
23
+ "text-color": readonly ["primary", "regular", "secondary", "placeholder", "disabled"];
24
+ "bg-color": readonly ["DEFAULT", "page", "secondary"];
25
+ "border-color": readonly ["exlighter", "lighter", "light", "DEFAULT", "dark", "darker", "exdarker"];
26
+ "fill-color": readonly ["blank", "reverse", "exlighter", "lighter", "light", "DEFAULT", "dark", "darker", "exdarker"];
27
+ "extra-color": string[];
28
+ "border-radius": readonly ["small", "base", "large", "huge", "round", "circle"];
29
+ spacing: readonly ["xxxs", "xxs", "xs", "sm", "md", "DEFAULT", "lg", "xl", "xxl", "xxxl"];
30
+ "font-size": readonly ["extra-small", "small", "base", "medium", "large", "extra-large", "xxl", "xxxl"];
31
+ "component-size": readonly ["mini", "small", "DEFAULT", "large"];
32
+ };
33
+ export type ThemeConfig = {
34
+ [K in ThemeCategory]: Partial<Record<(typeof cssVarCodex)[K][number], string>>;
35
+ };
36
+ export interface UITheme {
37
+ name: string;
38
+ config: {
39
+ [T in DayNightModeEnum]: ThemeConfig;
40
+ };
41
+ }
42
+ /** 组件库计划支持'element-ui', 'element-plus', 'ant-design-vue', 'ant-design', 'vant' */
43
+ export type UILib = 'element-ui' | 'element-plus' | 'ant-design-vue' | 'ant-design' | 'vant';
44
+ /** 主题选项 */
45
+ export interface ThemeOption {
46
+ /** 主题css变量命名空间 默认--el */
47
+ namespace?: string;
48
+ /** 主题列表 */
49
+ themeList?: UITheme[];
50
+ /** 主题样式设置完成后的回调函数 */
51
+ onStylesSet?: () => void;
52
+ /** 是否包含css重置样式(reset/normalize) 默认是 */
53
+ cssReset?: boolean;
54
+ /** 需要适配的组件库(进行样式覆盖/主题定制) */
55
+ uiLibs?: UILib | UILib[];
56
+ /** 初始主题序号, 默认为主题列表中第一个主题 */
57
+ initialThemeIndex?: number;
58
+ /** 当前主题序号 */
59
+ currentThemeIndex?: number;
60
+ /** 注入<head>内的样式id，默认qst_theme */
61
+ styleTagId?: string;
62
+ /** 开启自动重置样式注入功能：监控<head>中的样式顺序，如果新增样式标签，自动将主题样式重置到最底部，保证主题样式的覆盖作用，默认true */
63
+ autoResetStyleInjection?: boolean;
64
+ }
package/dist/theme/utils.d.ts CHANGED
@@ -1,2 +1,21 @@
1
+ import { DayNightModeEnum, ThemeConfig } from './types';
1
2
  /** 传入任何颜色，比如'#ff00ff' 或者'rgba(0, 0, 0, 1)' 等，返回rgb字符串：.eg: '255, 255, 255' */
2
3
  export declare const toRgb: (color: string) => string;
4
+ export declare const mixModeBaseColors: {
5
+ light: {
6
+ light: string;
7
+ dark: string;
8
+ };
9
+ dark: {
10
+ light: string;
11
+ dark: string;
12
+ };
13
+ };
14
+ export declare const generateCssVarList: ({ namespace, themeConfig, mode, generateRgb, format, generateColorLevels, }: {
15
+ namespace: string;
16
+ themeConfig: ThemeConfig;
17
+ mode: DayNightModeEnum;
18
+ generateRgb?: boolean;
19
+ format?: boolean;
20
+ generateColorLevels?: boolean;
21
+ }) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itshixun/qst-ui-system",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "description": "qst ui system",
5
5
  "author": "mutueye <mutuyueniao@gmail.com>",
6
6
  "license": "MIT",
@@ -30,47 +30,51 @@
30
30
  "lint": "npx lint-staged",
31
31
  "format": "prettier . --write",
32
32
  "format:check": "prettier . --check",
33
- "lint:es": "eslint --ext .js,.ts --ignore-path .eslintignore --fix src",
34
- "lint:es:check": "eslint --ext .js,.ts --ignore-path .eslintignore src",
35
- "lint:style": "stylelint ./src/**/*.{vue,css,scss} --fix",
36
- "lint:style:check": "stylelint ./src/**/*.{vue,css,scss}",
33
+ "lint:es:fix": "eslint --debug --fix",
34
+ "lint:es:check": "eslint --debug",
35
+ "lint:style:fix": "stylelint ./**/*.{vue,css,scss,html} --fix",
36
+ "lint:style:check": "stylelint ./**/*.{vue,css,scss,html}",
37
37
  "pub": "pnpm build && npm publish"
38
38
  },
39
39
  "dependencies": {
40
40
  "color2k": "^2.0.3"
41
41
  },
42
42
  "devDependencies": {
43
+ "@eslint/js": "^9.18.0",
43
44
  "@rollup/plugin-terser": "^0.4.4",
44
45
  "@rollup/plugin-typescript": "^11.1.6",
45
46
  "@types/lodash-es": "^4.17.12",
46
47
  "@typescript-eslint/eslint-plugin": "^7.4.0",
47
48
  "@typescript-eslint/parser": "^7.4.0",
48
49
  "element-theme-chalk": "^2.15.14",
49
- "eslint": "^8.57.0",
50
- "eslint-config-prettier": "^9.1.0",
51
- "eslint-plugin-prettier": "^5.1.3",
50
+ "eslint": "^9.18.0",
51
+ "eslint-config-prettier": "^10.0.1",
52
+ "eslint-plugin-prettier": "^5.2.3",
53
+ "eslint-plugin-vue": "^9.32.0",
54
+ "esno": "^4.8.0",
52
55
  "glob": "^10.3.12",
53
56
  "lint-staged": "^15.2.2",
54
57
  "postcss": "^8.4.38",
55
58
  "postcss-html": "^1.6.0",
56
59
  "postcss-scss": "^4.0.9",
57
- "prettier": "^3.2.5",
60
+ "prettier": "^3.3.3",
58
61
  "rimraf": "^5.0.5",
59
62
  "rollup": "^4.13.2",
60
63
  "rollup-plugin-copy": "^3.5.0",
61
64
  "rollup-plugin-import-css": "^3.5.0",
62
65
  "rollup-plugin-scss": "^4.0.0",
63
66
  "sass": "^1.72.0",
64
- "stylelint": "^16.3.1",
65
- "stylelint-config-css-modules": "^4.4.0",
66
- "stylelint-config-recess-order": "^5.0.0",
67
- "stylelint-config-standard-scss": "^13.0.0",
68
- "stylelint-scss": "^6.2.1",
69
- "typescript": "^5.4.3"
67
+ "stylelint": "^16.13.2",
68
+ "stylelint-config-html": "^1.1.0",
69
+ "stylelint-config-recess-order": "^6.0.0",
70
+ "stylelint-config-recommended-scss": "^14.1.0",
71
+ "stylelint-config-recommended-vue": "^1.6.0",
72
+ "stylelint-config-standard": "^37.0.0",
73
+ "typescript": "^5.4.3",
74
+ "typescript-eslint": "^8.21.0"
70
75
  },
71
76
  "lint-staged": {
72
- "./**/*.{vue,js,ts,jsx,tsx,json}": "eslint --ignore-path .eslintignore --fix",
73
- "./**/*.{vue,js,ts,jsx,tsx,md,json,scss,css,html}": "prettier . --write",
74
- "./**/*.{scss,css,vue}": "stylelint --fix"
77
+ "*.{vue,js,ts,jsx,tsx,md,json}": "eslint --fix",
78
+ "*.{scss,css,vue,html}": "stylelint --fix"
75
79
  }
76
- }
80
+ }