@web-utils/component 3.3.11 → 3.3.12

package/flow-designer/index.mjs

@@ -30,8 +30,8 @@ import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction a
 import { is as R } from "bpmn-js/lib/util/ModelUtil";
 import { isExpanded as _e, isEventSubProcess as Ie } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as we } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as Ae } from "diagram-js/lib/util/Mouse";
+import { getChildLanes as Ae } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as we } from "diagram-js/lib/util/Mouse";
 import oe from "bpmn-js/lib/features/palette/PaletteProvider";
 import K from "diagram-js/lib/features/auto-place/AutoPlace";
 import { getMid as $e, asTRBL as Le } from "diagram-js/lib/layout/LayoutUtil";
@@ -53,7 +53,7 @@ import "../highlight-j-s/style.css";
 function J(n, e, t, i, s, a, r, o, p, F, m, l, c) {
   n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = F, this._rules = m, this._translate = l, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
     const C = E.context.shape;
-    if (!Ae(E) || !i.isOpen(C))
+    if (!we(E) || !i.isOpen(C))
       return;
     const f = i.getEntries(C);
     f.replace && f.replace.action.click(E, C);
@@ -86,16 +86,16 @@ J.prototype.getContextPadEntries = function(n) {
     t.removeElements([n]);
   }
   function C(b) {
-    const g = o.getContainer(), A = e.getPad(b).html, $ = g.getBoundingClientRect(), M = A.getBoundingClientRect(), D = M.top - $.top;
+    const g = o.getContainer(), w = e.getPad(b).html, $ = g.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
     return {
       x: M.left - $.left,
       y: D + M.height + 5
     };
   }
-  function f(b, S, g, A) {
-    typeof g != "string" && (A = g, g = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
+  function f(b, S, g, w) {
+    typeof g != "string" && (w = g, g = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
     function $(D, B) {
-      const V = i.createShape(y({ type: b }, A));
+      const V = i.createShape(y({ type: b }, w));
       a.start(D, V, {
         source: B
       });
@@ -107,7 +107,7 @@ J.prototype.getContextPadEntries = function(n) {
       action: {
         dragstart: $,
         click: F ? function(D, B) {
-          const V = i.createShape(y({ type: b }, A));
+          const V = i.createShape(y({ type: b }, w));
           F.append(B, V);
         } : $
       }
@@ -119,7 +119,7 @@ J.prototype.getContextPadEntries = function(n) {
     };
   }
   if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && _e(c)) {
-    const b = we(n);
+    const b = Ae(n);
     y(l, {
       "lane-insert-above": {
         group: "lane-insert-above",
@@ -926,7 +926,7 @@ var Ct = function() {
   null,
   null
 );
-const It = _t.exports, wt = {
+const It = _t.exports, At = {
   name: "ElementTaskConfig",
   components: { UserTask: gt, ScriptTask: St, ReceiveTask: It },
   props: {
@@ -977,7 +977,7 @@ const It = _t.exports, wt = {
     }
   }
 };
-var At = function() {
+var wt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
     i.preventDefault();
@@ -989,8 +989,8 @@ var At = function() {
     e.$set(e.taskConfigForm, "exclusive", i);
   }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
 }, $t = [], Lt = /* @__PURE__ */ h(
-  wt,
   At,
+  wt,
   $t,
   !1,
   null,
@@ -2146,20 +2146,42 @@ const gn = hn.exports, ie = ["base", "task", "form", "multiInstance"], vn = {
     };
   },
   props: {
-    tab: {
+    /**
+     * 默认激活的面板
+     */
+    activeTabs: {
       type: Array,
       default: () => ["base", "task", "form", "multiInstance"]
     },
+    /**
+     * 使用的配置面板
+     */
+    useTabs: Array,
+    /**
+     * bpmnModeler
+     */
     bpmnModeler: Object,
+    /**
+     * 配置上下文
+     */
     context: Object,
+    /**
+     * 前缀
+     */
     prefix: {
       type: String,
       default: "camunda"
     },
+    /**
+     * 宽度
+     */
     width: {
       type: Number,
       default: 480
     },
+    /**
+     * 是否禁用编辑
+     */
     idEditDisabled: {
       type: Boolean,
       default: !1
@@ -2179,8 +2201,16 @@ const gn = hn.exports, ie = ["base", "task", "form", "multiInstance"], vn = {
       isPanelVisible: !0
     };
   },
+  computed: {
+    isArray() {
+      return Array.isArray(this.useTabs);
+    },
+    isNullOrUndefined() {
+      return this.useTabs === null || this.useTabs === void 0;
+    }
+  },
   watch: {
-    tab: {
+    activeTabs: {
       immediate: !0,
       handler() {
         this.activeTab = ie;
@@ -2238,35 +2268,35 @@ var En = function() {
     i.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
   } } })]), t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(i) {
     e.activeTab = i;
-  }, expression: "activeTab" } }, [t("ElCollapseItem", { attrs: { name: "base" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, expression: "activeTab" } }, [e.isNullOrUndefined || e.isArray && e.useTabs.includes("base") ? t("ElCollapseItem", { attrs: { name: "base" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-info" }), e._v("常规")])];
-  }, proxy: !0 }]) }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e.elementType === "Process" ? t("ElCollapseItem", { key: "message", attrs: { name: "message" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 2621733365) }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("message")) && e.elementType === "Process" ? t("ElCollapseItem", { key: "message", attrs: { name: "message" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-comment" }), e._v("消息与信号")])];
-  }, proxy: !0 }], null, !1, 2715634709) }, [t("SignalAndMassage", { attrs: { "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.conditionFormVisible ? t("ElCollapseItem", { key: "condition", attrs: { name: "condition" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 2715634709) }, [t("SignalAndMassage", { attrs: { "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("condition")) && e.conditionFormVisible ? t("ElCollapseItem", { key: "condition", attrs: { name: "condition" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("流转条件")])];
-  }, proxy: !0 }], null, !1, 2203010800) }, [t("FlowCondition", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances, type: e.elementType } })], 1) : e._e(), e._t("form", function() {
-    return [e.formVisible ? t("ElCollapseItem", { key: "form", attrs: { name: "form" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 2203010800) }, [t("FlowCondition", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("form") ? e._t("form", function() {
+    return [(e.isNullOrUndefined || e.isArray && e.useTabs.includes("base")) && e.formVisible ? t("ElCollapseItem", { key: "form", attrs: { name: "form" }, scopedSlots: e._u([{ key: "title", fn: function() {
       return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-order" }), e._v("表单")])];
     }, proxy: !0 }], null, !1, 1341048650) }, [t("ElementForm", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e()];
-  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }), e._t("task", function() {
+  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("task") ? e._t("task", function() {
     return [e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", { key: "task", attrs: { name: "task" }, scopedSlots: e._u([{ key: "title", fn: function() {
       return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-claim" }), e._v("任务")])];
     }, proxy: !0 }], null, !1, 2144785833) }, [t("ElementTask", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e()];
-  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }), e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", { key: "multiInstance", attrs: { name: "multiInstance" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("multiInstance")) && e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", { key: "multiInstance", attrs: { name: "multiInstance" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-help" }), e._v("多实例")])];
-  }, proxy: !0 }], null, !1, 1253501895) }, [t("ElementMultiInstance", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), t("ElCollapseItem", { key: "listeners", attrs: { name: "listeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 1253501895) }, [t("ElementMultiInstance", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("listeners") ? t("ElCollapseItem", { key: "listeners", attrs: { name: "listeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-message-solid" }), e._v("执行监听器"), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
       return [t("p", [e._v("发送和退回时会触发")])];
-    }, proxy: !0 }]) }, [t("i", { staticClass: "el-icon-info" })])], 1)];
-  }, proxy: !0 }]) }, [t("ElementListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), e.elementType === "UserTask" ? t("ElCollapseItem", { key: "taskListeners", attrs: { name: "taskListeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
+    }, proxy: !0 }], null, !1, 635466666) }, [t("i", { staticClass: "el-icon-info" })])], 1)];
+  }, proxy: !0 }], null, !1, 579687766) }, [t("ElementListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("taskListeners")) && e.elementType === "UserTask" ? t("ElCollapseItem", { key: "taskListeners", attrs: { name: "taskListeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-message-solid" }), e._v("任务监听器"), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
       return [t("p", [e._v("任务实例的创建、指派、完成、删除、更新、超时会触发")])];
     }, proxy: !0 }], null, !1, 1260848675) }, [t("i", { staticClass: "el-icon-info" })])], 1)];
