@web-utils/component 2.0.14 → 2.2.0

package/x-input-tag/index.mjs

@@ -0,0 +1,203 @@
+var f = Object.defineProperty, _ = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var h = (t, s, e) => s in t ? f(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, d = (t, s) => {
+  for (var e in s || (s = {}))
+    v.call(s, e) && h(t, e, s[e]);
+  if (p)
+    for (var e of p(s))
+      y.call(s, e) && h(t, e, s[e]);
+  return t;
+}, c = (t, s) => _(t, b(s));
+var r = (t, s, e) => new Promise((a, n) => {
+  var o = (i) => {
+    try {
+      l(e.next(i));
+    } catch (u) {
+      n(u);
+    }
+  }, g = (i) => {
+    try {
+      l(e.throw(i));
+    } catch (u) {
+      n(u);
+    }
+  }, l = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(o, g);
+  l((e = e.apply(t, s)).next());
+});
+import { n as V } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var w = function() {
+  var t = this, s = t.$createElement, e = t._self._c || s;
+  return e("div", {
+    staticClass: "x-input-tag"
+  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(a, n) {
+    return e("ElTag", {
+      key: a.id || a,
+      attrs: {
+        size: "medium",
+        "disable-transitions": "",
+        closable: !t.inputDisabled
+      },
+      on: {
+        close: function(o) {
+          return t.handleClose(a, n);
+        }
+      }
+    }, [t._v(" " + t._s(a.name || a) + " ")]);
+  }) : 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(a) {
+        return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
+      }
+    },
+    model: {
+      value: t.inputValue,
+      callback: function(a) {
+        t.inputValue = a;
+      },
+      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);
+}, x = [];
+const C = {
+  name: "XInputTag",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    value: {
+      type: [Array, String],
+      default: () => []
+    },
+    disabled: Boolean,
+    separator: {
+      type: String,
+      default: ","
+    },
+    count: {
+      type: Boolean,
+      default: !0
+    },
+    arrayMode: {
+      type: Boolean,
+      default: !0
+    },
+    objectMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      inputVisible: !1,
+      inputValue: "",
+      maxTag: 20
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    tags: {
+      get() {
+        var t, s;
+        if (this.arrayMode)
+          return (t = this.value) != null && t.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : c(d({}, e), { id: Math.random() })) : this.value : [];
+        {
+          const e = ((s = this.value) == null ? void 0 : s.split(this.separator)) || [];
+          return e.length && e[0] ? e.map((a) => this.objectMode ? { name: a, id: Math.random() } : a) : [];
+        }
+      }
+    }
+  },
+  methods: {
+    showInput() {
+      return r(this, null, function* () {
+        this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleClose(t) {
+      const s = this.tags.filter((e) => e !== t);
+      this.$emit("input", this.arrayMode ? s : s.map((e) => e.name || e).join(this.separator));
+    },
+    handleInputConfirm() {
+      return r(this, null, function* () {
+        var s;
+        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((a) => (a.name || a) === t)) {
+            this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
+            return;
+          }
+          const e = [...this.tags];
+          e.push(this.objectMode ? { id: Date.now(), name: this.inputValue } : this.inputValue), this.$emit("input", this.arrayMode ? e : e.map((a) => a.name || a).join(this.separator)), yield this.$nextTick(), (s = this.elFormItem) == null || s.clearValidate();
+        }
+        this.inputVisible = !1, this.inputValue = "";
+      });
+    }
+  }
+}, m = {};
+var I = /* @__PURE__ */ V(
+  C,
+  w,
+  x,
+  !1,
+  M,
+  null,
+  null,
+  null
+);
+function M(t) {
+  for (let s in m)
+    this[s] = m[s];
+}
+const j = /* @__PURE__ */ function() {
+  return I.exports;
+}();
+export {
+  j as default
+};

package/x-input-tag/style.css

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

package/README.md

@@ -1,27 +0,0 @@
-# web-component
-
-## usage
-
-```js
-import { defineConfig } from 'vite'
-import styleImport from "vite-plugin-style-import";
-
-export default defineConfig({
-  plugins: [
-    styleImport({
-      libs: [{
-        libraryName: '@web-utils/component',
-        base: '@web-utils/component/dist/base.css',
-        ensureStyleFile: true,
-        libraryNameChangeCase: 'pascalCase',
-        resolveStyle: name => {
-          return `@web-utils/component/dist/${name}.css`
-        },
-        resolveComponent: name => {
-          return `@web-utils/component/dist/${name}.js`
-        }
-      }]
-    })
-  ]
-}
-```

package/dist/chunks/3a79781b.js

