tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/baseComp/MessageBox/index.js

@@ -1,187 +1,157 @@
-import { defineComponent, ref, watch, onMounted, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, unref, createElementBlock, toDisplayString, createVNode, createCommentVNode, createTextVNode, vShow, render } from "vue";
-import { IconClose, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import { isMobile } from "../../utils/environment.js";
-import useZIndex from "../useZIndex.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "tui-message-box-header" };
-const _hoisted_2 = { class: "tui-message-box-title" };
-const _hoisted_3 = { class: "close" };
-const _hoisted_4 = { class: "tui-message-box-body" };
-const _hoisted_5 = {
+import { defineComponent as V, ref as B, watch as _, onMounted as $, createBlock as T, openBlock as d, Transition as z, withCtx as m, withDirectives as D, createElementVNode as l, normalizeClass as h, normalizeStyle as F, unref as s, createElementBlock as p, toDisplayString as r, createVNode as f, createCommentVNode as I, createTextVNode as x, vShow as O, render as w } from "vue";
+import { IconClose as R, TUIButton as y } from "@tencentcloud/uikit-base-component-vue3";
+import { isMobile as E } from "../../utils/environment.js";
+import U from "../useZIndex.js";
+import { _ as Z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const q = { class: "tui-message-box-header" }, j = { class: "tui-message-box-title" }, A = { class: "close" }, G = { class: "tui-message-box-body" }, H = {
   key: 0,
   class: "tui-message-box-footer"
-};
-const _hoisted_6 = {
+}, J = {
   key: 1,
   class: "tui-message-box-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, K = /* @__PURE__ */ V({
   __name: "index",
   props: {
     title: { default: "" },
     message: { default: "" },
     callback: { type: [Function, null], default: null },
-    duration: { default: Infinity },
+    duration: { default: 1 / 0 },
     cancelButtonText: { default: "" },
     confirmButtonText: { default: "" },
     remove: { type: Function, default: () => {
     } }
   },
   emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const visible = ref(false);
-    const overlayContentStyle = ref({});
-    const { nextZIndex } = useZIndex();
-    let timer = null;
-    const props = __props;
-    watch(visible, (val) => {
-      if (val) {
-        overlayContentStyle.value = { zIndex: nextZIndex() };
-      }
+  setup(e, { emit: b }) {
+    const a = B(!1), v = B({}), { nextZIndex: g } = U();
+    let c = null;
+    const t = e;
+    _(a, (i) => {
+      i && (v.value = { zIndex: g() });
     });
-    const emit = __emit;
-    function handleClose(action) {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-      props.callback && props.callback(action);
-      doClose();
+    const u = b;
+    function n(i) {
+      c && (clearTimeout(c), c = null), t.callback && t.callback(i), C();
     }
-    function doClose() {
-      visible.value = false;
-      props.remove();
-      emit("close");
+    function C() {
+      a.value = !1, t.remove(), u("close");
     }
-    function handleOverlayClick(event) {
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      handleClose("close");
+    function S(i) {
+      i.target === i.currentTarget && n("close");
     }
-    function onOpen() {
-      visible.value = true;
+    function M() {
+      a.value = !0;
     }
-    function duration() {
-      if (props.duration === Infinity) return;
-      timer = setTimeout(() => {
-        handleClose("close");
-      }, props.duration);
+    function N() {
+      t.duration !== 1 / 0 && (c = setTimeout(() => {
+        n("close");
+      }, t.duration));
     }
-    onMounted(async () => {
-      onOpen();
-      duration();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, { name: "tui-message-box-fade" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            style: normalizeStyle(overlayContentStyle.value),
-            class: normalizeClass([["overlay"], "message-box-overlay"]),
-            onClick: handleOverlayClick
+    return $(async () => {
+      M(), N();
+    }), (i, o) => (d(), T(z, { name: "tui-message-box-fade" }, {
+      default: m(() => [
+        D(l("div", {
+          style: F(v.value),
+          class: h([["overlay"], "message-box-overlay"]),
+          onClick: S
+        }, [
+          l("div", {
+            class: h(s(E) ? "tui-message-box-h5" : "tui-message-box")
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(isMobile) ? "tui-message-box-h5" : "tui-message-box")
-            }, [
-              createElementVNode("div", _hoisted_1, [
-                createElementVNode("div", _hoisted_2, toDisplayString(_ctx.title), 1),
-                createElementVNode("div", _hoisted_3, [
-                  createVNode(unref(IconClose), { onClick: handleClose })
-                ])
-              ]),
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", null, toDisplayString(_ctx.message), 1)
-              ]),
-              unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                _ctx.cancelButtonText ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "button-container",
-                  onClick: _cache[0] || (_cache[0] = ($event) => handleClose("cancel"))
-                }, [
-                  createVNode(unref(TUIButton), {
-                    type: "primary",
-                    style: { "min-width": "88px" }
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)
-                    ]),
-                    _: 1
-                  })
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", {
-                  class: "button-container",
-                  onClick: _cache[1] || (_cache[1] = ($event) => handleClose("confirm"))
-                }, [
-                  createVNode(unref(TUIButton), {
-                    type: "primary",
-                    style: { "min-width": "88px" }
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)
-                    ]),
-                    _: 1
-                  })
-                ])
-              ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
-                createVNode(unref(TUIButton), {
-                  onClick: _cache[2] || (_cache[2] = ($event) => handleClose("confirm")),
+            l("div", q, [
+              l("div", j, r(e.title), 1),
+              l("div", A, [
+                f(s(R), { onClick: n })
+              ])
+            ]),
+            l("div", G, [
+              l("div", null, r(e.message), 1)
+            ]),
+            s(E) ? (d(), p("div", H, [
+              e.cancelButtonText ? (d(), p("div", {
+                key: 0,
+                class: "button-container",
+                onClick: o[0] || (o[0] = (k) => n("cancel"))
+              }, [
+                f(s(y), {
                   type: "primary",
                   style: { "min-width": "88px" }
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)
+                  default: m(() => [
+                    x(r(e.cancelButtonText), 1)
                   ]),
                   _: 1
-                }),
-                _ctx.cancelButtonText ? (openBlock(), createBlock(unref(TUIButton), {
-                  key: 0,
-                  onClick: _cache[3] || (_cache[3] = ($event) => handleClose("cancel")),
+                })
+              ])) : I("", !0),
+              l("div", {
+                class: "button-container",
+                onClick: o[1] || (o[1] = (k) => n("confirm"))
+              }, [
+                f(s(y), {
+                  type: "primary",
                   style: { "min-width": "88px" }
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)
+                  default: m(() => [
+                    x(r(e.confirmButtonText), 1)
                   ]),
                   _: 1
-                })) : createCommentVNode("", true)
-              ]))
-            ], 2)
-          ], 4), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 1
-      });
-    };
+                })
+              ])
+            ])) : (d(), p("div", J, [
+              f(s(y), {
+                onClick: o[2] || (o[2] = (k) => n("confirm")),
+                type: "primary",
+                style: { "min-width": "88px" }
+              }, {
+                default: m(() => [
+                  x(r(e.confirmButtonText), 1)
+                ]),
+                _: 1
+              }),
+              e.cancelButtonText ? (d(), T(s(y), {
+                key: 0,
+                onClick: o[3] || (o[3] = (k) => n("cancel")),
+                style: { "min-width": "88px" }
+              }, {
+                default: m(() => [
+                  x(r(e.cancelButtonText), 1)
+                ]),
+                _: 1
+              })) : I("", !0)
+            ]))
+          ], 2)
+        ], 4), [
+          [O, a.value]
+        ])
+      ]),
+      _: 1
+    }));
   }
