@gct-paas/schema 0.1.4-dev.7 → 0.1.4-dev.8

package/dist/index.esm.min.mjs

@@ -1,6 +1,6 @@
-import { BorderStyle as o, TagTypeEnum as l, TextDecoration as t } from "@gct-paas/core";
-import { has as i } from "lodash-es";
-const b = {
+import { BorderStyle as i, TagTypeEnum as b, TextDecoration as g } from "@gct-paas/core";
+import { has as m, isEmpty as a, pick as u, isNil as l } from "lodash-es";
+const B = {
   position: "",
   top: "",
   left: "",
@@ -24,7 +24,7 @@ const b = {
     fontSize: "",
     bold: !1,
     italic: !1,
-    textDecoration: t.NONE,
+    textDecoration: g.NONE,
     color: ""
   },
   contentFont: {
@@ -32,36 +32,36 @@ const b = {
     fontSize: "",
     bold: !1,
     italic: !1,
-    textDecoration: t.NONE,
+    textDecoration: g.NONE,
     color: ""
   },
   tagStyle: {
     color: "",
-    tagType: l.RADIUS
+    tagType: b.RADIUS
   },
   tagStyleOpen: !1,
   borderAll: {
-    borderStyle: o.NONE,
+    borderStyle: i.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderLeft: {
-    borderStyle: o.NONE,
+    borderStyle: i.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderRight: {
-    borderStyle: o.NONE,
+    borderStyle: i.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderBottom: {
-    borderStyle: o.NONE,
+    borderStyle: i.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderTop: {
-    borderStyle: o.NONE,
+    borderStyle: i.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
@@ -70,7 +70,7 @@ const b = {
   borderBottomRightRadius: "0",
   borderBottomLeftRadius: "0",
   borderAllRadius: "0"
-}, g = [
+}, E = [
   "position",
   "backgroundColor",
   "bold",
@@ -80,16 +80,158 @@ const b = {
   "borderStyle",
   "borderColor"
 ];
-function p(r, e, d) {
-  return r.type === d && i(r, "preLocation") && new RegExp(`^${e}_`).test(r.preLocation);
+function O(t, r, e) {
+  return t.type === e && m(t, "preLocation") && new RegExp(`^${r}_`).test(t.preLocation);
 }
-const c = {
+function h(t) {
+  return t + "px";
+}
+function o(t) {
+  return a(t) ? "" : `${t}px !important`;
+}
+function f(t) {
+  return a(t) ? "" : `${t} !important`;
+}
+function p(t) {
+  return !t || a(t.borderWidth) ? "" : `${t.borderWidth}px ${t.borderStyle || "solid"} ${t.borderColor || "transparent"} !important`;
+}
+const s = {
+  fontAttrs: [
+    "fontWeight",
+    "fontSize",
+    "color",
+    "textDecorationLine",
+    "textAlign"
+  ],
+  mapAttrs: {
+    bold: {
+      attr: "fontWeight",
+      callback: (t) => t ? 700 : 400
+    },
+    italic: {
+      attr: "fontStyle",
+      callback: (t) => t ? "italic" : "normal"
+    },
+    textDecoration: {
+      attr: "textDecorationLine"
+    },
+    fontSize: {
+      attr: "fontSize",
+      callback: (t) => t ? h(t) : ""
+    },
+    align: {
+      attr: "textAlign"
+    }
+  }
+};
+function C(t, r = s) {
+  if (!t) return {};
+  const e = {};
+  return Object.assign(e, u(t, r.fontAttrs)), typeof r.mapAttrs == "object" && Object.keys(r.mapAttrs).forEach((n) => {
+    const { attr: d, callback: c } = r.mapAttrs[n];
+    e[d] = typeof c == "function" ? c(t[n]) : t[n];
+  }), e;
+}
+function D(t = {}) {
+  const r = {};
+  for (const e in t)
+    r[e] = R(e, t[e]);
+  return r;
+}
+const S = [
+  "opacity",
+  "zIndex",
+  "fontWeight",
+  "lineHeight",
+  "letterSpacing",
+  "wordSpacing",
+  "textAlign",
+  "textDecoration",
+  "textTransform",
+  "fontStyle",
+  "textDecorationLine"
+];
+function R(t, r) {
+  return l(r) || a(r) ? "" : S.includes(t) ? r + " !important" : r + "px !important";
+}
+const x = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end",
+  justify: "space-between"
+};
+function W(t) {
+  return x[t] || t;
+}
+function T(t) {
+  return {
+    position: f(t.position),
+    top: o(t.top),
+    left: o(t.left),
+    right: o(t.right),
+    bottom: o(t.bottom),
+    width: o(t.width),
+    height: o(t.height)
+  };
+}
+function L(t) {
+  return {
+    backgroundColor: f(t.backgroundColor),
+    marginTop: o(t.marginTop),
+    marginRight: o(t.marginRight),
+    marginBottom: o(t.marginBottom),
+    marginLeft: o(t.marginLeft),
+    paddingTop: o(t.paddingTop),
+    paddingRight: o(t.paddingRight),
+    paddingBottom: o(t.paddingBottom),
+    paddingLeft: o(t.paddingLeft)
+  };
+}
+function F(t) {
+  return {
+    borderLeft: p(t.borderLeft),
+    borderRight: p(t.borderRight),
+    borderBottom: p(t.borderBottom),
+    borderTop: p(t.borderTop),
+    borderTopRightRadius: o(t.borderTopRightRadius),
+    borderTopLeftRadius: o(t.borderTopLeftRadius),
+    borderBottomRightRadius: o(t.borderBottomRightRadius),
+    borderBottomLeftRadius: o(t.borderBottomLeftRadius)
+  };
+}
+function k(t, r = []) {
+  const e = {
+    ...T(t),
+    ...L(t),
+    ...F(t)
+  };
+  return r.forEach((n) => {
+    delete e[n];
+  }), Object.keys(e).forEach((n) => {
+    const d = e[n];
+    (l(d) || a(d)) && delete e[n];
+  }), e;
+}
+const _ = {
   install() {
   }
 };
 export {
-  b as commonStyle,
-  c as default,
-  p as getCompPos,
-  g as notNeedPxStyle
+  x as ALIGN_TO_FLEX_MAP,
+  f as addImportant,
+  o as addPxUnit,
+  B as commonStyle,
+  _ as default,
+  C as extractFontStyle,
+  p as formatBorder,
+  F as generateBorderStyles,
+  T as generatePositionStyles,
+  L as generateSpacingStyles,
+  k as generateWrapperStyle,
+  O as getCompPos,
+  R as makeStyleProp,
+  E as notNeedPxStyle,
+  D as propsToStyle,
+  h as pxToVw,
+  W as transAlign2flex
 };

package/dist/index.min.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@gct-paas/core"),d=require("lodash-es"),l={position:"",top:"",left:"",right:"",bottom:"",width:"",height:"",backgroundColor:"",marginAll:"",marginTop:"",marginRight:"",marginBottom:"",marginLeft:"",paddingAll:"",paddingTop:"",paddingRight:"",paddingBottom:"",paddingLeft:"",labelFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:o.TextDecoration.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:o.TextDecoration.NONE,color:""},tagStyle:{color:"",tagType:o.TagTypeEnum.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:o.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:o.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:o.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:o.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:o.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"},i=["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"];function n(e,r,t){return e.type===t&&d.has(e,"preLocation")&&new RegExp(`^${r}_`).test(e.preLocation)}const a={install(){}};exports.commonStyle=l;exports.default=a;exports.getCompPos=n;exports.notNeedPxStyle=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@gct-paas/core"),n=require("lodash-es"),S={position:"",top:"",left:"",right:"",bottom:"",width:"",height:"",backgroundColor:"",marginAll:"",marginTop:"",marginRight:"",marginBottom:"",marginLeft:"",paddingAll:"",paddingTop:"",paddingRight:"",paddingBottom:"",paddingLeft:"",labelFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:a.TextDecoration.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:a.TextDecoration.NONE,color:""},tagStyle:{color:"",tagType:a.TagTypeEnum.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:a.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:a.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:a.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:a.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:a.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"},h=["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"];function x(t,r,e){return t.type===e&&n.has(t,"preLocation")&&new RegExp(`^${r}_`).test(t.preLocation)}function g(t){return t+"px"}function o(t){return n.isEmpty(t)?"":`${t}px !important`}function p(t){return n.isEmpty(t)?"":`${t} !important`}function d(t){return!t||n.isEmpty(t.borderWidth)?"":`${t.borderWidth}px ${t.borderStyle||"solid"} ${t.borderColor||"transparent"} !important`}const T={fontAttrs:["fontWeight","fontSize","color","textDecorationLine","textAlign"],mapAttrs:{bold:{attr:"fontWeight",callback:t=>t?700:400},italic:{attr:"fontStyle",callback:t=>t?"italic":"normal"},textDecoration:{attr:"textDecorationLine"},fontSize:{attr:"fontSize",callback:t=>t?g(t):""},align:{attr:"textAlign"}}};function R(t,r=T){if(!t)return{};const e={};return Object.assign(e,n.pick(t,r.fontAttrs)),typeof r.mapAttrs=="object"&&Object.keys(r.mapAttrs).forEach(i=>{const{attr:l,callback:c}=r.mapAttrs[i];e[l]=typeof c=="function"?c(t[i]):t[i]}),e}function y(t={}){const r={};for(const e in t)r[e]=f(e,t[e]);return r}const L=["opacity","zIndex","fontWeight","lineHeight","letterSpacing","wordSpacing","textAlign","textDecoration","textTransform","fontStyle","textDecorationLine"];function f(t,r){return n.isNil(r)||n.isEmpty(r)?"":L.includes(t)?r+" !important":r+"px !important"}const b={left:"flex-start",center:"center",right:"flex-end",justify:"space-between"};function B(t){return b[t]||t}function m(t){return{position:p(t.position),top:o(t.top),left:o(t.left),right:o(t.right),bottom:o(t.bottom),width:o(t.width),height:o(t.height)}}function s(t){return{backgroundColor:p(t.backgroundColor),marginTop:o(t.marginTop),marginRight:o(t.marginRight),marginBottom:o(t.marginBottom),marginLeft:o(t.marginLeft),paddingTop:o(t.paddingTop),paddingRight:o(t.paddingRight),paddingBottom:o(t.paddingBottom),paddingLeft:o(t.paddingLeft)}}function u(t){return{borderLeft:d(t.borderLeft),borderRight:d(t.borderRight),borderBottom:d(t.borderBottom),borderTop:d(t.borderTop),borderTopRightRadius:o(t.borderTopRightRadius),borderTopLeftRadius:o(t.borderTopLeftRadius),borderBottomRightRadius:o(t.borderBottomRightRadius),borderBottomLeftRadius:o(t.borderBottomLeftRadius)}}function E(t,r=[]){const e={...m(t),...s(t),...u(t)};return r.forEach(i=>{delete e[i]}),Object.keys(e).forEach(i=>{const l=e[i];(n.isNil(l)||n.isEmpty(l))&&delete e[i]}),e}const F={install(){}};exports.ALIGN_TO_FLEX_MAP=b;exports.addImportant=p;exports.addPxUnit=o;exports.commonStyle=S;exports.default=F;exports.extractFontStyle=R;exports.formatBorder=d;exports.generateBorderStyles=u;exports.generatePositionStyles=m;exports.generateSpacingStyles=s;exports.generateWrapperStyle=E;exports.getCompPos=x;exports.makeStyleProp=f;exports.notNeedPxStyle=h;exports.propsToStyle=y;exports.pxToVw=g;exports.transAlign2flex=B;

package/dist/index.system.min.js

@@ -1 +1 @@
-System.register(["@gct-paas/core","lodash-es"],(function(e,c){"use strict";var o,l,r,i;return{setters:[t=>{o=t.BorderStyle,l=t.TagTypeEnum,r=t.TextDecoration},t=>{i=t.has}],execute:(function(){e("getCompPos",n);const t=e("commonStyle",{position:"",top:"",left:"",right:"",bottom:"",width:"",height:"",backgroundColor:"",marginAll:"",marginTop:"",marginRight:"",marginBottom:"",marginLeft:"",paddingAll:"",paddingTop:"",paddingRight:"",paddingBottom:"",paddingLeft:"",labelFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:r.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:r.NONE,color:""},tagStyle:{color:"",tagType:l.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:o.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:o.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:o.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:o.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:o.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"}),g=e("notNeedPxStyle",["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"]);function n(d,a,b){return d.type===b&&i(d,"preLocation")&&new RegExp(`^${a}_`).test(d.preLocation)}const s=e("default",{install(){}})})}}));
+System.register(["@gct-paas/core","lodash-es"],(function(c,D){"use strict";var a,m,l,s,d,u,f;return{setters:[n=>{a=n.BorderStyle,m=n.TagTypeEnum,l=n.TextDecoration},n=>{s=n.has,d=n.isEmpty,u=n.pick,f=n.isNil}],execute:(function(){c({addImportant:b,addPxUnit:o,extractFontStyle:y,formatBorder:p,generateBorderStyles:R,generatePositionStyles:T,generateSpacingStyles:x,generateWrapperStyle:C,getCompPos:F,makeStyleProp:S,propsToStyle:A,pxToVw:h,transAlign2flex:O});const n=c("commonStyle",{position:"",top:"",left:"",right:"",bottom:"",width:"",height:"",backgroundColor:"",marginAll:"",marginTop:"",marginRight:"",marginBottom:"",marginLeft:"",paddingAll:"",paddingTop:"",paddingRight:"",paddingBottom:"",paddingLeft:"",labelFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:l.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:l.NONE,color:""},tagStyle:{color:"",tagType:m.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:a.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:a.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:a.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:a.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:a.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"}),P=c("notNeedPxStyle",["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"]);function F(t,r,e){return t.type===e&&s(t,"preLocation")&&new RegExp(`^${r}_`).test(t.preLocation)}function h(t){return t+"px"}function o(t){return d(t)?"":`${t}px !important`}function b(t){return d(t)?"":`${t} !important`}function p(t){return!t||d(t.borderWidth)?"":`${t.borderWidth}px ${t.borderStyle||"solid"} ${t.borderColor||"transparent"} !important`}const N={fontAttrs:["fontWeight","fontSize","color","textDecorationLine","textAlign"],mapAttrs:{bold:{attr:"fontWeight",callback:t=>t?700:400},italic:{attr:"fontStyle",callback:t=>t?"italic":"normal"},textDecoration:{attr:"textDecorationLine"},fontSize:{attr:"fontSize",callback:t=>t?h(t):""},align:{attr:"textAlign"}}};function y(t,r=N){if(!t)return{};const e={};return Object.assign(e,u(t,r.fontAttrs)),typeof r.mapAttrs=="object"&&Object.keys(r.mapAttrs).forEach(i=>{const{attr:g,callback:L}=r.mapAttrs[i];e[g]=typeof L=="function"?L(t[i]):t[i]}),e}function A(t={}){const r={};for(const e in t)r[e]=S(e,t[e]);return r}const B=["opacity","zIndex","fontWeight","lineHeight","letterSpacing","wordSpacing","textAlign","textDecoration","textTransform","fontStyle","textDecorationLine"];function S(t,r){return f(r)||d(r)?"":B.includes(t)?r+" !important":r+"px !important"}const E=c("ALIGN_TO_FLEX_MAP",{left:"flex-start",center:"center",right:"flex-end",justify:"space-between"});function O(t){return E[t]||t}function T(t){return{position:b(t.position),top:o(t.top),left:o(t.left),right:o(t.right),bottom:o(t.bottom),width:o(t.width),height:o(t.height)}}function x(t){return{backgroundColor:b(t.backgroundColor),marginTop:o(t.marginTop),marginRight:o(t.marginRight),marginBottom:o(t.marginBottom),marginLeft:o(t.marginLeft),paddingTop:o(t.paddingTop),paddingRight:o(t.paddingRight),paddingBottom:o(t.paddingBottom),paddingLeft:o(t.paddingLeft)}}function R(t){return{borderLeft:p(t.borderLeft),borderRight:p(t.borderRight),borderBottom:p(t.borderBottom),borderTop:p(t.borderTop),borderTopRightRadius:o(t.borderTopRightRadius),borderTopLeftRadius:o(t.borderTopLeftRadius),borderBottomRightRadius:o(t.borderBottomRightRadius),borderBottomLeftRadius:o(t.borderBottomLeftRadius)}}function C(t,r=[]){const e={...T(t),...x(t),...R(t)};return r.forEach(i=>{delete e[i]}),Object.keys(e).forEach(i=>{const g=e[i];(f(g)||d(g))&&delete e[i]}),e}const W=c("default",{install(){}})})}}));

package/es/index.mjs

@@ -1,5 +1,6 @@
 export { commonStyle, notNeedPxStyle } from './schema/common-config/common-style.mjs';
 export { getCompPos } from './utils/schema/index.mjs';
+export { ALIGN_TO_FLEX_MAP, addImportant, addPxUnit, extractFontStyle, formatBorder, generateBorderStyles, generatePositionStyles, generateSpacingStyles, generateWrapperStyle, makeStyleProp, propsToStyle, pxToVw, transAlign2flex } from './utils/schema-style/index.mjs';
 
 const index = {
   install() {

package/es/interface/designer.d.ts

@@ -1,8 +1,9 @@
 import { pageLayoutModeEnum } from '@gct-paas/core';
-import { LowCodeWidget } from './widget';
 import { LowCodeModal } from './modal';
+import { LowCodeWidget } from './widget';
 export interface PageJson {
     id: string;
+    key?: string;
     keepAlive: boolean;
     /**页面事件 */
     pageEvents: {

package/es/interface/widget/i-schemas.d.ts

@@ -2,6 +2,7 @@ import { CategoryTypeEnum, Platform, FormComponents, DisplayEnums, MaterialEnum,
 import { IBasicStyle } from './i-styles';
 import { ICommonProps, IWidgetProps, IFormItemProps } from './i-props';
 import { IBasicEvents } from './i-events';
+import { PagePlugin } from '../designer';
 /**
  * 单个组件节点描述
  *
@@ -58,8 +59,14 @@ export interface IBasicSchema {
     isReadonlyWidget?: boolean;
     /** 部分组件嵌套在某个父组件内部 */
     parentComponent?: FormComponents;
-    /** 如果是插件，此处是拖入时插件的配置信息 */
-    _plugin?: IObject;
+    /** 拖拽放置容器的无子项提示 */
+    dropPlaceholder?: string;
+    /**
+     * 如果是插件过如，保存插件快照信息
+     *
+     * @type {PagePlugin}
+     */
+    _plugin?: PagePlugin;
 }
 /**
  * 字段类型组件

package/es/interface/widget/i-styles.d.ts

@@ -1,4 +1,4 @@
-import { TextDecoration, TagTypeEnum, ProgressTypeEnum, tableColumnWidthEnum, tagEnum } from '@gct-paas/core';
+import { ProgressTypeEnum, tableColumnWidthEnum, tagEnum, TagTypeEnum, TextDecoration } from '@gct-paas/core';
 /**
  * Font样式
  *
@@ -110,4 +110,5 @@ export interface IBasicStyle {
     tableheight?: number;
     /** 表格高度样式 */
     tableheightConfigure?: tableColumnWidthEnum;
+    enableHeaderBGColor?: boolean;
 }

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export { getCompPos } from './schema';
+export { pxToVw, addPxUnit, addImportant, formatBorder, extractFontStyle, propsToStyle, makeStyleProp, ALIGN_TO_FLEX_MAP, transAlign2flex, generatePositionStyles, generateSpacingStyles, generateBorderStyles, generateWrapperStyle, } from './schema-style';

package/es/utils/schema-style/index.d.ts

@@ -0,0 +1,108 @@
+/**
+ * 样式计算工具类
+ * 提供样式单位转换、属性映射、样式属性处理等公共方法
+ */
+/**
+ * 将像素值转换为对应单位
+ * 在移动环境下转换为 vw，其他环境保持 px
+ *
+ * @param pxValue - 像素值
+ * @returns 转换后的单位值字符串
+ */
+export declare function pxToVw(pxValue: number): string;
+/**
+ * 添加 px 单位到样式值
+ *
+ * @param value - 样式值
+ * @returns 带 px 单位和 !important 的样式字符串
+ */
+export declare function addPxUnit(value?: string): string;
+/**
+ * 添加 !important 标志到样式值（不添加单位）
+ *
+ * @param value - 样式值
+ * @returns 带 !important 的样式字符串
+ */
+export declare function addImportant(value?: string): string;
+/**
+ * 格式化边框样式对象
+ *
+ * @param border - 边框配置对象，包含 borderWidth、borderStyle、borderColor
+ * @returns 格式化后的边框样式字符串
+ */
+export declare function formatBorder(border?: IObject): string;
+/**
+ * 字体样式处理配置
+ */
+interface IFontConfig {
+    fontAttrs: string[];
+    mapAttrs: Record<string, {
+        attr: string;
+        callback?: (value: any) => any;
+    }>;
+}
+/**
+ * 从字体配置对象中提取并转换字体样式
+ *
+ * @param font - 字体配置对象
+ * @param config - 字体样式处理配置（可选，使用默认配置）
+ * @returns 转换后的样式对象
+ */
+export declare function extractFontStyle(font: IObject, config?: IFontConfig): IObject;
+/**
+ * 将样式属性对象转换为 CSS 样式字符串格式
+ *
+ * @param styleProps - 样式属性对象
+ * @returns 转换后的样式对象（含单位和 !important）
+ */
+export declare function propsToStyle(styleProps?: IObject): IObject;
+/**
+ * 将单个样式属性值转换为带单位的 CSS 字符串
+ *
+ * @param prop - 属性名
+ * @param value - 属性值
+ * @returns 转换后的样式值字符串
+ */
+export declare function makeStyleProp(prop: string, value: string): string;
+/**
+ * 对齐方式到 Flex 对齐值的映射
+ */
+export declare const ALIGN_TO_FLEX_MAP: Record<string, string>;
+/**
+ * 将对齐属性值转换为 Flex 对齐值
+ *
+ * @param align - 对齐方式（left、center、right、justify）
+ * @returns 对应的 Flex 对齐值
+ */
+export declare function transAlign2flex(align: string): string;
+/**
+ * 生成位置和尺寸样式对象
+ *
+ * @param style - 样式配置对象
+ * @returns 位置和尺寸样式对象
+ */
+export declare function generatePositionStyles(style: IObject): IObject;
+/**
+ * 生成背景和间距样式对象
+ *
+ * @param style - 样式配置对象
+ * @returns 背景和间距样式对象
+ */
+export declare function generateSpacingStyles(style: IObject): IObject;
+/**
+ * 生成边框样式对象
+ *
+ * @param style - 样式配置对象
+ * @returns 边框样式对象
+ */
+export declare function generateBorderStyles(style: IObject): IObject;
+/**
+ * 生成完整的包装样式对象
+ * 合并位置、间距、边框等所有样式
+ *
+ * @param style - 样式配置对象
+ * @param ignoringStyle - 需要忽略的样式属性数组
+ * @returns 合并后的完整样式对象
+ */
+export declare function generateWrapperStyle(style: IObject, ignoringStyle?: string[]): IObject;
+export {};

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

@@ -0,0 +1,155 @@
+import { isEmpty, pick, isNil } from 'lodash-es';
+
+function pxToVw(pxValue) {
+  return pxValue + "px";
+}
+function addPxUnit(value) {
+  return isEmpty(value) ? "" : `${value}px !important`;
+}
+function addImportant(value) {
+  return isEmpty(value) ? "" : `${value} !important`;
+}
+function formatBorder(border) {
+  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"
+    }
+  }
+};
+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;
+}
+function propsToStyle(styleProps = {}) {
+  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"
+];
+function makeStyleProp(prop, value) {
+  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"
+};
+function transAlign2flex(align) {
+  return ALIGN_TO_FLEX_MAP[align] || align;
+}
+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)
+  };
+}
+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)
+  };
+}
+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)
+  };
+}
+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;
+}
+
+export { ALIGN_TO_FLEX_MAP, addImportant, addPxUnit, extractFontStyle, formatBorder, generateBorderStyles, generatePositionStyles, generateSpacingStyles, generateWrapperStyle, makeStyleProp, propsToStyle, pxToVw, transAlign2flex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/schema",
-  "version": "0.1.4-dev.7",
+  "version": "0.1.4-dev.8",
   "type": "module",
   "description": "paas 平台 schema 架构包",
   "main": "dist/index.min.cjs",
@@ -51,12 +51,13 @@
     "gen-api:platform": "gct-paas gen-api --url=http://paas.paasdev.gct-paas.com --tag=platform -t ../cli/hbs-temp -o ./src/service/gct-platform && prettier './src/service/gct-platform' --write"
   },
   "dependencies": {
-    "@gct-paas/api": "0.1.0-dev.6",
-    "@gct-paas/core": "workspace:*",
+    "@gct-paas/api": "0.1.0-dev.8",
+    "@gct-paas/core": "0.1.4-dev.8",
     "vue": "^3.5.28"
   },
   "devDependencies": {
     "@gct-paas/build": "^0.1.5-dev.6",
     "vitest": "^4.0.18"
-  }
+  },
+  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
 }