@farris/ui-vue 1.2.8 → 1.2.9

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

@@ -0,0 +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,C,W,J){"use strict";const $={},I={};function F(t){const{properties:n,title:a,ignore:r}=t,u=r&&Array.isArray(r),f=Object.keys(n).reduce((s,v)=>((!u||!r.find(m=>m==v))&&(s[v]=n[v].type==="object"&&n[v].properties?F(n[v]):C.cloneDeep(n[v].default)),s),{});return(!u||!r.find(s=>s=="id"))&&(f.id=`${a}-${Date.now()}`),f}function j(t,n={},a){const r=$[t];if(r){let u=F(r);const f=I[t];return u=f?f({getSchemaByType:j},u,n,a):u,u}return null}function U(t,n){const a=F(n);return Object.keys(t).reduce((r,u)=>(r[u]&&typeof r[u]=="object"?Object.assign(r[u],t[u]):r[u]=t[u],r),a),a}function Y(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,u)=>{if(n.has(u)){const f=n.get(u);if(typeof f=="string")r[f]=t[u];else{const s=f(u,t[u],t);Object.assign(r,s)}}else r[u]=t[u];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],d=o[h];if(h==="not")return Number(l[c].length)!==Number(d);if(h==="moreThan")return Number(l[c].length)>=Number(d);if(h==="lessThan")return Number(l[c].length)<=Number(d)}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 u(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,d=i[l];return{target:o,operator:"getProperty",param:h,value:d}}):[]}function f(c){return Object.keys(c).reduce((o,l)=>{const h=u(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,d)=>h&&s(d,i),!0)}function m(c,i){const o=Object.keys(c),l=o.includes("allOf"),h=o.includes("anyOf"),d=l||h,g=(d?c[d?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,u={},f=s=>s){return $[n.title]=n,I[n.title]=r,Z[n.title]=u,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:u}=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:C.cloneDeep(o.command),controller:C.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];u(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 u(){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?u():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=C.cloneDeep(o),t.value.boundEventsList=i.boundEventsList),t.value.boundEventsList&&(t.value.boundEventsList=t.value.boundEventsList.filter(function(h){return o.find(d=>d.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 u(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=>u(f))])}}),H=e.defineComponent({name:"FInteractionButton",props:ce,emits:["click"],setup(t,n){const a=e.inject("useEventsComposition"),r=e.inject("useInteractionCompostion"),{candidateEvents:u}=a,{collapseInteractions:f}=r,s=e.ref(!1);function v(h){u.value=u.value.filter(d=>d.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:u.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 u(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,[u(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,u=e.ref(!1),f=e.ref(t.canAddNewMethod),s=e.computed(()=>!f.value),v=e.computed(()=>u.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 d(){}function N(){n.emit("close",null)}function V(){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(),V(),g(),V(),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),u=e.ref(!1),f=e.ref(!1);e.ref(""),e.ref([]);const s=e.computed(()=>a.value!==null),v=e.computed(()=>u.value),m=e.computed(()=>f.value),c=e.computed(()=>!u.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 d(){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 V(){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 b(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:()=>b(r.value)},[e.createTextVNode("完成")])])])}function M(){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&&d(),c.value&&V()])]),i.value&&M(),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:u}=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,b=s.value.showSwitch[0],w=b.showSection[b.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 b=s.value.showSwitch[0];r(b),n.emit("addAction",v.value)}}function d(p){p===null&&s.value.command===null&&n.emit("delete",v.value);const b=s.value.showSwitch[0];r(b)}function N(p){const{method:b,controller:w}=p,{id:M,label:B,name:E,handlerName:L}=b,{controllerName:D}=w,R=!1,be=D.id;s.value.command={id:M,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,u()}function V(){return e.createVNode(me,{controllers:f.value,onClose:d,onSelectMethod:N},null)}function g(){const p=s.value.showSwitch[0];p.showSection[p.showSwitchNumber][3]=!1}function S(p){s.value.command=C.cloneDeep(p),u()}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&&V(),c.value&&y()])}});function G(t,n,a){const{interactions:r}=n,u=e.ref(t.value.internalCommandList);function f(d){r.value[d].showSwitch=[],r.value[d].showSwitch.push(C.cloneDeep({showSection:[[!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1],[!1,!0,!1,!0,!1]],showSwitchNumber:2})),r.value=C.cloneDeep(r.value)}function s(d,N,V){}function v(d){var V;const N=[];return(V=t.value.newController)==null||V.forEach(g=>{d.forEach(S=>{g.Code===S.controller.label&&N.push(C.cloneDeep(g))})}),N}function m(){var S;t.value.isAddControllerMethod=!!t.value.newFuncEvents;const d=[],N=C.cloneDeep(t.value.internalCommandList);r.value.map(y=>{const p=C.cloneDeep(y.controller),b=C.cloneDeep(y.command),w=C.cloneDeep(y.event),M={controller:p,command:b,boundEvents:w};d.push(C.cloneDeep(M))});const V=(S=t.value.newController)!=null&&S.length&&d.length?C.cloneDeep(v(d)):[],g={viewModelId:t.value.viewModelId,savedCommand:C.cloneDeep(t.value.viewModel),boundEventsList:C.cloneDeep(d),events:C.cloneDeep(t.value.events),internalCommandList:C.cloneDeep(N),componentLists:[],relativePath:t.value.relativePath,envType:t.value.envType,newController:C.cloneDeep(V),isAddControllerMethod:t.value.isAddControllerMethod,repititionCommand:t.value.repititionCommand,preCommand:t.value.preCommand,newFuncEvents:C.cloneDeep(t.value.newFuncEvents)};a.emit("savedCommandListChanged",g)}function c(d){d.showSection[d.showSwitchNumber][2]=!0}function i(d){d.showSection[d.showSwitchNumber][2]=!1}function o(d){d.showSection[d.showSwitchNumber][3]=!0}function l(d){d.showSection[d.showSwitchNumber][3]=!1}function h(d){d.showSection[d.showSwitchNumber][2]?(i(d),o(d)):(c(d),l(d))}return{controllers:u,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:u,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(),u(),i()});function h(g){m(g)}function d(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},[d(S,y)]))}function V(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:V},null),N()])])}});function ve(t,n,a){var b;function r(){}const u="",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 M=e.ref(w==null?void 0:w.value.parent),B=o(M);return B||null}function l(w=n){const{componentInstance:M,designerItemElementRef:B}=w;return!M||!M.value?null:M.value.canMove?B:l(w.parent)}function h(w){return!!a}function d(){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 V(w,M){}function g(w,M){const{componentType:B}=w;let E=j(B,w,M);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,M){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:(b=n==null?void 0:n.parent)==null?void 0:b.componentInstance,schema:n==null?void 0:n.schema,styles:u,designerClass:f,canAccepts:h,getBelongedComponentInstance:o,getDraggableDesignItemElement:l,getDraggingDisplayText:d,getPropConfig:p,getDragScopeElement:N,onAcceptMovedChildElement:V,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:u,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"),d=ve(l,h);e.onMounted(()=>{l.value.componentInstance=d,N(),f(),u(),i()}),n.expose(d.value);function N(){a.value.isAddControllerMethod=!1}function V(p){m(p)}function g(p,b){const w=p.showSwitch[0],M=w.showSection[w.showSwitchNumber][3];return e.createVNode(x,{interaction:p,displayOrder:b,collapsed:M,onDelete:V},null)}function S(){var p;return(p=c.value)==null?void 0:p.map((b,w)=>e.createVNode("div",{class:"events-display-order",key:b.event.label},[g(b,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"}})});

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

