@web-utils/component 2.7.30 → 2.7.32

package/dist/components/flow-viewer/index.mjs

@@ -0,0 +1,207 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import BpmnViewer from "bpmn-js/lib/NavigatedViewer";
+import ZoomScroll from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    ref: "container",
+    staticClass: "flow-viewer"
+  }, [_c("EasyPopup", {
+    ref: "popup"
+  }, [_vm._t("default", function() {
+    return [_vm._v(" " + _vm._s(_vm.element) + " ")];
+  }, {
+    "element": _vm.element
+  })], 2)], 1);
+};
+var staticRenderFns = [];
+const FlowViewer_vue_vue_type_style_index_0_lang = "";
+const handleWheel = ZoomScroll.prototype._handleWheel;
+ZoomScroll.prototype._handleWheel = function(e) {
+  const { target, deltaMode, clientX, clientY, deltaX, deltaY } = e;
+  handleWheel.call(this, {
+    target,
+    deltaMode,
+    clientX,
+    clientY,
+    deltaX,
+    deltaY,
+    preventDefault() {
+      e.preventDefault();
+    },
+    ctrlKey: true
+  });
+};
+const ZoomScrollModule = {
+  __init__: ["zoomScroll"],
+  zoomScroll: ["type", ZoomScroll]
+};
+const __vue2_script = {
+  name: "FlowViewer",
+  props: {
+    xml: {
+      type: String,
+      required: true
+    },
+    options: {
+      type: Object
+    },
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    flows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      element: null
+    };
+  },
+  watch: {
+    xml(val) {
+      var _a;
+      (_a = this.bpmnViewer) == null ? void 0 : _a.importXML(val);
+    },
+    activities: "highlightActivity",
+    flows: "highlightFlow"
+  },
+  mounted() {
+    var _a;
+    const container = this.$refs.container;
+    this.bpmnViewer = new BpmnViewer(__spreadProps(__spreadValues({}, this.options), {
+      container,
+      additionalModules: [ZoomScrollModule]
+    }));
+    this.bpmnViewer.on("import.done", (event) => {
+      const error = event.error;
+      const warnings = event.warnings;
+      if (error) {
+        this.$emit("error", error);
+      } else {
+        this.$emit("shown", warnings);
+      }
+      this.bpmnViewer.get("canvas").zoom("fit-viewport", "center");
+      const eventBus = this.bpmnViewer.get("eventBus");
+      this.canvas = this.bpmnViewer.get("canvas");
+      eventBus.on("element.mousemove", (e) => __async(this, null, function* () {
+        if (e.element.type === "bpmn:UserTask") {
+          this.element = e.element;
+          yield this.$nextTick();
+          this.$refs.popup.show(e.originalEvent);
+        }
+      }));
+      eventBus.on("element.out", () => {
+        this.$refs.popup.hide();
+        this.element = {};
+      });
+      this.highlightFlow(this.flows);
+      this.highlightActivity(this.activities);
+    });
+    (_a = this.bpmnViewer) == null ? void 0 : _a.importXML(this.xml);
+  },
+  beforeDestroy() {
+    var _a;
+    (_a = this.bpmnViewer) == null ? void 0 : _a.destroy();
+  },
+  methods: {
+    getElementById(id) {
+      return this.canvas.getRootElement().children.find((value) => value.id === id);
+    },
+    highlightFlow(flows) {
+      this.canvas.getRootElement().children.filter((value) => value.type === "bpmn:SequenceFlow" && this.canvas.hasMarker(value, "highlight-line")).forEach((value) => {
+        var _a;
+        return (_a = this.canvas) == null ? void 0 : _a.removeMarker(value, "highlight-line");
+      });
+      if (flows.length > 0) {
+        flows.forEach((value) => {
+          var _a;
+          const element = this.getElementById(value);
+          if (element) {
+            (_a = this.canvas) == null ? void 0 : _a.addMarker(element, "highlight-line");
+          }
+        });
+      }
+    },
+    highlightActivity(activities) {
+      this.canvas.getRootElement().children.filter((value) => value.type === "bpmn:UserTask" && this.canvas.hasMarker(value, "highlight")).forEach((value) => {
+        var _a;
+        return (_a = this.canvas) == null ? void 0 : _a.removeMarker(value, "highlight");
+      });
+      if (activities.length > 0) {
+        activities.forEach((value) => {
+          var _a;
+          const element = this.getElementById(value);
+          if (element) {
+            (_a = this.canvas) == null ? void 0 : _a.addMarker(element, "highlight");
+          }
+        });
+      }
+    }
+  }
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+const FlowViewer = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  FlowViewer as default
+};

package/dist/components/flow-viewer/style.css

@@ -1 +1,19 @@
-.flow-viewer{width:100%;height:400px}.flow-viewer .highlight:not(.djs-connection) .djs-visual>:nth-child(1){fill:#fbe9d1!important}.flow-viewer .highlight g.djs-visual>:nth-child(1){stroke:#d67e7d!important}.flow-viewer .highlight-line g.djs-visual>:nth-child(1){stroke:#00be00!important}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.flow-viewer {
+  width: 100%;
+  height: 400px;
+}
+.flow-viewer .highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
+  fill: rgb(251, 233, 209) !important;
+}
+.flow-viewer .highlight g.djs-visual > :nth-child(1) {
+  stroke: rgb(214, 126, 125) !important;
+}
+.flow-viewer .highlight-line g.djs-visual > :nth-child(1) {
+  stroke: rgb(0, 190, 0) !important;
+}

