@farris/ui-vue 1.1.0 → 1.1.1

package/events-editor/index.umd.js

@@ -1 +0,0 @@
-(function(w,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):(w=typeof globalThis<"u"?globalThis:w||self,e(w["events-editor"]={},w.Vue,w.LodashES))})(this,function(w,e,C){"use strict";const M={initialData:{type:Object,default:{}}};function j(s,o){const a=e.ref([]),{boundEvents:l,unBoundEvent:d}=o;function i(n){return{event:{label:n.boundEvent.label,name:n.boundEvent.name},showSwitch:[{showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2}],command:C.cloneDeep(n.command),controller:C.cloneDeep(n.controller)}}function f(){a.value=l.value.map(n=>i(n))}function h(n){const u=i({boundEvent:n,command:null,controller:{id:"",name:"",label:""}});u.showSwitch[0].showSwitchNumber=1,u.showSwitch[0].showSection[2][3]=!0,a.value.unshift(u)}function p(){a.value.forEach(n=>{n.showSwitch.forEach(t=>{t.showSection[2][3]=!1})})}function r(n){a.value[n].showSwitch.forEach(t=>{t.showSection[2][3]=!t.showSection[2][3]})}function c(n){if(n>=0&&n<=a.value.length-1){const t=a.value[n];d(t.event),a.value.splice(n,1)}}return{addNewInteraction:h,collapseInteractions:p,deleteInteracton:c,toggleMethodInInteraction:r,interactions:a,loadInteractions:f}}function I(s){const o=e.ref([]),a=e.ref([]),l=e.ref([]);function d(){const c=a.value.reduce((t,u)=>(t.set(u.boundEvent.label,!0),t),new Map);return o.value.filter(t=>!c.has(t.label))}function i(){const c=a.value.length>0;l.value=c?d():o.value}function f(){o.value=s.value.events,a.value=s.value.boundEventsList,i()}function h(c){l.value=l.value.filter(n=>n.label!==c.label)}function p(c){a.value=a.value.filter(n=>n.boundEvent.label!==c.label),i()}function r(){const c=s.value.getEventList();if(c){const{boundEventsList:n,events:t}=c,u=t.reduce((y,b)=>(y.set(b.label,!0),y),new Map);s.value.events=C.cloneDeep(t),s.value.boundEventsList=n?n.filter(y=>u.has(y.boundEvent.label)):[]}}return{allEvents:o,boundEvents:a,candidateEvents:l,excludeFromCandidates:h,loadEvents:f,resetBoundEvents:r,unBoundEvent:p}}const L={},k={events:{type:Array,default:[]}},F=e.defineComponent({name:"FEventList",props:k,emits:["click"],setup(s,o){const a=e.ref(s.events);function l(i){o.emit("click",i)}function d(i){return e.createVNode("div",{class:"f-page-events-editor-first-bound-event"},[e.createVNode("div",{onClick:()=>l(i),class:"f-page-events-editor-first-bound-event-name"},[i.name])])}return()=>e.createVNode("div",{class:"f-page-events-editor-events"},[a.value.map(i=>d(i))])}}),O=e.defineComponent({name:"FInteractionButton",props:L,emits:["click"],setup(s,o){const a=e.inject("useEventsComposition"),l=e.inject("useInteractionCompostion"),{candidateEvents:d}=a,{collapseInteractions:i}=l,f=e.ref(!1);function h(u){d.value=d.value.filter(y=>y.label!==u.label)}function p(){f.value=!1}function r(){f.value=!0}function c(u){p(),h(u),o.emit("click",u)}function n(){f.value?p():r()}function t(){i(),n()}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:t},[e.createVNode("span",{class:"f-page-events-editor-text"},[e.createTextVNode("新建交互事件")])])]),f.value&&e.createVNode(F,{events:d.value,onClick:c},null)])}}),A={collapsed:{type:Boolean,default:!0},displayOrder:{type:Number,default:-1},interaction:{type:Object,default:{}},controllers:{type:Array,default:[]}},P={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}},me="",D={controllers:{type:Array,default:[]}},ye="",q=e.defineComponent({name:"FCommandList",props:D,emits:["selectMethod"],setup(s,o){const a=e.ref(s.controllers);function l(p){return p.controllerList.length!==0}function d(p){return l(p)&&e.createVNode("div",{class:"f-page-internals-controller"},[e.createVNode("div",{class:"f-page-internals-controller-name",title:p.controllerName.name},[p.controllerName.name])])}function i(p,r){o.emit("selectMethod",{method:p,controller:r})}function f(p){return p.controllerList.map(r=>e.createVNode("div",{class:"f-page-internals-command",onClick:()=>i(r,p)},[e.createVNode("div",{class:"f-page-internals-command-name",title:r.label},[r.name])]))}function h(p){return e.createVNode("div",null,[d(p),f(p)])}return()=>e.createVNode("div",{class:"f-page-internals"},[a.value.map(p=>h(p))])}}),R=e.defineComponent({name:"FCommandSource",props:P,emits:["addInternalCommandListChanged","newImportChanged","currentCommandChanged","originalDataChanged","click","existChanged","newFucChanged","close","selectMethod"],setup(s,o){const a=e.inject("useMethodsComposition"),{controllers:l}=a,d=e.ref(!1),i=e.ref(s.canAddNewMethod),f=e.computed(()=>!i.value),h=e.computed(()=>d.value),p=e.computed(()=>({"font-size":"15px",margin:"5px",color:"#226eff",flex:1}));function r(){}function c(){}function n(){}function t(){}function u(){o.emit("close",null)}function y(){return e.createVNode("div",{class:"f-command-breakline"},[e.createTextVNode("------------------------------------------------------------")])}function b(){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:p.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("引入控制器")])]),f.value&&e.createVNode("div",{class:"f-page-internals-new-command-func2"},[e.createVNode("div",{class:"f-icon f-icon-new-edit",style:p.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("添加新方法")])]),h.value&&void 0,e.createVNode("div",{class:"f-page-internals-new-command-func3"},[e.createVNode("div",{class:"f-icon f-icon-licensed",style:p.value},null),e.createVNode("div",{class:"f-function-class",onClick:()=>void 0},[e.createTextVNode("已有方法")])])])}function v(g){o.emit("selectMethod",g)}function m(){return e.createVNode("div",{class:"f-page-command-source-choice"},[e.createVNode(q,{controllers:l.value,onSelectMethod:v},null)])}return()=>e.createVNode("div",{class:"f-page-events-editor-command-source"},[m(),y(),b(),y(),e.createVNode("div",null,[e.createVNode("div",{class:"f-page-internals-close",onClick:u},[e.createTextVNode("取消")])])])}}),z={command:{type:Object,default:{}}},H={},W={};function T(s){const{properties:o,title:a}=s,l=Object.keys(o).reduce((d,i)=>(d[i]=o[i].type==="object"&&o[i].properties?T(o[i]):C.cloneDeep(o[i].default),d),{});return l.id=`${a}-${Date.now()}`,l}function _(s,o){const a=T(o);return Object.keys(s).reduce((l,d)=>(l[d]=s[d],l),a),a}function G(s,o){return Object.keys(s).filter(l=>s[l]!=null).reduce((l,d)=>{if(o.has(d)){const i=o.get(d);if(typeof i=="string")l[i]=s[d];else{const f=i(d,s[d],s);Object.assign(l,f)}}else l[d]=s[d];return l},{})}function X(s,o,a=new Map){const l=_(s,o);return G(l,a)}function U(s={}){function o(r,c,n,t){if(typeof n=="number")return t[r].length===n;if(typeof n=="object"){const u=Object.keys(n)[0],y=n[u];if(u==="not")return Number(t[r].length)!==Number(y);if(u==="moreThan")return Number(t[r].length)>=Number(y);if(u==="lessThan")return Number(t[r].length)<=Number(y)}return!1}function a(r,c,n,t){return t[c]&&t[c].propertyValue&&String(t[c].propertyValue.value)===String(n)}const l=new Map([["length",o],["getProperty",a]]);Object.keys(s).reduce((r,c)=>(r.set(c,s[c]),r),l);function d(r,c){const n=r;return typeof c=="number"?[{target:n,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:n,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(t=>{if(t==="length")return{target:n,operator:"length",param:null,value:c[t]};const u=t,y=c[t];return{target:n,operator:r,param:u,value:y}}):[]}function i(r){return Object.keys(r).reduce((n,t)=>{const u=d(t,r[t]);return n.push(...u),n},[])}function f(r,c){if(l.has(r.operator)){const n=l.get(r.operator);return n&&n(r.target,r.param,r.value,c)||!1}return!1}function h(r,c){return i(r).reduce((u,y)=>u&&f(y,c),!0)}function p(r,c){const n=Object.keys(r),t=n.includes("allOf"),u=n.includes("anyOf"),y=t||u,m=(y?r[y?t?"allOf":"anyOf":"allOf"]:[r]).map(S=>h(S,c));return t?!m.includes(!1):m.includes(!0)}return{parseValueSchema:p}}const J={},Q={};U();function N(s,o,a=new Map,l=(f,h,p)=>h,d={},i=f=>f){return H[o.title]=o,W[o.title]=l,J[o.title]=d,Q[o.title]=i,(f={})=>{const h=X(f,o,a),p=Object.keys(s).reduce((r,c)=>(r[c]=s[c].default,r),{});return Object.assign(p,h)}}function B(s,o){return{customClass:o.class}}const Y=new Map([["appearance",B]]),Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function K(s,o,a){return o}N({id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{default:!1,type:Boolean},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"text",type:String},change:{type:Function,default:()=>{}}},Z,Y,K,{title:"combo-list",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}});const ee=new Map([["appearance",B]]);function te(s,o,a){return o}N({data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{Type:Boolean,default:!1},multiSelectMode:{Type:String,default:"OnCheck"},idField:{Type:String,default:"id"},valueField:{Type:String,default:"id"},textField:{Type:String,default:"name"},titleField:{Type:String,default:"name"},view:{Type:String,default:"ContentView"},size:{Type:String,default:"default"},placeholder:{type:String,default:""},header:{Type:String,default:"ContentHeader"},headerClass:{Type:String,default:""},itemClass:{Type:String,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view.schema.json",title:"list-view",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view",type:"string"},type:{description:"The type string of list-view",type:"string",default:"list-view"},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"]},ee,te,{title:"list-view",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:[]}}}}}});const ne=new Map([["appearance",B]]);function oe(s,o,a){return o}N({id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},ne,oe,{title:"buttonEdit",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}});function ie(s,o,a){return o}N({activeTag:{type:String,default:""},addButtonText:{type:String,default:""},customClass:{type:String,default:""},customStyle:{type:String,default:""},data:{type:Array,default:[{name:"示例1"}]},enableAddButton:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showColor:{type:Boolean,default:!1},tagType:{type:String,default:""},tagStyle:{type:String,default:""},wrapText:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},disable:{type:Boolean,default:!1}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tags.schema.json",title:"tags",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for tags",type:"string"},type:{description:"The type string of tags",type:"string",default:"tags"},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"]},new Map([["appearance",B]]),ie,{title:"tags",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:[]}}}}}}),e.ref(0);const bt="",ae=e.defineComponent({name:"FParameterEditor",props:z,emits:[],setup(s,o){const a=e.ref(s.command),l=e.ref(0),d=e.ref(!1),i=e.ref(!1);e.ref(""),e.ref([]);const f=e.computed(()=>a.value!==null),h=e.computed(()=>d.value),p=e.computed(()=>i.value),r=e.computed(()=>!d.value&&!i.value);function c(){}function n(){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 t(){}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 y(m){}function b(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-icon f-icon-edit-button",style:"font-size: 13px;margin-right:10px;",onClick:()=>(l.value,void 0)},null)])}function v(){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"},[h.value&&n(),p.value&&u(),r.value&&b()])])])}return()=>e.createVNode("div",{class:"f-page-parameter-editor"},[f.value&&v()])}}),re=e.defineComponent({name:"FInteractionItem",props:A,emits:["addAction","delete","toggle"],setup(s,o){const a=e.inject("useMethodsComposition"),{toggleSelectingMethod:l}=a,d=e.ref(s.controllers),i=e.ref(s.interaction),f=e.ref(s.displayOrder),h=e.computed(()=>{const m=i.value.showSwitch[0];return m.showSection[m.showSwitchNumber][2]}),p=e.computed(()=>{const m=i.value.command!==null,g=i.value.showSwitch[0],S=g.showSection[g.showSwitchNumber][3];return m&&S}),r=e.computed(()=>({"f-icon":!0,"f-icon-arrow-chevron-down":p.value,"f-icon-arrow-chevron-left":!p.value}));function c(){o.emit("delete",f.value)}function n(){const m=i.value.showSwitch[0];m.showSection[m.showSwitchNumber][3]=!m.showSection[m.showSwitchNumber][3],o.emit("toggle",f.value)}function t(){if(i.value.command!==null){const g=i.value.showSwitch[0];l(g),o.emit("addAction",f.value)}}function u(m){m===null&&i.value.command===null&&o.emit("delete",f.value);const g=i.value.showSwitch[0];l(g)}function y(m){const{method:g,controller:S}=m,{id:x,label:ce,name:de,handlerName:pe}=g,{controllerName:V}=S,ue=!1,fe=V.id;i.value.command={id:x,label:ce,name:de,handlerName:pe,hasPath:ue,cmpId:fe},i.value.controller={id:V.id,label:V.label,name:V.name};const $=i.value.showSwitch[0];$.showSwitchNumber=2,$.showSection[$.showSwitchNumber][2]=!1,$.showSection[$.showSwitchNumber][3]=!0}function b(){return e.createVNode(R,{controllers:d.value,onClose:u,onSelectMethod:y},null)}function v(){return e.createVNode(ae,{command:i.value.command},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:i.value.event.label},[i.value.event.name]),e.createVNode("div",{style:"float:right;margin:5px;"},[e.createVNode("div",{class:r.value,style:"font-size: 10px;",onClick:n},null)]),e.createVNode("div",{class:"f-icon f-icon-yxs_delete",style:"font-size: 13px;float: right; margin:8px;",onClick:c},null),e.createVNode("div",{class:"f-icon f-icon-home-add",style:"float:right; font-size: 10px; margin:8px;",onClick:t},null)]),h.value&&b(),p.value&&v()])}}),wt="";function se(s,o,a){const{interactions:l}=o,d=e.ref(s.value.internalCommandList);function i(t){l.value[t].showSwitch=[],l.value[t].showSwitch.push(C.cloneDeep({showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2})),l.value=C.cloneDeep(l.value)}function f(t,u,y){}function h(t){t.showSection[t.showSwitchNumber][2]=!0}function p(t){t.showSection[t.showSwitchNumber][2]=!1}function r(t){t.showSection[t.showSwitchNumber][3]=!0}function c(t){t.showSection[t.showSwitchNumber][3]=!1}function n(t){t.showSection[t.showSwitchNumber][2]?(p(t),r(t)):(h(t),c(t))}return{controllers:d,onClosed:i,onCurrentCommandChanged:f,toggleSelectingMethod:n}}const E=e.defineComponent({name:"FEventsEditor",props:M,emits:["savedCommandListChanged"],setup(s,o){const a=e.ref(s.initialData),l=I(a),{loadEvents:d,resetBoundEvents:i}=l,f=j(a,l),{addNewInteraction:h,deleteInteracton:p,interactions:r,loadInteractions:c}=f,n=se(a,f);e.provide("useEventsComposition",l),e.provide("useInteractionCompostion",f),e.provide("useMethodsComposition",n);function t(){a.value.isAddControllerMethod=!1}e.onMounted(()=>{t(),i(),d(),c()});function u(m){p(m)}function y(m,g){const S=m.showSwitch[0],x=S.showSection[S.showSwitchNumber][3];return e.createVNode(re,{interaction:m,displayOrder:g,collapsed:x,onDelete:u},null)}function b(){return r.value.map((m,g)=>e.createVNode("div",{class:"events-display-order",key:m.event.label},[y(m,g)]))}function v(m){h(m)}return()=>e.createVNode("div",{class:"f-page-events-editor"},[e.createVNode("div",{class:"f-page-events-editor-content"},[e.createVNode(O,{onClick:v},null),b()])])}}),le={install(s){s.component(E.name,E)}};w.EventsEditor=E,w.default=le,w.eventsEditorProps=M,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/events-editor/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "events-editor",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/events-editor/index.d.ts"
-}

