@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/designer/splitter/index.umd.cjs

@@ -1 +0,0 @@
-(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

@@ -1,226 +0,0 @@
-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

@@ -1 +0,0 @@
-(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/text/index.esm.js

@@ -1,147 +0,0 @@
-import y, { textProps as d } from "../../components/text/index.esm.js";
-import { resolveAppearance as v, createPropsResolver as h } from "../../components/dynamic-resolver/index.esm.js";
-import { defineComponent as b, ref as t, computed as a, inject as $, onMounted as j, createVNode as C } from "vue";
-import { useDesignerComponent as M } from "../../components/designer-canvas/index.esm.js";
-const R = /* @__PURE__ */ new Map([
-  ["appearance", v]
-]);
-function T(o, e, n) {
-  return e;
-}
-const A = "text", F = "A Farris Component", q = "object", D = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, I = {
-  title: A,
-  description: F,
-  type: q,
-  categories: D
-}, V = "https://json-schema.org/draft/2020-12/schema", S = "https://farris-design.gitee.io/text.schema.json", w = "text", z = "A Farris Component", P = "object", B = {
-  id: {
-    description: "The unique identifier for text",
-    type: "string"
-  },
-  type: {
-    description: "The type string of text",
-    type: "string",
-    default: "text"
-  },
-  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
-  }
-}, H = [
-  "id",
-  "type"
-], N = {
-  $schema: V,
-  $id: S,
-  title: w,
-  description: z,
-  type: P,
-  properties: B,
-  required: H
-}, k = /* @__PURE__ */ b({
-  name: "FTextDesign",
-  props: d,
-  emits: ["update:modelValue"],
-  setup(o, e) {
-    const n = t(!0), i = t(!0), u = t(""), s = t(0), p = t(0), m = t(o.modelValue), f = a(() => ({
-      "f-form-control-text": !n.value,
-      "f-form-context-textarea": n,
-      "f-component-text-auto-size": i.value
-    })), x = a(() => ({
-      textalign: u.value,
-      height: !i.value && s.value > 0 ? `${s.value}px` : "",
-      "min-height": !i.value && s.value > 0 ? `${s.value}px` : "",
-      "max-height": !i.value && p.value > 0 ? `${p.value}px` : ""
-    }));
-    a(() => "");
-    const r = t(), g = $("design-item-context"), c = M(r, g);
-    return j(() => {
-      r.value.componentInstance = c;
-    }), e.expose(c.value), () => C("span", {
-      ref: r,
-      class: f.value,
-      style: x.value
-    }, [m.value]);
-  }
-}), l = h(d, N, R, T, I), L = {
-  register(o, e, n, i) {
-    o.text = y, e.text = l;
-  },
-  registerDesigner(o, e, n) {
-    o.text = k, e.text = l;
-  }
-};
-export {
-  L as default,
-  l as propsResolver
-};

package/designer/text/index.umd.cjs

@@ -1 +0,0 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("../../components/text/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/text/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../../components/designer-canvas/index.umd.js"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.text={},t.FText,t.dynamicResolver,t.Vue,t.designerCanvas))})(this,function(t,n,d,e,m){"use strict";const f=new Map([["appearance",d.resolveAppearance]]);function x(i,o,s){return o}const y={title:"text",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:[]}}}}}},g={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/text.schema.json",title:"text",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for text",type:"string"},type:{description:"The type string of text",type:"string",default:"text"},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"]},h=e.defineComponent({name:"FTextDesign",props:n.textProps,emits:["update:modelValue"],setup(i,o){const s=e.ref(!0),r=e.ref(!0),j=e.ref(""),p=e.ref(0),l=e.ref(0),$=e.ref(i.modelValue),b=e.computed(()=>({"f-form-control-text":!s.value,"f-form-context-textarea":s,"f-component-text-auto-size":r.value})),q=e.computed(()=>({textalign:j.value,height:!r.value&&p.value>0?`${p.value}px`:"","min-height":!r.value&&p.value>0?`${p.value}px`:"","max-height":!r.value&&l.value>0?`${l.value}px`:""}));e.computed(()=>"");const a=e.ref(),C=e.inject("design-item-context"),u=m.useDesignerComponent(a,C);return e.onMounted(()=>{a.value.componentInstance=u}),o.expose(u.value),()=>e.createVNode("span",{ref:a,class:b.value,style:q.value},[$.value])}}),c=d.createPropsResolver(n.textProps,g,f,x,y),v={register(i,o,s,r){i.text=n,o.text=c},registerDesigner(i,o,s){i.text=h,o.text=c}};t.default=v,t.propsResolver=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});