tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/baseComp/Dialog/DialogPC.js

@@ -1,148 +1,106 @@
-import { defineComponent, computed, ref, watch, createElementBlock, createCommentVNode, openBlock, createBlock, Teleport, createElementVNode, normalizeStyle, normalizeClass, renderSlot, unref, toDisplayString, createVNode } from "vue";
-import { TUIIcon, IconClose } from "@tencentcloud/uikit-base-component-vue3";
-import useZIndex from "../useZIndex.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { class: "tui-dialog-header" };
-const _hoisted_3 = { class: "tui-dialog-header-title" };
-const _hoisted_4 = { class: "tui-dialog-header-title-content" };
-const _hoisted_5 = {
+import { defineComponent as $, computed as s, ref as d, watch as v, createElementBlock as r, createCommentVNode as a, openBlock as n, createBlock as C, Teleport as x, createElementVNode as l, normalizeStyle as h, normalizeClass as D, renderSlot as c, unref as g, toDisplayString as R, createVNode as z } from "vue";
+import { TUIIcon as O, IconClose as E } from "@tencentcloud/uikit-base-component-vue3";
+import M from "../useZIndex.js";
+import { _ as P } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = { key: 0 }, F = { class: "tui-dialog-header" }, U = { class: "tui-dialog-header-title" }, j = { class: "tui-dialog-header-title-content" }, q = {
   key: 1,
   class: "close"
-};
-const _hoisted_6 = { class: "tui-dialog-content" };
-const _hoisted_7 = {
+}, A = { class: "tui-dialog-content" }, G = {
   key: 0,
   class: "tui-dialog-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, H = /* @__PURE__ */ $({
   __name: "DialogPC",
   props: {
     title: { default: "" },
-    modelValue: { type: Boolean, default: false },
-    modal: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: !1 },
+    modal: { type: Boolean, default: !1 },
     width: { default: void 0 },
     beforeClose: { type: [Function, null], default: null },
-    closeOnClickModal: { type: Boolean, default: true },
-    showClose: { type: Boolean, default: true },
-    appendToBody: { type: Boolean, default: false },
-    appendToRoomContainer: { type: Boolean, default: false },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    appendToBody: { type: Boolean, default: !1 },
+    appendToRoomContainer: { type: Boolean, default: !1 },
     confirmButton: { default: "" },
     cancelButton: { default: "" },
     titleIcon: { default: null }
   },
   emits: ["update:modelValue", "close", "confirm", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { nextZIndex } = useZIndex();
-    const teleportDisable = computed(
-      () => !props.appendToBody && !props.appendToRoomContainer
-    );
-    const targetName = computed(() => {
-      return "body";
-    });
-    const overlayContainerStyle = ref({});
-    const visible = ref(false);
-    const dialogRef = ref();
-    const isNumber = (value) => typeof value === "number";
-    const isStringNumber = (value) => typeof value === "string" && !isNaN(Number(value));
-    function addSuffix(value, suffix = "px") {
-      if (isNumber(value) || isStringNumber(value)) {
-        return value + suffix;
-      }
-      return value;
+  setup(o, { emit: b }) {
+    const t = o, u = b, { nextZIndex: k } = M(), B = s(
+      () => !t.appendToBody && !t.appendToRoomContainer
+    ), _ = s(() => "body"), f = d({}), i = d(!1), I = d(), N = (e) => typeof e == "number", w = (e) => typeof e == "string" && !isNaN(Number(e));
+    function S(e, p = "px") {
+      return N(e) || w(e) ? e + p : e;
     }
-    const drawerContainerStyle = computed(() => {
-      let style = "";
-      if (props.width) {
-        style += `--tui-dialog-width: ${addSuffix(props.width)}`;
-      }
-      return style;
+    const T = s(() => {
+      let e = "";
+      return t.width && (e += `--tui-dialog-width: ${S(t.width)}`), e;
     });
-    watch(
-      () => props.modelValue,
-      (val) => {
-        visible.value = val;
+    v(
+      () => t.modelValue,
+      (e) => {
+        i.value = e;
       },
       {
-        immediate: true
+        immediate: !0
       }
-    );
-    watch(
-      visible,
-      (val) => {
-        if (val) {
-          overlayContainerStyle.value = { zIndex: nextZIndex() };
-        }
+    ), v(
+      i,
+      (e) => {
+        e && (f.value = { zIndex: k() });
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    function doClose() {
-      visible.value = false;
-      emit("close");
-      emit("update:modelValue", false);
+    function m() {
+      i.value = !1, u("close"), u("update:modelValue", !1);
     }
-    function handleClose() {
-      if (props.beforeClose) {
-        props.beforeClose(doClose);
-      } else {
-        doClose();
-      }
+    function y() {
+      t.beforeClose ? t.beforeClose(m) : m();
     }
-    function handleOverlayClick(event) {
-      if (!props.closeOnClickModal) {
-        return;
-      }
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      handleClose();
+    function V(e) {
+      t.closeOnClickModal && e.target === e.currentTarget && y();
     }
-    return (_ctx, _cache) => {
-      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(), createBlock(Teleport, {
-          to: targetName.value,
-          disabled: teleportDisable.value
+    return (e, p) => i.value ? (n(), r("div", Z, [
+      (n(), C(x, {
+        to: _.value,
+        disabled: B.value
+      }, [
+        l("div", {
+          ref_key: "dialogRef",
+          ref: I,
+          class: D(["overlay-container", [o.modal && "overlay"]]),
+          style: h(f.value),
+          onClick: V
         }, [
-          createElementVNode("div", {
-            ref_key: "dialogRef",
-            ref: dialogRef,
-            class: normalizeClass(["overlay-container", [_ctx.modal && "overlay"]]),
-            style: normalizeStyle(overlayContainerStyle.value),
-            onClick: handleOverlayClick
+          l("div", {
+            class: "tui-dialog-container",
+            style: h(T.value)
           }, [
-            createElementVNode("div", {
-              class: "tui-dialog-container",
-              style: normalizeStyle(drawerContainerStyle.value)
-            }, [
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("div", _hoisted_3, [
-                  _ctx.titleIcon ? (openBlock(), createBlock(unref(TUIIcon), {
-                    key: 0,
-                    icon: _ctx.titleIcon
-                  }, null, 8, ["icon"])) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_4, toDisplayString(_ctx.title), 1)
-                ]),
-                _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }, void 0, true) : createCommentVNode("", true),
-                _ctx.showClose ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                  createVNode(unref(IconClose), { onClick: handleClose })
-                ])) : createCommentVNode("", true)
-              ]),
-              createElementVNode("div", _hoisted_6, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            l("div", F, [
+              l("div", U, [
+                o.titleIcon ? (n(), C(g(O), {
+                  key: 0,
+                  icon: o.titleIcon
+                }, null, 8, ["icon"])) : a("", !0),
+                l("div", j, R(o.title), 1)
               ]),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-              ])) : createCommentVNode("", true)
-            ], 4)
-          ], 6)
-        ], 8, ["to", "disabled"]))
-      ])) : createCommentVNode("", true);
-    };
+              e.$slots.title ? c(e.$slots, "title", { key: 0 }, void 0, !0) : a("", !0),
+              o.showClose ? (n(), r("div", q, [
+                z(g(E), { onClick: y })
+              ])) : a("", !0)
+            ]),
+            l("div", A, [
+              c(e.$slots, "default", {}, void 0, !0)
+            ]),
+            e.$slots.footer ? (n(), r("div", G, [
+              c(e.$slots, "footer", {}, void 0, !0)
+            ])) : a("", !0)
+          ], 4)
+        ], 6)
+      ], 8, ["to", "disabled"]))
+    ])) : a("", !0);
   }
