@itshixun/qst-ui-system 0.0.5 → 0.0.7

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 +52 -45
  2. package/dist/index.common.js +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/theme/theme.d.ts +2 -2
  5. package/package.json +20 -24
package/README.md CHANGED
@@ -1,62 +1,69 @@
1
1
  # qst-ui-system
2
- QST前端UI基础库：
3
- 1. 对接设计端定制的颜色/间距/风格(圆角/边框)等主题规范，作为UI设计和前端开发之间的“接口”;
2
+
3
+ QST 前端 UI 基础库：
4
+
5
+ 1. 对接设计端定制的颜色/间距/风格(圆角/边框)等主题规范，作为 UI 设计和前端开发之间的“接口”;
4
6
  2. 将设计端定制的主题规范 关联到常用组件库的主题配置上;
5
- 3. 将设计端定制的主题规范 关联到常用css框架的配置上;
6
- 4. 通用的normalize(reset)样式和其他全局样式;
7
+ 3. 将设计端定制的主题规范 关联到常用 css 框架的配置上;
8
+ 4. 通用的 normalize(reset)样式和其他全局样式;
9
+
7
10
  ## 主要功能
8
- - [x] 基于element-plus的css变量，生成主题变量配置：颜色/字色/背景色/圆角/间距/组件尺寸 等等，
11
+
12
+ - [x] 基于 element-plus 的 css 变量，生成主题变量配置：颜色/字色/背景色/圆角/间距/组件尺寸 等等，
9
13
  - [x] 全局初始化样式：normalize，全局文字配置(字体/抗锯齿等)
10
14
  - [ ] 组件库适配主题变量配置(样式覆盖)
11
15
  - [x] element-plus
12
16
  - [ ] element-ui
13
17
  - [ ] ant-design / ant-design-vue
14
18
  - [ ] vant
15
- - [ ] css框架适配主题变量配置
19
+ - [ ] css 框架适配主题变量配置
16
20
  - [x] unocss
17
21
  - [ ] windicss
18
22
  - [ ] tailwind
19
23
 
20
24
  ## 对接&使用说明
25
+
21
26
  设计端：
