@gct-paas/schema 0.1.4-dev.11 → 0.1.4-dev.12

package/es/utils/schema-style/index.mjs

@@ -1,155 +1,231 @@
-import { isEmpty, pick, isNil } from 'lodash-es';
-
+import { isEmpty, isNil, pick } from "lodash-es";
+//#region src/utils/schema-style/index.ts
+/**
+* 样式计算工具类
+* 提供样式单位转换、属性映射、样式属性处理等公共方法
+*/
+/**
+* 将像素值转换为对应单位
+* 在移动环境下转换为 vw，其他环境保持 px
+*
+* @param pxValue - 像素值
+* @returns 转换后的单位值字符串
+*/
 function pxToVw(pxValue) {
-  return pxValue + "px";
+	return pxValue + "px";
 }
+/**
+* 添加 px 单位到样式值
+*
+* @param value - 样式值
+* @returns 带 px 单位和 !important 的样式字符串
+*/
 function addPxUnit(value) {
-  return isEmpty(value) ? "" : `${value}px !important`;
+	return isEmpty(value) ? "" : `${value}px !important`;
 }
+/**
+* 添加 !important 标志到样式值（不添加单位）
+*
+* @param value - 样式值
+* @returns 带 !important 的样式字符串
+*/
 function addImportant(value) {
-  return isEmpty(value) ? "" : `${value} !important`;
+	return isEmpty(value) ? "" : `${value} !important`;
 }
+/**
+* 格式化边框样式对象
+*
+* @param border - 边框配置对象，包含 borderWidth、borderStyle、borderColor
+* @returns 格式化后的边框样式字符串
+*/
 function formatBorder(border) {
-  if (!border || isEmpty(border.borderWidth)) return "";
-  return `${border.borderWidth}px ${border.borderStyle || "solid"} ${border.borderColor || "transparent"} !important`;
+	if (!border || isEmpty(border.borderWidth)) return "";
+	return `${border.borderWidth}px ${border.borderStyle || "solid"} ${border.borderColor || "transparent"} !important`;
 }
