@itshixun/qst-ui-system 0.1.26 → 0.1.27

package/README.md

@@ -31,45 +31,46 @@ QST 前端 UI 基础库：
 前端：
 
 1. 在项目入口(main.js/main.ts)调用`initQstTheme()`初始化主题样式，引入设计端定制好的主题(不传则使用默认主题列表)
-    ```js
-    import { initQstTheme } from 'qst-ui-system';
-    // 初始化qst主题，不传参数使用默认配置
-    initQstTheme();
 
-    // 类型定义
-    export declare const initQstTheme: (option?: ThemeOption) => void;
+   ```js
+   import { initQstTheme } from 'qst-ui-system';
+   // 初始化qst主题，不传参数使用默认配置
+   initQstTheme();
 
-    /** 主题选项 */
-    export interface ThemeOption {
-      /** 主题css变量命名空间 默认--el */
-      namespace?: string;
-      /** 主题列表 */
-      themeList?: UITheme[];
-      /** 主题样式设置完成后的回调函数 */
-      onStylesSet?: () => void;
-      /** 是否包含css重置样式(reset/normalize) 默认是 */
-      cssReset?: boolean;
-      /** 需要适配的组件库(进行样式覆盖/主题定制)  */
-      uiLibs?: UILib | UILib[];
-      /** 初始主题序号, 默认为主题列表中第一个主题 */
-      initialThemeIndex?: number;
-    }
-    ```
+   // 类型定义
+   export declare const initQstTheme: (option?: ThemeOption) => void;
+
+   /** 主题选项 */
+   export interface ThemeOption {
+     /** 主题css变量命名空间 默认--el */
+     namespace?: string;
+     /** 主题列表 */
+     themeList?: UITheme[];
+     /** 主题样式设置完成后的回调函数 */
+     onStylesSet?: () => void;
+     /** 是否包含css重置样式(reset/normalize) 默认是 */
+     cssReset?: boolean;
+     /** 需要适配的组件库(进行样式覆盖/主题定制)  */
+     uiLibs?: UILib | UILib[];
+     /** 初始主题序号, 默认为主题列表中第一个主题 */
+     initialThemeIndex?: number;
+   }
+   ```
 
 2. 如果使用 element-plus 组件库，则 element 组件自动适配引入的主题配置；其他组件库需要额外的步骤(WIP)
 
 3. 使用 css 框架(比如 unocss)，可以方便的调用主题配置进行样式编写(需要在相应的配置文件中引入主题配置 WIP)
 
-    ```js
-    import { generateUnocssTheme } from 'qst-ui-system';
-    // unocss配置
-    {
-      ...
-      presets: [...],
-      safelist: [...],
-      transformers: [...]
-      // 生成主题配置 参数为namespace，默认'--el'
-      theme: generateUnocssTheme('--el'),
-      ...
-    }
-    ```
+   ```js
+   import { generateUnocssTheme } from 'qst-ui-system';
+   // unocss配置
+   {
+     ...
+     presets: [...],
+     safelist: [...],
+     transformers: [...]
+     // 生成主题配置 参数为namespace，默认'--el'
+     theme: generateUnocssTheme('--el'),
+     ...
+   }
+   ```

package/dist/index.common.js

