transform-to-unocss-core 0.0.68 → 0.0.69

package/README.md

@@ -7,10 +7,10 @@
   - 使用：toUnocss('width:100px', isRem) isRem 为true时，会将px转换为rem
 - transformStyleToUnocss
   - 用于行内属性
-  - 使用：transformStyleToUnocss("width:100px;height:100px;") isRem 为true时，会将px转换为rem[100px]"
+  - 使用：transformStyleToUnocss("width:100px;height:100px;") isRem 为true时，会将px转换为 "rem[100px]"
 - toUnocssClass
   - 用于类名
-  - 使用：toUnocssClass('width:100px', isRem) isRem 为true时，isRem 为true时，会将px转换为rem
+  - 使用：toUnocssClass('width:100px', isRem) isRem 为true时，会将px转换为rem
 
 ## License
 

package/dist/index.cjs

@@ -1633,6 +1633,16 @@ function toUnocss(css, isRem = false) {
 
 //#endregion
 //#region src/transformer.ts
+function findFirstColonOutsideBrackets(str) {
+	let bracketDepth = 0;
+	for (let i = 0; i < str.length; i++) {
+		const char = str[i];
+		if (char === "[") bracketDepth++;
+		else if (char === "]") bracketDepth--;
+		else if (char === ":" && bracketDepth === 0) return i;
+	}
+	return -1;
+}
 function createRuleProcessor(config) {
 	return (v) => {
 		const anyMatch = config.anyMatch || [];
@@ -1715,8 +1725,11 @@ const transformer = {
 function transformStyleToUnocssPre(styles) {
 	const preTransformedList = [];
 	const styleToObj = styles.split(";").filter(Boolean).reduce((r, item) => {
-		const [key, value] = item.split(":");
-		if (key.trim() && (value === null || value === void 0 ? void 0 : value.trim())) r[key.trim()] = value.trim();
+		const splitIndex = findFirstColonOutsideBrackets(item);
+		if (splitIndex === -1) return r;
+		const key = item.substring(0, splitIndex).trim();
+		const value = item.substring(splitIndex + 1).trim();
+		if (key && value) r[key] = value;
 		return r;
 	}, {});
 	for (const key in transformer) {

package/dist/index.iife.js

@@ -1635,6 +1635,16 @@ function toUnocss(css, isRem = false) {
 
 //#endregion
 //#region src/transformer.ts
+function findFirstColonOutsideBrackets(str) {
+	let bracketDepth = 0;
+	for (let i = 0; i < str.length; i++) {
+		const char = str[i];
+		if (char === "[") bracketDepth++;
+		else if (char === "]") bracketDepth--;
+		else if (char === ":" && bracketDepth === 0) return i;
+	}
+	return -1;
+}
 function createRuleProcessor(config) {
 	return (v) => {
 		const anyMatch = config.anyMatch || [];
@@ -1717,8 +1727,11 @@ const transformer = {
 function transformStyleToUnocssPre(styles) {
 	const preTransformedList = [];
 	const styleToObj = styles.split(";").filter(Boolean).reduce((r, item) => {
-		const [key, value] = item.split(":");
-		if (key.trim() && (value === null || value === void 0 ? void 0 : value.trim())) r[key.trim()] = value.trim();
+		const splitIndex = findFirstColonOutsideBrackets(item);
+		if (splitIndex === -1) return r;
+		const key = item.substring(0, splitIndex).trim();
+		const value = item.substring(splitIndex + 1).trim();
+		if (key && value) r[key] = value;
 		return r;
 	}, {});
 	for (const key in transformer) {

package/dist/index.js

@@ -1631,6 +1631,16 @@ function toUnocss(css, isRem = false) {
 
 //#endregion
 //#region src/transformer.ts
+function findFirstColonOutsideBrackets(str) {
+	let bracketDepth = 0;
+	for (let i = 0; i < str.length; i++) {
+		const char = str[i];
+		if (char === "[") bracketDepth++;
+		else if (char === "]") bracketDepth--;
+		else if (char === ":" && bracketDepth === 0) return i;
+	}
+	return -1;
+}
 function createRuleProcessor(config) {
 	return (v) => {
 		const anyMatch = config.anyMatch || [];
@@ -1713,8 +1723,11 @@ const transformer = {
 function transformStyleToUnocssPre(styles) {
 	const preTransformedList = [];
 	const styleToObj = styles.split(";").filter(Boolean).reduce((r, item) => {
-		const [key, value] = item.split(":");
-		if (key.trim() && (value === null || value === void 0 ? void 0 : value.trim())) r[key.trim()] = value.trim();
+		const splitIndex = findFirstColonOutsideBrackets(item);
+		if (splitIndex === -1) return r;
+		const key = item.substring(0, splitIndex).trim();
+		const value = item.substring(splitIndex + 1).trim();
+		if (key && value) r[key] = value;
 		return r;
 	}, {});
 	for (const key in transformer) {

package/dist/index.umd.js

@@ -1638,6 +1638,16 @@ function toUnocss(css, isRem = false) {
 
 //#endregion
 //#region src/transformer.ts
+function findFirstColonOutsideBrackets(str) {
+	let bracketDepth = 0;
+	for (let i = 0; i < str.length; i++) {
+		const char = str[i];
+		if (char === "[") bracketDepth++;
+		else if (char === "]") bracketDepth--;
+		else if (char === ":" && bracketDepth === 0) return i;
+	}
+	return -1;
+}
 function createRuleProcessor(config) {
 	return (v) => {
 		const anyMatch = config.anyMatch || [];
@@ -1720,8 +1730,11 @@ const transformer = {
 function transformStyleToUnocssPre(styles) {
 	const preTransformedList = [];
 	const styleToObj = styles.split(";").filter(Boolean).reduce((r, item) => {
-		const [key, value] = item.split(":");
-		if (key.trim() && (value === null || value === void 0 ? void 0 : value.trim())) r[key.trim()] = value.trim();
+		const splitIndex = findFirstColonOutsideBrackets(item);
+		if (splitIndex === -1) return r;
+		const key = item.substring(0, splitIndex).trim();
+		const value = item.substring(splitIndex + 1).trim();
+		if (key && value) r[key] = value;
 		return r;
 	}, {});
 	for (const key in transformer) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "transform-to-unocss-core",
   "type": "module",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "description": "A utility to transform CSS to UnoCSS syntax. Supports various CSS properties and custom parsing.",
   "author": "Simon He",
   "license": "MIT",