@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

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,F,M,L){"use strict";const P=new Map([["appearance",F.resolveAppearance]]);function A(i,p,a){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"]},D={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:[]}}}}}},y={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},visible:{type:Boolean,default:!0},onClick:{type:Function,default:()=>{}}},C=F.createPropsResolver(y,B,P,A,D),f=e.defineComponent({name:"FStep",props:y,emits:["click"],setup(i,p){const a=e.ref(i.direction),g=e.ref(i.fill),O=e.ref(i.height),o=e.ref(i.activeIndex),d=e.computed(()=>({"f-progress-step-list":a.value==="horizontal","f-progress-step-list-block":a.value==="vertical","f-progress-step-horizontal-fill":a.value==="horizontal"&&g.value,"f-progress-step-vertical-fill":a.value==="vertical"&&g.value})),N=e.computed(()=>({height:a.value==="vertical"?`${O.value}px`:""}));function V(s,t){const r={step:!0,active:t===o.value,clickable:i.clickable,current:t===o.value,finish:t<o.value};return s.status&&(r[s.status]=!0),M.getCustomClass(r,s.class||"")}function m(s,t){if(!i.clickable)return;const r={step:s,stepIndex:t};p.emit("click",r)}function k(s,t){const r={"f-progressstep-row":!0,"step-active":t===o.value,"step-current":t===o.value,"step-finish":t<o.value};return s.status&&(r["step-"+s.status]=!0),r}function v(s,t){const r={"step-icon":!0,"step-success":t,"f-icon":t,"f-icon-check":t};return M.getCustomClass(r,s.icon||"")}function S(s,t){const r=[];return s.icon?r.push(e.createVNode("span",{class:v(s,!1)},null)):t>=o.value?r.push(e.createVNode("span",{class:"step-icon"},[t+1])):r.push(e.createVNode("span",{class:v(s,!0)},null)),r}function $(s,t){return{"step-name":!0,"step-name-success":t<o.value}}function T(s,t){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:$(s,t)},[s.title])])}function w(s,t){return{"f-progress-step-line":!0,"f-progress-step-line-success":t===o.value}}function q(s,t){return t!==i.steps.length-1}const b=e.computed(()=>({triangle:!0,"":a.value==="vertical"}));function j(){return i.steps.map((s,t,r)=>e.createVNode("li",{class:V(s,t),onClick:z=>m(s,t)},[p.slots.stepTemplate?p.slots.stepTemplate({step:s,index:t,length:r.length,activeIndex:o.value,direction:a.value}):e.createVNode("div",{class:k(s,t)},[e.createVNode("div",{class:"f-progress-step-content"},[S(s,t),T(s,t)]),q(s,t)&&e.createVNode("div",{class:w(s,t)},[e.createVNode("span",{class:b.value},null)])])]))}return e.watch(()=>i.activeIndex,()=>{i.activeIndex>-1&&i.activeIndex<=i.steps.length&&(o.value=i.activeIndex,j())}),()=>i.visible&&e.createVNode("div",{class:"f-progress-step"},[e.createVNode("ul",{class:d.value,style:N.value},[j()])])}}),_=e.defineComponent({name:"FStepDesign",props:y,emits:[],setup(i,p){const a=e.ref(i.direction),g=e.ref(i.fill),O=e.ref(i.height),o=e.ref(i.steps),d=e.ref(0),N=e.ref(i.clickable),V=e.ref(0),m=e.ref(),k=e.inject("design-item-context"),v=L.useDesignerComponent(m,k);e.onMounted(()=>{m.value.componentInstance=v}),p.expose(v.value);const S=e.computed(()=>({"f-progress-step-list":a.value==="horizontal","f-progress-step-list-block":a.value==="vertical","f-progress-step-horizontal-fill":a.value==="horizontal"&&g.value,"f-progress-step-vertical-fill":a.value==="vertical"&&g.value})),$=e.computed(()=>({height:a.value==="vertical"?`${O.value}px`:""}));function T(n,c){const l={step:!0,active:c===d.value,clickable:N.value,"click-disable":n.disable,current:c===d.value};return c<d.value&&(l.finish=!0),n.status&&(l[n.status]=!0),n.hasOwnProperty("class")&&n.class.split(" ").reduce((h,R)=>(h[R]=!0,h),l),l}function w(n,c){}function q(n,c){const l={"f-progressstep-row":!0,"step-active":c===d.value,"step-current":c===d.value};return c<d.value&&(l["step-finish"]=!0),n.status&&(l["step-"+n.status]=!0),l}function b(n,c){const l={"step-icon":!0,"step-success":c,"k-icon":c,"k-i-check":c};return n.hasOwnProperty("icon")&&n.class.split(" ").reduce((h,R)=>(h[R]=!0,h),l),l}function j(n,c){const l=[];return n.icon?l.push(e.createVNode("span",{class:b(n,!1)},null)):c>=d.value||c===V.value?l.push(e.createVNode("span",{class:"step-icon"},[c+1])):l.push(e.createVNode("span",{class:b(n,!0)},null)),l}function s(n,c){return{"step-name":!0,"step-name-success":c<d.value}}function t(n,c){return e.createVNode("div",{class:"f-progress-step-title"},[e.createVNode("p",{class:s(n,c)},[n.title])])}function r(n,c){return{"f-progress-step-line":!0,"f-progress-step-line-success":c===d.value}}function z(n,c){return c!==o.value.length-1}const E=e.computed(()=>({triangle:!0,"":a.value==="vertical"}));function G(){return o.value.map((n,c)=>e.createVNode("li",{class:T(n,c),onClick:l=>void 0},[e.createVNode("div",{class:q(n,c)},[e.createVNode("div",{class:"f-progress-step-content"},[j(n,c),t(n,c)]),z(n,c)&&e.createVNode("div",{class:r(n,c)},[e.createVNode("span",{class:E.value},null)])])]))}return()=>e.createVNode("div",{ref:m,class:"f-progress-step"},[e.createVNode("ul",{class:S.value,style:$.value},[G()])])}});f.install=i=>{i.component(f.name,f)},f.register=(i,p,a,g)=>{i.step=f,p.step=C},f.registerDesigner=(i,p,a)=>{i.step=_,p.step=C},u.FStep=f,u.default=f,u.propsResolver=C,u.stepProps=y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(v,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],l):(v=typeof globalThis<"u"?globalThis:v||self,l(v.step={},v.Vue,v.dynamicResolver,v.common,v.designerCanvas,v.LodashES))})(this,function(v,l,P,B,I,U){"use strict";var W=Object.defineProperty;var X=(v,l,P)=>l in v?W(v,l,{enumerable:!0,configurable:!0,writable:!0,value:P}):v[l]=P;var w=(v,l,P)=>X(v,typeof l!="symbol"?l+"":l,P);const $=new Map([["appearance",P.resolveAppearance]]);function q(c,e){const{formSchemaUtils:t,designViewModelUtils:s}=e;function i(a,o){var d,f,h,b;return(f=(d=o==null?void 0:o.parentComponentInstance)==null?void 0:d.schema)==null||f.type,(b=(h=t.getFormSchema())==null?void 0:h.module)==null||b.templateId,a}function r(a){const o=c.getSchemaByType("component");return Object.assign(o,{id:`${a.componentId}-component`,contents:[],type:"wizard",appearance:{class:"h-100"},steps:[],clickable:!0,fill:!1,direction:"vertical",activeIndex:0}),o}function n(a){const o=r(a);return i(o,a)}return{createComponent:n}}function z(c,e,t,s){var r,n,a,o,d,f;const i=t.parentComponentInstance;if(i&&s){const h=Math.random().toString(36).slice(2,6),b={componentId:`step-${h}`,componentName:((r=t.bindingSourceContext)==null?void 0:r.entityTitle)||((a=(n=t.bindingSourceContext)==null?void 0:n.bindingEntity)==null?void 0:a.name)||`列表-${h}`,componentType:"step",parentContainerId:i.schema.id,parentComponentInstance:i,bindTo:((o=t.bindingSourceContext)==null?void 0:o.bindTo)||"",dataSource:(f=(d=t.bindingSourceContext)==null?void 0:d.bindingEntity)==null?void 0:f.label},{createComponent:M}=q(c,s);return M(b)}else return e}const A={$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},visible:{description:"",type:"boolean",default:!0},direction:{description:"排列方式",type:"enum",default:"horizontal"},steps:{description:"步骤条",type:"array"},activeIndex:{description:"当前索引",type:"number",default:-1},clickable:{description:"是否允许点击",type:"boolean",default:!0},fill:{description:"是否填充",type:"boolean",default:!0}},required:["id","type"]},T={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},visible:{type:Boolean,default:!0},onClick:{type:Function,default:()=>{}}},j=P.createPropsResolver(T,A,$,z),S=l.defineComponent({name:"FStep",props:T,emits:["click"],setup(c,e){const t=l.ref(c.activeIndex),s=l.computed(()=>({"f-progress-step-list":c.direction==="horizontal","f-progress-step-list-block":c.direction==="vertical","f-progress-step-horizontal-fill":c.direction==="horizontal"&&c.fill,"f-progress-step-vertical-fill":c.direction==="vertical"&&c.fill})),i=l.computed(()=>({overflow:"auto"}));function r(u,p){const y={step:!0,active:p===t.value,clickable:c.clickable,current:p===t.value,finish:p<t.value};return u.status&&(y[u.status]=!0),B.getCustomClass(y,u.class||"")}function n(u,p){if(!c.clickable)return;t.value=p;const y={step:u,stepIndex:p};e.emit("click",y)}function a(u,p){const y={"f-progressstep-row":!0,"step-active":p===t.value,"step-current":p===t.value,"step-finish":p<t.value};return u.status&&(y["step-"+u.status]=!0),y}function o(u,p){const y={"step-icon":!0,"step-success":p,"f-icon":p,"f-icon-check":p};return B.getCustomClass(y,u.icon||"")}function d(u,p){const y=[];return u.icon?y.push(l.createVNode("span",{class:o(u,!1)},null)):p>=t.value?y.push(l.createVNode("span",{class:"step-icon"},[p+1])):y.push(l.createVNode("span",{class:o(u,!0)},null)),y}function f(u,p){return{"step-name":!0,"step-name-success":p<t.value}}function h(u,p){return l.createVNode("div",{class:"f-progress-step-title"},[l.createVNode("p",{class:f(u,p)},[u.title])])}function b(u,p){return{"f-progress-step-line":!0,"f-progress-step-line-success":p===t.value}}function M(u,p){return p!==c.steps.length-1}const x=l.computed(()=>({triangle:!0}));function E(){return c.steps.map((u,p,y)=>l.createVNode("li",{class:r(u,p),onClick:k=>n(u,p)},[e.slots.stepTemplate?e.slots.stepTemplate({step:u,index:p,length:y.length,activeIndex:t.value,direction:c.direction}):l.createVNode("div",{class:a(u,p)},[l.createVNode("div",{class:"f-progress-step-content"},[d(u,p),h(u,p)]),M(u,p)&&l.createVNode("div",{class:b(u,p)},[l.createVNode("span",{class:x.value},null)])])]))}return l.watch(()=>c.activeIndex,()=>{c.activeIndex>-1&&c.activeIndex<=c.steps.length&&(t.value=c.activeIndex)}),()=>c.visible&&l.createVNode("div",{class:"f-progress-step"},[l.createVNode("ul",{class:s.value,style:i.value},[E()])])}}),F={"tab-page":{type:"tab-page"},section:{type:"section"},"list-view":{name:"列表"}};function L(c){const{formSchemaUtils:e,formStateMachineUtils:t}=c;function s(o,d=""){return{path:d+o.code,field:o.id,fullPath:o.code}}function i(o,d=""){const f=e.getViewModelById(o);return f?f.states.map(h=>s(h,d)):[]}function r(o){const d=e.getRootViewModelId(),f=i(o);if(o===d)return f;const h=i(d,"root-component.");return[...f,...h]}function n(o){return o.binding&&o.binding.path||o.id||""}function a(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:n,getStateMachines:a}}class _{constructor(e){w(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'"}]);w(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});w(this,"getExpressionConverter",(e,t)=>({convertFrom:(s,i,r,n)=>{const a=r.getExpressionRuleValue(e,t||i);return a&&a.value||""},convertTo:(s,i,r,n,a)=>{var o;if(i==="dataPicking"&&(r!=null&&r.target)){const d=`${r.target}_dataPicking`;((o=r.rules)==null?void 0:o.some(h=>h.id===d&&h.value))?s.dictPickingExpressionId=d:delete s.dictPickingExpressionId}n.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const s=this.formSchemaService.getExpressions();if(!s)return"";const i=s.find(n=>n.target===e);if(!i)return"";const r=i.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(),s=this.formSchemaService.getViewModelById(t);if(!s||!s.states||s.states.length===0)return[];const i=[];return s.states.filter(r=>r.category==="remote").forEach(r=>{i.push({key:r.code,name:r.name,description:r.name,category:r.category})}),i}createTreeNode(e,t,s="label"){return{id:e.id,name:e.name,bindingPath:e[s],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const s=[];return e==null||e.forEach(i=>{var a;const r=this.createTreeNode(i,t);let n=[];(a=i.type)!=null&&a.fields&&(n=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),s.push({data:r,children:n,expanded:!0})}),s}buildChildEntityTreeData(e=null,t){const s=[];return e==null||e.forEach(i=>{var o,d;const r=this.createTreeNode(i,t);r.type="entity";const n=this.buildEntityFieldsTreeData((o=i.type)==null?void 0:o.fields,[...t,i.label]),a=this.buildChildEntityTreeData((d=i.type)==null?void 0:d.entities,[...t,i.label]);a!=null&&a.length&&(n==null||n.push(...a)),s.push({data:r,children:n||[],expanded:!0})}),s}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const s=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(s==null||s.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:s||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,s){const i=s==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,t),n=this.getEntitiesAndVariables(),a={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...n};return r.messageType!=null&&(a.messageType=r.messageType),a}buildRule(e,t,s,i){const{expression:r,message:n,messageType:a}=t,o={id:`${e}_${s}`,type:s,value:r};return(s==="validate"||s==="dataPicking"||s==="required")&&(o.message=n),s==="dataPicking"&&(o.messageType=a),s==="validate"&&i&&(o.elementId=i),o}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,s,i){const r=t==="Field"?e.binding.field:e.id,n=this.buildRule(r,s,i,e.type==="form-group"?e.id:"");let o=this.getExpressionData().find(f=>f.targetType===t&&f.target===r);const d=f=>f.value.trim()==="";if(o){const f=o.rules.find(h=>h.id===n.id);if(f)d(n)?o.rules=o.rules.filter(h=>h.id!==n.id):(Object.assign(f,n),i==="validate"&&e.type==="form-group"&&(f.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,s,i){return s.reduce((r,n)=>{var o,d;const a=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(a),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:f=>{const h=this.updateExpression(e,t,f,n);if(i){const b=this.buildRule(a,f,n);i(b)}return h}}},r},{})}getExpressionInfo(e,t,s){const i=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,s),n={value:r&&r.value,targetId:i,targetType:t,expressionType:s};return r&&r.message&&(n.message=r.message),n}getExpressionConfig(e,t,s=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,s,i)}}}getExpressionOptions(e,t,s){const i=this.getExpressionInfo(e,t,s);return{dialogTitle:`${this.expressionNames[s]}编辑器`,singleExpand:!1,showMessage:s==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),expressionInfo:i}}}class G{constructor(e,t){w(this,"componentId");w(this,"viewModelId");w(this,"eventsEditorUtils");w(this,"formSchemaUtils");w(this,"formMetadataConverter");w(this,"designViewModelUtils");w(this,"designViewModelField");w(this,"controlCreatorUtils");w(this,"designerHostService");w(this,"designerContext");w(this,"schemaService",null);w(this,"metadataService",null);w(this,"propertyConfig",{type:"object",categories:{}});var s;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((s=this.formSchemaUtils)==null?void 0:s.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 s;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(r=>r.id===t)}e.updateOn=(s=this.designViewModelField)==null?void 0:s.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:I.DgControl[e.type]&&I.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},s){const i={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{...i,properties:{...r},setPropertyRelates(n,a){if(n){switch(n&&n.propertyID){case"class":case"style":{I.canvasChanged.value++;break}}s&&s(n,e,a)}}}}getPropertyEditorParams(e,t=[],s="visible",i={},r={},n=""){const{getVariables:a,getControlName:o,getStateMachines:d}=L(this.designerHostService),f=this.getRealTargetType(e),h=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],b={type:"property-editor",propertyTypes:h};return h.map(M=>{switch(M){case"Const":Object.assign(b,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":b.expressionConfig=this.getExpressionOptions(e,f,n||s);break;case"StateMachine":b.stateMachines=d();break;case"Variable":Object.assign(b,{controlName:o(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:a(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:x=>{x.value=a(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(b.newVariablePrefix="ext_"+b.newVariablePrefix);break}}),b}getVisibleProperty(e,t=""){var r;let s=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?s=["Const","Expression"]:t==="form-group"&&!((r=e.binding)!=null&&r.field)?s=["Const","Variable","StateMachine"]:(t==="dataGrid"||t==="treeGrid"||t==="wizard")&&(s=["Const","Variable","Expression"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,s,"visible")}}}getBehaviorConfig(e,t="",s={},i){const r={title:"行为",description:""},n=this.getVisibleProperty(e,t);for(const o in s)n[o]=Object.assign(n[o]||{},s[o]);const a=this;return{...r,properties:{...n},setPropertyRelates(o,d){if(o){switch(o.propertyID){case"disabled":case"readonly":case"visible":a.afterMutilEditorChanged(e,o);break}i&&i(o,d)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const s=t&&t.parent&&t.parent.schema;if(!s)return;const i=s.contents.findIndex(n=>n.id===e),r=U.cloneDeep(s.contents[i]);s.contents.splice(i,1),s.contents.splice(i,0,r),I.refreshCanvas()}addNewVariableToViewModel(e,t){const s=e.propertyValue;if(!(s&&typeof s=="object")||!(s.type==="Variable"&&s.isNewVariable))return;const n={id:s.field,category:"locale",code:s.fullPath,name:s.fullPath,type:s.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete s.newVariableType,delete s.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:a,targetType:o,expressionType:d,value:f,message:h}=n,b=this.formSchemaUtils.getModule();b.expressions=b.expressions||[];const{expressions:M}=b;let x=M.find(u=>u.target===a);x||(x={target:a,rules:[],targetType:o},M.push(x));const E=x.rules.find(u=>u.type===d);if(E)E.value=f,E.message=h;else{const u={id:r,type:d,value:f,message:h};x.rules.push(u)}delete t.expressionInfo}clearExpression(e,t){const s=e.propertyValue;if(s&&s.type==="Expression")return;const r=e.propertyID,n=this.formSchemaUtils.getExpressions(),a=t.binding?t.binding.field:t.id,o=n.find(d=>d.target===a);!o||!o.rules||(o.rules=o.rules.filter(d=>d.type!==r))}getExpressionOptions(e,t,s){return new _(this.formSchemaUtils).getExpressionOptions(e,t,s)}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:s=>{var i;((i=s.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(s)}}},t}}class J extends G{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e,"step",{clickable:{description:"是否支持点击",title:"是否支持点击",type:"boolean"},steps:{title:"步骤条",type:"array",description:"是否填充",editor:{columns:[{field:"id",title:"值",dataType:"string"},{field:"title",title:"名称",dataType:"string"}],type:"item-collection-editor",valueField:"id",nameField:"title",requiredFields:["id","title"],uniqueFields:["id","title"]},refreshPanelAfterChanged:!0}}),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(e){const t=super.getBasicPropConfig(e);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...t.properties}}}assembleSchemaEntityToTree(e,t,s,i="",r=[]){const n=i?`${i}/${e.label}`:"/";return r.push({id:e.id,name:e.name,label:e.label,layer:t,parent:s&&s.id,bindTo:n.replace("//","/")}),e.type.entities&&e.type.entities.length&&e.type.entities.map(a=>this.assembleSchemaEntityToTree(a,t+1,e,n,r)),r}getAppearanceProperties(){this.propertyConfig.categories.appearance={title:"外观",properties:{fill:{title:"是否填充",type:"boolean",description:"是否填充"},direction:{title:"排列方式",type:"enum",description:"排列方式",editor:{data:[{id:"vertical",name:"垂直"},{id:"horizontal",name:"水平"}]}}}}}getEventPropConfig(e){var n;const t=[{label:"onClick",name:"点击事件"}];(n=e.pagination)==null||n.enable;const s=this,i=s.eventsEditorUtils.formProperties(e,s.viewModelId,t),r=s.createBaseEventProperty(i);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:r,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(a,o){const d=a.propertyValue;delete e[s.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,d.events,d))}}}}function K(c,e){const t=c.schema;function s(){return""}function i(f){return!1}function r(){return!0}function n(){return!0}function a(){return!0}function o(f){return new J(f,e).getPropertyConfig(t)}function d(){var f,h,b,M;if(c&&e){const x=(f=c==null?void 0:c.componentInstance)==null?void 0:f.value.belongedComponentId;let E="",u="";const{formSchemaUtils:p}=e;if(x){const k=p.getRootViewModelId(),R=p.getComponentByViewModelId(k),V=p.selectNode(R,g=>g.contents&&g.contents.find(m=>m.component===x));(V==null?void 0:V.type)===((h=F["tab-page"])==null?void 0:h.type)&&((b=V==null?void 0:V.contents)!=null&&b.length)&&(E=V.title||""),(V==null?void 0:V.type)===((M=F.section)==null?void 0:M.type)&&(V==null?void 0:V.showHeader)!==!1&&(E=V.mainTitle||""),E=E?`${E} > `:"",u=E?V.id:""}const y=F["list-view"].name;e==null||e.formSchemaUtils.getControlBasicInfoMap().set(c.schema.id,{componentTitle:y,parentPathName:`${E}${y}`,reliedComponentId:u})}}return{canAccepts:i,checkCanDeleteComponent:r,checkCanMoveComponent:n,hideNestedPaddingInDesginerView:a,getPropsConfig:o,setComponentBasicInfoMap:d,getDesignerClass:s}}const Q=l.defineComponent({name:"FStepDesign",props:T,emits:[],setup(c,e){const t=l.ref(0),s=l.ref(0),i=l.ref(),r=l.inject("designer-host-service"),n=l.inject("design-item-context"),a=K(n,r),o=I.useDesignerComponent(i,n,a);l.onMounted(()=>{i.value.componentInstance=o}),e.expose(o.value);const d=l.computed(()=>({"f-progress-step-list":c.direction==="horizontal","f-progress-step-list-block":c.direction==="vertical","f-progress-step-horizontal-fill":c.direction==="horizontal"&&c.fill,"f-progress-step-vertical-fill":c.direction==="vertical"&&c.fill})),f=l.computed(()=>({overflow:"auto"}));function h(g,m){const C={step:!0,active:m===t.value,clickable:c.clickable,"click-disable":g.disable,current:m===t.value};return m<t.value&&(C.finish=!0),g.status&&(C[g.status]=!0),g.hasOwnProperty("class")&&g.class.split(" ").reduce((N,O)=>(N[O]=!0,N),C),C}function b(g,m){}function M(g,m){const C={"f-progressstep-row":!0,"step-active":m===t.value,"step-current":m===t.value};return m<t.value&&(C["step-finish"]=!0),g.status&&(C["step-"+g.status]=!0),C}function x(g,m){const C={"step-icon":!0,"step-success":m,"k-icon":m,"k-i-check":m};return g.hasOwnProperty("icon")&&g.class.split(" ").reduce((N,O)=>(N[O]=!0,N),C),C}function E(g,m){const C=[];return g.icon?C.push(l.createVNode("span",{class:x(g,!1)},null)):m>=t.value||m===s.value?C.push(l.createVNode("span",{class:"step-icon"},[m+1])):C.push(l.createVNode("span",{class:x(g,!0)},null)),C}function u(g,m){return{"step-name":!0,"step-name-success":m<t.value}}function p(g,m){return l.createVNode("div",{class:"f-progress-step-title"},[l.createVNode("p",{class:u(g,m)},[g.title])])}function y(g,m){return{"f-progress-step-line":!0,"f-progress-step-line-success":m===t.value}}function k(g,m){return m!==c.steps.length-1}const R=l.computed(()=>({triangle:!0}));function V(){return c.steps.map((g,m)=>l.createVNode("li",{class:h(g,m),onClick:C=>void 0},[l.createVNode("div",{class:M(g,m)},[l.createVNode("div",{class:"f-progress-step-content"},[E(g,m),p(g,m)]),k(g,m)&&l.createVNode("div",{class:y(g,m)},[l.createVNode("span",{class:R.value},null)])])]))}return()=>l.createVNode("div",{ref:i,class:"f-progress-step"},[l.createVNode("ul",{class:d.value,style:f.value},[V()])])}});S.install=c=>{c.component(S.name,S)},S.register=(c,e,t,s)=>{c.step=S,e.step=j},S.registerDesigner=(c,e,t)=>{c.step=Q,e.step=j},v.FStep=S,v.default=S,v.propsResolver=j,v.stepProps=T,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});