@farris/ui-vue 1.3.0 → 1.3.1

package/components/events-editor/index.umd.cjs

@@ -1 +1 @@
-(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../schema-selector/index.umd.js"),require("../modal/index.umd.js"),require("../combo-list/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../schema-selector/index.umd.js","../modal/index.umd.js","../combo-list/index.umd.js"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k["events-editor"]={},k.Vue,k.LodashES,k.schemaSelector,k.modal))})(this,function(k,e,b,W,J){"use strict";const $={},I={};function F(t){const{properties:n,title:a,ignore:r}=t,d=r&&Array.isArray(r),f=Object.keys(n).reduce((s,v)=>((!d||!r.find(m=>m==v))&&(s[v]=n[v].type==="object"&&n[v].properties?F(n[v]):b.cloneDeep(n[v].default)),s),{});return(!d||!r.find(s=>s=="id"))&&(f.id=`${a}-${Date.now()}`),f}function j(t,n={},a){const r=$[t];if(r){let d=F(r);const f=I[t];return d=f?f({getSchemaByType:j},d,n,a):d,d}return null}function U(t,n){const a=F(n);return Object.keys(t).reduce((r,d)=>(r[d]&&b.isPlainObject(r[d])&&b.isPlainObject(t[d])?Object.assign(r[d],t[d]):r[d]=t[d],r),a),a}function Y(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,d)=>{if(n.has(d)){const f=n.get(d);if(typeof f=="string")r[f]=t[d];else{const s=f(d,t[d],t);Object.assign(r,s)}}else r[d]=t[d];return r},{})}function Q(t,n,a=new Map){const r=U(t,n);return Y(r,a)}function X(t={}){function n(c,i,o,l){if(typeof o=="number")return l[c].length===o;if(typeof o=="object"){const h=Object.keys(o)[0],u=o[h];if(h==="not")return Number(l[c].length)!==Number(u);if(h==="moreThan")return Number(l[c].length)>=Number(u);if(h==="lessThan")return Number(l[c].length)<=Number(u)}return!1}function a(c,i,o,l){return l[c]&&l[c].propertyValue&&String(l[c].propertyValue.value)===String(o)}const r=new Map([["length",n],["getProperty",a]]);Object.keys(t).reduce((c,i)=>(c.set(i,t[i]),c),r);function d(c,i){const o=c;return typeof i=="number"?[{target:o,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:o,operator:"getProperty",param:c,value:!!i}]:typeof i=="object"?Object.keys(i).map(l=>{if(l==="length")return{target:o,operator:"length",param:null,value:i[l]};const h=l,u=i[l];return{target:o,operator:"getProperty",param:h,value:u}}):[]}function f(c){return Object.keys(c).reduce((o,l)=>{const h=d(l,c[l]);return o.push(...h),o},[])}function s(c,i){if(r.has(c.operator)){const o=r.get(c.operator);return o&&o(c.target,c.param,c.value,i)||!1}return!1}function v(c,i){return f(c).reduce((h,u)=>h&&s(u,i),!0)}function m(c,i){const o=Object.keys(c),l=o.includes("allOf"),h=o.includes("anyOf"),u=l||h,g=(u?c[u?l?"allOf":"anyOf":"allOf"]:[c]).map(y=>v(y,i));return l?!g.includes(!1):g.includes(!0)}return{parseValueSchema:m}}const Z={},K={};X();function ee(t,n,a=new Map,r=(s,v,m)=>v,d={},f=s=>s){return $[n.title]=n,I[n.title]=r,Z[n.title]=d,K[n.title]=f,(s={})=>{const v=Q(s,n,a),m=Object.keys(t).reduce((c,i)=>(c[i]=t[i].default,c),{});return Object.assign(m,v)}}function ne(t,n){return{customClass:n.class,customStyle:n.style}}const te=new Map([["appearance",ne]]);function oe(t,n,a){return n}const re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/events-editor.schema.json",title:"events-editor",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for events-editor",type:"string"},type:{description:"The type events of events-editor",type:"events",default:"events-editor"},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"]},ae={title:"events-editor",description:"A Farris Component",type:"object",categories:{}},q=[{label:"pageChange",name:"MockMock切换页码"},{label:"pageSizeChanged",name:"Mock分页条数变化事件"},{label:"scrollYLoad",name:"Mock滚动加载事件"},{label:"onEditClicked",name:"Mock操作列点击编辑"},{label:"onDeleteClicked",name:"Mock操作列点击删除"}],A={initialData:{type:Object,default:{propertyID:"data-grid-component-viewmodel",propertyType:"events",internalCommandList:[{controllerName:{id:"70b4abd4-9f2c-4b7c-90e9-6ac6f4b74c72",label:"ListController",name:"列表控制器"},controllerList:[{id:"93ee1cd2-cf0b-40b3-b99f-958a3d1fad1c",label:"Load",name:"Mock加载数据",handlerName:"Load"},{id:"71ae8a4c-6202-4875-9246-2e2d959da37f",label:"Search",name:"Mock查询",handlerName:"Search"},{id:"77556491-41c0-4356-8ccf-25e39817060e",label:"Add",name:"Mock添加数据",handlerName:"Add"},{id:"52fdcac3-46c8-466e-aa5d-19920ece2076",label:"View",name:"Mock查看数据",handlerName:"View"},{id:"7ade9996-0531-4401-b1bc-fb9ec8ee3f8e",label:"Edit",name:"Mock编辑数据",handlerName:"Edit"},{id:"6d5a354f-871f-43e6-82bc-7837184380d3",label:"RemoveRows",name:"Mock删除选中行",handlerName:"RemoveRows"},{id:"1a1b7c33-38f0-469f-a017-223086ee6259",label:"ChangePage",name:"Mock切换页码",handlerName:"ChangePage"},{id:"debae2dd-3387-48cf-90ba-96e74ab5a8e5",label:"Remove",name:"Mock删除指定数据",handlerName:"Remove"}]}],events:q,boundEventsList:[],viewModel:[],componentLists:[{componentId:"root-component",viewModelId:"root-viewmodel"},{componentId:"data-grid-component",viewModelId:"data-grid-component-viewmodel"}],allComponentList:[{componentId:"root-component",viewModelId:"root-viewmodel"},{componentId:"data-grid-component",viewModelId:"data-grid-component-viewmodel"}],newController:[],isAddControllerMethod:!1,getEventList:()=>({events:q,boundEventsList:[]})}}},O=ee(A,re,te,oe,ae);function z(t,n){const a=e.ref([]),{boundEvents:r,unBoundEvent:d}=n;function f(o){return{event:{label:o.boundEvents.label,name:o.boundEvents.name},showSwitch:[{showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2}],command:b.cloneDeep(o.command),controller:b.cloneDeep(o.controller)}}function s(){var o;a.value=(o=r.value)==null?void 0:o.map(l=>f(l))}function v(o){const h=f({boundEvents:o,command:null,controller:{id:"",name:"",label:""}});h.showSwitch[0].showSwitchNumber=1,h.showSwitch[0].showSection[2][3]=!0,a.value.unshift(h)}function m(){var o;(o=a.value)==null||o.forEach(l=>{l.showSwitch.forEach(h=>{h.showSection[2][3]=!1})})}function c(o){a.value[o].showSwitch.forEach(l=>{l.showSection[2][3]=!l.showSection[2][3]})}function i(o){if(o>=0&&o<=a.value.length-1){const l=a.value[o];d(l.event),a.value.splice(o,1)}}return{addNewInteraction:v,collapseInteractions:m,deleteInteracton:i,toggleMethodInInteraction:c,interactions:a,loadInteractions:s}}function _(t){const n=e.ref([]),a=e.ref([]),r=e.ref([]);function d(){const i=a.value.reduce((l,h)=>(l.set(h.boundEvents.label,!0),l),new Map);return n.value.filter(l=>!i.has(l.label))}function f(){var o;const i=((o=a.value)==null?void 0:o.length)>0;r.value=i?d():n.value}function s(){n.value=t.value.events,a.value=t.value.boundEventsList,f()}function v(i){r.value=r.value.filter(o=>o.label!==i.label)}function m(i){a.value=a.value.filter(o=>o.boundEvents.label!==i.label),f()}function c(){var l;const i=(l=t.value)==null?void 0:l.getEventList(),{events:o}=i;i&&(t.value.events=b.cloneDeep(o),t.value.boundEventsList=i.boundEventsList),t.value.boundEventsList&&(t.value.boundEventsList=t.value.boundEventsList.filter(function(h){return o.find(u=>u.label==h.boundEvents.label)}))}return{allEvents:n,boundEvents:a,candidateEvents:r,excludeFromCandidates:v,loadEvents:s,resetBoundEvents:c,unBoundEvent:m}}const ce={},se={events:{type:Array,default:[]}},le=e.defineComponent({name:"FEventList",props:se,emits:["click"],setup(t,n){const a=e.ref(t.events);function r(f){n.emit("click",f)}function d(f){return e.createVNode("div",{class:"f-page-events-editor-first-bound-event"},[e.createVNode("div",{onClick:()=>r(f),class:"f-page-events-editor-first-bound-event-name"},[f.name])])}return()=>e.createVNode("div",{class:"f-page-events-editor-events"},[a.value.map(f=>d(f))])}}),H=e.defineComponent({name:"FInteractionButton",props:ce,emits:["click"],setup(t,n){const a=e.inject("useEventsComposition"),r=e.inject("useInteractionCompostion"),{candidateEvents:d}=a,{collapseInteractions:f}=r,s=e.ref(!1);function v(h){d.value=d.value.filter(u=>u.label!==h.label)}function m(){s.value=!1}function c(){s.value=!0}function i(h){m(),v(h),n.emit("click",h)}function o(){s.value?m():c()}function l(){f(),o()}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-page-events-editor-top-button"},[e.createVNode("button",{class:"f-page-events-editor-button",onClick:l},[e.createVNode("span",{class:"f-page-events-editor-text"},[e.createTextVNode("新建交互事件")])])]),s.value&&e.createVNode(le,{events:d.value,onClick:i},null)])}}),ie={collapsed:{type:Boolean,default:!0},displayOrder:{type:Number,default:-1},interaction:{type:Object,default:{}},controllers:{type:Array,default:[]}},de={initialData:{Type:Object,default:{}},originalData:{Type:Object,default:{}},newImport:{Type:Boolean,default:!1},addInternalCommandList:{Type:Array,default:[]},outerLayerValue:{Type:Number,default:0},exit:{Type:Number,default:-1},haveBoundcommand:{Type:Boolean,default:!1}},ue={controllers:{type:Array,default:[]}},fe=e.defineComponent({name:"FCommandList",props:ue,emits:["selectMethod"],setup(t,n){const a=e.ref(t.controllers);function r(m){return m.controllerList.length!==0}function d(m){return r(m)&&e.createVNode("div",{class:"f-page-internals-controller"},[e.createVNode("div",{class:"f-page-internals-controller-name",title:m.controllerName.name},[m.controllerName.name])])}function f(m,c){n.emit("selectMethod",{method:m,controller:c})}function s(m){return m.controllerList.map(c=>e.createVNode("div",{class:"f-page-internals-command",onClick:()=>f(c,m)},[e.createVNode("div",{class:"f-page-internals-command-name",title:c.label},[c.name])]))}function v(m){return e.createVNode("div",null,[d(m),s(m)])}return()=>e.createVNode("div",{class:"f-page-internals"},[a.value.map(m=>v(m))])}}),me=e.defineComponent({name:"FCommandSource",props:de,emits:["addInternalCommandListChanged","newImportChanged","currentCommandChanged","originalDataChanged","click","existChanged","newFucChanged","close","selectMethod"],setup(t,n){const a=e.inject("useMethodsComposition"),{controllers:r}=a,d=e.ref(!1),f=e.ref(t.canAddNewMethod),s=e.computed(()=>!f.value),v=e.computed(()=>d.value),m=e.computed(()=>({"font-size":"15px",margin:"5px",color:"#226eff",flex:1})),c=Symbol("controller schema repository inject token");function i(){return e.createVNode(W.FSchemaSelector,{injectSymbolToken:c,"view-type":"NavList"},null)}function o(){J.FModalService.show({title:"选择控制器",width:950,render:i})}function l(){}function h(){}function u(){}function N(){n.emit("close",null)}function M(){return e.createVNode("div",{class:"f-command-breakline"},[e.createTextVNode("------------------------------------------------------------")])}function g(){return e.createVNode("div",{class:"f-page-internals-new-command"},[e.createVNode("div",{class:"f-page-internals-new-command-func1"},[e.createVNode("div",{class:"f-icon f-icon-panel-retraction",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>o()},[e.createTextVNode("引入控制器")])]),s.value&&e.createVNode("div",{class:"f-page-internals-new-command-func2"},[e.createVNode("div",{class:"f-icon f-icon-new-edit",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("添加新方法")])]),v.value&&void 0,e.createVNode("div",{class:"f-page-internals-new-command-func3"},[e.createVNode("div",{class:"f-icon f-icon-licensed",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("已有方法")])])])}function S(p){n.emit("selectMethod",p)}function y(){return e.createVNode("div",{class:"f-page-command-source-choice"},[e.createVNode(fe,{controllers:r.value,onSelectMethod:S},null)])}return()=>e.createVNode("div",{class:"f-page-events-editor-command-source"},[y(),M(),g(),M(),e.createVNode("div",null,[e.createVNode("div",{class:"f-page-internals-close",onClick:N},[e.createTextVNode("取消")])])])}}),pe={command:{type:Object,default:{}}},he=e.defineComponent({name:"FParameterEditor",props:pe,emits:["confirm","change"],setup(t,n){const a=e.ref(t.command),r=e.ref(0),d=e.ref(!1),f=e.ref(!1);e.ref(""),e.ref([]);const s=e.computed(()=>a.value!==null),v=e.computed(()=>d.value),m=e.computed(()=>f.value),c=e.computed(()=>!d.value&&!f.value),i=e.ref(!1);function o(){}function l(){return e.createVNode("div",null,[e.createVNode("div",{title:"'方法已被移除，请重新绑定'",class:"f-icon f-icon-flowline-warning",style:"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",onClick:()=>void 0},null)])}function h(){}function u(){return e.createVNode("div",null,[e.createVNode("div",{title:"'方法已被删除，请绑定其他方法'",class:"f-icon f-icon-flowline-warning",style:"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",onClick:()=>void 0},null)])}function N(E){i.value=!i.value}function M(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-icon f-icon-edit-button",style:"font-size: 13px;margin-right:10px;",onClick:()=>N(r.value)},null)])}function g(E,L){L.value=E.target.value}function S(){n.emit("change",a.value)}function y(E){return e.createVNode("div",null,[e.createVNode("input",{class:"form-control f-utils-fill text-left",value:E.value,onChange:L=>g(L,E),onBlur:L=>S()},null)])}function p(){var E;return(E=a.value.property)==null?void 0:E.map(L=>e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-row1"},[e.createVNode("div",{class:"f-page-parameter-editor-parameter-name"},[L.shownName,L.description&&e.createVNode("div",{class:"farris-label-tips"},[e.createVNode("i",{class:"f-icon f-icon-message_help",style:"color:#878D99;"},null)])])]),e.createVNode("div",{class:"f-page-parameter-editor-row2"},[y(L)])]))}function C(E){i.value=!1,n.emit("confirm")}function w(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-btn"},[e.createVNode("div",{class:"btn-finish",onClick:()=>C(r.value)},[e.createTextVNode("完成")])])])}function V(){return e.createVNode("div",{class:"f-page-parameter-editor-group"},[p()])}function B(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-first-row"},[e.createVNode("span",{class:"f-page-parameter-editor-command-name",title:a.value.label},[a.value.name]),e.createVNode("div",{class:"f-page-parameter-editor-first-row-icon"},[v.value&&l(),m.value&&u(),c.value&&M()])]),i.value&&V(),i.value&&w()])}return()=>e.createVNode("div",{class:"f-page-parameter-editor"},[s.value&&B()])}}),x=e.defineComponent({name:"FInteractionItem",props:ie,emits:["addAction","delete","toggle"],setup(t,n){const a=e.inject("useMethodsComposition"),{toggleSelectingMethod:r,emitFinalState:d}=a,f=e.ref(t.controllers),s=e.ref(t.interaction),v=e.ref(t.displayOrder),m=e.computed(()=>{const p=s.value.showSwitch[0];return p.showSection[p.showSwitchNumber][2]}),c=e.computed(()=>{const p=!!s.value.command,C=s.value.showSwitch[0],w=C.showSection[C.showSwitchNumber][3];return p&&w}),i=e.computed(()=>({"f-icon":!0,"f-icon-arrow-chevron-down":c.value,"f-icon-arrow-chevron-left":!c.value}));function o(){n.emit("delete",v.value)}function l(){const p=s.value.showSwitch[0];p.showSection[p.showSwitchNumber][3]=!p.showSection[p.showSwitchNumber][3],n.emit("toggle",v.value)}function h(){if(s.value.command!==null){const C=s.value.showSwitch[0];r(C),n.emit("addAction",v.value)}}function u(p){p===null&&s.value.command===null&&n.emit("delete",v.value);const C=s.value.showSwitch[0];r(C)}function N(p){const{method:C,controller:w}=p,{id:V,label:B,name:E,handlerName:L}=C,{controllerName:D}=w,R=!1,be=D.id;s.value.command={id:V,label:B,name:E,handlerName:L,hasPath:R,cmpId:be},s.value.controller={id:D.id,label:D.label,name:D.name};const P=s.value.showSwitch[0];P.showSwitchNumber=2,P.showSection[P.showSwitchNumber][2]=!1,P.showSection[P.showSwitchNumber][3]=!0,d()}function M(){return e.createVNode(me,{controllers:f.value,onClose:u,onSelectMethod:N},null)}function g(){const p=s.value.showSwitch[0];p.showSection[p.showSwitchNumber][3]=!1}function S(p){s.value.command=b.cloneDeep(p),d()}function y(){return e.createVNode(he,{command:s.value.command,onConfirm:()=>g(),onChange:p=>S(p)},null)}return()=>e.createVNode("div",{class:"show-switch"},[e.createVNode("div",{class:"f-page-events-editor-bound-event"},[e.createVNode("div",{class:"f-page-events-editor-bound-event-name",title:s.value.event.label},[s.value.event.name]),e.createVNode("div",{style:"float:right;margin:5px;"},[e.createVNode("div",{class:i.value,style:"font-size: 10px;",onClick:l},null)]),e.createVNode("div",{class:"f-icon f-icon-yxs_delete",style:"font-size: 13px;float: right; margin:8px;",onClick:o},null),e.createVNode("div",{class:"f-icon f-icon-home-add",style:"float:right; font-size: 10px; margin:8px;",onClick:h},null)]),m.value&&M(),c.value&&y()])}});function G(t,n,a){const{interactions:r}=n,d=e.ref(t.value.internalCommandList);function f(u){r.value[u].showSwitch=[],r.value[u].showSwitch.push(b.cloneDeep({showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2})),r.value=b.cloneDeep(r.value)}function s(u,N,M){}function v(u){var M;const N=[];return(M=t.value.newController)==null||M.forEach(g=>{u.forEach(S=>{g.Code===S.controller.label&&N.push(b.cloneDeep(g))})}),N}function m(){var S;t.value.isAddControllerMethod=!!t.value.newFuncEvents;const u=[],N=b.cloneDeep(t.value.internalCommandList);r.value.map(y=>{const p=b.cloneDeep(y.controller),C=b.cloneDeep(y.command),w=b.cloneDeep(y.event),V={controller:p,command:C,boundEvents:w};u.push(b.cloneDeep(V))});const M=(S=t.value.newController)!=null&&S.length&&u.length?b.cloneDeep(v(u)):[],g={viewModelId:t.value.viewModelId,savedCommand:b.cloneDeep(t.value.viewModel),boundEventsList:b.cloneDeep(u),events:b.cloneDeep(t.value.events),internalCommandList:b.cloneDeep(N),componentLists:[],relativePath:t.value.relativePath,envType:t.value.envType,newController:b.cloneDeep(M),isAddControllerMethod:t.value.isAddControllerMethod,repititionCommand:t.value.repititionCommand,preCommand:t.value.preCommand,newFuncEvents:b.cloneDeep(t.value.newFuncEvents)};a.emit("savedCommandListChanged",g)}function c(u){u.showSection[u.showSwitchNumber][2]=!0}function i(u){u.showSection[u.showSwitchNumber][2]=!1}function o(u){u.showSection[u.showSwitchNumber][3]=!0}function l(u){u.showSection[u.showSwitchNumber][3]=!1}function h(u){u.showSection[u.showSwitchNumber][2]?(i(u),o(u)):(c(u),l(u))}return{controllers:d,onClosed:f,emitFinalState:m,onCurrentCommandChanged:s,toggleSelectingMethod:h}}const T=e.defineComponent({name:"FEventsEditor",props:A,emits:["savedCommandListChanged"],setup(t,n){const a=e.ref(t.initialData),r=_(a),{loadEvents:d,resetBoundEvents:f}=r,s=z(a,r),{addNewInteraction:v,deleteInteracton:m,interactions:c,loadInteractions:i}=s,o=G(a,s,n);e.provide("useEventsComposition",r),e.provide("useInteractionCompostion",s),e.provide("useMethodsComposition",o);function l(){a.value.isAddControllerMethod=!1}e.onMounted(()=>{l(),f(),d(),i()});function h(g){m(g)}function u(g,S){const y=g.showSwitch[0],p=y.showSection[y.showSwitchNumber][3];return e.createVNode(x,{interaction:g,displayOrder:S,collapsed:p,onDelete:h},null)}function N(){var g;return(g=c.value)==null?void 0:g.map((S,y)=>e.createVNode("div",{class:"events-display-order",key:S.event.label},[u(S,y)]))}function M(g){v(g)}return()=>e.createVNode("div",{class:"f-page-events-editor"},[e.createVNode("div",{class:"f-page-events-editor-content"},[e.createVNode(H,{onClick:M},null),N()])])}});function ve(t,n,a){var C;function r(){}const d="",f="",s=e.ref();function v(){return(n==null?void 0:n.schema.componentType)!=="frame"}function m(){return!1}function c(){return(n==null?void 0:n.schema.componentType)!=="frame"}function i(){return(n==null?void 0:n.schema.componentType)==="frame"}function o(w){if(!w||!w.value)return null;if(w.value.schema&&w.value.schema.type==="component")return w.value;const V=e.ref(w==null?void 0:w.value.parent),B=o(V);return B||null}function l(w=n){const{componentInstance:V,designerItemElementRef:B}=w;return!V||!V.value?null:V.value.canMove?B:l(w.parent)}function h(w){return!!a}function u(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function N(){}function M(w,V){}function g(w,V){const{componentType:B}=w;let E=j(B,w,V);const L=B.toLowerCase().replace("-","_");return E&&!E.id&&E.type===B&&(E.id=`${L}_${Math.random().toString().slice(2,6)}`),E}function S(w,V){const B=String(w.getAttribute("data-controltype")),E=w.getAttribute("data-feature"),L=E?JSON.parse(E):{};L.parentComponentInstance=s.value;let D=j(B,L);const R=B.toLowerCase().replace("-","_");return D&&!D.id&&D.type===B&&(D.id=`${R}_${Math.random().toString().slice(2,6)}`),D}function y(w){}function p(...w){}return s.value={canMove:v(),canSelectParent:m(),canDelete:c(),canNested:!i(),contents:n==null?void 0:n.schema.contents,elementRef:t,parent:(C=n==null?void 0:n.parent)==null?void 0:C.componentInstance,schema:n==null?void 0:n.schema,styles:d,designerClass:f,canAccepts:h,getBelongedComponentInstance:o,getDraggableDesignItemElement:l,getDraggingDisplayText:u,getPropConfig:p,getDragScopeElement:N,onAcceptMovedChildElement:M,onAcceptNewChildElement:S,onChildElementMovedOut:y,addNewChildComponentSchema:g,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},s}const we=e.defineComponent({name:"FEventsEditorDesign",props:A,emits:["savedCommandListChanged"],setup(t,n){const a=e.ref(t.initialData),r=_(a),{loadEvents:d,resetBoundEvents:f}=r,s=z(a,r),{addNewInteraction:v,deleteInteracton:m,interactions:c,loadInteractions:i}=s,o=G(a,s,n);e.provide("useEventsComposition",r),e.provide("useInteractionCompostion",s),e.provide("useMethodsComposition",o);const l=e.ref(),h=e.inject("design-item-context"),u=ve(l,h);e.onMounted(()=>{l.value.componentInstance=u,N(),f(),d(),i()}),n.expose(u.value);function N(){a.value.isAddControllerMethod=!1}function M(p){m(p)}function g(p,C){const w=p.showSwitch[0],V=w.showSection[w.showSwitchNumber][3];return e.createVNode(x,{interaction:p,displayOrder:C,collapsed:V,onDelete:M},null)}function S(){var p;return(p=c.value)==null?void 0:p.map((C,w)=>e.createVNode("div",{class:"events-display-order",key:C.event.label},[g(C,w)]))}function y(p){v(p)}return()=>e.createVNode("div",{ref:l,class:"f-page-events-editor"},[e.createVNode("div",{class:"f-page-events-editor-content"},[e.createVNode(H,{onClick:y},null),S()])])}}),ge={install(t){t.component(T.name,T)},register(t,n,a,r){t["events-editor"]=T,n["events-editor"]=O},registerDesigner(t,n,a){t["events-editor"]=we,n["events-editor"]=O}};k.FEventsEditor=T,k.default=ge,k.eventsEditorProps=A,k.propsResolver=O,Object.defineProperties(k,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../schema-selector/index.umd.js"),require("../modal/index.umd.js"),require("../combo-list/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../schema-selector/index.umd.js","../modal/index.umd.js","../combo-list/index.umd.js"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M["events-editor"]={},M.Vue,M.LodashES,M.schemaSelector,M.modal))})(this,function(M,e,b,W,U){"use strict";const O={},R={};function A(t){const{properties:n,title:a,ignore:r}=t,d=r&&Array.isArray(r),f=Object.keys(n).reduce((s,v)=>((!d||!r.find(m=>m==v))&&(s[v]=n[v].type==="object"&&n[v].properties?A(n[v]):b.cloneDeep(n[v].default)),s),{});return a&&(!d||!r.find(s=>s=="id"))&&(f.id=`${a}-${Date.now()}`),f}function $(t,n={},a){const r=O[t];if(r){let d=A(r);const f=R[t];return d=f?f({getSchemaByType:$},d,n,a):d,d}return null}function Y(t,n){const a=A(n);return Object.keys(t).reduce((r,d)=>(r[d]&&b.isPlainObject(r[d])&&b.isPlainObject(t[d])?Object.assign(r[d],t[d]):r[d]=t[d],r),a),a}function x(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,d)=>{if(n.has(d)){const f=n.get(d);if(typeof f=="string")r[f]=t[d];else{const s=f(d,t[d],t);Object.assign(r,s)}}else r[d]=t[d];return r},{})}function J(t,n,a=new Map){const r=Y(t,n);return x(r,a)}function Q(t={}){function n(c,i,o,l){if(typeof o=="number")return l[c].length===o;if(typeof o=="object"){const h=Object.keys(o)[0],u=o[h];if(h==="not")return Number(l[c].length)!==Number(u);if(h==="moreThan")return Number(l[c].length)>=Number(u);if(h==="lessThan")return Number(l[c].length)<=Number(u)}return!1}function a(c,i,o,l){return l[c]&&l[c].propertyValue&&String(l[c].propertyValue.value)===String(o)}const r=new Map([["length",n],["getProperty",a]]);Object.keys(t).reduce((c,i)=>(c.set(i,t[i]),c),r);function d(c,i){const o=c;return typeof i=="number"?[{target:o,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:o,operator:"getProperty",param:c,value:!!i}]:typeof i=="object"?Object.keys(i).map(l=>{if(l==="length")return{target:o,operator:"length",param:null,value:i[l]};const h=l,u=i[l];return{target:o,operator:"getProperty",param:h,value:u}}):[]}function f(c){return Object.keys(c).reduce((o,l)=>{const h=d(l,c[l]);return o.push(...h),o},[])}function s(c,i){if(r.has(c.operator)){const o=r.get(c.operator);return o&&o(c.target,c.param,c.value,i)||!1}return!1}function v(c,i){return f(c).reduce((h,u)=>h&&s(u,i),!0)}function m(c,i){const o=Object.keys(c),l=o.includes("allOf"),h=o.includes("anyOf"),u=l||h,g=(u?c[u?l?"allOf":"anyOf":"allOf"]:[c]).map(y=>v(y,i));return l?!g.includes(!1):g.includes(!0)}return{parseValueSchema:m}}const X={},Z={};Q();function K(t,n,a=new Map,r=(s,v,m)=>v,d={},f=s=>s){return O[n.title]=n,R[n.title]=r,X[n.title]=d,Z[n.title]=f,(s={})=>{const v=J(s,n,a),m=Object.keys(t).reduce((c,i)=>(c[i]=t[i].default,c),{});return Object.assign(m,v)}}function ee(t,n){return{customClass:n.class,customStyle:n.style}}const ne=new Map([["appearance",ee]]);function te(t,n,a){return n}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/events-editor.schema.json",title:"events-editor",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for events-editor",type:"string"},type:{description:"The type events of events-editor",type:"events",default:"events-editor"},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"]},re={title:"events-editor",description:"A Farris Component",type:"object",categories:{}},I=[{label:"pageChange",name:"MockMock切换页码"},{label:"pageSizeChanged",name:"Mock分页条数变化事件"},{label:"scrollYLoad",name:"Mock滚动加载事件"},{label:"onEditClicked",name:"Mock操作列点击编辑"},{label:"onDeleteClicked",name:"Mock操作列点击删除"}],P={initialData:{type:Object,default:{propertyID:"data-grid-component-viewmodel",propertyType:"events",internalCommandList:[{controllerName:{id:"70b4abd4-9f2c-4b7c-90e9-6ac6f4b74c72",label:"ListController",name:"列表控制器"},controllerList:[{id:"93ee1cd2-cf0b-40b3-b99f-958a3d1fad1c",label:"Load",name:"Mock加载数据",handlerName:"Load"},{id:"71ae8a4c-6202-4875-9246-2e2d959da37f",label:"Search",name:"Mock查询",handlerName:"Search"},{id:"77556491-41c0-4356-8ccf-25e39817060e",label:"Add",name:"Mock添加数据",handlerName:"Add"},{id:"52fdcac3-46c8-466e-aa5d-19920ece2076",label:"View",name:"Mock查看数据",handlerName:"View"},{id:"7ade9996-0531-4401-b1bc-fb9ec8ee3f8e",label:"Edit",name:"Mock编辑数据",handlerName:"Edit"},{id:"6d5a354f-871f-43e6-82bc-7837184380d3",label:"RemoveRows",name:"Mock删除选中行",handlerName:"RemoveRows"},{id:"1a1b7c33-38f0-469f-a017-223086ee6259",label:"ChangePage",name:"Mock切换页码",handlerName:"ChangePage"},{id:"debae2dd-3387-48cf-90ba-96e74ab5a8e5",label:"Remove",name:"Mock删除指定数据",handlerName:"Remove"}]}],events:I,boundEventsList:[],viewModel:[],componentLists:[{componentId:"root-component",viewModelId:"root-viewmodel"},{componentId:"data-grid-component",viewModelId:"data-grid-component-viewmodel"}],allComponentList:[{componentId:"root-component",viewModelId:"root-viewmodel"},{componentId:"data-grid-component",viewModelId:"data-grid-component-viewmodel"}],newController:[],isAddControllerMethod:!1,getEventList:()=>({events:I,boundEventsList:[]})}}},j=K(P,oe,ne,te,re);function q(t,n){const a=e.ref([]),{boundEvents:r,unBoundEvent:d}=n;function f(o){return{event:{label:o.boundEvents.label,name:o.boundEvents.name},showSwitch:[{showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2}],command:b.cloneDeep(o.command),controller:b.cloneDeep(o.controller)}}function s(){var o;a.value=(o=r.value)==null?void 0:o.map(l=>f(l))}function v(o){const h=f({boundEvents:o,command:null,controller:{id:"",name:"",label:""}});h.showSwitch[0].showSwitchNumber=1,h.showSwitch[0].showSection[2][3]=!0,a.value.unshift(h)}function m(){var o;(o=a.value)==null||o.forEach(l=>{l.showSwitch.forEach(h=>{h.showSection[2][3]=!1})})}function c(o){a.value[o].showSwitch.forEach(l=>{l.showSection[2][3]=!l.showSection[2][3]})}function i(o){if(o>=0&&o<=a.value.length-1){const l=a.value[o];d(l.event),a.value.splice(o,1)}}return{addNewInteraction:v,collapseInteractions:m,deleteInteracton:i,toggleMethodInInteraction:c,interactions:a,loadInteractions:s}}function z(t){const n=e.ref([]),a=e.ref([]),r=e.ref([]);function d(){const i=a.value.reduce((l,h)=>(l.set(h.boundEvents.label,!0),l),new Map);return n.value.filter(l=>!i.has(l.label))}function f(){var o;const i=((o=a.value)==null?void 0:o.length)>0;r.value=i?d():n.value}function s(){n.value=t.value.events,a.value=t.value.boundEventsList,f()}function v(i){r.value=r.value.filter(o=>o.label!==i.label)}function m(i){a.value=a.value.filter(o=>o.boundEvents.label!==i.label),f()}function c(){var l;const i=(l=t.value)==null?void 0:l.getEventList(),{events:o}=i;i&&(t.value.events=b.cloneDeep(o),t.value.boundEventsList=i.boundEventsList),t.value.boundEventsList&&(t.value.boundEventsList=t.value.boundEventsList.filter(function(h){return o.find(u=>u.label==h.boundEvents.label)}))}return{allEvents:n,boundEvents:a,candidateEvents:r,excludeFromCandidates:v,loadEvents:s,resetBoundEvents:c,unBoundEvent:m}}const ae={},ce={events:{type:Array,default:[]}},se=e.defineComponent({name:"FEventList",props:ce,emits:["click"],setup(t,n){const a=e.ref(t.events);function r(f){n.emit("click",f)}function d(f){return e.createVNode("div",{class:"f-page-events-editor-first-bound-event"},[e.createVNode("div",{onClick:()=>r(f),class:"f-page-events-editor-first-bound-event-name"},[f.name])])}return()=>e.createVNode("div",{class:"f-page-events-editor-events"},[a.value.map(f=>d(f))])}}),_=e.defineComponent({name:"FInteractionButton",props:ae,emits:["click"],setup(t,n){const a=e.inject("useEventsComposition"),r=e.inject("useInteractionCompostion"),{candidateEvents:d}=a,{collapseInteractions:f}=r,s=e.ref(!1);function v(h){d.value=d.value.filter(u=>u.label!==h.label)}function m(){s.value=!1}function c(){s.value=!0}function i(h){m(),v(h),n.emit("click",h)}function o(){s.value?m():c()}function l(){f(),o()}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-page-events-editor-top-button"},[e.createVNode("button",{class:"f-page-events-editor-button",onClick:l},[e.createVNode("span",{class:"f-page-events-editor-text"},[e.createTextVNode("新建交互事件")])])]),s.value&&e.createVNode(se,{events:d.value,onClick:i},null)])}}),le={collapsed:{type:Boolean,default:!0},displayOrder:{type:Number,default:-1},interaction:{type:Object,default:{}},controllers:{type:Array,default:[]}},ie={initialData:{Type:Object,default:{}},originalData:{Type:Object,default:{}},newImport:{Type:Boolean,default:!1},addInternalCommandList:{Type:Array,default:[]},outerLayerValue:{Type:Number,default:0},exit:{Type:Number,default:-1},haveBoundcommand:{Type:Boolean,default:!1}},de={controllers:{type:Array,default:[]}},ue=e.defineComponent({name:"FCommandList",props:de,emits:["selectMethod"],setup(t,n){const a=e.ref(t.controllers);function r(m){return m.controllerList.length!==0}function d(m){return r(m)&&e.createVNode("div",{class:"f-page-internals-controller"},[e.createVNode("div",{class:"f-page-internals-controller-name",title:m.controllerName.name},[m.controllerName.name])])}function f(m,c){n.emit("selectMethod",{method:m,controller:c})}function s(m){return m.controllerList.map(c=>e.createVNode("div",{class:"f-page-internals-command",onClick:()=>f(c,m)},[e.createVNode("div",{class:"f-page-internals-command-name",title:c.label},[c.name])]))}function v(m){return e.createVNode("div",null,[d(m),s(m)])}return()=>e.createVNode("div",{class:"f-page-internals"},[a.value.map(m=>v(m))])}}),fe=e.defineComponent({name:"FCommandSource",props:ie,emits:["addInternalCommandListChanged","newImportChanged","currentCommandChanged","originalDataChanged","click","existChanged","newFucChanged","close","selectMethod"],setup(t,n){const a=e.inject("useMethodsComposition"),{controllers:r}=a,d=e.ref(!1),f=e.ref(t.canAddNewMethod),s=e.computed(()=>!f.value),v=e.computed(()=>d.value),m=e.computed(()=>({"font-size":"15px",margin:"5px",color:"#226eff",flex:1})),c=Symbol("controller schema repository inject token");function i(){return e.createVNode(W.FSchemaSelector,{injectSymbolToken:c,"view-type":"NavList"},null)}function o(){U.FModalService.show({title:"选择控制器",width:950,render:i})}function l(){}function h(){}function u(){}function C(){n.emit("close",null)}function E(){return e.createVNode("div",{class:"f-command-breakline"},[e.createTextVNode("------------------------------------------------------------")])}function g(){return e.createVNode("div",{class:"f-page-internals-new-command"},[e.createVNode("div",{class:"f-page-internals-new-command-func1"},[e.createVNode("div",{class:"f-icon f-icon-panel-retraction",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>o()},[e.createTextVNode("引入控制器")])]),s.value&&e.createVNode("div",{class:"f-page-internals-new-command-func2"},[e.createVNode("div",{class:"f-icon f-icon-new-edit",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("添加新方法")])]),v.value&&void 0,e.createVNode("div",{class:"f-page-internals-new-command-func3"},[e.createVNode("div",{class:"f-icon f-icon-licensed",style:m.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("已有方法")])])])}function S(p){n.emit("selectMethod",p)}function y(){return e.createVNode("div",{class:"f-page-command-source-choice"},[e.createVNode(ue,{controllers:r.value,onSelectMethod:S},null)])}return()=>e.createVNode("div",{class:"f-page-events-editor-command-source"},[y(),E(),g(),E(),e.createVNode("div",null,[e.createVNode("div",{class:"f-page-internals-close",onClick:C},[e.createTextVNode("取消")])])])}}),me={command:{type:Object,default:{}}},pe=e.defineComponent({name:"FParameterEditor",props:me,emits:["confirm","change"],setup(t,n){const a=e.ref(t.command),r=e.ref(0),d=e.ref(!1),f=e.ref(!1);e.ref(""),e.ref([]);const s=e.computed(()=>a.value!==null),v=e.computed(()=>d.value),m=e.computed(()=>f.value),c=e.computed(()=>!d.value&&!f.value),i=e.ref(!1);function o(){}function l(){return e.createVNode("div",null,[e.createVNode("div",{title:"'方法已被移除，请重新绑定'",class:"f-icon f-icon-flowline-warning",style:"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",onClick:()=>void 0},null)])}function h(){}function u(){return e.createVNode("div",null,[e.createVNode("div",{title:"'方法已被删除，请绑定其他方法'",class:"f-icon f-icon-flowline-warning",style:"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",onClick:()=>void 0},null)])}function C(B){i.value=!i.value}function E(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-icon f-icon-edit-button",style:"font-size: 13px;margin-right:10px;",onClick:()=>C(r.value)},null)])}function g(B,L){L.value=B.target.value}function S(){n.emit("change",a.value)}function y(B){return e.createVNode("div",null,[e.createVNode("input",{class:"form-control f-utils-fill text-left",value:B.value,onChange:L=>g(L,B),onBlur:L=>S()},null)])}function p(){var B;return(B=a.value.property)==null?void 0:B.map(L=>e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-row1"},[e.createVNode("div",{class:"f-page-parameter-editor-parameter-name"},[L.shownName,L.description&&e.createVNode("div",{class:"farris-label-tips"},[e.createVNode("i",{class:"f-icon f-icon-message_help",style:"color:#878D99;"},null)])])]),e.createVNode("div",{class:"f-page-parameter-editor-row2"},[y(L)])]))}function w(B){i.value=!1,n.emit("confirm")}function N(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-btn"},[e.createVNode("div",{class:"btn-finish",onClick:()=>w(r.value)},[e.createTextVNode("完成")])])])}function V(){return e.createVNode("div",{class:"f-page-parameter-editor-group"},[p()])}function k(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-page-parameter-editor-first-row"},[e.createVNode("span",{class:"f-page-parameter-editor-command-name",title:a.value.label},[a.value.name]),e.createVNode("div",{class:"f-page-parameter-editor-first-row-icon"},[v.value&&l(),m.value&&u(),c.value&&E()])]),i.value&&V(),i.value&&N()])}return()=>e.createVNode("div",{class:"f-page-parameter-editor"},[s.value&&k()])}}),H=e.defineComponent({name:"FInteractionItem",props:le,emits:["addAction","delete","toggle"],setup(t,n){const a=e.inject("useMethodsComposition"),{toggleSelectingMethod:r,emitFinalState:d}=a,f=e.ref(t.controllers),s=e.ref(t.interaction),v=e.ref(t.displayOrder),m=e.computed(()=>{const p=s.value.showSwitch[0];return p.showSection[p.showSwitchNumber][2]}),c=e.computed(()=>{const p=!!s.value.command,w=s.value.showSwitch[0],N=w.showSection[w.showSwitchNumber][3];return p&&N}),i=e.computed(()=>({"f-icon":!0,"f-icon-arrow-chevron-down":c.value,"f-icon-arrow-chevron-left":!c.value}));function o(){n.emit("delete",v.value)}function l(){const p=s.value.showSwitch[0];p.showSection[p.showSwitchNumber][3]=!p.showSection[p.showSwitchNumber][3],n.emit("toggle",v.value)}function h(){if(s.value.command!==null){const w=s.value.showSwitch[0];r(w),n.emit("addAction",v.value)}}function u(p){p===null&&s.value.command===null&&n.emit("delete",v.value);const w=s.value.showSwitch[0];r(w)}function C(p){const{method:w,controller:N}=p,{id:V,label:k,name:B,handlerName:L}=w,{controllerName:T}=N,ge=!1,be=T.id;s.value.command={id:V,label:k,name:B,handlerName:L,hasPath:ge,cmpId:be},s.value.controller={id:T.id,label:T.label,name:T.name};const D=s.value.showSwitch[0];D.showSwitchNumber=2,D.showSection[D.showSwitchNumber][2]=!1,D.showSection[D.showSwitchNumber][3]=!0,d()}function E(){return e.createVNode(fe,{controllers:f.value,onClose:u,onSelectMethod:C},null)}function g(){const p=s.value.showSwitch[0];p.showSection[p.showSwitchNumber][3]=!1}function S(p){s.value.command=b.cloneDeep(p),d()}function y(){return e.createVNode(pe,{command:s.value.command,onConfirm:()=>g(),onChange:p=>S(p)},null)}return()=>e.createVNode("div",{class:"show-switch"},[e.createVNode("div",{class:"f-page-events-editor-bound-event"},[e.createVNode("div",{class:"f-page-events-editor-bound-event-name",title:s.value.event.label},[s.value.event.name]),e.createVNode("div",{style:"float:right;margin:5px;"},[e.createVNode("div",{class:i.value,style:"font-size: 10px;",onClick:l},null)]),e.createVNode("div",{class:"f-icon f-icon-yxs_delete",style:"font-size: 13px;float: right; margin:8px;",onClick:o},null),e.createVNode("div",{class:"f-icon f-icon-home-add",style:"float:right; font-size: 10px; margin:8px;",onClick:h},null)]),m.value&&E(),c.value&&y()])}});function G(t,n,a){const{interactions:r}=n,d=e.ref(t.value.internalCommandList);function f(u){r.value[u].showSwitch=[],r.value[u].showSwitch.push(b.cloneDeep({showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2})),r.value=b.cloneDeep(r.value)}function s(u,C,E){}function v(u){var E;const C=[];return(E=t.value.newController)==null||E.forEach(g=>{u.forEach(S=>{g.Code===S.controller.label&&C.push(b.cloneDeep(g))})}),C}function m(){var S;t.value.isAddControllerMethod=!!t.value.newFuncEvents;const u=[],C=b.cloneDeep(t.value.internalCommandList);r.value.map(y=>{const p=b.cloneDeep(y.controller),w=b.cloneDeep(y.command),N=b.cloneDeep(y.event),V={controller:p,command:w,boundEvents:N};u.push(b.cloneDeep(V))});const E=(S=t.value.newController)!=null&&S.length&&u.length?b.cloneDeep(v(u)):[],g={viewModelId:t.value.viewModelId,savedCommand:b.cloneDeep(t.value.viewModel),boundEventsList:b.cloneDeep(u),events:b.cloneDeep(t.value.events),internalCommandList:b.cloneDeep(C),componentLists:[],relativePath:t.value.relativePath,envType:t.value.envType,newController:b.cloneDeep(E),isAddControllerMethod:t.value.isAddControllerMethod,repititionCommand:t.value.repititionCommand,preCommand:t.value.preCommand,newFuncEvents:b.cloneDeep(t.value.newFuncEvents)};a.emit("savedCommandListChanged",g)}function c(u){u.showSection[u.showSwitchNumber][2]=!0}function i(u){u.showSection[u.showSwitchNumber][2]=!1}function o(u){u.showSection[u.showSwitchNumber][3]=!0}function l(u){u.showSection[u.showSwitchNumber][3]=!1}function h(u){u.showSection[u.showSwitchNumber][2]?(i(u),o(u)):(c(u),l(u))}return{controllers:d,onClosed:f,emitFinalState:m,onCurrentCommandChanged:s,toggleSelectingMethod:h}}const F=e.defineComponent({name:"FEventsEditor",props:P,emits:["savedCommandListChanged"],setup(t,n){const a=e.ref(t.initialData),r=z(a),{loadEvents:d,resetBoundEvents:f}=r,s=q(a,r),{addNewInteraction:v,deleteInteracton:m,interactions:c,loadInteractions:i}=s,o=G(a,s,n);e.provide("useEventsComposition",r),e.provide("useInteractionCompostion",s),e.provide("useMethodsComposition",o);function l(){a.value.isAddControllerMethod=!1}e.onMounted(()=>{l(),f(),d(),i()});function h(g){m(g)}function u(g,S){const y=g.showSwitch[0],p=y.showSection[y.showSwitchNumber][3];return e.createVNode(H,{interaction:g,displayOrder:S,collapsed:p,onDelete:h},null)}function C(){var g;return(g=c.value)==null?void 0:g.map((S,y)=>e.createVNode("div",{class:"events-display-order",key:S.event.label},[u(S,y)]))}function E(g){v(g)}return()=>e.createVNode("div",{class:"f-page-events-editor"},[e.createVNode("div",{class:"f-page-events-editor-content"},[e.createVNode(_,{onClick:E},null),C()])])}});function he(t,n,a){var p;function r(){}const d="",f="",s=e.ref();function v(){return(n==null?void 0:n.schema.componentType)!=="frame"}function m(){return!1}function c(){return(n==null?void 0:n.schema.componentType)!=="frame"}function i(){return(n==null?void 0:n.schema.componentType)==="frame"}function o(w){if(!w||!w.value)return null;if(w.value.schema&&w.value.schema.type==="component")return w.value;const N=e.ref(w==null?void 0:w.value.parent),V=o(N);return V||null}function l(w=n){const{componentInstance:N,designerItemElementRef:V}=w;return!N||!N.value?null:N.value.canMove?V:l(w.parent)}function h(w){return!!a}function u(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function C(){}function E(w,N){}function g(w,N){const{componentType:V}=w;let k=$(V,w,N);const B=V.toLowerCase().replace("-","_");return k&&!k.id&&k.type===V&&(k.id=`${B}_${Math.random().toString().slice(2,6)}`),k}function S(w){}function y(...w){}return s.value={canMove:v(),canSelectParent:m(),canDelete:c(),canNested:!i(),contents:n==null?void 0:n.schema.contents,elementRef:t,parent:(p=n==null?void 0:n.parent)==null?void 0:p.componentInstance,schema:n==null?void 0:n.schema,styles:d,designerClass:f,canAccepts:h,getBelongedComponentInstance:o,getDraggableDesignItemElement:l,getDraggingDisplayText:u,getPropConfig:y,getDragScopeElement:C,onAcceptMovedChildElement:E,onChildElementMovedOut:S,addNewChildComponentSchema:g,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},s}const ve=e.defineComponent({name:"FEventsEditorDesign",props:P,emits:["savedCommandListChanged"],setup(t,n){const a=e.ref(t.initialData),r=z(a),{loadEvents:d,resetBoundEvents:f}=r,s=q(a,r),{addNewInteraction:v,deleteInteracton:m,interactions:c,loadInteractions:i}=s,o=G(a,s,n);e.provide("useEventsComposition",r),e.provide("useInteractionCompostion",s),e.provide("useMethodsComposition",o);const l=e.ref(),h=e.inject("design-item-context"),u=he(l,h);e.onMounted(()=>{l.value.componentInstance=u,C(),f(),d(),i()}),n.expose(u.value);function C(){a.value.isAddControllerMethod=!1}function E(p){m(p)}function g(p,w){const N=p.showSwitch[0],V=N.showSection[N.showSwitchNumber][3];return e.createVNode(H,{interaction:p,displayOrder:w,collapsed:V,onDelete:E},null)}function S(){var p;return(p=c.value)==null?void 0:p.map((w,N)=>e.createVNode("div",{class:"events-display-order",key:w.event.label},[g(w,N)]))}function y(p){v(p)}return()=>e.createVNode("div",{ref:l,class:"f-page-events-editor"},[e.createVNode("div",{class:"f-page-events-editor-content"},[e.createVNode(_,{onClick:y},null),S()])])}}),we={install(t){t.component(F.name,F)},register(t,n,a,r){t["events-editor"]=F,n["events-editor"]=j},registerDesigner(t,n,a){t["events-editor"]=ve,n["events-editor"]=j}};M.FEventsEditor=F,M.default=we,M.eventsEditorProps=P,M.propsResolver=j,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/expression-editor/index.esm.js

@@ -3,7 +3,7 @@ import { isPlainObject as O, cloneDeep as $ } from "lodash-es";
 const P = {}, T = {};
 function M(n) {
   const { properties: e, title: c, ignore: r } = n, s = r && Array.isArray(r), d = Object.keys(e).reduce((u, p) => ((!s || !r.find((m) => m == p)) && (u[p] = e[p].type === "object" && e[p].properties ? M(e[p]) : $(e[p].default)), u), {});
-  return (!s || !r.find((u) => u == "id")) && (d.id = `${c}-${Date.now()}`), d;
+  return c && (!s || !r.find((u) => u == "id")) && (d.id = `${c}-${Date.now()}`), d;
 }
 function V(n, e) {
   const c = M(e);

package/components/expression-editor/index.umd.cjs

@@ -1 +1 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["expression-editor"]={},f.Vue,f.LodashES))})(this,function(f,e,h){"use strict";const j={},O={};function N(r){const{properties:t,title:p,ignore:o}=r,s=o&&Array.isArray(o),g=Object.keys(t).reduce((l,u)=>((!s||!o.find(y=>y==u))&&(l[u]=t[u].type==="object"&&t[u].properties?N(t[u]):h.cloneDeep(t[u].default)),l),{});return(!s||!o.find(l=>l=="id"))&&(g.id=`${p}-${Date.now()}`),g}function C(r,t){const p=N(t);return Object.keys(r).reduce((o,s)=>(o[s]&&h.isPlainObject(o[s])&&h.isPlainObject(r[s])?Object.assign(o[s],r[s]):o[s]=r[s],o),p),p}function T(r,t){return Object.keys(r).filter(o=>r[o]!=null).reduce((o,s)=>{if(t.has(s)){const g=t.get(s);if(typeof g=="string")o[g]=r[s];else{const l=g(s,r[s],r);Object.assign(o,l)}}else o[s]=r[s];return o},{})}function $(r,t,p=new Map){const o=C(r,t);return T(o,p)}function M(r={}){function t(n,i,c,a){if(typeof c=="number")return a[n].length===c;if(typeof c=="object"){const d=Object.keys(c)[0],m=c[d];if(d==="not")return Number(a[n].length)!==Number(m);if(d==="moreThan")return Number(a[n].length)>=Number(m);if(d==="lessThan")return Number(a[n].length)<=Number(m)}return!1}function p(n,i,c,a){return a[n]&&a[n].propertyValue&&String(a[n].propertyValue.value)===String(c)}const o=new Map([["length",t],["getProperty",p]]);Object.keys(r).reduce((n,i)=>(n.set(i,r[i]),n),o);function s(n,i){const c=n;return typeof i=="number"?[{target:c,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:c,operator:"getProperty",param:n,value:!!i}]:typeof i=="object"?Object.keys(i).map(a=>{if(a==="length")return{target:c,operator:"length",param:null,value:i[a]};const d=a,m=i[a];return{target:c,operator:"getProperty",param:d,value:m}}):[]}function g(n){return Object.keys(n).reduce((c,a)=>{const d=s(a,n[a]);return c.push(...d),c},[])}function l(n,i){if(o.has(n.operator)){const c=o.get(n.operator);return c&&c(n.target,n.param,n.value,i)||!1}return!1}function u(n,i){return g(n).reduce((d,m)=>d&&l(m,i),!0)}function y(n,i){const c=Object.keys(n),a=c.includes("allOf"),d=c.includes("anyOf"),m=a||d,V=(m?n[m?a?"allOf":"anyOf":"allOf"]:[n]).map(L=>u(L,i));return a?!V.includes(!1):V.includes(!0)}return{parseValueSchema:y}}const F={},P={};M();function A(r,t,p=new Map,o=(l,u,y)=>u,s={},g=l=>l){return j[t.title]=t,O[t.title]=o,F[t.title]=s,P[t.title]=g,(l={})=>{const u=$(l,t,p),y=Object.keys(r).reduce((n,i)=>(n[i]=r[i].default,n),{});return Object.assign(y,u)}}function D(r,t){return{customClass:t.class,customStyle:t.style}}const R=new Map([["appearance",D]]);function q(r,t,p){return t}const w={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/expression-editor.schema.json",title:"expression-editor",description:"A Farris Expression Editor Component",type:"object",properties:{id:{description:"The unique identifier for a Expression Editor",type:"string"},type:{description:"The type string of Expression Editor component",type:"string",default:"expression-editor"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}}},required:["id","type"]},k={title:"expression-editor",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}}}},x={},E=A(x,w,R,q,k),b=e.defineComponent({name:"FExpressionEditor",props:x,emits:[],setup(r,t){const p=e.ref();return e.onMounted(()=>{}),()=>e.createVNode("div",{ref:p,class:"d-flex h-100 f-utils-flex-column",style:"min-height:450px"},[e.createVNode(e.resolveComponent("f-layout"),{class:"flex-column"},{default:()=>[e.createVNode(e.resolveComponent("f-layout-pane"),{"custom-class":"position-relative",position:"top",minHeight:120},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-info",style:"opacity:0.2;z-index: -1;"},null),e.createVNode("p",null,[e.createTextVNode("头部区域")])]}),e.createVNode(e.resolveComponent("f-layout-pane"),{position:"center"},{default:()=>[e.createVNode(e.resolveComponent("f-layout"),null,{default:()=>[e.createVNode(e.resolveComponent("f-layout-pane"),{position:"left",minWidth:200,width:400},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-info",style:"opacity:0.2;z-index: -1;"},null),e.createVNode("p",null,[e.createTextVNode("左侧区域")])]}),e.createVNode(e.resolveComponent("f-layout-pane"),{position:"center"},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-danger",style:"opacity:0.2;z-index:-1"},null),e.createVNode("p",null,[e.createTextVNode("右侧区域")])]})]})]})]})])}}),z=e.defineComponent({name:"FExpressionEditorDesign",props:x,emits:[],setup(r,t){return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("expression editor design")])}}),B={install(r){r.component(b.name,b)},register(r,t,p,o){r["expression-editor"]=b,t["expression-editor"]=E},registerDesigner(r,t,p){r["expression-editor"]=z,t["expression-editor"]=E}};f.ExpressionEditor=b,f.default=B,f.expressionEditorProps=x,f.propsResolver=E,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["expression-editor"]={},f.Vue,f.LodashES))})(this,function(f,e,h){"use strict";const j={},O={};function N(r){const{properties:t,title:p,ignore:o}=r,s=o&&Array.isArray(o),g=Object.keys(t).reduce((l,u)=>((!s||!o.find(y=>y==u))&&(l[u]=t[u].type==="object"&&t[u].properties?N(t[u]):h.cloneDeep(t[u].default)),l),{});return p&&(!s||!o.find(l=>l=="id"))&&(g.id=`${p}-${Date.now()}`),g}function C(r,t){const p=N(t);return Object.keys(r).reduce((o,s)=>(o[s]&&h.isPlainObject(o[s])&&h.isPlainObject(r[s])?Object.assign(o[s],r[s]):o[s]=r[s],o),p),p}function T(r,t){return Object.keys(r).filter(o=>r[o]!=null).reduce((o,s)=>{if(t.has(s)){const g=t.get(s);if(typeof g=="string")o[g]=r[s];else{const l=g(s,r[s],r);Object.assign(o,l)}}else o[s]=r[s];return o},{})}function $(r,t,p=new Map){const o=C(r,t);return T(o,p)}function M(r={}){function t(n,i,c,a){if(typeof c=="number")return a[n].length===c;if(typeof c=="object"){const d=Object.keys(c)[0],m=c[d];if(d==="not")return Number(a[n].length)!==Number(m);if(d==="moreThan")return Number(a[n].length)>=Number(m);if(d==="lessThan")return Number(a[n].length)<=Number(m)}return!1}function p(n,i,c,a){return a[n]&&a[n].propertyValue&&String(a[n].propertyValue.value)===String(c)}const o=new Map([["length",t],["getProperty",p]]);Object.keys(r).reduce((n,i)=>(n.set(i,r[i]),n),o);function s(n,i){const c=n;return typeof i=="number"?[{target:c,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:c,operator:"getProperty",param:n,value:!!i}]:typeof i=="object"?Object.keys(i).map(a=>{if(a==="length")return{target:c,operator:"length",param:null,value:i[a]};const d=a,m=i[a];return{target:c,operator:"getProperty",param:d,value:m}}):[]}function g(n){return Object.keys(n).reduce((c,a)=>{const d=s(a,n[a]);return c.push(...d),c},[])}function l(n,i){if(o.has(n.operator)){const c=o.get(n.operator);return c&&c(n.target,n.param,n.value,i)||!1}return!1}function u(n,i){return g(n).reduce((d,m)=>d&&l(m,i),!0)}function y(n,i){const c=Object.keys(n),a=c.includes("allOf"),d=c.includes("anyOf"),m=a||d,V=(m?n[m?a?"allOf":"anyOf":"allOf"]:[n]).map(L=>u(L,i));return a?!V.includes(!1):V.includes(!0)}return{parseValueSchema:y}}const F={},P={};M();function A(r,t,p=new Map,o=(l,u,y)=>u,s={},g=l=>l){return j[t.title]=t,O[t.title]=o,F[t.title]=s,P[t.title]=g,(l={})=>{const u=$(l,t,p),y=Object.keys(r).reduce((n,i)=>(n[i]=r[i].default,n),{});return Object.assign(y,u)}}function D(r,t){return{customClass:t.class,customStyle:t.style}}const R=new Map([["appearance",D]]);function q(r,t,p){return t}const w={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/expression-editor.schema.json",title:"expression-editor",description:"A Farris Expression Editor Component",type:"object",properties:{id:{description:"The unique identifier for a Expression Editor",type:"string"},type:{description:"The type string of Expression Editor component",type:"string",default:"expression-editor"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}}},required:["id","type"]},k={title:"expression-editor",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}}}},x={},E=A(x,w,R,q,k),b=e.defineComponent({name:"FExpressionEditor",props:x,emits:[],setup(r,t){const p=e.ref();return e.onMounted(()=>{}),()=>e.createVNode("div",{ref:p,class:"d-flex h-100 f-utils-flex-column",style:"min-height:450px"},[e.createVNode(e.resolveComponent("f-layout"),{class:"flex-column"},{default:()=>[e.createVNode(e.resolveComponent("f-layout-pane"),{"custom-class":"position-relative",position:"top",minHeight:120},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-info",style:"opacity:0.2;z-index: -1;"},null),e.createVNode("p",null,[e.createTextVNode("头部区域")])]}),e.createVNode(e.resolveComponent("f-layout-pane"),{position:"center"},{default:()=>[e.createVNode(e.resolveComponent("f-layout"),null,{default:()=>[e.createVNode(e.resolveComponent("f-layout-pane"),{position:"left",minWidth:200,width:400},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-info",style:"opacity:0.2;z-index: -1;"},null),e.createVNode("p",null,[e.createTextVNode("左侧区域")])]}),e.createVNode(e.resolveComponent("f-layout-pane"),{position:"center"},{default:()=>[e.createVNode("div",{class:"f-utils-absolute-all bg-danger",style:"opacity:0.2;z-index:-1"},null),e.createVNode("p",null,[e.createTextVNode("右侧区域")])]})]})]})]})])}}),z=e.defineComponent({name:"FExpressionEditorDesign",props:x,emits:[],setup(r,t){return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("expression editor design")])}}),B={install(r){r.component(b.name,b)},register(r,t,p,o){r["expression-editor"]=b,t["expression-editor"]=E},registerDesigner(r,t,p){r["expression-editor"]=z,t["expression-editor"]=E}};f.ExpressionEditor=b,f.default=B,f.expressionEditorProps=x,f.propsResolver=E,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});