@web-utils/component 2.8.21 → 2.8.23

package/flow-designer/style.css

@@ -1 +1 @@
-.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-y:auto;overflow-x:hidden;border-left:1px solid #eee;box-shadow:0 0 8px #ccc;transition:width .25s ease-in}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{font-size:20px;cursor:pointer;text-align:center;color:#606266}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{display:flex;align-items:flex-start;width:100%;margin:8px 0}.process-panel__container .element-property .element-property__label{display:block;box-sizing:border-box;width:90px;padding-right:12px;overflow:hidden;font-size:14px;line-height:32px;text-align:right}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{display:inline-grid;grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-weight:600;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #eee}.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}.listener-filed__title{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:0}.listener-filed__title span{width:200px;font-size:14px;text-align:left}.listener-filed__title i{margin-right:8px}.element-drawer__button{display:inline-flex;justify-content:space-around;width:100%;margin-top:8px}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.bts-toggle-mode{display:none}.djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.djs-palette.open .djs-palette-entries div.entry{position:relative}.djs-palette.open .djs-palette-entries div.entry:hover:after{position:absolute;top:0;right:-10px;bottom:0;z-index:100;display:inline-block;box-sizing:border-box;width:max-content;padding:0 16px;overflow:hidden;font-size:.5em;font-variant:normal;text-transform:none;text-decoration:inherit;vertical-align:text-bottom;background:#fafafa;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px #eee;transform:translate(100%);content:attr(title)}.my-process-designer{display:flex;flex:1;flex-direction:column;box-sizing:border-box;width:100%;height:100%}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{width:100%;padding-right:8px;padding-left:8px;text-align:left}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{position:absolute;transform:rotate(90deg) translate(200%,60%);content:"|"}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__container{display:inline-flex;flex:1;width:100%}.my-process-designer .my-process-designer__container .my-process-designer__canvas{position:relative;flex:1;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat!important}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{display:flex;width:100%;height:100%}
+.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-y:auto;overflow-x:hidden;border-left:1px solid #eee;box-shadow:0 0 8px #ccc;transition:width .25s ease-in}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{font-size:20px;cursor:pointer;text-align:center;color:#606266}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{display:flex;align-items:flex-start;width:100%;margin:8px 0}.process-panel__container .element-property .element-property__label{display:block;box-sizing:border-box;width:90px;padding-right:12px;overflow:hidden;font-size:14px;line-height:32px;text-align:right}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{display:inline-grid;grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-weight:600;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #eee}.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}.listener-filed__title{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:0}.listener-filed__title span{width:200px;font-size:14px;text-align:left}.listener-filed__title i{margin-right:8px}.element-drawer__button{display:inline-flex;justify-content:space-around;width:100%;margin-top:8px}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.my-process-designer{display:flex;flex:1;flex-direction:column;box-sizing:border-box;width:100%;height:100%}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{position:absolute;top:0;right:-10px;bottom:0;z-index:100;display:inline-block;box-sizing:border-box;width:max-content;padding:0 16px;overflow:hidden;font-size:.5em;font-variant:normal;text-transform:none;text-decoration:inherit;vertical-align:text-bottom;background:#fafafa;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px #eee;transform:translate(100%);content:attr(title)}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{width:100%;padding-right:8px;padding-left:8px;text-align:left}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{position:absolute;transform:rotate(90deg) translate(200%,60%);content:"|"}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__container{display:inline-flex;flex:1;width:100%}.my-process-designer .my-process-designer__container .my-process-designer__canvas{position:relative;flex:1;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat!important}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{display:flex;width:100%;height:100%;background-color:#fff}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.21",
+  "version": "2.8.23",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/tag-render/index.mjs

@@ -1,54 +1,58 @@
 var c = Object.defineProperty;
 var r = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
-var l = (t, e, n) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, o = (t, e) => {
-  for (var n in e || (e = {}))
-    _.call(e, n) && l(t, n, e[n]);
+var _ = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var l = (e, t, n) => t in e ? c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t) => {
+  for (var n in t || (t = {}))
+    _.call(t, n) && l(e, n, t[n]);
   if (r)
-    for (var n of r(e))
-      g.call(e, n) && l(t, n, e[n]);
-  return t;
+    for (var n of r(t))
+      m.call(t, n) && l(e, n, t[n]);
+  return e;
 };
 import { hasOwn as i } from "@web-utils/core";
