@web-utils/component 2.8.26 → 2.8.27

package/package.json

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

package/tag-render/index.mjs

@@ -31,7 +31,9 @@ var f = function() {
     }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
   }) : e.enable ? e._e() : [n("span", {
     staticStyle: {
-      color: "#b5b5b5"
+      color: "#b5b5b5",
+      "line-height": "16px",
+      "margin-left": "4px"
     }
   }, [e._v("无")])], e.enable ? n("ElButton", {
     staticClass: "add-tag",
@@ -92,22 +94,22 @@ const p = {
     }
   }
 }, u = {};
-var v = /* @__PURE__ */ g(
+var h = /* @__PURE__ */ g(
   p,
   f,
   d,
   !1,
-  h,
+  v,
   null,
   null,
   null
 );
-function h(e) {
+function v(e) {
   for (let t in u)
     this[t] = u[t];
 }
 const $ = /* @__PURE__ */ function() {
-  return v.exports;
+  return h.exports;
 }();
 export {
   $ as default

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.26",
+  "version": "2.8.27",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -20086,6 +20086,14 @@
               },
               "default": "','"
             },
+            {
+              "name": "count",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
             {
               "name": "arrayMode",
               "value": {

package/x-input-tag/index.mjs

@@ -1,27 +1,27 @@
 var f = Object.defineProperty, _ = Object.defineProperties;
 var v = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var h = (t, a, e) => a in t ? f(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, m = (t, a) => {
+var b = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var h = (t, a, e) => a in t ? f(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, g = (t, a) => {
   for (var e in a || (a = {}))
-    y.call(a, e) && h(t, e, a[e]);
+    b.call(a, e) && h(t, e, a[e]);
   if (p)
     for (var e of p(a))
-      b.call(a, e) && h(t, e, a[e]);
+      y.call(a, e) && h(t, e, a[e]);
   return t;
-}, d = (t, a) => _(t, v(a));
-var u = (t, a, e) => new Promise((s, n) => {
+}, m = (t, a) => _(t, v(a));
+var r = (t, a, e) => new Promise((s, n) => {
   var o = (i) => {
     try {
       l(e.next(i));
-    } catch (r) {
-      n(r);
+    } catch (u) {
+      n(u);
     }
   }, c = (i) => {
     try {
       l(e.throw(i));
-    } catch (r) {
-      n(r);
+    } catch (u) {
+      n(u);
     }
   }, l = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(o, c);
   l((e = e.apply(t, a)).next());
@@ -30,13 +30,14 @@ import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var w = function() {
   var t = this, a = t.$createElement, e = t._self._c || a;
   return e("div", {
-    staticClass: "fy-input-tag"
-  }, [t._l(t.tags, function(s, n) {
+    staticClass: "x-input-tag"
+  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, n) {
     return e("ElTag", {
       key: s.id,
       attrs: {
-        closable: !t.inputDisabled,
-        "disable-transitions": !t.arrayMode
+        size: "medium",
+        "disable-transitions": "",
+        closable: !t.inputDisabled
       },
       on: {
         close: function(o) {
@@ -44,11 +45,21 @@ var w = function() {
         }
       }
     }, [t._v(" " + t._s(s.tagName) + " ")]);
-  }), !t.inputDisabled && t.inputVisible ? e("ElInput", {
+  }) : t.inputDisabled ? [e("span", {
+    staticStyle: {
+      color: "#b5b5b5"
+    }
+  }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e("ElInput", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.inputVisible,
+      expression: "inputVisible"
+    }],
     ref: "saveTagInput",
     staticClass: "input-new-tag",
     attrs: {
-      size: "small"
+      size: "mini"
     },
     on: {
       blur: t.handleInputConfirm
@@ -65,7 +76,7 @@ var w = function() {
       },
       expression: "inputValue"
     }
-  }) : t._e(), !t.inputDisabled && !t.inputVisible ? e("ElButton", {
+  }), !t.inputDisabled && !t.inputVisible ? e("ElButton", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -74,14 +85,16 @@ var w = function() {
     }],
     staticClass: "button-new-tag",
     attrs: {
-      size: "small"
+      size: "mini"
     },
     on: {
       click: t.showInput
     }
-  }, [t._v(" + 添加 ")]) : t._e()], 2);
+  }, [t._v(" + 添加 ")]) : t._e(), t.count ? e("span", {
+    staticClass: "tags-count"
+  }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
 }, x = [];
-const I = {
+const C = {
   name: "XInputTag",
   inject: {
     elForm: {
@@ -101,6 +114,10 @@ const I = {
       type: String,
       default: ","
     },
+    count: {
+      type: Boolean,
+      default: !0
+    },
     arrayMode: {
       type: Boolean,
       default: !0
@@ -121,7 +138,7 @@ const I = {
       get() {
         var t, a;
         if (this.arrayMode)
-          return (t = this.value) != null && t.length ? this.value.map((e) => e.id > 0 ? e : d(m({}, e), { id: Math.random() })) : [];
+          return (t = this.value) != null && t.length ? this.value.map((e) => e.id > 0 ? e : m(g({}, e), { id: Math.random() })) : [];
         {
           const e = ((a = this.value) == null ? void 0 : a.split(this.separator)) || [];
           return e.length && e[0] ? e.map((s) => ({ tagName: s, id: Math.random() })) : [];
@@ -131,7 +148,7 @@ const I = {
   },
   methods: {
     showInput() {
-      return u(this, null, function* () {
+      return r(this, null, function* () {
         this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
       });
     },
@@ -140,7 +157,7 @@ const I = {
       this.$emit("input", this.arrayMode ? a : a.map((e) => e.tagName).join(this.separator));
     },
     handleInputConfirm() {
-      return u(this, null, function* () {
+      return r(this, null, function* () {
         var a;
         if (this.tags.length >= this.maxTag) {
           this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
@@ -159,9 +176,9 @@ const I = {
       });
     }
   }
-}, g = {};
-var C = /* @__PURE__ */ V(
-  I,
+}, d = {};
+var I = /* @__PURE__ */ V(
+  C,
   w,
   x,
   !1,
@@ -171,11 +188,11 @@ var C = /* @__PURE__ */ V(
   null
 );
 function T(t) {
-  for (let a in g)
-    this[a] = g[a];
+  for (let a in d)
+    this[a] = d[a];
 }
 const $ = /* @__PURE__ */ function() {
-  return C.exports;
+  return I.exports;
 }();
 export {
   $ as default

package/x-input-tag/style.css

@@ -1 +1 @@
-.el-form-item.is-error .fy-input-tag{border-color:#f56c6c}.fy-input-tag{height:120px;padding:0 10px 10px;overflow:auto;border:1px solid var(--border-color);border-radius:4px}.fy-input-tag .el-tag{margin-top:10px;margin-right:10px}.fy-input-tag .el-tag+.el-tag{margin-right:10px}.fy-input-tag .button-new-tag{height:28px;margin-top:10px;padding-top:0;padding-bottom:0;line-height:26px}.fy-input-tag .el-input.input-new-tag{width:170px;height:28px;margin-top:10px;line-height:26px;vertical-align:bottom}
+.el-form-item.is-error .x-input-tag{border-color:#f56c6c}.x-input-tag{height:120px;overflow:auto;border:1px solid var(--border-color);border-radius:4px;line-height:0;padding-top:4px;padding-right:4px}.x-input-tag .el-tag .el-tag__close:hover{background-color:#ee8677}.x-input-tag .el-tag,.x-input-tag .button-new-tag{margin-left:4px;margin-bottom:4px}.x-input-tag .el-input.input-new-tag{width:120px;margin-left:4px;margin-bottom:4px}.x-input-tag .tags-count{position:absolute;right:6px;bottom:10px;color:#b7b7b7;font-size:.9em}