@fangzhongya/page 0.0.35 → 0.0.36

package/dist/utils/index.cjs

@@ -1,85 +1,60 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const css = require("./css.cjs");
-const classhead = "fang-page";
+require("./css.cjs");
+//#region packages/utils/index.ts
+var classhead = "fang-page";
+/**
+* 获取样式名称
+* @param name
+* @returns
+*/
 function getClass(name) {
-  if (name) {
-    name = classhead + "-" + name;
-  } else {
-    name = classhead;
-  }
-  return (n) => {
-    return n ? name + "-" + n : name;
-  };
+	if (name) name = classhead + "-" + name;
+	else name = classhead;
+	return (n) => {
+		return n ? name + "-" + n : name;
+	};
 }
+/**
+* 设置css的值
+* @param value
+* @returns
+*/
 function setCssSize(value) {
-  if (value) {
-    value = value + "";
-    if (/[0-9]$/.test(value)) {
-      return value + "px";
-    } else {
-      return value;
-    }
-  } else {
-    return "";
-  }
-}
-function getClassName(name, obj) {
-  const style = obj.config?.style || "";
-  const arr = css.parseCssSelectors(style);
-  if (arr.includes(name)) {
-    return obj.name + "-" + name;
-  } else {
-    return name;
-  }
+	if (value) {
+		value = value + "";
+		if (/[0-9]$/.test(value)) return value + "px";
+		else return value;
+	} else return "";
 }
+/**
+* 获取对应样式名称
+* @param formCssCode
+* @returns
+*/
 function extractCssClass(formCssCode) {
-  const regExp = /\..*{/g;
-  const result = formCssCode.match(regExp);
-  const cssNameArray = [];
-  if (!!result && result.length > 0) {
-    result.forEach((rItem) => {
-      const classArray = rItem.split(",");
-      if (classArray.length > 0) {
-        classArray.forEach((cItem) => {
-          const caItem = cItem.trim();
-          if (caItem.indexOf(".", 1) !== -1) {
-            const newClass = caItem.substring(
-              caItem.indexOf(".") + 1,
-              caItem.indexOf(".", 1)
-            );
-            if (!!newClass) {
-              cssNameArray.push(newClass.trim());
-            }
-          } else if (caItem.indexOf(" ") !== -1) {
-            const newClass = caItem.substring(
-              caItem.indexOf(".") + 1,
-              caItem.indexOf(" ")
-            );
-            if (!!newClass) {
-              cssNameArray.push(newClass.trim());
-            }
-          } else {
-            if (caItem.indexOf("{") !== -1) {
-              const newClass = caItem.substring(
-                caItem.indexOf(".") + 1,
-                caItem.indexOf("{")
-              );
-              cssNameArray.push(newClass.trim());
-            } else {
-              const newClass = caItem.substring(
-                caItem.indexOf(".") + 1
-              );
-              cssNameArray.push(newClass.trim());
-            }
-          }
-        });
-      }
-    });
-  }
-  return [...new Set(cssNameArray)];
+	const result = formCssCode.match(/\..*{/g);
+	const cssNameArray = [];
+	if (!!result && result.length > 0) result.forEach((rItem) => {
+		const classArray = rItem.split(",");
+		if (classArray.length > 0) classArray.forEach((cItem) => {
+			const caItem = cItem.trim();
+			if (caItem.indexOf(".", 1) !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(".", 1));
+				if (!!newClass) cssNameArray.push(newClass.trim());
+			} else if (caItem.indexOf(" ") !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(" "));
+				if (!!newClass) cssNameArray.push(newClass.trim());
+			} else if (caItem.indexOf("{") !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf("{"));
+				cssNameArray.push(newClass.trim());
+			} else {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1);
+				cssNameArray.push(newClass.trim());
+			}
+		});
+	});
+	return [...new Set(cssNameArray)];
 }