22
- 1. 设计师使用[主题编辑器](https://mutueye.github.io/vite-vue3-scaffold/themeeditor)配置并导出json格式的主题列表
23
- 2. 在UI设计的过程中遵循配置好的主题进行设计
27
+
28
+ 1. 设计师使用[主题编辑器](https://mutueye.github.io/vite-vue3-scaffold/themeeditor)配置并导出 json 格式的主题列表
29
+ 2. 在 UI 设计的过程中遵循配置好的主题进行设计
24
30
 
25
31
  前端：
26
- 1. 在项目入口(main.js/main.ts)调用`initQstTheme()`初始化主题样式，引入设计端定制好的主题(不传则使用默认主题列表)
27
-
28
- ```js
29
- import { initQstTheme } from 'qst-ui-system';
30
- // 初始化qst主题，不传参数使用默认配置
31
- initQstTheme();
32
- // 参数示例：
33
- initQstTheme({
34
- /** css变量命名空间，如果使用element-plus切修改了element-plus的命名空间，需要和element-plus统一 */
35
- namespace: '--el',
36
- /** 主题列表，可以传入设计师定制的主题列表，不传使用默认主题列表 */
37
- themeList?: UITheme[];
38
- /** 主题样式设置完成后的回调函数 */
39
- onStylesSet?: () => void;
40
- /** 是否包含css重置样式(reset/normalize) 默认true */
41
- cssReset?: boolean;
42
- /** 需要适配的组件库(进行样式覆盖/主题定制)，默认'element-plus' */
43
- uiLibs?: UILib | UILib[];
44
- })
45
- ```
46
-
47
- 2. 如果使用element-plus组件库，则element组件自动适配引入的主题配置；其他组件库需要额外的步骤(WIP)
48
- 3. 使用css框架(比如unocss)，可以方便的调用主题配置进行样式编写(需要在相应的配置文件中引入主题配置 WIP)
49
-
50
- ```js
51
- import { generateUnocssTheme } from 'qst-ui-system';
52
- // unocss配置
53
- {
54
- ...
55
- presets: [...],
56
- safelist: [...],
57
- transformers: [...]
58
- // 生成主题配置 参数为namespace，默认'--el'
59
- theme: generateUnocssTheme('--el'),
60
- ...
61
- }
62
- ```
32
+
33
+ 1. 在项目入口(main.js/main.ts)调用`initQstTheme()`初始化主题样式，引入设计端定制好的主题(不传则使用默认主题列表)
34
+
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
+ ```
53
+
54
+ 2. 如果使用 element-plus 组件库，则 element 组件自动适配引入的主题配置；其他组件库需要额外的步骤(WIP)
55
+ 3. 使用 css 框架(比如 unocss)，可以方便的调用主题配置进行样式编写(需要在相应的配置文件中引入主题配置 WIP)
56
+
57
+ ```js
58
+ import { generateUnocssTheme } from 'qst-ui-system';
59
+ // unocss配置
60
+ {
61
+ ...
62
+ presets: [...],
63
+ safelist: [...],
64
+ transformers: [...]
65
+ // 生成主题配置 参数为namespace，默认'--el'
66
+ theme: generateUnocssTheme('--el'),
67
+ ...
68
+ }
69
+ ```
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:"#67c23a",warning:"#f2711c",danger:"#db2828",info:"#96979c"},"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"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#67c23a",warning:"#f2711c",danger:"#db2828",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:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px"},"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"},"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"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}}];var a,o,l;exports.ThemeCategory=void 0,(a=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",a.TextColor="text-color",a.BgColor="bg-color",a.BorderColor="border-color",a.FillColor="fill-color",a.BorderRadius="border-radius",a.Spacing="spacing",a.FontSize="font-size",a.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(o=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",o.dark="dark",exports.MixModeEnum=void 0,(l=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",l.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"],[exports.ThemeCategory.ComponentSize]:["small","DEFAULT","large","mini"]},s={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},i={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus"},n=[],c=e=>{const r=Object.assign({},i,e||{});n.length=0,n.push(...r.themeList);const a=document.head.querySelector("#theme");let o="";const{namespace:l,themeList:t}=r;t.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const a=x({namespace:l,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?o+=`.${e.name} { ${a} }`:o+=`.${e.name}.${r} { ${a} }`}))})),a.innerText=`${d(r)} ${o}`,r&&"function"==typeof r.onStylesSet&&r.onStylesSet()},d=e=>{const{namespace:r,cssReset:a,uiLibs:o}=e;let l=`${a?'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 o?[o]:o).includes("element-plus")&&(l+="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-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.el-tooltip__trigger:focus-visible{outline:none;}.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);}".replace("--el-",`${r}-`)),l+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",l},x=({namespace:r,targetTheme:a,mode:o})=>{const l=a.config[o];let t,i="";for(t in l){const a=l[t];Object.keys(a).forEach((l=>{const n="DEFAULT"===l?`${r}-${t}`:`${r}-${t}-${l}`;i+=`${n}: ${a[l]}; `,t===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let t=1;t<10;t++)i+=`${n}-${r}-${t}: ${e.toHex(e.mix(a[l],s[o][r],.1*t))}; `}))}))}return i=i.concat(" ",`${r}-color-error: var(${r}-color-danger);`),i=i.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),i},p=e=>{if(e>n.length-1)return;const r=document.getElementsByTagName("html")[0],a=n[e].name;n.forEach((e=>{r.classList.contains(e.name)&&e.name!==a&&r.classList.remove(e.name)})),r.classList.contains(a)||r.classList.add(a)},g=e=>{const r={},a=[];return e.forEach((e=>{const o=e.split("-");if(o.length>1){const e=o.shift(),l=g(o);r[e]?r[e].push(...l):(r[e]=l,a.push({[e]:r[e]}))}else a.push(e)})),a},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((a=>{r[a]={DEFAULT:`var(${e}-color-${a})`};["light","dark"].forEach((o=>{const l={};for(let r=1;r<10;r++)l[r]=`var(${e}-color-${a}-${o}-${r})`;r[a][o]=l}))})),r},h=(e,r,a,o="")=>{const l={},t=e[r];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?l[o||e]=`var(${a}-${r})`:l[o?o+"-"+e:e]=`var(${a}-${r}-${e})`;else{const t=Object.keys(e)[0];l[o?o+"-"+t:t]=h(e,t,`${a}-${r}`)}})),l},b=e=>({...h(m,"spacing",e,"spacing"),...h(m,"component-size",e,"component-size"),header:"72px","left-menu":"300px"});exports.cssVarCodex=t,exports.currentThemeList=n,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],a=document.createElement("style");r.appendChild(a),a.setAttribute("id","theme"),c(e),p(0)},exports.injectThemeStyle=c,exports.mixModeBaseColors=s,exports.setThemeClassByIndex=p;
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:"14px",base:"16px",medium:"18px",large:"20px","extra-large":"24px"},"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:"14px",base:"16px",medium:"18px",large:"20px","extra-large":"24px"},"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"},"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"},"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"},"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"},"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"],[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=[],c=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=x({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?a+=`.${e.name} { ${l} }`:a+=`.${e.name}.${r} { ${l} }`}))})),l.innerText=`${p(r)} ${a}`,r&&"function"==typeof r.onStylesSet&&r.onStylesSet()},p=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},x=({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"),c(e),d(0)},exports.injectThemeStyle=c,exports.mixModeBaseColors=i,exports.setThemeClassByIndex=d;
package/dist/index.es.js CHANGED
@@ -1 +1 @@
1
- import{toHex as e,mix as r}from"color2k";const a=[{name:"athena",config:{light:{color:{primary:"#217aff",success:"#67c23a",warning:"#f2711c",danger:"#db2828",info:"#96979c"},"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"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#67c23a",warning:"#f2711c",danger:"#db2828",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:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px"},"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"},"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"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}}];var l,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"}(l||(l={})),function(e){e.light="light",e.dark="dark"}(o||(o={})),function(e){e.light="light",e.dark="dark"}(t||(t={}));const i={[l.Color]:["primary","success","warning","danger","info"],[l.TextColor]:["primary","regular","secondary","placeholder","disabled"],[l.BgColor]:["DEFAULT","page","secondary"],[l.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[l.FillColor]:["blank","extra-light","lighter","light","DEFAULT","dark","darker"],[l.BorderRadius]:["small","base","large","huge","round","circle"],[l.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[l.FontSize]:["extra-small","small","base","medium","large","extra-large"],[l.ComponentSize]:["small","DEFAULT","large","mini"]},s={[o.light]:{light:"#FFFFFF",dark:"#000000"},[o.dark]:{light:"#000000",dark:"#FFFFFF"}},n={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus"},c=[],d=e=>{const r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");r.appendChild(a),a.setAttribute("id","theme"),p(e),f(0)},p=e=>{const r=Object.assign({},n,e||{});c.length=0,c.push(...r.themeList);const a=document.head.querySelector("#theme");let l="";const{namespace:t,themeList:i}=r;i.forEach((e=>{Object.keys(o).forEach((r=>{const a=g({namespace:t,targetTheme:e,mode:r});r===o.light?l+=`.${e.name} { ${a} }`:l+=`.${e.name}.${r} { ${a} }`}))})),a.innerText=`${x(r)} ${l}`,r&&"function"==typeof r.onStylesSet&&r.onStylesSet()},x=e=>{const{namespace:r,cssReset:a,uiLibs:l}=e;let o=`${a?'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 l?[l]:l).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-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.el-tooltip__trigger:focus-visible{outline:none;}.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);}".replace("--el-",`${r}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},g=({namespace:a,targetTheme:o,mode:i})=>{const n=o.config[i];let c,d="";for(c in n){const o=n[c];Object.keys(o).forEach((n=>{const p="DEFAULT"===n?`${a}-${c}`:`${a}-${c}-${n}`;d+=`${p}: ${o[n]}; `,c===l.Color&&Object.keys(t).forEach((a=>{for(let l=1;l<10;l++)d+=`${p}-${a}-${l}: ${e(r(o[n],s[i][a],.1*l))}; `}))}))}return d=d.concat(" ",`${a}-color-error: var(${a}-color-danger);`),d=d.concat(" ",`${a}-bg-color-overlay: var(${a}-bg-color);`),d},f=e=>{if(e>c.length-1)return;const r=document.getElementsByTagName("html")[0],a=c[e].name;c.forEach((e=>{r.classList.contains(e.name)&&e.name!==a&&r.classList.remove(e.name)})),r.classList.contains(a)||r.classList.add(a)},m=e=>{const r={},a=[];return e.forEach((e=>{const l=e.split("-");if(l.length>1){const e=l.shift(),o=m(l);r[e]?r[e].push(...o):(r[e]=o,a.push({[e]:r[e]}))}else a.push(e)})),a},b=(()=>{const e={};for(const r in i)r.includes("color")?e[r]=m(i[r]):e[r]=i[r];return e})(),h=e=>{const r={};return b.color.forEach((a=>{r[a]={DEFAULT:`var(${e}-color-${a})`};["light","dark"].forEach((l=>{const o={};for(let r=1;r<10;r++)o[r]=`var(${e}-color-${a}-${l}-${r})`;r[a][l]=o}))})),r},u=(e,r,a,l="")=>{const o={},t=e[r];return t&&t.forEach((e=>{if("string"==typeof e)"DEFAULT"===e?o[l||e]=`var(${a}-${r})`:o[l?l+"-"+e:e]=`var(${a}-${r}-${e})`;else{const t=Object.keys(e)[0];o[l?l+"-"+t:t]=u(e,t,`${a}-${r}`)}})),o},k=e=>({...u(b,"spacing",e,"spacing"),...u(b,"component-size",e,"component-size"),header:"72px","left-menu":"300px"}),y=(e="--el")=>({width:k(e),height:k(e),spacing:k(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,l as ThemeCategory,i as cssVarCodex,c as currentThemeList,a as defaultThemeList,y as generateUnocssTheme,d as initQstTheme,p as injectThemeStyle,s as mixModeBaseColors,f 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:"14px",base:"16px",medium:"18px",large:"20px","extra-large":"24px"},"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:"14px",base:"16px",medium:"18px",large:"20px","extra-large":"24px"},"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"},"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"},"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"},"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"},"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"],[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=[],p=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),r.setAttribute("id","theme"),x(e),m(0)},x=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,p="";for(c in s){const o=s[c];Object.keys(o).forEach((s=>{const x="DEFAULT"===s?`${r}-${c}`:`${r}-${c}-${s}`;p+=`${x}: ${o[s]}; `,c===a.Color&&Object.keys(t).forEach((r=>{for(let a=1;a<10;a++)p+=`${x}-${r}-${a}: ${e(l(o[s],n[i][r],.1*a))}; `}))}))}return p=p.concat(" ",`${r}-color-error: var(${r}-color-danger);`),p=p.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),p},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,p as initQstTheme,x as injectThemeStyle,n as mixModeBaseColors,m as setThemeClassByIndex};
package/dist/theme/theme.d.ts CHANGED
@@ -26,10 +26,10 @@ export declare const cssVarCodex: {
26
26
  readonly "border-radius": readonly ["small", "base", "large", "huge", "round", "circle"];
27
27
  readonly spacing: readonly ["xxxs", "xxs", "xs", "sm", "md", "DEFAULT", "lg", "xl", "xxl", "xxxl"];
28
28
  readonly "font-size": readonly ["extra-small", "small", "base", "medium", "large", "extra-large"];
29
- readonly "component-size": readonly ["small", "DEFAULT", "large", "mini"];
29
+ readonly "component-size": readonly ["mini", "small", "DEFAULT", "large"];
30
30
  };
31
31
  export type ThemeConfig = {
32
- [K in ThemeCategory]: Record<typeof cssVarCodex[K][number], string>;
32
+ [K in ThemeCategory]: Record<(typeof cssVarCodex)[K][number], string>;
33
33
  };
34
34
  export interface UITheme {
35
35
  name: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itshixun/qst-ui-system",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "packageManager": "pnpm@8.3.0",
5
5
  "description": "qst ui system",
6
6
  "author": "mutueye <mutuyueniao@gmail.com>",
@@ -27,7 +27,7 @@
27
27
  "scripts": {
28
28
  "prepare": "simple-git-hooks",
29
29
  "build": "rimraf dist && rollup -c",
30
- "watch": "imraf dist && rollup -cw",
30
+ "watch": "rimraf dist && rollup -cw",
31
31
  "lint": "npx lint-staged",
32
32
  "format": "prettier . --write",
33
33
  "format:check": "prettier . --check",
@@ -37,44 +37,40 @@
37
37
  "lint:style:check": "stylelint ./src/**/*.{vue,css,scss}"
38
38
  },
39
39
  "dependencies": {
40
- "color2k": "^2.0.1",
41
- "simple-git-hooks": "^2.8.1"
40
+ "color2k": "^2.0.2"
42
41
  },
43
42
  "devDependencies": {
44
- "@rollup/plugin-terser": "^0.2.1",
45
- "@rollup/plugin-typescript": "^10.0.1",
46
- "@types/lodash-es": "^4.17.6",
47
- "@typescript-eslint/eslint-plugin": "^5.48.0",
48
- "@typescript-eslint/parser": "^5.48.0",
43
+ "@rollup/plugin-terser": "^0.4.1",
44
+ "@rollup/plugin-typescript": "^11.1.0",
45
+ "@types/lodash-es": "^4.17.7",
46
+ "@typescript-eslint/eslint-plugin": "^5.59.2",
47
+ "@typescript-eslint/parser": "^5.59.2",
49
48
  "element-theme-chalk": "^2.15.13",
50
- "eslint": "^8.31.0",
51
- "eslint-config-prettier": "^8.6.0",
49
+ "eslint": "^8.39.0",
50
+ "eslint-config-prettier": "^8.8.0",
52
51
  "eslint-plugin-prettier": "^4.2.1",
53
- "glob": "^8.0.3",
54
- "lint-staged": "^13.1.0",
55
- "postcss": "^8.4.20",
52
+ "glob": "^10.2.2",
53
+ "lint-staged": "^13.2.2",
54
+ "postcss": "^8.4.23",
56
55
  "postcss-html": "^1.5.0",
57
56
  "postcss-scss": "^4.0.6",
58
- "prettier": "^2.8.1",
59
- "rimraf": "^3.0.2",
60
- "rollup": "^3.9.1",
57
+ "prettier": "^2.8.8",
58
+ "rimraf": "^5.0.0",
59
+ "rollup": "^3.21.5",
61
60
  "rollup-plugin-copy": "^3.4.0",
62
61
  "rollup-plugin-import-css": "^3.2.1",
63
62
  "rollup-plugin-scss": "^4.0.0",
64
- "sass": "^1.60.0",
65
- "stylelint": "^15.3.0",
63
+ "sass": "^1.62.1",
64
+ "stylelint": "^15.6.1",
66
65
  "stylelint-config-css-modules": "^4.2.0",
67
66
  "stylelint-config-recess-order": "^4.0.0",
68
- "stylelint-config-standard-scss": "^7.0.1",
67
+ "stylelint-config-standard-scss": "^9.0.0",
69
68
  "stylelint-scss": "^5.0.0",
70
- "typescript": "^4.9.4"
69
+ "typescript": "^5.0.4"
71
70
  },
72
71
  "lint-staged": {
73
72
  "./**/*.{vue,js,ts,jsx,tsx,json}": "eslint --ignore-path .eslintignore --fix",
74
73
  "./**/*.{vue,js,ts,jsx,tsx,md,json,scss,css,html}": "prettier . --write",
75
74
  "./**/*.{scss,css,vue}": "stylelint --fix"
76
- },
77
- "simple-git-hooks": {
78
- "pre-commit": "npx lint-staged"
79
75
  }
80
76
  }