-});
-const DialogPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab0827eb"]]);
+}), W = /* @__PURE__ */ P(H, [["__scopeId", "data-v-ab0827eb"]]);
 export {
-  DialogPC as default
+  W as default
 };

package/dist/baseComp/Dialog/index.js

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

package/dist/baseComp/IconButton.js

@@ -1,71 +1,58 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, normalizeClass, renderSlot, createBlock, createElementVNode, unref, createTextVNode, toDisplayString, createVNode } from "vue";
-import { TUIIcon, IconUnSupport, IconArrowUp } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "icon-button-container" };
-const _hoisted_3 = { class: "title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as p, computed as k, createElementBlock as n, openBlock as t, createCommentVNode as l, normalizeClass as v, renderSlot as i, createBlock as s, createElementVNode as y, unref as a, createTextVNode as B, toDisplayString as C, createVNode as h } from "vue";
+import { TUIIcon as I, IconUnSupport as N, IconArrowUp as S } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as z } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = { class: "icon-button-container" }, b = { class: "title" }, E = /* @__PURE__ */ p({
   __name: "IconButton",
   props: {
     title: { default: "" },
-    hasMore: { type: Boolean, default: false },
-    hideHoverEffect: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    isActive: { type: Boolean, default: false },
+    hasMore: { type: Boolean, default: !1 },
+    hideHoverEffect: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    isActive: { type: Boolean, default: !1 },
     layout: {
       default: "vertical"
       /* VERTICAl */
     },
     icon: { default: null },
-    isNotSupport: { type: Boolean, default: false }
+    isNotSupport: { type: Boolean, default: !1 }
   },
   emits: ["click-icon", "click-more"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const iconContentClass = computed(() => {
-      if (props.layout === "horizontal") {
-        return "icon-content-horizontal";
-      }
-      return "icon-content-vertical";
-    });
-    const handleClickEvent = () => {
-      emit("click-icon");
+  setup(e, { emit: r }) {
+    const u = e, d = r, f = k(() => u.layout === "horizontal" ? "icon-content-horizontal" : "icon-content-vertical"), m = () => {
+      d("click-icon");
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(), createElementBlock("div", {
+    return (o, c) => (t(), n("div", $, [
+      (t(), n("div", {
+        key: 1,
+        class: v(["icon-content", f.value, `${e.disabled && "disabled"}`]),
+        onClick: m
+      }, [
+        i(o.$slots, "default", {}, void 0, !0),
+        e.icon ? (t(), s(a(I), {
+          key: 0,
+          icon: e.icon
+        }, null, 8, ["icon"])) : l("", !0),
+        e.isNotSupport ? (t(), s(a(N), {
           key: 1,
-          class: normalizeClass(["icon-content", iconContentClass.value, `${_ctx.disabled && "disabled"}`]),
-          onClick: handleClickEvent
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          _ctx.icon ? (openBlock(), createBlock(unref(TUIIcon), {
-            key: 0,
-            icon: _ctx.icon
-          }, null, 8, ["icon"])) : createCommentVNode("", true),
-          _ctx.isNotSupport ? (openBlock(), createBlock(unref(IconUnSupport), {
-            key: 1,
-            class: "unsupport-icon",
-            size: "14"
-          })) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_3, [
-            createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-            renderSlot(_ctx.$slots, "title", {}, void 0, true)
-          ])
-        ], 2)),
-        _ctx.hasMore ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          ref: "moreSpanRef",
-          class: "icon-arrow",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-more"))
-        }, [
-          createVNode(unref(IconArrowUp), { size: "12" })
-        ], 512)) : createCommentVNode("", true)
-      ]);
-    };
+          class: "unsupport-icon",
+          size: "14"
+        })) : l("", !0),
+        y("span", b, [
+          B(C(e.title) + " ", 1),
+          i(o.$slots, "title", {}, void 0, !0)
+        ])
+      ], 2)),
+      e.hasMore ? (t(), n("div", {
+        key: 2,
+        ref: "moreSpanRef",
+        class: "icon-arrow",
+        onClick: c[0] || (c[0] = (V) => o.$emit("click-more"))
+      }, [
+        h(a(S), { size: "12" })
+      ], 512)) : l("", !0)
+    ]));
   }
