@aviala-design/color 0.2.1 → 0.2.2

package/README.md

@@ -7,7 +7,7 @@ This library provides four core functionalities:
 1. **Color Palette Generation**: Generate gradient swatches containing ten colors using algorithms, supporting both light and dark modes.
 2. **Image Color Extraction**: Extract dominant colors from images for generating matching palettes or theme colors.
 3. **Interface Color System**: Generate complete interface color systems based on primary colors, including semantic colors (success, warning, error, info).
-4. **Theme Blending**: Advanced theme blending functionality based on HCT color space with multiple blending modes.
+4. **Theme Blending**: Advanced theme blending functionality based on HCT color space with multiple blending modes, supporting complete interface color system generation with brand customization.
 
 ## Usage
 
@@ -22,6 +22,7 @@ import {
   getRgbStr,
   extractColorFromImage,
   generateInterfaceColorSystem,
+  generateThemePalette,
   blendInHct,
   rgbToHct,
   hctToRgb
@@ -56,6 +57,19 @@ console.log(colorSystem.warning); // Warning colors
 console.log(colorSystem.error); // Error colors
 console.log(colorSystem.info); // Info colors
 
+// Generate complete theme palette with brand customization
+const themePalette = generateThemePalette('#3491FA', {
+  semanticColors: {
+    success: '#00C853',
+    warning: '#FF9800',
+    error: '#F44336'
+  },
+  semanticBlendRatio: 0.1 // 10% brand influence on semantic colors
+});
+console.log(themePalette.control); // Control colors (primary, gray)
+console.log(themePalette.semantic); // Semantic colors with brand influence
+console.log(themePalette.theme); // Theme color variations
+
 // Theme blending
 const blended = blendInHct([64, 196, 255], [255, 87, 34], 'overlay', 0.5);
 console.log(blended); // Blended RGB color
@@ -150,6 +164,45 @@ const customColorSystem = generateInterfaceColorSystem('#3491FA', {
 });
 ```
 
+### generateThemePalette(themeColor: string, options?: Object)
+
+Generate a complete theme palette with advanced brand customization and semantic color blending.
+
+**Parameters:**
+- `themeColor`: string - Primary theme color in hex format
+- `options`: Object - Optional configuration
+  - `semanticColors`: Object - Custom semantic color bases
+    - `success`: string - Success color base
+    - `warning`: string - Warning color base
+    - `error`: string - Error color base
+    - `info`: string - Info color base
+  - `semanticBlendRatio`: number - Brand influence on semantic colors (0-1, default: 0.08)
+  - `controlBlendRatio`: number - Brand influence on control colors (0-1, default: 0.05)
+
+**Returns:**
+- `Object` - Complete theme palette
+  - `control`: Object - Control colors (primary, gray)
+  - `semantic`: Object - Semantic colors with brand influence
+  - `theme`: string[] - Theme color variations (10 colors)
+
+```js
+// Basic theme palette
+const basicPalette = generateThemePalette('#3491FA');
+
+// Advanced customization with brand influence
+const brandPalette = generateThemePalette('#3491FA', {
+  semanticColors: {
+    success: '#00C853',
+    warning: '#FF9800',
+    error: '#F44336',
+    info: '#2196F3'
+  },
+  semanticBlendRatio: 0.12, // 12% brand influence
+  controlBlendRatio: 0.08   // 8% brand influence
+});
+console.log(brandPalette.semantic.success); // Brand-influenced success colors
+```
+
 ### rgbToHct(rgb: number[])
 
 Convert RGB color to HCT color space.

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { default as generate } from './generate.js';
 import { getRgbStr } from './utils.js';
 import { extractColorFromImage, extractColorFromFile } from './image-color.js';
 import { generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL } from './linear.js';
-import { rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendSemanticColors, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem } from './theme-blend.js';
+import { rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem } from './theme-blend.js';
 export namespace colorList {
     let red: string;
     let orangered: string;
@@ -25,4 +25,4 @@ export function getPresetColors(): {
         primary: string;
     };
 };
-export { generate, getRgbStr, extractColorFromImage, extractColorFromFile, generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL, rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendSemanticColors, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem };
+export { generate, getRgbStr, extractColorFromImage, extractColorFromFile, generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL, rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem };

package/dist/index.js

@@ -1 +1 @@
-(function(f,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("color")):typeof define=="function"&&define.amd?define(["exports","color"],g):(f=typeof globalThis<"u"?globalThis:f||self,g(f.AvialaColor={},f.Color))})(this,function(f,g){"use strict";function O(t){return g(t).rgb().round().color.join(",")}const q=["hex","rgb","hsl"];function N(t){return!t||q.indexOf(t)<0?"hex":t}function E(t,r){const s=N(r);return s==="hex"?t[s]().toLowerCase():t[s]().round().string()}function R(t,r,s){const n=g(t),e=n.hue(),o=n.saturationv(),a=n.value(),c=(M=>M>=60&&M<=240?2.5:M>=0&&M<60||M>300&&M<=360?1.5:2)(e),l=100,d=9,h=100,u=30;function m(M,w){let S;return e>=60&&e<=240?S=M?e-c*w:e+c*w:S=M?e+c*w:e-c*w,S<0?S+=360:S>=360&&(S-=360),Math.round(S)}function b(M,w){let S;if(M)S=o<=d?o:o-(o-d)/5.5*Math.pow(w,1.05);else{const tt=Math.min(l,o+30);S=o+(tt-o)/4.2*Math.pow(w,.95)}return Math.max(0,Math.min(100,S))}function p(M,w){return M?Math.min(h,a+(h-a)/5.2*Math.pow(w,.9)):a<=u?a:Math.max(u,a-(a-u)/4.2*Math.pow(w,1.05))}const y=r<6,x=y?6-r:r-6,D=r===6?n:g({h:m(y,x),s:b(y,x),v:p(y,x)});return E(D,s)}function T(t,r,s){const n=g(R(t,10-r+1)),e=g(t),o=e.hue(),a=e.saturationv(),c=g({h:e.hue(),s:h(6),v:e.value()}).saturationv(),l=Math.ceil((c-9)/4),d=Math.ceil((100-c)/5);function h(m){if(m<6)return c+(6-m)*d;if(m===6){if(o>=0&&o<50)return a-15;if(o>=50&&o<191)return a-20;if(o>=191&&o<=360)return a-15}return c-l*(m-6)}const u=g({h:n.hue(),s:h(r),v:n.value()});return E(u,s)}function v(t,r={}){const{dark:s,list:n,index:e=6,format:o="hex"}=r;if(n){const a=[],i=s?T:R;for(let c=1;c<=10;c++)a.push(i(t,c,o));return a}return s?T(t,e,o):R(t,e,o)}async function P(t){try{const r=await j(t),s=U(r);return K(s)}catch(r){throw console.error("提取图片颜色失败:",r),r}}async function j(t){return new Promise((r,s)=>{try{const n=document.createElement("canvas"),e=n.getContext("2d"),o=Math.min(t.width,100),a=Math.min(t.height,100),i=Math.min(o/t.width,a/t.height);n.width=t.width*i,n.height=t.height*i,e.drawImage(t,0,0,n.width,n.height);const c=e.getImageData(0,0,n.width,n.height);r(c)}catch(n){s(n)}})}function U(t){const r=t.data,s=new Map;for(let e=0;e<r.length;e+=4){const o=r[e],a=r[e+1],i=r[e+2];if(r[e+3]<128)continue;const l=Math.round(o/16)*16,d=Math.round(a/16)*16,h=Math.round(i/16)*16,u=`${l},${d},${h}`;s.has(u)?s.set(u,s.get(u)+1):s.set(u,1)}const n=[];return s.forEach((e,o)=>{const[a,i,c]=o.split(",").map(Number);n.push({r:a,g:i,b:c,count:e})}),n}function K(t){t.sort((e,o)=>o.count-e.count);const r=t.filter(e=>{const{r:o,g:a,b:i}=e,c=Math.max(o,a,i),l=Math.min(o,a,i),d=c-l,h=c===0?0:d/c,u=c/255;return h>.15&&u>.2&&u<.8}),s=r.length>0?r[0]:t[0];return g({r:s.r,g:s.g,b:s.b}).hex()}function W(t){return new Promise((r,s)=>{if(!t.type.startsWith("image/")){s(new Error("请选择图片文件"));return}const n=new FileReader;n.onload=async e=>{try{const o=new Image;o.onload=async()=>{try{const a=await P(o);r(a)}catch(a){s(a)}},o.onerror=()=>s(new Error("图片加载失败")),o.src=e.target.result}catch(o){s(o)}},n.onerror=()=>s(new Error("文件读取失败")),n.readAsDataURL(t)})}function I(t,r,s={}){const{steps:n=10,format:e="hex",includeEnds:o=!0}=s;if(n<2)throw new Error("步数必须至少为2");const a=g(t),i=g(r),c=[],l=o?n:n+2,d=1/(l-1);for(let h=0;h<l;h++){const u=h*d,m=Math.round(a.red()+(i.red()-a.red())*u),b=Math.round(a.green()+(i.green()-a.green())*u),p=Math.round(a.blue()+(i.blue()-a.blue())*u),y=g({r:m,g:b,b:p});!o&&(h===0||h===l-1)||c.push(E(y,e))}return c}function J(t={}){const{startGray:r="#ffffff",endGray:s="#000000",steps:n=10,format:e="hex"}=t;return I(r,s,{steps:n,format:e,includeEnds:!0})}function Q(t,r={}){const{steps:s=10,format:n="hex",lightnessRange:e=80}=r,a=g(t).hsl(),i=a.lightness(),c=Math.min(95,i+e/2),l=Math.max(5,i-e/2),d=g({h:a.hue(),s:a.saturationl(),l:c}),h=g({h:a.hue(),s:a.saturationl(),l});return I(d.hex(),h.hex(),{steps:s,format:n,includeEnds:!0})}function X(t,r,s={}){const{steps:n=10,format:e="hex",includeEnds:o=!0}=s;if(n<2)throw new Error("步数必须至少为2");const a=g(t).hsl(),i=g(r).hsl(),c=[],l=o?n:n+2,d=1/(l-1);let h=a.hue()||0,u=i.hue()||0;const m=u-h;Math.abs(m)>180&&(m>0?h+=360:u+=360);for(let b=0;b<l;b++){const p=b*d;let y=h+(u-h)*p;const x=a.saturationl()+(i.saturationl()-a.saturationl())*p,D=a.lightness()+(i.lightness()-a.lightness())*p;y=y%360,y<0&&(y+=360);const M=g({h:y,s:x,l:D});!o&&(b===0||b===l-1)||c.push(E(M,e))}return c}function C(t){const r=t.replace("#",""),s=parseInt(r.substr(0,2),16)/255,n=parseInt(r.substr(2,2),16)/255,e=parseInt(r.substr(4,2),16)/255,o=Math.max(s,n,e),a=Math.min(s,n,e),i=o-a;let c=0;i!==0&&(o===s?c=(n-e)/i%6:o===n?c=(e-s)/i+2:c=(s-n)/i+4),c=Math.round(c*60),c<0&&(c+=360);const l=Math.round((.299*s+.587*n+.114*e)*100),d=(o+a)/2,h=i===0?0:i/(1-Math.abs(2*d-1)),u=Math.round(h*Math.min(l,100-l));return{h:c,c:u,t:l}}function H(t){const{h:r,c:s,t:n}=t,e=(r%360+360)%360,o=Math.max(0,Math.min(150,s)),a=Math.max(0,Math.min(100,n)),i=a/100,c=a===0||a===100?0:o/Math.min(a,100-a),l=(1-Math.abs(2*i-1))*Math.min(1,c),d=l*(1-Math.abs(e/60%2-1)),h=i-l/2;let u,m,b;e>=0&&e<60?[u,m,b]=[l,d,0]:e>=60&&e<120?[u,m,b]=[d,l,0]:e>=120&&e<180?[u,m,b]=[0,l,d]:e>=180&&e<240?[u,m,b]=[0,d,l]:e>=240&&e<300?[u,m,b]=[d,0,l]:[u,m,b]=[l,0,d];const p=y=>{const x=Math.max(0,Math.min(1,y+h)),D=Math.round(x*255).toString(16);return D.length===1?"0"+D:D};return`#${p(u)}${p(m)}${p(b)}`}function L(t,r,s=.5){const n=C(t),e=C(r);let o=n.h,a=e.h,i=a-o;Math.abs(i)>180&&(i>0?o+=360:a+=360);const c=(o+(a-o)*s)%360,l=n.c+(e.c-n.c)*s,d=n.t+(e.t-n.t)*s;return H({h:c<0?c+360:c,c:Math.max(0,Math.round(l)),t:Math.max(0,Math.min(100,Math.round(d)))})}function A(t,r,s=.15){const n=C(t),e=C(r);let o=e.h,a=n.h,i=a-o;Math.abs(i)>180&&(i>0?o+=360:a+=360,i=a-o);const c=(o+i*s)%360;return H({h:c<0?c+360:c,c:e.c,t:e.t})}function k(t,r=[10,20,30,40,50,60,70,80,90]){const s=C(t);let n;return Array.isArray(r)?n=r:r&&r.tones&&Array.isArray(r.tones)?n=r.tones:n=[10,20,30,40,50,60,70,80,90],n.map(e=>H({h:s.h,c:s.c,t:e}))}function z(t,r,s=.15){const n={};for(const[e,o]of Object.entries(r))n[e]=A(t,o,s);return n}function $(t,r,s=.2){const n={};for(const[e,o]of Object.entries(r))n[e]=L(t,o,s);return n}function B(t,r={}){const{baseGray:s="#666666"}=r,{blendRatio:n=.08,isDark:e=!1}=r,o=C(s),a={};return(e?[95,90,85,80,70,60,50,40,30,20,15,10]:[10,15,20,30,40,50,60,70,80,85,90,95]).forEach((c,l)=>{const d={h:o.h,c:o.c,t:c},h=L(H(d),t,n);a[`gray-${l+1}`]=h}),a}function V(t,r={}){const{semanticColors:s={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},blendRatio:n=.12,isDark:e=!1}=r,o={};return Object.entries(s).forEach(([a,i])=>{const c={},l=C(i);(e?[90,80,70,60,50,40,30,25,20,15]:[15,25,35,45,55,65,75,85,90,95]).forEach((h,u)=>{const m={h:l.h,c:l.c,t:h},b=L(H(m),t,n);c[`${a}-${u+1}`]=b}),Object.assign(o,c)}),o}function G(t,r={}){const{isDark:s=!1}=r,n=C(t),e={};return(s?[90,80,70,60,50,40,30,25,20,15]:[15,25,35,45,55,65,75,85,90,95]).forEach((a,i)=>{const c={h:n.h,c:n.c,t:a};e[`theme-${i+1}`]=H(c)}),e}function Y(t,r={}){const{baseGray:s="#666666",isDark:n=!1,semanticColors:e,controlBlendRatio:o=.08,semanticBlendRatio:a=.12}=r;return{controls:B(t,{baseGray:s,blendRatio:o,isDark:n}),semantic:V(t,{semanticColors:e,blendRatio:a,isDark:n}),theme:G(t,{isDark:n})}}function Z(t,r={}){const{semanticColors:s={success:"#4caf50",warning:"#ff9800",error:"#f44336",info:"#2196f3"},uiColors:n={primary:t,"primary-light":"#ffffff","primary-lighter":"#f8f9ff","primary-dark":"#000000","primary-darker":"#0a0a0a",accent:"#722ed1","neutral-1":"#f7f8fa","neutral-2":"#f2f3f5","neutral-3":"#e5e6eb","neutral-4":"#c9cdd4","neutral-5":"#a9aeb8","neutral-6":"#86909c",background:"#ffffff",surface:"#f8f9fa",border:"#e5e6eb",disabled:"#c9cdd4"},harmonizeRatio:e=.15,blendRatio:o=.12,generateVariants:a=!0}=r,i={theme:t,semantic:z(t,s,e),ui:$(t,n,o)};return a&&(i.variants=k(t)),i}const F={red:"#F53F3F",orangered:"#F77234",orange:"#FF7D00",gold:"#F7BA1E",yellow:"#FADC19",lime:"#9FDB1D",green:"#00B42A",cyan:"#14C9C9",blue:"#3491FA",arcoblue:"#165DFF",purple:"#722ED1",pinkpurple:"#D91AD9",magenta:"#F5319D"};function _(){const t={};return Object.keys(F).forEach(r=>{t[r]={},t[r].light=v(F[r],{list:!0}),t[r].dark=v(F[r],{list:!0,dark:!0}),t[r].primary=F[r]}),t.gray={},t.gray.light=["#f7f8fa","#f2f3f5","#e5e6eb","#c9cdd4","#a9aeb8","#86909c","#6b7785","#4e5969","#272e3b","#1d2129"],t.gray.dark=["#17171a","#2e2e30","#484849","#5f5f60","#78787a","#929293","#ababac","#c5c5c5","#dfdfdf","#f6f6f6"],t.gray.primary=t.gray.light[6],t}f.blendInHct=L,f.blendSemanticColors=z,f.blendUIColors=$,f.colorList=F,f.extractColorFromFile=W,f.extractColorFromImage=P,f.generate=v,f.generateControlColors=B,f.generateGrayLinear=J,f.generateInterfaceColorSystem=Y,f.generateLinear=I,f.generateLinearHSL=X,f.generateMonochromeLinear=Q,f.generateSemanticColors=V,f.generateThemeColors=G,f.generateThemePalette=Z,f.generateThemeVariants=k,f.getPresetColors=_,f.getRgbStr=O,f.harmonizeColor=A,f.hctToRgb=H,f.rgbToHct=C,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("color")):typeof define=="function"&&define.amd?define(["exports","color"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d.AvialaColor={},d.Color))})(this,function(d,g){"use strict";function k(e){return g(e).rgb().round().color.join(",")}const G=["hex","rgb","hsl"];function O(e){return!e||G.indexOf(e)<0?"hex":e}function E(e,o){const s=O(o);return s==="hex"?e[s]().toLowerCase():e[s]().round().string()}function L(e,o,s){const n=g(e),t=n.hue(),r=n.saturationv(),a=n.value(),c=(M=>M>=60&&M<=240?2.5:M>=0&&M<60||M>300&&M<=360?1.5:2)(t),u=100,f=9,l=100,h=30;function m(M,y){let p;return t>=60&&t<=240?p=M?t-c*y:t+c*y:p=M?t+c*y:t-c*y,p<0?p+=360:p>=360&&(p-=360),Math.round(p)}function b(M,y){let p;if(M)p=r<=f?r:r-(r-f)/5.5*Math.pow(y,1.05);else{const _=Math.min(u,r+30);p=r+(_-r)/4.2*Math.pow(y,.95)}return Math.max(0,Math.min(100,p))}function S(M,y){return M?Math.min(l,a+(l-a)/5.2*Math.pow(y,.9)):a<=h?a:Math.max(h,a-(a-h)/4.2*Math.pow(y,1.05))}const w=o<6,x=w?6-o:o-6,D=o===6?n:g({h:m(w,x),s:b(w,x),v:S(w,x)});return E(D,s)}function P(e,o,s){const n=g(L(e,10-o+1)),t=g(e),r=t.hue(),a=t.saturationv(),c=g({h:t.hue(),s:l(6),v:t.value()}).saturationv(),u=Math.ceil((c-9)/4),f=Math.ceil((100-c)/5);function l(m){if(m<6)return c+(6-m)*f;if(m===6){if(r>=0&&r<50)return a-15;if(r>=50&&r<191)return a-20;if(r>=191&&r<=360)return a-15}return c-u*(m-6)}const h=g({h:n.hue(),s:l(o),v:n.value()});return E(h,s)}function v(e,o={}){const{dark:s,list:n,index:t=6,format:r="hex"}=o;if(n){const a=[],i=s?P:L;for(let c=1;c<=10;c++)a.push(i(e,c,r));return a}return s?P(e,t,r):L(e,t,r)}async function $(e){try{const o=await q(e),s=N(o);return j(s)}catch(o){throw console.error("提取图片颜色失败:",o),o}}async function q(e){return new Promise((o,s)=>{try{const n=document.createElement("canvas"),t=n.getContext("2d"),r=Math.min(e.width,100),a=Math.min(e.height,100),i=Math.min(r/e.width,a/e.height);n.width=e.width*i,n.height=e.height*i,t.drawImage(e,0,0,n.width,n.height);const c=t.getImageData(0,0,n.width,n.height);o(c)}catch(n){s(n)}})}function N(e){const o=e.data,s=new Map;for(let t=0;t<o.length;t+=4){const r=o[t],a=o[t+1],i=o[t+2];if(o[t+3]<128)continue;const u=Math.round(r/16)*16,f=Math.round(a/16)*16,l=Math.round(i/16)*16,h=`${u},${f},${l}`;s.has(h)?s.set(h,s.get(h)+1):s.set(h,1)}const n=[];return s.forEach((t,r)=>{const[a,i,c]=r.split(",").map(Number);n.push({r:a,g:i,b:c,count:t})}),n}function j(e){e.sort((t,r)=>r.count-t.count);const o=e.filter(t=>{const{r,g:a,b:i}=t,c=Math.max(r,a,i),u=Math.min(r,a,i),f=c-u,l=c===0?0:f/c,h=c/255;return l>.15&&h>.2&&h<.8}),s=o.length>0?o[0]:e[0];return g({r:s.r,g:s.g,b:s.b}).hex()}function U(e){return new Promise((o,s)=>{if(!e.type.startsWith("image/")){s(new Error("请选择图片文件"));return}const n=new FileReader;n.onload=async t=>{try{const r=new Image;r.onload=async()=>{try{const a=await $(r);o(a)}catch(a){s(a)}},r.onerror=()=>s(new Error("图片加载失败")),r.src=t.target.result}catch(r){s(r)}},n.onerror=()=>s(new Error("文件读取失败")),n.readAsDataURL(e)})}function I(e,o,s={}){const{steps:n=10,format:t="hex",includeEnds:r=!0}=s;if(n<2)throw new Error("步数必须至少为2");const a=g(e),i=g(o),c=[],u=r?n:n+2,f=1/(u-1);for(let l=0;l<u;l++){const h=l*f,m=Math.round(a.red()+(i.red()-a.red())*h),b=Math.round(a.green()+(i.green()-a.green())*h),S=Math.round(a.blue()+(i.blue()-a.blue())*h),w=g({r:m,g:b,b:S});!r&&(l===0||l===u-1)||c.push(E(w,t))}return c}function K(e={}){const{startGray:o="#ffffff",endGray:s="#000000",steps:n=10,format:t="hex"}=e;return I(o,s,{steps:n,format:t,includeEnds:!0})}function W(e,o={}){const{steps:s=10,format:n="hex",lightnessRange:t=80}=o,a=g(e).hsl(),i=a.lightness(),c=Math.min(95,i+t/2),u=Math.max(5,i-t/2),f=g({h:a.hue(),s:a.saturationl(),l:c}),l=g({h:a.hue(),s:a.saturationl(),l:u});return I(f.hex(),l.hex(),{steps:s,format:n,includeEnds:!0})}function J(e,o,s={}){const{steps:n=10,format:t="hex",includeEnds:r=!0}=s;if(n<2)throw new Error("步数必须至少为2");const a=g(e).hsl(),i=g(o).hsl(),c=[],u=r?n:n+2,f=1/(u-1);let l=a.hue()||0,h=i.hue()||0;const m=h-l;Math.abs(m)>180&&(m>0?l+=360:h+=360);for(let b=0;b<u;b++){const S=b*f;let w=l+(h-l)*S;const x=a.saturationl()+(i.saturationl()-a.saturationl())*S,D=a.lightness()+(i.lightness()-a.lightness())*S;w=w%360,w<0&&(w+=360);const M=g({h:w,s:x,l:D});!r&&(b===0||b===u-1)||c.push(E(M,t))}return c}function C(e){const o=e.replace("#",""),s=parseInt(o.substr(0,2),16)/255,n=parseInt(o.substr(2,2),16)/255,t=parseInt(o.substr(4,2),16)/255,r=Math.max(s,n,t),a=Math.min(s,n,t),i=r-a;let c=0;i!==0&&(r===s?c=(n-t)/i%6:r===n?c=(t-s)/i+2:c=(s-n)/i+4),c=Math.round(c*60),c<0&&(c+=360);const u=Math.round((.299*s+.587*n+.114*t)*100),f=(r+a)/2,l=i===0?0:i/(1-Math.abs(2*f-1)),h=Math.round(l*Math.min(u,100-u));return{h:c,c:h,t:u}}function H(e){const{h:o,c:s,t:n}=e,t=(o%360+360)%360,r=Math.max(0,Math.min(150,s)),a=Math.max(0,Math.min(100,n)),i=a/100,c=a===0||a===100?0:r/Math.min(a,100-a),u=(1-Math.abs(2*i-1))*Math.min(1,c),f=u*(1-Math.abs(t/60%2-1)),l=i-u/2;let h,m,b;t>=0&&t<60?[h,m,b]=[u,f,0]:t>=60&&t<120?[h,m,b]=[f,u,0]:t>=120&&t<180?[h,m,b]=[0,u,f]:t>=180&&t<240?[h,m,b]=[0,f,u]:t>=240&&t<300?[h,m,b]=[f,0,u]:[h,m,b]=[u,0,f];const S=w=>{const x=Math.max(0,Math.min(1,w+l)),D=Math.round(x*255).toString(16);return D.length===1?"0"+D:D};return`#${S(h)}${S(m)}${S(b)}`}function R(e,o,s=.5){const n=C(e),t=C(o);let r=n.h,a=t.h,i=a-r;Math.abs(i)>180&&(i>0?r+=360:a+=360);const c=(r+(a-r)*s)%360,u=n.c+(t.c-n.c)*s,f=n.t+(t.t-n.t)*s;return H({h:c<0?c+360:c,c:Math.max(0,Math.round(u)),t:Math.max(0,Math.min(100,Math.round(f)))})}function Q(e,o,s=.15){const n=C(e),t=C(o);let r=t.h,a=n.h,i=a-r;Math.abs(i)>180&&(i>0?r+=360:a+=360,i=a-r);const c=(r+i*s)%360;return H({h:c<0?c+360:c,c:t.c,t:t.t})}function A(e,o=[10,20,30,40,50,60,70,80,90]){const s=C(e);let n;return Array.isArray(o)?n=o:o&&o.tones&&Array.isArray(o.tones)?n=o.tones:n=[10,20,30,40,50,60,70,80,90],n.map(t=>H({h:s.h,c:s.c,t}))}function z(e,o,s=.2){const n={};for(const[t,r]of Object.entries(o))n[t]=R(e,r,s);return n}function B(e,o={}){const{baseGray:s="#666666"}=o,{blendRatio:n=.08,isDark:t=!1}=o,r=C(s),a={};return(t?[95,90,85,80,70,60,50,40,30,20,15,10]:[10,15,20,30,40,50,60,70,80,85,90,95]).forEach((c,u)=>{const f={h:r.h,c:r.c,t:c},l=R(H(f),e,n);a[`gray-${u+1}`]=l}),a}function T(e,o={}){const{semanticColors:s={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},blendRatio:n=.12,isDark:t=!1}=o,r={};return Object.entries(s).forEach(([a,i])=>{const c={},u=C(i);(t?[90,80,70,60,50,40,30,25,20,15]:[15,25,35,45,55,65,75,85,90,95]).forEach((l,h)=>{const m={h:u.h,c:u.c,t:l},b=R(H(m),e,n);c[`${a}-${h+1}`]=b}),Object.assign(r,c)}),r}function V(e,o={}){const{isDark:s=!1}=o,n=C(e),t={};return(s?[90,80,70,60,50,40,30,25,20,15]:[15,25,35,45,55,65,75,85,90,95]).forEach((a,i)=>{const c={h:n.h,c:n.c,t:a};t[`theme-${i+1}`]=H(c)}),t}function X(e,o={}){const{baseGray:s="#666666",isDark:n=!1,semanticColors:t,controlBlendRatio:r=.08,semanticBlendRatio:a=.12}=o;return{controls:B(e,{baseGray:s,blendRatio:r,isDark:n}),semantic:T(e,{semanticColors:t,blendRatio:a,isDark:n}),theme:V(e,{isDark:n})}}function Y(e,o={}){const{semanticColors:s={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},uiColors:n={background:"#ffffff",surface:"#fafafa",border:"#d9d9d9",disabled:"#f5f5f5"},harmonizeRatio:t=.15,blendRatio:r=.12,generateVariants:a=!0}=o,i=T(e,{semanticColors:s,blendRatio:t}),c={};Object.entries(s).forEach(([f])=>{c[f]={};for(let l=1;l<=10;l++){const h=`${f}-${l}`;i[h]&&(c[f][l]=i[h])}});const u={theme:e,semantic:c,ui:z(e,n,r)};return a&&(u.variants=A(e)),u}const F={red:"#F53F3F",orangered:"#F77234",orange:"#FF7D00",gold:"#F7BA1E",yellow:"#FADC19",lime:"#9FDB1D",green:"#00B42A",cyan:"#14C9C9",blue:"#3491FA",arcoblue:"#165DFF",purple:"#722ED1",pinkpurple:"#D91AD9",magenta:"#F5319D"};function Z(){const e={};return Object.keys(F).forEach(o=>{e[o]={},e[o].light=v(F[o],{list:!0}),e[o].dark=v(F[o],{list:!0,dark:!0}),e[o].primary=F[o]}),e.gray={},e.gray.light=["#f7f8fa","#f2f3f5","#e5e6eb","#c9cdd4","#a9aeb8","#86909c","#6b7785","#4e5969","#272e3b","#1d2129"],e.gray.dark=["#17171a","#2e2e30","#484849","#5f5f60","#78787a","#929293","#ababac","#c5c5c5","#dfdfdf","#f6f6f6"],e.gray.primary=e.gray.light[6],e}d.blendInHct=R,d.blendUIColors=z,d.colorList=F,d.extractColorFromFile=U,d.extractColorFromImage=$,d.generate=v,d.generateControlColors=B,d.generateGrayLinear=K,d.generateInterfaceColorSystem=X,d.generateLinear=I,d.generateLinearHSL=J,d.generateMonochromeLinear=W,d.generateSemanticColors=T,d.generateThemeColors=V,d.generateThemePalette=Y,d.generateThemeVariants=A,d.getPresetColors=Z,d.getRgbStr=k,d.harmonizeColor=Q,d.hctToRgb=H,d.rgbToHct=C,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/index.mjs

@@ -1,263 +1,257 @@
 import m from "color";
-function W(t) {
-  return m(t).rgb().round().color.join(",");
+function U(n) {
+  return m(n).rgb().round().color.join(",");
 }
-const A = ["hex", "rgb", "hsl"];
-function P(t) {
-  return !t || A.indexOf(t) < 0 ? "hex" : t;
+const P = ["hex", "rgb", "hsl"];
+function z(n) {
+  return !n || P.indexOf(n) < 0 ? "hex" : n;
 }
-function F(t, r) {
-  const a = P(r);
-  return a === "hex" ? t[a]().toLowerCase() : t[a]().round().string();
+function F(n, o) {
+  const a = z(o);
+  return a === "hex" ? n[a]().toLowerCase() : n[a]().round().string();
 }
-function E(t, r, a) {
-  const e = m(t), n = e.hue(), o = e.saturationv(), s = e.value(), c = ((b) => b >= 60 && b <= 240 ? 2.5 : b >= 0 && b < 60 || b > 300 && b <= 360 ? 1.5 : 2)(n), l = 100, f = 9, h = 100, u = 30;
+function E(n, o, a) {
+  const e = m(n), t = e.hue(), r = e.saturationv(), s = e.value(), c = ((b) => b >= 60 && b <= 240 ? 2.5 : b >= 0 && b < 60 || b > 300 && b <= 360 ? 1.5 : 2)(t), l = 100, f = 9, u = 100, h = 30;
   function d(b, w) {
     let x;
-    return n >= 60 && n <= 240 ? x = b ? n - c * w : n + c * w : x = b ? n + c * w : n - c * w, x < 0 ? x += 360 : x >= 360 && (x -= 360), Math.round(x);
+    return t >= 60 && t <= 240 ? x = b ? t - c * w : t + c * w : x = b ? t + c * w : t - c * w, x < 0 ? x += 360 : x >= 360 && (x -= 360), Math.round(x);
   }
   function g(b, w) {
     let x;
     if (b)
-      x = o <= f ? o : o - (o - f) / 5.5 * Math.pow(w, 1.05);
+      x = r <= f ? r : r - (r - f) / 5.5 * Math.pow(w, 1.05);
     else {
-      const k = Math.min(l, o + 30);
-      x = o + (k - o) / 4.2 * Math.pow(w, 0.95);
+      const A = Math.min(l, r + 30);
+      x = r + (A - r) / 4.2 * Math.pow(w, 0.95);
     }
     return Math.max(0, Math.min(100, x));
   }
-  function M(b, w) {
-    return b ? Math.min(h, s + (h - s) / 5.2 * Math.pow(w, 0.9)) : s <= u ? s : Math.max(u, s - (s - u) / 4.2 * Math.pow(w, 1.05));
+  function p(b, w) {
+    return b ? Math.min(u, s + (u - s) / 5.2 * Math.pow(w, 0.9)) : s <= h ? s : Math.max(h, s - (s - h) / 4.2 * Math.pow(w, 1.05));
   }
-  const p = r < 6, C = p ? 6 - r : r - 6, S = r === 6 ? e : m({
-    h: d(p, C),
-    s: g(p, C),
-    v: M(p, C)
+  const M = o < 6, S = M ? 6 - o : o - 6, y = o === 6 ? e : m({
+    h: d(M, S),
+    s: g(M, S),
+    v: p(M, S)
   });
-  return F(S, a);
+  return F(y, a);
 }
-function v(t, r, a) {
-  const e = m(E(t, 10 - r + 1)), n = m(t), o = n.hue(), s = n.saturationv(), c = m({
-    h: n.hue(),
-    s: h(6),
-    v: n.value()
+function v(n, o, a) {
+  const e = m(E(n, 10 - o + 1)), t = m(n), r = t.hue(), s = t.saturationv(), c = m({
+    h: t.hue(),
+    s: u(6),
+    v: t.value()
   }).saturationv(), l = Math.ceil((c - 9) / 4), f = Math.ceil((100 - c) / 5);
-  function h(d) {
+  function u(d) {
     if (d < 6)
       return c + (6 - d) * f;
     if (d === 6) {
-      if (o >= 0 && o < 50)
+      if (r >= 0 && r < 50)
         return s - 15;
-      if (o >= 50 && o < 191)
+      if (r >= 50 && r < 191)
         return s - 20;
-      if (o >= 191 && o <= 360)
+      if (r >= 191 && r <= 360)
         return s - 15;
     }
     return c - l * (d - 6);
   }
-  const u = m({
+  const h = m({
     h: e.hue(),
-    s: h(r),
+    s: u(o),
     v: e.value()
   });
-  return F(u, a);
+  return F(h, a);
 }
-function I(t, r = {}) {
-  const { dark: a, list: e, index: n = 6, format: o = "hex" } = r;
+function I(n, o = {}) {
+  const { dark: a, list: e, index: t = 6, format: r = "hex" } = o;
   if (e) {
     const s = [], i = a ? v : E;
     for (let c = 1; c <= 10; c++)
-      s.push(i(t, c, o));
+      s.push(i(n, c, r));
     return s;
   }
-  return a ? v(t, n, o) : E(t, n, o);
+  return a ? v(n, t, r) : E(n, t, r);
 }
-async function $(t) {
+async function B(n) {
   try {
-    const r = await z(t), a = B(r);
-    return V(a);
-  } catch (r) {
-    throw console.error("提取图片颜色失败:", r), r;
+    const o = await k(n), a = V(o);
+    return G(a);
+  } catch (o) {
+    throw console.error("提取图片颜色失败:", o), o;
   }
 }
-async function z(t) {
-  return new Promise((r, a) => {
+async function k(n) {
+  return new Promise((o, a) => {
     try {
-      const e = document.createElement("canvas"), n = e.getContext("2d"), o = Math.min(t.width, 100), s = Math.min(t.height, 100), i = Math.min(o / t.width, s / t.height);
-      e.width = t.width * i, e.height = t.height * i, n.drawImage(t, 0, 0, e.width, e.height);
-      const c = n.getImageData(0, 0, e.width, e.height);
-      r(c);
+      const e = document.createElement("canvas"), t = e.getContext("2d"), r = Math.min(n.width, 100), s = Math.min(n.height, 100), i = Math.min(r / n.width, s / n.height);
+      e.width = n.width * i, e.height = n.height * i, t.drawImage(n, 0, 0, e.width, e.height);
+      const c = t.getImageData(0, 0, e.width, e.height);
+      o(c);
     } catch (e) {
       a(e);
     }
   });
 }
-function B(t) {
-  const r = t.data, a = /* @__PURE__ */ new Map();
-  for (let n = 0; n < r.length; n += 4) {
-    const o = r[n], s = r[n + 1], i = r[n + 2];
-    if (r[n + 3] < 128) continue;
-    const l = Math.round(o / 16) * 16, f = Math.round(s / 16) * 16, h = Math.round(i / 16) * 16, u = `${l},${f},${h}`;
-    a.has(u) ? a.set(u, a.get(u) + 1) : a.set(u, 1);
+function V(n) {
+  const o = n.data, a = /* @__PURE__ */ new Map();
+  for (let t = 0; t < o.length; t += 4) {
+    const r = o[t], s = o[t + 1], i = o[t + 2];
+    if (o[t + 3] < 128) continue;
+    const l = Math.round(r / 16) * 16, f = Math.round(s / 16) * 16, u = Math.round(i / 16) * 16, h = `${l},${f},${u}`;
+    a.has(h) ? a.set(h, a.get(h) + 1) : a.set(h, 1);
   }
   const e = [];
-  return a.forEach((n, o) => {
-    const [s, i, c] = o.split(",").map(Number);
-    e.push({ r: s, g: i, b: c, count: n });
+  return a.forEach((t, r) => {
+    const [s, i, c] = r.split(",").map(Number);
+    e.push({ r: s, g: i, b: c, count: t });
   }), e;
 }
-function V(t) {
-  t.sort((n, o) => o.count - n.count);
-  const r = t.filter((n) => {
-    const { r: o, g: s, b: i } = n, c = Math.max(o, s, i), l = Math.min(o, s, i), f = c - l, h = c === 0 ? 0 : f / c, u = c / 255;
-    return h > 0.15 && u > 0.2 && u < 0.8;
-  }), a = r.length > 0 ? r[0] : t[0];
+function G(n) {
+  n.sort((t, r) => r.count - t.count);
+  const o = n.filter((t) => {
+    const { r, g: s, b: i } = t, c = Math.max(r, s, i), l = Math.min(r, s, i), f = c - l, u = c === 0 ? 0 : f / c, h = c / 255;
+    return u > 0.15 && h > 0.2 && h < 0.8;
+  }), a = o.length > 0 ? o[0] : n[0];
   return m({ r: a.r, g: a.g, b: a.b }).hex();
 }
-function J(t) {
-  return new Promise((r, a) => {
-    if (!t.type.startsWith("image/")) {
+function K(n) {
+  return new Promise((o, a) => {
+    if (!n.type.startsWith("image/")) {
       a(new Error("请选择图片文件"));
       return;
     }
     const e = new FileReader();
-    e.onload = async (n) => {
+    e.onload = async (t) => {
       try {
-        const o = new Image();
-        o.onload = async () => {
+        const r = new Image();
+        r.onload = async () => {
           try {
-            const s = await $(o);
-            r(s);
+            const s = await B(r);
+            o(s);
           } catch (s) {
             a(s);
           }
-        }, o.onerror = () => a(new Error("图片加载失败")), o.src = n.target.result;
-      } catch (o) {
-        a(o);
+        }, r.onerror = () => a(new Error("图片加载失败")), r.src = t.target.result;
+      } catch (r) {
+        a(r);
       }
-    }, e.onerror = () => a(new Error("文件读取失败")), e.readAsDataURL(t);
+    }, e.onerror = () => a(new Error("文件读取失败")), e.readAsDataURL(n);
   });
 }
-function L(t, r, a = {}) {
-  const { steps: e = 10, format: n = "hex", includeEnds: o = !0 } = a;
+function $(n, o, a = {}) {
+  const { steps: e = 10, format: t = "hex", includeEnds: r = !0 } = a;
   if (e < 2)
     throw new Error("步数必须至少为2");
-  const s = m(t), i = m(r), c = [], l = o ? e : e + 2, f = 1 / (l - 1);
-  for (let h = 0; h < l; h++) {
-    const u = h * f, d = Math.round(s.red() + (i.red() - s.red()) * u), g = Math.round(s.green() + (i.green() - s.green()) * u), M = Math.round(s.blue() + (i.blue() - s.blue()) * u), p = m({ r: d, g, b: M });
-    !o && (h === 0 || h === l - 1) || c.push(F(p, n));
+  const s = m(n), i = m(o), c = [], l = r ? e : e + 2, f = 1 / (l - 1);
+  for (let u = 0; u < l; u++) {
+    const h = u * f, d = Math.round(s.red() + (i.red() - s.red()) * h), g = Math.round(s.green() + (i.green() - s.green()) * h), p = Math.round(s.blue() + (i.blue() - s.blue()) * h), M = m({ r: d, g, b: p });
+    !r && (u === 0 || u === l - 1) || c.push(F(M, t));
   }
   return c;
 }
-function Q(t = {}) {
+function W(n = {}) {
   const {
-    startGray: r = "#ffffff",
+    startGray: o = "#ffffff",
     endGray: a = "#000000",
     steps: e = 10,
-    format: n = "hex"
-  } = t;
-  return L(r, a, { steps: e, format: n, includeEnds: !0 });
+    format: t = "hex"
+  } = n;
+  return $(o, a, { steps: e, format: t, includeEnds: !0 });
 }
-function X(t, r = {}) {
-  const { steps: a = 10, format: e = "hex", lightnessRange: n = 80 } = r, s = m(t).hsl(), i = s.lightness(), c = Math.min(95, i + n / 2), l = Math.max(5, i - n / 2), f = m({
+function J(n, o = {}) {
+  const { steps: a = 10, format: e = "hex", lightnessRange: t = 80 } = o, s = m(n).hsl(), i = s.lightness(), c = Math.min(95, i + t / 2), l = Math.max(5, i - t / 2), f = m({
     h: s.hue(),
     s: s.saturationl(),
     l: c
-  }), h = m({
+  }), u = m({
     h: s.hue(),
     s: s.saturationl(),
     l
   });
-  return L(f.hex(), h.hex(), { steps: a, format: e, includeEnds: !0 });
+  return $(f.hex(), u.hex(), { steps: a, format: e, includeEnds: !0 });
 }
-function Y(t, r, a = {}) {
-  const { steps: e = 10, format: n = "hex", includeEnds: o = !0 } = a;
+function Q(n, o, a = {}) {
+  const { steps: e = 10, format: t = "hex", includeEnds: r = !0 } = a;
   if (e < 2)
     throw new Error("步数必须至少为2");
-  const s = m(t).hsl(), i = m(r).hsl(), c = [], l = o ? e : e + 2, f = 1 / (l - 1);
-  let h = s.hue() || 0, u = i.hue() || 0;
-  const d = u - h;
-  Math.abs(d) > 180 && (d > 0 ? h += 360 : u += 360);
+  const s = m(n).hsl(), i = m(o).hsl(), c = [], l = r ? e : e + 2, f = 1 / (l - 1);
+  let u = s.hue() || 0, h = i.hue() || 0;
+  const d = h - u;
+  Math.abs(d) > 180 && (d > 0 ? u += 360 : h += 360);
   for (let g = 0; g < l; g++) {
-    const M = g * f;
-    let p = h + (u - h) * M;
-    const C = s.saturationl() + (i.saturationl() - s.saturationl()) * M, S = s.lightness() + (i.lightness() - s.lightness()) * M;
-    p = p % 360, p < 0 && (p += 360);
-    const b = m({ h: p, s: C, l: S });
-    !o && (g === 0 || g === l - 1) || c.push(F(b, n));
+    const p = g * f;
+    let M = u + (h - u) * p;
+    const S = s.saturationl() + (i.saturationl() - s.saturationl()) * p, y = s.lightness() + (i.lightness() - s.lightness()) * p;
+    M = M % 360, M < 0 && (M += 360);
+    const b = m({ h: M, s: S, l: y });
+    !r && (g === 0 || g === l - 1) || c.push(F(b, t));
   }
   return c;
 }
-function y(t) {
-  const r = t.replace("#", ""), a = parseInt(r.substr(0, 2), 16) / 255, e = parseInt(r.substr(2, 2), 16) / 255, n = parseInt(r.substr(4, 2), 16) / 255, o = Math.max(a, e, n), s = Math.min(a, e, n), i = o - s;
+function C(n) {
+  const o = n.replace("#", ""), a = parseInt(o.substr(0, 2), 16) / 255, e = parseInt(o.substr(2, 2), 16) / 255, t = parseInt(o.substr(4, 2), 16) / 255, r = Math.max(a, e, t), s = Math.min(a, e, t), i = r - s;
   let c = 0;
-  i !== 0 && (o === a ? c = (e - n) / i % 6 : o === e ? c = (n - a) / i + 2 : c = (a - e) / i + 4), c = Math.round(c * 60), c < 0 && (c += 360);
-  const l = Math.round((0.299 * a + 0.587 * e + 0.114 * n) * 100), f = (o + s) / 2, h = i === 0 ? 0 : i / (1 - Math.abs(2 * f - 1)), u = Math.round(h * Math.min(l, 100 - l));
-  return { h: c, c: u, t: l };
+  i !== 0 && (r === a ? c = (e - t) / i % 6 : r === e ? c = (t - a) / i + 2 : c = (a - e) / i + 4), c = Math.round(c * 60), c < 0 && (c += 360);
+  const l = Math.round((0.299 * a + 0.587 * e + 0.114 * t) * 100), f = (r + s) / 2, u = i === 0 ? 0 : i / (1 - Math.abs(2 * f - 1)), h = Math.round(u * Math.min(l, 100 - l));
+  return { h: c, c: h, t: l };
 }
-function D(t) {
-  const { h: r, c: a, t: e } = t, n = (r % 360 + 360) % 360, o = Math.max(0, Math.min(150, a)), s = Math.max(0, Math.min(100, e)), i = s / 100, c = s === 0 || s === 100 ? 0 : o / Math.min(s, 100 - s), l = (1 - Math.abs(2 * i - 1)) * Math.min(1, c), f = l * (1 - Math.abs(n / 60 % 2 - 1)), h = i - l / 2;
-  let u, d, g;
-  n >= 0 && n < 60 ? [u, d, g] = [l, f, 0] : n >= 60 && n < 120 ? [u, d, g] = [f, l, 0] : n >= 120 && n < 180 ? [u, d, g] = [0, l, f] : n >= 180 && n < 240 ? [u, d, g] = [0, f, l] : n >= 240 && n < 300 ? [u, d, g] = [f, 0, l] : [u, d, g] = [l, 0, f];
-  const M = (p) => {
-    const C = Math.max(0, Math.min(1, p + h)), S = Math.round(C * 255).toString(16);
-    return S.length === 1 ? "0" + S : S;
+function D(n) {
+  const { h: o, c: a, t: e } = n, t = (o % 360 + 360) % 360, r = Math.max(0, Math.min(150, a)), s = Math.max(0, Math.min(100, e)), i = s / 100, c = s === 0 || s === 100 ? 0 : r / Math.min(s, 100 - s), l = (1 - Math.abs(2 * i - 1)) * Math.min(1, c), f = l * (1 - Math.abs(t / 60 % 2 - 1)), u = i - l / 2;
+  let h, d, g;
+  t >= 0 && t < 60 ? [h, d, g] = [l, f, 0] : t >= 60 && t < 120 ? [h, d, g] = [f, l, 0] : t >= 120 && t < 180 ? [h, d, g] = [0, l, f] : t >= 180 && t < 240 ? [h, d, g] = [0, f, l] : t >= 240 && t < 300 ? [h, d, g] = [f, 0, l] : [h, d, g] = [l, 0, f];
+  const p = (M) => {
+    const S = Math.max(0, Math.min(1, M + u)), y = Math.round(S * 255).toString(16);
+    return y.length === 1 ? "0" + y : y;
   };
-  return `#${M(u)}${M(d)}${M(g)}`;
+  return `#${p(h)}${p(d)}${p(g)}`;
 }
-function R(t, r, a = 0.5) {
-  const e = y(t), n = y(r);
-  let o = e.h, s = n.h, i = s - o;
-  Math.abs(i) > 180 && (i > 0 ? o += 360 : s += 360);
-  const c = (o + (s - o) * a) % 360, l = e.c + (n.c - e.c) * a, f = e.t + (n.t - e.t) * a;
+function R(n, o, a = 0.5) {
+  const e = C(n), t = C(o);
+  let r = e.h, s = t.h, i = s - r;
+  Math.abs(i) > 180 && (i > 0 ? r += 360 : s += 360);
+  const c = (r + (s - r) * a) % 360, l = e.c + (t.c - e.c) * a, f = e.t + (t.t - e.t) * a;
   return D({
     h: c < 0 ? c + 360 : c,
     c: Math.max(0, Math.round(l)),
     t: Math.max(0, Math.min(100, Math.round(f)))
   });
 }
-function G(t, r, a = 0.15) {
-  const e = y(t), n = y(r);
-  let o = n.h, s = e.h, i = s - o;
-  Math.abs(i) > 180 && (i > 0 ? o += 360 : s += 360, i = s - o);
-  const c = (o + i * a) % 360;
+function X(n, o, a = 0.15) {
+  const e = C(n), t = C(o);
+  let r = t.h, s = e.h, i = s - r;
+  Math.abs(i) > 180 && (i > 0 ? r += 360 : s += 360, i = s - r);
+  const c = (r + i * a) % 360;
   return D({
     h: c < 0 ? c + 360 : c,
-    c: n.c,
+    c: t.c,
     // 保持原有色度
-    t: n.t
+    t: t.t
     // 保持原有色调
   });
 }
-function O(t, r = [10, 20, 30, 40, 50, 60, 70, 80, 90]) {
-  const a = y(t);
+function O(n, o = [10, 20, 30, 40, 50, 60, 70, 80, 90]) {
+  const a = C(n);
   let e;
-  return Array.isArray(r) ? e = r : r && r.tones && Array.isArray(r.tones) ? e = r.tones : e = [10, 20, 30, 40, 50, 60, 70, 80, 90], e.map((n) => D({
+  return Array.isArray(o) ? e = o : o && o.tones && Array.isArray(o.tones) ? e = o.tones : e = [10, 20, 30, 40, 50, 60, 70, 80, 90], e.map((t) => D({
     h: a.h,
     c: a.c,
-    t: n
+    t
   }));
 }
-function T(t, r, a = 0.15) {
+function T(n, o, a = 0.2) {
   const e = {};
-  for (const [n, o] of Object.entries(r))
-    e[n] = G(t, o, a);
+  for (const [t, r] of Object.entries(o))
+    e[t] = R(n, r, a);
   return e;
 }
-function N(t, r, a = 0.2) {
-  const e = {};
-  for (const [n, o] of Object.entries(r))
-    e[n] = R(t, o, a);
-  return e;
-}
-function q(t, r = {}) {
-  const { baseGray: a = "#666666" } = r, { blendRatio: e = 0.08, isDark: n = !1 } = r, o = y(a), s = {};
-  return (n ? [95, 90, 85, 80, 70, 60, 50, 40, 30, 20, 15, 10] : [10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95]).forEach((c, l) => {
-    const f = { h: o.h, c: o.c, t: c }, h = R(D(f), t, e);
-    s[`gray-${l + 1}`] = h;
+function N(n, o = {}) {
+  const { baseGray: a = "#666666" } = o, { blendRatio: e = 0.08, isDark: t = !1 } = o, r = C(a), s = {};
+  return (t ? [95, 90, 85, 80, 70, 60, 50, 40, 30, 20, 15, 10] : [10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95]).forEach((c, l) => {
+    const f = { h: r.h, c: r.c, t: c }, u = R(D(f), n, e);
+    s[`gray-${l + 1}`] = u;
   }), s;
 }
-function j(t, r = {}) {
+function L(n, o = {}) {
   const {
     semanticColors: a = {
       success: "#52c41a",
@@ -266,83 +260,79 @@ function j(t, r = {}) {
       info: "#1890ff"
     },
     blendRatio: e = 0.12,
-    isDark: n = !1
-  } = r, o = {};
+    isDark: t = !1
+  } = o, r = {};
   return Object.entries(a).forEach(([s, i]) => {
-    const c = {}, l = y(i);
-    (n ? [90, 80, 70, 60, 50, 40, 30, 25, 20, 15] : [15, 25, 35, 45, 55, 65, 75, 85, 90, 95]).forEach((h, u) => {
-      const d = { h: l.h, c: l.c, t: h }, g = R(D(d), t, e);
-      c[`${s}-${u + 1}`] = g;
-    }), Object.assign(o, c);
-  }), o;
+    const c = {}, l = C(i);
+    (t ? [90, 80, 70, 60, 50, 40, 30, 25, 20, 15] : [15, 25, 35, 45, 55, 65, 75, 85, 90, 95]).forEach((u, h) => {
+      const d = { h: l.h, c: l.c, t: u }, g = R(D(d), n, e);
+      c[`${s}-${h + 1}`] = g;
+    }), Object.assign(r, c);
+  }), r;
 }
-function U(t, r = {}) {
-  const { isDark: a = !1 } = r, e = y(t), n = {};
+function q(n, o = {}) {
+  const { isDark: a = !1 } = o, e = C(n), t = {};
   return (a ? [90, 80, 70, 60, 50, 40, 30, 25, 20, 15] : [15, 25, 35, 45, 55, 65, 75, 85, 90, 95]).forEach((s, i) => {
     const c = { h: e.h, c: e.c, t: s };
-    n[`theme-${i + 1}`] = D(c);
-  }), n;
+    t[`theme-${i + 1}`] = D(c);
+  }), t;
 }
-function Z(t, r = {}) {
+function Y(n, o = {}) {
   const {
     baseGray: a = "#666666",
     isDark: e = !1,
-    semanticColors: n,
-    controlBlendRatio: o = 0.08,
+    semanticColors: t,
+    controlBlendRatio: r = 0.08,
     semanticBlendRatio: s = 0.12
-  } = r;
+  } = o;
   return {
     // 1. 基础控件颜色（灰色系1-12）
-    controls: q(t, {
+    controls: N(n, {
       baseGray: a,
-      blendRatio: o,
+      blendRatio: r,
       isDark: e
     }),
     // 2. 表意色（1-10）
-    semantic: j(t, {
-      semanticColors: n,
+    semantic: L(n, {
+      semanticColors: t,
       blendRatio: s,
       isDark: e
     }),
     // 3. 主题色（1-10）
-    theme: U(t, { isDark: e })
+    theme: q(n, { isDark: e })
   };
 }
-function _(t, r = {}) {
+function Z(n, o = {}) {
   const {
     semanticColors: a = {
-      success: "#4caf50",
-      warning: "#ff9800",
-      error: "#f44336",
-      info: "#2196f3"
+      success: "#52c41a",
+      warning: "#faad14",
+      error: "#ff4d4f",
+      info: "#1890ff"
     },
     uiColors: e = {
-      primary: t,
-      "primary-light": "#ffffff",
-      "primary-lighter": "#f8f9ff",
-      "primary-dark": "#000000",
-      "primary-darker": "#0a0a0a",
-      accent: "#722ed1",
-      "neutral-1": "#f7f8fa",
-      "neutral-2": "#f2f3f5",
-      "neutral-3": "#e5e6eb",
-      "neutral-4": "#c9cdd4",
-      "neutral-5": "#a9aeb8",
-      "neutral-6": "#86909c",
       background: "#ffffff",
-      surface: "#f8f9fa",
-      border: "#e5e6eb",
-      disabled: "#c9cdd4"
+      surface: "#fafafa",
+      border: "#d9d9d9",
+      disabled: "#f5f5f5"
     },
-    harmonizeRatio: n = 0.15,
-    blendRatio: o = 0.12,
+    harmonizeRatio: t = 0.15,
+    blendRatio: r = 0.12,
     generateVariants: s = !0
-  } = r, i = {
-    theme: t,
-    semantic: T(t, a, n),
-    ui: N(t, e, o)
+  } = o, i = L(n, { semanticColors: a, blendRatio: t }), c = {};
+  Object.entries(a).forEach(([f]) => {
+    c[f] = {};
+    for (let u = 1; u <= 10; u++) {
+      const h = `${f}-${u}`;
+      i[h] && (c[f][u] = i[h]);
+    }
+  });
+  const l = {
+    theme: n,
+    semantic: c,
+    ui: T(n, e, r)
   };
-  return s && (i.variants = O(t)), i;
+  return s && (l.variants = O(n)), l;
 }
 const H = {
   red: "#F53F3F",
@@ -359,11 +349,11 @@ const H = {
   pinkpurple: "#D91AD9",
   magenta: "#F5319D"
 };
-function tt() {
-  const t = {};
-  return Object.keys(H).forEach((r) => {
-    t[r] = {}, t[r].light = I(H[r], { list: !0 }), t[r].dark = I(H[r], { list: !0, dark: !0 }), t[r].primary = H[r];
-  }), t.gray = {}, t.gray.light = [
+function _() {
+  const n = {};
+  return Object.keys(H).forEach((o) => {
+    n[o] = {}, n[o].light = I(H[o], { list: !0 }), n[o].dark = I(H[o], { list: !0, dark: !0 }), n[o].primary = H[o];
+  }), n.gray = {}, n.gray.light = [
     "#f7f8fa",
     "#f2f3f5",
     "#e5e6eb",
@@ -374,7 +364,7 @@ function tt() {
     "#4e5969",
     "#272e3b",
     "#1d2129"
-  ], t.gray.dark = [
+  ], n.gray.dark = [
     "#17171a",
     "#2e2e30",
     "#484849",
@@ -385,29 +375,28 @@ function tt() {
     "#c5c5c5",
     "#dfdfdf",
     "#f6f6f6"
-  ], t.gray.primary = t.gray.light[6], t;
+  ], n.gray.primary = n.gray.light[6], n;
 }
 export {
   R as blendInHct,
-  T as blendSemanticColors,
-  N as blendUIColors,
+  T as blendUIColors,
   H as colorList,
-  J as extractColorFromFile,
-  $ as extractColorFromImage,
+  K as extractColorFromFile,
+  B as extractColorFromImage,
   I as generate,
-  q as generateControlColors,
-  Q as generateGrayLinear,
-  Z as generateInterfaceColorSystem,
-  L as generateLinear,
-  Y as generateLinearHSL,
-  X as generateMonochromeLinear,
-  j as generateSemanticColors,
-  U as generateThemeColors,
-  _ as generateThemePalette,
+  N as generateControlColors,
+  W as generateGrayLinear,
+  Y as generateInterfaceColorSystem,
+  $ as generateLinear,
+  Q as generateLinearHSL,
+  J as generateMonochromeLinear,
+  L as generateSemanticColors,
+  q as generateThemeColors,
+  Z as generateThemePalette,
   O as generateThemeVariants,
-  tt as getPresetColors,
-  W as getRgbStr,
-  G as harmonizeColor,
+  _ as getPresetColors,
+  U as getRgbStr,
+  X as harmonizeColor,
   D as hctToRgb,
-  y as rgbToHct
+  C as rgbToHct
 };

package/dist/theme-blend.d.ts

@@ -1,31 +1,3 @@
-/**
- * 生成基础控件颜色（灰色系1-12）
- * @param {string} themeColor - 主题颜色
- * @param {Object} options - 配置选项
- * @returns {Object} 基础控件颜色对象
- */
-export function generateControlColors(themeColor: string, options?: Object): Object;
-/**
- * 生成表意色（1-10）
- * @param {string} themeColor - 主题颜色
- * @param {Object} options - 配置选项
- * @returns {Object} 表意色对象
- */
-export function generateSemanticColors(themeColor: string, options?: Object): Object;
-/**
- * 生成主题色（1-10）
- * @param {string} themeColor - 主题颜色
- * @param {Object} options - 配置选项
- * @returns {Object} 主题色对象
- */
-export function generateThemeColors(themeColor: string, options?: Object): Object;
-/**
- * 生成完整的界面色彩系统
- * @param {string} themeColor - 主题颜色
- * @param {Object} options - 配置选项
- * @returns {Object} 包含三个部分的完整色彩系统
- */
-export function generateInterfaceColorSystem(themeColor: string, options?: Object): Object;
 /**
  * 主题色混合模块
  * 基于 Material Design 3 的 HCT 颜色空间实现颜色混合和调和
@@ -71,14 +43,6 @@ export function harmonizeColor(themeColor: string, targetColor: string, harmoniz
  * @returns {Array} 主题色变体数组
  */
 export function generateThemeVariants(themeColor: string, options?: Object | any[]): any[];
-/**
- * 表意色混合 - 为成功、警告、错误等状态色添加主题色调
- * @param {string} themeColor - 主题色
- * @param {Object} semanticColors - 表意色对象，如 {success: '#4caf50', warning: '#ff9800', error: '#f44336'}
- * @param {number} blendRatio - 混合强度
- * @returns {Object} 混合后的表意色对象
- */
-export function blendSemanticColors(themeColor: string, semanticColors: Object, blendRatio?: number): Object;
 /**
  * UI 元素颜色混合 - 为按钮、卡片等 UI 元素生成主题化颜色
  * @param {string} themeColor - 主题色
@@ -87,6 +51,34 @@ export function blendSemanticColors(themeColor: string, semanticColors: Object,
  * @returns {Object} 混合后的 UI 颜色对象
  */
 export function blendUIColors(themeColor: string, uiColors: Object, blendRatio?: number): Object;
+/**
+ * 生成基础控件颜色（灰色系1-12）
+ * @param {string} themeColor - 主题颜色
+ * @param {Object} options - 配置选项
+ * @returns {Object} 基础控件颜色对象
+ */
+export function generateControlColors(themeColor: string, options?: Object): Object;
+/**
+ * 生成表意色（1-10）
+ * @param {string} themeColor - 主题颜色
+ * @param {Object} options - 配置选项
+ * @returns {Object} 表意色对象
+ */
+export function generateSemanticColors(themeColor: string, options?: Object): Object;
+/**
+ * 生成主题色（1-10）
+ * @param {string} themeColor - 主题颜色
+ * @param {Object} options - 配置选项
+ * @returns {Object} 主题色对象
+ */
+export function generateThemeColors(themeColor: string, options?: Object): Object;
+/**
+ * 生成完整的界面色彩系统
+ * @param {string} themeColor - 主题颜色
+ * @param {Object} options - 配置选项
+ * @returns {Object} 包含三个部分的完整色彩系统
+ */
+export function generateInterfaceColorSystem(themeColor: string, options?: Object): Object;
 /**
  * 生成完整的主题色板
  * @param {string} themeColor - 主题色

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aviala-design/color",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Aviala Design color utils",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",