@itshixun/qst-ui-system 0.2.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.common.js +1 -1
- package/dist/index.es.js +1 -1
- package/package.json +15 -15
package/dist/index.common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("color2k");const r=[{name:"athena",config:{light:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#cacbd0"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#f3f5fb"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];const l=r=>{const l=e.toRgba(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`};var o,a,t;exports.ThemeCategory=void 0,(o=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",o.TextColor="text-color",o.BgColor="bg-color",o.BorderColor="border-color",o.FillColor="fill-color",o.ExtraColor="extra-color",o.BorderRadius="border-radius",o.Spacing="spacing",o.FontSize="font-size",o.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(t=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",t.dark="dark";const i={[exports.ThemeCategory.Color]:["primary","success","warning","danger","info"],[exports.ThemeCategory.TextColor]:["primary","regular","secondary","placeholder","disabled"],[exports.ThemeCategory.BgColor]:["DEFAULT","page","secondary"],[exports.ThemeCategory.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.ExtraColor]:[],[exports.ThemeCategory.BorderRadius]:["small","base","large","huge","round","circle"],[exports.ThemeCategory.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[exports.ThemeCategory.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[exports.ThemeCategory.ComponentSize]:["mini","small","DEFAULT","large"]},n={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},s={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},c=[],x=Object.assign({},s),p=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(x.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},d=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==x.styleTagId&&(l=!0)})),l&&p()}})).observe(e,{childList:!0})},g=e=>{e&&Object.assign(x,e),c.length=0,c.push(...x.themeList);const r=document.head.querySelector(`#${x.styleTagId}`);let l="";const{namespace:o,themeList:a}=x;a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const a=h({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?l+=`.${e.name} { ${a} }`:l+=`.${e.name}.${r} { ${a} } .${r} { .${e.name} { ${a} } }`}))})),r.innerText=`${m(x)} ${l}`,x&&"function"==typeof x.onStylesSet&&x.onStylesSet()},m=e=>{const{namespace:r,cssReset:l,uiLibs:o}=e;let a=`${l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}ul{list-style:none;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof o?[o]:o).includes("element-plus")&&(a+='@charset "UTF-8";html body{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}html.dark body{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}'.replace("--el-",`${r}-`)),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a},h=({namespace:r,targetTheme:o,mode:a})=>{const t=o.config[a];let i,s="";for(i in t){const o=t[i];Object.keys(o).forEach((t=>{const c="DEFAULT"===t?`${r}-${i}`:`${r}-${i}-${t}`;s+=`${c}: ${o[t]}; `,c.toLowerCase().includes("color")&&(s+=`${c}-rgb: ${l(o[t])}; `),i===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let l=1;l<10;l++)s+=`${c}-${r}-${l}: ${e.toHex(e.mix(o[t],n[a][r],.1*l))}; `}))}))}return s=s.concat(" ",`${r}-color-error: var(${r}-color-danger);`),s=s.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),s},f=e=>{if(e>c.length-1)return;const r=document.getElementsByTagName("html")[0],l=c[e].name;c.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},b=e=>{const r={},l=[];return e.forEach((e=>{const o=e.split("-");if(o.length>1){const e=o.shift(),a=b(o);r[e]?r[e].push(...a):(r[e]=a,l.push({[e]:r[e]}))}else l.push(e)})),l},u=(()=>{const e={};for(const r in i)r.includes("color")?e[r]=b(i[r]):e[r]=i[r];return e})(),v=e=>{const r={};return u.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((o=>{const a={};for(let r=1;r<10;r++)a[r]=`var(${e}-color-${l}-${o}-${r})`;r[l][o]=a}))})),r},y=({key:e,namespace:r,keyPrepend:l="",generateNegative:o=!1})=>{const a={},t=u[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),a[i]=n,o&&(a[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];a[l?l+"-"+i:i]=y({key:i,namespace:`${r}-${e}`,generateNegative:o})}})),a};exports.autoStyleInjection=d,exports.cssVarCodex=i,exports.currentThemeList=c,exports.currentThemeOption=x,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>{const r=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:r,height:r,maxWidth:r,maxHeight:r,minWidth:r,minHeight:r,inlineSize:r,blockSize:r,maxInlineSize:r,maxBlockSize:r,minInlineSize:r,minBlockSize:r,lineHeight:r,spacing:r,borderRadius:{...y({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...v(e),text:y({key:"text-color",namespace:e}),bg:y({key:"bg-color",namespace:e}),border:y({key:"border-color",namespace:e}),fill:y({key:"fill-color",namespace:e}),extra:y({key:"extra-color",namespace:e})},fontSize:{...y({key:"font-size",namespace:e})}}},exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(x,e||{}),l.setAttribute("id",x.styleTagId),g(),f(e&&e.initialThemeIndex?e.initialThemeIndex:0),x.autoResetStyleInjection&&d()},exports.injectThemeStyle=g,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=f,exports.setThemeClassByName=e=>{const r=c.findIndex((r=>r.name===e));return-1!==r&&(f(r),!0)};
|
|
1
|
+
"use strict";var e=require("color2k");const r=[{name:"athena",config:{light:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#cacbd0"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#f3f5fb"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];const l=r=>{const l=e.toRgba(r).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${l[0]}, ${l[1]}, ${l[2]}`};var o,a,t;exports.ThemeCategory=void 0,(o=exports.ThemeCategory||(exports.ThemeCategory={})).Color="color",o.TextColor="text-color",o.BgColor="bg-color",o.BorderColor="border-color",o.FillColor="fill-color",o.ExtraColor="extra-color",o.BorderRadius="border-radius",o.Spacing="spacing",o.FontSize="font-size",o.ComponentSize="component-size",exports.DayNightModeEnum=void 0,(a=exports.DayNightModeEnum||(exports.DayNightModeEnum={})).light="light",a.dark="dark",exports.MixModeEnum=void 0,(t=exports.MixModeEnum||(exports.MixModeEnum={})).light="light",t.dark="dark";const i={[exports.ThemeCategory.Color]:["primary","success","warning","danger","info"],[exports.ThemeCategory.TextColor]:["primary","regular","secondary","placeholder","disabled"],[exports.ThemeCategory.BgColor]:["DEFAULT","page","secondary"],[exports.ThemeCategory.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[exports.ThemeCategory.ExtraColor]:[],[exports.ThemeCategory.BorderRadius]:["small","base","large","huge","round","circle"],[exports.ThemeCategory.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[exports.ThemeCategory.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[exports.ThemeCategory.ComponentSize]:["mini","small","DEFAULT","large"]},n={[exports.DayNightModeEnum.light]:{light:"#FFFFFF",dark:"#000000"},[exports.DayNightModeEnum.dark]:{light:"#000000",dark:"#FFFFFF"}},s={namespace:"--el",themeList:r,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},c=[],x=Object.assign({},s),p=()=>{const e=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(x.styleTagId);e.lastElementChild.id!==r.id&&(e.removeChild(r),e.append(r))},d=()=>{const e=document.head;new MutationObserver((e=>{for(const r of e)if("childList"===r.type){const e=r.addedNodes;let l=!1;e.forEach((e=>{const r=e;e.nodeType===Node.ELEMENT_NODE&&"style"===r.tagName.toLowerCase()&&r.id!==x.styleTagId&&(l=!0)})),l&&p()}})).observe(e,{childList:!0})},g=e=>{e&&Object.assign(x,e),c.length=0,c.push(...x.themeList);const r=document.head.querySelector(`#${x.styleTagId}`);let l="";const{namespace:o,themeList:a}=x;a.forEach((e=>{Object.keys(exports.DayNightModeEnum).forEach((r=>{const a=h({namespace:o,targetTheme:e,mode:r});r===exports.DayNightModeEnum.light?l+=`.${e.name} { color-scheme: light; ${a} }`:l+=`.${e.name}.${r} { color-scheme: dark; ${a} } .${r} { .${e.name} { color-scheme: dark; ${a} } }`}))})),r.innerText=`${m(x)} ${l}`,x&&"function"==typeof x.onStylesSet&&x.onStylesSet()},m=e=>{const{namespace:r,cssReset:l,uiLibs:o}=e;let a=`${l?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}ul{list-style:none;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':""} body { font-size: var(${r}-font-size-base); }`;return("string"==typeof o?[o]:o).includes("element-plus")&&(a+='@charset "UTF-8";html body{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}html.dark body{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}'.replace("--el-",`${r}-`)),a+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",a},h=({namespace:r,targetTheme:o,mode:a})=>{const t=o.config[a];let i,s="";for(i in t){const o=t[i];Object.keys(o).forEach((t=>{const c="DEFAULT"===t?`${r}-${i}`:`${r}-${i}-${t}`;s+=`${c}: ${o[t]}; `,c.toLowerCase().includes("color")&&(s+=`${c}-rgb: ${l(o[t])}; `),i===exports.ThemeCategory.Color&&Object.keys(exports.MixModeEnum).forEach((r=>{for(let l=1;l<10;l++)s+=`${c}-${r}-${l}: ${e.toHex(e.mix(o[t],n[a][r],.1*l))}; `}))}))}return s=s.concat(" ",`${r}-color-error: var(${r}-color-danger);`),s=s.concat(" ",`${r}-bg-color-overlay: var(${r}-bg-color);`),s},f=e=>{if(e>c.length-1)return;const r=document.getElementsByTagName("html")[0],l=c[e].name;c.forEach((e=>{r.classList.contains(e.name)&&e.name!==l&&r.classList.remove(e.name)})),r.classList.contains(l)||r.classList.add(l)},b=e=>{const r={},l=[];return e.forEach((e=>{const o=e.split("-");if(o.length>1){const e=o.shift(),a=b(o);r[e]?r[e].push(...a):(r[e]=a,l.push({[e]:r[e]}))}else l.push(e)})),l},u=(()=>{const e={};for(const r in i)r.includes("color")?e[r]=b(i[r]):e[r]=i[r];return e})(),v=e=>{const r={};return u.color.forEach((l=>{r[l]={DEFAULT:`var(${e}-color-${l})`};["light","dark"].forEach((o=>{const a={};for(let r=1;r<10;r++)a[r]=`var(${e}-color-${l}-${o}-${r})`;r[l][o]=a}))})),r},y=({key:e,namespace:r,keyPrepend:l="",generateNegative:o=!1})=>{const a={},t=u[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=l?l+"-"+t:t,n=`var(${r}-${e}-${t})`;"DEFAULT"===t&&(i=l||t,n=`var(${r}-${e})`),a[i]=n,o&&(a[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];a[l?l+"-"+i:i]=y({key:i,namespace:`${r}-${e}`,generateNegative:o})}})),a};exports.autoStyleInjection=d,exports.cssVarCodex=i,exports.currentThemeList=c,exports.currentThemeOption=x,exports.defaultThemeList=r,exports.generateUnocssTheme=(e="--el")=>{const r=(e=>({...y({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...y({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:r,height:r,maxWidth:r,maxHeight:r,minWidth:r,minHeight:r,inlineSize:r,blockSize:r,maxInlineSize:r,maxBlockSize:r,minInlineSize:r,minBlockSize:r,lineHeight:r,spacing:r,borderRadius:{...y({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...v(e),text:y({key:"text-color",namespace:e}),bg:y({key:"bg-color",namespace:e}),border:y({key:"border-color",namespace:e}),fill:y({key:"fill-color",namespace:e}),extra:y({key:"extra-color",namespace:e})},fontSize:{...y({key:"font-size",namespace:e})}}},exports.initQstTheme=e=>{const r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");r.appendChild(l),Object.assign(x,e||{}),l.setAttribute("id",x.styleTagId),g(),f(e&&e.initialThemeIndex?e.initialThemeIndex:0),x.autoResetStyleInjection&&d()},exports.injectThemeStyle=g,exports.mixModeBaseColors=n,exports.resetThemeStyleInjection=p,exports.setThemeClassByIndex=f,exports.setThemeClassByName=e=>{const r=c.findIndex((r=>r.name===e));return-1!==r&&(f(r),!0)};
|
package/dist/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{toRgba as e,toHex as l,mix as r}from"color2k";const a=[{name:"athena",config:{light:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#cacbd0"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#f3f5fb"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];const o=l=>{const r=e(l).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${r[0]}, ${r[1]}, ${r[2]}`};var t,i,n;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.ExtraColor="extra-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(t||(t={})),function(e){e.light="light",e.dark="dark"}(i||(i={})),function(e){e.light="light",e.dark="dark"}(n||(n={}));const s={[t.Color]:["primary","success","warning","danger","info"],[t.TextColor]:["primary","regular","secondary","placeholder","disabled"],[t.BgColor]:["DEFAULT","page","secondary"],[t.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[t.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[t.ExtraColor]:[],[t.BorderRadius]:["small","base","large","huge","round","circle"],[t.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[t.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[t.ComponentSize]:["mini","small","DEFAULT","large"]},c={[i.light]:{light:"#FFFFFF",dark:"#000000"},[i.dark]:{light:"#000000",dark:"#FFFFFF"}},p={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},x=[],d=Object.assign({},p),g=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),Object.assign(d,e||{}),r.setAttribute("id",d.styleTagId),b(),v(e&&e.initialThemeIndex?e.initialThemeIndex:0),d.autoResetStyleInjection&&f()},m=()=>{const e=document.head||document.getElementsByTagName("head")[0],l=document.getElementById(d.styleTagId);e.lastElementChild.id!==l.id&&(e.removeChild(l),e.append(l))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const l of e)if("childList"===l.type){const e=l.addedNodes;let r=!1;e.forEach((e=>{const l=e;e.nodeType===Node.ELEMENT_NODE&&"style"===l.tagName.toLowerCase()&&l.id!==d.styleTagId&&(r=!0)})),r&&m()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(d,e),x.length=0,x.push(...d.themeList);const l=document.head.querySelector(`#${d.styleTagId}`);let r="";const{namespace:a,themeList:o}=d;o.forEach((e=>{Object.keys(i).forEach((l=>{const o=u({namespace:a,targetTheme:e,mode:l});l===i.light?r+=`.${e.name} { ${o} }`:r+=`.${e.name}.${l} { ${o} } .${l} { .${e.name} { ${o} } }`}))})),l.innerText=`${h(d)} ${r}`,d&&"function"==typeof d.onStylesSet&&d.onStylesSet()},h=e=>{const{namespace:l,cssReset:r,uiLibs:a}=e;let o=`${r?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}ul{list-style:none;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':""} body { font-size: var(${l}-font-size-base); }`;return("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";html body{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}html.dark body{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-dialog .el-dialog__body{padding:var(--el-spacing-md);}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}'.replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},u=({namespace:e,targetTheme:a,mode:i})=>{const s=a.config[i];let p,x="";for(p in s){const a=s[p];Object.keys(a).forEach((s=>{const d="DEFAULT"===s?`${e}-${p}`:`${e}-${p}-${s}`;x+=`${d}: ${a[s]}; `,d.toLowerCase().includes("color")&&(x+=`${d}-rgb: ${o(a[s])}; `),p===t.Color&&Object.keys(n).forEach((e=>{for(let o=1;o<10;o++)x+=`${d}-${e}-${o}: ${l(r(a[s],c[i][e],.1*o))}; `}))}))}return x=x.concat(" ",`${e}-color-error: var(${e}-color-danger);`),x=x.concat(" ",`${e}-bg-color-overlay: var(${e}-bg-color);`),x},v=e=>{if(e>x.length-1)return;const l=document.getElementsByTagName("html")[0],r=x[e].name;x.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},y=e=>{const l=x.findIndex((l=>l.name===e));return-1!==l&&(v(l),!0)},k=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=k(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},z=(()=>{const e={};for(const l in s)l.includes("color")?e[l]=k(s[l]):e[l]=s[l];return e})(),F=e=>{const l={};return z.color.forEach((r=>{l[r]={DEFAULT:`var(${e}-color-${r})`};["light","dark"].forEach((a=>{const o={};for(let l=1;l<10;l++)o[l]=`var(${e}-color-${r}-${a}-${l})`;l[r][a]=o}))})),l},E=({key:e,namespace:l,keyPrepend:r="",generateNegative:a=!1})=>{const o={},t=z[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=r?r+"-"+t:t,n=`var(${l}-${e}-${t})`;"DEFAULT"===t&&(i=r||t,n=`var(${l}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[r?r+"-"+i:i]=E({key:i,namespace:`${l}-${e}`,generateNegative:a})}})),o},T=(e="--el")=>{const l=(e=>({...E({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...E({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...E({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...F(e),text:E({key:"text-color",namespace:e}),bg:E({key:"bg-color",namespace:e}),border:E({key:"border-color",namespace:e}),fill:E({key:"fill-color",namespace:e}),extra:E({key:"extra-color",namespace:e})},fontSize:{...E({key:"font-size",namespace:e})}}};export{i as DayNightModeEnum,n as MixModeEnum,t as ThemeCategory,f as autoStyleInjection,s as cssVarCodex,x as currentThemeList,d as currentThemeOption,a as defaultThemeList,T as generateUnocssTheme,g as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,m as resetThemeStyleInjection,v as setThemeClassByIndex,y as setThemeClassByName};
|
|
1
|
+
import{toRgba as e,toHex as l,mix as r}from"color2k";const a=[{name:"athena",config:{light:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#cacbd0"},"bg-color":{DEFAULT:"#ffffff",page:"#f7f8fd",secondary:"#f3f5fb"},"border-color":{"extra-light":"#F6F7FA",lighter:"#F0F2F7",light:"#EAEDF4",DEFAULT:"#E1E6F0",dark:"#D0D5DF",darker:"#C8CCD7"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#eeeeee",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#217aff",success:"#12D678",warning:"#FFB115",danger:"#FF4D4F",info:"#96979C"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#28303d",page:"#1b2431",secondary:"#121B27"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"12px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}},{name:"uplus",config:{light:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#222222",regular:"#666666",secondary:"#999999",placeholder:"#bbbbbb",disabled:"#cccccc"},"bg-color":{DEFAULT:"#ffffff",page:"#f8f9fa",secondary:"#f2f3f4"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#fafafa",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}},dark:{color:{primary:"#67aef7",success:"#62d65c",warning:"#f39800",danger:"#fc7373",info:"#969eb3"},"text-color":{primary:"#e5eaf3",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#252525",page:"#181818",secondary:"#111111"},"border-color":{"extra-light":"#2B2B2C",lighter:"#363637",light:"#414243",DEFAULT:"#4C4D4F",dark:"#58585B",darker:"#636466"},"fill-color":{blank:"transparent",reverse:"#ffffff","extra-light":"#191919",lighter:"#1D1D1D",light:"#262727",DEFAULT:"#303030",dark:"#39393A",darker:"#424243"},"extra-color":{},"border-radius":{small:"2px",base:"4px",large:"6px",huge:"8px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"32px",DEFAULT:"40px",large:"48px"}}}},{name:"purple",config:{light:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#131b26",regular:"#5f6165",secondary:"#96979c",placeholder:"#cacbd0",disabled:"#c0c4cc"},"bg-color":{DEFAULT:"#ffffff",page:"#F6F5F7",secondary:"#F2F1F3"},"border-color":{"extra-light":"#f2f6fc",lighter:"#ebeef5",light:"#e4e7ed",DEFAULT:"#dcdfe6",dark:"#d4d7de",darker:"#cdd0d6"},"fill-color":{blank:"#ffffff",reverse:"#000000","extra-light":"#fafcff",lighter:"#f8fafc",light:"#f5f7fa",DEFAULT:"#f0f2f5",dark:"#ebedf0",darker:"#e6e8eb"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}},dark:{color:{primary:"#7955FC",success:"#18D654",warning:"#faad14",danger:"#f5222d",info:"#8c8c8c"},"text-color":{primary:"#ffffff",regular:"#cfd3dc",secondary:"#a3a6ad",placeholder:"#8d9095",disabled:"#6c6e72"},"bg-color":{DEFAULT:"#202024",page:"#1C1A22",secondary:"#0F0E13"},"border-color":{"extra-light":"#212833",lighter:"#313a47",light:"#3a4554",DEFAULT:"#444f5e",dark:"#576273",darker:"#677282"},"fill-color":{reverse:"#ffffff",blank:"transparent","extra-light":"#252c38",lighter:"#222b38",light:"#1f2733",DEFAULT:"#1e2633",dark:"#1a222e",darker:"#171e29"},"extra-color":{},"border-radius":{small:"4px",base:"6px",large:"8px",huge:"10px",round:"20px",circle:"100%"},spacing:{xxxs:"4px",xxs:"8px",xs:"12px",sm:"16px",md:"20px",DEFAULT:"24px",lg:"28px",xl:"32px",xxl:"36px",xxxl:"40px"},"font-size":{"extra-small":"12px",small:"13px",base:"14px",medium:"16px",large:"18px","extra-large":"20px",xxl:"24px",xxxl:"28px"},"component-size":{mini:"24px",small:"28px",DEFAULT:"36px",large:"40px"}}}}];const o=l=>{const r=e(l).replace(" ","").replace("rgba(","").replace(")","").split(",");return`${r[0]}, ${r[1]}, ${r[2]}`};var t,i,n;!function(e){e.Color="color",e.TextColor="text-color",e.BgColor="bg-color",e.BorderColor="border-color",e.FillColor="fill-color",e.ExtraColor="extra-color",e.BorderRadius="border-radius",e.Spacing="spacing",e.FontSize="font-size",e.ComponentSize="component-size"}(t||(t={})),function(e){e.light="light",e.dark="dark"}(i||(i={})),function(e){e.light="light",e.dark="dark"}(n||(n={}));const s={[t.Color]:["primary","success","warning","danger","info"],[t.TextColor]:["primary","regular","secondary","placeholder","disabled"],[t.BgColor]:["DEFAULT","page","secondary"],[t.BorderColor]:["extra-light","lighter","light","DEFAULT","dark","darker"],[t.FillColor]:["blank","reverse","extra-light","lighter","light","DEFAULT","dark","darker"],[t.ExtraColor]:[],[t.BorderRadius]:["small","base","large","huge","round","circle"],[t.Spacing]:["xxxs","xxs","xs","sm","md","DEFAULT","lg","xl","xxl","xxxl"],[t.FontSize]:["extra-small","small","base","medium","large","extra-large","xxl","xxxl"],[t.ComponentSize]:["mini","small","DEFAULT","large"]},c={[i.light]:{light:"#FFFFFF",dark:"#000000"},[i.dark]:{light:"#000000",dark:"#FFFFFF"}},p={namespace:"--el",themeList:a,cssReset:!0,uiLibs:"element-plus",styleTagId:"qst_theme_styles",autoResetStyleInjection:!0},x=[],d=Object.assign({},p),g=e=>{const l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");l.appendChild(r),Object.assign(d,e||{}),r.setAttribute("id",d.styleTagId),b(),v(e&&e.initialThemeIndex?e.initialThemeIndex:0),d.autoResetStyleInjection&&f()},m=()=>{const e=document.head||document.getElementsByTagName("head")[0],l=document.getElementById(d.styleTagId);e.lastElementChild.id!==l.id&&(e.removeChild(l),e.append(l))},f=()=>{const e=document.head;new MutationObserver((e=>{for(const l of e)if("childList"===l.type){const e=l.addedNodes;let r=!1;e.forEach((e=>{const l=e;e.nodeType===Node.ELEMENT_NODE&&"style"===l.tagName.toLowerCase()&&l.id!==d.styleTagId&&(r=!0)})),r&&m()}})).observe(e,{childList:!0})},b=e=>{e&&Object.assign(d,e),x.length=0,x.push(...d.themeList);const l=document.head.querySelector(`#${d.styleTagId}`);let r="";const{namespace:a,themeList:o}=d;o.forEach((e=>{Object.keys(i).forEach((l=>{const o=u({namespace:a,targetTheme:e,mode:l});l===i.light?r+=`.${e.name} { color-scheme: light; ${o} }`:r+=`.${e.name}.${l} { color-scheme: dark; ${o} } .${l} { .${e.name} { color-scheme: dark; ${o} } }`}))})),l.innerText=`${h(d)} ${r}`,d&&"function"==typeof d.onStylesSet&&d.onStylesSet()},h=e=>{const{namespace:l,cssReset:r,uiLibs:a}=e;let o=`${r?'@charset "UTF-8";html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{padding:0;margin:0;vertical-align:baseline;background:transparent;border-style:solid;border-width:0;}main,article,aside,figure,footer,header,nav,section,details,summary{display:block;}html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}ul{list-style:none;}a{padding:0;margin:0;font-size:100%;vertical-align:baseline;background:transparent;}table{font:100%;font-size:inherit;border-spacing:0;border-collapse:separate;}table th{font-weight:bold;vertical-align:bottom;}table td{font-weight:normal;vertical-align:top;}table td img{vertical-align:top;}button,input,select,textarea{margin:0;}.clearfix::after{display:block;clear:both;content:" ";}html{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",SimSun,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}':""} body { font-size: var(${l}-font-size-base); }`;return("string"==typeof a?[a]:a).includes("element-plus")&&(o+='@charset "UTF-8";html body{--el-menu-bg-color:transparent;--el-menu-base-level-padding:var(--el-spacing);--el-menu-level-padding:var(--el-spacing-sm);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:calc(var(--el-component-size-small) * 2);--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:calc(var(--el-component-size) * 2);--el-menu-horizontal-sub-item-height:var(--el-component-size);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-icon-width:var(--el-component-size-small);--el-loading-spinner-size:var(--el-component-size);--el-loading-fullscreen-spinner-size:var(--el-component-size-large);--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgb(0 0 0 / 80%);--el-overlay-color-light:rgb(0 0 0 / 70%);--el-overlay-color-lighter:rgb(0 0 0 / 50%);--el-mask-color:rgb(255 255 255 / 90%);--el-mask-color-extra-light:rgb(255 255 255 / 30%);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);}html.dark body{--el-mask-color:rgb(0 0 0 / 80%);--el-mask-color-extra-light:rgb(0 0 0 / 30%);}.el-button{--el-button-size:var(--el-component-size);height:var(--el-button-size);padding:0 var(--el-spacing-sm);}.el-button.el-button--small{--el-button-size:var(--el-component-size-small);padding:0 var(--el-spacing-xs);}.el-button.el-button--large{--el-button-size:var(--el-component-size-large);padding:0 var(--el-spacing);}.el-button.is-circle{width:var(--el-button-size);}.el-button:focus{color:var(--el-button-text-color);background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);}.el-button:active{color:var(--el-button-active-text-color);background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);}.el-button.is-link{padding:2px;}.el-button.is-link:focus{color:var(--el-button-text-color);}.el-button.is-text:active{color:var(--el-button-text-color);}.el-button.is-text:not(.is-disabled).is-has-bg:focus{background-color:var(--el-fill-color-light);}.el-dialog{--el-dialog-border-radius:var(--el-border-radius-base);--el-dialog-padding-primary:var(--el-spacing-md,20px);}.el-dialog .el-dialog__header{margin-right:0!important;}.el-message-box{--el-messagebox-border-radius:var(--el-border-radius-base);--el-messagebox-padding-primary:var(--el-spacing-md,20px);}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size) - 1px);}.el-input-number.is-controls-right.el-input-number--small .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--small .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-small) - 1px);}.el-input-number.is-controls-right.el-input-number--large .el-input-number__decrease,.el-input-number.is-controls-right.el-input-number--large .el-input-number__increase{--el-input-number-controls-height:calc(0.5 * var(--el-component-size-large) - 1px);}.el-input--small{font-size:var(--el-font-size-small);}.el-input--large{font-size:var(--el-font-size-medium);}.el-select .el-select__wrapper{min-height:var(--el-component-size);font-size:var(--el-font-size-base);}.el-select.el-select--small .el-select__wrapper{min-height:var(--el-component-size-small);font-size:var(--el-font-size-small);}.el-select.el-select--large .el-select__wrapper{min-height:var(--el-component-size-large);font-size:var(--el-font-size-medium);}.el-radio{height:var(--el-component-size);}.el-radio.el-radio--large{height:var(--el-component-size-large);}.el-radio.el-radio--small{height:var(--el-component-size-small);}.el-radio-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-radio-button--large .el-radio-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-radio-button--small .el-radio-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-checkbox{height:var(--el-component-size);--el-checkbox-font-size:var(--el-font-size-base);}.el-checkbox.el-checkbox--large{height:var(--el-component-size-large);}.el-checkbox.el-checkbox--small{height:var(--el-component-size-small);}.el-checkbox-button__inner{display:inline-flex;flex-direction:row;align-items:center;height:var(--el-component-size);padding:0 var(--el-spacing-xs);}.el-checkbox-button--large .el-checkbox-button__inner{height:var(--el-component-size-large);padding:0 var(--el-spacing-sm);}.el-checkbox-button--small .el-checkbox-button__inner{height:var(--el-component-size-small);padding:0 var(--el-spacing-xxs);}.el-switch{height:var(--el-component-size);}.el-switch--large{height:var(--el-component-size-large);}.el-switch--small{height:var(--el-component-size-small);}.el-form-item__label{height:var(--el-component-size);line-height:var(--el-component-size);}.el-form-item--large .el-form-item__label{height:var(--el-component-size-large);line-height:var(--el-component-size-large);}.el-form-item--small .el-form-item__label{height:var(--el-component-size-small);line-height:var(--el-component-size-small);}.el-tooltip__trigger:focus-visible{outline:none;}.el-collapse{--el-collapse-header-text-color:var(--el-text-color-secondary);}.el-divider__text{font-size:var(--el-font-size-base);}'.replace("--el-",`${l}-`)),o+="html { --el-color-white: #ffffff; --el-color-black: #000000; }",o},u=({namespace:e,targetTheme:a,mode:i})=>{const s=a.config[i];let p,x="";for(p in s){const a=s[p];Object.keys(a).forEach((s=>{const d="DEFAULT"===s?`${e}-${p}`:`${e}-${p}-${s}`;x+=`${d}: ${a[s]}; `,d.toLowerCase().includes("color")&&(x+=`${d}-rgb: ${o(a[s])}; `),p===t.Color&&Object.keys(n).forEach((e=>{for(let o=1;o<10;o++)x+=`${d}-${e}-${o}: ${l(r(a[s],c[i][e],.1*o))}; `}))}))}return x=x.concat(" ",`${e}-color-error: var(${e}-color-danger);`),x=x.concat(" ",`${e}-bg-color-overlay: var(${e}-bg-color);`),x},v=e=>{if(e>x.length-1)return;const l=document.getElementsByTagName("html")[0],r=x[e].name;x.forEach((e=>{l.classList.contains(e.name)&&e.name!==r&&l.classList.remove(e.name)})),l.classList.contains(r)||l.classList.add(r)},k=e=>{const l=x.findIndex((l=>l.name===e));return-1!==l&&(v(l),!0)},y=e=>{const l={},r=[];return e.forEach((e=>{const a=e.split("-");if(a.length>1){const e=a.shift(),o=y(a);l[e]?l[e].push(...o):(l[e]=o,r.push({[e]:l[e]}))}else r.push(e)})),r},z=(()=>{const e={};for(const l in s)l.includes("color")?e[l]=y(s[l]):e[l]=s[l];return e})(),F=e=>{const l={};return z.color.forEach((r=>{l[r]={DEFAULT:`var(${e}-color-${r})`};["light","dark"].forEach((a=>{const o={};for(let l=1;l<10;l++)o[l]=`var(${e}-color-${r}-${a}-${l})`;l[r][a]=o}))})),l},E=({key:e,namespace:l,keyPrepend:r="",generateNegative:a=!1})=>{const o={},t=z[e];return t&&t.forEach((t=>{if("string"==typeof t){let i=r?r+"-"+t:t,n=`var(${l}-${e}-${t})`;"DEFAULT"===t&&(i=r||t,n=`var(${l}-${e})`),o[i]=n,a&&(o[`${i}-negative`]=`calc(-1 * ${n})`)}else{const i=Object.keys(t)[0];o[r?r+"-"+i:i]=E({key:i,namespace:`${l}-${e}`,generateNegative:a})}})),o},T=(e="--el")=>{const l=(e=>({...E({key:"spacing",namespace:e,keyPrepend:"spacing",generateNegative:!0}),...E({key:"component-size",namespace:e,keyPrepend:"component-size",generateNegative:!0})}))(e);return{width:l,height:l,maxWidth:l,maxHeight:l,minWidth:l,minHeight:l,inlineSize:l,blockSize:l,maxInlineSize:l,maxBlockSize:l,minInlineSize:l,minBlockSize:l,lineHeight:l,spacing:l,borderRadius:{...E({key:"border-radius",namespace:e})},colors:{theme:`var(${e}-color-primary)`,...F(e),text:E({key:"text-color",namespace:e}),bg:E({key:"bg-color",namespace:e}),border:E({key:"border-color",namespace:e}),fill:E({key:"fill-color",namespace:e}),extra:E({key:"extra-color",namespace:e})},fontSize:{...E({key:"font-size",namespace:e})}}};export{i as DayNightModeEnum,n as MixModeEnum,t as ThemeCategory,f as autoStyleInjection,s as cssVarCodex,x as currentThemeList,d as currentThemeOption,a as defaultThemeList,T as generateUnocssTheme,g as initQstTheme,b as injectThemeStyle,c as mixModeBaseColors,m as resetThemeStyleInjection,v as setThemeClassByIndex,k as setThemeClassByName};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itshixun/qst-ui-system",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"packageManager": "pnpm@8.3.0",
|
|
5
5
|
"description": "qst ui system",
|
|
6
6
|
"author": "mutueye <mutuyueniao@gmail.com>",
|
|
@@ -44,30 +44,30 @@
|
|
|
44
44
|
"@rollup/plugin-terser": "^0.4.4",
|
|
45
45
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
46
46
|
"@types/lodash-es": "^4.17.12",
|
|
47
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
48
|
-
"@typescript-eslint/parser": "^
|
|
47
|
+
"@typescript-eslint/eslint-plugin": "^7.4.0",
|
|
48
|
+
"@typescript-eslint/parser": "^7.4.0",
|
|
49
49
|
"element-theme-chalk": "^2.15.14",
|
|
50
|
-
"eslint": "^8.
|
|
50
|
+
"eslint": "^8.57.0",
|
|
51
51
|
"eslint-config-prettier": "^9.1.0",
|
|
52
52
|
"eslint-plugin-prettier": "^5.1.3",
|
|
53
|
-
"glob": "^10.3.
|
|
54
|
-
"lint-staged": "^15.2.
|
|
55
|
-
"postcss": "^8.4.
|
|
53
|
+
"glob": "^10.3.12",
|
|
54
|
+
"lint-staged": "^15.2.2",
|
|
55
|
+
"postcss": "^8.4.38",
|
|
56
56
|
"postcss-html": "^1.6.0",
|
|
57
57
|
"postcss-scss": "^4.0.9",
|
|
58
|
-
"prettier": "^3.2.
|
|
58
|
+
"prettier": "^3.2.5",
|
|
59
59
|
"rimraf": "^5.0.5",
|
|
60
|
-
"rollup": "^4.
|
|
60
|
+
"rollup": "^4.13.2",
|
|
61
61
|
"rollup-plugin-copy": "^3.5.0",
|
|
62
|
-
"rollup-plugin-import-css": "^3.
|
|
62
|
+
"rollup-plugin-import-css": "^3.5.0",
|
|
63
63
|
"rollup-plugin-scss": "^4.0.0",
|
|
64
|
-
"sass": "^1.
|
|
65
|
-
"stylelint": "^16.
|
|
64
|
+
"sass": "^1.72.0",
|
|
65
|
+
"stylelint": "^16.3.1",
|
|
66
66
|
"stylelint-config-css-modules": "^4.4.0",
|
|
67
|
-
"stylelint-config-recess-order": "^
|
|
67
|
+
"stylelint-config-recess-order": "^5.0.0",
|
|
68
68
|
"stylelint-config-standard-scss": "^13.0.0",
|
|
69
|
-
"stylelint-scss": "^6.
|
|
70
|
-
"typescript": "^5.
|
|
69
|
+
"stylelint-scss": "^6.2.1",
|
|
70
|
+
"typescript": "^5.4.3"
|
|
71
71
|
},
|
|
72
72
|
"lint-staged": {
|
|
73
73
|
"./**/*.{vue,js,ts,jsx,tsx,json}": "eslint --ignore-path .eslintignore --fix",
|