@@ -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":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#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:"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:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#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:"antd",config:{light:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#eef0f8"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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:"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]:["extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[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=()=>{c.length=0,c.push(...x.themeList);const e=document.head.querySelector(`#${x.styleTagId}`);let r="";const{namespace:l,themeList:o}=x;o.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((o=>{const a=f({namespace:l,targetTheme:e,mode:o});o===exports.DayNightModeEnum.light?r+=`.${e.name} { ${a} }`:r+=`.${e.name}.${o} { ${a} } .${o} { .${e.name} { ${a} } }`}))})),e.innerText=`${m(x)} ${r}`,x&&"function"==typeof x.onStylesSet&&x.onStylesSet()},m=e=>{const{namespace:r,cssReset:l,uiLibs:o}=e;let a=`${l?'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+="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);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--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:24px;--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:.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--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.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-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.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.el-input-number--small.is-controls-right .el-input-number__decrease,.el-input-number.el-input-number--small.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.el-input-number--large.is-controls-right .el-input-number__decrease,.el-input-number.el-input-number--large.is-controls-right .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-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);}.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:focus{color:var(--el-button-text-color);}".replace("--el-",`${r}-`)),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a},f=({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},h=e=>{if(e>c.length-1)return;const r=document.getElementsByTagName("html")[0],l=c[e].name;c.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},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};exports.autoStyleInjection=d,exports.cssVarCodex=i,exports.currentThemeList=c,exports.currentThemeOption=x,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>{const r=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:r,height:r,maxWidth:r,maxHeight:r,minWidth:r,minHeight:r,inlineSize:r,blockSize:r,maxInlineSize:r,maxBlockSize:r,minInlineSize:r,minBlockSize:r,lineHeight:r,spacing:r,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:y({key:"extra-color",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(),h(e&&e.initialThemeIndex?e.initialThemeIndex:0),x.autoResetStyleInjection&&d()},exports.injectThemeStyle=g,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=h,exports.setThemeClassByName=e=>{const r=c.findIndex((r=>r.name===e));return-1!==r&&(h(r),!0)};
+"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":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#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:"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:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#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:"antd",config:{light:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#eef0f8"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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:"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]:["extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[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=f({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?l+=`.${e.name} { ${a} }`:l+=`.${e.name}.${r} { ${a} } .${r} { .${e.name} { ${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);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--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:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.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-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);}'.replace("--el-",`${r}-`)),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a},f=({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},h=e=>{if(e>c.length-1)return;const r=document.getElementsByTagName("html")[0],l=c[e].name;c.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},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};exports.autoStyleInjection=d,exports.cssVarCodex=i,exports.currentThemeList=c,exports.currentThemeOption=x,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>{const r=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:r,height:r,maxWidth:r,maxHeight:r,minWidth:r,minHeight:r,inlineSize:r,blockSize:r,maxInlineSize:r,maxBlockSize:r,minInlineSize:r,minBlockSize:r,lineHeight:r,spacing:r,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:y({key:"extra-color",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(),h(e&&e.initialThemeIndex?e.initialThemeIndex:0),x.autoResetStyleInjection&&d()},exports.injectThemeStyle=g,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=h,exports.setThemeClassByName=e=>{const r=c.findIndex((r=>r.name===e));return-1!==r&&(h(r),!0)};

package/dist/index.es.js

