@web-utils/component 2.8.18 → 2.8.20

package/flow-designer/index.mjs

@@ -5204,9 +5204,14 @@ var zn = function() {
       element: e.element,
       "bpmn-instances": e.bpmnInstances
     }
-  })], 1)], 2)], 1);
+  })], 1), e._t("extend", null, {
+    id: e.elementId,
+    bpmnInstances: e.bpmnInstances,
+    element: e.element,
+    type: e.elementType
+  })], 2)], 1);
 }, Un = [];
-const be = "test", Nn = {
+const be = "base", Nn = {
   name: "PropertiesPanel",
   components: {
     UserTaskListeners: Rn,
@@ -9338,333 +9343,319 @@ var Ai = function() {
     staticClass: "my-process-designer"
   }, [t("div", {
     staticClass: "my-process-designer__header"
-  }, [e._t("control-header"), e.$slots["control-header"] ? e._e() : [t("ElButtonGroup", {
-    key: "file-control"
-  }, [e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "保存流程"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-save"
-    },
-    on: {
-      click: function(n) {
-        return e.$refs.refFile.click();
+  }, [e._t("control-header", function() {
+    return [t("ElButtonGroup", {
+      key: "file-control"
+    }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "导入流程"
       }
-    }
-  }, [e._v(" 保存 ")])], 1) : e._e(), e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "导入流程"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-folder-opened"
-    },
-    on: {
-      click: function(n) {
-        return e.$refs.refFile.click();
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-folder-opened"
+      },
+      on: {
+        click: function(n) {
+          return e.$refs.refFile.click();
+        }
       }
-    }
-  }, [e._v(" 导入 ")])], 1) : e._e(), t("ElTooltip", {
-    attrs: {
-      effect: "light"
-    },
-    scopedSlots: e._u([{
-      key: "content",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsXml();
+    }, [e._v(" 导入 ")])], 1) : e._e(), t("ElTooltip", {
+      attrs: {
+        effect: "light"
+      },
+      scopedSlots: e._u([{
+        key: "content",
+        fn: function() {
+          return [t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsXml();
+              }
             }
-          }
-        }, [e._v("下载为XML文件")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsSvg();
+          }, [e._v("下载为XML文件")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsSvg();
+              }
             }
-          }
-        }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsBpmn();
+          }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsBpmn();
+              }
             }
-          }
-        }, [e._v("下载为BPMN文件")])];
+          }, [e._v("下载为BPMN文件")])];
+        },
+        proxy: !0
+      }])
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-download"
+      }
+    }, [e._v("下载")])], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light"
       },
-      proxy: !0
-    }], null, !1, 1539507321)
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-download"
-    }
-  }, [e._v("下载")])], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light"
-    },
-    scopedSlots: e._u([{
-      key: "content",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: e.previewProcessXML
-          }
-        }, [e._v("预览XML")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: e.previewProcessJson
-          }
-        }, [e._v("预览JSON")])];
+      scopedSlots: e._u([{
+        key: "content",
+        fn: function() {
+          return [t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: e.previewProcessXML
+            }
+          }, [e._v("预览XML")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: e.previewProcessJson
+            }
+          }, [e._v("预览JSON")])];
+        },
+        proxy: !0
+      }])
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-view"
+      }
+    }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: e.simulationStatus ? "退出模拟" : "开启模拟"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-cpu"
       },