+//#endregion
 exports.extractCssClass = extractCssClass;
 exports.getClass = getClass;
-exports.getClassName = getClassName;
 exports.setCssSize = setCssSize;

package/dist/utils/index.js

@@ -1,85 +1,58 @@
-import { parseCssSelectors } from "./css.js";
-const classhead = "fang-page";
+import "./css.js";
+//#region packages/utils/index.ts
+var classhead = "fang-page";
+/**
+* 获取样式名称
+* @param name
+* @returns
+*/
 function getClass(name) {
-  if (name) {
-    name = classhead + "-" + name;
-  } else {
-    name = classhead;
-  }
-  return (n) => {
-    return n ? name + "-" + n : name;
-  };
+	if (name) name = classhead + "-" + name;
+	else name = classhead;
+	return (n) => {
+		return n ? name + "-" + n : name;
+	};
 }
+/**
+* 设置css的值
+* @param value
+* @returns
+*/
 function setCssSize(value) {
-  if (value) {
-    value = value + "";
-    if (/[0-9]$/.test(value)) {
-      return value + "px";
-    } else {
-      return value;
-    }
-  } else {
-    return "";
-  }
-}
-function getClassName(name, obj) {
-  const style = obj.config?.style || "";
-  const arr = parseCssSelectors(style);
-  if (arr.includes(name)) {
-    return obj.name + "-" + name;
-  } else {
-    return name;
-  }
+	if (value) {
+		value = value + "";
+		if (/[0-9]$/.test(value)) return value + "px";
+		else return value;
+	} else return "";
 }
+/**
+* 获取对应样式名称
+* @param formCssCode
+* @returns
+*/
 function extractCssClass(formCssCode) {
-  const regExp = /\..*{/g;
-  const result = formCssCode.match(regExp);
-  const cssNameArray = [];
-  if (!!result && result.length > 0) {
-    result.forEach((rItem) => {
-      const classArray = rItem.split(",");
-      if (classArray.length > 0) {
-        classArray.forEach((cItem) => {
-          const caItem = cItem.trim();
-          if (caItem.indexOf(".", 1) !== -1) {
-            const newClass = caItem.substring(
-              caItem.indexOf(".") + 1,
-              caItem.indexOf(".", 1)
-            );
-            if (!!newClass) {
-              cssNameArray.push(newClass.trim());
-            }
-          } else if (caItem.indexOf(" ") !== -1) {
-            const newClass = caItem.substring(
-              caItem.indexOf(".") + 1,
-              caItem.indexOf(" ")
-            );
-            if (!!newClass) {
-              cssNameArray.push(newClass.trim());
-            }
-          } else {
-            if (caItem.indexOf("{") !== -1) {
-              const newClass = caItem.substring(
-                caItem.indexOf(".") + 1,
-                caItem.indexOf("{")
-              );
-              cssNameArray.push(newClass.trim());
-            } else {
-              const newClass = caItem.substring(
-                caItem.indexOf(".") + 1
-              );
-              cssNameArray.push(newClass.trim());
-            }
-          }
-        });
-      }
-    });
-  }
-  return [...new Set(cssNameArray)];
+	const result = formCssCode.match(/\..*{/g);
+	const cssNameArray = [];
+	if (!!result && result.length > 0) result.forEach((rItem) => {
+		const classArray = rItem.split(",");
+		if (classArray.length > 0) classArray.forEach((cItem) => {
+			const caItem = cItem.trim();
+			if (caItem.indexOf(".", 1) !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(".", 1));
+				if (!!newClass) cssNameArray.push(newClass.trim());
+			} else if (caItem.indexOf(" ") !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(" "));
+				if (!!newClass) cssNameArray.push(newClass.trim());
+			} else if (caItem.indexOf("{") !== -1) {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf("{"));
+				cssNameArray.push(newClass.trim());
+			} else {
+				const newClass = caItem.substring(caItem.indexOf(".") + 1);
+				cssNameArray.push(newClass.trim());
+			}
+		});
+	});
+	return [...new Set(cssNameArray)];
 }
