@fangzhongya/page 0.0.35 → 0.0.36

package/dist/render/common.js

@@ -1,321 +1,224 @@
-import { isVNode, h, Fragment, inject, resolveComponent } from "vue";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+import { getClassId, getRenderSlots } from "../utils/render.js";
 import { isHTMLTag, isSVGTag } from "../utils/shared.js";
-import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
+import { getAttrs, getConfig, getDirectives, getEmits, getForObject, getProps, getPropsValue, getRefDom, getScopeObject } from "./config.js";
+import { Fragment, h, inject, isVNode, resolveComponent } from "vue";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-import { getRenderSlots, getClassId } from "../utils/render.js";
-import { getScopeObject, getForObject, getPropsValue, getConfig, getRefDom, getDirectives, getAttrs, getProps, getEmits } from "./config.js";
+import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
+import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+//#region packages/render/common.ts
+/**
+* 共有
+*/
+/**
+* 设置插槽配置
+* @param obj - 包含slots属性的ListObj对象
+* @returns 返回标准化的插槽配置对象
+*/
 function getSlots(slots) {
-  if (isVNode(slots)) {
-    return {
-      default: () => [slots]
-    };
-  } else if (typeof slots === "function") {
-    return {
-      default: slots
-    };
-  } else if (slots && isObject(slots) && !Array.isArray(slots)) {
-    return slots;
-  } else if (!isEmpty(slots)) {
-    return {
-      default: () => slots
-    };
-  }
+	if (isVNode(slots)) return { default: () => [slots] };
+	else if (typeof slots === "function") return { default: slots };
+	else if (slots && isObject(slots) && !Array.isArray(slots)) return slots;
+	else if (!isEmpty(slots)) return { default: () => slots };
 }
 function getComponString(name, attarObj, obj = {}, compons = {}) {
-  if (name === "Template") {
-    return h(Fragment, null, getSlots(obj.slots)?.default?.());
-  }
-  compons = inject("components", compons);
-  const tcom = humpToLine(name);
-  const cms = Object.keys(compons);
-  if (cms.includes(name)) {
-    return h(compons[name], attarObj, getSlots(obj.slots));
-  } else if (cms.includes(tcom)) {
-    return h(compons[tcom], attarObj, getSlots(obj.slots));
-  }
-  if (isHTMLTag(tcom) || isSVGTag(tcom)) {
-    return h(tcom, attarObj, getSlots(obj.slots)?.default?.());
-  }
-  const vh = resolveComponent(name);
-  return h(vh, attarObj, getSlots(obj.slots));
+	if (name === "Template") return h(Fragment, null, getSlots(obj.slots)?.default?.());
+	compons = inject("components", compons);
+	const tcom = humpToLine(name);
+	const cms = Object.keys(compons);
+	if (cms.includes(name)) return h(compons[name], attarObj, getSlots(obj.slots));
+	else if (cms.includes(tcom)) return h(compons[tcom], attarObj, getSlots(obj.slots));
+	if (isHTMLTag(tcom) || isSVGTag(tcom)) return h(tcom, attarObj, getSlots(obj.slots)?.default?.());
+	return h(resolveComponent(name), attarObj, getSlots(obj.slots));
 }
 function useGetCompon(name, attarObj, obj = {}, compons) {
-  if (typeof name == "string") {
-    return getComponString(name, attarObj, obj, compons);
-  } else if (typeof name == "function") {
-    return name(attarObj, getSlots(obj.slots));
-  } else if (isVNode(name)) {
-    return name;
-  } else {
-    return h(name, attarObj, getSlots(obj.slots));
-  }
+	if (typeof name == "string") return getComponString(name, attarObj, obj, compons);
+	else if (typeof name == "function") return name(attarObj, getSlots(obj.slots));
+	else if (isVNode(name)) return name;
+	else return h(name, attarObj, getSlots(obj.slots));
 }
 function getSlotsArray(obj, key = "default") {
-  const rs = getRenderSlots(obj);
-  return rs[key];
+	return getRenderSlots(obj)[key];
 }
 function isEmpty(v) {
-  if (v === null || v === void 0 || v === "") {
-    return true;
-  }
+	if (v === null || v === void 0 || v === "") return true;
 }