package/dist/components/form-button/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { c as confirmableMixin } from "../../chunks/confirmable-mixin.35bd1934.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { c as confirmableMixin } from "../../chunks/confirmable-mixin.851d6299.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 const __vue2_script$1 = {
   name: "Confirmable",
   mixins: [confirmableMixin]
@@ -10,19 +10,21 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
   __vue2_script$1,
   __vue2_render$1,
   __vue2_staticRenderFns$1,
-  !1,
+  false,
   __vue2_injectStyles$1,
   null,
   null,
   null
 );
 function __vue2_injectStyles$1(context) {
-  for (let o in __cssModules$1)
+  for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
+  }
 }
 const Confirmable = /* @__PURE__ */ function() {
   return __component__$1.exports;
-}(), props = {
+}();
+const props = {
   props: {
     type: {
       type: String,
@@ -52,7 +54,8 @@ const Confirmable = /* @__PURE__ */ function() {
       default: "AwesomeButton"
     }
   }
-}, __vue2_script = {
+};
+const __vue2_script = {
   name: "FormButton",
   mixins: [Confirmable, props]
 };
@@ -62,15 +65,16 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   __vue2_render,
   __vue2_staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const FormButton = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/form-cascader/{index.js → index.mjs}

@@ -1,27 +1,34 @@
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
   return a;
 };
-import { f as formInputMixin } from "../../chunks/form-input-mixin.760cd65d.js";
-import { f as formPickMixin } from "../../chunks/form-pick-mixin.c4e0391b.js";
-import { Cascader } from "element-ui";
-import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.d7f73f8d.js";
+import { f as formInputMixin } from "../../chunks/form-input-mixin.e7f93f4c.mjs";
+import { f as formPickMixin } from "../../chunks/form-pick-mixin.822300f3.mjs";
+import Cascader from "element-ui/lib/cascader";
+import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.2a3ffac9.mjs";
 import { findTreeChildren, setParent } from "@web-utils/core";
 import { cloneDeep } from "@web-utils/integrations/lodash";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("FormItem", _vm._b({
     attrs: {
-      rules: _vm.computeRules,
-      disabled: _vm.inputDisabled
+      "rules": _vm.computeRules,
+      "disabled": _vm.inputDisabled
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -32,35 +39,35 @@ var render = function() {
               "is-readonly": _vm.readonly
             },
             staticStyle: {
-              width: "100%"
+              "width": "100%"
             },
             attrs: {
-              value: _vm.inputVal,
+              "value": _vm.inputVal,
               "show-all-levels": _vm.showAllLevels,
-              separator: _vm.separator,
-              readonly: _vm.readonly,
-              options: _vm.innerOptions,
-              props: {
+              "separator": _vm.separator,
+              "readonly": _vm.readonly,
+              "options": _vm.innerOptions,
+              "props": {
                 checkStrictly: _vm.checkStrictly,
                 label: _vm.labelKey,
                 value: _vm.valueKey
               },
-              disabled: _vm.inputDisabled,
-              placeholder: _vm.computePlaceholder
+              "disabled": _vm.inputDisabled,
+              "placeholder": _vm.computePlaceholder
             },
             on: {
-              input: _vm.emitInput
+              "input": _vm.emitInput
             }
-          }, "ElCascader", _vm.inputProps, !1), _vm.listeners))];
+          }, "ElCascader", _vm.inputProps, false), _vm.listeners))];
         })];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "error",
       fn: function(_ref) {
         var error = _ref.error;
         return [_vm._t("error", null, {
-          error
+          "error": error
         })];
       }
     }, {
@@ -68,11 +75,13 @@ var render = function() {
       fn: function() {
         return [_vm._t("label")];
       },
-      proxy: !0
-    }], null, !0)
-  }, "FormItem", _vm.formItemProps, !1));
-}, staticRenderFns = [];
-const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(key)), __vue2_script = {
+      proxy: true
+    }], null, true)
+  }, "FormItem", _vm.formItemProps, false));
+};
+var staticRenderFns = [];
+const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(key));
+const __vue2_script = {
   name: "FormCascader",
   mixins: [formInputMixin, formPickMixin],
   props: {
@@ -90,11 +99,11 @@ const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "pla
     },
     last: {
       type: Boolean,
-      default: !0
+      default: true
     },
     checkStrictly: {
       type: Boolean,
-      default: !0
+      default: true
     },
     labelKey: {
       type: String,
@@ -117,20 +126,24 @@ const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "pla
     inputVal() {
       let [parent] = findTreeChildren(this.innerOptions, (node) => node[this.valueKey] === this.value);
       const val = [];
-      for (; parent; )
-        val.push(parent[this.valueKey]), parent = parent.parent;
+      while (parent) {
+        val.push(parent[this.valueKey]);
+        parent = parent.parent;
+      }
       return val.reverse();
     }
   },
   watch: {
     options: {
-      immediate: !0,
+      immediate: true,
       handler(newVal) {
         if (newVal) {
           const options = cloneDeep(newVal);
-          setParent(options), this.innerOptions = options;
-        } else
+          setParent(options);
+          this.innerOptions = options;
+        } else {
           this.innerOptions = [];
+        }
       }
     }
   },
@@ -140,20 +153,22 @@ const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "pla
       this.$emit("input", v);
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const FormCascader = /* @__PURE__ */ function() {
   return __component__.exports;