@farris/ui-vue 1.3.3 → 1.3.4

package/components/event-parameter/index.esm.js

@@ -1,12 +1,12 @@
-import { ref as i, computed as V, defineComponent as j, inject as _, watch as $, createVNode as f, Fragment as U, isVNode as G } from "vue";
-import { FDynamicFormGroup as H } from "../dynamic-form/index.esm.js";
-import { F_MODAL_SERVICE_TOKEN as z } from "../modal/index.esm.js";
-import K, { FTabPage as q } from "../tabs/index.esm.js";
-import J from "../tree-grid/index.esm.js";
-import Q from "../textarea/index.esm.js";
-import W, { FLayoutPane as w } from "../layout/index.esm.js";
+import { ref as r, computed as V, reactive as B, defineComponent as _, inject as $, watch as H, createVNode as p, Fragment as U, isVNode as G } from "vue";
+import { FDynamicFormGroup as z } from "../dynamic-form/index.esm.js";
+import { F_MODAL_SERVICE_TOKEN as K } from "../modal/index.esm.js";
+import q, { FTabPage as J } from "../tabs/index.esm.js";
+import Q from "../tree-view/index.esm.js";
+import W from "../textarea/index.esm.js";
+import X, { FLayoutPane as P } from "../layout/index.esm.js";
 var c = /* @__PURE__ */ ((e) => (e.Default = "Default", e.Textbox = "Textbox", e.Numberbox = "Numberbox", e.Combolist = "Combolist", e.Select = "Select", e.Checkbox = "Checkbox", e.Switch = "Switch", e.Tags = "Tags", e.SortEditor = "SortEditor", e.FilterEditor = "FilterEditor", e.DataEditor = "DataEditor", e.MenuIdSelector = "MenuIdSelector", e.AppIdSelector = "AppIdSelector", e.ComboLookup = "ComboLookup", e.ConfigurationParameterEditor = "ConfigurationParameterEditor", e.FieldMappingEditor = "FieldMappingEditor", e))(c || {});