-import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var f = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
+  var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "tag-render"
-  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.internalTags, function(s, a) {
+  }, [e.tags && e.tags.length && e.tags[0] ? e._l(e.internalTags, function(s, a) {
     return n("ElTag", {
       key: a,
       attrs: {
-        closable: t.enable,
+        closable: e.enable,
         "disable-transitions": ""
       },
       on: {
         close: function(b) {
-          return t.$emit("close", t.tags[a], a);
+          return e.$emit("close", e.tags[a], a);
         }
       }
-    }, [t._v(" " + t._s(t.getTagName(s)) + " ")]);
-  }) : t.enable ? t._e() : [n("span", {
+    }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
+  }) : e.enable ? e._e() : [n("span", {
     staticStyle: {
       color: "#b5b5b5"
     }
-  }, [t._v("无")])], t.enable ? n("ElButton", {
-    staticClass: "el-tag el-tag--medium el-tag--light button-new-tag",
+  }, [e._v("无")])], e.enable ? n("ElButton", {
+    staticClass: "add-tag",
     attrs: {
       size: "small"
     },
     on: {
       click: function(s) {
-        return t.$emit("add");
+        return e.$emit("add");
       }
     }
-  }, [t._v(" + 添加 ")]) : t._e(), t.count ? n("span", {
+  }, [e._v("+ 添加")]) : e._e(), e.count ? n("span", {
     staticClass: "tags-count"
-  }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
+  }, [e._v(e._s(e.tags.length && e.tags[0] ? e.tags.length : ""))]) : e._e()], 2);
 }, d = [];
 const p = {
   name: "TagRender",
-  inject: ["elFormItem"],
+  inject: {
+    elFormItem: {
+      default: {}
+    }
+  },
   props: {
     enable: {
       type: Boolean,
@@ -69,24 +73,25 @@ const p = {
   },
   computed: {
     internalTags() {
-      return this.transfer ? this.tags.map((t) => {
-        const e = o({}, t);
-        return this.transfer(e);
+      return this.transfer ? this.tags.map((e) => {
+        const t = o({}, e);
+        return this.transfer(t);
       }) : this.tags;
     }
   },
   watch: {
-    tags(t) {
-      this.elFormItem && t && t.length > 0 && this.elFormItem.clearValidate();
+    tags(e) {
+      var t, n;
+      this.elFormItem && e && e.length > 0 && ((n = (t = this.elFormItem).clearValidate) == null || n.call(t));
     }
   },
   methods: {
-    getTagName(t) {
-      return i(t, "name") ? t.name : i(t, "label") ? t.label : t;
+    getTagName(e) {
+      return i(e, "name") ? e.name : i(e, "label") ? e.label : e;
     }
   }
 }, u = {};
-var v = /* @__PURE__ */ m(
+var v = /* @__PURE__ */ g(
   p,
   f,
   d,
@@ -96,9 +101,9 @@ var v = /* @__PURE__ */ m(
   null,
   null
 );
-function h(t) {
-  for (let e in u)
-    this[e] = u[e];
+function h(e) {
+  for (let t in u)
+    this[t] = u[t];
 }
 const $ = /* @__PURE__ */ function() {
   return v.exports;

package/tag-render/style.css

@@ -1 +1 @@
-.tag-render{min-height:80px;padding-top:3px;padding-right:5px;padding-left:5px;overflow:hidden;background-color:#fff;border:1px solid #d7dae0;border-radius:4px}.tag-render .el-tag{margin-top:4px}.tag-render .button-new-tag{padding-top:0;padding-bottom:0}.tag-render .el-tag .el-tag__close:hover{background-color:#ee8677}.tag-render .tags-count{position:absolute;right:7px;bottom:-4px;color:#b7b7b7;font-size:.9em}
+.tag-render{min-height:80px;overflow:hidden;background-color:#fff;border:1px solid #d7dae0;border-radius:4px;padding-top:4px;padding-right:4px}.tag-render .el-tag{margin-left:4px;margin-bottom:4px}.tag-render .add-tag{margin-left:4px}.tag-render .el-tag .el-tag__close:hover{background-color:#ee8677}.tag-render .tags-count{position:absolute;right:7px;bottom:4px;color:#b7b7b7;font-size:.9em}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.21",
+  "version": "2.8.23",
   "contributions": {
     "html": {
       "description-markup": "markdown",