@@ -1,75 +0,0 @@
-import { MessageBox as b, Loading as w } from "element-ui";
-import { isFunction as i } from "@web-utils/core";
-async function S(t, e, n) {
-  const { stop: o, prevent: r, message: f, loadable: l, loadingText: d, confirmable: y, confirmType: m, confirmText: x } = e;
-  o && t.stopPropagation(), r && t.preventDefault();
-  const { before: c, click: u, cancel: g, after: p } = n;
-  if (i(u))
-    try {
-      let a = !0;
-      if (i(c) && (a = await c(t)), a === !1)
-        return;
-      y && await b.confirm(f || x, { type: m });
-      let s;
-      l && (s = w.service({ background: "rgba(0,0,0,0.3)", text: d }));
-      try {
-        await u(t);
-      } catch {
-      }
-      l && s.close(), i(p) && await p(t);
-    } catch (a) {
-      i(g) && await g(a);
-    }
-}
-const v = {
-  functional: !0,
-  props: {
-    stop: {
-      type: Boolean,
-      default: !0
-    },
-    prevent: {
-      type: Boolean,
-      default: !0
-    },
-    text: {
-      type: String,
-      default: ""
-    },
-    message: {
-      type: String,
-      default: "你确定要删除该记录吗？"
-    },
-    confirmable: {
-      type: Boolean,
-      default: !0
-    },
-    confirmText: {
-      type: String,
-      default: "你确定要删除该记录吗？"
-    },
-    confirmType: {
-      type: String,
-      default: "warning"
-    },
-    loadable: Boolean,
-    loadingText: {
-      type: String,
-      default: "正在处理中请稍候..."
-    },
-    tag: {
-      type: String,
-      default: "i"
-    }
-  },
-  render(t, { props: e, data: n, children: o, listeners: r }) {
-    return t(e.tag, {
-      ...n,
-      on: { click: (f) => S(f, e, r) },
-      props: e
-    }, o || e.text);
-  }
-};
-export {
-  v as c
-};

package/dist/chunks/5a78e0db.js

@@ -1,16 +0,0 @@
-const t = {
-  inject: ["uploader"]
-}, p = {
-  data() {
-    return {
-      support: !0
-    };
-  },
-  mounted() {
-    this.support = this.uploader.uploader.support;
-  }
-};
-export {
-  p as s,
-  t as u
-};

package/dist/chunks/97652d86.js

@@ -1,26 +0,0 @@
-function c(r) {
-  const n = Math.floor(r / 31536e3);
-  if (n)
-    return `${n} 年${o(n)}`;
-  const t = Math.floor((r %= 31536e3) / 86400);
-  if (t)
-    return `${t} 天${o(t)}`;
-  const s = Math.floor((r %= 86400) / 3600);
-  if (s)
-    return `${s} 时${o(s)}`;
-  const e = Math.floor((r %= 3600) / 60);
-  if (e)
-    return `${e} 分${o(e)}`;
-  const u = r % 60;
-  return `${u} 秒${o(u)}`;
-  function o(a) {
-    return a > 1, "";
-  }
-}
-function f(r) {
-  return r.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
-}
-export {
-  f as k,
-  c as s
-};

package/dist/components/aside-menu/index.js

@@ -1,58 +0,0 @@
-import { n as a } from "../../chunks/5d4282fb.js";
-var o = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
-    staticStyle: {
-      "padding-top": "4px"
-    }
-  }, e._l(e.menu, function(n) {
-    return s("div", {
-      key: n.key,
-      staticClass: "aside-menu-item hover-active",
-      class: {
-        active: e.$route.path === n.path
-      },
-      on: {
-        click: function(l) {
-          return e.$router.push(n.path);
-        }
-      }
-    }, [e._t("default", function() {
-      return [s("i", {
-        staticClass: "egd-icon-common",
-        class: n.icon
-      }), e._v(" " + e._s(n.label) + " ")];
-    }, {
-      item: n
-    })], 2);
-  }), 0);
-}, c = [];
-const u = {
-  name: "AsideMenu",
-  props: {
-    menu: {
-      type: Array,
-      default: () => []
-    }
-  }
-}, r = {};
-var i = /* @__PURE__ */ a(
-  u,
-  o,
-  c,
-  !1,
-  _,
-  null,
-  null,
-  null
-);
-function _(e) {
-  for (let t in r)
-    this[t] = r[t];
-}
-const p = /* @__PURE__ */ function() {
-  return i.exports;
-}();
-export {
-  p as default
-};

package/dist/components/awesome-button/index.js

