@web-utils/component 2.7.20 → 2.7.22

package/dist/components/flow-node/index.js

@@ -1,39 +1,39 @@
-import { s as n } from "../../chunks/util.23fe58fb.js";
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var l = function() {
-  var e = this, o = e.$createElement, t = e._self._c || o;
-  return t("div", {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     ref: "node",
-    style: e.flowNodeContainer,
+    style: _vm.flowNodeContainer,
     attrs: {
-      left: e.node.left,
-      top: e.node.top,
+      left: _vm.node.left,
+      top: _vm.node.top,
       disabled: "",
       mask: !1
     },
     on: {
-      mouseenter: e.showDelete,
-      mouseleave: e.hideDelete,
-      mouseup: e.changeNodeSite
+      mouseenter: _vm.showDelete,
+      mouseleave: _vm.hideDelete,
+      mouseup: _vm.changeNodeSite
     }
-  }, [t("div", {
+  }, [_c("div", {
     class: ["avue-flow__node", {
-      active: e.active === e.node.id
+      active: _vm.active === _vm.node.id
     }]
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "avue-flow__node-header"
-  }, [t("i", {
+  }, [_c("i", {
     staticClass: "el-icon-rank",
-    class: e.b("node-drag")
-  }), e._t("header", null, {
-    node: e.node
-  })], 2), t("div", {
+    class: _vm.b("node-drag")
+  }), _vm._t("header", null, {
+    node: _vm.node
+  })], 2), _c("div", {
     staticClass: "avue-flow__node-body"
-  }, [e._t("default", null, {
-    node: e.node
+  }, [_vm._t("default", null, {
+    node: _vm.node
   })], 2)])]);
-}, a = [];
-const i = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FlowNode",
   props: {
     active: [String, Number],
@@ -53,8 +53,8 @@ const i = {
         return {
           position: "absolute",
           width: "200px",
-          top: n(this.node.top),
-          left: n(this.node.left),
+          top: setPx(this.node.top),
+          left: setPx(this.node.left),
           boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
           backgroundColor: "transparent"
         };
@@ -79,24 +79,24 @@ const i = {
       });
     }
   }
-}, s = {};
-var d = /* @__PURE__ */ r(
-  i,
-  l,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(e) {
-  for (let o in s)
-    this[o] = s[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return d.exports;
+const FlowNode = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  FlowNode as default
 };

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

@@ -0,0 +1,162 @@
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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) => {
+  for (var prop in b || (b = {}))
+    __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]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
+    try {
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, rejected = (value) => {
+    try {
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, 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.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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);
+}, staticRenderFns = [];
+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: !0
+  });
+};
+const ZoomScrollModule = {
+  __init__: ["zoomScroll"],
+  zoomScroll: ["type", ZoomScroll]
+}, __vue2_script = {
+  name: "FlowViewer",
+  props: {
+    xml: {
+      type: String,
+      required: !0
+    },
+    options: {
+      type: Object
+    },
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    flows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      element: null
+    };
+  },
+  watch: {
+    xml(val) {
+      var _a;
+      (_a = this.bpmnViewer) == null || _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, warnings = event.warnings;
+      error ? this.$emit("error", error) : 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* () {
+        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 || _a.importXML(this.xml);
+  },
+  beforeDestroy() {
+    var _a;
+    (_a = this.bpmnViewer) == null || _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");
+      }), flows.length > 0 && flows.forEach((value) => {
+        var _a;
+        const element = this.getElementById(value);
+        element && ((_a = this.canvas) == null || _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");
+      }), activities.length > 0 && activities.forEach((value) => {
+        var _a;
+        const element = this.getElementById(value);
+        element && ((_a = this.canvas) == null || _a.addMarker(element, "highlight"));
+      });
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __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

@@ -0,0 +1 @@
+.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}

package/dist/components/form-button/index.js

@@ -1,28 +1,28 @@
-import { c as r } from "../../chunks/confirmable-mixin.3a79781b.js";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const i = {
+import { c as confirmableMixin } from "../../chunks/confirmable-mixin.35bd1934.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const __vue2_script$1 = {
   name: "Confirmable",
-  mixins: [r]
+  mixins: [confirmableMixin]
 };
-let s, _;
-const t = {};
-var a = /* @__PURE__ */ o(
-  i,
-  s,
-  _,
+let __vue2_render$1, __vue2_staticRenderFns$1;
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  __vue2_render$1,
+  __vue2_staticRenderFns$1,
   !1,
-  u,
+  __vue2_injectStyles$1,
   null,
   null,
   null
 );
-function u(l) {
-  for (let n in t)
-    this[n] = t[n];
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1)
+    this[o] = __cssModules$1[o];
 }