@@ -1 +1 @@
-import{toRgba as e,toHex as l,mix as r}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":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#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:"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:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#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:"antd",config:{light:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#eef0f8"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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:"28px",DEFAULT:"36px",large:"40px"}}}}];const o=l=>{const r=e(l).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${r[0]}, ${r[1]}, ${r[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]:["extra-light","lighter","light","DEFAULT","dark","darker"],[t.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[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"}},x={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},d=[],p=Object.assign({},x),g=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),Object.assign(p,e||{}),r.setAttribute("id",p.styleTagId),b(),v(e&&e.initialThemeIndex?e.initialThemeIndex:0),p.autoResetStyleInjection&&f()},m=()=>{const e=document.head||document.getElementsByTagName("head")[0],l=document.getElementById(p.styleTagId);e.lastElementChild.id!==l.id&&(e.removeChild(l),e.append(l))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const l of e)if("childList"===l.type){const e=l.addedNodes;let r=!1;e.forEach((e=>{const l=e;e.nodeType===Node.ELEMENT_NODE&&"style"===l.tagName.toLowerCase()&&l.id!==p.styleTagId&&(r=!0)})),r&&m()}})).observe(e,{childList:!0})},b=()=>{d.length=0,d.push(...p.themeList);const e=document.head.querySelector(`#${p.styleTagId}`);let l="";const{namespace:r,themeList:a}=p;a.forEach((e=>{Object.keys(i).forEach((a=>{const o=u({namespace:r,targetTheme:e,mode:a});a===i.light?l+=`.${e.name} { ${o} }`:l+=`.${e.name}.${a} { ${o} } .${a} { .${e.name} { ${o} } }`}))})),e.innerText=`${h(p)} ${l}`,p&&"function"==typeof p.onStylesSet&&p.onStylesSet()},h=e=>{const{namespace:l,cssReset:r,uiLibs:a}=e;let o=`${r?'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(${l}-font-size-base); }`;return("string"==typeof a?[a]:a).includes("element-plus")&&(o+="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);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--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:24px;--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:.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--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.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-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.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.el-input-number--small.is-controls-right .el-input-number__decrease,.el-input-number.el-input-number--small.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.el-input-number--large.is-controls-right .el-input-number__decrease,.el-input-number.el-input-number--large.is-controls-right .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-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);}.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:focus{color:var(--el-button-text-color);}".replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},u=({namespace:e,targetTheme:a,mode:i})=>{const s=a.config[i];let x,d="";for(x in s){const a=s[x];Object.keys(a).forEach((s=>{const p="DEFAULT"===s?`${e}-${x}`:`${e}-${x}-${s}`;d+=`${p}: ${a[s]}; `,p.toLowerCase().includes("color")&&(d+=`${p}-rgb: ${o(a[s])}; `),x===t.Color&&Object.keys(n).forEach((e=>{for(let o=1;o<10;o++)d+=`${p}-${e}-${o}: ${l(r(a[s],c[i][e],.1*o))}; `}))}))}return d=d.concat(" ",`${e}-color-error: var(${e}-color-danger);`),d=d.concat(" ",`${e}-bg-color-overlay: var(${e}-bg-color);`),d},v=e=>{if(e>d.length-1)return;const l=document.getElementsByTagName("html")[0],r=d[e].name;d.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},y=e=>{const l=d.findIndex((l=>l.name===e));return-1!==l&&(v(l),!0)},k=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=k(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},z=(()=>{const e={};for(const l in s)l.includes("color")?e[l]=k(s[l]):e[l]=s[l];return e})(),F=e=>{const l={};return z.color.forEach((r=>{l[r]={DEFAULT:`var(${e}-color-${r})`};["light","dark"].forEach((a=>{const o={};for(let l=1;l<10;l++)o[l]=`var(${e}-color-${r}-${a}-${l})`;l[r][a]=o}))})),l},E=({key:e,namespace:l,keyPrepend:r="",generateNegative:a=!1})=>{const o={},t=z[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=r?r+"-"+t:t,n=`var(${l}-${e}-${t})`;"DEFAULT"===t&&(i=r||t,n=`var(${l}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[r?r+"-"+i:i]=E({key:i,namespace:`${l}-${e}`,generateNegative:a})}})),o},T=(e="--el")=>{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:E({key:"extra-color",namespace:e})},fontSize:{...E({key:"font-size",namespace:e})}}};export{i as DayNightModeEnum,n as MixModeEnum,t as ThemeCategory,f as autoStyleInjection,s as cssVarCodex,d as currentThemeList,p as currentThemeOption,a as defaultThemeList,T as generateUnocssTheme,g as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,m as resetThemeStyleInjection,v as setThemeClassByIndex,y as setThemeClassByName};
+import{toRgba as e,toHex as l,mix as r}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":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#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:"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:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#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:"antd",config:{light:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#eef0f8"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#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:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#1890ff",success:"#52c41a",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#171f2b"},"border-color":{"extra-light":"#313a47",lighter:"#3a4554",light:"#444f5e",DEFAULT:"#576273",dark:"#677282",darker:"#707b8c"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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:"28px",DEFAULT:"36px",large:"40px"}}}}];const o=l=>{const r=e(l).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${r[0]}, ${r[1]}, ${r[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]:["extra-light","lighter","light","DEFAULT","dark","darker"],[t.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[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"}},x={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},d=[],p=Object.assign({},x),g=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),Object.assign(p,e||{}),r.setAttribute("id",p.styleTagId),b(),v(e&&e.initialThemeIndex?e.initialThemeIndex:0),p.autoResetStyleInjection&&f()},m=()=>{const e=document.head||document.getElementsByTagName("head")[0],l=document.getElementById(p.styleTagId);e.lastElementChild.id!==l.id&&(e.removeChild(l),e.append(l))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const l of e)if("childList"===l.type){const e=l.addedNodes;let r=!1;e.forEach((e=>{const l=e;e.nodeType===Node.ELEMENT_NODE&&"style"===l.tagName.toLowerCase()&&l.id!==p.styleTagId&&(r=!0)})),r&&m()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(p,e),d.length=0,d.push(...p.themeList);const l=document.head.querySelector(`#${p.styleTagId}`);let r="";const{namespace:a,themeList:o}=p;o.forEach((e=>{Object.keys(i).forEach((l=>{const o=u({namespace:a,targetTheme:e,mode:l});l===i.light?r+=`.${e.name} { ${o} }`:r+=`.${e.name}.${l} { ${o} } .${l} { .${e.name} { ${o} } }`}))})),l.innerText=`${h(p)} ${r}`,p&&"function"==typeof p.onStylesSet&&p.onStylesSet()},h=e=>{const{namespace:l,cssReset:r,uiLibs:a}=e;let o=`${r?'@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(${l}-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);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--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:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.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-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);}'.replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},u=({namespace:e,targetTheme:a,mode:i})=>{const s=a.config[i];let x,d="";for(x in s){const a=s[x];Object.keys(a).forEach((s=>{const p="DEFAULT"===s?`${e}-${x}`:`${e}-${x}-${s}`;d+=`${p}: ${a[s]}; `,p.toLowerCase().includes("color")&&(d+=`${p}-rgb: ${o(a[s])}; `),x===t.Color&&Object.keys(n).forEach((e=>{for(let o=1;o<10;o++)d+=`${p}-${e}-${o}: ${l(r(a[s],c[i][e],.1*o))}; `}))}))}return d=d.concat(" ",`${e}-color-error: var(${e}-color-danger);`),d=d.concat(" ",`${e}-bg-color-overlay: var(${e}-bg-color);`),d},v=e=>{if(e>d.length-1)return;const l=document.getElementsByTagName("html")[0],r=d[e].name;d.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},y=e=>{const l=d.findIndex((l=>l.name===e));return-1!==l&&(v(l),!0)},k=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=k(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},z=(()=>{const e={};for(const l in s)l.includes("color")?e[l]=k(s[l]):e[l]=s[l];return e})(),F=e=>{const l={};return z.color.forEach((r=>{l[r]={DEFAULT:`var(${e}-color-${r})`};["light","dark"].forEach((a=>{const o={};for(let l=1;l<10;l++)o[l]=`var(${e}-color-${r}-${a}-${l})`;l[r][a]=o}))})),l},E=({key:e,namespace:l,keyPrepend:r="",generateNegative:a=!1})=>{const o={},t=z[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=r?r+"-"+t:t,n=`var(${l}-${e}-${t})`;"DEFAULT"===t&&(i=r||t,n=`var(${l}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[r?r+"-"+i:i]=E({key:i,namespace:`${l}-${e}`,generateNegative:a})}})),o},T=(e="--el")=>{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:E({key:"extra-color",namespace:e})},fontSize:{...E({key:"font-size",namespace:e})}}};export{i as DayNightModeEnum,n as MixModeEnum,t as ThemeCategory,f as autoStyleInjection,s as cssVarCodex,d as currentThemeList,p as currentThemeOption,a as defaultThemeList,T as generateUnocssTheme,g as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,m as resetThemeStyleInjection,v as setThemeClassByIndex,y as setThemeClassByName};