-const C = {}, X = {
+const h = {}, Y = {
   /** 编辑器类型 */
   data: { type: Object, default: [] },
   /** 复选框组件id  */
@@ -29,12 +29,18 @@ const C = {}, X = {
   // 只读
   readonly: { type: Boolean, default: !1 },
   // 必填
-  disabled: { type: Boolean, default: !1 }
+  disabled: { type: Boolean, default: !1 },
+  // 通用参数编辑器字段数据
+  fieldData: { type: Object, default: [] },
+  // 通用参数编辑器变量数据
+  varData: { type: Object, default: [] },
+  // 通用参数编辑器表单数据
+  formData: { type: Object, default: [] }
 };
-function Y(e) {
-  const o = i(e.editorType);
+function Z(e) {
+  const o = r(e.editorType);
   function s() {
-    C[o.value] = {
+    h[o.value] = {
       type: "combo-list",
       componentProps: {
         data: e.data,
@@ -44,38 +50,38 @@ function Y(e) {
       }
     };
   }
-  function n(u) {
+  function a(u) {
   }
-  return { createEditorProps: s, onValueChange: n };
+  return { createEditorProps: s, onValueChange: a };
 }
-function Z(e) {
-  const o = i(e.editorType);
+function ee(e) {
+  const o = r(e.editorType);
   function s() {
-    C[o.value] = {
+    h[o.value] = {
       type: "switch",
       componentProps: {}
     };
   }
-  function n() {
+  function a() {
   }
-  return { createEditorProps: s, onValueChange: n };
+  return { createEditorProps: s, onValueChange: a };
 }
 function k(e) {
-  const o = i(e.editorType), s = V(() => o.value === c.Default);
-  function n() {
-    C[o.value] = {
+  const o = r(e.editorType), s = V(() => o.value === c.Default);
+  function a() {
+    h[o.value] = {
       type: "input-group",
       componentProps: {}
     };
   }
   function u() {
   }
-  return { createEditorProps: n, shouldRenderAppendButton: s, onValueChange: u };
+  return { createEditorProps: a, shouldRenderAppendButton: s, onValueChange: u };
 }
-function ee(e) {
-  const o = i(e.editorType), s = V(() => o.value === c.Default);
-  function n() {
-    C[o.value] = {
+function te(e) {
+  const o = r(e.editorType), s = V(() => o.value === c.Default);
+  function a() {
+    h[o.value] = {
       type: "combo-tree",
       componentProps: {
         data: e.data,
@@ -94,13 +100,13 @@ function ee(e) {
   }
   function u() {
   }
-  return { createEditorProps: n, shouldRenderAppendButton: s, onValueChange: u };
+  return { createEditorProps: a, shouldRenderAppendButton: s, onValueChange: u };
 }
-function te(e) {
-  const o = i(e.editorType), s = Y(e), n = Z(e), u = k(e), S = ee(e);
+function oe(e) {
+  const o = r(e.editorType), s = Z(e), a = ee(e), u = k(e), C = te(e);
   function b() {
-    const p = o.value;
-    return p === c.Combolist || p === c.Select ? s.createEditorProps() : p === c.Checkbox || p === c.FilterEditor || p === c.DataEditor || p === c.SortEditor || p === c.MenuIdSelector || p === c.AppIdSelector || (p === c.ComboLookup ? S.createEditorProps() : p === c.Numberbox || (p === c.Switch ? n.createEditorProps() : u.createEditorProps())), C[o.value];
+    const f = o.value;
+    return f === c.Combolist || f === c.Select ? s.createEditorProps() : f === c.Checkbox || f === c.FilterEditor || f === c.DataEditor || f === c.SortEditor || f === c.MenuIdSelector || f === c.AppIdSelector || (f === c.ComboLookup ? C.createEditorProps() : f === c.Numberbox || (f === c.Switch ? a.createEditorProps() : u.createEditorProps())), h[o.value];
   }
   function g() {
     return "input-group";
@@ -110,138 +116,176 @@ function te(e) {
   }
   return { getEditorConfig: b, getEditorType: g, getEditorMap: F };
 }
-function oe(e) {
+function ae(e) {
+  const o = B([
+    {
+      id: "tabField",
+      title: "字段",
+      treeConfigs: {
+        id: "tabFieldTree",
+        columns: [{ field: "name" }],
+        data: [],
+        onSelectNode: () => {
+        },
+        componentRef: r()
+      }
+    },
+    {
+      id: "tabVar",
+      title: "变量",
+      treeConfigs: {
+        id: "tabVarTree",
+        data: []
+      }
+    },
+    {
+      id: "tabForm",
+      title: "表单组件",
+      treeConfigs: {
+        id: "tabFormTree",
+        data: []
+      }
+    }
+  ]);
+  return o[0].treeConfigs.data = e.fieldData, o[1].treeConfigs.data = e.varData, o[2].treeConfigs.data = e.formData, { tabs: o };
+}
+function ne(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const m = /* @__PURE__ */ j({
+const m = /* @__PURE__ */ _({
   name: "FEventParameter",
-  props: X,
+  props: Y,
   emits: ["valueChange", "onBlur", "applicationSelectionChange", "componentSelectionChange", "parameterChanged", "update:modelValue", "update:parameterValue", "confirm"],
   setup(e, o) {
-    const s = i(e.id);
-    i(e.label), i(e.showLabel);
-    const n = i(e.modelValue), u = i(e.modelValue), {
-      getEditorConfig: S
-    } = te(e);
+    const s = r(e.id);
+    r(e.label), r(e.showLabel);
+    const a = r(e.modelValue), u = r(e.modelValue), {
+      getEditorConfig: C
+    } = oe(e);
     k(e);
-    const b = S();
-    i();
-    const g = i(), F = i(e.paramData), p = _(z), x = i({
+    const b = C();
+    r();
+    const g = r();
+    r(e.paramData);
+    const F = $(K), f = r({
       enable: !1
-    }), I = i({
+    }), x = r({
       customRowStatus: (t) => ((!t.raw.parent || !t.raw.parentId) && (t.collapse = !0), t)
-    }), P = V(() => ({
+    }), w = V(() => ({
       // 编辑器类型
       type: b == null ? void 0 : b.type,
       /** 根据不同编辑器  设置不同编辑器的属性 */
       ...b == null ? void 0 : b.componentProps
-    }));
-    function D(t) {
+    })), {
+      tabs: D
+    } = ae(e);
+    function I(t) {
       o.emit("update:modelValue", t), o.emit("valueChange", t);
     }
-    function y(t, a, d) {
-      const l = a.selectionStart || 0, {
-        selectionEnd: r
-      } = a, v = r - l, h = v > 0, E = d && d.split("") || [];
-      return h ? E.splice(l, v, t) : E.splice(l, 0, t), E.join("");
+    function S(t, n, d) {
+      const l = n.selectionStart || 0, {
+        selectionEnd: i
+      } = n, v = i - l, y = v > 0, E = d && d.split("") || [];
+      return y ? E.splice(l, v, t) : E.splice(l, 0, t), E.join("");
     }
-    function R(t, a) {
+    function T(t, n) {
       const {
         data: d
       } = t;
-      let l, r = t.parent, {
-        label: v,
-        bindTo: h
+      let l, i = t.parent, {
+        label: v
       } = d;
-      for (; r; )
-        if (r.nodeType === "field")
-          v = r.data.label + "/" + v, r = r.parent;
+      for (; i; )
+        if (i.nodeType === "field")
+          v = i.data.label + "/" + v, i = i.parentNode;
         else {
-          l = r, l.includes("_") && (l = l.slice(l.indexOf("_") + 1));
+          l = i, l.includes("_") && (l = l.slice(l.indexOf("_") + 1));
           break;
         }
       if (l)
-        return h !== "/" && (h += "/"), y(`{DATA~/#{${l}}${h}${v}}`, a);
+        return S(`{DATA~/${v}}`, n);
     }
-    function T(t, a) {
+    function O(t, n) {
       const {
         statePath: d
       } = t;
-      let l = a.value;
+      let l = n.value;
       if (d) {
-        const r = d.split("/");
-        if (l = d, r.length === 3) {
-          const h = `#{${r[1]}}`;
-          r.splice(1, 1, h), l = r.join("/");
+        const i = d.split("/");
+        if (l = d, i.length === 3) {
+          const y = `#{${i[1]}}`;
+          i.splice(1, 1, y), l = i.join("/");
         }
         l = `{UISTATE~${l}}`;
       }
-      return y(l, a);
+      return S(l, n);
     }
-    function M(t, a, d) {
+    function R(t, n, d) {
       switch (t) {
         case "tabForm":
-          u.value = y(`#{${d.data.id}}`, g.value.elementRef.value, n.value);
+          u.value = S(`#{${d.data.id}}`, g.value.elementRef.value, a.value);
           break;
         case "tabField":
-          u.value = R(d, g.value.elementRef.value);
+          u.value = T(d, g.value.elementRef.value);
           break;
         case "tabVar":
-          u.value = T(d.data, g.value.elementRef.value);
+          u.value = O(d.data, g.value.elementRef.value);
           break;
       }
       o.emit("paramChanged", {
         tabId: t,
-        index: a,
+        index: n,
         raw: d,
-        value: n.value
+        value: a.value
       });
     }
-    function A() {
+    function M() {
       return () => {
         let t;
-        return f(W, null, {
-          default: () => [f(w, {
+        return p(X, {
+          style: "padding:0  10px"
+        }, {
+          default: () => [p(P, {
             position: "left",
             width: 300,
             resizable: !1
           }, {
-            default: () => [f(K, null, oe(t = F.value.map((a) => f(q, {
-              key: a.id,
-              id: a.id,
-              title: a.title
+            default: () => [p(q, null, ne(t = D.map((n) => p(J, {
+              key: n.id,
+              id: n.id,
+              title: n.title
             }, {
-              default: () => [f(J, {
-                rowNumber: x,
-                rowOption: I.value,
-                key: a.treeConfigs.id,
-                ref: a.treeConfigs.componentRef,
-                columns: a.treeConfigs.columns,
-                data: a.treeConfigs.data,
+              default: () => [p(Q, {
+                rowNumber: f,
+                rowOption: x.value,
+                key: n.treeConfigs.id,
+                data: n.treeConfigs.data,
                 fit: !0,
                 height: 300,
-                onDoubleClickRow: function(l, r) {
-                  M(a.id, l, r);
+                onDoubleClickRow: function(l, i) {
+                  R(n.id, l, i);
                 }
               }, null)]
             }))) ? t : {
               default: () => [t]
             })]
-          }), f(w, {
+          }), p(P, {
             position: "center"
           }, {
-            default: () => [f(Q, {
+            default: () => [p(W, {
               ref: g,
               modelValue: u.value,
-              "onUpdate:modelValue": (a) => u.value = a
+              "onUpdate:modelValue": (n) => u.value = n,
+              rows: 10,
+              autoHeight: !0
             }, null)]
           })]
         });
       };
     }
-    function L() {
-      u.value = n.value;
-      const t = p.open({
+    function A() {
+      u.value = a.value;
+      const t = F.open({
         title: "参数编辑器",
         width: 900,
         height: 500,
@@ -249,7 +293,7 @@ const m = /* @__PURE__ */ j({
         showHeader: !0,
         showCloseButton: !0,
         draggable: !0,
-        render: A(),
+        render: M(),
         buttons: [{
           class: "btn btn-light",
           text: "取消",
@@ -260,43 +304,43 @@ const m = /* @__PURE__ */ j({
           class: "btn btn-primary",
           text: "确定",
           handle: () => {
-            n.value = u.value, o.emit("update:modelValue", n.value), o.emit("confirm", n.value), t.destroy();
+            a.value = u.value, o.emit("update:modelValue", a.value), o.emit("confirm", a.value), t.destroy();
           }
         }]
       });
     }
-    function O() {
-      return P.value.type === "input-group" ? f("span", {
+    function N() {
+      return w.value.type === "input-group" ? p("span", {
         class: "f-icon f-icon-lookup",
-        onClick: L,
+        onClick: A,
         style: "margin-top: 2px;margin-right: 5px;color: rgba(0, 0, 0, .25)"
-      }, null) : f(U, null, null);
+      }, null) : p(U, null, null);
     }
-    $(() => e.modelValue, (t, a) => {
-      t !== a && (n.value = t);
+    H(() => e.modelValue, (t, n) => {
+      t !== n && (a.value = t);
     });
-    const B = () => {
+    const j = () => {
       o.emit("update:modelValue", "");
-    }, N = () => g.value.elementRef;
+    }, L = () => g.value.elementRef;
     return o.expose({
-      getInputRef: N
-    }), () => f(H, {
+      getInputRef: L
+    }), () => p(z, {
       id: s.value,
-      editor: P.value,
-      modelValue: n.value,
-      "onUpdate:modelValue": (t) => n.value = t,
+      editor: w.value,
+      modelValue: a.value,
+      "onUpdate:modelValue": (t) => a.value = t,
       showLabel: !1,
-      onChange: D,
-      onClear: B
+      onChange: I,
+      onClear: j
     }, {
-      groupTextTemplate: () => O()
+      groupTextTemplate: () => N()
     });
   }
 });
 m.install = (e) => {
   e.component(m.name, m);
 };
-m.register = (e, o, s, n) => {
+m.register = (e, o, s, a) => {
   e["event-parameter"] = m, o["event-parameter"] = m;
 };
 m.registerDesigner = (e, o, s) => {
@@ -306,6 +350,6 @@ export {
   c as EditorType,
   m as FEventParameter,
   m as default,
-  C as editorMap,
-  X as eventParameterProps
+  h as editorMap,
+  Y as eventParameterProps
 };

package/components/event-parameter/index.umd.cjs

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../dynamic-form/index.umd.js"),require("../modal/index.umd.js"),require("../tabs/index.umd.js"),require("../tree-grid/index.umd.js"),require("../textarea/index.umd.js"),require("../layout/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-form/index.umd.js","../modal/index.umd.js","../tabs/index.umd.js","../tree-grid/index.umd.js","../textarea/index.umd.js","../layout/index.umd.js"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i["event-parameter"]={},i.Vue,i.dynamicForm,i.modal,i.FTabs,i.FTreeGrid,i.FTextarea,i.FLayout))})(this,function(i,t,k,N,P,I,T,S){"use strict";var d=(e=>(e.Default="Default",e.Textbox="Textbox",e.Numberbox="Numberbox",e.Combolist="Combolist",e.Select="Select",e.Checkbox="Checkbox",e.Switch="Switch",e.Tags="Tags",e.SortEditor="SortEditor",e.FilterEditor="FilterEditor",e.DataEditor="DataEditor",e.MenuIdSelector="MenuIdSelector",e.AppIdSelector="AppIdSelector",e.ComboLookup="ComboLookup",e.ConfigurationParameterEditor="ConfigurationParameterEditor",e.FieldMappingEditor="FieldMappingEditor",e))(d||{});const y={},v={data:{type:Object,default:[]},id:{type:String,default:""},editable:{type:Boolean,default:!0},editorType:{type:String,default:""},label:{type:String,default:""},modelValue:{type:[String,Boolean,Array,Number],default:""},paramData:{type:Object,default:[]},showLabel:{type:Boolean,default:!0},idField:{type:String,default:""},textField:{type:String,default:""},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function M(e){const n=t.ref(e.editorType);function f(){y[n.value]={type:"combo-list",componentProps:{data:e.data,editable:e.editable,idField:e.idField||"id",textField:e.textField||"label"}}}function r(c){}return{createEditorProps:f,onValueChange:r}}function D(e){const n=t.ref(e.editorType);function f(){y[n.value]={type:"switch",componentProps:{}}}function r(){}return{createEditorProps:f,onValueChange:r}}function j(e){const n=t.ref(e.editorType),f=t.computed(()=>n.value===d.Default);function r(){y[n.value]={type:"input-group",componentProps:{}}}function c(){}return{createEditorProps:r,shouldRenderAppendButton:f,onValueChange:c}}function R(e){const n=t.ref(e.editorType),f=t.computed(()=>n.value===d.Default);function r(){y[n.value]={type:"combo-tree",componentProps:{data:e.data,placeholder:"请选择",enableSearch:!1,enableClear:!0,editable:!0,readonly:!1,disabled:!1,idField:e.idField||"id",textField:e.textField||"name",mapFields:{id:"selectId"},multiSelect:!1}}}function c(){}return{createEditorProps:r,shouldRenderAppendButton:f,onValueChange:c}}function A(e){const n=t.ref(e.editorType),f=M(e),r=D(e),c=j(e),F=R(e);function b(){const m=n.value;return m===d.Combolist||m===d.Select?f.createEditorProps():m===d.Checkbox||m===d.FilterEditor||m===d.DataEditor||m===d.SortEditor||m===d.MenuIdSelector||m===d.AppIdSelector||(m===d.ComboLookup?F.createEditorProps():m===d.Numberbox||(m===d.Switch?r.createEditorProps():c.createEditorProps())),y[n.value]}function g(){return"input-group"}function V(){return{}}return{getEditorConfig:b,getEditorType:g,getEditorMap:V}}function O(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const p=t.defineComponent({name:"FEventParameter",props:v,emits:["valueChange","onBlur","applicationSelectionChange","componentSelectionChange","parameterChanged","update:modelValue","update:parameterValue","confirm"],setup(e,n){const f=t.ref(e.id);t.ref(e.label),t.ref(e.showLabel);const r=t.ref(e.modelValue),c=t.ref(e.modelValue),{getEditorConfig:F}=A(e);j(e);const b=F();t.ref();const g=t.ref(),V=t.ref(e.paramData),m=t.inject(N.F_MODAL_SERVICE_TOKEN),B=t.ref({enable:!1}),L=t.ref({customRowStatus:o=>((!o.raw.parent||!o.raw.parentId)&&(o.collapse=!0),o)}),w=t.computed(()=>({type:b==null?void 0:b.type,...b==null?void 0:b.componentProps}));function _(o){n.emit("update:modelValue",o),n.emit("valueChange",o)}function x(o,a,s){const l=a.selectionStart||0,{selectionEnd:u}=a,h=u-l,C=h>0,E=s&&s.split("")||[];return C?E.splice(l,h,o):E.splice(l,0,o),E.join("")}function q(o,a){const{data:s}=o;let l,u=o.parent,{label:h,bindTo:C}=s;for(;u;)if(u.nodeType==="field")h=u.data.label+"/"+h,u=u.parent;else{l=u,l.includes("_")&&(l=l.slice(l.indexOf("_")+1));break}if(l)return C!=="/"&&(C+="/"),x(`{DATA~/#{${l}}${C}${h}}`,a)}function $(o,a){const{statePath:s}=o;let l=a.value;if(s){const u=s.split("/");if(l=s,u.length===3){const C=`#{${u[1]}}`;u.splice(1,1,C),l=u.join("/")}l=`{UISTATE~${l}}`}return x(l,a)}function U(o,a,s){switch(o){case"tabForm":c.value=x(`#{${s.data.id}}`,g.value.elementRef.value,r.value);break;case"tabField":c.value=q(s,g.value.elementRef.value);break;case"tabVar":c.value=$(s.data,g.value.elementRef.value);break}n.emit("paramChanged",{tabId:o,index:a,raw:s,value:r.value})}function G(){return()=>{let o;return t.createVNode(S,null,{default:()=>[t.createVNode(S.FLayoutPane,{position:"left",width:300,resizable:!1},{default:()=>[t.createVNode(P,null,O(o=V.value.map(a=>t.createVNode(P.FTabPage,{key:a.id,id:a.id,title:a.title},{default:()=>[t.createVNode(I,{rowNumber:B,rowOption:L.value,key:a.treeConfigs.id,ref:a.treeConfigs.componentRef,columns:a.treeConfigs.columns,data:a.treeConfigs.data,fit:!0,height:300,onDoubleClickRow:function(l,u){U(a.id,l,u)}},null)]})))?o:{default:()=>[o]})]}),t.createVNode(S.FLayoutPane,{position:"center"},{default:()=>[t.createVNode(T,{ref:g,modelValue:c.value,"onUpdate:modelValue":a=>c.value=a},null)]})]})}}function H(){c.value=r.value;const o=m.open({title:"参数编辑器",width:900,height:500,fitContent:!1,showHeader:!0,showCloseButton:!0,draggable:!0,render:G(),buttons:[{class:"btn btn-light",text:"取消",handle:()=>{o.destroy()}},{class:"btn btn-primary",text:"确定",handle:()=>{r.value=c.value,n.emit("update:modelValue",r.value),n.emit("confirm",r.value),o.destroy()}}]})}function z(){return w.value.type==="input-group"?t.createVNode("span",{class:"f-icon f-icon-lookup",onClick:H,style:"margin-top: 2px;margin-right: 5px;color: rgba(0, 0, 0, .25)"},null):t.createVNode(t.Fragment,null,null)}t.watch(()=>e.modelValue,(o,a)=>{o!==a&&(r.value=o)});const K=()=>{n.emit("update:modelValue","")},J=()=>g.value.elementRef;return n.expose({getInputRef:J}),()=>t.createVNode(k.FDynamicFormGroup,{id:f.value,editor:w.value,modelValue:r.value,"onUpdate:modelValue":o=>r.value=o,showLabel:!1,onChange:_,onClear:K},{groupTextTemplate:()=>z()})}});p.install=e=>{e.component(p.name,p)},p.register=(e,n,f,r)=>{e["event-parameter"]=p,n["event-parameter"]=p},p.registerDesigner=(e,n,f)=>{e["event-parameter"]=p,n["event-parameter"]=p},i.EditorType=d,i.FEventParameter=p,i.default=p,i.editorMap=y,i.eventParameterProps=v,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../dynamic-form/index.umd.js"),require("../modal/index.umd.js"),require("../tabs/index.umd.js"),require("../tree-view/index.umd.js"),require("../textarea/index.umd.js"),require("../layout/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-form/index.umd.js","../modal/index.umd.js","../tabs/index.umd.js","../tree-view/index.umd.js","../textarea/index.umd.js","../layout/index.umd.js"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l["event-parameter"]={},l.Vue,l.dynamicForm,l.modal,l.FTabs,l.FTreeView,l.FTextarea,l.FLayout))})(this,function(l,t,N,k,P,D,T,y){"use strict";var d=(e=>(e.Default="Default",e.Textbox="Textbox",e.Numberbox="Numberbox",e.Combolist="Combolist",e.Select="Select",e.Checkbox="Checkbox",e.Switch="Switch",e.Tags="Tags",e.SortEditor="SortEditor",e.FilterEditor="FilterEditor",e.DataEditor="DataEditor",e.MenuIdSelector="MenuIdSelector",e.AppIdSelector="AppIdSelector",e.ComboLookup="ComboLookup",e.ConfigurationParameterEditor="ConfigurationParameterEditor",e.FieldMappingEditor="FieldMappingEditor",e))(d||{});const C={},v={data:{type:Object,default:[]},id:{type:String,default:""},editable:{type:Boolean,default:!0},editorType:{type:String,default:""},label:{type:String,default:""},modelValue:{type:[String,Boolean,Array,Number],default:""},paramData:{type:Object,default:[]},showLabel:{type:Boolean,default:!0},idField:{type:String,default:""},textField:{type:String,default:""},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fieldData:{type:Object,default:[]},varData:{type:Object,default:[]},formData:{type:Object,default:[]}};function I(e){const o=t.ref(e.editorType);function f(){C[o.value]={type:"combo-list",componentProps:{data:e.data,editable:e.editable,idField:e.idField||"id",textField:e.textField||"label"}}}function n(c){}return{createEditorProps:f,onValueChange:n}}function M(e){const o=t.ref(e.editorType);function f(){C[o.value]={type:"switch",componentProps:{}}}function n(){}return{createEditorProps:f,onValueChange:n}}function j(e){const o=t.ref(e.editorType),f=t.computed(()=>o.value===d.Default);function n(){C[o.value]={type:"input-group",componentProps:{}}}function c(){}return{createEditorProps:n,shouldRenderAppendButton:f,onValueChange:c}}function O(e){const o=t.ref(e.editorType),f=t.computed(()=>o.value===d.Default);function n(){C[o.value]={type:"combo-tree",componentProps:{data:e.data,placeholder:"请选择",enableSearch:!1,enableClear:!0,editable:!0,readonly:!1,disabled:!1,idField:e.idField||"id",textField:e.textField||"name",mapFields:{id:"selectId"},multiSelect:!1}}}function c(){}return{createEditorProps:n,shouldRenderAppendButton:f,onValueChange:c}}function R(e){const o=t.ref(e.editorType),f=I(e),n=M(e),c=j(e),S=O(e);function b(){const m=o.value;return m===d.Combolist||m===d.Select?f.createEditorProps():m===d.Checkbox||m===d.FilterEditor||m===d.DataEditor||m===d.SortEditor||m===d.MenuIdSelector||m===d.AppIdSelector||(m===d.ComboLookup?S.createEditorProps():m===d.Numberbox||(m===d.Switch?n.createEditorProps():c.createEditorProps())),C[o.value]}function g(){return"input-group"}function F(){return{}}return{getEditorConfig:b,getEditorType:g,getEditorMap:F}}function A(e){const o=t.reactive([{id:"tabField",title:"字段",treeConfigs:{id:"tabFieldTree",columns:[{field:"name"}],data:[],onSelectNode:()=>{},componentRef:t.ref()}},{id:"tabVar",title:"变量",treeConfigs:{id:"tabVarTree",data:[]}},{id:"tabForm",title:"表单组件",treeConfigs:{id:"tabFormTree",data:[]}}]);return o[0].treeConfigs.data=e.fieldData,o[1].treeConfigs.data=e.varData,o[2].treeConfigs.data=e.formData,{tabs:o}}function B(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const p=t.defineComponent({name:"FEventParameter",props:v,emits:["valueChange","onBlur","applicationSelectionChange","componentSelectionChange","parameterChanged","update:modelValue","update:parameterValue","confirm"],setup(e,o){const f=t.ref(e.id);t.ref(e.label),t.ref(e.showLabel);const n=t.ref(e.modelValue),c=t.ref(e.modelValue),{getEditorConfig:S}=R(e);j(e);const b=S();t.ref();const g=t.ref();t.ref(e.paramData);const F=t.inject(k.F_MODAL_SERVICE_TOKEN),m=t.ref({enable:!1}),L=t.ref({customRowStatus:a=>((!a.raw.parent||!a.raw.parentId)&&(a.collapse=!0),a)}),w=t.computed(()=>({type:b==null?void 0:b.type,...b==null?void 0:b.componentProps})),{tabs:_}=A(e);function q(a){o.emit("update:modelValue",a),o.emit("valueChange",a)}function V(a,r,s){const i=r.selectionStart||0,{selectionEnd:u}=r,h=u-i,x=h>0,E=s&&s.split("")||[];return x?E.splice(i,h,a):E.splice(i,0,a),E.join("")}function $(a,r){const{data:s}=a;let i,u=a.parent,{label:h}=s;for(;u;)if(u.nodeType==="field")h=u.data.label+"/"+h,u=u.parentNode;else{i=u,i.includes("_")&&(i=i.slice(i.indexOf("_")+1));break}if(i)return V(`{DATA~/${h}}`,r)}function H(a,r){const{statePath:s}=a;let i=r.value;if(s){const u=s.split("/");if(i=s,u.length===3){const x=`#{${u[1]}}`;u.splice(1,1,x),i=u.join("/")}i=`{UISTATE~${i}}`}return V(i,r)}function U(a,r,s){switch(a){case"tabForm":c.value=V(`#{${s.data.id}}`,g.value.elementRef.value,n.value);break;case"tabField":c.value=$(s,g.value.elementRef.value);break;case"tabVar":c.value=H(s.data,g.value.elementRef.value);break}o.emit("paramChanged",{tabId:a,index:r,raw:s,value:n.value})}function G(){return()=>{let a;return t.createVNode(y,{style:"padding:0  10px"},{default:()=>[t.createVNode(y.FLayoutPane,{position:"left",width:300,resizable:!1},{default:()=>[t.createVNode(P,null,B(a=_.map(r=>t.createVNode(P.FTabPage,{key:r.id,id:r.id,title:r.title},{default:()=>[t.createVNode(D,{rowNumber:m,rowOption:L.value,key:r.treeConfigs.id,data:r.treeConfigs.data,fit:!0,height:300,onDoubleClickRow:function(i,u){U(r.id,i,u)}},null)]})))?a:{default:()=>[a]})]}),t.createVNode(y.FLayoutPane,{position:"center"},{default:()=>[t.createVNode(T,{ref:g,modelValue:c.value,"onUpdate:modelValue":r=>c.value=r,rows:10,autoHeight:!0},null)]})]})}}function z(){c.value=n.value;const a=F.open({title:"参数编辑器",width:900,height:500,fitContent:!1,showHeader:!0,showCloseButton:!0,draggable:!0,render:G(),buttons:[{class:"btn btn-light",text:"取消",handle:()=>{a.destroy()}},{class:"btn btn-primary",text:"确定",handle:()=>{n.value=c.value,o.emit("update:modelValue",n.value),o.emit("confirm",n.value),a.destroy()}}]})}function K(){return w.value.type==="input-group"?t.createVNode("span",{class:"f-icon f-icon-lookup",onClick:z,style:"margin-top: 2px;margin-right: 5px;color: rgba(0, 0, 0, .25)"},null):t.createVNode(t.Fragment,null,null)}t.watch(()=>e.modelValue,(a,r)=>{a!==r&&(n.value=a)});const J=()=>{o.emit("update:modelValue","")},Q=()=>g.value.elementRef;return o.expose({getInputRef:Q}),()=>t.createVNode(N.FDynamicFormGroup,{id:f.value,editor:w.value,modelValue:n.value,"onUpdate:modelValue":a=>n.value=a,showLabel:!1,onChange:q,onClear:J},{groupTextTemplate:()=>K()})}});p.install=e=>{e.component(p.name,p)},p.register=(e,o,f,n)=>{e["event-parameter"]=p,o["event-parameter"]=p},p.registerDesigner=(e,o,f)=>{e["event-parameter"]=p,o["event-parameter"]=p},l.EditorType=d,l.FEventParameter=p,l.default=p,l.editorMap=C,l.eventParameterProps=v,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/events-editor/index.css

@@ -1 +1 @@
-.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:#ffffffe6;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;border-radius:6px}.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:#fff;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:#fff;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:#fff;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:#fff;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,#2a87ff);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}
+.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:410px;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:#ffffffe6;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;border-radius:6px}.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:#fff;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:#fff;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:#fff;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:#fff;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,#2a87ff);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}