@web-utils/component 2.8.19 → 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,317 +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._t("toolbar-buttons"), 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();
+  }, [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(), 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();
+    }, [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("下载为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()], 2), 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"
@@ -10017,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.19",
+  "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.19",
+  "version": "2.8.20",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2475,6 +2475,9 @@
             },
             {
               "name": "task"
+            },
+            {
+              "name": "extend"
             }
           ]
         },