@gct-paas/design 0.0.1-dev.0 → 0.0.1-dev.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 冠骋信息技术有限公司
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.min.cjs

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

package/dist/index.system.min.js

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

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

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

package/es/index.mjs

@@ -0,0 +1,28 @@
+import './utils/index.mjs';
+import './hooks/index.mjs';
+import './interface/index.mjs';
+import './schema/index.mjs';
+import { MessageUtil } from './utils/message/message.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 install() {
+  if (!window._gct) {
+    console.error(
+      "\u672A\u627E\u5230 _gct \u5BF9\u8C61\uFF0C\u8BF7\u5148\u5B89\u88C5 @gct-paas/core \u5305\u540E\u518D\u5B89\u88C5 @gct-paas/design \u5305\uFF01"
+    );
+    return;
+  }
+  window._gct.message = new MessageUtil();
+}
+
+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/es/utils/index.d.ts

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

package/es/utils/index.mjs

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

package/es/utils/message/message.d.ts

@@ -0,0 +1,14 @@
+import { IMessageUtil } from '@gct-paas/core';
+/**
+ * 消息提示工具
+ *
+ * @export
+ * @class MessageUtil
+ * @implements {IMessageUtil}
+ */
+export declare class MessageUtil implements IMessageUtil {
+    info(msg: string, duration?: number): Promise<void>;
+    success(msg: string, duration?: number): Promise<void>;
+    warning(msg: string, duration?: number): Promise<void>;
+    error(msg: string, duration?: number): Promise<void>;
+}

package/es/utils/message/message.mjs

@@ -0,0 +1,35 @@
+import { message } from 'ant-design-vue';
+
+"use strict";
+class MessageUtil {
+  info(msg, duration) {
+    return new Promise((resolve) => {
+      message.info(msg, duration, () => {
+        resolve();
+      });
+    });
+  }
+  success(msg, duration) {
+    return new Promise((resolve) => {
+      message.success(msg, duration, () => {
+        resolve();
+      });
+    });
+  }
+  warning(msg, duration) {
+    return new Promise((resolve) => {
+      message.warning(msg, duration, () => {
+        resolve();
+      });
+    });
+  }
+  error(msg, duration) {
+    return new Promise((resolve) => {
+      message.error(msg, duration, () => {
+        resolve();
+      });
+    });
+  }
+}
+
+export { MessageUtil };

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.0.1-dev.0",
+  "version": "0.0.1-dev.11",
   "type": "module",
   "description": "paas 平台设计界面底包",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "system": "dist/core.system.js",
+  "main": "dist/index.min.cjs",
+  "module": "es/index.mjs",
+  "types": "es/index.d.ts",
+  "system": "dist/index.system.min.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./dist/index.min.cjs"
     }
   },
   "files": [
     "dist",
+    "es",
     "CHANGELOG.md",
     "README.md"
   ],
@@ -31,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 --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/",
@@ -39,8 +41,14 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/cli": "0.0.1-dev.0",
-    "@gct-paas/core": "0.0.1-dev.0"
+    "@gct-paas/build": "0.0.1-dev.11",
+    "@gct-paas/core": "0.0.1-dev.11",
+    "ant-design-vue": "3.2.20",
+    "qx-util": "^0.4.8",
+    "vue": "^3.5.13"
   },
-  "devDependencies": {}
+  "peerDependencies": {
+    "vue": "^3.x"
+  },
+  "gitHead": "3f988584fd9450fa356f802a0316d75ee44a6a27"
 }

package/dist/design.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){console.log("Hello World!")}exports.run=o;

package/dist/design.system.js

@@ -1 +0,0 @@
-System.register([],function(e,o){"use strict";return{execute:function(){e("run",n);function n(){console.log("Hello World!")}}}});