@itshixun/qst-ui-system 0.0.9 → 0.1.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 (5) hide show
  1. package/README.md +36 -30
  2. package/dist/index.common.js +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/theme/theme.d.ts +21 -9
  5. package/package.json +10 -10
package/README.md CHANGED
@@ -18,7 +18,7 @@ QST 前端 UI 基础库：
18
18
  - [ ] vant
19
19
  - [ ] css 框架适配主题变量配置
20
20
  - [x] unocss
21
- - [ ] windicss
21
+ - [ ] windicss (windicss即将停止维护，不再进行适配)
22
22
  - [ ] tailwind
23
23
 
24
24
  ## 对接&使用说明
@@ -31,39 +31,45 @@ QST 前端 UI 基础库：
31
31
  前端：
32
32
 
33
33
  1. 在项目入口(main.js/main.ts)调用`initQstTheme()`初始化主题样式，引入设计端定制好的主题(不传则使用默认主题列表)
34
+ ```js
35
+ import { initQstTheme } from 'qst-ui-system';
36
+ // 初始化qst主题，不传参数使用默认配置
37
+ initQstTheme();
34
38
 
35
- ```js
36
- import { initQstTheme } from 'qst-ui-system';
37
- // 初始化qst主题，不传参数使用默认配置
38
- initQstTheme();
39
- // 参数示例：
40
- initQstTheme({
41
- /** css变量命名空间，如果使用element-plus切修改了element-plus的命名空间，需要和element-plus统一 */
42
- namespace: '--el',
43
- /** 主题列表，可以传入设计师定制的主题列表，不传使用默认主题列表 */
44
- themeList?: UITheme[];
45
- /** 主题样式设置完成后的回调函数 */
46
- onStylesSet?: () => void;
47
- /** 是否包含css重置样式(reset/normalize) 默认true */
48
- cssReset?: boolean;
49
- /** 需要适配的组件库(进行样式覆盖/主题定制)，默认'element-plus' */
50
- uiLibs?: UILib | UILib[];
51
- })
52
- ```
39
+ // 类型定义
40
+ export declare const initQstTheme: (option?: ThemeOption) => void;
41
+
42
+ /** 主题选项 */
43
+ export interface ThemeOption {
44
+ /** 主题css变量命名空间 默认--el */
45
+ namespace?: string;
46
+ /** 主题列表 */
47
+ themeList?: UITheme[];
48
+ /** 主题样式设置完成后的回调函数 */
49
+ onStylesSet?: () => void;
50
+ /** 是否包含css重置样式(reset/normalize) 默认是 */
51
+ cssReset?: boolean;
52
+ /** 需要适配的组件库(进行样式覆盖/主题定制) */
53
+ uiLibs?: UILib | UILib[];
54
+ /** 初始主题序号, 默认为主题列表中第一个主题 */
55
+ initialThemeIndex?: number;
56
+ }
57
+ ```
53
58
 
54
59
  2. 如果使用 element-plus 组件库，则 element 组件自动适配引入的主题配置；其他组件库需要额外的步骤(WIP)
60
+
55
61
  3. 使用 css 框架(比如 unocss)，可以方便的调用主题配置进行样式编写(需要在相应的配置文件中引入主题配置 WIP)
56
62
 
57
- ```js
58
- import { generateUnocssTheme } from 'qst-ui-system';
63
+ ```js
64
+ import { generateUnocssTheme } from 'qst-ui-system';
59
65
  // unocss配置
