transform-to-unocss-core 0.0.68 → 0.0.70

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

@@ -1316,6 +1316,7 @@ const textMap = [
 	"text-align",
 	"text-align-last",
 	"text-decoration-line",
+	"text-decoration",
 	"text-decoration-style",
 	"text-decoration-color",
 	"text-decoration-thickness",
@@ -1338,6 +1339,7 @@ function text(key, val) {
 		if (value === "none") return `normal-case${important}`;
 		return `${value}${important}`;
 	}
+	if (key === "text-decoration") return value;
 	if (key.startsWith("text-decoration") || key === "text-indent") return `${key.split("-")[1]}${getVal(value)}${important}`;
 	if (key === "text-underline-offset") return `underline-offset${getVal(value)}${important}`;
 	if (key === "text-align-last") return `${important}[${key}:${value}]`;
@@ -1633,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 || [];
@@ -1715,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.iife.js

@@ -1318,6 +1318,7 @@ const textMap = [
 	"text-align",
 	"text-align-last",
 	"text-decoration-line",
+	"text-decoration",
 	"text-decoration-style",
 	"text-decoration-color",
 	"text-decoration-thickness",
@@ -1340,6 +1341,7 @@ function text(key, val) {
 		if (value === "none") return `normal-case${important}`;
 		return `${value}${important}`;
 	}
+	if (key === "text-decoration") return value;
 	if (key.startsWith("text-decoration") || key === "text-indent") return `${key.split("-")[1]}${getVal(value)}${important}`;
 	if (key === "text-underline-offset") return `underline-offset${getVal(value)}${important}`;
 	if (key === "text-align-last") return `${important}[${key}:${value}]`;
@@ -1635,6 +1637,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 +1729,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

@@ -1314,6 +1314,7 @@ const textMap = [
 	"text-align",
 	"text-align-last",
 	"text-decoration-line",
+	"text-decoration",
 	"text-decoration-style",
 	"text-decoration-color",
 	"text-decoration-thickness",
@@ -1336,6 +1337,7 @@ function text(key, val) {
 		if (value === "none") return `normal-case${important}`;
 		return `${value}${important}`;
 	}
+	if (key === "text-decoration") return value;
 	if (key.startsWith("text-decoration") || key === "text-indent") return `${key.split("-")[1]}${getVal(value)}${important}`;
 	if (key === "text-underline-offset") return `underline-offset${getVal(value)}${important}`;
 	if (key === "text-align-last") return `${important}[${key}:${value}]`;
@@ -1631,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 || [];
@@ -1713,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.umd.js

@@ -1321,6 +1321,7 @@ const textMap = [
 	"text-align",
 	"text-align-last",
 	"text-decoration-line",
+	"text-decoration",
 	"text-decoration-style",
 	"text-decoration-color",
 	"text-decoration-thickness",
@@ -1343,6 +1344,7 @@ function text(key, val) {
 		if (value === "none") return `normal-case${important}`;
 		return `${value}${important}`;
 	}
+	if (key === "text-decoration") return value;
 	if (key.startsWith("text-decoration") || key === "text-indent") return `${key.split("-")[1]}${getVal(value)}${important}`;
 	if (key === "text-underline-offset") return `underline-offset${getVal(value)}${important}`;
 	if (key === "text-align-last") return `${important}[${key}:${value}]`;
@@ -1638,6 +1640,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 +1732,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.70",
   "description": "A utility to transform CSS to UnoCSS syntax. Supports various CSS properties and custom parsing.",
   "author": "Simon He",
   "license": "MIT",