@web-utils/component 2.8.0 → 2.8.2

package/x-input-tag/index.mjs

@@ -0,0 +1,182 @@
+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) => {
+  for (var e in a || (a = {}))
+    y.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]);
+  return t;
+}, d = (t, a) => _(t, v(a));
+var u = (t, a, e) => new Promise((s, n) => {
+  var o = (i) => {
+    try {
+      l(e.next(i));
+    } catch (r) {
+      n(r);
+    }
+  }, c = (i) => {
+    try {
+      l(e.throw(i));
+    } catch (r) {
+      n(r);
+    }
+  }, l = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(o, c);
+  l((e = e.apply(t, a)).next());
+});
+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) {
+    return e("ElTag", {
+      key: s.id,
+      attrs: {
+        closable: !t.inputDisabled,
+        "disable-transitions": !t.arrayMode
+      },
+      on: {
+        close: function(o) {
+          return t.handleClose(s, n);
+        }
+      }
+    }, [t._v(" " + t._s(s.tagName) + " ")]);
+  }), !t.inputDisabled && t.inputVisible ? e("ElInput", {
+    ref: "saveTagInput",
+    staticClass: "input-new-tag",
+    attrs: {
+      size: "small"
+    },
+    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._e(), !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: "small"
+    },
+    on: {
+      click: t.showInput
+    }
+  }, [t._v(" + 添加 ")]) : t._e()], 2);
+}, x = [];
+const I = {
+  name: "XInputTag",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    value: {
+      type: [Array, String],
+      default: () => []
+    },
+    disabled: Boolean,
+    separator: {
+      type: String,
+      default: ","
+    },
+    arrayMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      inputVisible: !1,
+      inputValue: "",
+      maxTag: 20
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    tags: {
+      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() })) : [];
+        {
+          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() })) : [];
+        }
+      }
+    }
+  },
+  methods: {
+    showInput() {
+      return u(this, null, function* () {
+        this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleClose(t) {
+      const a = this.tags.filter((e) => e !== t);
+      this.$emit("input", this.arrayMode ? a : a.map((e) => e.tagName).join(this.separator));
+    },
+    handleInputConfirm() {
+      return u(this, null, function* () {
+        var a;
+        if (this.tags.length >= this.maxTag) {
+          this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
+          return;
+        }
+        const t = this.inputValue;
+        if (t) {
+          if (this.tags.some((s) => s.tagName === t)) {
+            this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
+            return;
+          }
+          const e = [...this.tags];
+          e.push({ id: Date.now(), tagName: this.inputValue }), this.$emit("input", this.arrayMode ? e : e.map((s) => s.tagName).join(this.separator)), yield this.$nextTick(), (a = this.elFormItem) == null || a.clearValidate();
+        }
+        this.inputVisible = !1, this.inputValue = "";
+      });
+    }
+  }
+}, g = {};
+var C = /* @__PURE__ */ V(
+  I,
+  w,
+  x,
+  !1,
+  T,
+  null,
+  null,
+  null
+);
+function T(t) {
+  for (let a in g)
+    this[a] = g[a];
+}
+const $ = /* @__PURE__ */ function() {
+  return C.exports;
+}();
+export {
+  $ as default
+};

package/x-input-tag/style.css

@@ -0,0 +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}

package/chunks/dic.e8280157.mjs

@@ -1,130 +0,0 @@
-import { isBlank as w } from "@web-utils/core";
-import { l as D, m as E } from "./util.17330567.mjs";
-const F = (d, t = []) => new Promise((i, o) => {
-  const c = [], a = [], s = {};
-  d.forEach((e) => {
-    e.parentProp && c.push(e);
-  }), t.forEach((e, n) => {
-    c.forEach((r) => {
-      r.hide !== !0 && r.dicFlag !== !1 && a.push(
-        new Promise((u) => {
-          w(e[r.parentProp]) ? u({
-            prop: r.prop,
-            data: [],
-            index: n
-          }) : r.dicUrl && g({
-            url: `${r.dicUrl.replace("{{key}}", e[r.parentProp])}`,
-            props: r.props,
-            method: r.dicMethod,
-            headers: r.dicHeaders,
-            formatter: r.dicFormatter,
-            query: r.dicQuery,
-            form: e
-          }).then((l) => {
-            u({
-              prop: r.prop,
-              data: l,
-              index: n
-            });
-          });
-        })
-      );
-    });
-  }), Promise.all(a).then((e) => {
-    e.forEach((n) => {
-      w(s[n.index]) && (s[n.index] = {}), s[n.index][n.prop] = n.data;
-    }), i(s);
-  });
-}), U = (d) => {
-  let t = [];
-  return new Promise((i, o) => {
-    t = k(d).ajaxdic, j(t).then((a) => {
-      i(a);
-    }).catch((a) => {
-      o(a);
-    });
-  });
-}, K = (d) => {
-  const t = {}, i = d.dicData || {};
-  return d.column.forEach((o) => {
-    o.dicData && (t[o.prop] = D(o.dicData, o.props, o.dataType));
-  }), Object.assign(i, t);
-};
-function k(d) {
-  const t = d.column || [], i = [], o = {};
-  let c = [];
-  return t.forEach((a) => {
-    const s = a.dicData, e = a.dicUrl, n = a.prop, r = a.parentProp;
-    c = c.concat(a.cascader || []), Array.isArray(s) && (o[n] = s), !(a.dicFlag === !1 || a.lazy === !0 || c.includes(n)) && e && !r && i.push({
-      url: e,
-      name: n,
-      method: a.dicMethod,
-      headers: t.dicHeaders,
-      formatter: a.dicFormatter,
-      props: a.props,
-      dataType: a.dataType,
-      resKey: (a.props || {}).res,
-      query: a.dicQuery || {}
-    });
-  }), {
-    ajaxdic: i,
-    locationdic: o
-  };
-}
-function j(d) {
-  const t = {}, i = [];
-  return new Promise((o) => {
-    d.forEach((c) => {
-      i.push(
-        new Promise((a) => {
-          g(Object.assign(c, {
-            url: `${c.url.replace("{{key}}", "")}`
-          })).then((s) => {
-            s = D(s, c.props, c.dataType), a(s);
-          }).catch(() => {
-            a([]);
-          });
-        })
-      );
-    }), Promise.all(i).then((c) => {
-      d.forEach((a, s) => {
-        t[a.name] = c[s];
-      }), o(t);
-    });
-  });
-}
-const g = (d) => {
-  let { url: t, query: i, method: o, resKey: c, props: a, formatter: s, headers: e = {}, value: n = "", column: r, form: u = {} } = d;
-  r && (t = r.dicUrl, o = r.dicMethod, e = r.headers || {}, i = r.dicQuery || {}, s = r.dicFormatter, a = r.props);
-  const l = "key";
-  t = t || "";
-  let m;
-  const y = {};
-  return m = t.match(/[^{}]+(?=})/g) || [], m.forEach((p) => {
-    const f = `{{${p}}}`, h = u[p];
-    p === l ? t = t.replace(f, n) : t = t.replace(f, h);
-  }), o === "post" && (m = Object.keys(i), m.forEach((p) => {
-    const f = i[p];
-    typeof f == "string" && f.match(/\{{|}}/g) ? y[p] = u[f.replace(/\{{|}}/g, "")] : y[p] = f;
-  })), a && (c = (a || {}).res || c), new Promise((p) => {
-    const f = (h) => {
-      let P = [];
-      typeof s == "function" ? P = s(h.data) : P = E(h.data, c), p(P);
-    };
-    o === "post" ? window.axios.post(t, y, { headers: e }).then(function(h) {
-      f(h);
-    }).catch(() => [
-      p([])
-    ]) : window.axios.get(t, { params: i, headers: e }).then(function(h) {
-      f(h);
-    }).catch(() => [
-      p([])
-    ]);
-  });
-};
-export {
-  U as a,
-  F as b,
-  K as l,
-  g as s
-};