60
66
  {
61
- ...
62
- presets: [...],
63
- safelist: [...],
64
- transformers: [...]
65
- // 生成主题配置 参数为namespace，默认'--el'
66
- theme: generateUnocssTheme('--el'),
67
- ...
68
- }
69
- ```
67
+ ...
68
+ presets: [...],
69
+ safelist: [...],
70
+ transformers: [...]
71
+ // 生成主题配置 参数为namespace，默认'--el'
72
+ theme: generateUnocssTheme('--el'),
73
+ ...
74
+ }
75
+ ```
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:"#eeeeee"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"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","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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":{blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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"}}}}];var l,a,o;exports.ThemeCategory=void 0,(l=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",l.TextColor="text-color",l.BgColor="bg-color",l.BorderColor="border-color",l.FillColor="fill-color",l.BorderRadius="border-radius",l.Spacing="spacing",l.FontSize="font-size",l.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(o=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",o.dark="dark";const t={[exports.ThemeCategory.Color]:["primary","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","extra-light","lighter","light","DEFAULT","dark","darker"],[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={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},n={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus"},s=[],x=e=>{const r=Object.assign({},n,e||{});s.length=0,s.push(...r.themeList);const l=document.head.querySelector("#theme");let a="";const{namespace:o,themeList:t}=r;t.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const l=p({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?a+=`.${e.name} { ${l} }`:a+=`.${e.name}.${r} { ${l} }`}))})),l.innerText=`${c(r)} ${a}`,r&&"function"==typeof r.onStylesSet&&r.onStylesSet()},c=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=`${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;}img,object,embed{max-width:100%;}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); background-color: var(${r}-bg-color-page); }`;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-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-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);}".replace("--el-",`${r}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},p=({namespace:r,targetTheme:l,mode:a})=>{const o=l.config[a];let t,n="";for(t in o){const l=o[t];Object.keys(l).forEach((o=>{const s="DEFAULT"===o?`${r}-${t}`:`${r}-${t}-${o}`;n+=`${s}: ${l[o]}; `,t===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let t=1;t<10;t++)n+=`${s}-${r}-${t}: ${e.toHex(e.mix(l[o],i[a][r],.1*t))}; `}))}))}return n=n.concat(" ",`${r}-color-error: var(${r}-color-danger);`),n=n.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),n},d=e=>{if(e>s.length-1)return;const r=document.getElementsByTagName("html")[0],l=s[e].name;s.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},g=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=g(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},m=(()=>{const e={};for(const r in t)r.includes("color")?e[r]=g(t[r]):e[r]=t[r];return e})(),f=e=>{const r={};return m.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},h=(e,r,l,a="")=>{const o={},t=e[r];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?o[a||e]=`var(${l}-${r})`:o[a?a+"-"+e:e]=`var(${l}-${r}-${e})`;else{const t=Object.keys(e)[0];o[a?a+"-"+t:t]=h(e,t,`${l}-${r}`)}})),o},b=e=>({...h(m,"spacing",e,"spacing"),...h(m,"component-size",e,"component-size"),header:"72px","left-menu":"300px"});exports.cssVarCodex=t,exports.currentThemeList=s,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>({width:b(e),height:b(e),spacing:b(e),borderRadius:{...h(m,"border-radius",e)},colors:{theme:`var(${e}-color-primary)`,...f(e),text:h(m,"text-color",e),bg:h(m,"bg-color",e),border:h(m,"border-color",e),fill:h(m,"fill-color",e)},fontSize:{...h(m,"font-size",e)}}),exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),l.setAttribute("id","theme"),x(e),d(0)},exports.injectThemeStyle=x,exports.mixModeBaseColors=i,exports.setThemeClassByIndex=d;
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:"#eeeeee"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"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","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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":{blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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"}}}}];var l,a,o;exports.ThemeCategory=void 0,(l=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",l.TextColor="text-color",l.BgColor="bg-color",l.BorderColor="border-color",l.FillColor="fill-color",l.BorderRadius="border-radius",l.Spacing="spacing",l.FontSize="font-size",l.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(o=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",o.dark="dark";const t={[exports.ThemeCategory.Color]:["primary","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","extra-light","lighter","light","DEFAULT","dark","darker"],[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={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},n={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus"},s=[],x=e=>{const r=Object.assign({},n,e||{});s.length=0,s.push(...r.themeList);const l=document.head.querySelector("#theme");let a="";const{namespace:o,themeList:t}=r;t.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const l=p({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?a+=`.${e.name} { ${l} }`:a+=`.${e.name}.${r} { ${l} }`}))})),l.innerText=`${c(r)} ${a}`,r&&"function"==typeof r.onStylesSet&&r.onStylesSet()},c=e=>{const{namespace:r,cssReset:l,uiLibs:a}=e;let o=`${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;}img,object,embed{max-width:100%;}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+="body{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);}.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-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);}".replace("--el-",`${r}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},p=({namespace:r,targetTheme:l,mode:a})=>{const o=l.config[a];let t,n="";for(t in o){const l=o[t];Object.keys(l).forEach((o=>{const s="DEFAULT"===o?`${r}-${t}`:`${r}-${t}-${o}`;n+=`${s}: ${l[o]}; `,t===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let t=1;t<10;t++)n+=`${s}-${r}-${t}: ${e.toHex(e.mix(l[o],i[a][r],.1*t))}; `}))}))}return n=n.concat(" ",`${r}-color-error: var(${r}-color-danger);`),n=n.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),n},d=e=>{if(e>s.length-1)return;const r=document.getElementsByTagName("html")[0],l=s[e].name;s.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},g=e=>{const r={},l=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=g(a);r[e]?r[e].push(...o):(r[e]=o,l.push({[e]:r[e]}))}else l.push(e)})),l},m=(()=>{const e={};for(const r in t)r.includes("color")?e[r]=g(t[r]):e[r]=t[r];return e})(),f=e=>{const r={};return m.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},h=(e,r,l,a="")=>{const o={},t=e[r];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?o[a||e]=`var(${l}-${r})`:o[a?a+"-"+e:e]=`var(${l}-${r}-${e})`;else{const t=Object.keys(e)[0];o[a?a+"-"+t:t]=h(e,t,`${l}-${r}`)}})),o},b=e=>({...h(m,"spacing",e,"spacing"),...h(m,"component-size",e,"component-size"),header:"72px","left-menu":"300px"});exports.cssVarCodex=t,exports.currentThemeList=s,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>({width:b(e),height:b(e),spacing:b(e),borderRadius:{...h(m,"border-radius",e)},colors:{theme:`var(${e}-color-primary)`,...f(e),text:h(m,"text-color",e),bg:h(m,"bg-color",e),border:h(m,"border-color",e),fill:h(m,"fill-color",e)},fontSize:{...h(m,"font-size",e)}}),exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),l.setAttribute("id","theme"),x(e),d(e&&e.initialThemeIndex?e.initialThemeIndex:0)},exports.injectThemeStyle=x,exports.mixModeBaseColors=i,exports.setThemeClassByIndex=d;
package/dist/index.es.js CHANGED
@@ -1 +1 @@
1
- import{toHex as e,mix as l}from"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:"#eeeeee"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"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","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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":{blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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"}}}}];var a,o,t;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(a||(a={})),function(e){e.light="light",e.dark="dark"}(o||(o={})),function(e){e.light="light",e.dark="dark"}(t||(t={}));const i={[a.Color]:["primary","success","warning","danger","info"],[a.TextColor]:["primary","regular","secondary","placeholder","disabled"],[a.BgColor]:["DEFAULT","page","secondary"],[a.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[a.FillColor]:["blank","extra-light","lighter","light","DEFAULT","dark","darker"],[a.BorderRadius]:["small","base","large","huge","round","circle"],[a.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[a.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[a.ComponentSize]:["mini","small","DEFAULT","large"]},n={[o.light]:{light:"#FFFFFF",dark:"#000000"},[o.dark]:{light:"#000000",dark:"#FFFFFF"}},s={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus"},c=[],x=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),r.setAttribute("id","theme"),p(e),m(0)},p=e=>{const l=Object.assign({},s,e||{});c.length=0,c.push(...l.themeList);const r=document.head.querySelector("#theme");let a="";const{namespace:t,themeList:i}=l;i.forEach((e=>{Object.keys(o).forEach((l=>{const r=g({namespace:t,targetTheme:e,mode:l});l===o.light?a+=`.${e.name} { ${r} }`:a+=`.${e.name}.${l} { ${r} }`}))})),r.innerText=`${d(l)} ${a}`,l&&"function"==typeof l.onStylesSet&&l.onStylesSet()},d=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;}img,object,embed{max-width:100%;}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); background-color: var(${l}-bg-color-page); }`;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-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-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);}".replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},g=({namespace:r,targetTheme:o,mode:i})=>{const s=o.config[i];let c,x="";for(c in s){const o=s[c];Object.keys(o).forEach((s=>{const p="DEFAULT"===s?`${r}-${c}`:`${r}-${c}-${s}`;x+=`${p}: ${o[s]}; `,c===a.Color&&Object.keys(t).forEach((r=>{for(let a=1;a<10;a++)x+=`${p}-${r}-${a}: ${e(l(o[s],n[i][r],.1*a))}; `}))}))}return x=x.concat(" ",`${r}-color-error: var(${r}-color-danger);`),x=x.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),x},m=e=>{if(e>c.length-1)return;const l=document.getElementsByTagName("html")[0],r=c[e].name;c.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},f=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=f(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},b=(()=>{const e={};for(const l in i)l.includes("color")?e[l]=f(i[l]):e[l]=i[l];return e})(),h=e=>{const l={};return b.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},u=(e,l,r,a="")=>{const o={},t=e[l];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?o[a||e]=`var(${r}-${l})`:o[a?a+"-"+e:e]=`var(${r}-${l}-${e})`;else{const t=Object.keys(e)[0];o[a?a+"-"+t:t]=u(e,t,`${r}-${l}`)}})),o},F=e=>({...u(b,"spacing",e,"spacing"),...u(b,"component-size",e,"component-size"),header:"72px","left-menu":"300px"}),v=(e="--el")=>({width:F(e),height:F(e),spacing:F(e),borderRadius:{...u(b,"border-radius",e)},colors:{theme:`var(${e}-color-primary)`,...h(e),text:u(b,"text-color",e),bg:u(b,"bg-color",e),border:u(b,"border-color",e),fill:u(b,"fill-color",e)},fontSize:{...u(b,"font-size",e)}});export{o as DayNightModeEnum,t as MixModeEnum,a as ThemeCategory,i as cssVarCodex,c as currentThemeList,r as defaultThemeList,v as generateUnocssTheme,x as initQstTheme,p as injectThemeStyle,n as mixModeBaseColors,m as setThemeClassByIndex};
1
+ import{toHex as e,mix as l}from"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:"#eeeeee"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"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","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"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":{blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"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"}}}}];var a,o,t;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(a||(a={})),function(e){e.light="light",e.dark="dark"}(o||(o={})),function(e){e.light="light",e.dark="dark"}(t||(t={}));const i={[a.Color]:["primary","success","warning","danger","info"],[a.TextColor]:["primary","regular","secondary","placeholder","disabled"],[a.BgColor]:["DEFAULT","page","secondary"],[a.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[a.FillColor]:["blank","extra-light","lighter","light","DEFAULT","dark","darker"],[a.BorderRadius]:["small","base","large","huge","round","circle"],[a.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[a.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[a.ComponentSize]:["mini","small","DEFAULT","large"]},n={[o.light]:{light:"#FFFFFF",dark:"#000000"},[o.dark]:{light:"#000000",dark:"#FFFFFF"}},s={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus"},c=[],x=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),r.setAttribute("id","theme"),p(e),m(e&&e.initialThemeIndex?e.initialThemeIndex:0)},p=e=>{const l=Object.assign({},s,e||{});c.length=0,c.push(...l.themeList);const r=document.head.querySelector("#theme");let a="";const{namespace:t,themeList:i}=l;i.forEach((e=>{Object.keys(o).forEach((l=>{const r=g({namespace:t,targetTheme:e,mode:l});l===o.light?a+=`.${e.name} { ${r} }`:a+=`.${e.name}.${l} { ${r} }`}))})),r.innerText=`${d(l)} ${a}`,l&&"function"==typeof l.onStylesSet&&l.onStylesSet()},d=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;}img,object,embed{max-width:100%;}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-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-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);}".replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},g=({namespace:r,targetTheme:o,mode:i})=>{const s=o.config[i];let c,x="";for(c in s){const o=s[c];Object.keys(o).forEach((s=>{const p="DEFAULT"===s?`${r}-${c}`:`${r}-${c}-${s}`;x+=`${p}: ${o[s]}; `,c===a.Color&&Object.keys(t).forEach((r=>{for(let a=1;a<10;a++)x+=`${p}-${r}-${a}: ${e(l(o[s],n[i][r],.1*a))}; `}))}))}return x=x.concat(" ",`${r}-color-error: var(${r}-color-danger);`),x=x.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),x},m=e=>{if(e>c.length-1)return;const l=document.getElementsByTagName("html")[0],r=c[e].name;c.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},f=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=f(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},b=(()=>{const e={};for(const l in i)l.includes("color")?e[l]=f(i[l]):e[l]=i[l];return e})(),h=e=>{const l={};return b.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},u=(e,l,r,a="")=>{const o={},t=e[l];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?o[a||e]=`var(${r}-${l})`:o[a?a+"-"+e:e]=`var(${r}-${l}-${e})`;else{const t=Object.keys(e)[0];o[a?a+"-"+t:t]=u(e,t,`${r}-${l}`)}})),o},F=e=>({...u(b,"spacing",e,"spacing"),...u(b,"component-size",e,"component-size"),header:"72px","left-menu":"300px"}),v=(e="--el")=>({width:F(e),height:F(e),spacing:F(e),borderRadius:{...u(b,"border-radius",e)},colors:{theme:`var(${e}-color-primary)`,...h(e),text:u(b,"text-color",e),bg:u(b,"bg-color",e),border:u(b,"border-color",e),fill:u(b,"fill-color",e)},fontSize:{...u(b,"font-size",e)}});export{o as DayNightModeEnum,t as MixModeEnum,a as ThemeCategory,i as cssVarCodex,c as currentThemeList,r as defaultThemeList,v as generateUnocssTheme,x as initQstTheme,p as injectThemeStyle,n as mixModeBaseColors,m as setThemeClassByIndex};
package/dist/theme/theme.d.ts CHANGED
@@ -18,15 +18,15 @@ export declare enum MixModeEnum {
18
18
  dark = "dark"
19
19
  }