-export {
-  extractCssClass,
-  getClass,
-  getClassName,
-  setCssSize
-};
+//#endregion
+export { extractCssClass, getClass, setCssSize };

package/dist/utils/render.cjs

@@ -1,150 +1,97 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
-const css = require("./css.cjs");
-const humpToLine = require("@fangzhongya/utils/name/humpToLine");
+const require_css = require("./css.cjs");
+let _fangzhongya_utils_basic_object_isObject = require("@fangzhongya/utils/basic/object/isObject");
+let _fangzhongya_utils_name_humpToLine = require("@fangzhongya/utils/name/humpToLine");
+//#region packages/utils/render.ts
 function getRenderSlots(obj) {
-  const rs = {};
-  const slots = obj.slots || {};
-  if (Array.isArray(slots)) {
-    rs["default"] = slots;
-  } else if (isObject.isObject(slots)) {
-    const ss = slots;
-    for (const key of Object.keys(ss)) {
-      const slot = ss[key];
-      if (Array.isArray(slot)) {
-        rs[key] = slot;
-      }
-    }
-  }
-  return rs;
+	const rs = {};
+	const slots = obj.slots || {};
+	if (Array.isArray(slots)) rs["default"] = slots;
+	else if ((0, _fangzhongya_utils_basic_object_isObject.isObject)(slots)) {
+		const ss = slots;
+		for (const key of Object.keys(ss)) {
+			const slot = ss[key];
+			if (Array.isArray(slot)) rs[key] = slot;
+		}
+	}
+	return rs;
 }
 function getClassId(id) {
-  return "data-vpc-" + humpToLine.humpToLine(id);
+	return "data-vpc-" + (0, _fangzhongya_utils_name_humpToLine.humpToLine)(id);
 }
 function getStyle(obj, name) {
-  const dataid = getClassId(name);
-  const style = obj.config?.style || "";
-  if (style.trim()) {
-    return css.addPrefixToCssSelectors(style, dataid);
-  }
-  return "";
+	const dataid = getClassId(name);
+	const style = obj.config?.style || "";
+	if (style.trim()) return require_css.addPrefixToCssSelectors(style, dataid);
+	return "";
 }
 function setStyle(obj, name) {
-  name = humpToLine.humpToLine(name);
-  const id = `fang-page-${name}-style.css`;
-  const str = getStyle(obj, name);
-  const head = document.getElementsByTagName("head")[0];
-  const styles = head.querySelectorAll("style");
-  let dom;
-  for (let index = 0; index < styles.length; index++) {
-    const element = styles[index];
-    if (element.getAttribute("data-page-add-id") == id) {
-      dom = element;
-      break;
-    }
-  }
-  if (dom) {
-    dom.innerHTML = str;
-  } else {
-    if (str.trim()) {
-      const style = document.createElement("style");
-      style.appendChild(document.createTextNode(""));
-      style.setAttribute("type", "text/css");
-      style.setAttribute("data-page-add-id", id);
-      style.innerHTML = str;
-      head.appendChild(style);
-    }
-  }
-}
-function unStyle(name, removeAll = false) {
-  name = humpToLine.humpToLine(name);
-  const id = `fang-page-${name}-style.css`;
-  const selector = `style[data-page-add-id="${id}"]`;
-  const styleElements = document.querySelectorAll(selector);
-  if (removeAll) {
-    styleElements.forEach((element) => element.remove());
-  } else {
-    styleElements[0]?.remove();
-  }
-}
-function setScript(obj) {
-  const name = humpToLine.humpToLine(obj.name);
-  const id = `fang-page-${name}-script.js`;
-  const str = obj.config?.script || "";
-  const body = document.getElementsByTagName("body")[0];
-  const scripts = body.querySelectorAll("script");
-  let dom;
-  for (let index = 0; index < scripts.length; index++) {
-    const element = scripts[index];
-    if (element.getAttribute("data-page-add-id") == id) {
-      dom = element;
-      break;
-    }
-  }
-  if (dom) {
-    dom.innerHTML = str;
-  } else {
-    if (str.trim()) {
-      const style = document.createElement("script");
-      style.appendChild(document.createTextNode(""));
-      style.setAttribute("type", "text/javascript");
-      style.setAttribute("data-page-add-id", id);
-      style.innerHTML = str;
-      body.appendChild(style);
-    }
-  }
+	name = (0, _fangzhongya_utils_name_humpToLine.humpToLine)(name);
+	const id = `fang-page-${name}-style.css`;
+	const str = getStyle(obj, name);
+	const head = document.getElementsByTagName("head")[0];
+	const styles = head.querySelectorAll("style");
+	let dom;
+	for (let index = 0; index < styles.length; index++) {
+		const element = styles[index];
+		if (element.getAttribute("data-page-add-id") == id) {
+			dom = element;
+			break;
+		}
+	}
+	if (dom) dom.innerHTML = str;
+	else if (str.trim()) {
+		const style = document.createElement("style");
+		style.appendChild(document.createTextNode(""));
+		style.setAttribute("type", "text/css");
+		style.setAttribute("data-page-add-id", id);
+		style.innerHTML = str;
+		head.appendChild(style);
+	}
 }
 function setComponents(obj, coms) {
-  if (obj.name) {
-    coms.add(obj.name);
-    const slots = getRenderSlots(obj);
-    Object.keys(slots).forEach((key) => {
-      slots[key]?.forEach((item) => {
-        setComponents(item, coms);
-      });
-    });
-  }
+	if (obj.name) {
+		coms.add(obj.name);
+		const slots = getRenderSlots(obj);
+		Object.keys(slots).forEach((key) => {
+			slots[key]?.forEach((item) => {
+				setComponents(item, coms);
+			});
+		});
+	}
 }