@@ -1,82 +0,0 @@
-import { isFunction as i, error as r } from "@web-utils/core";
-import { n as a } from "../../chunks/5d4282fb.js";
-const l = {
-  props: {
-    type: {
-      type: String,
-      default: "primary"
-    },
-    size: String,
-    icon: {
-      type: String,
-      default: ""
-    },
-    nativeType: {
-      type: String,
-      default: "button"
-    },
-    loading: Boolean,
-    disabled: Boolean,
-    plain: Boolean,
-    autofocus: Boolean,
-    round: Boolean
-  }
-}, c = {
-  name: "AwesomeButton",
-  mixins: [l],
-  props: {
-    text: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isLoading: !1
-    };
-  },
-  methods: {
-    async onClick(e) {
-      this.isLoading = !0;
-      const { click: t } = this.$listeners;
-      if (i(t))
-        try {
-          await t(e);
-        } catch (o) {
-          r.call(this, o);
-        }
-      this.isLoading = !1;
-    }
-  },
-  render(e) {
-    var o, n;
-    const t = (n = (o = this.$scopedSlots).default) == null ? void 0 : n.call(o);
-    return e(
-      "ElButton",
-      { on: { click: this.onClick }, props: { ...this.$props, disabled: this.isLoading } },
-      t && (t[0].tag || t[0].text) ? t : this.text
-    );
-  }
-};
-let u, p;
-const s = {};
-var d = /* @__PURE__ */ a(
-  c,
-  u,
-  p,
-  !1,
-  _,
-  null,
-  null,
-  null
-);
-function _(e) {
-  for (let t in s)
-    this[t] = s[t];
-}
-const h = /* @__PURE__ */ function() {
-  return d.exports;
-}();
-export {
-  h as default
-};

package/dist/components/base.css

@@ -1 +0,0 @@
-.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;right:0;bottom:0;left:0}.flex-not-shrink{flex-shrink:0}

package/dist/components/chunk-file-uploader-button/index.js

@@ -1,60 +0,0 @@
-import { u as r, s as o } from "../../chunks/5a78e0db.js";
-import { n as a } from "../../chunks/5d4282fb.js";
-var l = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("label", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.support,
-      expression: "support"
-    }],
-    ref: "btn",
-    staticClass: "uploader-btn"
-  }, [e._t("default")], 2);
-}, i = [];
-const u = {
-  name: "ChunkFileUploaderButton",
-  mixins: [r, o],
-  props: {
-    directory: {
-      type: Boolean,
-      default: !1
-    },
-    single: {
-      type: Boolean,
-      default: !1
-    },
-    attrs: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
-    });
-  }
-}, n = {};
-var p = /* @__PURE__ */ a(
-  u,
-  l,
-  i,
-  !1,
-  _,
-  null,
-  null,
-  null
-);
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
-}
-const f = /* @__PURE__ */ function() {
-  return p.exports;
-}();
-export {
-  f as default
-};

package/dist/components/chunk-file-uploader-button/style.css

@@ -1 +0,0 @@
-.uploader-btn{position:relative;display:inline-block;padding:4px 8px;color:#666;font-size:100%;line-height:1.4;background:none;border:1px solid #666;border-radius:2px;outline:none;cursor:pointer}.uploader-btn:hover{background-color:#00000014}

package/dist/components/chunk-file-uploader-drop/index.js

@@ -1,65 +0,0 @@
-import { u as t, s as n } from "../../chunks/5a78e0db.js";
-import { n as a } from "../../chunks/5d4282fb.js";
-var p = function() {
-  var o = this, r = o.$createElement, s = o._self._c || r;
-  return s("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: o.support,
-      expression: "support"
-    }],
-    ref: "drop",
-    staticClass: "uploader-drop",
-    class: o.dropClass
-  }, [o._t("default")], 2);
-}, i = [];
-const l = {
-  name: "ChunkFileUploaderDrop",
-  mixins: [t, n],
-  data() {
-    return {
-      dropClass: ""
-    };
-  },
-  async mounted() {
-    await this.$nextTick();
-    const o = this.$refs.drop, r = this.uploader.uploader;
-    r.assignDrop(o), r.on("dragenter", this.onDragEnter), r.on("dragleave", this.onDragLeave), r.on("drop", this.onDrop);
-  },
-  beforeDestroy() {
-    const o = this.$refs.drop, r = this.uploader.uploader;
-    r.off("dragenter", this.onDragEnter), r.off("dragleave", this.onDragLeave), r.off("drop", this.onDrop), r.unAssignDrop(o);
-  },
-  methods: {
-    onDragEnter() {
-      this.dropClass = "uploader-dragover";
-    },
-    onDragLeave() {
-      this.dropClass = "";
-    },
-    onDrop() {
-      this.dropClass = "uploader-droped";
-    }
-  }
-}, e = {};
-var d = /* @__PURE__ */ a(
-  l,
-  p,
-  i,
-  !1,
-  u,
-  null,
-  null,
-  null
-);
-function u(o) {
-  for (let r in e)
-    this[r] = e[r];
-}
-const h = /* @__PURE__ */ function() {
-  return d.exports;
-}();
-export {
-  h as default
-};

package/dist/components/chunk-file-uploader-drop/style.css

@@ -1 +0,0 @@
-.uploader-drop{position:relative;padding:10px;overflow:hidden;background-color:#f5f5f5;border:1px dashed #ccc}.uploader-dragover{background-color:#f7f7f7;border-color:#999}