20
20
  export declare const cssVarCodex: {
21
- readonly color: readonly ["primary", "success", "warning", "danger", "info"];
22
- readonly "text-color": readonly ["primary", "regular", "secondary", "placeholder", "disabled"];
23
- readonly "bg-color": readonly ["DEFAULT", "page", "secondary"];
24
- readonly "border-color": readonly ["extra-light", "lighter", "light", "DEFAULT", "dark", "darker"];
25
- readonly "fill-color": readonly ["blank", "extra-light", "lighter", "light", "DEFAULT", "dark", "darker"];
26
- readonly "border-radius": readonly ["small", "base", "large", "huge", "round", "circle"];
27
- readonly spacing: readonly ["xxxs", "xxs", "xs", "sm", "md", "DEFAULT", "lg", "xl", "xxl", "xxxl"];
28
- readonly "font-size": readonly ["extra-small", "small", "base", "medium", "large", "extra-large", "xxl", "xxxl"];
29
- readonly "component-size": readonly ["mini", "small", "DEFAULT", "large"];
21
+ color: string[];
22
+ "text-color": string[];
23
+ "bg-color": string[];
24
+ "border-color": string[];
25
+ "fill-color": string[];
26
+ "border-radius": string[];
27
+ spacing: string[];
28
+ "font-size": string[];
29
+ "component-size": string[];
30
30
  };
