styimat 1.0.2 → 1.1.0

package/README.md

@@ -69,6 +69,24 @@ const result = styimat.convert(css);
 console.log(result);
 ```
 
+### AMD中使用
+```javascript
+// scripts/main.js
+require.config({
+  paths: {
+    'styimat': 'https://cdn.jsdelivr.net/npm/styimat/styimat.min'
+  }
+});
+
+require(['styimat'], function(styimat) {
+  // 主应用代码
+  styimat.apply(`
+    $primary: lab(50 20 -10);
+    body { color: $primary; }
+  `);
+});
+```
+
 ### 命令行使用
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styimat",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A powerful CSS variable preprocessor with nested selectors, Lab/LCH color spaces conversion and modern color features.",
   "keywords": [
     "css",

package/styimat.js

@@ -5,7 +5,18 @@
  * 支持 lab# 和 lch# 十六进制语法
  * 支持 Display P3 广色域显示器
  */
-const styimat = (function() {
+(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD 支持 (RequireJS)
+    define([], factory);
+  } else if (typeof module === 'object' && module.exports) {
+    // CommonJS 支持 (Node.js, Browserify, Webpack)
+    module.exports = factory();
+  } else {
+    // 浏览器全局变量
+    root.styimat = factory();
+  }
+}(typeof self !== 'undefined' ? self : this, function() {
   // 默认配置
   let defaultConfig = {
     rootSelector: ':root',
@@ -1156,11 +1167,4 @@ const styimat = (function() {
   }
   
   return api;
-})();
-
-// 导出
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = styimat;
-} else {
-  window.styimat = styimat;
-}
+}));

package/styimat.min.js

@@ -5,7 +5,13 @@
  * 支持 lab# 和 lch# 十六进制语法
  * 支持 Display P3 广色域显示器
  */
-const styimat=function(){
+(function(root,factory){if(typeof define==="function"&&define.amd){
+// AMD 支持 (RequireJS)
+define([],factory)}else if(typeof module==="object"&&module.exports){
+// CommonJS 支持 (Node.js, Browserify, Webpack)
+module.exports=factory()}else{
+// 浏览器全局变量
+root.styimat=factory()}})(typeof self!=="undefined"?self:this,function(){
 // 默认配置
 let defaultConfig={rootSelector:":root",variablePrefix:"--",preserveOriginal:false,indentSize:2,enableNesting:true,autoProcessStyleTags:true,styleTagAttribute:"e",convertLabToRGB:true,// 是否将lab颜色转换为rgb
 convertLchToRGB:true,// 是否将lch颜色转换为rgb
@@ -346,6 +352,4 @@ const labMatch=colorString.match(/lab\(\s*([\d.]+)(%?)\s+([\d.-]+)\s+([\d.-]+)(?
 // 尝试解析lch()函数格式
 const lchMatch=colorString.match(/lch\(\s*([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)(deg)?(?:\s*\/\s*([\d.%]+))?\s*\)/i);if(lchMatch){let L=parseFloat(lchMatch[1]);const C=parseFloat(lchMatch[3]);let H=parseFloat(lchMatch[4]);const alpha=lchMatch[6]?lchMatch[6].includes("%")?parseFloat(lchMatch[6])/100:parseFloat(lchMatch[6]):null;const lab=lchToLab(L,C,H);const colorStr=generateColorString(lab.L,lab.a,lab.b,defaultConfig,alpha);return{L:L,C:C,H:H,alpha:alpha,lab:lab,rgb:preciseLabToRGB(lab.L,lab.a,lab.b),p3:labToP3(lab.L,lab.a,lab.b),colorString:colorStr}}return null}catch(error){console.warn("无法解析颜色:",colorString,error);return null}}}};
 // 自动初始化
-if(typeof window!=="undefined"){apply();Object.defineProperty(window.HTMLElement.prototype,"cssVar",{get(){const element=this;return new Proxy({},{get(target,prop){const varName=prop.startsWith("--")?prop:`--${prop}`;return element.style.getPropertyValue(varName)},set(target,prop,value){const varName=prop.startsWith("--")?prop:`--${prop}`;element.style.setProperty(varName,value);return true}})}})}return api}();
-// 导出
-if(typeof module!=="undefined"&&module.exports){module.exports=styimat}else{window.styimat=styimat}
+if(typeof window!=="undefined"){apply();Object.defineProperty(window.HTMLElement.prototype,"cssVar",{get(){const element=this;return new Proxy({},{get(target,prop){const varName=prop.startsWith("--")?prop:`--${prop}`;return element.style.getPropertyValue(varName)},set(target,prop,value){const varName=prop.startsWith("--")?prop:`--${prop}`;element.style.setProperty(varName,value);return true}})}})}return api});