@gct-paas/design 0.0.1-dev.6 → 0.0.1-dev.8

package/dist/index.min.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){console.log("Hello World!")}exports.run=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),t=require("@gct-paas/core"),r=require("lodash-es"),A={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:t.TextDecoration.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:t.TextDecoration.NONE,color:""},tagStyle:{color:"",tagType:t.TagTypeEnum.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:t.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:t.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:t.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:t.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:t.BorderStyle.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"},B=["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"];function F(o){return o+"px"}const p={fontAttrs:["fontWeight","fontSize","color","textDecorationLine","textAlign"],mapAttrs:{bold:{attr:"fontWeight",callback:o=>o?700:400},italic:{attr:"fontStyle",callback:o=>o?"italic":"normal"},textDecoration:{attr:"textDecorationLine"},fontSize:{attr:"fontSize",callback:o=>o?F(o):""},align:{attr:"textAlign"}},font(o){if(!o)return{};const e={};return Object.assign(e,r.pick(o,p.fontAttrs)),typeof p.mapAttrs=="object"&&Object.keys(p.mapAttrs).forEach(n=>{const{attr:s,callback:a}=p.mapAttrs[n];e[s]=typeof a=="function"?a(o[n]):o[n]}),e}};function O(o){const{style:e={},ignoringStyle:n=[]}=o||{},s=l.computed(()=>_(e)),a=l.computed(()=>{var c,m,b,g,y,f,E,h,T,D,S,x;const u={position:r.isEmpty(e.position)?"":e.position+" !important",top:r.isEmpty(e.top)?"":e.top+"px !important",left:r.isEmpty(e.left)?"":e.left+"px !important",right:r.isEmpty(e.right)?"":e.right+"px !important",bottom:r.isEmpty(e.bottom)?"":e.bottom+"px !important",width:r.isEmpty(e.width)?"":e.width+"px !important",height:r.isEmpty(e.height)?"":e.height+"px !important",backgroundColor:r.isEmpty(e.backgroundColor)?"":e.backgroundColor+" !important",marginTop:r.isEmpty(e.marginTop)?"":e.marginTop+"px !important",marginRight:r.isEmpty(e.marginRight)?"":e.marginRight+"px !important",marginBottom:r.isEmpty(e.marginBottom)?"":e.marginBottom+"px !important",marginLeft:r.isEmpty(e.marginLeft)?"":e.marginLeft+"px !important",paddingTop:r.isEmpty(e.paddingTop)?"":e.paddingTop+"px !important",paddingRight:r.isEmpty(e.paddingRight)?"":e.paddingRight+"px !important",paddingBottom:r.isEmpty(e.paddingBottom)?"":e.paddingBottom+"px !important",paddingLeft:r.isEmpty(e.paddingLeft)?"":e.paddingLeft+"px !important",borderLeft:`${(c=e.borderLeft)==null?void 0:c.borderWidth}px ${(m=e.borderLeft)==null?void 0:m.borderStyle} ${(b=e.borderLeft)==null?void 0:b.borderColor} !important`,borderRight:`${(g=e.borderRight)==null?void 0:g.borderWidth}px ${(y=e.borderRight)==null?void 0:y.borderStyle} ${(f=e.borderRight)==null?void 0:f.borderColor} !important`,borderBottom:`${(E=e.borderBottom)==null?void 0:E.borderWidth}px ${(h=e.borderBottom)==null?void 0:h.borderStyle} ${(T=e.borderBottom)==null?void 0:T.borderColor} !important`,borderTop:`${(D=e.borderTop)==null?void 0:D.borderWidth}px ${(S=e.borderTop)==null?void 0:S.borderStyle} ${(x=e.borderTop)==null?void 0:x.borderColor} !important`,borderTopRightRadius:r.isEmpty(e.borderTopRightRadius)?"":e.borderTopRightRadius+"px !important",borderTopLeftRadius:r.isEmpty(e.borderTopLeftRadius)?"":e.borderTopLeftRadius+"px !important",borderBottomRightRadius:r.isEmpty(e.borderBottomRightRadius)?"":e.borderBottomRightRadius+"px !important",borderBottomLeftRadius:r.isEmpty(e.borderBottomLeftRadius)?"":e.borderBottomLeftRadius+"px !important"};return n.forEach(I=>{u[I]=void 0}),u}),L=l.computed(()=>p.font(e.labelFont)),P=l.computed(()=>p.font(e.contentFont));return{wrapperStyle:a,wStyle:s,labelFont:L,contentFont:P}}function _(o={}){const e={};for(const n in o)e[n]=G(n,o[n]);return e}function G(o,e){return r.isNil(e)||r.isEmpty(e)?"":B.includes(o)?e+" !important":e+"px !important"}const R=[t.FIELD_TYPE.REF,t.FIELD_TYPE.USER,t.FIELD_TYPE.ORG,t.FIELD_TYPE.RDO_REF,t.FIELD_TYPE.ATTACHMENT],M=({groupName:o})=>[{component:"switch-editor",name:"enableAutofill",label:"sys.pageDesigner.autofill",group:o,hidden:e=>e.props.bindFieldKey||e.props.fieldReadonly?!0:!R.includes(e.props.fieldType)||e.props.multiple},{component:"autofill-editor",name:"autofillRules",label:"",group:o,hidden:e=>e.props.bindFieldKey||e.props.fieldReadonly?!0:!R.includes(e.props.fieldType)||e.props.enableAutofill===!1||e.props.multiple}];function i(o){return Object.prototype.hasOwnProperty.call(o.props,"model")?!o.props.model:Object.prototype.hasOwnProperty.call(o.props,"refForm")?!o.props.refForm:!1}const d={hidden:!1,componentDependency:{sortDependency:[],configDependency:{[t.Dependency_ENUM.HIDDEN]:{expression:""},[t.Dependency_ENUM.READONLY]:{expression:""},[t.Dependency_ENUM.DISABLED]:{expression:""},[t.Dependency_ENUM.REQUIRED]:{expression:""},[t.Dependency_ENUM.ASSIGNMENT]:{expression:"",strategy:t.ASSIGNMENTSTRATEGY_ENUM.alwaysCover}}}},C=[{component:"dependency-editor",name:"componentDependency",label:"",group:t.PropGroup.COMPONENTDEPENDENCY,hidden:o=>o.materialType===t.MaterialEnum.MaterialEmbedTableField||o.type===t.FormComponents.Form&&o.preLocation?!0:i(o)},{component:"switch-editor",name:"notSubmitInHide",label:"sys.pageDesigner.submitWhenHidden",group:t.PropGroup.FIELD_CONFIG,hidden(o){return!o.isField||!o.props.field||!!o.props.bindFieldKey||!!o.props.fieldReadonly||o.materialType===t.MaterialEnum.cardListFormField||[t.FIELD_TYPE.EXPRESSION_CONDITION,t.FIELD_TYPE.SERIALRULE,t.FIELD_TYPE.LABEL_TEMPLATE].includes(o.props.fieldType)}}],U={disabled:!1,icon:"icon-park:all-application",iconColor:"",title:"${sys.pageDesigner.button}",buttonStyle:t.ButtonStyle.ORDINARY,confirm:!1,confirmText:"",hasIcon:!1,hasText:!0,type:t.ButtonType.PRIMARY,danger:!1,size:t.ButtonSize.DEFAULT,enableCustomColor:!1,backgroundColor:"",fontColor:"",...d},k=[{component:"text-editor",name:"title",label:"sys.pageDesigner.buttonName",group:t.PropGroup.BASIC,_config:{i18n:!0,showCount:!0,maxlength:32},changeCallback:(o,e)=>{o.alias=e}},{component:"button-type-editor",name:{type:"type",danger:"danger",icon:"icon",label:"label",hasText:"hasText",hasIcon:"hasIcon"},label:"sys.pageDesigner.buttonType",group:t.PropGroup.BUTTON},{component:"icon-editor",name:{icon:"icon",iconColor:"iconColor"},label:"sys.pageDesigner.buttonIcon",group:t.PropGroup.BUTTON,hidden:o=>!o.props.hasIcon},{component:"radio-bgc-editor",name:"size",label:"sys.pageDesigner.buttonSize",group:t.PropGroup.BUTTON,_config:{options:Object.values(t.ButtonSize).map(o=>({value:o,label:"sys.pageDesigner."+o}))}}],W={disabled:!1,buttonTheme:t.ButtonColorTheme.DEFAULT,buttonType:t.ButtonColorType.DEFAULT,icon:"",iconColor:"",buttonStyle:t.ButtonStyle.ORDINARY,enableCustomColor:!1,backgroundColor:"",fontColor:""},Y=[{component:"button-type-editor",name:{type:"type",danger:"danger",icon:"icon",label:"label",hasText:"hasText",hasIcon:"hasIcon"},label:"sys.pageDesigner.buttonType",group:t.PropGroup.ButtonStyle,hidden:o=>i(o)},{component:"icon-editor",name:{icon:"icon",iconColor:"iconColor"},label:"sys.pageDesigner.buttonIcon",group:t.PropGroup.ButtonStyle,hidden:o=>!o.props.hasIcon||i(o),_config:{clearable:!1}},{component:"switch-editor",name:"enableCustomColor",label:"sys.pageDesigner.customBtnColor",group:t.PropGroup.ButtonStyle,hidden:o=>i(o)},{component:"button-color-editor",name:"fontColor",label:"sys.pageDesigner.buttonNameColor",group:t.PropGroup.ButtonStyle,_config:{isInRow:!0},hidden:o=>!o.props.enableCustomColor},{component:"button-color-editor",name:"backgroundColor",label:"sys.pageDesigner.buttonStyleColor",group:t.PropGroup.ButtonStyle,_config:{isInRow:!0},hidden:o=>!o.props.enableCustomColor||o.props.type==="link"},{component:"radio-bgc-editor",name:"size",label:"sys.pageDesigner.buttonSize",group:t.PropGroup.ButtonStyle,hidden:o=>!!o,_config:{options:Object.values(t.ButtonSize).map(o=>({value:o,label:"sys.pageDesigner."+o}))}},{component:"switch-editor",name:"confirm",label:"sys.pageDesigner.confirm",group:t.PropGroup.ButtonStyle,hidden:o=>i(o),_config:{tooltip:"sys.pageDesigner.buttonConfirm"}},{component:"texteare-editor",name:"confirmText",label:"sys.pageDesigner.regHint",group:t.PropGroup.ButtonStyle,_config:{i18n:!0,placeholder:"sys.pageDesigner.confirmTodo"},hidden:o=>!o.props.confirm||i(o)}],z=[{component:"position-editor",name:"position",label:"sys.pageDesigner.position",group:t.StyleGroup.LAYOUT,hidden:o=>!!o.props.parentWidgetId||!!o.preLocation},{component:"margin-editor",group:t.StyleGroup.MARGIN,hidden:o=>!!o.props.parentWidgetId||!!o.preLocation,_config:{hiddenMarginOrPadding:"padding"}}],$=[{component:"radio-icon-editor",name:"fixedAlign",label:"sys.pageDesigner.columnFixed",group:t.PropGroup.SHOW,_config:{options:[{label:"sys.pageDesigner.left",value:t.fixedAlignENUM.LEFT},{label:"sys.pageDesigner.none",value:t.fixedAlignENUM.NONE},{label:"sys.pageDesigner.right",value:t.fixedAlignENUM.RIGHT}]}}],v={field:"",fieldId:"",label:"",modelKey:"",fieldType:void 0,bindModelKey:void 0,disabled:!1,explain:"",showExplain:!1,displayLabelText:!0,readonly:!1,fieldReadonly:!1,notSubmitInHide:!0,...d},H=[{component:"switch-editor",name:"showExplain",label:"sys.pageDesigner.explain",group:t.PropGroup.BASIC,hidden:o=>o.platform===t.Platform.MOBILE},{component:"texteare-editor",name:"explain",label:"",group:t.PropGroup.BASIC,hidden:o=>!o.props.showExplain,_config:{i18n:!0}},{component:"switch-editor",name:"displayLabelText",label:"sys.pageDesigner.displayLabelText",group:t.PropGroup.ADVANCED},{component:"switch-editor",name:"disabled",label:"sys.pageDesigner.disabled",group:t.PropGroup.ADVANCED},{component:"switch-editor",name:"readonly",label:"sys.pageDesigner.readonly",group:t.PropGroup.ADVANCED},...C],j=[{component:"permission-editor",label:"",group:t.PropGroup.PERMISSION,hidden:o=>i(o)}];function N(){if(!window.gct_paas){console.error("未找到 gct_paas 对象，请先安装 @gct-paas/core 包后再安装 @gct-paas/design 包！");return}}exports.baseBtnEditor=k;exports.baseBtnProp=U;exports.buttonEditor=Y;exports.buttonProps=W;exports.buttonStyleEditor=z;exports.default=N;exports.displayEditor=C;exports.displayProps=d;exports.fixedAlignEditor=$;exports.formItemDisplayEditor=H;exports.formItemProps=v;exports.getAutofillEditor=M;exports.hiddenButtonProps=i;exports.install=N;exports.notNeedPxStyle=B;exports.permissionEditor=j;exports.style=A;exports.useStyle=O;

package/dist/index.system.min.js

@@ -1 +1 @@
-System.register([],function(e,o){"use strict";return{execute:function(){e("run",n);function n(){console.log("Hello World!")}}}});
+System.register(["vue","@gct-paas/core","lodash-es"],function(i,eo){"use strict";var b,s,S,f,a,d,D,r,y,R,u,C,h,B,x,T,g,N,n,A,I;return{setters:[t=>{b=t.computed},t=>{s=t.BorderStyle,S=t.TagTypeEnum,f=t.TextDecoration,a=t.FIELD_TYPE,d=t.Dependency_ENUM,D=t.ASSIGNMENTSTRATEGY_ENUM,r=t.PropGroup,y=t.MaterialEnum,R=t.FormComponents,u=t.ButtonSize,C=t.ButtonType,h=t.ButtonStyle,B=t.ButtonColorType,x=t.ButtonColorTheme,T=t.StyleGroup,g=t.fixedAlignENUM,N=t.Platform},t=>{n=t.isEmpty,A=t.pick,I=t.isNil}],execute:function(){i({default:O,hiddenButtonProps:l,install:O,useStyle:V});const t=i("style",{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:f.NONE,color:""},contentFont:{align:"left",fontSize:"",bold:!1,italic:!1,textDecoration:f.NONE,color:""},tagStyle:{color:"",tagType:S.RADIUS},tagStyleOpen:!1,borderAll:{borderStyle:s.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderLeft:{borderStyle:s.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderRight:{borderStyle:s.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderBottom:{borderStyle:s.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTop:{borderStyle:s.NONE,borderColor:"#F0F0F0",borderWidth:"1"},borderTopRightRadius:"0",borderTopLeftRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",borderAllRadius:"0"}),K=i("notNeedPxStyle",["position","backgroundColor","bold","italic","textDecoration","color","borderStyle","borderColor"]);function w(o){return o+"px"}const c={fontAttrs:["fontWeight","fontSize","color","textDecorationLine","textAlign"],mapAttrs:{bold:{attr:"fontWeight",callback:o=>o?700:400},italic:{attr:"fontStyle",callback:o=>o?"italic":"normal"},textDecoration:{attr:"textDecorationLine"},fontSize:{attr:"fontSize",callback:o=>o?w(o):""},align:{attr:"textAlign"}},font(o){if(!o)return{};const e={};return Object.assign(e,A(o,c.fontAttrs)),typeof c.mapAttrs=="object"&&Object.keys(c.mapAttrs).forEach(p=>{const{attr:E,callback:m}=c.mapAttrs[p];e[E]=typeof m=="function"?m(o[p]):o[p]}),e}};function V(o){const{style:e={},ignoringStyle:p=[]}=o||{},E=b(()=>Q(e)),m=b(()=>{var _,M,k,U,W,G,$,z,Y,v,H,j;const P={position:n(e.position)?"":e.position+" !important",top:n(e.top)?"":e.top+"px !important",left:n(e.left)?"":e.left+"px !important",right:n(e.right)?"":e.right+"px !important",bottom:n(e.bottom)?"":e.bottom+"px !important",width:n(e.width)?"":e.width+"px !important",height:n(e.height)?"":e.height+"px !important",backgroundColor:n(e.backgroundColor)?"":e.backgroundColor+" !important",marginTop:n(e.marginTop)?"":e.marginTop+"px !important",marginRight:n(e.marginRight)?"":e.marginRight+"px !important",marginBottom:n(e.marginBottom)?"":e.marginBottom+"px !important",marginLeft:n(e.marginLeft)?"":e.marginLeft+"px !important",paddingTop:n(e.paddingTop)?"":e.paddingTop+"px !important",paddingRight:n(e.paddingRight)?"":e.paddingRight+"px !important",paddingBottom:n(e.paddingBottom)?"":e.paddingBottom+"px !important",paddingLeft:n(e.paddingLeft)?"":e.paddingLeft+"px !important",borderLeft:`${(_=e.borderLeft)==null?void 0:_.borderWidth}px ${(M=e.borderLeft)==null?void 0:M.borderStyle} ${(k=e.borderLeft)==null?void 0:k.borderColor} !important`,borderRight:`${(U=e.borderRight)==null?void 0:U.borderWidth}px ${(W=e.borderRight)==null?void 0:W.borderStyle} ${(G=e.borderRight)==null?void 0:G.borderColor} !important`,borderBottom:`${($=e.borderBottom)==null?void 0:$.borderWidth}px ${(z=e.borderBottom)==null?void 0:z.borderStyle} ${(Y=e.borderBottom)==null?void 0:Y.borderColor} !important`,borderTop:`${(v=e.borderTop)==null?void 0:v.borderWidth}px ${(H=e.borderTop)==null?void 0:H.borderStyle} ${(j=e.borderTop)==null?void 0:j.borderColor} !important`,borderTopRightRadius:n(e.borderTopRightRadius)?"":e.borderTopRightRadius+"px !important",borderTopLeftRadius:n(e.borderTopLeftRadius)?"":e.borderTopLeftRadius+"px !important",borderBottomRightRadius:n(e.borderBottomRightRadius)?"":e.borderBottomRightRadius+"px !important",borderBottomLeftRadius:n(e.borderBottomLeftRadius)?"":e.borderBottomLeftRadius+"px !important"};return p.forEach(oo=>{P[oo]=void 0}),P}),J=b(()=>c.font(e.labelFont)),Z=b(()=>c.font(e.contentFont));return{wrapperStyle:m,wStyle:E,labelFont:J,contentFont:Z}}function Q(o={}){const e={};for(const p in o)e[p]=X(p,o[p]);return e}function X(o,e){return I(e)||n(e)?"":K.includes(o)?e+" !important":e+"px !important"}const L=[a.REF,a.USER,a.ORG,a.RDO_REF,a.ATTACHMENT],to=i("getAutofillEditor",({groupName:o})=>[{component:"switch-editor",name:"enableAutofill",label:"sys.pageDesigner.autofill",group:o,hidden:e=>e.props.bindFieldKey||e.props.fieldReadonly?!0:!L.includes(e.props.fieldType)||e.props.multiple},{component:"autofill-editor",name:"autofillRules",label:"",group:o,hidden:e=>e.props.bindFieldKey||e.props.fieldReadonly?!0:!L.includes(e.props.fieldType)||e.props.enableAutofill===!1||e.props.multiple}]);function l(o){return Object.prototype.hasOwnProperty.call(o.props,"model")?!o.props.model:Object.prototype.hasOwnProperty.call(o.props,"refForm")?!o.props.refForm:!1}const F=i("displayProps",{hidden:!1,componentDependency:{sortDependency:[],configDependency:{[d.HIDDEN]:{expression:""},[d.READONLY]:{expression:""},[d.DISABLED]:{expression:""},[d.REQUIRED]:{expression:""},[d.ASSIGNMENT]:{expression:"",strategy:D.alwaysCover}}}}),q=i("displayEditor",[{component:"dependency-editor",name:"componentDependency",label:"",group:r.COMPONENTDEPENDENCY,hidden:o=>o.materialType===y.MaterialEmbedTableField||o.type===R.Form&&o.preLocation?!0:l(o)},{component:"switch-editor",name:"notSubmitInHide",label:"sys.pageDesigner.submitWhenHidden",group:r.FIELD_CONFIG,hidden(o){return!o.isField||!o.props.field||!!o.props.bindFieldKey||!!o.props.fieldReadonly||o.materialType===y.cardListFormField||[a.EXPRESSION_CONDITION,a.SERIALRULE,a.LABEL_TEMPLATE].includes(o.props.fieldType)}}]),ro=i("baseBtnProp",{disabled:!1,icon:"icon-park:all-application",iconColor:"",title:"${sys.pageDesigner.button}",buttonStyle:h.ORDINARY,confirm:!1,confirmText:"",hasIcon:!1,hasText:!0,type:C.PRIMARY,danger:!1,size:u.DEFAULT,enableCustomColor:!1,backgroundColor:"",fontColor:"",...F}),no=i("baseBtnEditor",[{component:"text-editor",name:"title",label:"sys.pageDesigner.buttonName",group:r.BASIC,_config:{i18n:!0,showCount:!0,maxlength:32},changeCallback:(o,e)=>{o.alias=e}},{component:"button-type-editor",name:{type:"type",danger:"danger",icon:"icon",label:"label",hasText:"hasText",hasIcon:"hasIcon"},label:"sys.pageDesigner.buttonType",group:r.BUTTON},{component:"icon-editor",name:{icon:"icon",iconColor:"iconColor"},label:"sys.pageDesigner.buttonIcon",group:r.BUTTON,hidden:o=>!o.props.hasIcon},{component:"radio-bgc-editor",name:"size",label:"sys.pageDesigner.buttonSize",group:r.BUTTON,_config:{options:Object.values(u).map(o=>({value:o,label:"sys.pageDesigner."+o}))}}]),io=i("buttonProps",{disabled:!1,buttonTheme:x.DEFAULT,buttonType:B.DEFAULT,icon:"",iconColor:"",buttonStyle:h.ORDINARY,enableCustomColor:!1,backgroundColor:"",fontColor:""}),ao=i("buttonEditor",[{component:"button-type-editor",name:{type:"type",danger:"danger",icon:"icon",label:"label",hasText:"hasText",hasIcon:"hasIcon"},label:"sys.pageDesigner.buttonType",group:r.ButtonStyle,hidden:o=>l(o)},{component:"icon-editor",name:{icon:"icon",iconColor:"iconColor"},label:"sys.pageDesigner.buttonIcon",group:r.ButtonStyle,hidden:o=>!o.props.hasIcon||l(o),_config:{clearable:!1}},{component:"switch-editor",name:"enableCustomColor",label:"sys.pageDesigner.customBtnColor",group:r.ButtonStyle,hidden:o=>l(o)},{component:"button-color-editor",name:"fontColor",label:"sys.pageDesigner.buttonNameColor",group:r.ButtonStyle,_config:{isInRow:!0},hidden:o=>!o.props.enableCustomColor},{component:"button-color-editor",name:"backgroundColor",label:"sys.pageDesigner.buttonStyleColor",group:r.ButtonStyle,_config:{isInRow:!0},hidden:o=>!o.props.enableCustomColor||o.props.type==="link"},{component:"radio-bgc-editor",name:"size",label:"sys.pageDesigner.buttonSize",group:r.ButtonStyle,hidden:o=>!!o,_config:{options:Object.values(u).map(o=>({value:o,label:"sys.pageDesigner."+o}))}},{component:"switch-editor",name:"confirm",label:"sys.pageDesigner.confirm",group:r.ButtonStyle,hidden:o=>l(o),_config:{tooltip:"sys.pageDesigner.buttonConfirm"}},{component:"texteare-editor",name:"confirmText",label:"sys.pageDesigner.regHint",group:r.ButtonStyle,_config:{i18n:!0,placeholder:"sys.pageDesigner.confirmTodo"},hidden:o=>!o.props.confirm||l(o)}]),po=i("buttonStyleEditor",[{component:"position-editor",name:"position",label:"sys.pageDesigner.position",group:T.LAYOUT,hidden:o=>!!o.props.parentWidgetId||!!o.preLocation},{component:"margin-editor",group:T.MARGIN,hidden:o=>!!o.props.parentWidgetId||!!o.preLocation,_config:{hiddenMarginOrPadding:"padding"}}]),lo=i("fixedAlignEditor",[{component:"radio-icon-editor",name:"fixedAlign",label:"sys.pageDesigner.columnFixed",group:r.SHOW,_config:{options:[{label:"sys.pageDesigner.left",value:g.LEFT},{label:"sys.pageDesigner.none",value:g.NONE},{label:"sys.pageDesigner.right",value:g.RIGHT}]}}]),so=i("formItemProps",{field:"",fieldId:"",label:"",modelKey:"",fieldType:void 0,bindModelKey:void 0,disabled:!1,explain:"",showExplain:!1,displayLabelText:!0,readonly:!1,fieldReadonly:!1,notSubmitInHide:!0,...F}),co=i("formItemDisplayEditor",[{component:"switch-editor",name:"showExplain",label:"sys.pageDesigner.explain",group:r.BASIC,hidden:o=>o.platform===N.MOBILE},{component:"texteare-editor",name:"explain",label:"",group:r.BASIC,hidden:o=>!o.props.showExplain,_config:{i18n:!0}},{component:"switch-editor",name:"displayLabelText",label:"sys.pageDesigner.displayLabelText",group:r.ADVANCED},{component:"switch-editor",name:"disabled",label:"sys.pageDesigner.disabled",group:r.ADVANCED},{component:"switch-editor",name:"readonly",label:"sys.pageDesigner.readonly",group:r.ADVANCED},...q]),bo=i("permissionEditor",[{component:"permission-editor",label:"",group:r.PERMISSION,hidden:o=>l(o)}]);function O(){if(!window.gct_paas){console.error("未找到 gct_paas 对象，请先安装 @gct-paas/core 包后再安装 @gct-paas/design 包！");return}}}}});

package/es/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useStyle } from './useStyle';

package/es/hooks/index.mjs

@@ -0,0 +1,3 @@
+export { useStyle } from './useStyle.mjs';
+
+"use strict";

package/es/hooks/useStyle.d.ts

@@ -0,0 +1,15 @@
+import { LowCodeWidget } from '@gct-paas/core';
+export declare function useStyle(widget: LowCodeWidget.BasicSchema): {
+    wrapperStyle: import('vue').ComputedRef<any>;
+    wStyle: import('vue').ComputedRef<any>;
+    labelFont: import('vue').ComputedRef<any>;
+    contentFont: import('vue').ComputedRef<any>;
+};
+export declare const schemaToStyle: (schema: any) => any;
+export declare function propsToStyle(styleProps?: any): any;
+export declare const transAlign2flex: {
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+};

package/es/hooks/useStyle.mjs

@@ -0,0 +1,135 @@
+import { computed } from 'vue';
+import { notNeedPxStyle } from '../schema/common-config/common-style.mjs';
+import { pick, isEmpty, isNil } from 'lodash-es';
+
+"use strict";
+function pxToVw(pxValue) {
+  if (import.meta.env.VITE_APP_ENV === "mobile") {
+    return pxValue / 375 * 100 + "vw";
+  } else {
+    return pxValue + "px";
+  }
+}
+const cmpStyle = {
+  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"
+    }
+  },
+  // 获取font样式，
+  font(font) {
+    if (!font) return {};
+    const o = {};
+    Object.assign(o, pick(font, cmpStyle.fontAttrs));
+    if (typeof cmpStyle.mapAttrs === "object") {
+      Object.keys(cmpStyle.mapAttrs).forEach((k) => {
+        const { attr, callback } = cmpStyle.mapAttrs[k];
+        o[attr] = typeof callback === "function" ? callback(font[k]) : font[k];
+      });
+    }
+    return o;
+  }
+};
+function useStyle(widget) {
+  const { style = {}, ignoringStyle = [] } = widget || {};
+  const wStyle = computed(() => {
+    return propsToStyle(style);
+  });
+  const wrapperStyle = computed(() => {
+    const styleData = {
+      position: isEmpty(style.position) ? "" : style.position + " !important",
+      top: isEmpty(style.top) ? "" : style.top + "px !important",
+      left: isEmpty(style.left) ? "" : style.left + "px !important",
+      right: isEmpty(style.right) ? "" : style.right + "px !important",
+      bottom: isEmpty(style.bottom) ? "" : style.bottom + "px !important",
+      width: isEmpty(style.width) ? "" : style.width + "px !important",
+      height: isEmpty(style.height) ? "" : style.height + "px !important",
+      backgroundColor: isEmpty(style.backgroundColor) ? "" : style.backgroundColor + " !important",
+      marginTop: isEmpty(style.marginTop) ? "" : style.marginTop + "px !important",
+      marginRight: isEmpty(style.marginRight) ? "" : style.marginRight + "px !important",
+      marginBottom: isEmpty(style.marginBottom) ? "" : style.marginBottom + "px !important",
+      marginLeft: isEmpty(style.marginLeft) ? "" : style.marginLeft + "px !important",
+      paddingTop: isEmpty(style.paddingTop) ? "" : style.paddingTop + "px !important",
+      paddingRight: isEmpty(style.paddingRight) ? "" : style.paddingRight + "px !important",
+      paddingBottom: isEmpty(style.paddingBottom) ? "" : style.paddingBottom + "px !important",
+      paddingLeft: isEmpty(style.paddingLeft) ? "" : style.paddingLeft + "px !important",
+      borderLeft: `${style.borderLeft?.borderWidth}px ${style.borderLeft?.borderStyle} ${style.borderLeft?.borderColor} !important`,
+      borderRight: `${style.borderRight?.borderWidth}px ${style.borderRight?.borderStyle} ${style.borderRight?.borderColor} !important`,
+      borderBottom: `${style.borderBottom?.borderWidth}px ${style.borderBottom?.borderStyle} ${style.borderBottom?.borderColor} !important`,
+      borderTop: `${style.borderTop?.borderWidth}px ${style.borderTop?.borderStyle} ${style.borderTop?.borderColor} !important`,
+      borderTopRightRadius: isEmpty(style.borderTopRightRadius) ? "" : style.borderTopRightRadius + "px !important",
+      borderTopLeftRadius: isEmpty(style.borderTopLeftRadius) ? "" : style.borderTopLeftRadius + "px !important",
+      borderBottomRightRadius: isEmpty(style.borderBottomRightRadius) ? "" : style.borderBottomRightRadius + "px !important",
+      borderBottomLeftRadius: isEmpty(style.borderBottomLeftRadius) ? "" : style.borderBottomLeftRadius + "px !important"
+    };
+    ignoringStyle.forEach((key) => {
+      styleData[key] = void 0;
+    });
+    return styleData;
+  });
+  const labelFont = computed(() => {
+    return cmpStyle.font(style.labelFont);
+  });
+  const contentFont = computed(() => {
+    return cmpStyle.font(style.contentFont);
+  });
+  return {
+    wrapperStyle,
+    wStyle,
+    labelFont,
+    contentFont
+  };
+}
+const schemaToStyle = (schema) => cmpStyle.font(schema);
+function propsToStyle(styleProps = {}) {
+  const wStyle = {};
+  for (const prop in styleProps) {
+    wStyle[prop] = makeStyleProp(prop, styleProps[prop]);
+  }
+  return wStyle;
+}
+function makeStyleProp(prop, value) {
+  if (isNil(value) || isEmpty(value)) {
+    return "";
+  }
+  if (notNeedPxStyle.includes(prop)) {
+    return value + " !important";
+  }
+  return value + "px !important";
+}
+const transAlign2flex = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end",
+  justify: "space-between"
+};
+
+export { propsToStyle, schemaToStyle, transAlign2flex, useStyle };

package/es/index.d.ts

@@ -1 +1,5 @@
-export declare function run(): void;
+export * from './hooks';
+export * from './interface';
+export * from './schema';
+export declare function install(): void;
+export default install;

package/es/index.mjs

@@ -1,6 +1,25 @@
+import './hooks/index.mjs';
+import './interface/index.mjs';
+import './schema/index.mjs';
+export { useStyle } from './hooks/useStyle.mjs';
+export { getAutofillEditor } from './schema/common-config/autofill-editor-config.mjs';
+export { baseBtnEditor, baseBtnProp } from './schema/common-config/base-button-config.mjs';
+export { buttonEditor, buttonProps, buttonStyleEditor } from './schema/common-config/button-editor-config.mjs';
+export { hiddenButtonProps } from './schema/common-config/button-props-func.mjs';
+export { fixedAlignEditor } from './schema/common-config/column-editor-config.mjs';
+export { notNeedPxStyle, style } from './schema/common-config/common-style.mjs';
+export { displayEditor, displayProps } from './schema/common-config/display-editor-config.mjs';
+export { formItemDisplayEditor, formItemProps } from './schema/common-config/formItem-editor-config.mjs';
+export { permissionEditor } from './schema/common-config/permission-editor-config.mjs';
+
 "use strict";
-function run() {
-  console.log("Hello World!");
+function install() {
+  if (!window.gct_paas) {
+    console.error(
+      "\u672A\u627E\u5230 gct_paas \u5BF9\u8C61\uFF0C\u8BF7\u5148\u5B89\u88C5 @gct-paas/core \u5305\u540E\u518D\u5B89\u88C5 @gct-paas/design \u5305\uFF01"
+    );
+    return;
+  }
 }
 
-export { run };
+export { install as default, install };

package/es/interface/index.d.ts

@@ -0,0 +1 @@
+export * from './props';

package/es/interface/index.mjs

@@ -0,0 +1,3 @@
+import './props/index.mjs';
+
+"use strict";

package/es/interface/props/index.d.ts

@@ -0,0 +1 @@
+export type { PluginCompProps } from './plugin-comp-props';

package/es/interface/props/index.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/props/plugin-comp-props.d.ts

@@ -0,0 +1,15 @@
+import { LowCodeWidget } from '@gct-paas/core';
+/**
+ * 插件组件输入参数
+ *
+ * @export
+ * @interface PluginCompProps
+ */
+export interface PluginCompProps {
+    /**
+     * 组件配置模型
+     *
+     * @type {LowCodeWidget.BasicSchema}
+     */
+    widget: LowCodeWidget.BasicSchema;
+}

package/es/interface/props/plugin-comp-props.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/schema/common-config/autofill-editor-config.d.ts

@@ -0,0 +1,4 @@
+import { PropGroup, LowCodeWidget } from '@gct-paas/core';
+export declare const getAutofillEditor: ({ groupName, }: {
+    groupName: PropGroup;
+}) => LowCodeWidget.PropEditor[];

package/es/schema/common-config/autofill-editor-config.mjs

@@ -0,0 +1,45 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+
+"use strict";
+const SHOW_FIELD_TYPE = [
+  FIELD_TYPE.REF,
+  FIELD_TYPE.USER,
+  FIELD_TYPE.ORG,
+  FIELD_TYPE.RDO_REF,
+  FIELD_TYPE.ATTACHMENT
+];
+const getAutofillEditor = ({
+  groupName
+}) => {
+  return [
+    {
+      component: "switch-editor",
+      name: "enableAutofill",
+      label: "sys.pageDesigner.autofill",
+      group: groupName,
+      hidden: (widget) => {
+        if (widget.props.bindFieldKey || widget.props.fieldReadonly) {
+          return true;
+        }
+        return !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || widget.props.multiple;
+      }
+    },
+    {
+      component: "autofill-editor",
+      name: "autofillRules",
+      label: "",
+      group: groupName,
+      hidden: (widget) => {
+        if (widget.props.bindFieldKey || widget.props.fieldReadonly) {
+          return true;
+        }
+        return (
+          // 如果不是这些字段类型/是多选模式/或者没开启自动填充 则隐藏
+          !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || widget.props.enableAutofill === false || widget.props.multiple
+        );
+      }
+    }
+  ];
+};
+
+export { getAutofillEditor };

package/es/schema/common-config/base-button-config.d.ts

@@ -0,0 +1,45 @@
+import { ButtonSize, ButtonStyle, operateSysEnums, LowCodeWidget } from '@gct-paas/core';
+export interface BaseButtonProps extends LowCodeWidget.WidgetProps {
+    /**
+     * 关联表单
+     */
+    refForm?: string;
+    /**
+     * 关联列表
+     */
+    refList?: string;
+    /**标题 */
+    title: string;
+    /**二次确认 */
+    confirm?: boolean;
+    confirmText?: string;
+    /**内置事件 */
+    innerEvent?: boolean;
+    /**系统事件类型 */
+    sysMethedType?: operateSysEnums;
+    linkPage?: string;
+    /**事件名称 */
+    eventName?: string;
+    /**显示规则 */
+    icon: string;
+    iconColor: string;
+    size: ButtonSize;
+    disabled: boolean;
+    /**是否显示按钮名称 */
+    hasText: boolean;
+    /**是否显示图标 */
+    hasIcon: boolean;
+    /**按钮type */
+    type: string;
+    /**是否是危险类型 */
+    danger: boolean;
+    /**关联模型 */
+    model?: string;
+    i18nConfig?: string;
+    buttonStyle?: ButtonStyle;
+    enableCustomColor: boolean;
+    backgroundColor?: string;
+    fontColor?: string;
+}
+export declare const baseBtnProp: BaseButtonProps;
+export declare const baseBtnEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/base-button-config.mjs

@@ -0,0 +1,85 @@
+import { ButtonSize, ButtonType, ButtonStyle, PropGroup } from '@gct-paas/core';
+import { displayProps } from './display-editor-config.mjs';
+
+"use strict";
+const baseBtnProp = {
+  disabled: false,
+  icon: "icon-park:all-application",
+  iconColor: "",
+  /**标题 */
+  title: "${sys.pageDesigner.button}",
+  buttonStyle: ButtonStyle.ORDINARY,
+  /**二次确认 */
+  confirm: false,
+  confirmText: "",
+  // /**内置事件 */
+  // innerEvent: true,
+  /**系统事件类型 */
+  // sysMethedType: undefined,
+  // linkPage: '',
+  /**事件名称 */
+  // eventName: '',
+  hasIcon: false,
+  hasText: true,
+  type: ButtonType.PRIMARY,
+  danger: false,
+  size: ButtonSize.DEFAULT,
+  enableCustomColor: false,
+  backgroundColor: "",
+  fontColor: "",
+  ...displayProps
+};
+const baseBtnEditor = [
+  {
+    component: "text-editor",
+    name: "title",
+    label: "sys.pageDesigner.buttonName",
+    group: PropGroup.BASIC,
+    _config: {
+      i18n: true,
+      showCount: true,
+      maxlength: 32
+    },
+    changeCallback: (widget, val) => {
+      widget.alias = val;
+    }
+  },
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: PropGroup.BUTTON
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: PropGroup.BUTTON,
+    // _config: {
+    //   showColor: true,
+    // },
+    hidden: (widget) => {
+      return !widget.props.hasIcon;
+    }
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: PropGroup.BUTTON,
+    _config: {
+      options: Object.values(ButtonSize).map((i) => {
+        return { value: i, label: "sys.pageDesigner." + i };
+      })
+    }
+  }
+];
+
+export { baseBtnEditor, baseBtnProp };

package/es/schema/common-config/button-editor-config.d.ts

@@ -0,0 +1,14 @@
+import { ButtonColorType, ButtonColorTheme, ButtonStyle, LowCodeWidget } from '@gct-paas/core';
+export declare const buttonProps: {
+    disabled: boolean;
+    buttonTheme: ButtonColorTheme;
+    buttonType: ButtonColorType;
+    icon: string;
+    iconColor: string;
+    buttonStyle: ButtonStyle;
+    enableCustomColor: boolean;
+    backgroundColor: string;
+    fontColor: string;
+};
+export declare const buttonEditor: LowCodeWidget.PropEditor[];
+export declare const buttonStyleEditor: LowCodeWidget.StyleEditor[];

package/es/schema/common-config/button-editor-config.mjs

@@ -0,0 +1,142 @@
+import { ButtonStyle, ButtonColorType, ButtonColorTheme, PropGroup, ButtonSize, StyleGroup } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+
+"use strict";
+const buttonProps = {
+  disabled: false,
+  buttonTheme: ButtonColorTheme.DEFAULT,
+  buttonType: ButtonColorType.DEFAULT,
+  icon: "",
+  iconColor: "",
+  buttonStyle: ButtonStyle.ORDINARY,
+  enableCustomColor: false,
+  backgroundColor: "",
+  fontColor: ""
+};
+const buttonEditor = [
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return !widget.props.hasIcon || hiddenButtonProps(widget);
+    },
+    _config: {
+      clearable: false
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "enableCustomColor",
+    label: "sys.pageDesigner.customBtnColor",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  },
+  {
+    component: "button-color-editor",
+    name: "fontColor",
+    label: "sys.pageDesigner.buttonNameColor",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      isInRow: true
+    },
+    hidden: (widget) => {
+      return !widget.props.enableCustomColor;
+    }
+  },
+  {
+    component: "button-color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.buttonStyleColor",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      isInRow: true
+    },
+    hidden: (widget) => {
+      return !widget.props.enableCustomColor || widget.props.type === "link";
+    }
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return !!widget;
+    },
+    _config: {
+      options: Object.values(ButtonSize).map((i) => {
+        return { value: i, label: "sys.pageDesigner." + i };
+      })
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "confirm",
+    label: "sys.pageDesigner.confirm",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    },
+    _config: {
+      tooltip: "sys.pageDesigner.buttonConfirm"
+    }
+  },
+  {
+    component: "texteare-editor",
+    name: "confirmText",
+    label: "sys.pageDesigner.regHint",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      i18n: true,
+      placeholder: "sys.pageDesigner.confirmTodo"
+    },
+    hidden: (widget) => {
+      return !widget.props.confirm || hiddenButtonProps(widget);
+    }
+  }
+];
+const buttonStyleEditor = [
+  {
+    component: "position-editor",
+    name: "position",
+    label: "sys.pageDesigner.position",
+    group: StyleGroup.LAYOUT,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (widget) => {
+      return !!widget.props.parentWidgetId || !!widget.preLocation;
+    }
+  },
+  {
+    component: "margin-editor",
+    group: StyleGroup.MARGIN,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (widget) => {
+      return !!widget.props.parentWidgetId || !!widget.preLocation;
+    },
+    _config: {
+      hiddenMarginOrPadding: "padding"
+    }
+  }
+];
+
+export { buttonEditor, buttonProps, buttonStyleEditor };

package/es/schema/common-config/button-props-func.d.ts

@@ -0,0 +1,5 @@
+import { LowCodeWidget } from '@gct-paas/core';
+/**
+ * 按钮组件属性显隐控制判断
+ */
+export declare function hiddenButtonProps(widget: LowCodeWidget.BasicSchema): boolean;

package/es/schema/common-config/button-props-func.mjs

@@ -0,0 +1,12 @@
+"use strict";
+function hiddenButtonProps(widget) {
+  if (Object.prototype.hasOwnProperty.call(widget.props, "model")) {
+    return !widget.props.model;
+  }
+  if (Object.prototype.hasOwnProperty.call(widget.props, "refForm")) {
+    return !widget.props.refForm;
+  }
+  return false;
+}
+
+export { hiddenButtonProps };

package/es/schema/common-config/column-editor-config.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '@gct-paas/core';
+/** 列固定config */
+export declare const fixedAlignEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/column-editor-config.mjs

@@ -0,0 +1,29 @@
+import { fixedAlignENUM, PropGroup } from '@gct-paas/core';
+
+"use strict";
+const fixedAlignEditor = [
+  {
+    component: "radio-icon-editor",
+    name: "fixedAlign",
+    label: "sys.pageDesigner.columnFixed",
+    group: PropGroup.SHOW,
+    _config: {
+      options: [
+        {
+          label: "sys.pageDesigner.left",
+          value: fixedAlignENUM.LEFT
+        },
+        {
+          label: "sys.pageDesigner.none",
+          value: fixedAlignENUM.NONE
+        },
+        {
+          label: "sys.pageDesigner.right",
+          value: fixedAlignENUM.RIGHT
+        }
+      ]
+    }
+  }
+];
+
+export { fixedAlignEditor };

package/es/schema/common-config/common-style.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '@gct-paas/core';
+export declare const style: LowCodeWidget.BasicStyle;
+export declare const notNeedPxStyle: string[];

package/es/schema/common-config/common-style.mjs

@@ -0,0 +1,86 @@
+import { BorderStyle, TagTypeEnum, TextDecoration } from '@gct-paas/core';
+
+"use strict";
+const style = {
+  position: "",
+  top: "",
+  left: "",
+  right: "",
+  bottom: "",
+  width: "",
+  height: "",
+  backgroundColor: "",
+  marginAll: "",
+  marginTop: "",
+  marginRight: "",
+  marginBottom: "",
+  marginLeft: "",
+  paddingAll: "",
+  paddingTop: "",
+  paddingRight: "",
+  paddingBottom: "",
+  paddingLeft: "",
+  labelFont: {
+    align: "left",
+    fontSize: "",
+    bold: false,
+    italic: false,
+    textDecoration: TextDecoration.NONE,
+    color: ""
+  },
+  contentFont: {
+    align: "left",
+    fontSize: "",
+    bold: false,
+    italic: false,
+    textDecoration: TextDecoration.NONE,
+    color: ""
+  },
+  tagStyle: {
+    color: "",
+    tagType: TagTypeEnum.RADIUS
+  },
+  tagStyleOpen: false,
+  borderAll: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderLeft: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderRight: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderBottom: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTop: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTopRightRadius: "0",
+  borderTopLeftRadius: "0",
+  borderBottomRightRadius: "0",
+  borderBottomLeftRadius: "0",
+  borderAllRadius: "0"
+};
+const notNeedPxStyle = [
+  "position",
+  "backgroundColor",
+  "bold",
+  "italic",
+  "textDecoration",
+  "color",
+  "borderStyle",
+  "borderColor"
+];
+
+export { notNeedPxStyle, style };

package/es/schema/common-config/display-editor-config.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '@gct-paas/core';
+export declare const displayProps: LowCodeWidget.DisplayProps;
+export declare const displayEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/display-editor-config.mjs

@@ -0,0 +1,67 @@
+import { Dependency_ENUM, ASSIGNMENTSTRATEGY_ENUM, PropGroup, MaterialEnum, FormComponents, FIELD_TYPE } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+
+"use strict";
+const displayProps = {
+  ////显隐配置start
+  hidden: false,
+  // displayType: DisplayType.CONFIG,
+  // displayRule: '',
+  componentDependency: {
+    sortDependency: [],
+    configDependency: {
+      /**隐藏 */
+      [Dependency_ENUM.HIDDEN]: {
+        expression: ""
+      },
+      /**只读 */
+      [Dependency_ENUM.READONLY]: {
+        expression: ""
+      },
+      /**禁用 */
+      [Dependency_ENUM.DISABLED]: {
+        expression: ""
+      },
+      /**必填 */
+      [Dependency_ENUM.REQUIRED]: {
+        expression: ""
+      },
+      [Dependency_ENUM.ASSIGNMENT]: {
+        expression: "",
+        strategy: ASSIGNMENTSTRATEGY_ENUM.alwaysCover
+      }
+    }
+  }
+};
+const displayEditor = [
+  {
+    component: "dependency-editor",
+    name: "componentDependency",
+    label: "",
+    group: PropGroup.COMPONENTDEPENDENCY,
+    hidden: (widget) => {
+      if (widget.materialType === MaterialEnum.MaterialEmbedTableField) {
+        return true;
+      }
+      if (widget.type === FormComponents.Form && widget.preLocation) {
+        return true;
+      }
+      return hiddenButtonProps(widget);
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "notSubmitInHide",
+    label: "sys.pageDesigner.submitWhenHidden",
+    group: PropGroup.FIELD_CONFIG,
+    hidden(widget) {
+      return !widget.isField || !widget.props.field || !!widget.props.bindFieldKey || !!widget.props.fieldReadonly || widget.materialType === MaterialEnum.cardListFormField || [
+        FIELD_TYPE.EXPRESSION_CONDITION,
+        FIELD_TYPE.SERIALRULE,
+        FIELD_TYPE.LABEL_TEMPLATE
+      ].includes(widget.props.fieldType);
+    }
+  }
+];
+
+export { displayEditor, displayProps };

package/es/schema/common-config/formItem-editor-config.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '@gct-paas/core';
+export declare const formItemProps: LowCodeWidget.FormItemProps;
+export declare const formItemDisplayEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/formItem-editor-config.mjs

@@ -0,0 +1,70 @@
+import { PropGroup, Platform } from '@gct-paas/core';
+import { displayProps, displayEditor } from './display-editor-config.mjs';
+
+"use strict";
+const formItemProps = {
+  field: "",
+  fieldId: "",
+  label: "",
+  modelKey: "",
+  fieldType: void 0,
+  bindModelKey: void 0,
+  disabled: false,
+  explain: "",
+  showExplain: false,
+  displayLabelText: true,
+  readonly: false,
+  fieldReadonly: false,
+  notSubmitInHide: true,
+  ...displayProps
+};
+const formItemDisplayEditor = [
+  {
+    component: "switch-editor",
+    name: "showExplain",
+    label: "sys.pageDesigner.explain",
+    group: PropGroup.BASIC,
+    hidden: (widget) => {
+      return widget.platform === Platform.MOBILE;
+    }
+  },
+  {
+    component: "texteare-editor",
+    name: "explain",
+    label: "",
+    group: PropGroup.BASIC,
+    hidden: (widget) => {
+      return !widget.props.showExplain;
+    },
+    _config: {
+      i18n: true
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "displayLabelText",
+    label: "sys.pageDesigner.displayLabelText",
+    group: PropGroup.ADVANCED
+  },
+  {
+    component: "switch-editor",
+    name: "disabled",
+    label: "sys.pageDesigner.disabled",
+    group: PropGroup.ADVANCED
+  },
+  {
+    component: "switch-editor",
+    name: "readonly",
+    label: "sys.pageDesigner.readonly",
+    group: PropGroup.ADVANCED
+  },
+  ...displayEditor
+  // {
+  //   component: 'switch-editor',
+  //   name: 'notSubmitInHide',
+  //   label: 'sys.pageDesigner.notSubmitInHide',
+  //   group: PropGroup.DISPLAY,
+  // },
+];
+
+export { formItemDisplayEditor, formItemProps };

package/es/schema/common-config/permission-editor-config.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeWidget } from '@gct-paas/core';
+export declare const permissionEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/permission-editor-config.mjs

@@ -0,0 +1,16 @@
+import { PropGroup } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+
+"use strict";
+const permissionEditor = [
+  {
+    component: "permission-editor",
+    label: "",
+    group: PropGroup.PERMISSION,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  }
+];
+
+export { permissionEditor };

package/es/schema/index.d.ts

@@ -0,0 +1,9 @@
+export { getAutofillEditor } from './common-config/autofill-editor-config';
+export { baseBtnEditor, baseBtnProp } from './common-config/base-button-config';
+export { buttonEditor, buttonProps, buttonStyleEditor, } from './common-config/button-editor-config';
+export { hiddenButtonProps } from './common-config/button-props-func';
+export { fixedAlignEditor } from './common-config/column-editor-config';
+export { style, notNeedPxStyle } from './common-config/common-style';
+export { displayEditor, displayProps, } from './common-config/display-editor-config';
+export { formItemProps, formItemDisplayEditor, } from './common-config/formItem-editor-config';
+export { permissionEditor } from './common-config/permission-editor-config';

package/es/schema/index.mjs

@@ -0,0 +1,11 @@
+export { getAutofillEditor } from './common-config/autofill-editor-config.mjs';
+export { baseBtnEditor, baseBtnProp } from './common-config/base-button-config.mjs';
+export { buttonEditor, buttonProps, buttonStyleEditor } from './common-config/button-editor-config.mjs';
+export { hiddenButtonProps } from './common-config/button-props-func.mjs';
+export { fixedAlignEditor } from './common-config/column-editor-config.mjs';
+export { notNeedPxStyle, style } from './common-config/common-style.mjs';
+export { displayEditor, displayProps } from './common-config/display-editor-config.mjs';
+export { formItemDisplayEditor, formItemProps } from './common-config/formItem-editor-config.mjs';
+export { permissionEditor } from './common-config/permission-editor-config.mjs';
+
+"use strict";

package/es/types/index.d.ts

@@ -0,0 +1,26 @@
+import '@gct-paas/core/es/types';
+
+declare global {
+  type PartialByKeys<T, K extends keyof T> = {
+    [P in K]?: T[P];
+  } & Pick<T, Exclude<keyof T, K>>;
+
+  type RequiredByKeys<T, K extends keyof T> = {
+    [P in K]: T[P];
+  } & Pick<T, Exclude<keyof T, K>>;
+}
+
+// declare module '@gct-paas/core' {
+//   interface GctGlobal {
+//     register: {
+//       designer: {
+//         mobile: DesignerRegister;
+//         web: DesignerRegister;
+//       };
+//       render: {
+//         mobile: RenderRegister;
+//         web: RenderRegister;
+//       };
+//     };
+//   }
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.0.1-dev.6",
+  "version": "0.0.1-dev.8",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "main": "dist/index.min.cjs",
@@ -33,7 +33,7 @@
   "scripts": {
     "dev": "rollup -c -w --environment=NODE_ENV:development",
     "build": "npm run lint && rollup -c --environment=NODE_ENV:production && vite build --mode production --config vite.config.ts",
-    "lint": "eslint src/",
+    "lint": "eslint src/schema --fix",
     "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
     "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
     "publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
@@ -41,8 +41,12 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/cli": "0.0.1-dev.6",
-    "@gct-paas/core": "0.0.1-dev.6"
+    "@gct-paas/build": "workspace:*",
+    "@gct-paas/core": "workspace:*",
+    "qx-util": "^0.4.8",
+    "vue": "^3.5.13"
   },
-  "gitHead": "37b7b649cffcb0a4942903278a80a85ac9d4e7d7"
+  "peerDependencies": {
+    "vue": "^3.x"
+  }
 }