31
31
  export type ThemeConfig = {
32
32
  [K in ThemeCategory]: Record<(typeof cssVarCodex)[K][number], string>;
@@ -47,6 +47,7 @@ export declare const mixModeBaseColors: {
47
47
  dark: string;
48
48
  };
49
49
  };
50
+ /** 组件库计划支持'element-ui', 'element-plus', 'ant-design-vue', 'ant-design', 'vant' */
50
51
  export type UILib = 'element-ui' | 'element-plus' | 'ant-design-vue' | 'ant-design' | 'vant';
51
52
  /** 主题选项 */
52
53
  export interface ThemeOption {
@@ -60,6 +61,8 @@ export interface ThemeOption {
60
61
  cssReset?: boolean;
61
62
  /** 需要适配的组件库(进行样式覆盖/主题定制) */
62
63
  uiLibs?: UILib | UILib[];
64
+ /** 初始主题序号, 默认为主题列表中第一个主题 */
65
+ initialThemeIndex?: number;
63
66
  }
64
67
  export declare const currentThemeList: UITheme[];
65
68
  /**
@@ -67,5 +70,14 @@ export declare const currentThemeList: UITheme[];
67
70
  * @param option {ThemeOption} UI主题选项
68
71
  */
69
72
  export declare const initQstTheme: (option?: ThemeOption) => void;
73
+ /**
74
+ * 在header中插入style标签，生成根据传入的option生成的样式
75
+ * @param option {ThemeOption} UI主题选项
76
+ */
70
77
  export declare const injectThemeStyle: (option: ThemeOption) => void;
78
+ /**
79
+ * 根据传入的主题序号切换主题
80
+ * @param themeIndex {number} 主题列表中的序号
81
+ * @returns void
82
+ */
71
83
  export declare const setThemeClassByIndex: (themeIndex: number) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itshixun/qst-ui-system",
3
- "version": "0.0.9",
3
+ "version": "0.1.1",
4
4
  "packageManager": "pnpm@8.3.0",
5
5
  "description": "qst ui system",
6
6
  "author": "mutueye <mutuyueniao@gmail.com>",
@@ -40,28 +40,28 @@
40
40
  "color2k": "^2.0.2"
41
41
  },
