@farris/ui-vue 1.8.5-beta.3 → 1.8.5-beta.4

package/components/message-box/index.esm.js

@@ -1,17 +1,17 @@
 var Je = Object.defineProperty;
 var _e = (e, t, a) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var Y = (e, t, a) => _e(e, typeof t != "symbol" ? t + "" : t, a);
-import { ref as s, computed as B, createVNode as c, Fragment as ae, withDirectives as Ze, vModelCheckbox as Ge, defineComponent as we, watch as U, nextTick as ce, onBeforeMount as Qe, onMounted as et, onUnmounted as xe, watchEffect as tt, Teleport as nt, Transition as at, shallowRef as lt, render as re, h as ot, cloneVNode as st, createApp as ut, mergeProps as de, reactive as q, getCurrentInstance as it } from "vue";
+import { ref as s, computed as B, createVNode as c, Fragment as le, withDirectives as Ze, vModelCheckbox as Ge, defineComponent as we, watch as U, nextTick as de, onBeforeMount as Qe, onMounted as et, onUnmounted as xe, watchEffect as tt, Teleport as nt, Transition as at, mergeProps as ne, shallowRef as lt, render as ce, h as ot, cloneVNode as st, createApp as ut, reactive as q, getCurrentInstance as it } from "vue";
 import { LocaleService as _ } from "../locale/index.esm.js";
 import "bignumber.js";
 import "lodash-es";
-import { isMobilePhone as pe, getMaxZIndex as ye } from "../common/index.esm.js";
+import { isMobilePhone as pe, getMaxZIndex as ye, extractDataAttrs as rt } from "../common/index.esm.js";
 import be from "../drawer/index.esm.js";
 import "../property-panel/index.esm.js";
 import "../button/index.esm.js";
 import "../field-selector/index.esm.js";
 import "../collection-property-editor/index.esm.js/src/use-button-items.designer";
