@web-utils/component 3.0.3 → 3.0.5

package/chat/index.mjs

@@ -1,17 +1,7 @@
-import { formatDate as m } from "@web-utils/integrations/dayjs";
-import { s as r } from "../chunks/util.ae730cde.mjs";
-import c from "element-ui/lib/input";
-import f from "element-ui/lib/form-item";
-import p from "element-ui/lib/form";
-import l from "element-ui/lib/button";
-import _ from "element-ui/lib/tooltip";
-import d from "element-ui/lib/dropdown-item";
-import h from "element-ui/lib/scrollbar";
-import g from "element-ui/lib/popover";
-import y from "element-ui/lib/dropdown-menu";
-import v from "element-ui/lib/dropdown";
-import { n as b } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
+import { formatDate as c } from "@web-utils/integrations/dayjs";
+import { s as l } from "../chunks/util.ae730cde.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var u = function() {
   var t = this, o = t.$createElement, e = t._self._c || o;
   return e("div", {
     staticClass: "avue-chat",
@@ -59,9 +49,9 @@ var w = function() {
   }, [e("div", {
     ref: "main",
     staticClass: "web__main"
-  }, t._l(t.list, function(i, n) {
+  }, t._l(t.list, function(i, a) {
     return e("div", {
-      key: n,
+      key: a,
       staticClass: "web__main-item",
       class: {
         "web__main-item--mine": i.mine
@@ -85,11 +75,11 @@ var w = function() {
       }
     }), i.text.list ? t._e() : e("ul", {
       staticClass: "web__main-list"
-    }, t._l(i.text.list, function(s, a) {
+    }, t._l(i.text.list, function(s, n) {
       return e("li", {
-        key: a,
+        key: n,
         on: {
-          click: function(C) {
+          click: function(g) {
             return t.handleItemMsg(s);
           }
         }
@@ -145,7 +135,7 @@ var w = function() {
     }
   }), e("div", {
     staticClass: "web__msg-menu"
-  }, [e(v, {
+  }, [e("ElDropdown", {
     staticClass: "web__msg-submit",
     attrs: {
       "split-button": "",
@@ -159,7 +149,7 @@ var w = function() {
     scopedSlots: t._u([{
       key: "dropdown",
       fn: function() {
-        return [e(y, [e(d, [e(g, {
+        return [e("ElDropdownMenu", [e("ElDropdownItem", [e("ElPopover", {
           attrs: {
             placement: "top",
             width: "160"
@@ -167,7 +157,7 @@ var w = function() {
           scopedSlots: t._u([{
             key: "reference",
             fn: function() {
-              return [e(l, {
+              return [e("ElButton", {
                 attrs: {
                   type: "text",
                   icon: "el-icon-plus"
@@ -183,7 +173,7 @@ var w = function() {
             },
             expression: "visible"
           }
-        }, [e(c, {
+        }, [e("ElInput", {
           staticStyle: {
             "margin-bottom": "10px"
           },
@@ -207,7 +197,7 @@ var w = function() {
             margin: "0",
             "text-align": "right"
           }
-        }, [e(l, {
+        }, [e("ElButton", {
           attrs: {
             size: "mini",
             type: "text"
@@ -217,7 +207,7 @@ var w = function() {
               t.visible = !1;
             }
           }
-        }, [t._v(" 取消 ")]), e(l, {
+        }, [t._v(" 取消 ")]), e("ElButton", {
           attrs: {
             type: "primary",
             size: "mini"
@@ -225,19 +215,19 @@ var w = function() {
           on: {
             click: t.addKey
           }
-        }, [t._v(" 确定 ")])], 1)], 1)], 1), e(h, {
+        }, [t._v(" 确定 ")])], 1)], 1)], 1), e("ElScrollbar", {
           staticStyle: {
             height: "100px"
           }
-        }, t._l(t.keylist, function(i, n) {
-          return e(d, {
-            key: n,
+        }, t._l(t.keylist, function(i, a) {
+          return e("ElDropdownItem", {
+            key: a,
             nativeOn: {
               click: function(s) {
                 return t.sendKey(i);
               }
             }
-          }, [e(_, {
+          }, [e("ElTooltip", {
             attrs: {
               effect: "dark",
               content: i,
@@ -263,7 +253,7 @@ var w = function() {
     scopedSlots: t._u([{
       key: "footer",
       fn: function() {
-        return [e(l, {
+        return [e("ElButton", {
           attrs: {
             size: "small"
           },
@@ -272,7 +262,7 @@ var w = function() {
               t.upload.box = !1;
             }
           }
-        }, [t._v("取 消")]), e(l, {
+        }, [t._v("取 消")]), e("ElButton", {
           attrs: {
             type: "primary",
             size: "small"
@@ -284,12 +274,12 @@ var w = function() {
       },
       proxy: !0
     }], null, !1, 99567638)
-  }, [e(p, {
+  }, [e("ElForm", {
     ref: "form",
     attrs: {
       model: t.upload
     }
-  }, [e(f, {
+  }, [e("ElFormItem", {
     attrs: {
       prop: "src",
       rules: [{
@@ -297,7 +287,7 @@ var w = function() {
         message: "地址不能为空"
       }]
     }
-  }, [e(c, {
+  }, [e("ElInput", {
     staticStyle: {
       "margin-bottom": "10px"
     },
@@ -357,8 +347,8 @@ var w = function() {
       controls: "controls"
     }
   }) : t._e()])], 1) : t._e()]);
-}, x = [];
-const S = {
+}, f = [];
+const m = {
   name: "Chat",
   props: {
     beforeOpen: Function,
@@ -437,12 +427,12 @@ const S = {
     },
     heightStyleName() {
       return {
-        height: r(this.height)
+        height: l(this.height)
       };
     },
     widthStyleName() {
       return {
-        width: r(this.width)
+        width: l(this.width)
       };
     },
     msgActive() {
@@ -473,32 +463,32 @@ const S = {
     getNotification(t) {
       const o = this, e = Notification || window.Notification;
       if (e) {
-        let n = function() {
-          e.requestPermission(function(a) {
-            a === "granted" ? s() : console.log("用户无情残忍的拒绝了你!!!");
+        let a = function() {
+          e.requestPermission(function(n) {
+            n === "granted" ? s() : console.log("用户无情残忍的拒绝了你!!!");
           });
         }, s = function() {
-          const a = new Notification(o.config.name, {
+          const n = new Notification(o.config.name, {
             body: t,
             icon: o.config.img
           });
-          a.onshow = function() {
+          n.onshow = function() {
             o.getAudio(), setTimeout(() => {
-              a.close();
+              n.close();
             }, 2500);
-          }, a.onclick = function() {
-            a.close();
+          }, n.onclick = function() {
+            n.close();
           };
         };
         const i = e.permission;
-        i === "granted" ? s() : i === "denied" ? console.log("用户拒绝了你!!!") : n();
+        i === "granted" ? s() : i === "denied" ? console.log("用户拒绝了你!!!") : a();
       }
     },
     // mine为'我'的对话
     // text为内容
     pushMsg(t = {}) {
-      const o = t.mine === !0, e = t.text || {}, n = {
-        date: t.date || m(Date.now(), "YYYY-MM-DD HH:mm:ss"),
+      const o = t.mine === !0, e = t.text || {}, a = {
+        date: t.date || c(Date.now(), "YYYY-MM-DD HH:mm:ss"),
         text: (() => typeof e != "object" ? {
           text: e
         } : e)(),
@@ -506,7 +496,7 @@ const S = {
         img: o ? this.config.myImg : this.config.img,
         name: o ? this.config.myName : this.config.name
       };
-      this.list.push(n), setTimeout(() => {
+      this.list.push(a), setTimeout(() => {
         this.setScroll();
       }, 50);
     },
@@ -528,8 +518,8 @@ const S = {
       const o = t;
       return setTimeout(() => {
         (this.$refs.content || []).forEach((i) => {
-          for (let n = 0; n < i.children.length; n++) {
-            const s = i.children[n];
+          for (let a = 0; a < i.children.length; a++) {
+            const s = i.children[a];
             s.getAttribute("data-flag") !== "0" && (s.setAttribute("data-flag", 0), s.onclick = () => {
               this.handleEvent(s.dataset);
             }, s.tagName === "IMG" ? (s.className = "web__msg--img", s.src = s.getAttribute("data-src")) : s.tagName === "VIDEO" ? (s.className = "web__msg--video", s.src = s.getAttribute("data-src")) : s.tagName === "AUDIO" ? (s.className = "web__msg--audio", s.controls = "controls", s.src = s.getAttribute("data-src")) : s.tagName === "FILE" ? (s.className = "web__msg--file", s.innerHTML = `<h2>File</h2><span>${s.getAttribute("data-name")}</span>`) : s.tagName === "MAP" && (s.className = "web__msg--file web__msg--map", s.innerHTML = `<h2>Map</h2><span>${s.getAttribute("data-longitude")} , ${s.getAttribute(
@@ -540,7 +530,7 @@ const S = {
       }, 0), o;
     },
     getDetail(t = {}) {
-      const { type: o, src: e, name: i, longitude: n, latitude: s, address: a } = t;
+      const { type: o, src: e, name: i, longitude: a, latitude: s, address: n } = t;
       if (o === "img")
         return `<img data-type="IMG" data-src="${e}"   alt=""/>`;
       if (o === "video")
@@ -550,7 +540,7 @@ const S = {
       if (o === "file")
         return `<file data-type="FILE" data-name="${i}" data-src="${e}"></file>`;
       if (o === "map")
-        return `<map data-type="MAP" data-src="${e}" data-address="${a} " data-latitude="${s}" data-longitude="${n}"></map>`;
+        return `<map data-type="MAP" data-src="${e}" data-address="${n} " data-latitude="${s}" data-longitude="${a}"></map>`;
     },
     // 处理事件
     handleEvent(t) {
@@ -565,24 +555,24 @@ const S = {
       }), this.notice && this.getNotification(t.text || t);
     }
   }
-}, u = {};
-var k = /* @__PURE__ */ b(
-  S,
-  w,
-  x,
+}, r = {};
+var p = /* @__PURE__ */ d(
+  m,
+  u,
+  f,
   !1,
-  $,
+  h,
   null,
   null,
   null
 );
-function $(t) {
-  for (let o in u)
-    this[o] = u[o];
+function h(t) {
+  for (let o in r)
+    this[o] = r[o];
 }
-const H = /* @__PURE__ */ function() {
-  return k.exports;
+const b = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  H as default
+  b as default
 };

package/chunks/FormTemp.7f91629d.mjs

@@ -0,0 +1,165 @@
+import { isBlank as h } from "@web-utils/core";
+import { formatDate as i } from "@web-utils/integrations/dayjs";
+import { p as g, M as b, A as v, b as c, q as A, e as S, k as d, t as T, h as x, v as C, u as j } from "./util.ae730cde.mjs";
+import "@web-utils/component/fy-u-editor/style.css";
+import { a as D, b as O } from "./dataformat.f995e2f9.mjs";
+import { s as L } from "./slot.4b391395.mjs";
+import { n as Y } from "./vueComponentNormalizer.446f5dc4.mjs";
+const U = (e = {}, r = {}, o = {}, n = []) => {
+  let t = e[r.prop];
+  const a = r.type, s = r.separator;
+  if (r.bind && (t = g(e, r.bind)), h(t))
+    t = "";
+  else {
+    const y = b.includes(r.type) && r.multiple, _ = v.includes(r.type);
+    if ((["string", "number"].includes(r.dataType) || y || _) && !Array.isArray(t) && (t = `${t}`.split(s || c), r.dataType === "number" && (t = A(t))), S.includes(a))
+      Array.isArray(t) ? t = t.join(s || d) : t = t.split(s || c).join(s || d);
+    else if (a === "password")
+      t = T(t, "*");
+    else if (x.includes(a) && r.format) {
+      const u = r.format.replace("dd", "DD").replace("yyyy", "YYYY"), m = i(Date.now(), "YYYY-MM-DD");
+      if (a.indexOf("range") !== -1) {
+        let l = t[0] || "", p = t[1] || "";
+        a === "timerange" && l.length <= 8 && p.length < 8 && (l = `${m} ${l}`, p = `${m} ${p}`), t = [i(l, u), i(p, u)].join(r.separator || "~");
+      } else
+        a === "time" && t.length <= 8 && (t = `${m} ${t}`), t = i(t, u);
+    }
+    t = C(n, t, r.props || o.props);
+  }
+  return r.formatter && typeof r.formatter == "function" && (t = r.formatter(e, e[r.prop], t, r)), t;
+};
+var k = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  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(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.enterChange.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([e._l(e.columnSlot, function(n) {
+      return {
+        key: n,
+        fn: function(t) {
+          return [e._t(n, null, null, t)];
+        }
+      };
+    })], null, !0),
+    model: {
+      value: e.text,
+      callback: function(n) {
+        e.text = n;
+      },
+      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()]);
+}, F = [];
+const I = {
+  name: "FormTemp",
+  components: { FyUEditor: () => import("@web-utils/component/fy-u-editor") },
+  mixins: [L],
+  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: j,
+    getComponent: D,
+    getPlaceholder: O,
+    enterChange() {
+      typeof this.column.enter == "function" ? this.column.enter({ value: this.text, column: this.column }) : this.enter && this.$emit("enter");
+    }
+  }
+}, f = {};
+var $ = /* @__PURE__ */ Y(
+  I,
+  k,
+  F,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let r in f)
+    this[r] = f[r];
+}
+const N = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+export {
+  N as F,
+  U as d
+};

package/chunks/confirmable-mixin.817b542f.mjs

@@ -0,0 +1,116 @@
+var M = Object.defineProperty, C = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var b = (e, t, a) => t in e ? M(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, T = (e, t) => {
+  for (var a in t || (t = {}))
+    F.call(t, a) && b(e, a, t[a]);
+  if (x)
+    for (var a of x(t))
+      I.call(t, a) && b(e, a, t[a]);
+  return e;
+}, S = (e, t) => C(e, D(t));
+var w = (e, t, a) => new Promise((o, n) => {
+  var r = (i) => {
+    try {
+      f(a.next(i));
+    } catch (l) {
+      n(l);
+    }
+  }, c = (i) => {
+    try {
+      f(a.throw(i));
+    } catch (l) {
+      n(l);
+    }
+  }, f = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(r, c);
+  f((a = a.apply(e, t)).next());
+});
+import v from "element-ui/lib/loading";
+import B from "element-ui/lib/message-box";
+import { isFunction as g } from "@web-utils/core";
+function L(e, t, a) {
+  return w(this, null, function* () {
+    const { stop: o, prevent: n, message: r, loadable: c, loadingText: f, confirmable: i, confirmType: l, confirmText: k, confirmTitle: h } = t;
+    o && e.stopPropagation(), n && e.preventDefault();
+    const { before: p, click: s, cancel: d, after: m } = a;
+    if (g(s))
+      try {
+        let u = !0;
+        if (g(p) && (u = yield p(e)), u === !1)
+          return;
+        i && (yield (B.confirm || B.default.confirm)(r || k, {
+          type: l,
+          title: h
+        }));
+        let y;
+        c && (y = (v.service || v.default.service)({
+          background: "rgba(0,0,0,0.3)",
+          text: f
+        }));
+        try {
+          yield s(e);
+        } catch (P) {
+        }
+        c && y.close(), g(m) && (yield m(e));
+      } catch (u) {
+        g(d) && (yield d(u));
+      }
+  });
+}
+const E = {
+  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: a, children: o, listeners: n }) {
+    return e(
+      t.tag,
+      S(T({}, a), {
+        on: { click: (r) => L(r, t, n) },
+        props: t
+      }),
+      o || t.text
+    );
+  }
+};
+export {
+  E as c
+};

package/chunks/{dataformat.e655611c.mjs → dataformat.f995e2f9.mjs}

@@ -147,10 +147,10 @@ const v = (e, n = 12, t = !1) => {
   return l(n) ? L.includes(e.type) ? `${u("tip.select")} ${t}` : `${u("tip.input")} ${t}` : n;
 };
 export {
-  v as a,
-  N as b,
+  N as a,
+  O as b,
   R as c,
-  O as d,
+  v as d,
   M as f,
   $ as g,
   C as i,

package/chunks/{event.10295951.mjs → event.b5d855dd.mjs}

@@ -1,7 +1,7 @@
 import { D as r, a as i, b as a } from "./util.ae730cde.mjs";
 import { s as l } from "./slot.4b391395.mjs";
 import { isBlank as s } from "@web-utils/core";
-import { i as p } from "./dataformat.e655611c.mjs";
+import { i as p } from "./dataformat.f995e2f9.mjs";
 const f = {
   mixins: [l],
   data() {

package/chunks/{form-input-mixin.78a567bc.mjs → form-input-mixin.4632ad36.mjs}

@@ -1,4 +1,4 @@
-import { f as e } from "./form-item-mixin.57cb2019.mjs";
+import { f as e } from "./form-item-mixin.ad148e7b.mjs";
 import { d as r } from "./index.57f871af.mjs";
 const o = {
   mixins: [e],

package/chunks/{form-item-mixin.57cb2019.mjs → form-item-mixin.ad148e7b.mjs}

@@ -1,18 +1,18 @@
 var m = Object.defineProperty;
 var l = Object.getOwnPropertySymbols;
 var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var i = (e, t, r) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, s = (e, t) => {
-  for (var r in t || (t = {}))
-    f.call(t, r) && i(e, r, t[r]);
+var i = (e, r, t) => r in e ? m(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, s = (e, r) => {
+  for (var t in r || (r = {}))
+    f.call(r, t) && i(e, t, r[t]);
   if (l)
-    for (var r of l(t))
-      c.call(t, r) && i(e, r, t[r]);
+    for (var t of l(r))
+      c.call(r, t) && i(e, t, r[t]);
   return e;
 };
 import { d as o } from "./index.57f871af.mjs";
-import n from "element-ui/lib/col";
+import a from "element-ui/lib/col";
 import u from "element-ui/lib/form-item";
-const d = ["span"], a = [...Object.keys(n.props || n.default.props)], h = a.filter((e) => !d.includes(e)), g = ["label", "prop", "rules", "labelWidth", "required"], p = [...Object.keys(u.props || u.default.props)], b = p.filter((e) => !g.includes(e)), y = [
+const d = ["span"], n = [...Object.keys(a.props || a.default.props)], h = n.filter((e) => !d.includes(e)), b = ["label", "prop", "rules", "labelWidth", "required"], p = [...Object.keys(u.props || u.default.props)], g = p.filter((e) => !b.includes(e)), y = [
   "wrapCol",
   "wrapFormItem",
   "unwrap",
@@ -21,7 +21,7 @@ const d = ["span"], a = [...Object.keys(n.props || n.default.props)], h = a.filt
   "placeholder",
   "prefixPick",
   "half",
-  ...a,
+  ...n,
   ...p
 ], C = {
   inject: {
@@ -99,8 +99,8 @@ const d = ["span"], a = [...Object.keys(n.props || n.default.props)], h = a.filt
     computeRules() {
       const e = [...this.rules || []];
       if (this.required) {
-        const t = e.find((r) => r.required);
-        t ? t.ref ? t.label = t.label || this.label : t.message = e.message || this.message : e.unshift(this.getRequireRule());
+        const r = e.find((t) => t.required);
+        r ? r.ref ? r.label = r.label || this.label : r.message = e.message || this.message : e.unshift(this.getRequireRule());
       }
       return e.concat(this.getRules());
     },
@@ -111,7 +111,7 @@ const d = ["span"], a = [...Object.keys(n.props || n.default.props)], h = a.filt
       return o(s(s({}, this.$props), this.$attrs), y);
     },
     elFormItemProps() {
-      return o(s(s({}, this.$props), this.$attrs), b);
+      return o(s(s({}, this.$props), this.$attrs), g);
     },
     elColProps() {
       return o(s(s({}, this.$props), this.$attrs), h);
@@ -119,8 +119,8 @@ const d = ["span"], a = [...Object.keys(n.props || n.default.props)], h = a.filt
   },
   watch: {
     computeRules() {
-      var e, t;
-      (t = (e = this.elForm) == null ? void 0 : e.clearValidate) == null || t.call(e, this.prop);
+      var e, r;
+      (r = (e = this.elForm) == null ? void 0 : e.clearValidate) == null || r.call(e, this.prop);
     }
   },
   methods: {