package/events-editor/style.css

@@ -1 +0,0 @@
-.f-page-events-editor-command-source{background-color:#fff;z-index:2001;width:100%;border:2px solid #e7eced;box-shadow:0 1px 18px #e8ebf3;min-width:220px;border-radius:10px;position:relative;height:450px;padding:10px 10px 0;display:flex;flex-direction:column}.f-page-events-editor-command-source:before{content:"";width:0;height:0;position:absolute;right:54px;bottom:447px;border-width:7px;border-style:solid;border-color:transparent transparent #e2e5e6}.f-page-events-editor-command-source:after{content:"";width:0;height:0;position:absolute;right:54px;bottom:445px;border-width:7px;border-style:solid dashed dashed;border-color:transparent transparent #ffffff}.f-page-command-source-choice{overflow-x:hidden;overflow-y:scroll;padding:5px 0;border-radius:3px;min-width:200px;flex:2 2 0}.f-page-events-editor-switch{background:#EFF5FF;border-radius:10px;margin:10px;min-width:200px;height:32px;display:flex;text-align:center}.namelist{font-family:PingFangSC-Regular;font-size:14px;color:#446a9fd9;line-height:16px;margin:8px 13px;flex-grow:1;cursor:pointer}.namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:14px;line-height:16px;color:#226eff;height:32px;padding:8px 16px;flex-grow:1;background:rgba(255,255,255,.9);box-shadow:0 4px 18px #024bc133;border-radius:10px;cursor:pointer}.f-page-internals-new-command{margin:0 2px 0 13px}.f-page-internals-new-command-func1,.f-page-internals-new-command-func2,.f-page-internals-new-command-func3{display:flex;margin:4px 1px}.f-function-class{margin:0 0 0 5px;font-family:PingFangSC-Regular;color:#4f6b9d;cursor:pointer;width:65px;font-size:13px;color:#308aff;line-height:26px;font-weight:400;flex:10}.f-page-internals-close{font-family:PingFangSC-Regular;font-size:13px;margin:7.75px 10px;color:#6d7278;cursor:pointer;display:block;color:#425159;font-weight:400;text-align:center}.f-command-breakline{color:#b4bccc;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:clip;height:10px}.f-page-internals-controller{padding-right:16px}.f-page-internals-controller-name{padding-left:15px;font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;height:20px;overflow:hidden;text-overflow:clip;white-space:nowrap}.f-page-internals-command{padding-left:16px}.f-page-internals-command:hover{background-color:#348eff;cursor:pointer}.f-page-internals-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-internals-command-name:hover{color:#fff}.f-page-parameter-editor{background:white;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:white;border-radius:4px;width:95%}.f-parameter-tooltip-class{background-color:#878d99;width:100px}.f-page-parameter-editor-first-row{padding:5px 5px 0;width:100%;display:flex;background-color:#fff;justify-content:space-between}.f-page-parameter-editor-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;display:inline-block;margin:7px 0 7px 12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.f-page-parameter-editor-first-row-icon{margin-left:5px;margin-right:5px;height:25px;background-color:#fff;float:right;margin-top:8px}.f-page-parameter-editor-parameter-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;padding:8px 0 4px 9px}.f-page-parameter-editor-row2{padding:0 8px 8px}.f-page-parameter-editor-input{border:1px solid rgb(224,223,223)}.f-page-parameter-editor-row3{margin:5px}.f-page-parameter-editor-row3-cancel{margin-left:5px;height:25px}.f-page-parameter-editor-row3-save{margin-left:35px;height:25px}.f-icon.f-icon-yxs_delete:hover{color:#2a75ee}.f-icon.f-icon-yxs_delete{color:#a7b0bb}.f-icon.f-icon-edit-button:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-edit-button{color:#a7b0bb}.f-page-parameter-editor-btn{height:35px;width:100%}.btn-finish{height:25px;margin-right:10px;float:right;width:40px;padding:3px 5px;border:1px solid #e5e7e9;font-size:12px;color:#5a8cff;box-shadow:0 2px 3px #1f23290f;border-radius:3px;margin-top:5px;text-align:center}.btn-finish:hover{cursor:pointer;border:1px solid #5a8cff}.f-page-parameter-editor-targetComponent{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;margin:0 0 2px 8px}.f-page-parameter-editor-targetComponent-topic{padding:3px 0}.f-page-parameter-editor-targetComponent-dropdown{padding:0 8px 0 0}.f-page-events-editor{display:-webkit-box;position:relative}.f-page-events-popover{position:absolute;top:0;width:100%;z-index:2000;background-color:#0000;opacity:0;height:calc(100vh - 50px)}.f-page-events-editor-content{width:100%;min-width:200px;background-color:#fff}.f-page-events-editor-events{width:98%;max-height:136px;background:#ffffff;box-shadow:0 2px 10px #00000026;border-color:#6ca0f5;border-radius:4px;margin-left:2px;padding:8px 0 2px;overflow:scroll;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep button:focus{outline:unset}.f-page-events-editor-top-button{background-color:#fff}.f-page-events-editor-top-button:focus{background-color:#f3f7ff}.f-page-events-editor-first-bound-event{height:24px;font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px;font-weight:400;padding-left:5px;margin-left:10px}.f-page-events-editor-first-bound-event:hover{background-color:#348eff}.f-page-events-editor-bound-event{border:1px solid #e8ebf3;width:100%;height:28px;background:white;margin-top:10px}.f-page-events-editor-first-bound-event-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-events-editor-first-bound-event-name:hover{color:#fff}.f-page-events-editor-button{margin:5px 0 0;padding:0;width:100%;border:#fff;height:26px;cursor:pointer;background-image:linear-gradient(-51deg,#328bff 0%,#2a87ff 100%);box-shadow:0 4px 10px #4590ff40;border-radius:6px}.f-page-events-editor-button:focus{outline:none}.f-page-events-editor-text{font-family:PingFangSC-Regular;font-size:13px;color:#fff;text-align:center}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px;display:inline-block;font-family:PingFangSC-Regular;font-size:13px;color:#6ca1ff}:host ::ng-deep .mb-3{margin-bottom:0!important}.f-icon.f-icon-arrow-chevron-down:hover,.f-icon.f-icon-arrow-chevron-left:hover,.f-icon.f-icon-yxs_delete:hover,.f-icon.f-icon-home-add:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-yxs_delete,.f-icon.f-icon-home-add{color:#a7b0bb}.f-page-events-editor-save-all{width:240px;height:40px}.f-page-events-editor-save-all-button{margin:10px 10px 3px 178px;background:#6ca0f5;border-radius:4px;width:50px;border:1px transparent}