@web-utils/component 2.7.21 → 2.7.22

package/dist/components/properties-panel/index.js

@@ -1,4 +1,32 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+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 { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
 import { debug } from "@web-utils/core";
 var render$d = function() {
   var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
@@ -980,9 +1008,7 @@ const __vue2_script$8 = {
   },
   methods: {
     changeTaskAsync() {
-      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), window.bpmnInstances.modeling.updateProperties(window.bpmnInstances.bpmnElement, {
-        ...this.taskConfigForm
-      });
+      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), window.bpmnInstances.modeling.updateProperties(window.bpmnInstances.bpmnElement, __spreadValues({}, this.taskConfigForm));
     }
   }
 }, __cssModules$8 = {};
@@ -1239,7 +1265,7 @@ const __vue2_script$7 = {
   },
   methods: {
     getElementLoop(businessObject) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       if (!businessObject.loopCharacteristics) {
         this.loopCharacteristics = "Null", this.loopInstanceForm = {};
         return;
@@ -1248,12 +1274,10 @@ const __vue2_script$7 = {
         this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
         return;
       }
-      businessObject.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = {
-        ...this.defaultLoopInstanceForm,
-        ...businessObject.loopCharacteristics,
-        completionCondition: ((_b = (_a = businessObject.loopCharacteristics) == null ? void 0 : _a.completionCondition) == null ? void 0 : _b.body) ?? "",
-        loopCardinality: ((_d = (_c = businessObject.loopCharacteristics) == null ? void 0 : _c.loopCardinality) == null ? void 0 : _d.body) ?? ""
-      }, this.multiLoopInstance = window.bpmnInstances.bpmnElement.businessObject.loopCharacteristics, businessObject.loopCharacteristics.extensionElements && businessObject.loopCharacteristics.extensionElements.values && businessObject.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", businessObject.loopCharacteristics.extensionElements.values[0].body);
+      businessObject.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = __spreadProps(__spreadValues(__spreadValues({}, this.defaultLoopInstanceForm), businessObject.loopCharacteristics), {
+        completionCondition: (_c = (_b = (_a = businessObject.loopCharacteristics) == null ? void 0 : _a.completionCondition) == null ? void 0 : _b.body) != null ? _c : "",
+        loopCardinality: (_f = (_e = (_d = businessObject.loopCharacteristics) == null ? void 0 : _d.loopCardinality) == null ? void 0 : _e.body) != null ? _f : ""
+      }), this.multiLoopInstance = window.bpmnInstances.bpmnElement.businessObject.loopCharacteristics, businessObject.loopCharacteristics.extensionElements && businessObject.loopCharacteristics.extensionElements.values && businessObject.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", businessObject.loopCharacteristics.extensionElements.values[0].body);
     },
     changeLoopCharacteristicsType(type) {
       if (type === "Null") {
@@ -1531,7 +1555,7 @@ const __vue2_script$6 = {
         this.flowConditionForm = { type: "normal" };
       else {
         const conditionExpression = this.bpmnElement.businessObject.conditionExpression;
-        if (this.flowConditionForm = { ...conditionExpression, type: "condition" }, this.flowConditionForm.resource) {
+        if (this.flowConditionForm = __spreadProps(__spreadValues({}, conditionExpression), { type: "condition" }), this.flowConditionForm.resource) {
           this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
           return;
         }
@@ -1795,7 +1819,7 @@ const __vue2_script$5 = {
   methods: {
     initDataList() {
       this.rootElements = window.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((el) => {
-        el.$type === "bpmn:Message" && (this.messageIdMap[el.id] = !0, this.messageList.push({ ...el })), el.$type === "bpmn:Signal" && (this.signalIdMap[el.id] = !0, this.signalList.push({ ...el }));
+        el.$type === "bpmn:Message" && (this.messageIdMap[el.id] = !0, this.messageList.push(__spreadValues({}, el))), el.$type === "bpmn:Signal" && (this.signalIdMap[el.id] = !0, this.signalList.push(__spreadValues({}, el)));
       });
     },
     openModel(type) {
@@ -1884,14 +1908,10 @@ function uuid(length = 8, chars) {
   return result;
 }
 function initListenerForm(listener) {
-  let self = {
-    ...listener
-  };
-  if (listener.script && (self = {
-    ...listener,
-    ...listener.script,
+  let self = __spreadValues({}, listener);
+  if (listener.script && (self = __spreadProps(__spreadValues(__spreadValues({}, listener), listener.script), {
     scriptType: listener.script.resource ? "externalScript" : "inlineScript"
-  }), listener.event === "timeout" && listener.eventDefinitions && listener.eventDefinitions.length) {
+  })), listener.event === "timeout" && listener.eventDefinitions && listener.eventDefinitions.length) {
     let k = "";
     for (const key in listener.eventDefinitions[0])
       console.log(listener.eventDefinitions, key), key.indexOf("time") !== -1 && (k = key, self.eventDefinitionType = key.replace("time", "").toLowerCase());
@@ -1900,12 +1920,11 @@ function initListenerForm(listener) {
   return self;
 }
 function initListenerType(listener) {
+  var _a;
   let listenerType2;
-  return listener.class && (listenerType2 = "classListener"), listener.expression && (listenerType2 = "expressionListener"), listener.delegateExpression && (listenerType2 = "delegateExpressionListener"), listener.script && (listenerType2 = "scriptListener"), {
-    ...JSON.parse(JSON.stringify(listener)),
-    ...listener.script ?? {},
+  return listener.class && (listenerType2 = "classListener"), listener.expression && (listenerType2 = "expressionListener"), listener.delegateExpression && (listenerType2 = "delegateExpressionListener"), listener.script && (listenerType2 = "scriptListener"), __spreadProps(__spreadValues(__spreadValues({}, JSON.parse(JSON.stringify(listener))), (_a = listener.script) != null ? _a : {}), {
     listenerType: listenerType2
-  };
+  });
 }
 const listenerType = {
   classListener: "Java 类",
@@ -2535,13 +2554,12 @@ const __vue2_script$4 = {
   },
   methods: {
     resetListenersList() {
-      var _a, _b, _c;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:ExecutionListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
+      var _a, _b, _c, _d;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = (_d = (_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:ExecutionListener`)) != null ? _d : [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
     },
     // 打开 监听器详情 侧边栏
     openListenerForm(listener, index) {
-      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => ({
-        ...field,
+      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => __spreadProps(__spreadValues({}, field), {
         fieldType: field.string ? "string" : "expression"
       })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
@@ -2554,8 +2572,10 @@ const __vue2_script$4 = {
       });
     },
     // 保存监听器注入字段
-    async saveListenerFiled() {
-      await this.$refs.listenerFieldFormRef.validate() && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
+    saveListenerFiled() {
+      return __async(this, null, function* () {
+        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
+      });
     },
     // 移除监听器字段
     removeListenerField(field, index) {
@@ -2576,12 +2596,14 @@ const __vue2_script$4 = {
       }).catch(() => console.info("操作取消"));
     },
     // 保存监听器配置
-    async saveListenerConfig() {
-      var _a, _b, _c;
-      if (!await this.$refs.listenerFormRef.validate())
-        return;
-      const listenerObject = createListenerObject(this.listenerForm, !1, this.prefix);
-      this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:ExecutionListener`)) ?? [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+    saveListenerConfig() {
+      return __async(this, null, function* () {
+        var _a, _b, _c, _d;
+        if (!(yield this.$refs.listenerFormRef.validate()))
+          return;
+        const listenerObject = createListenerObject(this.listenerForm, !1, this.prefix);
+        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (_d = (_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:ExecutionListener`)) != null ? _d : [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+      });
     }
   }
 }, __cssModules$4 = {};
@@ -2796,8 +2818,8 @@ const __vue2_script$3 = {
   },
   methods: {
     resetAttributesList() {
-      var _a, _b, _c;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementProperties = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => (ex.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(ex), ex.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((pre, current) => pre.concat(current.values), []), this.elementPropertyList = JSON.parse(JSON.stringify(this.bpmnElementPropertyList ?? []));
+      var _a, _b, _c, _d, _e;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementProperties = (_d = (_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => (ex.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(ex), ex.$type === `${this.prefix}:Properties`))) != null ? _d : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((pre, current) => pre.concat(current.values), []), this.elementPropertyList = JSON.parse(JSON.stringify((_e = this.bpmnElementPropertyList) != null ? _e : []));
     },
     openAttributesForm(attr, index) {
       this.editingPropertyIndex = index, this.propertyForm = index === -1 ? {} : JSON.parse(JSON.stringify(attr)), this.propertyFormModelVisible = !0, this.$nextTick(() => {
@@ -4360,12 +4382,11 @@ const __vue2_script$1 = {
   },
   methods: {
     resetListenersList() {
-      var _a, _b, _c;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:TaskListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
+      var _a, _b, _c, _d;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = (_d = (_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:TaskListener`)) != null ? _d : [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
     },
     openListenerForm(listener, index) {
-      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => ({
-        ...field,
+      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => __spreadProps(__spreadValues({}, field), {
         fieldType: field.string ? "string" : "expression"
       })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
@@ -4381,12 +4402,14 @@ const __vue2_script$1 = {
       }).catch(() => console.info("操作取消"));
     },
     // 保存监听器
-    async saveListenerConfig() {
-      var _a, _b, _c;
-      if (!await this.$refs.listenerFormRef.validate())
-        return;
-      const listenerObject = createListenerObject(this.listenerForm, !0, this.prefix);
-      this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:TaskListener`)) ?? [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+    saveListenerConfig() {
+      return __async(this, null, function* () {
+        var _a, _b, _c, _d;
+        if (!(yield this.$refs.listenerFormRef.validate()))
+          return;
+        const listenerObject = createListenerObject(this.listenerForm, !0, this.prefix);
+        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (_d = (_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:TaskListener`)) != null ? _d : [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+      });
     },
     // 打开监听器字段编辑弹窗
     openListenerFieldForm(field, index) {
@@ -4395,8 +4418,10 @@ const __vue2_script$1 = {
       });
     },
     // 保存监听器注入字段
-    async saveListenerFiled() {
-      await this.$refs.listenerFieldFormRef.validate() && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
+    saveListenerFiled() {
+      return __async(this, null, function* () {
+        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
+      });
     },
     // 移除监听器字段
     removeListenerField(field, index) {
@@ -4735,8 +4760,9 @@ const __vue2_script = {
     },
     // 初始化数据
     initFormOnChanged(element) {
+      var _a;
       let activatedElement = element;
-      activatedElement || (activatedElement = window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Process") ?? window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Collaboration")), activatedElement && (debug.call(this, `select element changed: id: ${activatedElement.id} , type: ${activatedElement.businessObject.$type}`), debug.call(this, "businessObject", activatedElement.businessObject), window.bpmnInstances.bpmnElement = activatedElement, this.bpmnElement = activatedElement, this.elementId = activatedElement.id, this.elementType = activatedElement.type.split(":")[1] || "", this.elementBusinessObject = JSON.parse(JSON.stringify(activatedElement.businessObject)), this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && activatedElement.source && activatedElement.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
+      activatedElement || (activatedElement = (_a = window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Process")) != null ? _a : window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Collaboration")), activatedElement && (debug.call(this, `select element changed: id: ${activatedElement.id} , type: ${activatedElement.businessObject.$type}`), debug.call(this, "businessObject", activatedElement.businessObject), window.bpmnInstances.bpmnElement = activatedElement, this.bpmnElement = activatedElement, this.elementId = activatedElement.id, this.elementType = activatedElement.type.split(":")[1] || "", this.elementBusinessObject = JSON.parse(JSON.stringify(activatedElement.businessObject)), this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && activatedElement.source && activatedElement.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
     },
     beforeDestroy() {
       window.bpmnInstances = null;

package/dist/components/properties-panel/style.css

@@ -1,106 +1 @@
-.process-panel__container {
-  box-sizing: border-box;
-  padding: 0 8px;
-  border-left: 1px solid #eeeeee;
-  box-shadow: 0 0 8px #ccc;
-  max-height: 100%;
-  overflow-y: auto;
-}
-.panel-tab__title {
-  font-weight: 600;
-  padding: 0 8px;
-  font-size: 1.1em;
-  line-height: 1.2em;
-}
-.panel-tab__title i {
-  margin-right: 8px;
-  font-size: 1.2em;
-}
-.panel-tab__content {
-  width: 100%;
-  box-sizing: border-box;
-  border-top: 1px solid #eeeeee;
-  padding: 8px 16px;
-}
-.panel-tab__content .panel-tab__content--title {
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: 8px;
-}
-.panel-tab__content .panel-tab__content--title span {
-  flex: 1;
-  text-align: left;
-}
-.element-property {
-  width: 100%;
-  display: flex;
-  align-items: flex-start;
-  margin: 8px 0;
-}
-.element-property .element-property__label {
-  display: block;
-  width: 90px;
-  text-align: right;
-  overflow: hidden;
-  padding-right: 12px;
-  line-height: 32px;
-  font-size: 14px;
-  box-sizing: border-box;
-}
-.element-property .element-property__value {
-  flex: 1;
-  line-height: 32px;
-}
-.element-property .el-form-item {
-  width: 100%;
-  margin-bottom: 0;
-  padding-bottom: 18px;
-}
-.list-property {
-  flex-direction: column;
-}
-.list-property .element-listener-item {
-  width: 100%;
-  display: inline-grid;
-  grid-template-columns: 16px auto 32px 32px;
-  grid-column-gap: 8px;
-}
-.list-property .element-listener-item + .element-listener-item {
-  margin-top: 8px;
-}
-.listener-filed__title {
-  display: inline-flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 0;
-}
-.listener-filed__title span {
-  width: 200px;
-  text-align: left;
-  font-size: 14px;
-}
-.listener-filed__title i {
-  margin-right: 8px;
-}
-.element-drawer__button {
-  margin-top: 8px;
-  width: 100%;
-  display: inline-flex;
-  justify-content: space-around;
-}
-.element-drawer__button > .el-button {
-  width: 100%;
-}
-.el-collapse-item__content {
-  padding-bottom: 0;
-}
-.el-input.is-disabled .el-input__inner {
-  color: #999;
-}
-.el-form-item.el-form-item--mini {
-  margin-bottom: 0;
-}
-.el-form-item.el-form-item--mini + .el-form-item {
-  margin-top: 16px;
-}
+.process-panel__container{box-sizing:border-box;padding:0 8px;border-left:1px solid #eeeeee;box-shadow:0 0 8px #ccc;max-height:100%;overflow-y:auto}.panel-tab__title{font-weight:600;padding:0 8px;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{width:100%;box-sizing:border-box;border-top:1px solid #eeeeee;padding:8px 16px}.panel-tab__content .panel-tab__content--title{display:flex;justify-content:space-between;padding-bottom:8px}.panel-tab__content .panel-tab__content--title span{flex:1;text-align:left}.element-property{width:100%;display:flex;align-items:flex-start;margin:8px 0}.element-property .element-property__label{display:block;width:90px;text-align:right;overflow:hidden;padding-right:12px;line-height:32px;font-size:14px;box-sizing:border-box}.element-property .element-property__value{flex:1;line-height:32px}.element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.list-property{flex-direction:column}.list-property .element-listener-item{width:100%;display:inline-grid;grid-template-columns:16px auto 32px 32px;grid-column-gap:8px}.list-property .element-listener-item+.element-listener-item{margin-top:8px}.listener-filed__title{display:inline-flex;width:100%;justify-content:space-between;align-items:center;margin-top:0}.listener-filed__title span{width:200px;text-align:left;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{margin-top:8px;width:100%;display:inline-flex;justify-content:space-around}.element-drawer__button>.el-button{width:100%}.el-collapse-item__content{padding-bottom:0}.el-input.is-disabled .el-input__inner{color:#999}.el-form-item.el-form-item--mini{margin-bottom:0}.el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}

package/dist/components/queue/index.js

@@ -1,4 +1,4 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.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", {

package/dist/components/record-video/index.js

@@ -1,5 +1,5 @@
 import { s as setPx } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
 let RecordVideo$1 = class {
   /**
    * 构造函数

package/dist/components/record-video/style.css

@@ -1,47 +1 @@
-.avue-video {
-  position: relative;
-  width: 500px;
-  overflow: hidden;
-}
-.avue-video__border span {
-  position: absolute;
-  width: 30px;
-  height: 30px;
-  border-width: 4px;
-  color: #0073eb;
-  border-style: solid;
-}
-.avue-video__border span:nth-child(1) {
-  left: 15px;
-  top: 15px;
-  border-right: 0;
-  border-bottom: 0;
-}
-.avue-video__border span:nth-child(2) {
-  right: 15px;
-  top: 15px;
-  border-left: 0;
-  border-bottom: 0;
-}
-.avue-video__border span:nth-child(3) {
-  bottom: 15px;
-  left: 15px;
-  border-right: 0;
-  border-top: 0;
-}
-.avue-video__border span:nth-child(4) {
-  bottom: 15px;
-  right: 15px;
-  border-left: 0;
-  border-top: 0;
-}
-.avue-video__img {
-  width: 100px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.avue-video__main {
-  width: 100%;
-}
+.avue-video{position:relative;width:500px;overflow:hidden}.avue-video__border span{position:absolute;width:30px;height:30px;border-width:4px;color:#0073eb;border-style:solid}.avue-video__border span:nth-child(1){left:15px;top:15px;border-right:0;border-bottom:0}.avue-video__border span:nth-child(2){right:15px;top:15px;border-left:0;border-bottom:0}.avue-video__border span:nth-child(3){bottom:15px;left:15px;border-right:0;border-top:0}.avue-video__border span:nth-child(4){bottom:15px;right:15px;border-left:0;border-top:0}.avue-video__img{width:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.avue-video__main{width:100%}

package/dist/components/resize-observer/index.js

@@ -1,5 +1,5 @@
 import { j as getInternetExplorerVersion } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.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", {

package/dist/components/resize-observer/style.css

@@ -1,25 +1 @@
-.resize-observer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: transparent;
-  border: none;
-  opacity: 0;
-  pointer-events: none;
-}
-.resize-observer > object {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  pointer-events: none;
-}
+.resize-observer{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;overflow:hidden;background-color:transparent;border:none;opacity:0;pointer-events:none}.resize-observer>object{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}

package/dist/components/search/index.js

@@ -1,7 +1,7 @@
 import { D as DIC_PROPS } from "../../chunks/util.89913643.js";
 import { i as init } from "../../chunks/init.e0133910.js";
 import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.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("ElRow", {

package/dist/components/search/style.css

@@ -1,51 +1 @@
-.avue-search {
-  padding: 0 20px;
-}
-.avue-search__item {
-  padding: 20px 0 10px;
-  display: flex;
-  align-items: flex-start;
-  border-bottom: 1px dashed #e8e8e8;
-}
-.avue-search__item:last-child {
-  border-bottom: none;
-}
-.avue-search__tags {
-  padding: 0 12px;
-  margin-right: 24px;
-  margin-bottom: 12px;
-  font-size: 14px;
-  color: #000000a6;
-  cursor: pointer;
-  white-space: nowrap;
-  display: inline-block;
-}
-.avue-search__tags:hover {
-  color: #1890ff;
-}
-.avue-search__tags--active {
-  color: #fff;
-  background-color: #1890ff;
-  border-radius: 5px;
-}
-.avue-search__tags--active:hover {
-  opacity: .85;
-  color: #fff;
-}
-.avue-search__title {
-  margin: 0;
-  padding: 0 20px;
-  width: 120px;
-  font-size: 14px;
-  text-align: right;
-  display: inline-block;
-  box-sizing: border-box;
-}
-.avue-search__content {
-  width: calc(100% - 190px);
-  display: inline-block;
-}
-.avue-search__content .el-tag {
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
+.avue-search{padding:0 20px}.avue-search__item{padding:20px 0 10px;display:flex;align-items:flex-start;border-bottom:1px dashed #e8e8e8}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{padding:0 12px;margin-right:24px;margin-bottom:12px;font-size:14px;color:#000000a6;cursor:pointer;white-space:nowrap;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{opacity:.85;color:#fff}.avue-search__title{margin:0;padding:0 20px;width:120px;font-size:14px;text-align:right;display:inline-block;box-sizing:border-box}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-right:10px;margin-bottom:10px}

package/dist/components/search-popover/index.js

@@ -1,6 +1,22 @@
+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 { copy, isInContainer } from "@web-utils/core";
 import ClickOutside from "element-ui/lib/utils/clickoutside";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.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", {
@@ -333,8 +349,10 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     window.removeEventListener("keydown", this.keydown);
   },
   methods: {
-    async onItemClick(item) {
-      item.path && (this.hidePopover(), await this.$router.push(item.path));
+    onItemClick(item) {
+      return __async(this, null, function* () {
+        item.path && (this.hidePopover(), yield this.$router.push(item.path));
+      });
     },
     copyEvalResult() {
       return copy(this.evalResult);
@@ -348,12 +366,14 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     mouseHoverItem(item, index) {
       this.currentIndex = index;
     },
-    async keydown(event) {
-      if (event.key === "Shift") {
-        const cost = Date.now() - this.last;
-        cost > 0 && cost < 500 ? (this.showPopover = !0, await this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
-      }
-      this.showPopover === !0 && (event.key === "Escape" && this.hidePopover(), event.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && await this.onItemClick(this.currentItem) : this.copyEvalResult()), event.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), event.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
+    keydown(event) {
+      return __async(this, null, function* () {
+        if (event.key === "Shift") {
+          const cost = Date.now() - this.last;
+          cost > 0 && cost < 500 ? (this.showPopover = !0, yield this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
+        }
+        this.showPopover === !0 && (event.key === "Escape" && this.hidePopover(), event.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && (yield this.onItemClick(this.currentItem)) : this.copyEvalResult()), event.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), event.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
+      });
     },
     scrollIntoView(index) {
       if (index === 0) {