@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/splitter/index.umd.cjs

@@ -0,0 +1 @@
+(function(h,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("../../components/splitter/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("lodash-es"),require("../../components/common/index.umd.js"),require("../../components/notify/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/splitter/index.umd.js","vue","../../components/designer-canvas/index.umd.js","lodash-es","../../components/common/index.umd.js","../../components/notify/index.umd.js","../../components/dynamic-resolver/index.umd.js"],v):(h=typeof globalThis<"u"?globalThis:h||self,v(h.splitter={},h.FSplitter,h.Vue,h.designerCanvas,h.LodashES,h.common,h.notify,h.dynamicResolver))})(this,function(h,v,u,P,N,z,O,M){"use strict";var Z=Object.defineProperty;var ee=(h,v,u)=>v in h?Z(h,v,{enumerable:!0,configurable:!0,writable:!0,value:u}):h[v]=u;var b=(h,v,u)=>ee(h,typeof v!="symbol"?v+"":v,u);function $(a){const e=u.ref(-1),t=u.ref(-1),i=u.ref(0),n=u.ref(0),r=u.ref(!1),s=u.ref(!1),l=u.computed(()=>({display:r.value?"block":"none",left:`${i.value}px`})),o=u.computed(()=>({display:s.value?"block":"none",top:`${n.value}px`})),c=u.computed(()=>({display:s.value||r.value?"block":"none"}));function p(d){const g=a.value;if(g){const{left:m}=g.getBoundingClientRect();i.value=d.clientX-m}}function f(d){const g=a.value;if(g){const{top:m}=g.getBoundingClientRect();n.value=d.clientY-m}}return{horizontalResizeHandleStyle:l,verticalResizeHandleStyle:o,resizeOverlayStyle:c,showHorizontalResizeHandle:r,showVerticalResizeHandle:s,horizontalResizeBarPosition:e,verticalResizeBarPosition:t,verticalResizeHandleOffset:n,horizontalResizeHandleOffset:i,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:f}}function j(a){const{formSchemaUtils:e,formStateMachineUtils:t}=a;function i(o,c=""){return{path:c+o.code,field:o.id,fullPath:o.code}}function n(o,c=""){const p=e.getViewModelById(o);return p?p.states.map(f=>i(f,c)):[]}function r(o){const c=e.getRootViewModelId(),p=n(o);if(o===c)return p;const f=n(c,"root-component.");return[...p,...f]}function s(o){return o.binding&&o.binding.path||o.id||""}function l(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:s,getStateMachines:l}}class F{constructor(e){b(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);b(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});b(this,"getExpressionConverter",(e,t)=>({convertFrom:(i,n,r,s)=>{const l=r.getExpressionRuleValue(e,t||n);return l&&l.value||""},convertTo:(i,n,r,s,l)=>{var o;if(n==="dataPicking"&&(r!=null&&r.target)){const c=`${r.target}_dataPicking`;((o=r.rules)==null?void 0:o.some(f=>f.id===c&&f.value))?i.dictPickingExpressionId=c:delete i.dictPickingExpressionId}s.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const i=this.formSchemaService.getExpressions();if(!i)return"";const n=i.find(s=>s.target===e);if(!n)return"";const r=n.rules.find(s=>s.type===t);return r||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),i=this.formSchemaService.getViewModelById(t);if(!i||!i.states||i.states.length===0)return[];const n=[];return i.states.filter(r=>r.category==="remote").forEach(r=>{n.push({key:r.code,name:r.name,description:r.name,category:r.category})}),n}createTreeNode(e,t,i="label"){return{id:e.id,name:e.name,bindingPath:e[i],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const i=[];return e==null||e.forEach(n=>{var l;const r=this.createTreeNode(n,t);let s=[];(l=n.type)!=null&&l.fields&&(s=this.buildEntityFieldsTreeData(n.type.fields,[...t,n.label])),i.push({data:r,children:s,expanded:!0})}),i}buildChildEntityTreeData(e=null,t){const i=[];return e==null||e.forEach(n=>{var o,c;const r=this.createTreeNode(n,t);r.type="entity";const s=this.buildEntityFieldsTreeData((o=n.type)==null?void 0:o.fields,[...t,n.label]),l=this.buildChildEntityTreeData((c=n.type)==null?void 0:c.entities,[...t,n.label]);l!=null&&l.length&&(s==null||s.push(...l)),i.push({data:r,children:s||[],expanded:!0})}),i}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const i=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),n=this.buildChildEntityTreeData(t.type.entities,[t.code]);return n!=null&&n.length&&(i==null||i.push(...n)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:i||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,i){const n=i==="Field"?e.binding.field:e.id,r=this.getExpressionRule(n,t),s=this.getEntitiesAndVariables(),l={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...s};return r.messageType!=null&&(l.messageType=r.messageType),l}buildRule(e,t,i,n){const{expression:r,message:s,messageType:l}=t,o={id:`${e}_${i}`,type:i,value:r};return(i==="validate"||i==="dataPicking"||i==="required")&&(o.message=s),i==="dataPicking"&&(o.messageType=l),i==="validate"&&n&&(o.elementId=n),o}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,i,n){const r=t==="Field"?e.binding.field:e.id,s=this.buildRule(r,i,n,e.type==="form-group"?e.id:"");let o=this.getExpressionData().find(p=>p.targetType===t&&p.target===r);const c=p=>p.value.trim()==="";if(o){const p=o.rules.find(f=>f.id===s.id);if(p)c(s)?o.rules=o.rules.filter(f=>f.id!==s.id):(Object.assign(p,s),n==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(c(s))return null;o.rules=o.rules||[],o.rules.push(s)}}else{if(c(s))return null;o={target:`${r}`,rules:[s],targetType:t}}return o}getExpressionEditorOptions(e,t,i,n){return i.reduce((r,s)=>{var o,c;const l=t==="Field"?(o=e==null?void 0:e.binding)==null?void 0:o.field:e.id;return r[s]={hide:t==="Field"?!!((c=e==null?void 0:e.binding)!=null&&c.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(l),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:p=>{const f=this.updateExpression(e,t,p,s);if(n){const d=this.buildRule(l,p,s);n(d)}return f}}},r},{})}getExpressionInfo(e,t,i){const n=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(n,i),s={value:r&&r.value,targetId:n,targetType:t,expressionType:i};return r&&r.message&&(s.message=r.message),s}getExpressionConfig(e,t,i=["compute","dependency","validate"],n){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,i,n)}}}getExpressionOptions(e,t,i){const n=this.getExpressionInfo(e,t,i);return{dialogTitle:`${this.expressionNames[i]}编辑器`,singleExpand:!1,showMessage:i==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,i,t),expressionInfo:n}}}class T{constructor(e,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"designerContext");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var i;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(r=>r.id===t)}e.updateOn=(i=this.designViewModelField)==null?void 0:i.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:P.DgControl[e.type]&&P.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},i){const n={title:"外观",description:"Appearance"},r={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)r[s]=Object.assign(r[s]||{},t[s]);return{...n,properties:{...r},setPropertyRelates(s,l){if(s){switch(s&&s.propertyID){case"class":case"style":{P.canvasChanged.value++;break}}i&&i(s,e,l)}}}}getPropertyEditorParams(e,t=[],i="visible",n={},r={},s=""){const{getVariables:l,getControlName:o,getStateMachines:c}=j(this.designerHostService),p=this.getRealTargetType(e),f=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],d={type:"property-editor",propertyTypes:f};return f.map(g=>{switch(g){case"Const":Object.assign(d,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},n);break;case"Expression":d.expressionConfig=this.getExpressionOptions(e,p,s||i);break;case"StateMachine":d.stateMachines=c();break;case"Variable":Object.assign(d,{controlName:o(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:l(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:m=>{m.value=l(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(d.newVariablePrefix="ext_"+d.newVariablePrefix);break}}),d}getVisibleProperty(e,t=""){var r;let i=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?i=["Const","Expression"]:t==="form-group"&&!((r=e.binding)!=null&&r.field)&&(i=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,i,"visible")}}}getBehaviorConfig(e,t="",i={},n){const r={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const o in i)s[o]=Object.assign(s[o]||{},i[o]);const l=this;return{...r,properties:{...s},setPropertyRelates(o,c){if(o){switch(o.propertyID){case"disabled":case"readonly":case"visible":l.afterMutilEditorChanged(e,o);break}n&&n(o,c)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const i=t&&t.parent&&t.parent.schema;if(!i)return;const n=i.contents.findIndex(s=>s.id===e),r=N.cloneDeep(i.contents[n]);i.contents.splice(n,1),i.contents.splice(n,0,r),P.refreshCanvas()}addNewVariableToViewModel(e,t){const i=e.propertyValue;if(!(i&&typeof i=="object")||!(i.type==="Variable"&&i.isNewVariable))return;const s={id:i.field,category:"locale",code:i.fullPath,name:i.fullPath,type:i.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete i.newVariableType,delete i.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:r,expressionInfo:s}=t,{targetId:l,targetType:o,expressionType:c,value:p,message:f}=s,d=this.formSchemaUtils.getModule();d.expressions=d.expressions||[];const{expressions:g}=d;let m=g.find(E=>E.target===l);m||(m={target:l,rules:[],targetType:o},g.push(m));const C=m.rules.find(E=>E.type===c);if(C)C.value=p,C.message=f;else{const E={id:r,type:c,value:p,message:f};m.rules.push(E)}delete t.expressionInfo}clearExpression(e,t){const i=e.propertyValue;if(i&&i.type==="Expression")return;const r=e.propertyID,s=this.formSchemaUtils.getExpressions(),l=t.binding?t.binding.field:t.id,o=s.find(c=>c.target===l);!o||!o.rules||(o.rules=o.rules.filter(c=>c.type!==r))}getExpressionOptions(e,t,i){return new F(this.formSchemaUtils).getExpressionOptions(e,t,i)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:i=>{var n;((n=i.controller)==null?void 0:n.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(i)}}},t}}class U extends T{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig}getBehaviorProperties(e){return{description:"",title:"行为",properties:{direction:{title:"布局方向",description:"指定内部分栏面板的布局方向",type:"string",editor:{type:"combo-list",data:[{id:"row",name:"横向排列"},{id:"column",name:"上下排列"}]}}},setPropertyRelates(t,i){if(t&&t.propertyID==="direction"){const n=t.propertyValue!=="column",r=n?"f-col-h":"f-col-w",s=n?"f-col-w":"f-col-h",l=n?["s","n"]:["e","w"];e==null||e.contents.forEach((o,c)=>{var p;(p=o.appearance)!=null&&p.class&&(o.appearance.class=o.appearance.class.replaceAll(r,s)),o.resizable===!0&&o.resizeHandle&&l.findIndex(f=>f===o.resizeHandle)>-1&&c===0&&(o.resizeHandle=n?"e":"s"),n&&o.minHeight&&(o.minHeight=null),!n&&o.minWidth&&(o.minWidth=null)})}}}}}function A(a,e){const t=new P.UseTemplateDragAndDropRules,{canMove:i,canDelete:n}=t.getTemplateRule(a,e),r=a.schema;function s(){return!1}function l(){return n}function o(){return i}function c(){return!0}function p(f){return new U(f,e).getPropertyConfig(r)}return{canAccepts:s,checkCanDeleteComponent:l,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:c,getPropsConfig:p}}const V=u.defineComponent({name:"FSplitterDesign",props:v.splitterProps,emits:[],setup(a,e){const t=u.ref(),i=u.inject("designer-host-service"),n=u.inject("design-item-context"),r=A(n,i),s=P.useDesignerComponent(t,n,r);s.value.canNested=!1;const l=$(t),{horizontalResizeHandleStyle:o,verticalResizeHandleStyle:c,resizeOverlayStyle:p}=l;u.provide("splitter",{useResizeHandleComposition:l});const f=u.computed(()=>{const g={"f-splitter":!0};return z.getCustomClass(g,a==null?void 0:a.customClass)}),d=u.computed(()=>{const g={"flex-direction":a.direction==="row"?"row":"column"};return z.getCustomStyle(g,a==null?void 0:a.customStyle)});return u.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value),()=>u.createVNode("div",{class:f.value,ref:t,style:d.value},[e.slots.default&&e.slots.default(),u.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),u.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:o.value},null),u.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:c.value},null)])}});function q(a,e){const t=u.ref(a.width),i=u.ref(a.height),{horizontalResizeBarPosition:n,horizontalResizeHandleOffset:r,showHorizontalResizeHandle:s,showVerticalResizeHandle:l,verticalResizeBarPosition:o,verticalResizeHandleOffset:c,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:f}=e;let d="",g,m;function C(y){if((d==="left"||d==="right")&&m){const{left:x}=m.getBoundingClientRect(),{width:S}=g.getBoundingClientRect(),R=y.clientX-x,w=d==="left"?(S||0)+(R-n.value):(S||0)-(R-n.value);t.value=a.minWidth>0?Math.max(a.minWidth,w):w}if((d==="top"||d==="bottom")&&m){const{top:x}=m.getBoundingClientRect(),{height:S}=g.getBoundingClientRect(),R=y.clientY-x,w=d==="top"?(S||0)+(R-o.value):(S||0)-(R-o.value);i.value=a.minHeight>0?Math.max(a.minHeight,w):w}r.value=0,c.value=0,n.value=-1,o.value=-1,s.value=!1,l.value=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",C),document.body.style.userSelect="",d="",g=null,m=null}function E(y,x,S){if(d=x,g=S,s.value=!0,m=y.composedPath().find(w=>w.className.split(" ")[0]==="f-splitter"),m){const{left:w}=m.getBoundingClientRect();r.value=y.clientX-w,n.value=y.clientX-w,document.addEventListener("mousemove",p),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}function H(y,x,S){if(d=x,g=S,l.value=!0,m=y.composedPath().find(w=>w.className.split(" ")[0]==="f-splitter"),m){const{top:w}=m.getBoundingClientRect();c.value=y.clientY-w,o.value=y.clientY-w,document.addEventListener("mousemove",f),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}return{actualWidth:t,actualHeight:i,onClickSplitterHorizontalResizeBar:E,onClickSplitterVerticalResizeBar:H}}class D extends T{constructor(t,i){super(t,i);b(this,"parentSplitterDirectionIsRow",!0);b(this,"positionIndex",-1);b(this,"notifyService");b(this,"designItemContext",null);this.notifyService=new O.FNotifyService}getPropertyConfig(t,i,n=!0,r=0){return this.parentSplitterDirectionIsRow=n,this.designItemContext=i,this.positionIndex=r,this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t),this.propertyConfig}getAppearanceProperties(t){const i=this,n=i.parentSplitterDirectionIsRow&&t.resizable===!0,r=!i.parentSplitterDirectionIsRow&&t.resizable===!0;return{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},minWidth:{description:"面板最小宽度",title:"最小宽度（px）",type:"number",editor:{nullable:!0},visible:n},minHeight:{description:"面板最小高度",title:"最小高度（px）",type:"number",editor:{nullable:!0},visible:r}}}}getBehaviorProperties(t){const i=[{id:"e",name:"左侧"},{id:"w",name:"右侧"}],n=[{id:"n",name:"上方"},{id:"s",name:"下方"}],r=this;return{description:"",title:"行为",properties:{resizable:{description:"规则：两列布局只有一个元素启用拖拽，多列布局可以有多个元素启用拖拽。",title:"允许拖拽",type:"boolean",refreshPanelAfterChanged:!0},resizeHandle:{description:"指定拖拽条的位置",title:"指定拖拽条的位置",type:"string",visible:t.resizable===!0,defaultValue:t.resizeHandle||"",editor:{type:"combo-list",data:this.parentSplitterDirectionIsRow?i:n}}},setPropertyRelates(s,l){var o,c,p;if(s)switch(s&&s.propertyID){case"resizable":{s.propertyValue&&(((p=(c=(o=r.designItemContext)==null?void 0:o.parent)==null?void 0:c.schema)==null?void 0:p.contents)||[]).find(d=>d.id!==t.id&&t.resizable)&&r.notifyService.warning({message:"相邻元素已启用拖拽功能",position:"top-center"});break}}}}}}function L(a,e){const t=new P.UseTemplateDragAndDropRules,i=a.schema,{canAccept:n}=t.getTemplateRule(a,e);function r(c){return P.useDragulaCommonRule().basalDragulaRuleForContainer(c,e)?n:!1}function s(c){var g,m;const p=new D(c,e),f=(((g=a==null?void 0:a.parent)==null?void 0:g.schema.direction)||"row")==="row",d=(((m=a==null?void 0:a.parent)==null?void 0:m.schema.contents)||[]).findIndex(C=>i.id===(C==null?void 0:C.id));return d===0&&!i.resizeHandle&&i.resizable&&(i.resizeHandle=f?"e":"s"),p.getPropertyConfig(i,a,f,d)}function l(){return!1}function o(){return!1}return{canAccepts:r,getPropsConfig:s,checkCanMoveComponent:l,checkCanDeleteComponent:o}}const k=u.defineComponent({name:"FSplitterPaneDesign",props:v.splitterPaneProps,emits:[],setup(a,e){const t=u.ref(),i=u.inject("designer-host-service"),n=u.inject("design-item-context"),r=L(n,i),s=P.useDesignerComponent(t,n,r);s.value.styles="padding:0;box-shadow:none;",s.value.canNested=!1,s.value.canMove=!1,s.value.canDelete=!1,u.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value);const l=u.inject("splitter"),{useResizeHandleComposition:o}=l,c=q(a,o),{actualHeight:p,actualWidth:f}=c,d=u.ref(a.position),g=u.computed(()=>{const y={"f-splitter-pane":!0,"f-splitter-pane-main":d.value==="center","has-resize-bar":a.resizable,"f-component-splitter-pane":!0,"drag-container":!0};return y["f-splitter-pane-"+d.value]=!0,z.getCustomClass(y,a==null?void 0:a.customClass)}),m=u.computed(()=>a.resizeHandle?a.resizeHandle.split(",").filter(y=>["e","n","s","w"].find(x=>x===y)):[]),C=u.computed(()=>{const y={};return(f.value&&d.value==="left"||d.value==="right"||m.value.find(x=>x==="e")||m.value.find(x=>x==="w"))&&(y.width=`${f.value}px`),(p.value&&d.value==="bottom"||d.value==="top"||m.value.find(x=>x==="s")||m.value.find(x=>x==="n"))&&(y.height=`${p.value}px`),z.getCustomStyle(y,a==null?void 0:a.customStyle)}),E=u.computed(()=>({"no-drag":!0,"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":d.value==="left","f-splitter-resize-bar-n":d.value==="bottom","f-splitter-resize-bar-s":d.value==="top","f-splitter-resize-bar-w":d.value==="right"}));function H(){return m.value.length>0?m.value.map(y=>u.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+y},null)):u.createVNode("span",{class:E.value},null)}return()=>u.createVNode("div",{ref:t,"data-dragref":`${n.schema.id}-container`,class:g.value,style:C.value},[e.slots.default&&e.slots.default(),a.resizable&&H()])}}),W=new Map([["appearance",M.resolveAppearance]]);function _(a,e,t){const i=a.getSchemaByType("splitter-pane");return i.appearance={class:"f-col-w6 f-page-content-nav"},i.position="left",e.contents.unshift(i),e}function X(a,e,t){const i=a.getSchemaByType("splitter-pane");return i.appearance={class:"f-page-content-main"},i.position="main",e.contents.push(i),e}function Y(a,e,t){const i=t.parentComponentInstance;return String(i.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),_(a,e),X(a,e),e}function G(a,e,t){return e}const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},direction:{description:"",type:"string",default:"row",enum:["column","row"]}},required:["id","type","contents"]},K=new Map([["appearance",M.resolveAppearance]]),Q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"strnumbering"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},minHeight:{description:"",type:"number"},minWidth:{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizable:{description:"",type:"boolean",default:!1},resizeHandle:{description:"",type:"string",default:""},visible:{description:"",type:"number",default:!0}},required:["id","type","contents"]},I=M.createPropsResolver(v.splitterProps,J,W,Y),B=M.createPropsResolver(v.splitterPaneProps,Q,K,G);V.register=(a,e,t,i)=>{a.splitter=v,e.splitter=I,a["splitter-pane"]=v.FSplitterPane,e["splitter-pane"]=B},V.registerDesigner=(a,e,t)=>{a.splitter=V,e.splitter=I,a["splitter-pane"]=k,e["splitter-pane"]=B},h.FSplitterDesign=V,h.FSplitterPaneDesign=k,h.default=V,h.splitterPanePropsResolver=B,h.splitterPropsResolver=I,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/step/index.esm.js