-});
-const TUIMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92a9b340"]]);
-const MessageBox = ({
-  title,
-  message,
-  callback,
-  duration,
-  cancelButtonText,
-  confirmButtonText
+}), L = /* @__PURE__ */ Z(K, [["__scopeId", "data-v-92a9b340"]]), ee = ({
+  title: e,
+  message: b,
+  callback: a,
+  duration: v,
+  cancelButtonText: g,
+  confirmButtonText: c
 }) => {
-  const container = document.createElement("div");
-  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container") || document.querySelector("body");
-  if (!fullscreenElement) return;
-  fullscreenElement.appendChild(container);
-  const onRemove = () => {
-    render(null, container);
-    fullscreenElement.removeChild(container);
-  };
-  const vnode = createVNode(TUIMessageBox, {
-    title,
-    message,
-    callback,
-    duration,
-    cancelButtonText,
-    confirmButtonText,
-    remove: onRemove
+  const t = document.createElement("div"), u = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container") || document.querySelector("body");
+  if (!u) return;
+  u.appendChild(t);
+  const C = f(L, {
+    title: e,
+    message: b,
+    callback: a,
+    duration: v,
+    cancelButtonText: g,
+    confirmButtonText: c,
+    remove: () => {
+      w(null, t), u.removeChild(t);
+    }
   });
-  render(vnode, container);
+  w(C, t);
 };
 export {
-  MessageBox as default
+  ee as default
 };

package/dist/baseComp/Modal/Modal.js

@@ -1,54 +1,47 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, normalizeClass, renderSlot } from "vue";
-import { D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../DialogPortal-DWeT-J6v.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as c, createBlock as p, openBlock as u, unref as o, withCtx as a, createVNode as l, normalizeClass as i, renderSlot as m } from "vue";
+import { D as _, a as C, b as v, c as y } from "../../DialogPortal-CvJcEAsn.js";
+import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = /* @__PURE__ */ c({
   __name: "Modal",
   props: {
-    open: { type: Boolean, default: false },
-    closeOnOverlay: { type: Boolean, default: true },
+    open: { type: Boolean, default: !1 },
+    closeOnOverlay: { type: Boolean, default: !0 },
     contentClass: { default: "" }
   },
   emits: ["onClose"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const handleClose = (reason) => {
-      emit("onClose", reason);
-    };
-    const handleUpdateOpen = (value) => {
-      if (!value) {
-        handleClose("escape");
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogRoot_default), {
-        open: _ctx.open,
-        "onUpdate:open": handleUpdateOpen
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(DialogPortal_default), { to: "body" }, {
-            default: withCtx(() => [
-              createVNode(unref(DialogOverlay_default), {
-                class: "modal-overlay",
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeOnOverlay && handleClose("overlay"))
-              }),
-              createVNode(unref(DialogContent_default), {
-                class: normalizeClass(["modal-content", _ctx.contentClass])
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["open"]);
+  setup(t, { emit: d }) {
+    const r = d, n = (e) => {
+      r("onClose", e);
+    }, f = (e) => {
+      e || n("escape");
     };
+    return (e, s) => (u(), p(o(_), {
+      open: t.open,
+      "onUpdate:open": f
+    }, {
+      default: a(() => [
+        l(o(C), { to: "body" }, {
+          default: a(() => [
+            l(o(v), {
+              class: "modal-overlay",
+              onClick: s[0] || (s[0] = (g) => t.closeOnOverlay && n("overlay"))
+            }),
+            l(o(y), {
+              class: i(["modal-content", t.contentClass])
+            }, {
+              default: a(() => [
+                m(e.$slots, "default", {}, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
   }
-});
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d8533fb"]]);
+}), x = /* @__PURE__ */ O(D, [["__scopeId", "data-v-1d8533fb"]]);
 export {
-  Modal as default
+  x as default
 };

package/dist/baseComp/Modal/index.js

@@ -1,5 +1,5 @@
-import Modal from "./Modal.js";
+import a from "./Modal.js";
 export {
-  Modal,
-  Modal as default
+  a as Modal,
+  a as default
 };

package/dist/baseComp/ObserverView/ObserverView.js

@@ -1,12 +1,9 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
-import { c as cs } from "../../index-BF6QB9jF.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ObserverView",
-    inheritAttrs: false
-  },
+import { defineComponent as h, ref as f, watch as p, onMounted as w, onUnmounted as b, createElementBlock as O, openBlock as y, mergeProps as g, unref as S, renderSlot as _ } from "vue";
+import { c as M } from "../../index-DPczIrgX.js";
+import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const k = ["id"], B = /* @__PURE__ */ h({
+  name: "ObserverView",
+  inheritAttrs: !1,
   __name: "ObserverView",
   props: {
     id: { default: void 0 },
@@ -16,96 +13,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rootMargin: { default: "0px" },
     root: { default: null },
     observerOptions: { default: void 0 },
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: !1 },
     delay: { default: 0 }
   },
   emits: ["onShow", "onShowOnce", "onHide"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const viewRef = ref(null);
-    const hasShownOnce = ref(false);
-    let observer = null;
-    let timeoutId = null;
-    const setupObserver = () => {
-      if (!viewRef.value || props.disabled) {
+  setup(n, { emit: v }) {
+    const e = n, l = v, r = f(null), i = f(!1);
+    let t = null, o = null;
+    const a = () => {
+      if (!r.value || e.disabled)
         return;
-      }
-      cleanupObserver();
-      const options = props.observerOptions || {
-        threshold: props.threshold,
-        rootMargin: props.rootMargin,
-        root: props.root ? document.querySelector(props.root) : null
+      d();
+      const s = e.observerOptions || {
+        threshold: e.threshold,
+        rootMargin: e.rootMargin,
+        root: e.root ? document.querySelector(e.root) : null
       };
-      observer = new IntersectionObserver((entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            const triggerShow = () => {
-              emit("onShow");
-              if (!hasShownOnce.value) {
-                emit("onShowOnce");
-                hasShownOnce.value = true;
-              }
+      t = new IntersectionObserver((u) => {
+        u.forEach((m) => {
+          if (m.isIntersecting) {
+            const c = () => {
+              l("onShow"), i.value || (l("onShowOnce"), i.value = !0);
             };
-            if (props.delay && props.delay > 0) {
-              if (timeoutId) {
-                clearTimeout(timeoutId);
-              }
-              timeoutId = window.setTimeout(triggerShow, props.delay);
-            } else {
-              triggerShow();
-            }
-          } else {
-            emit("onHide");
-          }
+            e.delay && e.delay > 0 ? (o && clearTimeout(o), o = window.setTimeout(c, e.delay)) : c();
+          } else
+            l("onHide");
         });
-      }, options);
-      observer.observe(viewRef.value);
+      }, s), t.observe(r.value);
     };
-    function cleanupObserver() {
-      if (observer) {
-        observer.disconnect();
-        observer = null;
-      }
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-        timeoutId = null;
-      }
+    function d() {
+      t && (t.disconnect(), t = null), o && (clearTimeout(o), o = null);
     }
-    watch(
+    return p(
       [
-        () => props.disabled,
-        () => props.threshold,
-        () => props.rootMargin,
-        () => props.root,
-        () => props.observerOptions
+        () => e.disabled,
+        () => e.threshold,
+        () => e.rootMargin,
+        () => e.root,
+        () => e.observerOptions
       ],
       () => {
-        if (viewRef.value) {
-          setupObserver();
-        }
+        r.value && a();
       }
-    );
-    onMounted(() => {
-      setupObserver();
-    });
-    onUnmounted(() => {
-      cleanupObserver();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        id: _ctx.id,
-        ref_key: "viewRef",
-        ref: viewRef,
-        class: unref(cs)("observer-view", props.class),
-        style: _ctx.style
-      }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 16, _hoisted_1);
-    };
+    ), w(() => {
+      a();
+    }), b(() => {
+      d();
+    }), (s, u) => (y(), O("div", g({
+      id: n.id,
+      ref_key: "viewRef",
+      ref: r,
+      class: S(M)("observer-view", e.class),
+      style: n.style
+    }, s.$attrs), [
+      _(s.$slots, "default", {}, void 0, !0)
+    ], 16, k));
   }
-});
-const ObserverView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6f27edac"]]);
+}), E = /* @__PURE__ */ I(B, [["__scopeId", "data-v-6f27edac"]]);
 export {
-  ObserverView as default
+  E as default
 };

package/dist/baseComp/ObserverView/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./ObserverView.js";
+import { default as a } from "./ObserverView.js";
 export {
-  default2 as ObserverView
+  a as ObserverView
 };