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

package/components/splitter/index.umd.cjs

@@ -1 +1 @@
-(function(v,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es"),require("../notify/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js","lodash-es","../notify/index.umd.js"],a):(v=typeof globalThis<"u"?globalThis:v||self,a(v.splitter={},v.Vue,v.dynamicResolver,v.common,v.designerCanvas,v.LodashES,v.notify))})(this,function(v,a,P,E,R,j,$){"use strict";var ie=Object.defineProperty;var se=(v,a,P)=>a in v?ie(v,a,{enumerable:!0,configurable:!0,writable:!0,value:P}):v[a]=P;var C=(v,a,P)=>se(v,typeof a!="symbol"?a+"":a,P);const U=new Map([["appearance",P.resolveAppearance]]);function A(l,e,t){const i=l.getSchemaByType("splitter-pane");return i.appearance={class:"f-col-w6 f-page-content-nav"},i.position="left",e.contents.unshift(i),e}function q(l,e,t){const i=l.getSchemaByType("splitter-pane");return i.appearance={class:"f-page-content-main"},i.position="main",e.contents.push(i),e}function D(l,e,t){const i=t.parentComponentInstance;return String(i.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),A(l,e),q(l,e),e}function W(l,e,t){return e}const L={$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"]},I={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"row"}},B=P.createPropsResolver(I,L,U,D);function O(l){const e=a.ref(-1),t=a.ref(-1),i=a.ref(0),s=a.ref(0),r=a.ref(!1),n=a.ref(!1),c=a.computed(()=>({display:r.value?"block":"none",left:`${i.value}px`})),o=a.computed(()=>({display:n.value?"block":"none",top:`${s.value}px`})),d=a.computed(()=>({display:n.value||r.value?"block":"none"}));function p(u){const y=l.value;if(y){const{left:g}=y.getBoundingClientRect();i.value=u.clientX-g}}function m(u){const y=l.value;if(y){const{top:g}=y.getBoundingClientRect();s.value=u.clientY-g}}return{horizontalResizeHandleStyle:c,verticalResizeHandleStyle:o,resizeOverlayStyle:d,showHorizontalResizeHandle:r,showVerticalResizeHandle:n,horizontalResizeBarPosition:e,verticalResizeBarPosition:t,verticalResizeHandleOffset:s,horizontalResizeHandleOffset:i,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}}const V=a.defineComponent({name:"FSplitter",props:I,emits:[],setup(l,e){const t=a.ref(),i=O(t),{horizontalResizeHandleStyle:s,verticalResizeHandleStyle:r,resizeOverlayStyle:n}=i;a.provide("splitter",{useResizeHandleComposition:i});const c=a.computed(()=>{const d={"f-splitter":!0};return E.getCustomClass(d,l==null?void 0:l.customClass)}),o=a.computed(()=>{const d={"flex-direction":l.direction==="row"?"row":"column"};return E.getCustomStyle(d,l==null?void 0:l.customStyle)});return()=>a.createVNode("div",{class:c.value,ref:t,style:o.value},[e.slots.default&&e.slots.default(),a.createVNode("div",{class:"f-splitter-resize-overlay",style:n.value},null),a.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:s.value},null),a.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:r.value},null)])}}),_=new Map([["appearance",P.resolveAppearance]]),X={$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"]},N={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},resizeHandle:{type:String,default:""},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0}},T=P.createPropsResolver(N,X,_,W);function k(l,e){const t=a.ref(l.width),i=a.ref(l.height),{horizontalResizeBarPosition:s,horizontalResizeHandleOffset:r,showHorizontalResizeHandle:n,showVerticalResizeHandle:c,verticalResizeBarPosition:o,verticalResizeHandleOffset:d,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}=e;let u="",y,g;function w(b){if((u==="left"||u==="right")&&g){const{left:f}=g.getBoundingClientRect(),{width:h}=y.getBoundingClientRect(),z=b.clientX-f,S=u==="left"?(h||0)+(z-s.value):(h||0)-(z-s.value);t.value=l.minWidth>0?Math.max(l.minWidth,S):S}if((u==="top"||u==="bottom")&&g){const{top:f}=g.getBoundingClientRect(),{height:h}=y.getBoundingClientRect(),z=b.clientY-f,S=u==="top"?(h||0)+(z-o.value):(h||0)-(z-o.value);i.value=l.minHeight>0?Math.max(l.minHeight,S):S}r.value=0,d.value=0,s.value=-1,o.value=-1,n.value=!1,c.value=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",w),document.body.style.userSelect="",u="",y=null,g=null}function x(b,f,h){if(u=f,y=h,n.value=!0,g=b.composedPath().find(S=>S.className.split(" ")[0]==="f-splitter"),g){const{left:S}=g.getBoundingClientRect();r.value=b.clientX-S,s.value=b.clientX-S,document.addEventListener("mousemove",p),document.addEventListener("mouseup",w),document.body.style.userSelect="none"}}function M(b,f,h){if(u=f,y=h,c.value=!0,g=b.composedPath().find(S=>S.className.split(" ")[0]==="f-splitter"),g){const{top:S}=g.getBoundingClientRect();d.value=b.clientY-S,o.value=b.clientY-S,document.addEventListener("mousemove",m),document.addEventListener("mouseup",w),document.body.style.userSelect="none"}}return{actualWidth:t,actualHeight:i,onClickSplitterHorizontalResizeBar:x,onClickSplitterVerticalResizeBar:M}}const H=a.defineComponent({name:"FSplitterPane",props:N,emits:[],setup(l,e){const t=a.ref(),i=a.inject("splitter"),{useResizeHandleComposition:s}=i,r=k(l,s),{actualHeight:n,actualWidth:c,onClickSplitterHorizontalResizeBar:o,onClickSplitterVerticalResizeBar:d}=r,p=a.ref(l.position),m=a.computed(()=>{const f={"f-splitter-pane":!0,"f-splitter-pane-main":p.value==="center","has-resize-bar":l.resizable};return f["f-splitter-pane-"+p.value]=!0,E.getCustomClass(f,l==null?void 0:l.customClass)}),u=a.computed(()=>l.resizeHandle?l.resizeHandle.split(",").filter(f=>["e","n","s","w"].find(h=>h===f)):[]),y=a.computed(()=>{const f={};return(c.value||c.value===0)&&(p.value==="left"||p.value==="right"||u.value.find(h=>h==="e")||u.value.find(h=>h==="w"))&&(f.width=`${c.value}px`),(n.value||n.value===0)&&(p.value==="bottom"||p.value==="top"||u.value.find(h=>h==="s")||u.value.find(h=>h==="n"))&&(f.height=`${n.value}px`),E.getCustomStyle(f,l==null?void 0:l.customStyle)}),g=a.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":p.value==="left","f-splitter-resize-bar-n":p.value==="bottom","f-splitter-resize-bar-s":p.value==="top","f-splitter-resize-bar-w":p.value==="right"}));function w(f){return{e:"left",w:"right",s:"top",n:"bottom"}[f]||f}function x(f,h){h=w(h),["left","right"].find(z=>z===h)&&o(f,h,t.value),["top","bottom"].find(z=>z===h)&&d(f,h,t.value)}function M(){return u.value.length>0?u.value.map(f=>a.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+f,onMousedown:h=>x(h,f)},null)):a.createVNode("span",{class:g.value,onMousedown:f=>x(f,p.value)},null)}function b(){c.value=l.width,n.value=l.height,y.value}return e.expose({reset:b}),()=>a.createVNode("div",{ref:t,class:m.value,style:y.value},[e.slots.default&&e.slots.default(),l.resizable&&M()])}});function Y(l){const{formSchemaUtils:e,formStateMachineUtils:t}=l;function i(o,d=""){return{path:d+o.code,field:o.id,fullPath:o.code}}function s(o,d=""){return e.getViewModelById(o).states.map(m=>i(m,d))}function r(o){const d=e.getRootViewModelId(),p=s(o);if(o===d)return p;const m=s(d,"root-component.");return[...p,...m]}function n(o){return o.binding&&o.binding.path||o.id||""}function c(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:n,getStateMachines:c}}class G{constructor(e){C(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'"}]);C(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});C(this,"getExpressionConverter",(e,t)=>({convertFrom:(i,s,r,n)=>{const c=r.getExpressionRuleValue(e,t||s);return c&&c.value||""},convertTo:(i,s,r,n,c)=>{var o;if(s==="dataPicking"&&(r!=null&&r.target)){const d=`${r.target}_dataPicking`;((o=r.rules)==null?void 0:o.some(m=>m.id===d&&m.value))?i.dictPickingExpressionId=d:delete i.dictPickingExpressionId}n.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const i=this.formSchemaService.getExpressions();if(!i)return"";const s=i.find(n=>n.target===e);if(!s)return"";const r=s.rules.find(n=>n.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 s=[];return i.states.filter(r=>r.category==="remote").forEach(r=>{s.push({key:r.code,name:r.name,description:r.name,category:r.category})}),s}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(s=>{var c;const r=this.createTreeNode(s,t);let n=[];(c=s.type)!=null&&c.fields&&(n=this.buildEntityFieldsTreeData(s.type.fields,[...t,s.label])),i.push({data:r,children:n,expanded:!0})}),i}buildChildEntityTreeData(e=null,t){const i=[];return e==null||e.forEach(s=>{var o,d;const r=this.createTreeNode(s,t);r.type="entity";const n=this.buildEntityFieldsTreeData((o=s.type)==null?void 0:o.fields,[...t,s.label]),c=this.buildChildEntityTreeData((d=s.type)==null?void 0:d.entities,[...t,s.label]);c!=null&&c.length&&(n==null||n.push(...c)),i.push({data:r,children:n||[],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]),s=this.buildChildEntityTreeData(t.type.entities,[t.code]);return s!=null&&s.length&&(i==null||i.push(...s)),{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 s=i==="Field"?e.binding.field:e.id,r=this.getExpressionRule(s,t),n=this.getEntitiesAndVariables(),c={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...n};return r.messageType!=null&&(c.messageType=r.messageType),c}buildRule(e,t,i,s){const{expression:r,message:n,messageType:c}=t,o={id:`${e}_${i}`,type:i,value:r};return(i==="validate"||i==="dataPicking"||i==="required")&&(o.message=n),i==="dataPicking"&&(o.messageType=c),i==="validate"&&s&&(o.elementId=s),o}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,i,s){const r=t==="Field"?e.binding.field:e.id,n=this.buildRule(r,i,s,e.type==="form-group"?e.id:"");let o=this.getExpressionData().find(p=>p.targetType===t&&p.target===r);const d=p=>p.value.trim()==="";if(o){const p=o.rules.find(m=>m.id===n.id);if(p)d(n)?o.rules=o.rules.filter(m=>m.id!==n.id):(Object.assign(p,n),s==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(d(n))return null;o.rules=o.rules||[],o.rules.push(n)}}else{if(d(n))return null;o={target:`${r}`,rules:[n],targetType:t}}return o}getExpressionEditorOptions(e,t,i,s){return i.reduce((r,n)=>{var o,d;const c=t==="Field"?(o=e==null?void 0:e.binding)==null?void 0:o.field:e.id;return r[n]={hide:t==="Field"?!!((d=e==null?void 0:e.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[n],type:"string",$converter:this.getExpressionConverter(c),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[n]}编辑器`,showMessage:n==="validate"||n==="dataPicking"||n==="required",showMessageType:n==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),onSubmitModal:p=>{const m=this.updateExpression(e,t,p,n);if(s){const u=this.buildRule(c,p,n);s(u)}return m}}},r},{})}getExpressionInfo(e,t,i){const s=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(s,i),n={value:r&&r.value,targetId:s,targetType:t,expressionType:i};return r&&r.message&&(n.message=r.message),n}getExpressionConfig(e,t,i=["compute","dependency","validate"],s){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,i,s)}}}getExpressionOptions(e,t,i){const s=this.getExpressionInfo(e,t,i);return{dialogTitle:`${this.expressionNames[i]}编辑器`,singleExpand:!1,showMessage:i==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,i,t),expressionInfo:s}}}class F{constructor(e,t){C(this,"componentId");C(this,"viewModelId");C(this,"eventsEditorUtils");C(this,"formSchemaUtils");C(this,"formMetadataConverter");C(this,"designViewModelUtils");C(this,"designViewModelField");C(this,"controlCreatorUtils");C(this,"designerHostService");C(this,"designerContext");C(this,"schemaService",null);C(this,"metadataService",null);C(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 s=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=s.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:R.DgControl[e.type]&&R.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},i){const s={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 n in t)r[n]=Object.assign(r[n]||{},t[n]);return{...s,properties:{...r},setPropertyRelates(n,c){if(n){switch(n&&n.propertyID){case"class":case"style":{R.canvasChanged.value++;break}}i&&i(n,e,c)}}}}getPropertyEditorParams(e,t=[],i="visible",s={},r={},n=""){const{getVariables:c,getControlName:o,getStateMachines:d}=Y(this.designerHostService),p=this.getRealTargetType(e),m=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],u={type:"property-editor",propertyTypes:m};return m.map(y=>{switch(y){case"Const":Object.assign(u,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},s);break;case"Expression":u.expressionConfig=this.getExpressionOptions(e,p,n||i);break;case"StateMachine":u.stateMachines=d();break;case"Variable":Object.assign(u,{controlName:o(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:c(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:g=>{g.value=c(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(u.newVariablePrefix="ext_"+u.newVariablePrefix);break}}),u}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={},s){const r={title:"行为",description:""},n=this.getVisibleProperty(e,t);for(const o in i)n[o]=Object.assign(n[o]||{},i[o]);const c=this;return{...r,properties:{...n},setPropertyRelates(o,d){if(o){switch(o.propertyID){case"disabled":case"readonly":case"visible":c.afterMutilEditorChanged(e,o);break}s&&s(o,d)}}}}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 s=i.contents.findIndex(n=>n.id===e),r=j.cloneDeep(i.contents[s]);i.contents.splice(s,1),i.contents.splice(s,0,r),R.refreshCanvas()}addNewVariableToViewModel(e,t){const i=e.propertyValue;if(!(i&&typeof i=="object")||!(i.type==="Variable"&&i.isNewVariable))return;const n={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(n.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(n)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:r,expressionInfo:n}=t,{targetId:c,targetType:o,expressionType:d,value:p,message:m}=n,u=this.formSchemaUtils.getModule();u.expressions=u.expressions||[];const{expressions:y}=u;let g=y.find(x=>x.target===c);g||(g={target:c,rules:[],targetType:o},y.push(g));const w=g.rules.find(x=>x.type===d);if(w)w.value=p,w.message=m;else{const x={id:r,type:d,value:p,message:m};g.rules.push(x)}delete t.expressionInfo}clearExpression(e,t){const i=e.propertyValue;if(i&&i.type==="Expression")return;const r=e.propertyID,n=this.formSchemaUtils.getExpressions(),c=t.binding?t.binding.field:t.id,o=n.find(d=>d.target===c);!o||!o.rules||(o.rules=o.rules.filter(d=>d.type!==r))}getExpressionOptions(e,t,i){return new G(this.formSchemaUtils).getExpressionOptions(e,t,i)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-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 s;((s=i.controller)==null?void 0:s.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(i)}}},t}}class J extends F{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 s=t.propertyValue!=="column",r=s?"f-col-h":"f-col-w",n=s?"f-col-w":"f-col-h",c=s?["s","n"]:["e","w"];e==null||e.contents.forEach((o,d)=>{var p;(p=o.appearance)!=null&&p.class&&(o.appearance.class=o.appearance.class.replaceAll(r,n)),o.resizable===!0&&o.resizeHandle&&c.findIndex(m=>m===o.resizeHandle)>-1&&d===0&&(o.resizeHandle=s?"e":"s"),s&&o.minHeight&&(o.minHeight=null),!s&&o.minWidth&&(o.minWidth=null)})}}}}}function K(l,e){const t=new R.UseTemplateDragAndDropRules,{canMove:i,canDelete:s}=t.getTemplateRule(l,e),r=l.schema;function n(){return!1}function c(){return s}function o(){return i}function d(){return!0}function p(m){return new J(m,e).getPropertyConfig(r)}return{canAccepts:n,checkCanDeleteComponent:c,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:d,getPropsConfig:p}}const Q=a.defineComponent({name:"FSplitterDesign",props:I,emits:[],setup(l,e){const t=a.ref(),i=a.inject("designer-host-service"),s=a.inject("design-item-context"),r=K(s,i),n=R.useDesignerComponent(t,s,r);n.value.canNested=!1;const c=O(t),{horizontalResizeHandleStyle:o,verticalResizeHandleStyle:d,resizeOverlayStyle:p}=c;a.provide("splitter",{useResizeHandleComposition:c});const m=a.computed(()=>{const y={"f-splitter":!0};return E.getCustomClass(y,l==null?void 0:l.customClass)}),u=a.computed(()=>{const y={"flex-direction":l.direction==="row"?"row":"column"};return E.getCustomStyle(y,l==null?void 0:l.customStyle)});return a.onMounted(()=>{t.value.componentInstance=n}),e.expose(n.value),()=>a.createVNode("div",{class:m.value,ref:t,style:u.value},[e.slots.default&&e.slots.default(),a.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),a.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:o.value},null),a.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:d.value},null)])}});class Z extends F{constructor(t,i){super(t,i);C(this,"parentSplitterDirectionIsRow",!0);C(this,"positionIndex",-1);C(this,"notifyService");C(this,"designItemContext",null);this.notifyService=new $.FNotifyService}getPropertyConfig(t,i,s=!0,r=0){return this.parentSplitterDirectionIsRow=s,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,s=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:s},minHeight:{description:"面板最小高度",title:"最小高度（px）",type:"number",editor:{nullable:!0},visible:r}}}}getBehaviorProperties(t){const i=[{id:"e",name:"左侧"},{id:"w",name:"右侧"}],s=[{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:s}}},setPropertyRelates(n,c){var o,d,p;if(n)switch(n&&n.propertyID){case"resizable":{n.propertyValue&&(((p=(d=(o=r.designItemContext)==null?void 0:o.parent)==null?void 0:d.schema)==null?void 0:p.contents)||[]).find(u=>u.id!==t.id&&t.resizable)&&r.notifyService.warning({message:"相邻元素已启用拖拽功能",position:"top-center"});break}}}}}}function ee(l,e){const t=new R.UseTemplateDragAndDropRules,i=l.schema,{canAccept:s}=t.getTemplateRule(l,e);function r(d){return R.useDragulaCommonRule().basalDragulaRuleForContainer(d,e)?s:!1}function n(d){var y,g;const p=new Z(d,e),m=(((y=l==null?void 0:l.parent)==null?void 0:y.schema.direction)||"row")==="row",u=(((g=l==null?void 0:l.parent)==null?void 0:g.schema.contents)||[]).findIndex(w=>i.id===(w==null?void 0:w.id));return u===0&&!i.resizeHandle&&i.resizable&&(i.resizeHandle=m?"e":"s"),p.getPropertyConfig(i,l,m,u)}function c(){return!1}function o(){return!1}return{canAccepts:r,getPropsConfig:n,checkCanMoveComponent:c,checkCanDeleteComponent:o}}const te=a.defineComponent({name:"FSplitterPaneDesign",props:N,emits:[],setup(l,e){const t=a.ref(),i=a.inject("designer-host-service"),s=a.inject("design-item-context"),r=ee(s,i),n=R.useDesignerComponent(t,s,r);n.value.styles="padding:0;box-shadow:none;",n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,a.onMounted(()=>{t.value.componentInstance=n}),e.expose(n.value);const c=a.inject("splitter"),{useResizeHandleComposition:o}=c,d=k(l,o),{actualHeight:p,actualWidth:m}=d,u=a.ref(l.position),y=a.computed(()=>{const b={"f-splitter-pane":!0,"f-splitter-pane-main":u.value==="center","has-resize-bar":l.resizable,"f-component-splitter-pane":!0,"drag-container":!0};return b["f-splitter-pane-"+u.value]=!0,E.getCustomClass(b,l==null?void 0:l.customClass)}),g=a.computed(()=>l.resizeHandle?l.resizeHandle.split(",").filter(b=>["e","n","s","w"].find(f=>f===b)):[]),w=a.computed(()=>{const b={};return(m.value&&u.value==="left"||u.value==="right"||g.value.find(f=>f==="e")||g.value.find(f=>f==="w"))&&(b.width=`${m.value}px`),(p.value&&u.value==="bottom"||u.value==="top"||g.value.find(f=>f==="s")||g.value.find(f=>f==="n"))&&(b.height=`${p.value}px`),E.getCustomStyle(b,l==null?void 0:l.customStyle)}),x=a.computed(()=>({"no-drag":!0,"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":u.value==="left","f-splitter-resize-bar-n":u.value==="bottom","f-splitter-resize-bar-s":u.value==="top","f-splitter-resize-bar-w":u.value==="right"}));function M(){return g.value.length>0?g.value.map(b=>a.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+b},null)):a.createVNode("span",{class:x.value},null)}return()=>a.createVNode("div",{ref:t,"data-dragref":`${s.schema.id}-container`,class:y.value,style:w.value},[e.slots.default&&e.slots.default(),l.resizable&&M()])}});V.install=l=>{l.component(V.name,V),l.component(H.name,H)},V.register=(l,e,t,i)=>{l.splitter=V,e.splitter=B,l["splitter-pane"]=H,e["splitter-pane"]=T},V.registerDesigner=(l,e,t)=>{l.splitter=Q,e.splitter=B,l["splitter-pane"]=te,e["splitter-pane"]=T},v.FSplitter=V,v.FSplitterPane=H,v.default=V,v.splitterProps=I,v.splitterPropsResolver=B,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.splitter={},c.Vue,c.common))})(this,function(c,e,C){"use strict";const w={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"row"}};function E(t){const g=e.ref(-1),m=e.ref(-1),p=e.ref(0),f=e.ref(0),h=e.ref(!1),u=e.ref(!1),z=e.computed(()=>({display:h.value?"block":"none",left:`${p.value}px`})),y=e.computed(()=>({display:u.value?"block":"none",top:`${f.value}px`})),R=e.computed(()=>({display:u.value||h.value?"block":"none"}));function a(i){const r=t.value;if(r){const{left:s}=r.getBoundingClientRect();p.value=i.clientX-s}}function H(i){const r=t.value;if(r){const{top:s}=r.getBoundingClientRect();f.value=i.clientY-s}}return{horizontalResizeHandleStyle:z,verticalResizeHandleStyle:y,resizeOverlayStyle:R,showHorizontalResizeHandle:h,showVerticalResizeHandle:u,horizontalResizeBarPosition:g,verticalResizeBarPosition:m,verticalResizeHandleOffset:f,horizontalResizeHandleOffset:p,draggingHorizontalResizeHandle:a,draggingVerticalResizeHandle:H}}const b=e.defineComponent({name:"FSplitter",props:w,emits:[],setup(t,g){const m=e.ref(),p=E(m),{horizontalResizeHandleStyle:f,verticalResizeHandleStyle:h,resizeOverlayStyle:u}=p;e.provide("splitter",{useResizeHandleComposition:p});const z=e.computed(()=>{const R={"f-splitter":!0};return C.getCustomClass(R,t==null?void 0:t.customClass)}),y=e.computed(()=>{const R={"flex-direction":t.direction==="row"?"row":"column"};return C.getCustomStyle(R,t==null?void 0:t.customStyle)});return()=>e.createVNode("div",{class:z.value,ref:m,style:y.value},[g.slots.default&&g.slots.default(),e.createVNode("div",{class:"f-splitter-resize-overlay",style:u.value},null),e.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:f.value},null),e.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:h.value},null)])}}),j={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},resizeHandle:{type:String,default:""},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0}};function V(t,g){const m=e.ref(t.width),p=e.ref(t.height),{horizontalResizeBarPosition:f,horizontalResizeHandleOffset:h,showHorizontalResizeHandle:u,showVerticalResizeHandle:z,verticalResizeBarPosition:y,verticalResizeHandleOffset:R,draggingHorizontalResizeHandle:a,draggingVerticalResizeHandle:H}=g;let i="",r,s;function S(d){if((i==="left"||i==="right")&&s){const{left:n}=s.getBoundingClientRect(),{width:l}=r.getBoundingClientRect(),v=d.clientX-n,o=i==="left"?(l||0)+(v-f.value):(l||0)-(v-f.value);m.value=t.minWidth>0?Math.max(t.minWidth,o):o}if((i==="top"||i==="bottom")&&s){const{top:n}=s.getBoundingClientRect(),{height:l}=r.getBoundingClientRect(),v=d.clientY-n,o=i==="top"?(l||0)+(v-y.value):(l||0)-(v-y.value);p.value=t.minHeight>0?Math.max(t.minHeight,o):o}h.value=0,R.value=0,f.value=-1,y.value=-1,u.value=!1,z.value=!1,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",S),document.body.style.userSelect="",i="",r=null,s=null}function P(d,n,l){if(i=n,r=l,u.value=!0,s=d.composedPath().find(o=>o.className.split(" ")[0]==="f-splitter"),s){const{left:o}=s.getBoundingClientRect();h.value=d.clientX-o,f.value=d.clientX-o,document.addEventListener("mousemove",a),document.addEventListener("mouseup",S),document.body.style.userSelect="none"}}function B(d,n,l){if(i=n,r=l,z.value=!0,s=d.composedPath().find(o=>o.className.split(" ")[0]==="f-splitter"),s){const{top:o}=s.getBoundingClientRect();R.value=d.clientY-o,y.value=d.clientY-o,document.addEventListener("mousemove",H),document.addEventListener("mouseup",S),document.body.style.userSelect="none"}}return{actualWidth:m,actualHeight:p,onClickSplitterHorizontalResizeBar:P,onClickSplitterVerticalResizeBar:B}}const O=e.defineComponent({name:"FSplitterPane",props:j,emits:[],setup(t,g){const m=e.ref(),p=e.inject("splitter"),{useResizeHandleComposition:f}=p,h=V(t,f),{actualHeight:u,actualWidth:z,onClickSplitterHorizontalResizeBar:y,onClickSplitterVerticalResizeBar:R}=h,a=e.ref(t.position),H=e.computed(()=>{const n={"f-splitter-pane":!0,"f-splitter-pane-main":a.value==="center","has-resize-bar":t.resizable};return n["f-splitter-pane-"+a.value]=!0,C.getCustomClass(n,t==null?void 0:t.customClass)}),i=e.computed(()=>t.resizeHandle?t.resizeHandle.split(",").filter(n=>["e","n","s","w"].find(l=>l===n)):[]),r=e.computed(()=>{const n={};return(z.value||z.value===0)&&(a.value==="left"||a.value==="right"||i.value.find(l=>l==="e")||i.value.find(l=>l==="w"))&&(n.width=`${z.value}px`),(u.value||u.value===0)&&(a.value==="bottom"||a.value==="top"||i.value.find(l=>l==="s")||i.value.find(l=>l==="n"))&&(n.height=`${u.value}px`),C.getCustomStyle(n,t==null?void 0:t.customStyle)}),s=e.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":a.value==="left","f-splitter-resize-bar-n":a.value==="bottom","f-splitter-resize-bar-s":a.value==="top","f-splitter-resize-bar-w":a.value==="right"}));function S(n){return{e:"left",w:"right",s:"top",n:"bottom"}[n]||n}function P(n,l){l=S(l),["left","right"].find(v=>v===l)&&y(n,l,m.value),["top","bottom"].find(v=>v===l)&&R(n,l,m.value)}function B(){return i.value.length>0?i.value.map(n=>e.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+n,onMousedown:l=>P(l,n)},null)):e.createVNode("span",{class:s.value,onMousedown:n=>P(n,a.value)},null)}function d(){z.value=t.width,u.value=t.height,r.value}return g.expose({reset:d}),()=>e.createVNode("div",{ref:m,class:H.value,style:r.value},[g.slots.default&&g.slots.default(),t.resizable&&B()])}});b.install=t=>{t.component(b.name,b),t.component(O.name,O)},c.FSplitter=b,c.FSplitterPane=O,c.default=b,c.splitterPaneProps=j,c.splitterProps=w,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/step/index.esm.js

@@ -1,14 +1,15 @@
-import { defineComponent as A, ref as u, computed as d, watch as N, createVNode as l, inject as V, onMounted as E } from "vue";
+import { defineComponent as P, ref as u, computed as d, watch as N, createVNode as l, inject as V, onMounted as E } from "vue";
 import { resolveAppearance as G, createPropsResolver as H } from "../dynamic-resolver/index.esm.js";
-import { getCustomClass as q } from "../common/index.esm.js";
-import { useDesignerComponent as J } from "../designer-canvas/index.esm.js";
-const K = /* @__PURE__ */ new Map([
+import { getCustomClass as M } from "../common/index.esm.js";
+import { stepProps as J } from "../step/index.esm.js";
+import { useDesignerComponent as K } from "../designer-canvas/index.esm.js";
+const Q = /* @__PURE__ */ new Map([
   ["appearance", G]
 ]);
-function Q(c, p, o) {
+function U(c, p, o) {
   return p;
 }
-const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/step.schema.json", X = "step", Y = "A Farris Component", Z = "object", _ = {
+const W = "https://json-schema.org/draft/2020-12/schema", X = "https://farris-design.gitee.io/step.schema.json", Y = "step", Z = "A Farris Component", _ = "object", I = {
   id: {
     description: "The unique identifier for step",
     type: "string"
@@ -70,18 +71,18 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
     type: "boolean",
     default: !0
   }
-}, I = [
+}, x = [
   "id",
   "type"
-], x = {
-  $schema: U,
-  $id: W,
-  title: X,
-  description: Y,
-  type: Z,
-  properties: _,
-  required: I
-}, ee = "step", te = "A Farris Component", se = "object", ne = {
+], ee = {
+  $schema: W,
+  $id: X,
+  title: Y,
+  description: Z,
+  type: _,
+  properties: I,
+  required: x
+}, te = "step", se = "A Farris Component", ne = "object", ce = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -103,12 +104,12 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       }
     }
   }
-}, ce = {
-  title: ee,
-  description: te,
-  type: se,
-  categories: ne
-}, L = {
+}, le = {
+  title: te,
+  description: se,
+  type: ne,
+  categories: ce
+}, q = {
   /** 步骤条方向  */
   direction: { type: String, default: "horizontal" },
   /** 是否平铺 */
@@ -138,9 +139,9 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
   /** 步骤条点击后事件 */
   onClick: { type: Function, default: () => {
   } }
-}, D = H(L, x, K, Q, ce), g = /* @__PURE__ */ A({
+}, A = H(q, ee, Q, U, le), g = /* @__PURE__ */ P({
   name: "FStep",
-  props: L,
+  props: q,
   emits: ["click"],
   setup(c, p) {
     const o = u(c.direction), f = u(c.fill), C = u(c.height), v = u(c.steps), i = u(c.activeIndex), k = d(() => ({
@@ -159,7 +160,7 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
         current: e === i.value,
         finish: e < i.value
       };
-      return t.status && (a[t.status] = !0), q(a, t.class || "");
+      return t.status && (a[t.status] = !0), M(a, t.class || "");
     }
     function $(t, e) {
       if (!c.clickable)
@@ -170,7 +171,7 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       };
       p.emit("click", a);
     }
-    function y(t, e) {
+    function m(t, e) {
       const a = {
         "f-progressstep-row": !0,
         "step-active": e === i.value,
@@ -179,8 +180,8 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       };
       return t.status && (a["step-" + t.status] = !0), a;
     }
-    function m(t, e) {
-      return q({
+    function y(t, e) {
+      return M({
         "step-icon": !0,
         "step-success": e,
         "f-icon": e,
@@ -190,11 +191,11 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
     function R(t, e) {
       const a = [];
       return t.icon ? a.push(l("span", {
-        class: m(t, !1)
+        class: y(t, !1)
       }, null)) : e >= i.value ? a.push(l("span", {
         class: "step-icon"
       }, [e + 1])) : a.push(l("span", {
-        class: m(t, !0)
+        class: y(t, !0)
       }, null)), a;
     }
     function T(t, e) {
@@ -203,7 +204,7 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
         "step-name-success": e < i.value
       };
     }
-    function M(t, e) {
+    function L(t, e) {
       return l("div", {
         class: "f-progress-step-title"
       }, [l("p", {
@@ -228,10 +229,10 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
         class: b(t, e),
         onClick: (a) => $(t, e)
       }, [l("div", {
-        class: y(t, e)
+        class: m(t, e)
       }, [l("div", {
         class: "f-progress-step-content"
-      }, [R(t, e), M(t, e)]), j(t, e) && l("div", {
+      }, [R(t, e), L(t, e)]), j(t, e) && l("div", {
         class: w(t, e)
       }, [l("span", {
         class: z.value
@@ -246,16 +247,16 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       style: S.value
     }, [O()])]);
   }
-}), le = /* @__PURE__ */ A({
+}), ie = /* @__PURE__ */ P({
   name: "FStepDesign",
-  props: L,
+  props: J,
   emits: [],
   setup(c, p) {
-    const o = u(c.direction), f = u(c.fill), C = u(c.height), v = u(c.steps), i = u(0), k = u(c.clickable), S = u(0), b = u(), $ = V("design-item-context"), y = J(b, $);
+    const o = u(c.direction), f = u(c.fill), C = u(c.height), v = u(c.steps), i = u(0), k = u(c.clickable), S = u(0), b = u(), $ = V("design-item-context"), m = K(b, $);
     E(() => {
-      b.value.componentInstance = y;
-    }), p.expose(y.value);
-    const m = d(() => ({
+      b.value.componentInstance = m;
+    }), p.expose(m.value);
+    const y = d(() => ({
       "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,
@@ -273,7 +274,7 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       };
       return n < i.value && (r.finish = !0), s.status && (r[s.status] = !0), s.hasOwnProperty("class") && s.class.split(" ").reduce((h, F) => (h[F] = !0, h), r), r;
     }
-    function M(s, n) {
+    function L(s, n) {
     }
     function w(s, n) {
       const r = {
@@ -324,7 +325,7 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
     function a(s, n) {
       return n !== v.value.length - 1;
     }
-    const P = d(() => ({
+    const D = d(() => ({
       triangle: !0,
       "": o.value === "vertical"
     }));
@@ -339,14 +340,14 @@ const U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
       }, [z(s, n), t(s, n)]), a(s, n) && l("div", {
         class: e(s, n)
       }, [l("span", {
-        class: P.value
+        class: D.value
       }, null)])])]));
     }
     return () => l("div", {
       ref: b,
       class: "f-progress-step"
     }, [l("ul", {
-      class: m.value,
+      class: y.value,
       style: R.value
     }, [B()])]);
   }
@@ -355,14 +356,14 @@ g.install = (c) => {
   c.component(g.name, g);
 };
 g.register = (c, p, o, f) => {
-  c.step = g, p.step = D;
+  c.step = g, p.step = A;
 };
 g.registerDesigner = (c, p, o) => {
-  c.step = le, p.step = D;
+  c.step = ie, p.step = A;
 };
 export {
   g as FStep,
   g as default,
-  D as propsResolver,
-  L as stepProps
+  A as propsResolver,
+  q as stepProps
 };

package/components/step/index.umd.cjs

@@ -1 +1 @@
-(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.step={},u.Vue,u.dynamicResolver,u.common,u.designerCanvas))})(this,function(u,e,M,w,L){"use strict";const P=new Map([["appearance",M.resolveAppearance]]);function A(r,p,o){return p}const D={$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"]},B={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:[]}}}}}},v={direction:{type:String,default:"horizontal"},fill:{type:Boolean,default:!1},height:{type:Number,default:0},clickable:{type:Boolean,default:!0},steps:{type:Array,default:[{id:"1",title:"审批中（示例）",description:"正在审批"},{id:"2",title:"复核中（示例）",description:"等待复核"}]},activeIndex:{type:Number,default:0},onClick:{type:Function,default:()=>{}}},O=M.createPropsResolver(v,D,P,A,B),d=e.defineComponent({name:"FStep",props:v,emits:["click"],setup(r,p){const o=e.ref(r.direction),f=e.ref(r.fill),N=e.ref(r.height),g=e.ref(r.steps),i=e.ref(r.activeIndex),V=e.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})),k=e.computed(()=>({height:o.value==="vertical"?`${N.value}px`:""}));function m(s,t){const l={step:!0,active:t===i.value,clickable:r.clickable,current:t===i.value,finish:t<i.value};return s.status&&(l[s.status]=!0),w.getCustomClass(l,s.class||"")}function S(s,t){if(!r.clickable)return;const l={step:s,stepIndex:t};p.emit("click",l)}function y(s,t){const l={"f-progressstep-row":!0,"step-active":t===i.value,"step-current":t===i.value,"step-finish":t<i.value};return s.status&&(l["step-"+s.status]=!0),l}function b(s,t){const l={"step-icon":!0,"step-success":t,"f-icon":t,"f-icon-check":t};return w.getCustomClass(l,s.icon||"")}function $(s,t){const l=[];return s.icon?l.push(e.createVNode("span",{class:b(s,!1)},null)):t>=i.value?l.push(e.createVNode("span",{class:"step-icon"},[t+1])):l.push(e.createVNode("span",{class:b(s,!0)},null)),l}function T(s,t){return{"step-name":!0,"step-name-success":t<i.value}}function z(s,t){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:T(s,t)},[s.title])])}function q(s,t){return{"f-progress-step-line":!0,"f-progress-step-line-success":t===i.value}}function j(s,t){return t!==g.value.length-1}const R=e.computed(()=>({triangle:!0,"":o.value==="vertical"}));function C(){return g.value.map((s,t)=>e.createVNode("li",{class:m(s,t),onClick:l=>S(s,t)},[e.createVNode("div",{class:y(s,t)},[e.createVNode("div",{class:"f-progress-step-content"},[$(s,t),z(s,t)]),j(s,t)&&e.createVNode("div",{class:q(s,t)},[e.createVNode("span",{class:R.value},null)])])]))}return e.watch(()=>r.activeIndex,()=>{r.activeIndex>-1&&r.activeIndex<=g.value.length&&(i.value=r.activeIndex,C())}),()=>e.createVNode("div",{class:"f-progress-step"},[e.createVNode("ul",{class:V.value,style:k.value},[C()])])}}),_=e.defineComponent({name:"FStepDesign",props:v,emits:[],setup(r,p){const o=e.ref(r.direction),f=e.ref(r.fill),N=e.ref(r.height),g=e.ref(r.steps),i=e.ref(0),V=e.ref(r.clickable),k=e.ref(0),m=e.ref(),S=e.inject("design-item-context"),y=L.useDesignerComponent(m,S);e.onMounted(()=>{m.value.componentInstance=y}),p.expose(y.value);const b=e.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})),$=e.computed(()=>({height:o.value==="vertical"?`${N.value}px`:""}));function T(n,c){const a={step:!0,active:c===i.value,clickable:V.value,"click-disable":n.disable,current:c===i.value};return c<i.value&&(a.finish=!0),n.status&&(a[n.status]=!0),n.hasOwnProperty("class")&&n.class.split(" ").reduce((h,F)=>(h[F]=!0,h),a),a}function z(n,c){}function q(n,c){const a={"f-progressstep-row":!0,"step-active":c===i.value,"step-current":c===i.value};return c<i.value&&(a["step-finish"]=!0),n.status&&(a["step-"+n.status]=!0),a}function j(n,c){const a={"step-icon":!0,"step-success":c,"k-icon":c,"k-i-check":c};return n.hasOwnProperty("icon")&&n.class.split(" ").reduce((h,F)=>(h[F]=!0,h),a),a}function R(n,c){const a=[];return n.icon?a.push(e.createVNode("span",{class:j(n,!1)},null)):c>=i.value||c===k.value?a.push(e.createVNode("span",{class:"step-icon"},[c+1])):a.push(e.createVNode("span",{class:j(n,!0)},null)),a}function C(n,c){return{"step-name":!0,"step-name-success":c<i.value}}function s(n,c){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:C(n,c)},[n.title])])}function t(n,c){return{"f-progress-step-line":!0,"f-progress-step-line-success":c===i.value}}function l(n,c){return c!==g.value.length-1}const x=e.computed(()=>({triangle:!0,"":o.value==="vertical"}));function E(){return g.value.map((n,c)=>e.createVNode("li",{class:T(n,c),onClick:a=>void 0},[e.createVNode("div",{class:q(n,c)},[e.createVNode("div",{class:"f-progress-step-content"},[R(n,c),s(n,c)]),l(n,c)&&e.createVNode("div",{class:t(n,c)},[e.createVNode("span",{class:x.value},null)])])]))}return()=>e.createVNode("div",{ref:m,class:"f-progress-step"},[e.createVNode("ul",{class:b.value,style:$.value},[E()])])}});d.install=r=>{r.component(d.name,d)},d.register=(r,p,o,f)=>{r.step=d,p.step=O},d.registerDesigner=(r,p,o)=>{r.step=_,p.step=O},u.FStep=d,u.default=d,u.propsResolver=O,u.stepProps=v,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../step/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../step/index.umd.js","../designer-canvas/index.umd.js"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.step={},u.Vue,u.dynamicResolver,u.common,u.step,u.designerCanvas))})(this,function(u,e,M,w,P,L){"use strict";const A=new Map([["appearance",M.resolveAppearance]]);function D(r,p,o){return p}const B={$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"]},x={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:[]}}}}}},C={direction:{type:String,default:"horizontal"},fill:{type:Boolean,default:!1},height:{type:Number,default:0},clickable:{type:Boolean,default:!0},steps:{type:Array,default:[{id:"1",title:"审批中（示例）",description:"正在审批"},{id:"2",title:"复核中（示例）",description:"等待复核"}]},activeIndex:{type:Number,default:0},onClick:{type:Function,default:()=>{}}},O=M.createPropsResolver(C,B,A,D,x),d=e.defineComponent({name:"FStep",props:C,emits:["click"],setup(r,p){const o=e.ref(r.direction),f=e.ref(r.fill),N=e.ref(r.height),g=e.ref(r.steps),i=e.ref(r.activeIndex),V=e.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})),k=e.computed(()=>({height:o.value==="vertical"?`${N.value}px`:""}));function m(s,t){const l={step:!0,active:t===i.value,clickable:r.clickable,current:t===i.value,finish:t<i.value};return s.status&&(l[s.status]=!0),w.getCustomClass(l,s.class||"")}function S(s,t){if(!r.clickable)return;const l={step:s,stepIndex:t};p.emit("click",l)}function v(s,t){const l={"f-progressstep-row":!0,"step-active":t===i.value,"step-current":t===i.value,"step-finish":t<i.value};return s.status&&(l["step-"+s.status]=!0),l}function y(s,t){const l={"step-icon":!0,"step-success":t,"f-icon":t,"f-icon-check":t};return w.getCustomClass(l,s.icon||"")}function $(s,t){const l=[];return s.icon?l.push(e.createVNode("span",{class:y(s,!1)},null)):t>=i.value?l.push(e.createVNode("span",{class:"step-icon"},[t+1])):l.push(e.createVNode("span",{class:y(s,!0)},null)),l}function T(s,t){return{"step-name":!0,"step-name-success":t<i.value}}function z(s,t){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:T(s,t)},[s.title])])}function q(s,t){return{"f-progress-step-line":!0,"f-progress-step-line-success":t===i.value}}function b(s,t){return t!==g.value.length-1}const R=e.computed(()=>({triangle:!0,"":o.value==="vertical"}));function j(){return g.value.map((s,t)=>e.createVNode("li",{class:m(s,t),onClick:l=>S(s,t)},[e.createVNode("div",{class:v(s,t)},[e.createVNode("div",{class:"f-progress-step-content"},[$(s,t),z(s,t)]),b(s,t)&&e.createVNode("div",{class:q(s,t)},[e.createVNode("span",{class:R.value},null)])])]))}return e.watch(()=>r.activeIndex,()=>{r.activeIndex>-1&&r.activeIndex<=g.value.length&&(i.value=r.activeIndex,j())}),()=>e.createVNode("div",{class:"f-progress-step"},[e.createVNode("ul",{class:V.value,style:k.value},[j()])])}}),_=e.defineComponent({name:"FStepDesign",props:P.stepProps,emits:[],setup(r,p){const o=e.ref(r.direction),f=e.ref(r.fill),N=e.ref(r.height),g=e.ref(r.steps),i=e.ref(0),V=e.ref(r.clickable),k=e.ref(0),m=e.ref(),S=e.inject("design-item-context"),v=L.useDesignerComponent(m,S);e.onMounted(()=>{m.value.componentInstance=v}),p.expose(v.value);const y=e.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})),$=e.computed(()=>({height:o.value==="vertical"?`${N.value}px`:""}));function T(n,c){const a={step:!0,active:c===i.value,clickable:V.value,"click-disable":n.disable,current:c===i.value};return c<i.value&&(a.finish=!0),n.status&&(a[n.status]=!0),n.hasOwnProperty("class")&&n.class.split(" ").reduce((h,F)=>(h[F]=!0,h),a),a}function z(n,c){}function q(n,c){const a={"f-progressstep-row":!0,"step-active":c===i.value,"step-current":c===i.value};return c<i.value&&(a["step-finish"]=!0),n.status&&(a["step-"+n.status]=!0),a}function b(n,c){const a={"step-icon":!0,"step-success":c,"k-icon":c,"k-i-check":c};return n.hasOwnProperty("icon")&&n.class.split(" ").reduce((h,F)=>(h[F]=!0,h),a),a}function R(n,c){const a=[];return n.icon?a.push(e.createVNode("span",{class:b(n,!1)},null)):c>=i.value||c===k.value?a.push(e.createVNode("span",{class:"step-icon"},[c+1])):a.push(e.createVNode("span",{class:b(n,!0)},null)),a}function j(n,c){return{"step-name":!0,"step-name-success":c<i.value}}function s(n,c){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:j(n,c)},[n.title])])}function t(n,c){return{"f-progress-step-line":!0,"f-progress-step-line-success":c===i.value}}function l(n,c){return c!==g.value.length-1}const E=e.computed(()=>({triangle:!0,"":o.value==="vertical"}));function G(){return g.value.map((n,c)=>e.createVNode("li",{class:T(n,c),onClick:a=>void 0},[e.createVNode("div",{class:q(n,c)},[e.createVNode("div",{class:"f-progress-step-content"},[R(n,c),s(n,c)]),l(n,c)&&e.createVNode("div",{class:t(n,c)},[e.createVNode("span",{class:E.value},null)])])]))}return()=>e.createVNode("div",{ref:m,class:"f-progress-step"},[e.createVNode("ul",{class:y.value,style:$.value},[G()])])}});d.install=r=>{r.component(d.name,d)},d.register=(r,p,o,f)=>{r.step=d,p.step=O},d.registerDesigner=(r,p,o)=>{r.step=_,p.step=O},u.FStep=d,u.default=d,u.propsResolver=O,u.stepProps=C,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});