-const DEFAULT_FONT_CONFIG = {
-  fontAttrs: [
-    "fontWeight",
-    "fontSize",
-    "color",
-    "textDecorationLine",
-    "textAlign"
-  ],
-  mapAttrs: {
-    bold: {
-      attr: "fontWeight",
-      callback: (value) => {
-        return value ? 700 : 400;
-      }
-    },
-    italic: {
-      attr: "fontStyle",
-      callback: (value) => {
-        return value ? "italic" : "normal";
-      }
-    },
-    textDecoration: {
-      attr: "textDecorationLine"
-    },
-    fontSize: {
-      attr: "fontSize",
-      callback: (value) => {
-        return value ? pxToVw(value) : "";
-      }
-    },
-    align: {
-      attr: "textAlign"
-    }
-  }
+/**
+* 字体样式处理默认配置
+*/
+var DEFAULT_FONT_CONFIG = {
+	fontAttrs: [
+		"fontWeight",
+		"fontSize",
+		"color",
+		"textDecorationLine",
+		"textAlign"
+	],
+	mapAttrs: {
+		bold: {
+			attr: "fontWeight",
+			callback: (value) => {
+				return value ? 700 : 400;
+			}
+		},
+		italic: {
+			attr: "fontStyle",
+			callback: (value) => {
+				return value ? "italic" : "normal";
+			}
+		},
+		textDecoration: { attr: "textDecorationLine" },
+		fontSize: {
+			attr: "fontSize",
+			callback: (value) => {
+				return value ? pxToVw(value) : "";
+			}
+		},
+		align: { attr: "textAlign" }
+	}
 };
+/**
+* 从字体配置对象中提取并转换字体样式
+*
+* @param font - 字体配置对象
+* @param config - 字体样式处理配置（可选，使用默认配置）
+* @returns 转换后的样式对象
+*/
 function extractFontStyle(font, config = DEFAULT_FONT_CONFIG) {
-  if (!font) return {};
-  const result = {};
-  Object.assign(result, pick(font, config.fontAttrs));
-  if (typeof config.mapAttrs === "object") {
-    Object.keys(config.mapAttrs).forEach((k) => {
-      const { attr, callback } = config.mapAttrs[k];
-      result[attr] = typeof callback === "function" ? callback(font[k]) : font[k];
-    });
-  }
-  return result;
+	if (!font) return {};
+	const result = {};
+	Object.assign(result, pick(font, config.fontAttrs));
+	if (typeof config.mapAttrs === "object") Object.keys(config.mapAttrs).forEach((k) => {
+		const { attr, callback } = config.mapAttrs[k];
+		result[attr] = typeof callback === "function" ? callback(font[k]) : font[k];
+	});
+	return result;
 }
+/**
+* 将样式属性对象转换为 CSS 样式字符串格式
+*
+* @param styleProps - 样式属性对象
+* @returns 转换后的样式对象（含单位和 !important）
+*/
 function propsToStyle(styleProps = {}) {
-  const wStyle = {};
-  for (const prop in styleProps) {
-    wStyle[prop] = makeStyleProp(prop, styleProps[prop]);
-  }
-  return wStyle;
+	const wStyle = {};
+	for (const prop in styleProps) wStyle[prop] = makeStyleProp(prop, styleProps[prop]);
+	return wStyle;
 }
-const NOT_NEED_PX_STYLE = [
-  "opacity",
-  "zIndex",
-  "fontWeight",
-  "lineHeight",
-  "letterSpacing",
-  "wordSpacing",
-  "textAlign",
-  "textDecoration",
-  "textTransform",
-  "fontStyle",
-  "textDecorationLine"
+/**
+* 不需要添加 px 单位的 CSS 属性列表
+*/
+var NOT_NEED_PX_STYLE = [
+	"opacity",
+	"zIndex",
+	"fontWeight",
+	"lineHeight",
+	"letterSpacing",
+	"wordSpacing",
+	"textAlign",
+	"textDecoration",
+	"textTransform",
+	"fontStyle",
+	"textDecorationLine"
 ];
+/**
+* 将单个样式属性值转换为带单位的 CSS 字符串
+*
+* @param prop - 属性名
+* @param value - 属性值
+* @returns 转换后的样式值字符串
+*/
 function makeStyleProp(prop, value) {
-  if (isNil(value) || isEmpty(value)) {
-    return "";
-  }
-  if (NOT_NEED_PX_STYLE.includes(prop)) {
-    return value + " !important";
-  }
-  return value + "px !important";
+	if (isNil(value) || isEmpty(value)) return "";
+	if (NOT_NEED_PX_STYLE.includes(prop)) return value + " !important";
+	return value + "px !important";
 }
-const ALIGN_TO_FLEX_MAP = {
-  left: "flex-start",
-  center: "center",
-  right: "flex-end",
-  justify: "space-between"
+/**
+* 对齐方式到 Flex 对齐值的映射
+*/
+var ALIGN_TO_FLEX_MAP = {
+	left: "flex-start",
+	center: "center",
+	right: "flex-end",
+	justify: "space-between"
 };
+/**
+* 将对齐属性值转换为 Flex 对齐值
+*
+* @param align - 对齐方式（left、center、right、justify）
+* @returns 对应的 Flex 对齐值
+*/
 function transAlign2flex(align) {
-  return ALIGN_TO_FLEX_MAP[align] || align;
+	return ALIGN_TO_FLEX_MAP[align] || align;
 }
+/**
+* 生成位置和尺寸样式对象
+*
+* @param style - 样式配置对象
+* @returns 位置和尺寸样式对象
+*/
 function generatePositionStyles(style) {
-  return {
-    position: addImportant(style.position),
-    top: addPxUnit(style.top),
-    left: addPxUnit(style.left),
-    right: addPxUnit(style.right),
-    bottom: addPxUnit(style.bottom),
-    width: addPxUnit(style.width),
-    height: addPxUnit(style.height)
-  };
+	return {
+		position: addImportant(style.position),
+		top: addPxUnit(style.top),
+		left: addPxUnit(style.left),
+		right: addPxUnit(style.right),
+		bottom: addPxUnit(style.bottom),
+		width: addPxUnit(style.width),
+		height: addPxUnit(style.height)
+	};
 }
+/**
+* 生成背景和间距样式对象
+*
+* @param style - 样式配置对象
+* @returns 背景和间距样式对象
+*/
 function generateSpacingStyles(style) {
-  return {
-    backgroundColor: addImportant(style.backgroundColor),
-    marginTop: addPxUnit(style.marginTop),
-    marginRight: addPxUnit(style.marginRight),
-    marginBottom: addPxUnit(style.marginBottom),
-    marginLeft: addPxUnit(style.marginLeft),
-    paddingTop: addPxUnit(style.paddingTop),
-    paddingRight: addPxUnit(style.paddingRight),
-    paddingBottom: addPxUnit(style.paddingBottom),
-    paddingLeft: addPxUnit(style.paddingLeft)
-  };
+	return {
+		backgroundColor: addImportant(style.backgroundColor),
+		marginTop: addPxUnit(style.marginTop),
+		marginRight: addPxUnit(style.marginRight),
+		marginBottom: addPxUnit(style.marginBottom),
+		marginLeft: addPxUnit(style.marginLeft),
+		paddingTop: addPxUnit(style.paddingTop),
+		paddingRight: addPxUnit(style.paddingRight),
+		paddingBottom: addPxUnit(style.paddingBottom),
+		paddingLeft: addPxUnit(style.paddingLeft)
+	};
 }
+/**
+* 生成边框样式对象
+*
+* @param style - 样式配置对象
+* @returns 边框样式对象
+*/
 function generateBorderStyles(style) {
-  return {
-    borderLeft: formatBorder(style.borderLeft),
-    borderRight: formatBorder(style.borderRight),
-    borderBottom: formatBorder(style.borderBottom),
-    borderTop: formatBorder(style.borderTop),
-    borderTopRightRadius: addPxUnit(style.borderTopRightRadius),
-    borderTopLeftRadius: addPxUnit(style.borderTopLeftRadius),
-    borderBottomRightRadius: addPxUnit(style.borderBottomRightRadius),
-    borderBottomLeftRadius: addPxUnit(style.borderBottomLeftRadius)
-  };
+	return {
+		borderLeft: formatBorder(style.borderLeft),
+		borderRight: formatBorder(style.borderRight),
+		borderBottom: formatBorder(style.borderBottom),
+		borderTop: formatBorder(style.borderTop),
+		borderTopRightRadius: addPxUnit(style.borderTopRightRadius),
+		borderTopLeftRadius: addPxUnit(style.borderTopLeftRadius),
+		borderBottomRightRadius: addPxUnit(style.borderBottomRightRadius),
+		borderBottomLeftRadius: addPxUnit(style.borderBottomLeftRadius)
+	};
 }
+/**
+* 生成完整的包装样式对象
+* 合并位置、间距、边框等所有样式
+*
+* @param style - 样式配置对象
+* @param ignoringStyle - 需要忽略的样式属性数组
+* @returns 合并后的完整样式对象
+*/
 function generateWrapperStyle(style, ignoringStyle = []) {
-  const styleData = {
-    ...generatePositionStyles(style),
-    ...generateSpacingStyles(style),
-    ...generateBorderStyles(style)
-  };
-  ignoringStyle.forEach((key) => {
-    delete styleData[key];
-  });
-  Object.keys(styleData).forEach((key) => {
-    const val = styleData[key];
-    if (isNil(val) || isEmpty(val)) {
-      delete styleData[key];
-    }
-  });
-  return styleData;
+	const styleData = {
+		...generatePositionStyles(style),
+		...generateSpacingStyles(style),
+		...generateBorderStyles(style)
+	};
+	ignoringStyle.forEach((key) => {
+		delete styleData[key];
+	});
+	Object.keys(styleData).forEach((key) => {
+		const val = styleData[key];
+		if (isNil(val) || isEmpty(val)) delete styleData[key];
+	});
+	return styleData;
 }
-
+//#endregion
 export { ALIGN_TO_FLEX_MAP, addImportant, addPxUnit, extractFontStyle, formatBorder, generateBorderStyles, generatePositionStyles, generateSpacingStyles, generateWrapperStyle, makeStyleProp, propsToStyle, pxToVw, transAlign2flex };

package/es/utils/widget-info/widget-info.mjs

@@ -1,76 +1,149 @@
-import { Platform } from '@gct-paas/core';
-
-class WidgetInfo {
-  events = {};
-  propEditors = {};
-  schema = {};
-  callback = {};
-  beforeCreate = {};
-  styleEditors = {};
-  designerConfig = {};
-  hooks = {};
-  whiteList = {};
-  blackList = {};
-}
-const webWidgetInfo = new WidgetInfo();
-const mobileWidgetInfo = new WidgetInfo();
-const padWidgetInfo = new WidgetInfo();
+import { Platform } from "@gct-paas/core";
+//#region src/utils/widget-info/widget-info.ts
+/**
+* 设计界面所有组件配置信息
+*
+* @export
+* @class WidgetInfo
+* @implements {IWidgetInfo}
+*/
+var WidgetInfo = class {
+	events = {};
+	propEditors = {};
+	schema = {};
+	callback = {};
+	beforeCreate = {};
+	styleEditors = {};
+	designerConfig = {};
+	hooks = {};
+	whiteList = {};
+	blackList = {};
+};
+/**
+* 网页端组件配置信息
+*/
+var webWidgetInfo = new WidgetInfo();
+/**
+* 移动端组件配置信息
+*/
+var mobileWidgetInfo = new WidgetInfo();
+/**
+* 平板端组件配置信息
+*/
+var padWidgetInfo = new WidgetInfo();
+/**
+* 获取指定平台的组件配置信息
+*
+* @export
+* @param {Platform} [platform] 平台类型
+* @return {*}  {IWidgetInfo} 组件配置信息
+*/
 function getWidgetInfo(platform) {
-  switch (platform) {
-    case Platform.WEB:
-      return webWidgetInfo;
-    case Platform.MOBILE:
-      return mobileWidgetInfo;
-    case Platform.PAD:
-      return padWidgetInfo;
-    default:
-      return webWidgetInfo;
-  }
+	switch (platform) {
+		case Platform.WEB: return webWidgetInfo;
+		case Platform.MOBILE: return mobileWidgetInfo;
+		case Platform.PAD: return padWidgetInfo;
+		default: return webWidgetInfo;
+	}
 }
+/**
+* 注册单一组件信息
+*
+* @export
+* @param {IWidgetInfo} widgetInfo
+* @param {string} type
+* @param {IObject} module
+*/
 function registerWidgetItem(widgetInfo, type, module) {
-  widgetInfo.events[type] = module.eventList;
-  widgetInfo.hooks[type] = module.hooks;
-  widgetInfo.whiteList[type] = module.whiteList;
-  widgetInfo.blackList[type] = module.blackList;
-  widgetInfo.propEditors[type] = module.propEditorList;
-  widgetInfo.schema[type] = module.widget;
-  widgetInfo.callback[type] = module.runCallback;
-  widgetInfo.beforeCreate[type] = module.beforeCreate;
-  widgetInfo.styleEditors[type] = module.styleEditorList;
-  widgetInfo.designerConfig[type] = module.designerConfig;
+	widgetInfo.events[type] = module.eventList;
+	widgetInfo.hooks[type] = module.hooks;
+	widgetInfo.whiteList[type] = module.whiteList;
+	widgetInfo.blackList[type] = module.blackList;
+	widgetInfo.propEditors[type] = module.propEditorList;
+	widgetInfo.schema[type] = module.widget;
+	widgetInfo.callback[type] = module.runCallback;
+	widgetInfo.beforeCreate[type] = module.beforeCreate;
+	widgetInfo.styleEditors[type] = module.styleEditorList;
+	widgetInfo.designerConfig[type] = module.designerConfig;
 }
+/**
+* 注册网页端单一组件信息
+*
+* @export
+* @param {IObject} module
+* @param {string} type
+*/
 function registerWebWidgetItem(module, type) {
-  registerWidgetItem(webWidgetInfo, type, module);
+	registerWidgetItem(webWidgetInfo, type, module);
 }
+/**
+* 注册移动端单一组件信息
+*
+* @export
+* @param {IObject} module
+* @param {string} type
+*/
 function registerMobileWidgetItem(module, type) {
-  registerWidgetItem(mobileWidgetInfo, type, module);
+	registerWidgetItem(mobileWidgetInfo, type, module);
 }
+/**
+* 注册平板端单一组件信息
+*
+* @export
+* @param {IObject} module
+* @param {string} type
+*/
 function registerPadWidgetItem(module, type) {
-  registerWidgetItem(padWidgetInfo, type, module);
+	registerWidgetItem(padWidgetInfo, type, module);
 }
+/**
+* 注册单一组件信息（插件方式）
+*
+* @export
+* @param {IWidgetInfo} widgetInfo
+* @param {IWidgetInfoItem} designer
+*/
 function registerPluginWidgetItem(widgetInfo, designer) {
-  if (designer) {
-    const { type } = designer.schema;
-    widgetInfo.events[type] = designer.events;
-    widgetInfo.hooks[type] = designer.hooks;
-    widgetInfo.whiteList[type] = designer.whiteList;
-    widgetInfo.blackList[type] = designer.blackList;
-    widgetInfo.propEditors[type] = designer.propEditors;
-    widgetInfo.schema[type] = designer.schema;
-    widgetInfo.callback[type] = designer.callback;
-    widgetInfo.beforeCreate[type] = designer.beforeCreate;
-    widgetInfo.styleEditors[type] = designer.styleEditors;
-    widgetInfo.designerConfig[type] = designer.designerConfig;
-  }
+	if (designer) {
+		const { type } = designer.schema;
+		widgetInfo.events[type] = designer.events;
+		widgetInfo.hooks[type] = designer.hooks;
+		widgetInfo.whiteList[type] = designer.whiteList;
+		widgetInfo.blackList[type] = designer.blackList;
+		widgetInfo.propEditors[type] = designer.propEditors;
+		widgetInfo.schema[type] = designer.schema;
+		widgetInfo.callback[type] = designer.callback;
+		widgetInfo.beforeCreate[type] = designer.beforeCreate;
+		widgetInfo.styleEditors[type] = designer.styleEditors;
+		widgetInfo.designerConfig[type] = designer.designerConfig;
+	}
 }
+/**
+* 注册网页端插件组件配置
+*
+* @export
+* @param {IWidgetInfoItem} designer
+*/
 function registerWebPluginWidgetItem(designer) {
-  registerPluginWidgetItem(webWidgetInfo, designer);
+	registerPluginWidgetItem(webWidgetInfo, designer);
 }
+/**
+* 注册移动端插件组件配置
+*
+* @export
+* @param {IWidgetInfoItem} designer
+*/
 function registerMobilePluginWidgetItem(designer) {
-  registerPluginWidgetItem(mobileWidgetInfo, designer);
+	registerPluginWidgetItem(mobileWidgetInfo, designer);
 }
+/**
+* 注册平板端插件组件配置
+*
+* @export
+* @param {IWidgetInfoItem} designer
+*/
 function registerPadPluginWidgetItem(designer) {
-  registerPluginWidgetItem(padWidgetInfo, designer);
+	registerPluginWidgetItem(padWidgetInfo, designer);
 }
-
+//#endregion
 export { getWidgetInfo, mobileWidgetInfo, padWidgetInfo, registerMobilePluginWidgetItem, registerMobileWidgetItem, registerPadPluginWidgetItem, registerPadWidgetItem, registerPluginWidgetItem, registerWebPluginWidgetItem, registerWebWidgetItem, registerWidgetItem, webWidgetInfo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/schema",
-  "version": "0.1.4-dev.11",
+  "version": "0.1.4-dev.12",
   "type": "module",
   "description": "paas 平台 schema 架构包",
   "main": "dist/index.min.cjs",
@@ -52,12 +52,13 @@
   },
   "dependencies": {
     "@gct-paas/api": "0.1.1",
-    "@gct-paas/core": "0.1.4-dev.11",
+    "@gct-paas/core": "0.1.4-dev.12",
+    "lodash-es": "^4.17.23",
     "vue": "^3.5.29"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.9",
+    "@gct-paas/build": "^0.1.6-dev.1",
     "vitest": "^4.0.18"
   },
-  "gitHead": "6b0fd87c1a7799aa228f40b160e53a7358c25186"
+  "gitHead": "0a7f1a0388cb21eb1c3a4868b14d664a5a3152ed"
 }