@web-utils/component 4.0.15 → 4.0.16

package/watermark/index.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "../chunks/index.CIfe3UB3.mjs";
+import { g as f } from "../chunks/index.9OxHjTIE.mjs";
 import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const p = {
   name: "Watermark",

package/web-types.json

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

package/x-input-tag/index.mjs

@@ -1,8 +1,5 @@
-import a from "element-ui/lib/button";
-import r from "element-ui/lib/input";
-import u from "element-ui/lib/tag";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = {
+import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const l = {
   name: "XInputTag",
   inject: {
     elForm: {
@@ -48,9 +45,9 @@ const o = {
     },
     tags: {
       get() {
-        var i, t;
+        var a, t;
         if (this.arrayMode)
-          return (i = this.value) != null && i.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
+          return (a = this.value) != null && a.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
         {
           const e = ((t = this.value) == null ? void 0 : t.split(this.separator)) || [];
           return e.length && e[0] ? e.map((s) => this.objectMode ? { name: s, id: Math.random() } : s) : [];
@@ -62,8 +59,8 @@ const o = {
     async showInput() {
       this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
     },
-    handleClose(i) {
-      const t = this.tags.filter((e) => e !== i);
+    handleClose(a) {
+      const t = this.tags.filter((e) => e !== a);
       this.$emit("input", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
     },
     async handleInputConfirm() {
@@ -72,9 +69,9 @@ const o = {
         this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
         return;
       }
-      const i = this.inputValue;
-      if (i) {
-        if (this.tags.some((s) => (s.name || s) === i)) {
+      const a = this.inputValue;
+      if (a) {
+        if (this.tags.some((s) => (s.name || s) === a)) {
           this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
           return;
         }
@@ -85,26 +82,26 @@ const o = {
     }
   }
 };
-var p = function() {
+var r = function() {
   var t = this, e = t._self._c;
-  return e("div", { staticClass: "x-input-tag" }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, n) {
-    return e(u, { key: s.id || s, attrs: { size: "medium", "disable-transitions": "", closable: !t.inputDisabled }, on: { close: function(d) {
-      return t.handleClose(s, n);
+  return e("div", { staticClass: "x-input-tag" }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, i) {
+    return e("ElTag", { key: s.id || s, attrs: { size: "medium", "disable-transitions": "", closable: !t.inputDisabled }, on: { close: function(p) {
+      return t.handleClose(s, i);
     } } }, [t._v(" " + t._s(s.name || s) + " ")]);
-  }) : t.inputDisabled ? [e("span", { staticStyle: { color: "#b5b5b5" } }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e(r, { directives: [{ name: "show", rawName: "v-show", value: t.inputVisible, expression: "inputVisible" }], ref: "saveTagInput", staticClass: "input-new-tag", attrs: { size: "mini" }, on: { blur: t.handleInputConfirm }, nativeOn: { keyup: function(s) {
+  }) : 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: "mini" }, on: { blur: t.handleInputConfirm }, nativeOn: { keyup: function(s) {
     return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
   } }, model: { value: t.inputValue, callback: function(s) {
     t.inputValue = s;
-  }, expression: "inputValue" } }), !t.inputDisabled && !t.inputVisible ? e(a, { directives: [{ name: "show", rawName: "v-show", value: t.tags.length < t.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: t.showInput } }, [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);
-}, h = [], m = /* @__PURE__ */ l(
-  o,
-  p,
-  h,
+  }, expression: "inputValue" } }), !t.inputDisabled && !t.inputVisible ? e("ElButton", { directives: [{ name: "show", rawName: "v-show", value: t.tags.length < t.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: t.showInput } }, [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);
+}, u = [], o = /* @__PURE__ */ n(
+  l,
+  r,
+  u,
   !1,
   null,
   null
 );
-const b = m.exports;
+const d = o.exports;
 export {
-  b as default
+  d as default
 };

package/chunks/FormItem.Bhsy_O2B.mjs

@@ -1,372 +0,0 @@
-import K from "element-ui/lib/col";
-import $ from "element-ui/lib/form-item";
-import z from "element-ui/lib/tooltip";
-import { h as n } from "vue";
-import { e as A, h as I } from "./index.Cn7aq-Et.mjs";
-import { hasOwn as F, isDef as T } from "@web-utils/core";
-import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const D = ["span"], O = A(K), J = O.filter((e) => !D.includes(e)), Q = ["label", "prop", "rules", "labelWidth", "required"], H = A($), U = H.filter((e) => !Q.includes(e)), X = [
-  "wrapCol",
-  "wrapFormItem",
-  "unwrap",
-  "prefixConfig",
-  "block",
-  "prefixPick",
-  "picker",
-  "half",
-  "tips",
-  "hideLabel",
-  "fixedSpan",
-  ...O,
-  ...H
-], q = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], Y = ["$emit", "validate", "clearValidate"], Z = {
-  name: "FormInput",
-  inject: {
-    elForm: {
-      default: {}
-    },
-    formItemGroup: {
-      default: {}
-    },
-    formHolder: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      elForm: this.proxyForm,
-      formItemGroup: this
-    };
-  },
-  props: {
-    /**
-     * 是否作为内嵌使用
-     */
-    embed: Boolean,
-    /**
-     * 是否禁用
-     */
-    disabled: Boolean,
-    /**
-     * 是否固定栏数
-     */
-    fixedSpan: Number,
-    /**
-     * 是否被列组件包裹
-     */
-    wrapCol: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否被表单项组件包裹
-     */
-    wrapFormItem: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否不用列组件包裹
-     */
-    unwrap: Boolean,
-    /**
-     * 是否占一半宽度
-     */
-    half: Boolean,
-    /**
-     * placeholder 添加"配置"前缀
-     */
-    prefixConfig: Boolean,
-    /**
-     * placeholder 添加"添加"前缀
-     */
-    prefixAdd: Boolean,
-    /**
-     * placeholder 添加"选择"前缀
-     */
-    prefixPick: Boolean,
-    /**
-     * 是否占满一行
-     */
-    block: Boolean,
-    /**
-     * 表单项组件样式
-     */
-    formItemClass: String,
-    /**
-     * 提示信息
-     */
-    tips: String,
-    /**
-     * 校验规则触发方式
-     */
-    trigger: {
-      type: String,
-      default: "blur"
-    },
-    /**
-     * 是否隐藏 label
-     */
-    hideLabel: Boolean,
-    /**
-     * label 占列数
-     */
-    labelColspan: [Number, String],
-    /**
-     * input 占列数
-     */
-    inputColspan: [Number, String],
-    /**
-     * label 占行数
-     */
-    labelRowspan: [Number, String],
-    /**
-     * input 占行数
-     */
-    inputRowspan: [Number, String],
-    // el-form-item
-    prop: String,
-    label: String,
-    labelWidth: String,
-    required: Boolean,
-    rules: [Object, Array],
-    error: String,
-    showMessage: {
-      type: Boolean,
-      default: !0
-    },
-    inlineMessage: {
-      type: [String, Boolean],
-      default: ""
-    },
-    size: String,
-    validateStatus: String,
-    for: String,
-    // el-col
-    span: {
-      type: Number,
-      default: 12
-    },
-    offset: Number,
-    push: Number,
-    pull: Number,
-    xs: [Number, Object],
-    sm: [Number, Object],
-    md: [Number, Object],
-    lg: [Number, Object],
-    xl: [Number, Object],
-    tag: String
-  },
-  data() {
-    const e = {};
-    return q.forEach((r) => {
-      e[r] = null;
-    }), {
-      proxyForm: e
-    };
-  },
-  computed: {
-    prefix() {
-      return this.prefixConfig ? "请配置" : this.prefixPick || this.picker ? "请选择" : this.prefixAdd ? "请添加" : "请输入";
-    },
-    message() {
-      var e;
-      return `${this.prefix}${((e = this.label) == null ? void 0 : e.replace("：", "")) || ""}`;
-    },
-    computeRules() {
-      var l;
-      const e = [...this.rules || []], r = e.find((t) => t.required);
-      if (this.required || r || (l = this.formHolder.requiredFields) != null && l.includes(this.prop)) {
-        const t = e.find((m) => m.required);
-        t ? t.ref ? t.label = t.label || this.label : t.message = t.message || this.message : e.unshift(this.getRequireRule());
-      }
-      return e.concat(this.getRules());
-    },
-    computeSpan() {
-      return this.block ? 24 : this.span;
-    },
-    formItemProps() {
-      return I({ ...this.$props, ...this.$attrs }, X);
-    },
-    elFormItemProps() {
-      return I({ ...this.$props, ...this.$attrs }, U);
-    },
-    elColProps() {
-      return I({ ...this.$props, ...this.$attrs }, J);
-    },
-    formCfg() {
-      const e = {
-        disabled: this.disabled
-      };
-      return q.forEach((r) => {
-        e[r] = this.elForm[r];
-      }), e;
-    }
-  },
-  watch: {
-    computeRules() {
-      var e, r;
-      (r = (e = this.elForm) == null ? void 0 : e.clearValidate) == null || r.call(e, this.prop);
-    },
-    formCfg: {
-      immediate: !0,
-      handler() {
-        var e;
-        this.proxyForm.disabled = (e = this.formHolder.enabledFields) != null && e.includes(this.prop) ? !1 : (this.elForm || {}).disabled, q.forEach((r) => {
-          var l;
-          r !== "disabled" && (Y.includes(r) ? this.proxyForm[r] = (l = this.elForm[r]) == null ? void 0 : l.bind(this.elForm) : this.proxyForm[r] = this.elForm[r]);
-        });
-      }
-    }
-  },
-  methods: {
-    getRules() {
-      return [];
-    },
-    getRequireRule() {
-      return {
-        required: !0,
-        trigger: this.trigger,
-        message: this.message
-      };
-    }
-  }
-}, ee = {
-  name: "FormItem",
-  mixins: [Z],
-  inject: {
-    formHolder: {
-      default: {}
-    },
-    formItemConfig: {
-      default: null
-    }
-  },
-  computed: {
-    gutter() {
-      let e = this.$parent;
-      for (; e && e.$options.componentName !== "ElRow"; )
-        e = e.$parent;
-      return (e == null ? void 0 : e.gutter) ?? 0;
-    }
-  },
-  methods: {
-    renderFormItem() {
-      var R, v, N, P, S, k, j;
-      const {
-        hideLabel: e,
-        label: r,
-        labelWidth: l,
-        prop: t,
-        rules: m,
-        $scopedSlots: i,
-        elFormItemProps: o,
-        elForm: u,
-        formHolder: s,
-        formItemClass: c,
-        required: f,
-        block: h,
-        half: b,
-        wrapCol: M,
-        wrapFormItem: W,
-        disabled: V,
-        formItemConfig: p,
-        getRequireRule: E
-      } = this;
-      let a = m, d = f, C = f, _ = h, B = M;
-      p && (F(p, "block") && (_ = p.block), F(p, "wrapCol") && (B = p.wrapCol));
-      const L = s.tableForm ? "" : _ && b && B ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      (R = s.requiredFields) != null && R.includes(t) && (d = !0), (V || u != null && u.disabled) && !((v = s.requiredFields) != null && v.includes(t)) ? (a = [], !s.required && !((N = s.requiredFields) != null && N.includes(t)) && (C = !1)) : (!s.required && !((P = s.requiredFields) != null && P.includes(t)) && (d = !1), d && !(a != null && a.length) && t ? a = [E()] : d || (C = !1, a && (a = a.filter((g) => !g.required))));
-      const w = (S = i.tips) == null ? void 0 : S.call(i), x = w || this.tips, y = x ? n(z, {
-        attrs: {
-          effect: "light",
-          content: this.tips
-        }
-      }, [w ? n("div", {
-        slot: "content"
-      }, [w]) : null, n("i", {
-        class: "el-icon-info form-item-input-info"
-      })]) : null;
-      return W ? n($, {
-        style: {
-          width: L
-        },
-        key: `${t}-${d}`,
-        class: ["form-item", c, {
-          required: C,
-          "form-item-hide-label": e
-        }],
-        scopedSlots: {
-          ...i,
-          default: x ? () => {
-            var g;
-            return n("div", {
-              class: "form-item-input-wrapper"
-            }, [(g = i.default) == null ? void 0 : g.call(i), y]);
-          } : i.default
-        },
-        props: {
-          ...o
-        },
-        attrs: {
-          label: r,
-          "label-width": e ? "0" : l,
-          prop: t,
-          rules: a
-        },
-        ref: "formItem"
-      }) : x ? n("div", {
-        class: "form-item-input-wrapper"
-      }, [(k = i.default) == null ? void 0 : k.call(i), y]) : n("div", [(j = i.default) == null ? void 0 : j.call(i)]);
-    },
-    async clearValidate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
-    },
-    async validate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
-    }
-  },
-  render() {
-    var h, b;
-    const {
-      computeSpan: e,
-      wrapCol: r,
-      fixedSpan: l,
-      formItemConfig: t,
-      renderFormItem: m,
-      elColProps: i,
-      $scopedSlots: o,
-      unwrap: u,
-      formHolder: s
-    } = this;
-    let c = !s.tableForm && r, f = !1;
-    return t && (F(t, "wrapCol") && (c = t.wrapCol), F(t, "reactive") && (f = t.reactive)), u ? n("div", [(h = o.default) == null ? void 0 : h.call(o)]) : c ? n(K, {
-      props: {
-        ...i,
-        span: l || e,
-        ...!T(l) && f ? {
-          xs: 24,
-          sm: 12,
-          md: 12,
-          lg: 8,
-          xl: 6
-        } : {}
-      }
-    }, [m(), (b = o == null ? void 0 : o.below) == null ? void 0 : b.call(o)]) : m();
-  }
-}, re = null, te = null;
-var ie = /* @__PURE__ */ G(
-  ee,
-  re,
-  te,
-  !1,
-  null,
-  null
-);
-const fe = ie.exports;
-export {
-  fe as F,
-  Z as f
-};