-const ncs = [
-  "PageHtml",
-  "PageString",
-  "PageDynamic",
-  "PageVfor",
-  "PageVif",
-  "PageVifEif",
-  "Template",
-  "Slot",
-  "Component",
-  "Suspense",
-  "Teleport",
-  "KeepAlive",
-  "Transition",
-  "TransitionGroup",
-  "RouterView",
-  "RouterLink"
+var ncs = [
+	"PageHtml",
+	"PageString",
+	"PageDynamic",
+	"PageVfor",
+	"PageVif",
+	"PageVifEif",
+	"Template",
+	"Slot",
+	"Component",
+	"Suspense",
+	"Teleport",
+	"KeepAlive",
+	"Transition",
+	"TransitionGroup",
+	"RouterView",
+	"RouterLink"
 ];
 function getComponentNames(obj, isAll = false) {
-  const coms = /* @__PURE__ */ new Set();
-  obj.list?.forEach((item) => {
-    setComponents(item, coms);
-  });
-  if (isAll) {
-    return [...coms];
-  } else {
-    return [...coms].filter((item) => !ncs.includes(item));
-  }
+	const coms = /* @__PURE__ */ new Set();
+	obj.list?.forEach((item) => {
+		setComponents(item, coms);
+	});
+	if (isAll) return [...coms];
+	else return [...coms].filter((item) => !ncs.includes(item));
 }
 function isRenderCompon(obj) {
-  if (obj.name && obj.list) {
-    return true;
-  }
-  return false;
+	if (obj.name && obj.list) return true;
+	return false;
 }
+//#endregion
 exports.getClassId = getClassId;
 exports.getComponentNames = getComponentNames;
 exports.getRenderSlots = getRenderSlots;
 exports.isRenderCompon = isRenderCompon;
-exports.setScript = setScript;
 exports.setStyle = setStyle;
-exports.unStyle = unStyle;