@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index152.js

@@ -1,120 +1,93 @@
-import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as b } from "./index174.js";
-const T = c({
-  name: "QTooltip",
+import { defineComponent as T, ref as v, computed as a, onBeforeUnmount as y, watchEffect as g } from "vue";
+const u = "update:modelValue", i = "undo-action", s = "timeout-done", E = T({
+  name: "QToast",
   props: {
-    // Pass in an ID unique to the tooltip used for aria-describedby.
-    id: {
-      type: String,
-      default: "tooltip"
+    /** is toast visible */
+    modelValue: {
+      type: Boolean,
+      default: !1,
+      required: !0
     },
-    /** Set tooltip color - currently only inkwell-30 */
-    color: {
+    icon: {
       type: String,
-      default: "inkwell-30"
+      default: ""
     },
-    /** Controls if the tooltip is in controlled mode */
-    controlled: {
-      type: Boolean,
-      default: !1
+    message: {
+      type: String,
+      default: ""
     },
-    disabled: {
-      type: Boolean,
-      default: !1
+    variant: {
+      type: String,
+      default: ""
     },
-    /** Sets the width of the element as well as the alignment and wrapping of the tooltip text*/
-    noWrap: {
-      type: Boolean,
-      default: !0
+    duration: {
+      type: Number,
+      default: null,
+      required: !1
     },
-    /** Ability to customize the tooltip position (top, bottom, left, right) */
     position: {
-      type: String,
-      default: "bottom"
-    },
-    /** Set if the tooltip is relatively positioned or not */
-    relative: {
-      type: Boolean,
-      default: !1
+      type: [String, Array],
+      default: null,
+      required: !1
     },
-    /** Set if the tooltip is teleported to the the teleportTo element */
-    teleport: {
+    withTransition: {
       type: Boolean,
       default: !1
     },
-    teleportTo: {
+    // 'component-slide-right' or 'component-slide-top' for mobile
+    transitionClass: {
       type: String,
-      default: "body"
+      default: "component-slide-right"
     },
-    /** Ability to set custom tooltip classes */
-    tooltipClasses: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /** Controls visibility in controlled mode */
-    visible: {
+    closeButton: {
       type: Boolean,
       default: !1
     },
-    tooltipGap: {
-      type: Number,
-      default: 12
+    undoButton: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(e) {
-    const o = u(!1), l = u({
-      top: "0",
-      left: "0"
-    }), r = u(null), p = v(() => e.controlled ? e.visible : e.teleport ? o.value : !1), d = () => {
-      if (!r.value) return;
-      const t = r.value.getBoundingClientRect(), a = e.tooltipGap;
-      e.position === "top" ? (l.value.top = `${t.top - a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "bottom" ? (l.value.top = `${t.bottom + a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "left" ? (l.value.left = `${t.left - a}px`, l.value.top = `${t.top + t.height / 2}px`) : e.position === "right" && (l.value.left = `${t.right + a}px`, l.value.top = `${t.top + t.height / 2}px`);
-    }, f = () => {
-      o.value = !0, m(() => {
-        d();
-      });
-    }, i = () => {
-      o.value = !1, l.value.top = "0", l.value.left = "0";
-    }, n = b(
-      () => {
-        e.controlled && o.value === !0 && d(), !e.controlled && o.value === !0 && i();
-      },
-      100,
-      !0
-    );
-    return g(() => {
-      e.teleport && e.controlled && (e.visible ? f() : i()), e.teleport && (window.addEventListener(
-        "resize",
-        n
-      ), window.addEventListener(
-        "scroll",
-        n
-      ));
-    }), h(() => {
-      e.teleport && (window.removeEventListener(
-        "resize",
-        n
-      ), window.removeEventListener(
-        "scroll",
-        n
-      ));
-    }), y(
-      () => e.visible,
-      (s) => {
-        e.teleport && e.controlled && (s ? f() : i());
+  emits: [u, i, s],
+  setup(t, { emit: n }) {
+    const e = v(null), o = a({
+      get: () => t.modelValue,
+      set: (m) => {
+        n(u, m);
       }
-    ), {
-      // Refs
-      tooltipStyle: l,
-      tooltipTarget: r,
+    }), d = a(
+      () => t.variant ? "is-" + t.variant : ""
+    ), r = a(
+      () => t.position ? "toast-fixed " + t.position : ""
+    ), f = a(
+      () => t.withTransition && t.transitionClass
+    ), c = () => {
+      n(i);
+    }, l = () => {
+      e.value = setTimeout(() => {
+        o.value = !1, n(s);
+      }, t.duration);
+    };
+    return y(() => {
+      e.value && (clearTimeout(e.value), e.value = null);
+    }), g(() => {
+      o.value && t.duration ? l() : e.value && (clearTimeout(e.value), e.value = null);
+    }), {
       // Computed
-      isVisible: p,
+      show: o,
+      // v-model boolean value
+      statusClass: d,
+      positionClass: r,
+      computedTransition: f,
       // Methods
-      hideTooltip: i,
-      showTooltip: f
+      startTimeout: l,
+      undoAction: c
     };
   }
 });
 export {
-  T as default
+  s as TIMEOUT_DONE,
+  i as UNDO_ACTION_EVENT,
+  u as UPDATE_MODEL_VALUE,
+  E as default
 };

package/dist/index154.js

@@ -0,0 +1,120 @@
+import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
+import { useThrottleFn as b } from "./index176.js";
+const T = c({
+  name: "QTooltip",
+  props: {
+    // Pass in an ID unique to the tooltip used for aria-describedby.
+    id: {
+      type: String,
+      default: "tooltip"
+    },
+    /** Set tooltip color - currently only inkwell-30 */
+    color: {
+      type: String,
+      default: "inkwell-30"
+    },
+    /** Controls if the tooltip is in controlled mode */
+    controlled: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the width of the element as well as the alignment and wrapping of the tooltip text*/
+    noWrap: {
+      type: Boolean,
+      default: !0
+    },
+    /** Ability to customize the tooltip position (top, bottom, left, right) */
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    /** Set if the tooltip is relatively positioned or not */
+    relative: {
+      type: Boolean,
+      default: !1
+    },
+    /** Set if the tooltip is teleported to the the teleportTo element */
+    teleport: {
+      type: Boolean,
+      default: !1
+    },
+    teleportTo: {
+      type: String,
+      default: "body"
+    },
+    /** Ability to set custom tooltip classes */
+    tooltipClasses: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /** Controls visibility in controlled mode */
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    tooltipGap: {
+      type: Number,
+      default: 12
+    }
+  },
+  setup(e) {
+    const o = u(!1), l = u({
+      top: "0",
+      left: "0"
+    }), r = u(null), p = v(() => e.controlled ? e.visible : e.teleport ? o.value : !1), d = () => {
+      if (!r.value) return;
+      const t = r.value.getBoundingClientRect(), a = e.tooltipGap;
+      e.position === "top" ? (l.value.top = `${t.top - a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "bottom" ? (l.value.top = `${t.bottom + a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "left" ? (l.value.left = `${t.left - a}px`, l.value.top = `${t.top + t.height / 2}px`) : e.position === "right" && (l.value.left = `${t.right + a}px`, l.value.top = `${t.top + t.height / 2}px`);
+    }, f = () => {
+      o.value = !0, m(() => {
+        d();
+      });
+    }, i = () => {
+      o.value = !1, l.value.top = "0", l.value.left = "0";
+    }, n = b(
+      () => {
+        e.controlled && o.value === !0 && d(), !e.controlled && o.value === !0 && i();
+      },
+      100,
+      !0
+    );
+    return g(() => {
+      e.teleport && e.controlled && (e.visible ? f() : i()), e.teleport && (window.addEventListener(
+        "resize",
+        n
+      ), window.addEventListener(
+        "scroll",
+        n
+      ));
+    }), h(() => {
+      e.teleport && (window.removeEventListener(
+        "resize",
+        n
+      ), window.removeEventListener(
+        "scroll",
+        n
+      ));
+    }), y(
+      () => e.visible,
+      (s) => {
+        e.teleport && e.controlled && (s ? f() : i());
+      }
+    ), {
+      // Refs
+      tooltipStyle: l,
+      tooltipTarget: r,
+      // Computed
+      isVisible: p,
+      // Methods
+      hideTooltip: i,
+      showTooltip: f
+    };
+  }
+});
+export {
+  T as default
+};