42
42
  "devDependencies": {
43
- "@rollup/plugin-terser": "^0.4.1",
44
- "@rollup/plugin-typescript": "^11.1.0",
43
+ "@rollup/plugin-terser": "^0.4.3",
44
+ "@rollup/plugin-typescript": "^11.1.1",
45
45
  "@types/lodash-es": "^4.17.7",
46
- "@typescript-eslint/eslint-plugin": "^5.59.2",
47
- "@typescript-eslint/parser": "^5.59.2",
46
+ "@typescript-eslint/eslint-plugin": "^5.59.7",
47
+ "@typescript-eslint/parser": "^5.59.7",
48
48
  "element-theme-chalk": "^2.15.13",
49
- "eslint": "^8.39.0",
49
+ "eslint": "^8.41.0",
50
50
  "eslint-config-prettier": "^8.8.0",
51
51
  "eslint-plugin-prettier": "^4.2.1",
52
- "glob": "^10.2.2",
52
+ "glob": "^10.2.6",
53
53
  "lint-staged": "^13.2.2",
54
54
  "postcss": "^8.4.23",
55
55
  "postcss-html": "^1.5.0",
56
56
  "postcss-scss": "^4.0.6",
57
57
  "prettier": "^2.8.8",
58
- "rimraf": "^5.0.0",
59
- "rollup": "^3.21.5",
58
+ "rimraf": "^5.0.1",
59
+ "rollup": "^3.23.0",
60
60
  "rollup-plugin-copy": "^3.4.0",
61
61
  "rollup-plugin-import-css": "^3.2.1",
62
62
  "rollup-plugin-scss": "^4.0.0",
63
63
  "sass": "^1.62.1",
64
- "stylelint": "^15.6.1",
64
+ "stylelint": "^15.6.2",
65
65
  "stylelint-config-css-modules": "^4.2.0",
66
66
  "stylelint-config-recess-order": "^4.0.0",
67
67
  "stylelint-config-standard-scss": "^9.0.0",