-const c = /* @__PURE__ */ function() {
-  return a.exports;
-}(), p = {
+const Confirmable = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}(), props = {
   props: {
     type: {
       type: String,
@@ -52,29 +52,29 @@ const c = /* @__PURE__ */ function() {
       default: "AwesomeButton"
     }
   }
-}, f = {
+}, __vue2_script = {
   name: "FormButton",
-  mixins: [c, p]
+  mixins: [Confirmable, props]
 };
-let m, d;
-const e = {};
-var v = /* @__PURE__ */ o(
-  f,
-  m,
-  d,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  g,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(l) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const B = /* @__PURE__ */ function() {
-  return v.exports;
+const FormButton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  B as default
+  FormButton as default
 };

package/dist/components/form-cascader/index.js

@@ -1,68 +1,80 @@
-import { f as s } from "../../chunks/form-input-mixin.ff5b58f7.js";
-import { f as a } from "../../chunks/form-pick-mixin.61ad06b2.js";
-import { Cascader as i } from "element-ui";
-import { i as u, n as p } from "../../chunks/utils.fa73de78.js";
-import { findTreeChildren as c, cloneDeep as d, setParent as m } from "@web-utils/core";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("FormItem", e._b({
+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) => {
+  for (var prop in b || (b = {}))
+    __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]);
+  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 { findTreeChildren, setParent } from "@web-utils/core";
+import { cloneDeep } from "@web-utils/integrations/lodash";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("FormItem", _vm._b({
     attrs: {
-      rules: e.computeRules,
-      disabled: e.inputDisabled
+      rules: _vm.computeRules,
+      disabled: _vm.inputDisabled
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [e._t("default", function() {
-          return [r("ElCascader", e._g(e._b({
+        return [_vm._t("default", function() {
+          return [_c("ElCascader", _vm._g(_vm._b({
             class: {
-              "is-readonly": e.readonly
+              "is-readonly": _vm.readonly
             },
             staticStyle: {
               width: "100%"
             },
             attrs: {
-              value: e.inputVal,
-              "show-all-levels": e.showAllLevels,
-              separator: e.separator,
-              readonly: e.readonly,
-              options: e.innerOptions,
+              value: _vm.inputVal,
+              "show-all-levels": _vm.showAllLevels,
+              separator: _vm.separator,
+              readonly: _vm.readonly,
+              options: _vm.innerOptions,
               props: {
-                checkStrictly: e.checkStrictly,
-                label: e.labelKey,
-                value: e.valueKey
+                checkStrictly: _vm.checkStrictly,
+                label: _vm.labelKey,
+                value: _vm.valueKey
               },
-              disabled: e.inputDisabled,
-              placeholder: e.computePlaceholder
+              disabled: _vm.inputDisabled,
+              placeholder: _vm.computePlaceholder
             },
             on: {
-              input: e.emitInput
+              input: _vm.emitInput
             }
-          }, "ElCascader", e.inputProps, !1), e.listeners))];
+          }, "ElCascader", _vm.inputProps, !1), _vm.listeners))];
         })];
       },
       proxy: !0
     }, {
       key: "error",
-      fn: function(l) {
-        var o = l.error;
-        return [e._t("error", null, {
-          error: o
+      fn: function(_ref) {
+        var error = _ref.error;
+        return [_vm._t("error", null, {
+          error
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [_vm._t("label")];
       },
       proxy: !0
     }], null, !0)
-  }, "FormItem", e.formItemProps, !1));
-}, y = [];
-const v = Object.keys(i.props).filter((e) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(e)), _ = {
+  }, "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 = {
   name: "FormCascader",
-  mixins: [s, a],
+  mixins: [formInputMixin, formPickMixin],
   props: {
     value: {
       type: [String, Number]
@@ -100,52 +112,52 @@ const v = Object.keys(i.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return u({ ...p(this.$attrs), ...this.$props }, v);
+      return filterProperties(__spreadValues(__spreadValues({}, normalizeProps(this.$attrs)), this.$props), autoBindKeys);
     },
     inputVal() {
-      let [e] = c(this.innerOptions, (r) => r[this.valueKey] === this.value);
-      const t = [];
-      for (; e; )
-        t.push(e[this.valueKey]), e = e.parent;
-      return t.reverse();
+      let [parent] = findTreeChildren(this.innerOptions, (node) => node[this.valueKey] === this.value);
+      const val = [];
+      for (; parent; )
+        val.push(parent[this.valueKey]), parent = parent.parent;
+      return val.reverse();
     }
   },
   watch: {
     options: {
       immediate: !0,
-      handler(e) {
-        if (e) {
-          const t = d(e);
-          m(t), this.innerOptions = t;
+      handler(newVal) {
+        if (newVal) {
+          const options = cloneDeep(newVal);
+          setParent(options), this.innerOptions = options;
         } else
           this.innerOptions = [];
       }
     }
   },
   methods: {
-    emitInput(e) {
-      const t = this.last ? e[e.length - 1] : e;
-      this.$emit("input", t);
+    emitInput(val) {
+      const v = this.last ? val[val.length - 1] : val;
+      this.$emit("input", v);
     }
   }
-}, n = {};
-var b = /* @__PURE__ */ f(
-  _,
-  h,
-  y,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  S,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function S(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const g = /* @__PURE__ */ function() {
-  return b.exports;
+const FormCascader = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  FormCascader as default
 };