-  }, proxy: !0 }], null, !1, 1038413081) }, [t("UserTaskListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), t("ElCollapseItem", { key: "extensions", attrs: { name: "extensions" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 1038413081) }, [t("UserTaskListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extensions") ? t("ElCollapseItem", { key: "extensions", attrs: { name: "extensions" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-circle-plus" }), e._v("扩展属性")])];
-  }, proxy: !0 }]) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), t("ElCollapseItem", { key: "other", attrs: { name: "other" }, scopedSlots: e._u([{ key: "title", fn: function() {
+  }, proxy: !0 }], null, !1, 1854866151) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("other") ? t("ElCollapseItem", { key: "other", attrs: { name: "other" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("其他")])];
-  }, proxy: !0 }]) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType })], 2)], 1);
+  }, proxy: !0 }], null, !1, 520255146) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extend") ? e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e()], 2)], 1);
 }, Fn = [], xn = /* @__PURE__ */ h(
   vn,
   En,
@@ -2553,7 +2583,7 @@ const kn = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, _n = "Camunda", In = "http://camunda.org/schema/1.0/bpmn", wn = "camunda", An = {
+}, _n = "Camunda", In = "http://camunda.org/schema/1.0/bpmn", An = "camunda", wn = {
   tagAlias: "lowerCase"
 }, $n = [], Ln = [
   {
@@ -3674,8 +3704,8 @@ const kn = {
 ], On = [], se = {
   name: _n,
   uri: In,
-  prefix: wn,
-  xml: An,
+  prefix: An,
+  xml: wn,
   associations: $n,
   types: Ln,
   emumerations: On
@@ -6160,29 +6190,29 @@ const kn = {
   emumerations: Kn,
   types: Jn
 }, Zn = "*";
-function w(n) {
+function A(n) {
   const e = this;
   n.on("moddleCopy.canCopyProperty", function(t) {
     const i = t.property, s = t.parent;
     return e.canCopyProperty(i, s);
   });
 }
-w.$inject = ["eventBus"];
-w.prototype.canCopyProperty = function(n, e) {
+A.$inject = ["eventBus"];
+A.prototype.canCopyProperty = function(n, e) {
   if (Ce(n) && !Hn(n, e) || _(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || _(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
-w.prototype.canHostInputOutput = function(n) {
+A.prototype.canHostInputOutput = function(n) {
   if (x(n, "camunda:Connector"))
     return !0;
   const t = x(n, "bpmn:FlowNode");
   return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || _(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
-w.prototype.canHostConnector = function(n) {
+A.prototype.canHostConnector = function(n) {
   const e = x(n, "camunda:ServiceTaskLike");
   return _(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
-w.prototype.canHostIn = function(n) {
+A.prototype.canHostIn = function(n) {
   return x(n, "bpmn:CallActivity") ? !0 : x(n, "bpmn:SignalEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
 function _(n, e) {
@@ -6212,7 +6242,7 @@ function Wn(n) {
 }
 const Xn = {
   __init__: ["camundaModdleExtension"],
-  camundaModdleExtension: ["type", w]
+  camundaModdleExtension: ["type", A]
 }, Yn = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
@@ -6626,8 +6656,28 @@ const mi = pi.exports, ci = {
     ProcessDesigner: mi
   },
   props: {
+    /**
+     * bpmnXML
+     */
     value: String,
+    /**
+     * 是否使用侧栏
+     */
+    usePanel: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * 使用的配置面板
+     */
+    useTabs: Array,
+    /**
+     * 拓展类型
+     */
     extendTypes: Array,
+    /**
+     * 配置上下文信息
+     */
     context: Object
   },
   data() {
@@ -6659,13 +6709,13 @@ var ui = function() {
     eventResizingEnabled: !0
   }, keyboard: "" }, on: { input: (i) => e.$emit("input", i), "init-finished": e.initModeler }, scopedSlots: e._u([{ key: "toolbar-buttons", fn: function() {
     return [e._t("toolbar-buttons", null, { modeler: e.modeler })];
-  }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
+  }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), e.usePanel && (e.useTabs === null || e.useTabs === void 0 || e.useTabs.length > 0) ? t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "use-tabs": e.useTabs, "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
     return [e._t("task", null, { id: i, bpmnInstances: s, element: a, type: r })];
   } }, { key: "form", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
     return [e._t("form", null, { id: i, bpmnInstances: s, element: a, type: r })];
   } }, { key: "extend", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
     return [e._t("extend", null, { id: i, bpmnInstances: s, element: a, type: r })];
-  } }], null, !0) })], 1);
+  } }], null, !0) }) : e._e()], 1);
 }, di = [], fi = /* @__PURE__ */ h(
   ci,
   ui,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "3.3.11",
+  "version": "3.3.12",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.3.11",
+  "version": "3.3.12",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2629,14 +2629,34 @@
           "attributes": [
             {
               "name": "value",
+              "description": "bpmnXML",
               "value": {
                 "kind": "expression",
                 "type": "string"
               },
               "default": ""
             },
+            {
+              "name": "usePanel",
+              "description": "是否使用侧栏",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "useTabs",
+              "description": "使用的配置面板",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": ""
+            },
             {
               "name": "extendTypes",
+              "description": "拓展类型",
               "value": {
                 "kind": "expression",
                 "type": "array"
@@ -2645,6 +2665,7 @@
             },
             {
               "name": "context",
+              "description": "配置上下文信息",
               "value": {
                 "kind": "expression",
                 "type": "object"