+/**
+* 生成插槽代码
+* @param obj
+* @param is
+* @returns
+*/
 function getSlotsDom(obj, callback) {
-  const slots = obj.slots || {};
-  const cs = obj.config?.scope;
-  if (Array.isArray(slots)) {
-    const key = "default";
-    const name = getScopeObject(cs, key);
-    return {
-      default: (scope = {}) => callback(slots, key, {
-        value: scope,
-        name: name[key]
-      })
-    };
-  } else if (isObject(slots)) {
-    const objs = {};
-    const ss = slots;
-    for (const key of Object.keys(ss)) {
-      const slot = ss[key];
-      if (Array.isArray(slot)) {
-        const name = getScopeObject(cs, key);
-        objs[key] = (scope = {}) => callback(slot, key, {
-          value: scope,
-          name: name[key]
-        });
-      } else {
-        if (!isEmpty(slot)) {
-          objs[key] = getSlots(slot)?.default;
-        }
-      }
-    }
-    if (Object.keys(objs).length == 0) {
-      const v = obj.config?.value;
-      if (v) {
-        return {
-          default() {
-            return v;
-          }
-        };
-      }
-    }
-    return objs;
-  } else {
-    const v = obj.config?.value;
-    if (v) {
-      return {
-        default() {
-          return v;
-        }
-      };
-    }
-    return {};
-  }
+	const slots = obj.slots || {};
+	const cs = obj.config?.scope;
+	if (Array.isArray(slots)) {
+		const key = "default";
+		const name = getScopeObject(cs, key);
+		return { default: (scope = {}) => callback(slots, key, {
+			value: scope,
+			name: name[key]
+		}) };
+	} else if (isObject(slots)) {
+		const objs = {};
+		const ss = slots;
+		for (const key of Object.keys(ss)) {
+			const slot = ss[key];
+			if (Array.isArray(slot)) {
+				const name = getScopeObject(cs, key);
+				objs[key] = (scope = {}) => callback(slot, key, {
+					value: scope,
+					name: name[key]
+				});
+			} else if (!isEmpty(slot)) objs[key] = getSlots(slot)?.default;
+		}
+		if (Object.keys(objs).length == 0) {
+			const v = obj.config?.value;
+			if (v) return { default() {
+				return v;
+			} };
+		}
+		return objs;
+	} else {
+		const v = obj.config?.value;
+		if (v) return { default() {
+			return v;
+		} };
+		return {};
+	}
 }
 function getTempsArr(temps, value, type = "slot") {
-  if (value) {
-    const arr = {
-      type,
-      value: []
-    };
-    value.forEach((slot) => {
-      if (slot && slot.name) {
-        arr.value.push(slot);
-      }
-    });
-    if (arr.value.length > 0) {
-      return [...temps, arr];
-    }
-  }
-  return temps;
+	if (value) {
+		const arr = {
+			type,
+			value: []
+		};
+		value.forEach((slot) => {
+			if (slot && slot.name) arr.value.push(slot);
+		});
+		if (arr.value.length > 0) return [...temps, arr];
+	}
+	return temps;
 }
 function getCompon(obj, config, params, temps) {
-  const name = lineToLargeHump(obj.name);
-  if (name === "Slot") {
-    const name2 = config.name || "default";
-    const slots = params.slots[name2];
-    if (slots) {
-      return h(Fragment, slots(config));
-    } else {
-      return getRender(
-        {
-          name: "Template",
-          slots: obj.slots
-        },
-        params,
-        temps
-      );
-    }
-  } else if (name === "Component") {
-    return getRender(
-      {
-        name: config.is,
-        slots: obj.slots,
-        attrs: {
-          ...config,
-          is: void 0
-        }
-      },
-      params,
-      temps
-    );
-  } else if (name === "PageString") {
-    return obj.config?.value || "";
-  } else if (name === "PageDynamic") {
-    return config.value || "";
-  } else if (name === "PageVfor") {
-    const fors = getForObject(obj.config?.fors);
-    const arr = config.value;
-    if (arr) {
-      if (obj.config?.isin) {
-        return h(Fragment, null, [
-          Object.keys(arr).map(
-            (key, index) => {
-              const vfors = [
-                {
-                  value: arr[key],
-                  name: fors[0]
-                },
-                {
-                  value: key,
-                  name: fors[1]
-                },
-                {
-                  value: index,
-                  name: fors[2]
-                }
-              ];
-              const ts = getTempsArr(temps, vfors, "forin");
-              return getRender(
-                {
-                  name: "Template",
-                  slots: obj.slots
-                },
-                params,
-                ts
-              );
-            }
-          )
-        ]);
-      } else {
-        return h(Fragment, null, [
-          arr?.map((item, index) => {
-            const vfors = [
-              {
-                value: item,
-                name: fors[0]
-              },
-              {
-                value: index,
-                name: fors[1]
-              }
-            ];
-            const ts = getTempsArr(temps, vfors, "forof");
-            return getRender(
-              {
-                name: "Template",
-                slots: obj.slots
-              },
-              params,
-              ts
-            );
-          })
-        ]);
-      }
-    }
-  } else if (name === "PageVif") {
-    const list = getSlotsArray(obj);
-    let vc;
-    for (let index = 0; index < list.length; index++) {
-      const element = list[index];
-      const value = element.props?.value?.value;
-      if (index === list.length - 1 && !value) {
-        vc = element;
-        break;
-      } else if (value) {
-        const fun = getPropsValue(
-          element.props,
-          "value",
-          params,
-          temps
-        );
-        if (fun) {
-          vc = element;
-          break;
-        }
-      }
-    }
-    const slots = [];
-    if (vc) {
-      getSlotsArray(vc).forEach((v) => {
-        slots.push(getRender(v, params, temps));
-      });
-    }
-    return h(Fragment, null, slots);
-  }
+	const name = lineToLargeHump(obj.name);
+	if (name === "Slot") {
+		const name = config.name || "default";
+		const slots = params.slots[name];
+		if (slots) return h(Fragment, slots(config));
+		else return getRender({
+			name: "Template",
+			slots: obj.slots
+		}, params, temps);
+	} else if (name === "Component") return getRender({
+		name: config.is,
+		slots: obj.slots,
+		attrs: {
+			...config,
+			is: void 0
+		}
+	}, params, temps);
+	else if (name === "PageString") return obj.config?.value || "";
+	else if (name === "PageDynamic") return config.value || "";
+	else if (name === "PageVfor") {
+		const fors = getForObject(obj.config?.fors);
+		const arr = config.value;
+		if (arr) if (obj.config?.isin) return h(Fragment, null, [Object.keys(arr).map((key, index) => {
+			const ts = getTempsArr(temps, [
+				{
+					value: arr[key],
+					name: fors[0]
+				},
+				{
+					value: key,
+					name: fors[1]
+				},
+				{
+					value: index,
+					name: fors[2]
+				}
+			], "forin");
+			return getRender({
+				name: "Template",
+				slots: obj.slots
+			}, params, ts);
+		})]);
+		else return h(Fragment, null, [arr?.map((item, index) => {
+			const ts = getTempsArr(temps, [{
+				value: item,
+				name: fors[0]
+			}, {
+				value: index,
+				name: fors[1]
+			}], "forof");
+			return getRender({
+				name: "Template",
+				slots: obj.slots
+			}, params, ts);
+		})]);
+	} else if (name === "PageVif") {
+		const list = getSlotsArray(obj);
+		let vc;
+		for (let index = 0; index < list.length; index++) {
+			const element = list[index];
+			const value = element.props?.value?.value;
+			if (index === list.length - 1 && !value) {
+				vc = element;
+				break;
+			} else if (value) {
+				if (getPropsValue(element.props, "value", params, temps)) {
+					vc = element;
+					break;
+				}
+			}
+		}
+		const slots = [];
+		if (vc) getSlotsArray(vc).forEach((v) => {
+			slots.push(getRender(v, params, temps));
+		});
+		return h(Fragment, null, slots);
+	}
 }
 function getData(obj, params = {}, temps, config = {}) {
-  getConfig(obj, config);
-  getRefDom(obj, config, params);
-  getDirectives(obj, config, params, temps);
-  getAttrs(obj, config);
-  getProps(obj, config, params, temps);
-  getEmits(obj, config, params, temps);
+	getConfig(obj, config);
+	getRefDom(obj, config, params);
+	getDirectives(obj, config, params, temps);
+	getAttrs(obj, config);
+	getProps(obj, config, params, temps);
+	getEmits(obj, config, params, temps);
 }