-});
-const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77a70aa9"]]);
+}), M = /* @__PURE__ */ z(E, [["__scopeId", "data-v-77a70aa9"]]);
 export {
-  IconButton as default
+  M as default
 };

package/dist/baseComp/Input/InputH5.js

@@ -1,24 +1,21 @@
-import { defineComponent, useSlots, ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, withKeys, normalizeStyle, withModifiers, renderSlot, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["value", "placeholder", "disabled", "maxlength", "type", "enterkeyhint", "readonly"];
-const _hoisted_2 = {
+import { defineComponent as M, useSlots as L, ref as c, onMounted as N, onUnmounted as $, computed as m, createElementBlock as s, openBlock as r, normalizeClass as z, createElementVNode as F, createCommentVNode as y, withKeys as H, normalizeStyle as K, withModifiers as g, renderSlot as k, Fragment as O, renderList as A, createTextVNode as D, toDisplayString as T } from "vue";
+import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = ["value", "placeholder", "disabled", "maxlength", "type", "enterkeyhint", "readonly"], j = {
   key: 1,
   class: "results"
-};
-const _hoisted_3 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, q = ["onClick"], G = /* @__PURE__ */ M({
   __name: "InputH5",
   props: {
     modelValue: { default: "" },
     placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: !1 },
     type: { default: "text" },
     readonly: { type: Boolean },
     enterkeyhint: { default: "" },
     search: {},
     select: {},
     maxlength: { default: "80" },
-    border: { type: Boolean, default: true },
+    border: { type: Boolean, default: !0 },
     align: { default: "left" }
   },
   emits: [
@@ -28,136 +25,96 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "blur",
     "done"
   ],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emit = __emit;
-    const tuiInputRef = ref(null);
-    const inputRef = ref(null);
-    const show = ref(false);
-    const blur = (event) => {
-      const { value } = event.target;
-      show.value = false;
-      const trimmedValue = value.trimStart().trimEnd();
-      if (value !== trimmedValue) {
-        event.target.value = trimmedValue;
-      }
-      emit("blur", tuiInputRef.value);
-    };
-    const done = () => {
-      emit("done", tuiInputRef.value);
-    };
-    const focus = () => {
-      show.value = true;
-      emit("focus", tuiInputRef.value);
-    };
-    const handleSuffixIconClick = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-    };
-    const closeOnOutsideClick = (event) => {
-      var _a;
-      if (!((_a = tuiInputRef.value) == null ? void 0 : _a.contains(event.target))) {
-        show.value = false;
-      }
+  setup(o, { emit: x }) {
+    const b = L(), n = o, a = x, u = c(null), f = c(null), i = c(!1), I = (e) => {
+      const { value: t } = e.target;
+      i.value = !1;
+      const l = t.trimStart().trimEnd();
+      t !== l && (e.target.value = l), a("blur", u.value);
+    }, w = () => {
+      a("done", u.value);
+    }, C = () => {
+      i.value = !0, a("focus", u.value);
+    }, R = () => {
+      var e;
+      (e = f.value) == null || e.blur();
+    }, v = (e) => {
+      var t;
+      (t = u.value) != null && t.contains(e.target) || (i.value = !1);
     };
-    function handleResultItemClick(item) {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-      if (props.select) {
-        props.select(item);
-      }
+    function S(e) {
+      var t;
+      (t = f.value) == null || t.blur(), n.select && n.select(e);
     }
-    onMounted(() => {
-      window.addEventListener("click", closeOnOutsideClick);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("click", closeOnOutsideClick);
+    N(() => {
+      window.addEventListener("click", v);
+    }), $(() => {
+      window.removeEventListener("click", v);
     });
-    const searchResult = ref([]);
-    function handleInput(event) {
-      const { value } = event.target;
-      const trimmedValue = value.trimStart();
-      if (value !== trimmedValue) {
-        event.target.value = trimmedValue;
-      }
-      emit("update:modelValue", trimmedValue);
-      emit("input", trimmedValue);
-      if (props.search) {
-        searchResult.value = props.search(event.target.value);
-      }
+    const d = c([]);
+    function p(e) {
+      const { value: t } = e.target, l = t.trimStart();
+      t !== l && (e.target.value = l), a("update:modelValue", l), a("input", l), n.search && (d.value = n.search(e.target.value));
     }
-    const showResults = computed(
+    const V = m(
       () => {
-        var _a;
-        return searchResult.value && ((_a = searchResult.value) == null ? void 0 : _a.length) !== 0 && show.value;
-      }
-    );
-    const hasSuffixIcon = computed(() => !!slots.suffixIcon);
-    const inputStyle = computed(() => {
-      let paddingRight = "16px";
-      if (hasSuffixIcon.value) {
-        paddingRight = "40px";
-      } else if (props.align === "right") {
-        paddingRight = "0";
+        var e;
+        return d.value && ((e = d.value) == null ? void 0 : e.length) !== 0 && i.value;
       }
-      return {
-        paddingRight,
-        textAlign: props.align
+    ), h = m(() => !!b.suffixIcon), B = m(() => {
+      let e = "16px";
+      return h.value ? e = "40px" : n.align === "right" && (e = "0"), {
+        paddingRight: e,
+        textAlign: n.align
       };
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "tuiInputRef",
-        ref: tuiInputRef,
-        class: normalizeClass(["tui-input", !_ctx.border && "no-border"])
+    return (e, t) => (r(), s("div", {
+      ref_key: "tuiInputRef",
+      ref: u,
+      class: z(["tui-input", !o.border && "no-border"])
+    }, [
+      F("input", {
+        ref_key: "inputRef",
+        ref: f,
+        value: o.modelValue,
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        maxlength: n.maxlength,
+        type: n.type,
+        enterkeyhint: o.enterkeyhint,
+        readonly: o.readonly,
+        style: K(B.value),
+        onFocus: C,
+        onBlur: I,
+        onKeyup: H(w, ["enter"]),
+        onInput: p,
+        onChange: p,
+        autocomplete: "off"
+      }, null, 44, _),
+      h.value ? (r(), s("div", {
+        key: 0,
+        class: "suffix-icon",
+        onMousedown: t[0] || (t[0] = g(() => {
+        }, ["prevent"])),
+        onClick: R
       }, [
-        createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          value: _ctx.modelValue,
-          placeholder: _ctx.placeholder,
-          disabled: _ctx.disabled,
-          maxlength: props.maxlength,
-          type: props.type,
-          enterkeyhint: _ctx.enterkeyhint,
-          readonly: _ctx.readonly,
-          style: normalizeStyle(inputStyle.value),
-          onFocus: focus,
-          onBlur: blur,
-          onKeyup: withKeys(done, ["enter"]),
-          onInput: handleInput,
-          onChange: handleInput,
-          autocomplete: "off"
-        }, null, 44, _hoisted_1),
-        hasSuffixIcon.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "suffix-icon",
-          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+        k(e.$slots, "suffixIcon", {}, void 0, !0)
+      ], 32)) : y("", !0),
+      V.value ? (r(), s("div", j, [
+        (r(!0), s(O, null, A(d.value, (l, E) => (r(), s("div", {
+          key: E,
+          class: "results-item",
+          onMousedown: t[1] || (t[1] = g(() => {
           }, ["prevent"])),
-          onClick: handleSuffixIconClick
+          onClick: (J) => S(l)
         }, [
-          renderSlot(_ctx.$slots, "suffixIcon", {}, void 0, true)
-        ], 32)) : createCommentVNode("", true),
-        showResults.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value, (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "results-item",
-              onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
-              }, ["prevent"])),
-              onClick: ($event) => handleResultItemClick(item)
-            }, [
-              createTextVNode(toDisplayString(item.label || item.value) + " ", 1),
-              renderSlot(_ctx.$slots, "searchResultItem", { data: item }, void 0, true)
-            ], 40, _hoisted_3);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
+          D(T(l.label || l.value) + " ", 1),
+          k(e.$slots, "searchResultItem", { data: l }, void 0, !0)
+        ], 40, q))), 128))
+      ])) : y("", !0)
+    ], 2));
   }
-});
-const InputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afdf5f1b"]]);
+}), W = /* @__PURE__ */ U(G, [["__scopeId", "data-v-afdf5f1b"]]);
 export {
-  InputH5 as default
+  W as default
 };