-const rt = {
+const ct = {
   width: { Type: Number, default: 400 },
   /**
    * 类型
@@ -56,12 +56,12 @@ const rt = {
 function ve() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function ct(e) {
+async function dt(e) {
   if (!navigator.clipboard)
     throw ve();
   return navigator.clipboard.writeText(e);
 }
-async function dt(e) {
+async function vt(e) {
   const t = document.createElement("span");
   t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
   const a = window.getSelection(), n = window.document.createRange();
@@ -75,24 +75,24 @@ async function dt(e) {
   if (!o)
     throw ve();
 }
-async function vt(e) {
+async function ft(e) {
   try {
-    await ct(e);
+    await dt(e);
   } catch (t) {
     try {
-      await dt(e);
+      await vt(e);
     } catch (a) {
       throw a || t || ve();
     }
   }
 }
-function ft() {
+function ht() {
   async function e(t) {
-    await vt(t);
+    await ft(t);
   }
   return { onCopy: e };
 }
-function ht(e, t, a, n) {
+function mt(e, t, a, n) {
   const o = s(14), u = s(140), r = s(""), d = s(n.value.length), i = B(() => n.value), h = B(() => ({
     "font-size": `${o.value}px`,
     height: "100%"
@@ -103,7 +103,7 @@ function ht(e, t, a, n) {
       d.value = x.length;
     }
   }
-  return () => c(ae, null, [c("textarea", {
+  return () => c(le, null, [c("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
@@ -117,14 +117,14 @@ function ht(e, t, a, n) {
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
   }, [d.value + " / " + u.value])]);
 }
-function mt(e, t, a, n) {
-  const o = ht(e, t, a, n), u = /* @__PURE__ */ new Map([["text-area", o]]);
+function gt(e, t, a, n) {
+  const o = mt(e, t, a, n), u = /* @__PURE__ */ new Map([["text-area", o]]);
   function r(d) {
     return u.get(d) || null;
   }
   return { getEditorRender: r };
 }
-function gt() {
+function pt() {
   const e = s(!1), t = s("复制成功");
   return {
     feedbackStyle: B(() => {
@@ -151,11 +151,11 @@ function gt() {
     toShowFeedback: e
   };
 }
-function pt(e, t) {
+function yt(e, t) {
   const a = t.getEditorRender(e.promptEditorType);
   return () => a && a();
 }
-function yt(e, t) {
+function wt(e, t) {
   function a(g) {
     if (g == null)
       return 0;
@@ -208,14 +208,14 @@ function yt(e, t) {
     onClick: x
   }, [h.value])])])]);
 }
-function wt(e) {
+function xt(e) {
   return () => c("p", {
     class: "toast-msg-detail",
     innerHTML: e.value,
     style: "max-height: calc(100vh - 200px);overflow: auto;"
   }, null);
 }
-function xt(e, t, a, n, o) {
+function bt(e, t, a, n, o) {
   const u = s(e.exceptionInfo), r = B(() => {
     const E = t.value === "question" ? "warning" : t.value, k = {
       "f-icon": !0
@@ -223,13 +223,13 @@ function xt(e, t, a, n, o) {
     return k[S] = !0, k;
   }), d = B(() => a.value || u.value && u.value.message), i = B(() => n.value), h = B(() => !!n.value), M = B(() => !!u.value);
   function y() {
-    return M.value ? yt(u, o) : h.value ? wt(i) : () => null;
+    return M.value ? wt(u, o) : h.value ? xt(i) : () => null;
   }
   const x = y(), g = B(() => o.locale === "en" ? {
     wordBreak: "keep-all",
     overflowWrap: "break-word"
   } : {});
-  return () => c(ae, null, [c("div", {
+  return () => c(le, null, [c("div", {
     class: "float-left modal-tips-iconwrap"
   }, [c("span", {
     class: r.value
@@ -241,7 +241,7 @@ function xt(e, t, a, n, o) {
     style: g.value
   }, null), x()])]);
 }
-function bt(e, t, a, n) {
+function Ct(e, t, a, n) {
   const {
     onCopy: o
   } = t, {
@@ -267,8 +267,8 @@ function bt(e, t, a, n) {
     style: "cursor: pointer;"
   }, [d.value])]);
 }
-function Ct(e, t, a, n, o) {
-  const u = s(e.type), r = s(e.buttons), d = s(e.exceptionInfo), i = s(o.ok || e.okButtonText), h = s(o.cancel || e.cancelButtonText), M = s(e.showCancelButton), y = s(e.showOkButton), x = s(o.neverShowAgain), g = s(!1), E = B(() => !!(r.value && r.value.length)), k = B(() => !!(d.value && d.value.detail)), S = B(() => !(r.value && r.value.length) && (y.value || M.value)), m = bt(e, a, n, o);
+function Mt(e, t, a, n, o) {
+  const u = s(e.type), r = s(e.buttons), d = s(e.exceptionInfo), i = s(o.ok || e.okButtonText), h = s(o.cancel || e.cancelButtonText), M = s(e.showCancelButton), y = s(e.showOkButton), x = s(o.neverShowAgain), g = s(!1), E = B(() => !!(r.value && r.value.length)), k = B(() => !!(d.value && d.value.detail)), S = B(() => !(r.value && r.value.length) && (y.value || M.value)), m = Ct(e, a, n, o);
   i.value === "关闭" ? i.value = o.close : i.value === "知道了" && (i.value = o.exception.roger);
   function C(z) {
     u.value === "question" && t.emit("reject"), t.emit("close");
@@ -313,7 +313,7 @@ function Ct(e, t, a, n, o) {
     class: z.iconClass
   }, null), z.text]))]);
 }
-function Mt(e) {
+function Bt(e) {
   const { getLocaleValue: t } = _, a = _.getLocale();
   function n(o, u, r) {
     return u === r ? t(o) : u;
@@ -340,8 +340,8 @@ function Mt(e) {
     neverShowAgain: n("messageBox.neverShowAgain") || "不再提示"
   };
 }
-const Bt = ["moz", "ms", "webkit"];
-function kt() {
+const kt = ["moz", "ms", "webkit"];
+function Tt() {
   let e = 0;
   return (t) => {
     const a = (/* @__PURE__ */ new Date()).getTime(), n = Math.max(0, 16 - (a - e)), o = setTimeout(() => {
@@ -350,15 +350,15 @@ function kt() {
     return e = a + n, o;
   };
 }
-function Tt() {
+function St() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Bt.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : kt();
+  const e = kt.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Tt();
 }
-Tt();
+St();
 s("");
 function Ce() {
   if (typeof window > "u" || typeof navigator > "u")
@@ -393,17 +393,17 @@ function Ce() {
   const n = "ontouchstart" in window || navigator.maxTouchPoints > 0, o = screen.width, u = screen.height, r = Math.min(o, u);
   return !!(n && r <= 768);
 }
-function St() {
+function Et() {
   const e = Ce();
   return e && document.body.classList.add("f-mobile"), e;
 }
-typeof document < "u" && St();
+typeof document < "u" && Et();
 const ee = /* @__PURE__ */ we({
   name: "FMessageBox",
-  props: rt,
+  props: ct,
   emits: ["accept", "reject", "close", "neverShowAgain"],
   setup(e, t) {
-    const a = Mt(e), n = s(e.type), o = s(e.title), u = s(e.detail), r = B(() => {
+    const a = Bt(e), n = s(e.type), o = s(e.title), u = s(e.detail), r = B(() => {
       const m = {
         "modal-tips": !0,
         "d-flex": !0,
@@ -415,7 +415,7 @@ const ee = /* @__PURE__ */ we({
         cursor: "default"
       };
       return n.value === "prompt" ? m.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (m.padding = "0.5rem 1.5rem 1rem 1.5rem"), m;
-    }), i = ft(), h = mt(e, n, o, u), M = gt(), {
+    }), i = ht(), h = gt(e, n, o, u), M = pt(), {
       feedbackStyle: y,
       feedbackMessage: x
     } = M;
@@ -428,12 +428,12 @@ const ee = /* @__PURE__ */ we({
     function E() {
       switch (n.value) {
         case "prompt":
-          return pt(e, h);
+          return yt(e, h);
         default:
-          return xt(e, n, o, u, a);
+          return bt(e, n, o, u, a);
       }
     }
-    const k = E(), S = Ct(e, t, i, M, a);
+    const k = E(), S = Mt(e, t, i, M, a);
     return () => c("div", {
       class: ["farris-messager", Ce() ? "is-mobile" : ""]
     }, [!e.exceptionInfo && c("div", {
@@ -444,7 +444,7 @@ const ee = /* @__PURE__ */ we({
       style: d.value
     }, [k()]), S(), g()]);
   }
-}), Et = {
+}), zt = {
   /**
    * 允许点击蒙层关闭对话框
    * @default false
@@ -662,7 +662,7 @@ class K {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function zt(e, t) {
+function Ht(e, t) {
   const a = s(), n = s(), o = s(), u = s(), r = s(), d = s(), i = s(), h = s(), M = s(), y = s(), x = s(), g = s(e.resizeable), E = s(), k = s(e.draggable), S = s(!1);
   function m() {
     const v = n.value || document.body, f = window.getComputedStyle(v);
@@ -753,7 +753,7 @@ function zt(e, t) {
     v instanceof MouseEvent && v.button === 2 || k.value && (document.body.click(), v.stopPropagation(), v.preventDefault(), o.value = O.fromEvent(v), M.value = v.target, C(v), W());
   }
   function V(v) {
-    return a.value = v, g.value && c(ae, null, [c("div", {
+    return a.value = v, g.value && c(le, null, [c("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (f) => P(f)
@@ -798,7 +798,7 @@ function zt(e, t) {
       }
     }, k.value = !1, S.value = !0);
   }
-  function le() {
+  function oe() {
     var v, f;
     if (document.body.click(), E.value) {
       const H = {
@@ -828,7 +828,7 @@ function zt(e, t) {
       }
     }
   }
-  function oe() {
+  function se() {
     const v = () => {
       S.value ? j(!1) : G(), document.body.click();
     };
@@ -836,20 +836,20 @@ function zt(e, t) {
       window.removeEventListener("resize", v);
     };
   }
-  const J = oe();
+  const J = se();
   return {
     renderResizeBar: V,
     boundingElement: n,
     resizedEventParam: x,
     maximize: j,
-    restore: le,
+    restore: oe,
     allowDrag: k,
     isMaximized: S,
     unWindowResizeHandle: J,
     moveToCenter: G
   };
 }
-function Ht(e, t, a) {
+function Rt(e, t, a) {
   const n = s(), o = s(e.draggable), u = s(e.lockAxis), r = s(), d = s(), i = s(!1), h = s(new O(0, 0)), M = s(new O(0, 0)), y = s(new O(0, 0)), x = s(new O(0, 0));
   U(() => a.value, (p) => {
     r.value.style.cursor = p ? "move" : "default";
@@ -945,7 +945,7 @@ function Me(e, t) {
     };
   }
 }
-function Rt(e, t) {
+function It(e, t) {
   const a = s(e.enableEsc);
   let n = null;
   return a.value ? (n = Me("Escape", (o) => {
@@ -954,7 +954,7 @@ function Rt(e, t) {
     remove: n
   }) : null;
 }
-function It(e, t) {
+function Ft(e, t) {
   const a = s(e.enableEnter);
   let n = null;
   return a.value ? (n = Me("Enter", (o) => {
@@ -965,7 +965,7 @@ function It(e, t) {
 }
 const Z = /* @__PURE__ */ we({
   name: "FModal",
-  props: Et,
+  props: zt,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(e, t) {
     const a = s(e.width || 300), n = s(e.height || 200), o = s(e.modelValue), u = s(""), r = s(e.class), d = s(e.fitContent), i = s(e.showHeader), h = s(""), M = s(e.showCloseButton), y = s(e.showMaxButton), x = s(!1), g = s(e.dialogType), E = s(e.src), k = s(""), S = s(e.showButtons), m = s(e.title), C = s(e.containment || null), R = s();
@@ -1001,24 +1001,24 @@ const Z = /* @__PURE__ */ we({
         N(l, !0);
       }
     }], b = s(e.buttons && e.buttons.length ? e.buttons : p), I = B(() => !!h.value), W = B(() => !!S.value && !!b.value), P = s(), V = s(), j = s(e.maximized || !1), {
-      renderResizeBar: le,
+      renderResizeBar: oe,
       maximize: G,
-      restore: oe,
+      restore: se,
       boundingElement: J,
       resizedEventParam: v,
       allowDrag: f,
       unWindowResizeHandle: H,
       moveToCenter: T
-    } = zt(e), {
+    } = Ht(e), {
       registerDraggle: D
-    } = Ht(e, t, f);
+    } = Rt(e, t, f);
     function fe() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
     U(() => e.title, (l, w) => {
       l !== w && (m.value = l);
     }), U(() => e.modelValue, (l, w) => {
-      l !== w && (o.value = l, o.value && e.draggable && ce(() => {
+      l !== w && (o.value = l, o.value && e.draggable && de(() => {
         V.value && !C.value && (C.value = V.value.parentElement, J.value = C.value, D(P.value, V.value, J.value), T());
       }), l || (C.value && (C.value = null), z())), o.value ? A.value = fe() : (j.value = !1, f.value = e.draggable);
     }), U(() => e.showHeader, (l, w) => {
@@ -1108,9 +1108,9 @@ const Z = /* @__PURE__ */ we({
       }, w = Oe();
       return Object.assign(l, w);
     });
-    function se(l) {
+    function ue(l) {
       if (l == null || l.stopPropagation(), j.value) {
-        j.value = !1, oe();
+        j.value = !1, se();
         return;
       }
       G(), j.value = !0;
@@ -1124,18 +1124,18 @@ const Z = /* @__PURE__ */ we({
     function Pe(l) {
       l.width && (a.value = l.width), l.height && (n.value = l.height), l.buttons && (b.value = l.buttons), l.title && (m.value = l.title);
     }
-    let ue = null, ie = null;
+    let ie = null, re = null;
     Qe(() => {
       A.value = fe();
     }), et(() => {
-      V.value && !C.value && (C.value = V.value.parentElement, J.value = C.value, D(P.value, V.value, J.value)), Q.value && document.body.classList.add("modal-open"), ue = Rt(e, t), ie = It(e, t);
+      V.value && !C.value && (C.value = V.value.parentElement, J.value = C.value, D(P.value, V.value, J.value)), Q.value && document.body.classList.add("modal-open"), ie = It(e, t), re = Ft(e, t);
     }), xe(() => {
-      H && H(), ue && ue.remove(), ie && ie.remove();
+      H && H(), ie && ie.remove(), re && re.remove();
     }), t.expose({
       modalElementRef: V,
       updateModalOptions: Pe,
       close: N,
-      maxDialog: se,
+      maxDialog: ue,
       isMaximized: j,
       disableButtons: (l, w = !0) => {
         b.value.forEach((F) => {
@@ -1159,7 +1159,7 @@ const Z = /* @__PURE__ */ we({
       }, [c("span", {
         class: "f-icon modal_minimize"
       }, null)]), y.value && c("li", {
-        onClick: se,
+        onClick: ue,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [c("span", {
@@ -1186,8 +1186,8 @@ const Z = /* @__PURE__ */ we({
         onWheel: We
       }, [b.value.map((l) => {
         var L;
-        const w = s(l.disabled), F = l.class || ((L = l.appearance) == null ? void 0 : L.class);
-        return c("button", {
+        const w = s(l.disabled), F = l.class || ((L = l.appearance) == null ? void 0 : L.class) || "btn btn-secondary";
+        return c("button", ne(rt(l), {
           name: l.name,
           style: l.styles,
           type: "button",
@@ -1196,16 +1196,16 @@ const Z = /* @__PURE__ */ we({
           onClick: (X) => {
             Ae(l, X);
           }
-        }, [!!l.iconClass && c("i", {
+        }), [!!l.iconClass && c("i", {
           class: l.iconClass
         }, null), l.text]);
       })])]);
     }
     function me(l) {
-      y.value && se();
+      y.value && ue();
     }
     function $e() {
-      return c(ae, null, [j.value && c("div", {
+      return c(le, null, [j.value && c("div", {
         class: "modal-header",
         style: "position: absolute;background: transparent;height: 45px;width: 100%;",
         onDblclick: (l) => me()
@@ -1252,7 +1252,7 @@ const Z = /* @__PURE__ */ we({
         width: "100%",
         frameborder: "0",
         src: E.value
-      }, null)]), qe()]), !d.value && V.value && !j.value && le(V.value)]);
+      }, null)]), qe()]), !d.value && V.value && !j.value && oe(V.value)]);
     }
     function Ye(l) {
       return l || "body";
@@ -1282,7 +1282,7 @@ function Be(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function Ft(e) {
+function Lt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   const a = e.type || "modal", n = ut({
@@ -1386,7 +1386,7 @@ class ke {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return Ft(a);
+    return Lt(a);
   }
   close(t) {
     var a, n;
@@ -1410,8 +1410,8 @@ class ke {
       const C = (R = m == null ? void 0 : m.target) == null ? void 0 : R.classList.contains("modal_close");
       d(m, this.isUseEscCloseModal.value ? "esc" : C ? "icon" : "button");
     }, y = (m) => {
-      M(m), h && ce(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], re(null, a), h = null, this.modalRef.value = null, this.modalRefs) {
+      M(m), h && de(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ce(null, a), h = null, this.modalRef.value = null, this.modalRefs) {
           const C = Object.keys(this.modalRefs).map((R) => Number(R));
           C.length > 0 ? this.activeModalIndex.value = Math.max(...C) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
         }
@@ -1420,7 +1420,7 @@ class ke {
     }, x = s();
     let g;
     if (n === "drawer")
-      g = () => c(be, de({
+      g = () => c(be, ne({
         ref: x,
         modelValue: u.value,
         "onUpdate:modelValue": (m) => u.value = m,
@@ -1442,7 +1442,7 @@ class ke {
         width: N,
         height: p
       } = o.value, b = this.adaptToWindow(Number(N) || 500, Number(p) || 320);
-      Object.assign(o.value, b), g = () => c(Z, de({
+      Object.assign(o.value, b), g = () => c(Z, ne({
         ref: x,
         modelValue: u.value,
         "onUpdate:modelValue": (I) => u.value = I
@@ -1461,7 +1461,7 @@ class ke {
     }
     h = ((m) => {
       const C = ot(g, m);
-      return C.appContext = this.appContext, re(C, a), C;
+      return C.appContext = this.appContext, ce(C, a), C;
     })({
       ...o.value
     }), this.activeModalIndex.value++;
@@ -1471,11 +1471,11 @@ class ke {
       o.value = {
         ...o.value,
         ...m
-      }, h && re(st(h, {
+      }, h && ce(st(h, {
         ...o
       }), a);
     };
-    return ce(() => {
+    return de(() => {
       this.modalRefs[k] = x.value, this.modalRef.value = x.value, i(new Event("opened"));
     }), {
       update: S,
@@ -1538,7 +1538,7 @@ const $ = class $ {
       showMaxButton: !1,
       draggable: !0,
       dragHandle: ".messager-draggable",
-      render: () => c(ee, de(o, {
+      render: () => c(ee, ne(o, {
         onAccept: i,
         onReject: h,
         onClose: E,
@@ -1627,13 +1627,13 @@ const $ = class $ {
   }
 };
 Y($, "app", null);
-let ne = $;
+let ae = $;
 ee.install = (e) => {
-  e.component(ee.name, ee), ne.app = e, e.provide("FMessageBoxService", ne);
+  e.component(ee.name, ee), ae.app = e, e.provide("FMessageBoxService", ae);
 };
 export {
   ee as FMessageBox,
-  ne as FMessageBoxService,
+  ae as FMessageBoxService,
   ee as default,
-  rt as messageBoxProps
+  ct as messageBoxProps
 };