styimat 1.0.1 → 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,15 +1,7 @@
 {
   "name": "styimat",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "A powerful CSS variable preprocessor with nested selectors, Lab/LCH color spaces conversion and modern color features.",
-  "repository": {
-    "type": "git",
-    "url": "https://gitee.com/wxy6987/styimat.git"
-  },
-  "bugs": {
-    "url": "https://gitee.com/wxy6987/styimat/issues"
-  },
-  "homepage": "https://gitee.com/wxy6987/styimat#readme",
   "keywords": [
     "css",
     "preprocessor",
@@ -39,10 +31,30 @@
   "bin": {
     "styimat": "convert-styimat.js"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/wxy6987/styimat.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/wxy6987/styimat/issues"
+  },
+  "homepage": "https://gitee.com/wxy6987/styimat#readme",
   "scripts": {
     "test": "echo \"No tests yet\" && exit 0",
     "build:min": "npx terser styimat.js -o styimat.min.js --comments '/^!'",
     "prepare": "npm run build:min",
-    "prepublishOnly": "npm run build:min && echo 'Built successfully!'"
+    "prepublishOnly": "npm run build:min && echo 'Built successfully!'",
+    "preversion": "git add . && echo 'All files added to Git'",
+    "version": "git add . && git add -u",
+    "postversion": "git push && git push --tags",
+    "postpublish": "git add . && git commit -m 'chore: publish v$(node -p \"require('./package.json').version\")' && git push",
+    "release": "npm run release:patch",
+    "release:patch": "npm version patch && npm publish",
+    "release:minor": "npm version minor && npm publish",
+    "release:major": "npm version major && npm publish",
+    "git:add": "git add .",
+    "git:commit": "git commit -m",
+    "git:push": "git push",
+    "git:auto": "git add . && git commit -m 'Auto commit' && git push"
   }
 }

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});