-      proxy: !0
-    }], null, !1, 3067180497)
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-view"
-    }
-  }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: e.simulationStatus ? "退出模拟" : "开启模拟"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-cpu"
-    },
-    on: {
-      click: e.processSimulation
-    }
-  }, [e._v(" 模拟 ")])], 1) : e._e()], 1), t("ElButtonGroup", {
-    key: "align-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向左对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-left",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("left");
+      on: {
+        click: e.processSimulation
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向右对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-right",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("right");
+    }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", {
+      key: "align-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向左对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向上对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-top",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("top");
+    }, [t("ElButton", {
+      staticClass: "align align-left",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("left");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向下对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-bottom",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("bottom");
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向右对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "水平居中"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-center",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("center");
+    }, [t("ElButton", {
+      staticClass: "align align-right",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("right");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "垂直居中"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-middle",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("middle");
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向上对齐"
       }
-    }
-  })], 1)], 1), t("ElButtonGroup", {
-    key: "scale-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "缩小视图"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: e.defaultZoom < 0.2,
-      icon: "el-icon-zoom-out"
-    },
-    on: {
-      click: function(n) {
-        return e.processZoomOut();
+    }, [t("ElButton", {
+      staticClass: "align align-top",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("top");
+        }
       }
-    }
-  })], 1), t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize
-    }
-  }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "放大视图"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: e.defaultZoom > 4,
-      icon: "el-icon-zoom-in"
-    },
-    on: {
-      click: function(n) {
-        return e.processZoomIn();
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向下对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "重置视图并居中"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-c-scale-to-original"
-    },
-    on: {
-      click: function(n) {
-        return e.processReZoom();
+    }, [t("ElButton", {
+      staticClass: "align align-bottom",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("bottom");
+        }
       }
-    }
-  })], 1)], 1), t("ElButtonGroup", {
-    key: "stack-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "撤销"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: !e.revocable,
-      icon: "el-icon-refresh-left"
-    },
-    on: {
-      click: function(n) {
-        return e.processUndo();
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "水平居中"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "恢复"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: !e.recoverable,
-      icon: "el-icon-refresh-right"
-    },
-    on: {
-      click: function(n) {
-        return e.processRedo();
+    }, [t("ElButton", {
+      staticClass: "align align-center",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("center");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "重新绘制"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-refresh"
-    },
-    on: {
-      click: e.processRestart
-    }
-  })], 1)], 1)], t("input", {
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "垂直居中"
+      }
+    }, [t("ElButton", {
+      staticClass: "align align-middle",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("middle");
+        }
+      }
+    })], 1)], 1), t("ElButtonGroup", {
+      key: "scale-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "缩小视图"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: e.defaultZoom < 0.2,
+        icon: "el-icon-zoom-out"
+      },
+      on: {
+        click: function(n) {
+          return e.processZoomOut();
+        }
+      }
+    })], 1), t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize
+      }
+    }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "放大视图"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: e.defaultZoom > 4,
+        icon: "el-icon-zoom-in"
+      },
+      on: {
+        click: function(n) {
+          return e.processZoomIn();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "重置视图并居中"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-c-scale-to-original"
+      },
+      on: {
+        click: function(n) {
+          return e.processReZoom();
+        }
+      }
+    })], 1)], 1), t("ElButtonGroup", {
+      key: "stack-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "撤销"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: !e.revocable,
+        icon: "el-icon-refresh-left"
+      },
+      on: {
+        click: function(n) {
+          return e.processUndo();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "恢复"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: !e.recoverable,
+        icon: "el-icon-refresh-right"
+      },
+      on: {
+        click: function(n) {
+          return e.processRedo();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "重新绘制"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-refresh"
+      },
+      on: {
+        click: e.processRestart
+      }
+    })], 1)], 1)];
+  }), t("input", {
     ref: "refFile",
     staticStyle: {
       display: "none"
@@ -9853,33 +9844,20 @@ const $i = {
      * @param {string} type
      * @param {*} name
      */
-    downloadProcess(e, i) {
+    downloadProcess(e, i = "diagram") {
       return u(this, null, function* () {
         try {
-          const n = this;
           if (e === "xml" || e === "bpmn") {
-            const {
-              err: s,
-              xml: r
-            } = yield this.bpmnModeler.saveXML();
-            s && console.error(`[Process Designer Warn ]: ${s.message || s}`);
-            const {
-              href: a,
-              filename: o
-            } = n.setEncoded(e.toUpperCase(), i, r);
-            t(a, o);
+            const { err: n, xml: s } = yield this.bpmnModeler.saveXML();
+            n && console.error(`[Process Designer Warn ]: ${n.message || n}`);
+            const { href: r, filename: a } = this.setEncoded(e.toUpperCase(), i, s);
+            t(r, a);
           } else {
-            const {
-              err: s,
-              svg: r
-            } = yield this.bpmnModeler.saveSVG();
-            if (s)
-              return console.error(s);
-            const {
-              href: a,
-              filename: o
-            } = n.setEncoded("SVG", i, r);
-            t(a, o);
+            const { err: n, svg: s } = yield this.bpmnModeler.saveSVG();
+            if (n)
+              return console.error(n);
+            const { href: r, filename: a } = this.setEncoded("SVG", i, s);
+            t(r, a);
           }
         } catch (n) {
           console.error(`[Process Designer Warn ]: ${n.message || n}`);
@@ -10018,7 +9996,16 @@ var Pi = function() {
         return e.$emit("input", n);
       },
       "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",
@@ -10037,6 +10024,17 @@ var Pi = function() {
           type: o
         })];
       }
+    }, {
+      key: "extend",
+      fn: function(n) {
+        var s = n.id, r = n.bpmnInstances, a = n.element, o = n.type;
+        return [e._t("extend", null, {
+          id: s,
+          bpmnInstances: r,
+          element: a,
+          type: o
+        })];
+      }
     }], null, !0)
   })], 1);
 }, Di = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.18",
+  "version": "2.8.20",
   "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": "2.8.18",
+  "version": "2.8.20",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2470,8 +2470,14 @@
             }
           ],
           "slots": [
+            {
+              "name": "toolbar-buttons"
+            },
             {
               "name": "task"
+            },
+            {
+              "name": "extend"
             }
           ]
         },