-function getRenderDom(obj, params = {}, temps, getSlots2, setCompon) {
-  if (obj && !obj.hide) {
-    const config = {};
-    getData(obj, params, temps, config);
-    config[getClassId(params.name)] = "";
-    const rc = getCompon(obj, config, params, temps);
-    if (rc !== void 0) {
-      return rc;
-    }
-    const slots = getSlots2(config);
-    return setCompon(obj, config, slots);
-  } else {
-    return "";
-  }
+/**
+* 生成 VNode 数据
+* @param obj 数据对象
+* @returns
+*/
+function getRenderDom(obj, params = {}, temps, getSlots, setCompon) {
+	if (obj && !obj.hide) {
+		const config = {};
+		getData(obj, params, temps, config);
+		config[getClassId(params.name)] = "";
+		const rc = getCompon(obj, config, params, temps);
+		if (rc !== void 0) return rc;
+		return setCompon(obj, config, getSlots(config));
+	} else return "";
 }
+/**
+* 生成 VNode 数据
+* @param obj 数据对象
+* @returns
+*/
 function getRender(obj, params = {}, temps) {
-  return getRenderDom(
-    obj,
-    params,
-    temps,
-    (config) => {
-      return getSlotsDom(
-        obj,
-        (slots, key, scope) => {
-          const ts = getTempsArr(temps, [scope]);
-          return h(
-            Fragment,
-            null,
-            slots.map((v) => {
-              return getRender(v, params, ts);
-            })
-          );
-        }
-      );
-    },
-    (obj2, config, slots) => {
-      let name = obj2.name;
-      if (name === "PageHtml") {
-        name = obj2.config?.type || "div";
-      }
-      return useGetCompon(name, config, {
-        slots
-      });
-    }
-  );
+	return getRenderDom(obj, params, temps, (config) => {
+		return getSlotsDom(obj, (slots, key, scope) => {
+			const ts = getTempsArr(temps, [scope]);
+			return h(Fragment, null, slots.map((v) => {
+				return getRender(v, params, ts);
+			}));
+		});
+	}, (obj, config, slots) => {
+		let name = obj.name;
+		if (name === "PageHtml") name = obj.config?.type || "div";
+		return useGetCompon(name, config, { slots });
+	});
 }
-export {
-  getData,
-  getRender,
-  getRenderDom,
-  getSlots,
-  getSlotsArray,
-  getSlotsDom,
-  getTempsArr,
-  isEmpty,
-  useGetCompon
-};
+//#endregion
+export { getData, getRender, getRenderDom, getSlots, getSlotsArray, getSlotsDom, getTempsArr, isEmpty, useGetCompon };