@@ -0,0 +1,226 @@
+import { resolveAppearance as z, createPropsResolver as A } from "../../components/dynamic-resolver/index.esm.js";
+import L, { stepProps as b } from "../../components/step/index.esm.js";
+import { defineComponent as B, ref as o, inject as N, onMounted as V, computed as d, createVNode as n } from "vue";
+import { useDesignerComponent as E } from "../../components/designer-canvas/index.esm.js";
+const G = /* @__PURE__ */ B({
+  name: "FStepDesign",
+  props: b,
+  emits: [],
+  setup(r, l) {
+    const i = o(r.direction), p = o(r.fill), h = o(r.height), v = o(r.steps), c = o(0), j = o(r.clickable), C = o(0), u = o(), O = N("design-item-context"), g = E(u, O);
+    V(() => {
+      u.value.componentInstance = g;
+    }), l.expose(g.value);
+    const k = d(() => ({
+      "f-progress-step-list": i.value === "horizontal",
+      "f-progress-step-list-block": i.value === "vertical",
+      "f-progress-step-horizontal-fill": i.value === "horizontal" && p.value,
+      "f-progress-step-vertical-fill": i.value === "vertical" && p.value
+    })), S = d(() => ({
+      height: i.value === "vertical" ? `${h.value}px` : ""
+    }));
+    function $(e, t) {
+      const s = {
+        step: !0,
+        active: t === c.value,
+        clickable: j.value,
+        "click-disable": e.disable,
+        current: t === c.value
+      };
+      return t < c.value && (s.finish = !0), e.status && (s[e.status] = !0), e.hasOwnProperty("class") && e.class.split(" ").reduce((a, f) => (a[f] = !0, a), s), s;
+    }
+    function ne(e, t) {
+    }
+    function R(e, t) {
+      const s = {
+        "f-progressstep-row": !0,
+        "step-active": t === c.value,
+        "step-current": t === c.value
+      };
+      return t < c.value && (s["step-finish"] = !0), e.status && (s["step-" + e.status] = !0), s;
+    }
+    function m(e, t) {
+      const s = {
+        "step-icon": !0,
+        "step-success": t,
+        "k-icon": t,
+        "k-i-check": t
+      };
+      return e.hasOwnProperty("icon") && e.class.split(" ").reduce((a, f) => (a[f] = !0, a), s), s;
+    }
+    function M(e, t) {
+      const s = [];
+      return e.icon ? s.push(n("span", {
+        class: m(e, !1)
+      }, null)) : t >= c.value || t === C.value ? s.push(n("span", {
+        class: "step-icon"
+      }, [t + 1])) : s.push(n("span", {
+        class: m(e, !0)
+      }, null)), s;
+    }
+    function w(e, t) {
+      return {
+        "step-name": !0,
+        "step-name-success": t < c.value
+      };
+    }
+    function T(e, t) {
+      return n("div", {
+        class: "f-progress-step-title"
+      }, [n("p", {
+        class: w(e, t)
+      }, [e.title])]);
+    }
+    function q(e, t) {
+      return {
+        "f-progress-step-line": !0,
+        "f-progress-step-line-success": t === c.value
+      };
+    }
+    function D(e, t) {
+      return t !== v.value.length - 1;
+    }
+    const F = d(() => ({
+      triangle: !0,
+      "": i.value === "vertical"
+    }));
+    function P() {
+      return v.value.map((e, t) => n("li", {
+        class: $(e, t),
+        onClick: (s) => void 0
+      }, [n("div", {
+        class: R(e, t)
+      }, [n("div", {
+        class: "f-progress-step-content"
+      }, [M(e, t), T(e, t)]), D(e, t) && n("div", {
+        class: q(e, t)
+      }, [n("span", {
+        class: F.value
+      }, null)])])]));
+    }
+    return () => n("div", {
+      ref: u,
+      class: "f-progress-step"
+    }, [n("ul", {
+      class: k.value,
+      style: S.value
+    }, [P()])]);
+  }
+}), H = /* @__PURE__ */ new Map([
+  ["appearance", z]
+]);
+function J(r, l, i) {
+  return l;
+}
+const K = "https://json-schema.org/draft/2020-12/schema", Q = "https://farris-design.gitee.io/step.schema.json", U = "step", W = "A Farris Component", X = "object", Y = {
+  id: {
+    description: "The unique identifier for step",
+    type: "string"
+  },
+  type: {
+    description: "The type string of step",
+    type: "string",
+    default: "step"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Z = [
+  "id",
+  "type"
+], _ = {
+  $schema: K,
+  $id: Q,
+  title: U,
+  description: W,
+  type: X,
+  properties: Y,
+  required: Z
+}, x = "step", I = "A Farris Component", ee = "object", te = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, se = {
+  title: x,
+  description: I,
+  type: ee,
+  categories: te
+}, y = A(b, _, H, J, se), le = {
+  register(r, l, i, p) {
+    r.step = L, l.step = y;
+  },
+  registerDesigner(r, l, i) {
+    r.step = G, l.step = y;
+  }
+};
+export {
+  le as default,
+  y as propsResolver
+};

package/designer/step/index.umd.cjs

@@ -0,0 +1 @@
+(function(r,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("../../components/dynamic-resolver/index.umd.js"),require("../../components/step/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/dynamic-resolver/index.umd.js","../../components/step/index.umd.js","vue","../../components/designer-canvas/index.umd.js"],l):(r=typeof globalThis<"u"?globalThis:r||self,l(r.step={},r.dynamicResolver,r.Step,r.Vue,r.designerCanvas))})(this,function(r,l,u,s,b){"use strict";const j=s.defineComponent({name:"FStepDesign",props:u.stepProps,emits:[],setup(i,a){const o=s.ref(i.direction),f=s.ref(i.fill),k=s.ref(i.height),y=s.ref(i.steps),c=s.ref(0),q=s.ref(i.clickable),S=s.ref(0),m=s.ref(),M=s.inject("design-item-context"),h=b.useDesignerComponent(m,M);s.onMounted(()=>{m.value.componentInstance=h}),a.expose(h.value);const R=s.computed(()=>({"f-progress-step-list":o.value==="horizontal","f-progress-step-list-block":o.value==="vertical","f-progress-step-horizontal-fill":o.value==="horizontal"&&f.value,"f-progress-step-vertical-fill":o.value==="vertical"&&f.value})),T=s.computed(()=>({height:o.value==="vertical"?`${k.value}px`:""}));function P(e,t){const n={step:!0,active:t===c.value,clickable:q.value,"click-disable":e.disable,current:t===c.value};return t<c.value&&(n.finish=!0),e.status&&(n[e.status]=!0),e.hasOwnProperty("class")&&e.class.split(" ").reduce((p,g)=>(p[g]=!0,p),n),n}function Z(e,t){}function w(e,t){const n={"f-progressstep-row":!0,"step-active":t===c.value,"step-current":t===c.value};return t<c.value&&(n["step-finish"]=!0),e.status&&(n["step-"+e.status]=!0),n}function v(e,t){const n={"step-icon":!0,"step-success":t,"k-icon":t,"k-i-check":t};return e.hasOwnProperty("icon")&&e.class.split(" ").reduce((p,g)=>(p[g]=!0,p),n),n}function x(e,t){const n=[];return e.icon?n.push(s.createVNode("span",{class:v(e,!1)},null)):t>=c.value||t===S.value?n.push(s.createVNode("span",{class:"step-icon"},[t+1])):n.push(s.createVNode("span",{class:v(e,!0)},null)),n}function D(e,t){return{"step-name":!0,"step-name-success":t<c.value}}function F(e,t){return s.createVNode("div",{class:"f-progress-step-title"},[s.createVNode("p",{class:D(e,t)},[e.title])])}function z(e,t){return{"f-progress-step-line":!0,"f-progress-step-line-success":t===c.value}}function A(e,t){return t!==y.value.length-1}const L=s.computed(()=>({triangle:!0,"":o.value==="vertical"}));function _(){return y.value.map((e,t)=>s.createVNode("li",{class:P(e,t),onClick:n=>void 0},[s.createVNode("div",{class:w(e,t)},[s.createVNode("div",{class:"f-progress-step-content"},[x(e,t),F(e,t)]),A(e,t)&&s.createVNode("div",{class:z(e,t)},[s.createVNode("span",{class:L.value},null)])])]))}return()=>s.createVNode("div",{ref:m,class:"f-progress-step"},[s.createVNode("ul",{class:R.value,style:T.value},[_()])])}}),C=new Map([["appearance",l.resolveAppearance]]);function O(i,a,o){return a}const V={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/step.schema.json",title:"step",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for step",type:"string"},type:{description:"The type string of step",type:"string",default:"step"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},$={title:"step",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},d=l.createPropsResolver(u.stepProps,V,C,O,$),N={register(i,a,o,f){i.step=u,a.step=d},registerDesigner(i,a,o){i.step=j,a.step=d}};r.default=N,r.propsResolver=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/switch/index.esm.js

@@ -1,10 +1,10 @@
 import v, { switchProps as f } from "../../components/switch/index.esm.js";
 import { FormSchemaEntityFieldTypeName as d, withInstall as b } from "../../components/common/index.esm.js";
-import { defineComponent as C, toRefs as V, ref as P, inject as u, onMounted as B, computed as g, createVNode as l } from "vue";
-import { useDesignerComponent as F } from "../../components/designer-canvas/index.esm.js";
-import { InputBaseProperty as S } from "../../components/property-panel/index.esm.js";
-import { resolveAppearance as M, createPropsResolver as R } from "../../components/dynamic-resolver/index.esm.js";
-class j extends S {
+import { defineComponent as C, toRefs as V, ref as F, inject as u, onMounted as P, computed as g, createVNode as l } from "vue";
+import { useDesignerComponent as B } from "../../components/designer-canvas/index.esm.js";
+import { InputBaseProperty as M } from "../../components/property-panel/index.esm.js";
+import { resolveAppearance as S, createPropsResolver as R } from "../../components/dynamic-resolver/index.esm.js";
+class j extends M {
   constructor(e, t) {
     super(e, t);
   }
@@ -64,7 +64,7 @@ class j extends S {
         description: "打开时的值",
         title: "打开的值",
         type: this.getBindingDataType(),
-        visible: ((t = this.designViewModelField) == null ? void 0 : t.type.name) !== "Boolean",
+        visible: this.designViewModelField != null && ((t = this.designViewModelField) == null ? void 0 : t.type.name) !== "Boolean",
         refreshPanelAfterChanged: !0,
         editor: this.getEditor(),
         $converter: this.getBooleanValueConverter()
@@ -73,7 +73,7 @@ class j extends S {
         description: "关闭时的值",
         title: "关闭的值",
         type: this.getBindingDataType(),
-        visible: ((s = this.designViewModelField) == null ? void 0 : s.type.name) !== "Boolean",
+        visible: this.designViewModelField != null && ((s = this.designViewModelField) == null ? void 0 : s.type.name) !== "Boolean",
         refreshPanelAfterChanged: !0,
         editor: this.getEditor(),
         $converter: this.getBooleanValueConverter()
@@ -109,8 +109,8 @@ const c = /* @__PURE__ */ C({
       size: t,
       onLabel: s,
       offLabel: i
-    } = V(n), o = P(), r = u("designer-host-service"), a = u("design-item-context"), m = k(a, r), p = F(o, a, m);
-    B(() => {
+    } = V(n), o = F(), r = u("designer-host-service"), a = u("design-item-context"), m = k(a, r), p = B(o, a, m);
+    P(() => {
       o.value.componentInstance = p;
     }), e.expose(p.value);
     const y = g(() => ({
@@ -133,7 +133,7 @@ const c = /* @__PURE__ */ C({
     }, [i == null ? void 0 : i.value])]), l("small", null, [e.slots.default && e.slots.default()])]);
   }
 }), E = /* @__PURE__ */ new Map([
-  ["appearance", M],
+  ["appearance", S],
   ["onChange", "onModelValueChanged"]
 ]), T = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-design.gitee.io/switch.schema.json", x = "switch", A = "A Farris Component", I = "object", q = {
   id: {

package/designer/switch/index.umd.cjs

@@ -1 +1 @@
-(function(i,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../components/switch/index.umd.js"),require("../../components/common/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/switch/index.umd.js","../../components/common/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","../../components/dynamic-resolver/index.umd.js"],d):(i=typeof globalThis<"u"?globalThis:i||self,d(i.switch={},i.FSwitch,i.common,i.Vue,i.designerCanvas,i.propertyPanel,i.dynamicResolver))})(this,function(i,d,u,s,g,y,f){"use strict";class w extends y.InputBaseProperty{constructor(e,t){super(e,t)}getEditorProperties(e){var t,o;return this.getComponentConfig(e,{type:"switch"},{disabled:{visible:!1},placeholder:{visible:!1},onLabel:{description:"",title:"打开标签",type:"string"},offLabel:{description:"",title:"关闭标签",type:"string"},onBackground:{description:"值可以是颜色或者16进制颜色字符串，比如：blue或者#2A87FF",title:"打开背景色",type:"string"},offBackground:{description:"值可以是颜色或者16进制颜色字符串，比如：gray或者#D9DEE7",title:"关闭背景色",type:"string"},size:{description:"",title:"尺寸",type:"enum",editor:{data:[{id:"small",name:"小号"},{id:"medium",name:"中号"},{id:"large",name:"大号"}]}},trueValue:{description:"打开时的值",title:"打开的值",type:this.getBindingDataType(),visible:((t=this.designViewModelField)==null?void 0:t.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()},falseValue:{description:"关闭时的值",title:"关闭的值",type:this.getBindingDataType(),visible:((o=this.designViewModelField)==null?void 0:o.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()}})}changeBindingField(e,t,o){var a;super.changeBindingField(e,t);const n=o;if(e.editor&&((a=n==null?void 0:n.type)!=null&&a.name)){let c,p;n.type.name===u.FormSchemaEntityFieldTypeName.String&&(c="true",p="false"),n.type.name===u.FormSchemaEntityFieldTypeName.Number&&(c=1,p=0),!Object.prototype.hasOwnProperty.call(e.editor,"trueValue")&&c!==void 0&&(e.editor.trueValue=c),!Object.prototype.hasOwnProperty.call(e.editor,"falseValue")&&p!==void 0&&(e.editor.falseValue=p)}}}function v(r,e){const t=r.schema;function o(n,a){return new w(n,e).getPropertyConfig(t,a)}return{getPropsConfig:o}}const l=s.defineComponent({name:"FSwitchDesign",props:d.switchProps,emits:["update:modelValue"],setup(r,e){const{size:t,onLabel:o,offLabel:n}=s.toRefs(r),a=s.ref(),c=s.inject("designer-host-service"),p=s.inject("design-item-context"),P=v(p,c),h=g.useDesignerComponent(a,p,P);s.onMounted(()=>{a.value.componentInstance=h}),e.expose(h.value);const x=s.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:!1,"switch-large":t.value==="large","switch-medium":t.value==="medium","switch-small":t.value==="small"})),F=s.computed(()=>(o==null?void 0:o.value)||(n==null?void 0:n.value));return()=>s.createVNode("span",{ref:a,tabindex:"0",role:"button",class:x.value},[F.value&&s.createVNode("span",{class:"switch-pane"},[s.createVNode("span",{class:"switch-label-unchecked"},[n==null?void 0:n.value])]),s.createVNode("small",null,[e.slots.default&&e.slots.default()])])}}),j=new Map([["appearance",f.resolveAppearance],["onChange","onModelValueChanged"]]),C={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"medium"},required:{description:"",type:"boolean",default:!1},trueValue:{description:"",type:"boolean",default:!0},falseValue:{description:"",type:"boolean",default:!1},onChange:{description:"",type:"string"}},required:["type"],ignore:["id","appearance","binding"]};function V(r,e,t){return e}const m=f.createPropsResolver(d.switchProps,C,j,V);l.register=(r,e,t,o)=>{r.switch=d,e.switch=m},l.registerDesigner=(r,e,t)=>{r.switch=l,e.switch=m};const b=u.withInstall(l);i.FSwitchDesign=l,i.default=b,i.propsResolver=m,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("../../components/switch/index.umd.js"),require("../../components/common/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/switch/index.umd.js","../../components/common/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","../../components/dynamic-resolver/index.umd.js"],a):(i=typeof globalThis<"u"?globalThis:i||self,a(i.switch={},i.FSwitch,i.common,i.Vue,i.designerCanvas,i.propertyPanel,i.dynamicResolver))})(this,function(i,a,u,s,g,y,h){"use strict";class w extends y.InputBaseProperty{constructor(e,t){super(e,t)}getEditorProperties(e){var t,o;return this.getComponentConfig(e,{type:"switch"},{disabled:{visible:!1},placeholder:{visible:!1},onLabel:{description:"",title:"打开标签",type:"string"},offLabel:{description:"",title:"关闭标签",type:"string"},onBackground:{description:"值可以是颜色或者16进制颜色字符串，比如：blue或者#2A87FF",title:"打开背景色",type:"string"},offBackground:{description:"值可以是颜色或者16进制颜色字符串，比如：gray或者#D9DEE7",title:"关闭背景色",type:"string"},size:{description:"",title:"尺寸",type:"enum",editor:{data:[{id:"small",name:"小号"},{id:"medium",name:"中号"},{id:"large",name:"大号"}]}},trueValue:{description:"打开时的值",title:"打开的值",type:this.getBindingDataType(),visible:this.designViewModelField!=null&&((t=this.designViewModelField)==null?void 0:t.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()},falseValue:{description:"关闭时的值",title:"关闭的值",type:this.getBindingDataType(),visible:this.designViewModelField!=null&&((o=this.designViewModelField)==null?void 0:o.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()}})}changeBindingField(e,t,o){var d;super.changeBindingField(e,t);const n=o;if(e.editor&&((d=n==null?void 0:n.type)!=null&&d.name)){let c,l;n.type.name===u.FormSchemaEntityFieldTypeName.String&&(c="true",l="false"),n.type.name===u.FormSchemaEntityFieldTypeName.Number&&(c=1,l=0),!Object.prototype.hasOwnProperty.call(e.editor,"trueValue")&&c!==void 0&&(e.editor.trueValue=c),!Object.prototype.hasOwnProperty.call(e.editor,"falseValue")&&l!==void 0&&(e.editor.falseValue=l)}}}function v(r,e){const t=r.schema;function o(n,d){return new w(n,e).getPropertyConfig(t,d)}return{getPropsConfig:o}}const p=s.defineComponent({name:"FSwitchDesign",props:a.switchProps,emits:["update:modelValue"],setup(r,e){const{size:t,onLabel:o,offLabel:n}=s.toRefs(r),d=s.ref(),c=s.inject("designer-host-service"),l=s.inject("design-item-context"),P=v(l,c),f=g.useDesignerComponent(d,l,P);s.onMounted(()=>{d.value.componentInstance=f}),e.expose(f.value);const F=s.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:!1,"switch-large":t.value==="large","switch-medium":t.value==="medium","switch-small":t.value==="small"})),x=s.computed(()=>(o==null?void 0:o.value)||(n==null?void 0:n.value));return()=>s.createVNode("span",{ref:d,tabindex:"0",role:"button",class:F.value},[x.value&&s.createVNode("span",{class:"switch-pane"},[s.createVNode("span",{class:"switch-label-unchecked"},[n==null?void 0:n.value])]),s.createVNode("small",null,[e.slots.default&&e.slots.default()])])}}),V=new Map([["appearance",h.resolveAppearance],["onChange","onModelValueChanged"]]),j={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"medium"},required:{description:"",type:"boolean",default:!1},trueValue:{description:"",type:"boolean",default:!0},falseValue:{description:"",type:"boolean",default:!1},onChange:{description:"",type:"string"}},required:["type"],ignore:["id","appearance","binding"]};function C(r,e,t){return e}const m=h.createPropsResolver(a.switchProps,j,V,C);p.register=(r,e,t,o)=>{r.switch=a,e.switch=m},p.registerDesigner=(r,e,t)=>{r.switch=p,e.switch=m};const b=u.withInstall(p);i.FSwitchDesign=p,i.default=b,i.propsResolver=m,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/tabs/index.css

@@ -1 +1 @@
-.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{overflow:hidden;display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}
+.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.editorDiv .f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child.farris-component{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child:has(.drag-container .f-section-accordion.f-state-collapse){min-height:70px;display:block;flex:initial}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}