@@ -1,93 +1,93 @@
-import { defineComponent as O, ref as D, onMounted as N, createVNode as a, resolveComponent as g, createTextVNode as x, Fragment as R } from "vue";
-import { cloneDeep as $ } from "lodash-es";
-const A = {}, T = {};
+import { defineComponent as O, ref as C, onMounted as D, createVNode as l, resolveComponent as y, createTextVNode as x, Fragment as N } from "vue";
+import { cloneDeep as R } from "lodash-es";
+const $ = {}, T = {};
 function F(n) {
-  const { properties: e, title: l } = n, r = Object.keys(e).reduce((o, p) => (o[p] = e[p].type === "object" && e[p].properties ? F(e[p]) : $(e[p].default), o), {});
-  return r.id = `${l}-${Date.now()}`, r;
+  const { properties: e, title: c, ignore: r } = n, o = r && Array.isArray(r), d = Object.keys(e).reduce((u, p) => ((!o || !r.find((m) => m == p)) && (u[p] = e[p].type === "object" && e[p].properties ? F(e[p]) : R(e[p].default)), u), {});
+  return (!o || !r.find((u) => u == "id")) && (d.id = `${c}-${Date.now()}`), d;
 }
 function V(n, e) {
-  const l = F(e);
-  return Object.keys(n).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], n[o]) : r[o] = n[o], r), l), l;
+  const c = F(e);
+  return Object.keys(n).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], n[o]) : r[o] = n[o], r), c), c;
 }