package/chunks/util.17330567.mjs

@@ -1,266 +0,0 @@
-import { isBlank, getObjType } from "@web-utils/core";
-const KEY_COMPONENT_NAME = "fy-", DIC_PROPS = {
-  rowKey: "id",
-  rowParentKey: "parentId",
-  nodeKey: "id",
-  label: "label",
-  value: "value",
-  desc: "desc",
-  groups: "groups",
-  title: "title",
-  leaf: "leaf",
-  children: "children",
-  hasChildren: "hasChildren",
-  labelText: "名称",
-  disabled: "disabled"
-}, DIC_HTTP_PROPS = {
-  name: "name",
-  url: "url",
-  fileName: "file",
-  res: ""
-}, DATE_LIST = [
-  "dates",
-  "date",
-  "datetime",
-  "datetimerange",
-  "daterange",
-  "time",
-  "timerange",
-  "week",
-  "month",
-  "monthrange",
-  "year"
-], INPUT_LIST = ["tree", "number", "icon", "color", "table", "map"], ARRAY_LIST = ["img", "array", "url"], MULTIPLE_LIST = ["cascader", "tree", "select"], RANGE_LIST = ["slider"], ARRAY_VALUE_LIST = ARRAY_LIST.concat(["upload", "dynamic", "map", "checkbox", "cascader", "dynamic", "timerange", "monthrange", "daterange", "datetimerange", "dates"]), SELECT_LIST = DATE_LIST.concat(["select", "checkbox", "radio", "cascader", "tree", "color", "icon", "table", "map"]), DIC_SHOW_SPLIT = " | ", DIC_SPLIT = ",", typeList = {
-  img: /\.(gif|jpg|jpeg|png|webp|svg|GIF|JPG|JPEG|PNG|WEBP|SVG)/,
-  video: /\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|ogg|mp4)/,
-  audio: /\.(mp3|wav|MP3|WAV)/
-}, isMediaType = (e, n) => {
-  if (!isBlank(e))
-    return typeList.audio.test(e) || n === "audio" ? "audio" : typeList.video.test(e) || n === "video" ? "video" : typeList.img.test(e) || n === "img" ? "img" : !1;
-};
-function getFixed(e = 0, n = 2) {
-  return Number(e.toFixed(n));
-}
-function getAsVal(e, n = "") {
-  let r = deepClone(e);
-  return isBlank(n) || n.split(".").forEach((t) => {
-    r = isBlank(r[t]) ? "" : r[t];
-  }), r;
-}
-function setAsVal(obj, bind = "", value) {
-  let result;
-  const type = getObjType(value);
-  return isBlank(value) ? type === "array" ? result = `obj.${bind}=[]` : type === "object" ? result = `obj.${bind}={}` : ["number", "boolean"].includes(type) ? result = `obj.${bind}=undefined` : result = `obj.${bind}=''` : type === "string" ? result = `obj.${bind}='${value}'` : result = `obj.${bind}=${value}`, eval(result), obj;
-}
-function downFile(e, n) {
-  typeof e == "object" && e instanceof Blob && (e = URL.createObjectURL(e));
-  const r = document.createElement("a");
-  r.href = e, r.download = n || "";
-  let t;
-  window.MouseEvent ? t = new MouseEvent("click") : (t = document.createEvent("MouseEvents"), t.initMouseEvent(
-    "click",
-    !0,
-    !1,
-    window,
-    0,
-    0,
-    0,
-    0,
-    0,
-    !1,
-    !1,
-    !1,
-    !1,
-    0,
-    null
-  )), r.dispatchEvent(t);
-}
-function strCorNum(e) {
-  return e.forEach((n, r) => {
-    e[r] = Number(n);
-  }), e;
-}
-function extend(...e) {
-  let n = e[0] || {}, r = !1;
-  const t = Array.prototype.slice.call(e);
-  let s = 1, i, o, a, l, c = !1;
-  for (typeof n == "boolean" && (r = n, s++, n = e[1]); s < t.length; s++)
-    if ((i = t[s]) != null)
-      for (a in i)
-        l = i[a], o = n[a], r && (toString.call(l) === "[object Object]" || (c = toString.call(l) === "[object Array]")) ? (c ? o = toString.call(o) === "[object Array]" ? o : [] : o = toString.call(o) === "[object Object]" ? o : {}, n[a] = extend(r, o, l)) : l !== void 0 && l !== o && (n[a] = l);
-  return n;
-}
-function createObj(e, n) {
-  const r = n.split("."), t = r.splice(0, 1)[0], s = {};
-  if (s[t] = {}, r.length >= 2) {
-    const i = "{", o = "}";
-    let a = "";
-    r.forEach((l) => {
-      a = `${a}${i}"${l}":`;
-    }), a = `${a}""`;
-    for (let l = 0; l < r.length; l++)
-      a = `${a}${o}`;
-    a = JSON.parse(a), s[t] = a;
-  }
-  return e = extend(!0, e, s), e;
-}
-function dataURLtoFile(e, n) {
-  const r = e.split(","), t = r[0].match(/:(.*?);/)[1], s = atob(r[1]);
-  let i = s.length;
-  const o = new Uint8Array(i);
-  for (; i--; )
-    o[i] = s.charCodeAt(i);
-  return new File([o], n, {
-    type: t
-  });
-}
-function findObject(e, n, r = "prop") {
-  let t = -1;
-  const s = (() => {
-    let i;
-    return e.forEach((o) => {
-      o.column ? i = "group" : o.children && (i = "tree");
-    }), i;
-  })();
-  return s === "group" ? e.forEach((i) => {
-    const o = findArray(i.column, n, r, !0);
-    o !== -1 && (t = o);
-  }) : s === "tree" ? t = findLabelNode(e, n, { value: r }, !0) : t = findArray(e, n, r, !0), t;
-}
-function randomId() {
-  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", n = e.length;
-  let r = "";
-  for (let t = 0; t < 16; t++)
-    r += e.charAt(Math.floor(Math.random() * n));
-  return r;
-}
-const deepClone = (e) => {
-  const n = getObjType(e);
-  let r;
-  if (n === "array")
-    r = [];
-  else if (n === "object")
-    r = {};
-  else
-    return e;
-  if (n === "array") {
-    e = e;
-    let t = 0;
-    const s = e.length;
-    for (; t < s; t++)
-      e[t] && delete e[t].$parent, r.push(deepClone(e[t]));
-  } else if (n === "object")
-    for (const t in e) {
-      const s = e[t];
-      s && delete s.$parent, r[t] = deepClone(e[t]);
-    }
-  return r;
-}, setPx = (e, n = "") => (e || (e = n), e ? (e = `${e}`, e.indexOf("%") === -1 && e.indexOf("px") === -1 && (e = `${e}px`), e) : ""), detailDataType = (e, n) => isBlank(e) ? e : n === "number" ? Number(e) : n === "string" ? `${e}` : e, detailDic = (e = [], n = {}, r) => {
-  const t = n.value || DIC_PROPS.value, s = n.children || DIC_PROPS.children;
-  return e.forEach((i) => {
-    i[t] = detailDataType(i[t], r), i[s] && detailDic(i[s], n, r);
-  }), e;
-}, findByValue = (e, n, r) => {
-  if (isBlank(e))
-    return n;
-  const t = n instanceof Array, s = t ? n : [n];
-  r = r || DIC_PROPS;
-  const i = [];
-  for (let o = 0; o < s.length; o++)
-    i.push(findLabelNode(e, s[o], r) || s[o]);
-  return t ? i.join(DIC_SHOW_SPLIT) : i.join();
-}, filterParams = (e, n = ["", "$"], r = !0) => {
-  const t = r ? deepClone(e) : e;
-  for (const s in t)
-    n.includes("") && isBlank(t[s]) && delete t[s], n.includes("$") && s.indexOf("$") !== -1 && delete t[s];
-  return t;
-}, detailDicGroup = (e = [], n = {}) => {
-  let r = deepClone(e);
-  const t = n[DIC_PROPS.groups] || DIC_PROPS.groups;
-  return e.forEach((s) => {
-    s[t] && (r = r.concat(s[t]));
-  }), r;
-}, findLabelNode = (e, n, r, t = null) => {
-  let s;
-  t || (e = detailDicGroup(e, r));
-  const i = (o) => {
-    const a = r.label || DIC_PROPS.label, l = r.value || DIC_PROPS.value, c = r.children || DIC_PROPS.children;
-    for (let u = 0; u < o.length; u++) {
-      const f = o[u], d = f[c] || [];
-      f[l] === n ? s = t ? f : f[a] : i(d);
-    }
-  };
-  return i(e), s;
-}, getDeepData = (e) => (Array.isArray(e) ? e : e.data) || [], getObjValue = (e, n = "", r = null) => {
-  const t = n.split(".");
-  let s = e;
-  return t[0] === "" && r !== "object" ? getDeepData(e) : (t[0] !== "" && t.forEach((i) => {
-    s = s[i];
-  }), s);
-}, findArray = (e, n, r, t) => {
-  r = r || DIC_PROPS.value;
-  for (let s = 0; s < e.length; s++)
-    if (e[s][r] === n)
-      return t ? e[s] : s;
-  return -1;
-}, getPasswordChar = (e = "", n) => {
-  const r = e.toString().length;
-  e = "";
-  for (let t = 0; t < r; t++)
-    e = e + n;
-  return e;
-}, arraySort = (e = [], n, r) => e.filter((t) => !isBlank(t[n])).sort((t, s) => r(t, s)).concat(e.filter((t) => isBlank(t[n]))), clearVal = (e, n, r = []) => e ? (n.forEach((t) => {
-  if (!r.includes(t)) {
-    if (t.includes("$"))
-      delete e[t];
-    else if (!isBlank(e[t])) {
-      const s = getObjType(e[t]);
-      s === "array" ? e[t] = [] : s === "object" ? e[t] = {} : ["number", "boolean"].includes(s) ? e[t] = void 0 : e[t] = "";
-    }
-  }
-}), e) : {}, optVal = (e, n) => typeof e == "boolean" ? e : isBlank(e) ? n : e;
-function uploadFun(e = {}, n) {
-  n = n || this;
-  const r = ["uploadPreview", "uploadBefore", "uploadAfter", "uploadDelete", "uploadError", "uploadExceed"], t = {};
-  return e.type === "upload" ? r.forEach((s) => {
-    e[s] || (t[s] = n[s]);
-  }) : r.forEach((s) => {
-    t[s] = n[s];
-  }), t;
-}
-export {
-  ARRAY_VALUE_LIST as A,
-  downFile as B,
-  DIC_PROPS as D,
-  INPUT_LIST as I,
-  KEY_COMPONENT_NAME as K,
-  MULTIPLE_LIST as M,
-  RANGE_LIST as R,
-  SELECT_LIST as S,
-  arraySort as a,
-  DIC_SHOW_SPLIT as b,
-  DIC_SPLIT as c,
-  deepClone as d,
-  strCorNum as e,
-  ARRAY_LIST as f,
-  getAsVal as g,
-  getPasswordChar as h,
-  isMediaType as i,
-  DATE_LIST as j,
-  findByValue as k,
-  detailDic as l,
-  getObjValue as m,
-  findObject as n,
-  optVal as o,
-  detailDataType as p,
-  createObj as q,
-  randomId as r,
-  setPx as s,
-  DIC_HTTP_PROPS as t,
-  uploadFun as u,
-  filterParams as v,
-  getFixed as w,
-  setAsVal as x,
-  clearVal as y,
-  dataURLtoFile as z
-};