@web-utils/component 2.7.21 → 2.7.22

package/dist/components/pageable-view/style.css

@@ -1,63 +1 @@
-.pageable-table {
-  flex: 1 1 auto;
-  position: relative;
-  height: 100%;
-}
-.pageable-table.auto-height {
-  position: static;
-  height: auto;
-}
-.pageable-table.auto-height .el-table {
-  position: static;
-  min-height: 200px;
-}
-.pageable-table.auto-height .pageable-table-wrapper {
-  position: static;
-}
-.pageable-table .pageable-table-wrapper {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pageable-table .el-pagination {
-  background-color: #fff;
-}
-.pageable-table .table-status-icon {
-  font-size: 20px;
-}
-.pageable-table .pageable-table-loading {
-  display: inline-flex;
-  align-items: center;
-}
-.pageable-table .pageable-table-error {
-  display: inline-flex;
-  align-items: center;
-  color: red;
-  border: 1px solid #fca4a4;
-}
-.pageable-table .pageable-table-error:hover {
-  background-color: #fff0f0;
-}
-.pageable-table .pageable-table-total {
-  padding: 0 10px 10px;
-}
-.pageable-table .underline {
-  position: relative;
-}
-.pageable-table .underline:after {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 1px;
-  background-color: #606266;
-  content: "";
-}
-.pageable-table .total {
-  padding: 10px;
-}
+.pageable-table{flex:1 1 auto;position:relative;height:100%}.pageable-table.auto-height{position:static;height:auto}.pageable-table.auto-height .el-table{position:static;min-height:200px}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{display:flex;flex-direction:column;position:absolute;inset:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{display:inline-flex;align-items:center}.pageable-table .pageable-table-error{display:inline-flex;align-items:center;color:red;border:1px solid #fca4a4}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#606266;content:""}.pageable-table .total{padding:10px}

package/dist/components/photo-swipe/index.js

@@ -1,31 +1,51 @@
+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 PhotoSwipe$1 from "photoswipe";
 import "photoswipe/dist/photoswipe.css";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
 function initPhotoSwipe(options) {
   new PhotoSwipe$1(options).init();
 }
-async function photoswipe(event, thumbnailsWrapperDom, options = { selector: "chat-image" }) {
-  const target = event.target;
-  if (!(!target || target.classList.contains(options.selector) || target.tagName === "IMG"))
-    return;
-  const galleryItems = thumbnailsWrapperDom.querySelectorAll(options.selector === "img" ? options.selector : `.${options.selector}`), position = [...galleryItems].findIndex((value) => value === target);
-  position >= 0 && (options.index = position);
-  const dataSource = await getDataSource(galleryItems);
-  await initPhotoSwipe({ dataSource, index: position });
+function photoswipe(_0, _1) {
+  return __async(this, arguments, function* (event, thumbnailsWrapperDom, options = { selector: "chat-image" }) {
+    const target = event.target;
+    if (!(!target || target.classList.contains(options.selector) || target.tagName === "IMG"))
+      return;
+    const galleryItems = thumbnailsWrapperDom.querySelectorAll(options.selector === "img" ? options.selector : `.${options.selector}`), position = [...galleryItems].findIndex((value) => value === target);
+    position >= 0 && (options.index = position);
+    const dataSource = yield getDataSource(galleryItems);
+    yield initPhotoSwipe({ dataSource, index: position });
+  });
 }
-async function getDataSource(images) {
-  const dataSource = [];
-  for (let i = 0, length = images.length; i < length; i++) {
-    const image = images[i], src = image.getAttribute("data-src") || image.getAttribute("src"), item = {
-      src,
-      msrc: src,
-      alt: image.getAttribute("data-title") || image.getAttribute("alt"),
-      element: image
-    }, height = image.getAttribute("data-height"), width = image.getAttribute("data-width");
-    let rect = { width, height };
-    !height && !width && (rect = await getImageSize(image), image.setAttribute("data-height", rect.height), image.setAttribute("data-width", rect.width)), item.w = rect.width, item.width = rect.width, item.h = rect.height, item.height = rect.height, dataSource.push(item);
-  }
-  return dataSource;
+function getDataSource(images) {
+  return __async(this, null, function* () {
+    const dataSource = [];
+    for (let i = 0, length = images.length; i < length; i++) {
+      const image = images[i], src = image.getAttribute("data-src") || image.getAttribute("src"), item = {
+        src,
+        msrc: src,
+        alt: image.getAttribute("data-title") || image.getAttribute("alt"),
+        element: image
+      }, height = image.getAttribute("data-height"), width = image.getAttribute("data-width");
+      let rect = { width, height };
+      !height && !width && (rect = yield getImageSize(image), image.setAttribute("data-height", rect.height), image.setAttribute("data-width", rect.width)), item.w = rect.width, item.width = rect.width, item.h = rect.height, item.height = rect.height, dataSource.push(item);
+    }
+    return dataSource;
+  });
 }
 function getImageSize(ele) {
   const url = ele.getAttribute("data-src") || ele.getAttribute("src"), height = ele.getAttribute("data-height"), width = ele.getAttribute("data-width");
@@ -80,8 +100,10 @@ const __vue2_script = {
     }
   },
   methods: {
-    async preview(e) {
-      await photoswipe(e, this.$refs.wrapper, { selector: this.selector });
+    preview(e) {
+      return __async(this, null, function* () {
+        yield photoswipe(e, this.$refs.wrapper, { selector: this.selector });
+      });
     }
   }
 }, __cssModules = {};

package/dist/components/process-designer/index.js

@@ -1,3 +1,30 @@
+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;
+};
+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 BpmnModeler from "bpmn-js/lib/Modeler";
 import TokenSimulationModule from "bpmn-js-token-simulation";
 import { isObject, isFunction, some } from "min-dash";
@@ -5,7 +32,7 @@ import X2JS from "x2js";
 import hljs from "highlight.js/lib/core";
 import xml$3 from "highlight.js/lib/languages/xml";
 import json from "highlight.js/lib/languages/json";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
 const DefaultEmptyXML = (key, name2, type) => (type = type || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
 <bpmn2:definitions
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
@@ -4447,13 +4474,12 @@ const __vue2_script = {
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = new BpmnModeler({
+      this.bpmnModeler || (this.bpmnModeler = new BpmnModeler(__spreadValues({
         container: this.$refs["bpmn-canvas"],
         keyboard: this.keyboard ? { bindTo: document } : null,
         additionalModules: this.additionalModules,
-        moddleExtensions: this.moddleExtensions,
-        ...this.options
-      }), this.$emit("init-finished", this.bpmnModeler), this.initModelListeners());
+        moddleExtensions: this.moddleExtensions
+      }, this.options)), this.$emit("init-finished", this.bpmnModeler), this.initModelListeners());
     },
     initModelListeners() {
       const EventBus = this.bpmnModeler.get("eventBus"), that = this;
@@ -4462,71 +4488,75 @@ const __vue2_script = {
           const eventName = event.replace(/\./g, "-"), element = eventObj ? eventObj.element : null;
           that.$emit(eventName, element, eventObj);
         });
-      }), EventBus.on("commandStack.changed", async (event) => {
+      }), EventBus.on("commandStack.changed", (event) => __async(this, null, function* () {
         try {
           this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
-          const { xml: xml2 } = await this.bpmnModeler.saveXML({ format: !0 });
+          const { xml: xml2 } = yield this.bpmnModeler.saveXML({ format: !0 });
           this.$emit("commandStack-changed", event), this.$emit("input", xml2), this.$emit("change", xml2);
         } catch (e) {
           console.error(`[Process Designer Warn]: ${e.message || e}`);
         }
-      }), this.bpmnModeler.on("canvas.viewbox.changed", ({ viewbox }) => {
+      })), this.bpmnModeler.on("canvas.viewbox.changed", ({ viewbox }) => {
         this.$emit("canvas-viewbox-changed", { viewbox });
         const { scale } = viewbox;
         this.defaultZoom = Math.floor(scale * 100) / 100;
       });
     },
     /* 创建新的流程图 */
-    async createNewDiagram(xml2) {
-      const newId = this.processId || `Process_${new Date().getTime()}`, newName = this.processName || `业务流程_${new Date().getTime()}`, xmlString = xml2 || DefaultEmptyXML(newId, newName, this.prefix);
-      try {
-        const { warnings } = await this.bpmnModeler.importXML(xmlString);
-        warnings && warnings.length && warnings.forEach((warn) => console.warn(warn));
-      } catch (e) {
-        console.error(`[Process Designer Warn]: ${(e == null ? void 0 : e.message) || e}`);
-      }
+    createNewDiagram(xml2) {
+      return __async(this, null, function* () {
+        const newId = this.processId || `Process_${new Date().getTime()}`, newName = this.processName || `业务流程_${new Date().getTime()}`, xmlString = xml2 || DefaultEmptyXML(newId, newName, this.prefix);
+        try {
+          const { warnings } = yield this.bpmnModeler.importXML(xmlString);
+          warnings && warnings.length && warnings.forEach((warn) => console.warn(warn));
+        } catch (e) {
+          console.error(`[Process Designer Warn]: ${(e == null ? void 0 : e.message) || e}`);
+        }
+      });
     },
     // 下载流程图到本地
     /**
      * @param {string} type
      * @param {*} name
      */
-    async downloadProcess(type, name2) {
-      try {
-        const _this = this;
-        if (type === "xml" || type === "bpmn") {
-          const {
-            err,
-            xml: xml2
-          } = await this.bpmnModeler.saveXML();
-          err && console.error(`[Process Designer Warn ]: ${err.message || err}`);
-          const {
-            href,
-            filename
-          } = _this.setEncoded(type.toUpperCase(), name2, xml2);
-          downloadFunc(href, filename);
-        } else {
-          const {
-            err,
-            svg
-          } = await this.bpmnModeler.saveSVG();
-          if (err)
-            return console.error(err);
-          const {
-            href,
-            filename
-          } = _this.setEncoded("SVG", name2, svg);
-          downloadFunc(href, filename);
+    downloadProcess(type, name2) {
+      return __async(this, null, function* () {
+        try {
+          const _this = this;
+          if (type === "xml" || type === "bpmn") {
+            const {
+              err,
+              xml: xml2
+            } = yield this.bpmnModeler.saveXML();
+            err && console.error(`[Process Designer Warn ]: ${err.message || err}`);
+            const {
+              href,
+              filename
+            } = _this.setEncoded(type.toUpperCase(), name2, xml2);
+            downloadFunc(href, filename);
+          } else {
+            const {
+              err,
+              svg
+            } = yield this.bpmnModeler.saveSVG();
+            if (err)
+              return console.error(err);
+            const {
+              href,
+              filename
+            } = _this.setEncoded("SVG", name2, svg);
+            downloadFunc(href, filename);
+          }
+        } catch (e) {
+          console.error(`[Process Designer Warn ]: ${e.message || e}`);
         }
-      } catch (e) {
-        console.error(`[Process Designer Warn ]: ${e.message || e}`);
-      }
-      function downloadFunc(href, filename) {
-        if (href && filename) {
-          const a = document.createElement("a");
-          a.download = filename, a.href = href, a.click(), URL.revokeObjectURL(a.href);
+        function downloadFunc(href, filename) {
+          if (href && filename) {
+            const a = document.createElement("a");
+            a.download = filename, a.href = href, a.click(), URL.revokeObjectURL(a.href);
+          }
         }
-      }
+      });
     },
     // 根据所需类型进行转码并返回下载地址
     setEncoded(type, filename = "diagram", data) {