-function w(n, e) {
+function P(n, e) {
   return Object.keys(n).filter((r) => n[r] != null).reduce((r, o) => {
     if (e.has(o)) {
-      const p = e.get(o);
-      if (typeof p == "string")
-        r[p] = n[o];
+      const d = e.get(o);
+      if (typeof d == "string")
+        r[d] = n[o];
       else {
-        const d = p(o, n[o], n);
-        Object.assign(r, d);
+        const u = d(o, n[o], n);
+        Object.assign(r, u);
       }
     } else
       r[o] = n[o];
     return r;
   }, {});
 }
-function P(n, e, l = /* @__PURE__ */ new Map()) {
+function w(n, e, c = /* @__PURE__ */ new Map()) {
   const r = V(n, e);
-  return w(r, l);
+  return P(r, c);
 }
 function k(n = {}) {
-  function e(t, s, i, c) {
+  function e(t, s, i, a) {
     if (typeof i == "number")
-      return c[t].length === i;
+      return a[t].length === i;
     if (typeof i == "object") {
-      const u = Object.keys(i)[0], f = i[u];
-      if (u === "not")
-        return Number(c[t].length) !== Number(f);
-      if (u === "moreThan")
-        return Number(c[t].length) >= Number(f);
-      if (u === "lessThan")
-        return Number(c[t].length) <= Number(f);
+      const f = Object.keys(i)[0], g = i[f];
+      if (f === "not")
+        return Number(a[t].length) !== Number(g);
+      if (f === "moreThan")
+        return Number(a[t].length) >= Number(g);
+      if (f === "lessThan")
+        return Number(a[t].length) <= Number(g);
     }
     return !1;
   }
-  function l(t, s, i, c) {
-    return c[t] && c[t].propertyValue && String(c[t].propertyValue.value) === String(i);
+  function c(t, s, i, a) {
+    return a[t] && a[t].propertyValue && String(a[t].propertyValue.value) === String(i);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", l]
+    ["getProperty", c]
   ]);
   Object.keys(n).reduce((t, s) => (t.set(s, n[s]), t), r);
   function o(t, s) {
     const i = t;
-    return typeof s == "number" ? [{ target: i, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: i, operator: "getProperty", param: t, value: !!s }] : typeof s == "object" ? Object.keys(s).map((c) => {
-      if (c === "length")
-        return { target: i, operator: "length", param: null, value: s[c] };
-      const u = c, f = s[c];
-      return { target: i, operator: "getProperty", param: u, value: f };
+    return typeof s == "number" ? [{ target: i, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: i, operator: "getProperty", param: t, value: !!s }] : typeof s == "object" ? Object.keys(s).map((a) => {
+      if (a === "length")
+        return { target: i, operator: "length", param: null, value: s[a] };
+      const f = a, g = s[a];
+      return { target: i, operator: "getProperty", param: f, value: g };
     }) : [];
   }
-  function p(t) {
-    return Object.keys(t).reduce((i, c) => {
-      const u = o(c, t[c]);
-      return i.push(...u), i;
+  function d(t) {
+    return Object.keys(t).reduce((i, a) => {
+      const f = o(a, t[a]);
+      return i.push(...f), i;
     }, []);
   }
-  function d(t, s) {
+  function u(t, s) {
     if (r.has(t.operator)) {
       const i = r.get(t.operator);
       return i && i(t.target, t.param, t.value, s) || !1;
     }
     return !1;
   }
-  function m(t, s) {
-    return p(t).reduce((u, f) => u && d(f, s), !0);
+  function p(t, s) {
+    return d(t).reduce((f, g) => f && u(g, s), !0);
   }
-  function y(t, s) {
-    const i = Object.keys(t), c = i.includes("allOf"), u = i.includes("anyOf"), f = c || u, h = (f ? t[f ? c ? "allOf" : "anyOf" : "allOf"] : [t]).map((C) => m(C, s));
-    return c ? !h.includes(!1) : h.includes(!0);
+  function m(t, s) {
+    const i = Object.keys(t), a = i.includes("allOf"), f = i.includes("anyOf"), g = a || f, h = (g ? t[g ? a ? "allOf" : "anyOf" : "allOf"] : [t]).map((A) => p(A, s));
+    return a ? !h.includes(!1) : h.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: m };
 }
 const v = {}, q = {};
 k();
-function z(n, e, l = /* @__PURE__ */ new Map(), r = (d, m, y) => m, o = {}, p = (d) => d) {
-  return A[e.title] = e, T[e.title] = r, v[e.title] = o, q[e.title] = p, (d = {}) => {
-    const m = P(d, e, l), y = Object.keys(n).reduce((t, s) => (t[s] = n[s].default, t), {});
-    return Object.assign(y, m);
+function z(n, e, c = /* @__PURE__ */ new Map(), r = (u, p, m) => p, o = {}, d = (u) => u) {
+  return $[e.title] = e, T[e.title] = r, v[e.title] = o, q[e.title] = d, (u = {}) => {
+    const p = w(u, e, c), m = Object.keys(n).reduce((t, s) => (t[s] = n[s].default, t), {});
+    return Object.assign(m, p);
   };
 }
 function B(n, e) {
@@ -96,10 +96,10 @@ function B(n, e) {
 const I = /* @__PURE__ */ new Map([
   ["appearance", B]
 ]);
-function H(n, e, l) {
+function L(n, e, c) {
   return e;
 }
-const L = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/expression-editor.schema.json", G = "expression-editor", J = "A Farris Expression Editor Component", Q = "object", U = {
+const H = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/expression-editor.schema.json", G = "expression-editor", J = "A Farris Expression Editor Component", Q = "object", U = {
   id: {
     description: "The unique identifier for a Expression Editor",
     type: "string"
@@ -126,7 +126,7 @@ const L = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
   "id",
   "type"
 ], Y = {
-  $schema: L,
+  $schema: H,
   $id: W,
   title: G,
   description: J,
@@ -157,49 +157,49 @@ const L = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
   description: _,
   type: S,
   categories: K
-}, E = {}, j = z(E, Y, I, H, ee), b = /* @__PURE__ */ O({
+}, E = {}, j = z(E, Y, I, L, ee), b = /* @__PURE__ */ O({
   name: "FExpressionEditor",
   props: E,
   emits: [],
   setup(n, e) {
-    const l = D();
-    return N(() => {
-    }), () => a("div", {
-      ref: l,
+    const c = C();
+    return D(() => {
+    }), () => l("div", {
+      ref: c,
       class: "d-flex h-100 f-utils-flex-column",
       style: "min-height:450px"
-    }, [a(g("f-layout"), {
+    }, [l(y("f-layout"), {
       class: "flex-column"
     }, {
-      default: () => [a(g("f-layout-pane"), {
+      default: () => [l(y("f-layout-pane"), {
         "custom-class": "position-relative",
         position: "top",
         minHeight: 120
       }, {
-        default: () => [a("div", {
+        default: () => [l("div", {
           class: "f-utils-absolute-all bg-info",
           style: "opacity:0.2;z-index: -1;"
-        }, null), a("p", null, [x("头部区域")])]
-      }), a(g("f-layout-pane"), {
+        }, null), l("p", null, [x("头部区域")])]
+      }), l(y("f-layout-pane"), {
         position: "center"
       }, {
-        default: () => [a(g("f-layout"), null, {
-          default: () => [a(g("f-layout-pane"), {
+        default: () => [l(y("f-layout"), null, {
+          default: () => [l(y("f-layout-pane"), {
             position: "left",
             minWidth: 200,
             width: 400
           }, {
-            default: () => [a("div", {
+            default: () => [l("div", {
               class: "f-utils-absolute-all bg-info",
               style: "opacity:0.2;z-index: -1;"
-            }, null), a("p", null, [x("左侧区域")])]
-          }), a(g("f-layout-pane"), {
+            }, null), l("p", null, [x("左侧区域")])]
+          }), l(y("f-layout-pane"), {
             position: "center"
           }, {
-            default: () => [a("div", {
+            default: () => [l("div", {
               class: "f-utils-absolute-all bg-danger",
               style: "opacity:0.2;z-index:-1"
-            }, null), a("p", null, [x("右侧区域")])]
+            }, null), l("p", null, [x("右侧区域")])]
           })]
         })]
       })]
@@ -210,16 +210,16 @@ const L = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-de
   props: E,
   emits: [],
   setup(n, e) {
-    return () => a(R, null, [x("expression editor design")]);
+    return () => l(N, null, [x("expression editor design")]);
   }
 }), ie = {
   install(n) {
     n.component(b.name, b);
   },
-  register(n, e, l, r) {
+  register(n, e, c, r) {
     n["expression-editor"] = b, e["expression-editor"] = j;
   },
-  registerDesigner(n, e, l) {
+  registerDesigner(n, e, c) {
     n["expression-editor"] = te, e["expression-editor"] = j;
   }
 };

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

@@ -0,0 +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,V){"use strict";const j={},C={};function b(r){const{properties:t,title:p,ignore:o}=r,i=o&&Array.isArray(o),g=Object.keys(t).reduce((l,u)=>((!i||!o.find(y=>y==u))&&(l[u]=t[u].type==="object"&&t[u].properties?b(t[u]):V.cloneDeep(t[u].default)),l),{});return(!i||!o.find(l=>l=="id"))&&(g.id=`${p}-${Date.now()}`),g}function O(r,t){const p=b(t);return Object.keys(r).reduce((o,i)=>(o[i]&&typeof o[i]=="object"?Object.assign(o[i],r[i]):o[i]=r[i],o),p),p}function T(r,t){return Object.keys(r).filter(o=>r[o]!=null).reduce((o,i)=>{if(t.has(i)){const g=t.get(i);if(typeof g=="string")o[g]=r[i];else{const l=g(i,r[i],r);Object.assign(o,l)}}else o[i]=r[i];return o},{})}function $(r,t,p=new Map){const o=O(r,t);return T(o,p)}function M(r={}){function t(n,s,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,s,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,s)=>(n.set(s,r[s]),n),o);function i(n,s){const c=n;return typeof s=="number"?[{target:c,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:c,operator:"getProperty",param:n,value:!!s}]:typeof s=="object"?Object.keys(s).map(a=>{if(a==="length")return{target:c,operator:"length",param:null,value:s[a]};const d=a,m=s[a];return{target:c,operator:"getProperty",param:d,value:m}}):[]}function g(n){return Object.keys(n).reduce((c,a)=>{const d=i(a,n[a]);return c.push(...d),c},[])}function l(n,s){if(o.has(n.operator)){const c=o.get(n.operator);return c&&c(n.target,n.param,n.value,s)||!1}return!1}function u(n,s){return g(n).reduce((d,m)=>d&&l(m,s),!0)}function y(n,s){const c=Object.keys(n),a=c.includes("allOf"),d=c.includes("anyOf"),m=a||d,N=(m?n[m?a?"allOf":"anyOf":"allOf"]:[n]).map(L=>u(L,s));return a?!N.includes(!1):N.includes(!0)}return{parseValueSchema:y}}const F={},A={};M();function D(r,t,p=new Map,o=(l,u,y)=>u,i={},g=l=>l){return j[t.title]=t,C[t.title]=o,F[t.title]=i,A[t.title]=g,(l={})=>{const u=$(l,t,p),y=Object.keys(r).reduce((n,s)=>(n[s]=r[s].default,n),{});return Object.assign(y,u)}}function R(r,t){return{customClass:t.class,customStyle:t.style}}const P=new Map([["appearance",R]]);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=D(x,w,P,q,k),h=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(h.name,h)},register(r,t,p,o){r["expression-editor"]=h,t["expression-editor"]=E},registerDesigner(r,t,p){r["expression-editor"]=z,t["expression-editor"]=E}};f.ExpressionEditor=h,f.default=B,f.expressionEditorProps=x,f.propsResolver=E,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/external-container/index.css

@@ -1 +1 @@
-.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-import-exteranl-component-button{border:1px solid #cbd1e7;margin:5px;display:flex;position:relative;cursor:pointer}.f-import-exteranl-component-button-center{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:100%}.f-import-exteranl-component-button-name{font-family:PingFangSC-Regular;font-size:14px;color:#a2a9b9;flex:90%;margin:2px 0}
+.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}.f-import-exteranl-component-button{border:1px solid #cbd1e7;margin:5px;display:flex;position:relative;cursor:pointer}.f-import-exteranl-component-button-center{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:100%}.f-import-exteranl-component-button-name{font-family:PingFangSC-Regular;font-size:14px;color:#a2a9b9;flex:90%;margin:2px 0}