package/dist/theme/theme.d.ts

@@ -68,7 +68,7 @@ export interface ThemeOption {
     /** 注入<head>内的样式id，默认qst_theme */
     styleTagId?: string;
     /** 开启自动重置样式注入功能：监控<head>中的样式顺序，如果新增样式标签，自动将主题样式重置到最底部，保证主题样式的覆盖作用，默认true */
-    autoResetStyleInjection: boolean;
+    autoResetStyleInjection?: boolean;
 }
 export declare const currentThemeList: UITheme[];
 export declare const currentThemeOption: ThemeOption;
@@ -88,7 +88,7 @@ export declare const autoStyleInjection: () => void;
  * 在header中插入style标签，生成根据传入的option生成的样式
  * @param option {ThemeOption} UI主题选项
  */
-export declare const injectThemeStyle: () => void;
+export declare const injectThemeStyle: (option?: ThemeOption) => void;
 /**
  * 根据传入的主题序号切换主题
  * @param themeIndex {number} 主题列表中的序号

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itshixun/qst-ui-system",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "packageManager": "pnpm@8.3.0",
   "description": "qst ui system",
   "author": "mutueye <mutuyueniao@gmail.com>",
@@ -25,8 +25,9 @@
     "access": "public"
   },
   "scripts": {
-    "build": "rimraf dist && rollup -c",
-    "watch": "rimraf dist && rollup -cw",
+    "build:style": "sass src/styles/scss:src/styles/css",
+    "build": "pnpm build:style && rimraf dist && rollup -c",
+    "watch": "pnpm build:style && rimraf dist && rollup -cw",
     "lint": "npx lint-staged",
     "format": "prettier . --write",
     "format:check": "prettier . --check",
@@ -40,33 +41,33 @@
     "color2k": "^2.0.2"
   },
   "devDependencies": {
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.1",
-    "@types/lodash-es": "^4.17.7",
-    "@typescript-eslint/eslint-plugin": "^5.59.7",
-    "@typescript-eslint/parser": "^5.59.7",
-    "element-theme-chalk": "^2.15.13",
-    "eslint": "^8.41.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "glob": "^10.2.6",
-    "lint-staged": "^13.2.2",
-    "postcss": "^8.4.23",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/lodash-es": "^4.17.11",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
+    "element-theme-chalk": "^2.15.14",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "glob": "^10.3.10",
+    "lint-staged": "^15.1.0",
+    "postcss": "^8.4.31",
     "postcss-html": "^1.5.0",
-    "postcss-scss": "^4.0.6",
-    "prettier": "^2.8.8",
-    "rimraf": "^5.0.1",
-    "rollup": "^3.23.0",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.2.1",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.1.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.5.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-import-css": "^3.3.5",
     "rollup-plugin-scss": "^4.0.0",
-    "sass": "^1.62.1",
-    "stylelint": "^15.6.2",
-    "stylelint-config-css-modules": "^4.2.0",
-    "stylelint-config-recess-order": "^4.0.0",
-    "stylelint-config-standard-scss": "^9.0.0",
-    "stylelint-scss": "^5.0.0",
-    "typescript": "^5.0.4"
+    "sass": "^1.69.5",
+    "stylelint": "^15.11.0",
+    "stylelint-config-css-modules": "^4.3.0",
+    "stylelint-config-recess-order": "^4.4.0",
+    "stylelint-config-standard-scss": "^11.1.0",
+    "stylelint-scss": "^5.3.1",
+    "typescript": "^5.3.2"
   },
   "lint-staged": {
     "./**/*.{vue,js,ts,jsx,tsx,json}": "eslint --ignore-path .eslintignore --fix",