@web-utils/component 2.8.22 → 2.8.23

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.22",
+  "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.22",
+  "version": "2.8.23",
   "contributions": {
     "html": {
       "description-markup": "markdown",