@web-utils/component 3.0.3 → 3.0.5

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -497,6 +497,90 @@
             }
           ]
         },
+        {
+          "name": "ColorPicker",
+          "description": "",
+          "attributes": [
+            {
+              "name": "popperClass",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            },
+            {
+              "name": "predefine",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": ""
+            },
+            {
+              "name": "visible",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": ""
+            },
+            {
+              "name": "hideOnClickOutside",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "value",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            },
+            {
+              "name": "offset",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": ""
+            },
+            {
+              "name": "anchor",
+              "value": {
+                "kind": "expression",
+                "type": "HTMLElement"
+              },
+              "default": ""
+            },
+            {
+              "name": "appendToBody",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            }
+          ],
+          "events": [
+            {
+              "name": "pick"
+            },
+            {
+              "name": "clear"
+            },
+            {
+              "name": "input"
+            },
+            {
+              "name": "update:visible"
+            }
+          ]
+        },
         {
           "name": "Comment",
           "description": "",

package/x-input-tag/index.mjs

@@ -1,42 +1,39 @@
-var g = Object.defineProperty, f = Object.defineProperties;
+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 ? g(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, m = (t, s) => {
+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) => f(t, b(s));
-var l = (t, s, e) => new Promise((n, a) => {
-  var o = (i) => {
+}, c = (t, s) => _(t, b(s));
+var r = (t, s, e) => new Promise((a, i) => {
+  var o = (n) => {
     try {
-      u(e.next(i));
-    } catch (r) {
-      a(r);
+      l(e.next(n));
+    } catch (u) {
+      i(u);
     }
-  }, _ = (i) => {
+  }, g = (n) => {
     try {
-      u(e.throw(i));
-    } catch (r) {
-      a(r);
+      l(e.throw(n));
+    } catch (u) {
+      i(u);
     }
-  }, u = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(o, _);
-  u((e = e.apply(t, s)).next());
+  }, l = (n) => n.done ? a(n.value) : Promise.resolve(n.value).then(o, g);
+  l((e = e.apply(t, s)).next());
 });
-import V from "element-ui/lib/button";
-import w from "element-ui/lib/input";
-import x from "element-ui/lib/tag";
-import { n as C } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var I = function() {
+import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.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(n, a) {
-    return e(x, {
-      key: n.id || n,
+  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(a, i) {
+    return e("ElTag", {
+      key: a.id || a,
       attrs: {
         size: "medium",
         "disable-transitions": "",
@@ -44,15 +41,15 @@ var I = function() {
       },
       on: {
         close: function(o) {
-          return t.handleClose(n, a);
+          return t.handleClose(a, i);
         }
       }
-    }, [t._v(" " + t._s(n.name || n) + " ")]);
+    }, [t._v(" " + t._s(a.name || a) + " ")]);
   }) : t.inputDisabled ? [e("span", {
     staticStyle: {
       color: "#b5b5b5"
     }
-  }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e(w, {
+  }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e("ElInput", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -68,18 +65,18 @@ var I = function() {
       blur: t.handleInputConfirm
     },
     nativeOn: {
-      keyup: function(n) {
-        return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
+      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(n) {
-        t.inputValue = n;
+      callback: function(a) {
+        t.inputValue = a;
       },
       expression: "inputValue"
     }
-  }), !t.inputDisabled && !t.inputVisible ? e(V, {
+  }), !t.inputDisabled && !t.inputVisible ? e("ElButton", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -96,8 +93,8 @@ var I = function() {
   }, [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);
-}, M = [];
-const T = {
+}, x = [];
+const C = {
   name: "XInputTag",
   inject: {
     elForm: {
@@ -145,17 +142,17 @@ const T = {
       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(m({}, e), { id: Math.random() })) : this.value : [];
+          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((n) => this.objectMode ? { name: n, id: Math.random() } : n) : [];
+          return e.length && e[0] ? e.map((a) => this.objectMode ? { name: a, id: Math.random() } : a) : [];
         }
       }
     }
   },
   methods: {
     showInput() {
-      return l(this, null, function* () {
+      return r(this, null, function* () {
         this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
       });
     },
@@ -164,7 +161,7 @@ const T = {
       this.$emit("input", this.arrayMode ? s : s.map((e) => e.name || e).join(this.separator));
     },
     handleInputConfirm() {
-      return l(this, null, function* () {
+      return r(this, null, function* () {
         var s;
         if (this.tags.length >= this.maxTag) {
           this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
@@ -172,35 +169,35 @@ const T = {
         }
         const t = this.inputValue;
         if (t) {
-          if (this.tags.some((n) => (n.name || n) === 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((n) => n.name || n).join(this.separator)), yield this.$nextTick(), (s = this.elFormItem) == null || s.clearValidate();
+          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 = "";
       });
     }
   }
-}, d = {};
-var k = /* @__PURE__ */ C(
-  T,
-  I,
-  M,
+}, m = {};
+var I = /* @__PURE__ */ V(
+  C,
+  w,
+  x,
   !1,
-  $,
+  T,
   null,
   null,
   null
 );
-function $(t) {
-  for (let s in d)
-    this[s] = d[s];
+function T(t) {
+  for (let s in m)
+    this[s] = m[s];
 }
-const S = /* @__PURE__ */ function() {
-  return k.exports;
+const j = /* @__PURE__ */ function() {
+  return I.exports;
 }();
 export {
-  S as default
+  j as default
 };

package/chunks/FormTemp.d079292b.mjs

@@ -1,139 +0,0 @@
-import "@web-utils/component/fy-u-editor/style.css";
-import { b as a, d as u } from "./dataformat.e655611c.mjs";
-import { s as p } from "./slot.4b391395.mjs";
-import { u as s } from "./util.ae730cde.mjs";
-import { n as m } from "./vueComponentNormalizer.446f5dc4.mjs";
-var c = function() {
-  var e = this, n = e.$createElement, o = e._self._c || n;
-  return o(e.getComponent(e.column.type, e.column.component), e._g(e._b({
-    ref: "temp",
-    tag: "Component",
-    attrs: {
-      column: Object.assign(e.column, e.params),
-      dic: e.dic,
-      disabled: e.column.disabled || e.disabled,
-      readonly: e.column.readonly || e.readonly,
-      placeholder: e.getPlaceholder(e.column),
-      props: e.column.props || e.props,
-      "props-http": e.column.propsHttp || e.propsHttp,
-      size: e.column.size || e.size,
-      "table-data": e.tableData,
-      type: e.type || e.column.type,
-      "column-slot": e.columnSlot
-    },
-    nativeOn: {
-      keyup: function(t) {
-        return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.enterChange.apply(null, arguments);
-      }
-    },
-    scopedSlots: e._u([e._l(e.columnSlot, function(t) {
-      return {
-        key: t,
-        fn: function(l) {
-          return [e._t(t, null, null, l)];
-        }
-      };
-    })], null, !0),
-    model: {
-      value: e.text,
-      callback: function(t) {
-        e.text = t;
-      },
-      expression: "text"
-    }
-  }, "Component", Object.assign(e.column, e.uploadFun(e.column)), !1), e.event), [e.params.html ? o("span", {
-    domProps: {
-      innerHTML: e._s(e.params.html)
-    }
-  }) : e._e()]);
-}, i = [];
-const d = {
-  name: "FormTemp",
-  components: { FyUEditor: () => import("@web-utils/component/fy-u-editor") },
-  mixins: [p],
-  props: {
-    value: [String, Object, Number, Boolean, Array],
-    columnSlot: {
-      type: Array,
-      default: () => []
-    },
-    tableData: {
-      type: Object,
-      default: () => ({})
-    },
-    enter: {
-      type: Boolean,
-      default: !1
-    },
-    type: {
-      type: String
-    },
-    propsHttp: {
-      type: Object,
-      default: () => ({})
-    },
-    props: {
-      type: Object
-    },
-    dic: {
-      type: Array
-    },
-    size: {
-      type: String
-    },
-    disabled: {
-      type: Boolean
-    },
-    readonly: {
-      type: Boolean
-    },
-    column: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    params() {
-      return this.column.params || {};
-    },
-    event() {
-      return this.column.event || {};
-    },
-    text: {
-      get() {
-        return this.value;
-      },
-      set(e) {
-        this.$emit("input", e), this.$emit("change", e);
-      }
-    }
-  },
-  methods: {
-    uploadFun: s,
-    getComponent: a,
-    getPlaceholder: u,
-    enterChange() {
-      typeof this.column.enter == "function" ? this.column.enter({ value: this.text, column: this.column }) : this.enter && this.$emit("enter");
-    }
-  }
-}, r = {};
-var y = /* @__PURE__ */ m(
-  d,
-  c,
-  i,
-  !1,
-  f,
-  null,
-  null,
-  null
-);
-function f(e) {
-  for (let n in r)
-    this[n] = r[n];
-}
-const x = /* @__PURE__ */ function() {
-  return y.exports;
-}();
-export {
-  x as default
-};

package/chunks/confirmable-mixin.26e1d0e0.mjs

@@ -1,197 +0,0 @@
-var C = Object.defineProperty, A = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
-var B = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var S = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, p = (e, t) => {
-  for (var n in t || (t = {}))
-    $.call(t, n) && S(e, n, t[n]);
-  if (B)
-    for (var n of B(t))
-      z.call(t, n) && S(e, n, t[n]);
-  return e;
-}, d = (e, t) => A(e, M(t));
-var g = (e, t, n) => new Promise((i, a) => {
-  var r = (o) => {
-    try {
-      l(n.next(o));
-    } catch (s) {
-      a(s);
-    }
-  }, f = (o) => {
-    try {
-      l(n.throw(o));
-    } catch (s) {
-      a(s);
-    }
-  }, l = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(r, f);
-  l((n = n.apply(e, t)).next());
-});
-import v from "element-ui/lib/loading";
-import b from "element-ui/lib/message-box";
-import { isFunction as c, error as F } from "@web-utils/core";
-import T from "element-ui/lib/button";
-import { n as j } from "./vueComponentNormalizer.446f5dc4.mjs";
-const D = {
-  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
-  }
-}, E = {
-  name: "AwesomeButton",
-  mixins: [D],
-  props: {
-    text: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isLoading: !1
-    };
-  },
-  methods: {
-    onClick(e) {
-      return g(this, null, function* () {
-        this.isLoading = !0;
-        const { click: t } = this.$listeners;
-        if (c(t))
-          try {
-            yield t(e);
-          } catch (n) {
-            F.call(this, n);
-          }
-        this.isLoading = !1;
-      });
-    }
-  },
-  render(e) {
-    var n, i;
-    const t = (i = (n = this.$scopedSlots).default) == null ? void 0 : i.call(n);
-    return e(
-      T,
-      { on: { click: this.onClick }, props: d(p({}, this.$props), { disabled: this.isLoading }) },
-      t && (t[0].tag || t[0].text) ? t : this.text
-    );
-  }
-};
-let I, N;
-const w = {};
-var P = /* @__PURE__ */ j(
-  E,
-  I,
-  N,
-  !1,
-  R,
-  null,
-  null,
-  null
-);
-function R(e) {
-  for (let t in w)
-    this[t] = w[t];
-}
-const q = /* @__PURE__ */ function() {
-  return P.exports;
-}();
-function G(e, t, n) {
-  return g(this, null, function* () {
-    const { stop: i, prevent: a, message: r, loadable: f, loadingText: l, confirmable: o, confirmType: s, confirmText: k, confirmTitle: L } = t;
-    i && e.stopPropagation(), a && e.preventDefault();
-    const { before: m, click: y, cancel: _, after: x } = n;
-    if (c(y))
-      try {
-        let u = !0;
-        if (c(m) && (u = yield m(e)), u === !1)
-          return;
-        o && (yield (b.confirm || b.default.confirm)(r || k, {
-          type: s,
-          title: L
-        }));
-        let h;
-        f && (h = (v.service || v.default.service)({
-          background: "rgba(0,0,0,0.3)",
-          text: l
-        }));
-        try {
-          yield y(e);
-        } catch (H) {
-        }
-        f && h.close(), c(x) && (yield x(e));
-      } catch (u) {
-        c(_) && (yield _(u));
-      }
-  });
-}
-const W = {
-  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"
-    },
-    confirmTitle: String,
-    loadable: Boolean,
-    loadingText: {
-      type: String,
-      default: "正在处理中请稍候..."
-    },
-    tag: {
-      type: String,
-      default: "i"
-    }
-  },
-  render(e, { props: t, data: n, children: i, listeners: a }) {
-    return e(
-      t.tag === "ElButton" ? T : t.tag === "AwesomeButton" ? q : t.tag,
-      d(p({}, n), {
-        on: { click: (r) => G(r, t, a) },
-        props: t
-      }),
-      i || t.text
-    );
-  }
-};
-export {
-  W as c
-};

package/chunks/detail.d6f8e347.mjs

@@ -1,29 +0,0 @@
-import { isBlank as Y } from "@web-utils/core";
-import { formatDate as f } from "@web-utils/integrations/dayjs";
-import { p as D, M as I, A as L, b as y, q as _, e as S, k as n, t as $, h as b, v as h } from "./util.ae730cde.mjs";
-const R = (r = {}, t = {}, l = {}, A = []) => {
-  let e = r[t.prop];
-  const a = t.type, s = t.separator;
-  if (t.bind && (e = D(r, t.bind)), Y(e))
-    e = "";
-  else {
-    const g = I.includes(t.type) && t.multiple, T = L.includes(t.type);
-    if ((["string", "number"].includes(t.dataType) || g || T) && !Array.isArray(e) && (e = `${e}`.split(s || y), t.dataType === "number" && (e = _(e))), S.includes(a))
-      Array.isArray(e) ? e = e.join(s || n) : e = e.split(s || y).join(s || n);
-    else if (a === "password")
-      e = $(e, "*");
-    else if (b.includes(a) && t.format) {
-      const d = t.format.replace("dd", "DD").replace("yyyy", "YYYY"), o = f(Date.now(), "YYYY-MM-DD");
-      if (a.indexOf("range") !== -1) {
-        let i = e[0] || "", p = e[1] || "";
-        a === "timerange" && i.length <= 8 && p.length < 8 && (i = `${o} ${i}`, p = `${o} ${p}`), e = [f(i, d), f(p, d)].join(t.separator || "~");
-      } else
-        a === "time" && e.length <= 8 && (e = `${o} ${e}`), e = f(e, d);
-    }
-    e = h(A, e, t.props || l.props);
-  }
-  return t.formatter && typeof t.formatter == "function" && (e = t.formatter(r, r[t.prop], e, t)), e;
-};
-export {
-  R as d
-};