tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/baseComp/Select/SelectPC.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, computed, watch, provide, reactive, withDirectives, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, renderSlot, normalizeStyle, toDisplayString, unref, Transition, withCtx, vShow } from "vue";
-import { IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
-import useZIndex from "../useZIndex.js";
-import vClickOutside from "../../directives/vClickOutside.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as N, ref as n, computed as b, watch as g, provide as P, reactive as $, withDirectives as h, createElementBlock as D, openBlock as k, createElementVNode as V, createVNode as _, normalizeClass as i, renderSlot as O, normalizeStyle as x, toDisplayString as M, unref as B, Transition as T, withCtx as Z, vShow as q } from "vue";
+import { IconArrowStrokeSelectDown as F } from "@tencentcloud/uikit-base-component-vue3";
+import G from "../useZIndex.js";
+import J from "../../directives/vClickOutside.js";
+import { _ as K } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = /* @__PURE__ */ N({
   __name: "SelectPC",
   props: {
     modelValue: { type: [String, Number, Boolean, Object] },
@@ -12,132 +12,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     customSelectContentStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const { nextZIndex } = useZIndex();
-    const props = __props;
-    const emits = __emit;
-    const showSelectDropdown = ref(false);
-    const optionObj = ref(/* @__PURE__ */ new Map());
-    const optionDataList = computed(() => Array.from(optionObj.value.values()));
-    const selectedLabel = ref("");
-    const selectContainerRef = ref();
-    const selectDropDownRef = ref();
-    const dropDirection = ref("down");
-    watch(
-      () => props.modelValue,
-      (val) => {
-        if (optionObj.value.get(val)) {
-          selectedLabel.value = optionObj.value.get(props.modelValue).label;
-        }
+  setup(u, { emit: I }) {
+    const { nextZIndex: z } = G(), o = u, r = I, t = n(!1), l = n(/* @__PURE__ */ new Map()), d = b(() => Array.from(l.value.values())), s = n(""), f = n(), a = n(), m = n("down");
+    g(
+      () => o.modelValue,
+      (e) => {
+        l.value.get(e) && (s.value = l.value.get(o.modelValue).label);
       },
-      { immediate: true }
-    );
-    watch(optionDataList, () => {
-      if (optionObj.value.get(props.modelValue)) {
-        selectedLabel.value = optionObj.value.get(props.modelValue).label;
-      }
+      { immediate: !0 }
+    ), g(d, () => {
+      l.value.get(o.modelValue) && (s.value = l.value.get(o.modelValue).label);
     });
-    const dropDownStyle = ref({});
-    function onOptionCreated(option) {
-      optionObj.value.set(option.value, option);
+    const v = n({});
+    function H(e) {
+      l.value.set(e.value, e);
     }
-    function onOptionDestroyed(value) {
-      optionObj.value.delete(value);
+    function R(e) {
+      l.value.delete(e);
     }
-    function onOptionSelected(option) {
-      showSelectDropdown.value = false;
-      emits("update:modelValue", option.value);
-      emits("change", option.value);
+    function E(e) {
+      t.value = !1, r("update:modelValue", e.value), r("change", e.value);
     }
-    const selectedValue = computed(() => props.modelValue);
-    provide(
+    const p = b(() => o.modelValue);
+    P(
       "select",
-      reactive({
-        selectedValue,
-        optionObj,
-        optionDataList,
-        onOptionCreated,
-        onOptionDestroyed,
-        onOptionSelected
+      $({
+        selectedValue: p,
+        optionObj: l,
+        optionDataList: d,
+        onOptionCreated: H,
+        onOptionDestroyed: R,
+        onOptionSelected: E
       })
     );
-    function handleClickSelect() {
-      if (props.disabled) {
-        return;
-      }
-      if (showSelectDropdown.value) {
-        showSelectDropdown.value = false;
-      } else {
-        handleDropDownPosition();
-        dropDownStyle.value = { zIndex: nextZIndex() };
-        showSelectDropdown.value = true;
-        optionObj.value.get(props.modelValue).ref.scrollIntoView({ block: "center" });
-      }
+    function j() {
+      o.disabled || (t.value ? t.value = !1 : (A(), v.value = { zIndex: z() }, t.value = !0, l.value.get(o.modelValue).ref.scrollIntoView({ block: "center" })));
     }
-    function handleDropDownPosition() {
-      var _a;
-      const { top, bottom } = selectContainerRef.value.getBoundingClientRect() || {};
-      const container = document.getElementById("roomContainer");
-      const bottomSize = container instanceof HTMLElement ? container.offsetHeight - bottom : -1;
-      let dropDownContainerHeight = 0;
-      if (!showSelectDropdown.value) {
-        selectDropDownRef.value.style = "display:block;position:absolute;z-index:-1000";
-        dropDownContainerHeight = selectDropDownRef.value.offsetHeight;
-        selectDropDownRef.value.style = "";
-      } else {
-        dropDownContainerHeight = (_a = selectDropDownRef.value) == null ? void 0 : _a.offsetHeight;
-      }
-      if (bottomSize < top && bottomSize < dropDownContainerHeight) {
-        dropDirection.value = "up";
-      }
+    function A() {
+      var w;
+      const { top: e, bottom: y } = f.value.getBoundingClientRect() || {}, S = document.getElementById("roomContainer"), C = S instanceof HTMLElement ? S.offsetHeight - y : -1;
+      let c = 0;
+      t.value ? c = (w = a.value) == null ? void 0 : w.offsetHeight : (a.value.style = "display:block;position:absolute;z-index:-1000", c = a.value.offsetHeight, a.value.style = ""), C < e && C < c && (m.value = "up");
     }
-    function handleClickOutside() {
-      if (showSelectDropdown.value) {
-        showSelectDropdown.value = false;
-      }
+    function L() {
+      t.value && (t.value = !1);
     }
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "selectContainerRef",
-        ref: selectContainerRef,
-        class: "select-container"
+    return (e, y) => h((k(), D("div", {
+      ref_key: "selectContainerRef",
+      ref: f,
+      class: "select-container"
+    }, [
+      V("div", {
+        class: i(["select-content", { disabled: u.disabled }]),
+        onClick: j
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["select-content", { disabled: _ctx.disabled }]),
-          onClick: handleClickSelect
-        }, [
-          _ctx.$slots.customSelectContent ? renderSlot(_ctx.$slots, "customSelectContent", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: "select-text",
-            style: normalizeStyle(props.customSelectContentStyle)
-          }, toDisplayString(selectedLabel.value || selectedValue.value), 5)),
-          createVNode(unref(IconArrowStrokeSelectDown), {
-            size: "12",
-            class: normalizeClass(["arrow-icon", { reverse: showSelectDropdown.value }])
-          }, null, 8, ["class"])
-        ], 2),
-        createVNode(Transition, { name: "select-fade" }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              ref_key: "selectDropDownRef",
-              ref: selectDropDownRef,
-              style: normalizeStyle(dropDownStyle.value),
-              class: normalizeClass(["select-dropdown-container", dropDirection.value])
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 6), [
-              [vShow, showSelectDropdown.value]
-            ])
-          ]),
-          _: 3
-        })
-      ])), [
-        [unref(vClickOutside), handleClickOutside]
-      ]);
-    };
+        e.$slots.customSelectContent ? O(e.$slots, "customSelectContent", { key: 0 }, void 0, !0) : (k(), D("span", {
+          key: 1,
+          class: "select-text",
+          style: x(o.customSelectContentStyle)
+        }, M(s.value || p.value), 5)),
+        _(B(F), {
+          size: "12",
+          class: i(["arrow-icon", { reverse: t.value }])
+        }, null, 8, ["class"])
+      ], 2),
+      _(T, { name: "select-fade" }, {
+        default: Z(() => [
+          h(V("div", {
+            ref_key: "selectDropDownRef",
+            ref: a,
+            style: x(v.value),
+            class: i(["select-dropdown-container", m.value])
+          }, [
+            O(e.$slots, "default", {}, void 0, !0)
+          ], 6), [
+            [q, t.value]
+          ])
+        ]),
+        _: 3
+      })
+    ])), [
+      [B(J), L]
+    ]);
   }
-});
-const SelectPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f1ed5be"]]);
+}), te = /* @__PURE__ */ K(Q, [["__scopeId", "data-v-8f1ed5be"]]);
 export {
-  SelectPC as default
+  te as default
 };

package/dist/baseComp/Select/SelectWX.js

@@ -1,9 +1,8 @@
-import { ref, provide, watch, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, toDisplayString, unref, withCtx, renderSlot, nextTick } from "vue";
-import { IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
-import ActionSheep from "../ActionSheep.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "label" };
-const _sfc_main = {
+import { ref as o, provide as k, watch as C, resolveComponent as I, createElementBlock as y, openBlock as D, Fragment as N, createElementVNode as _, createVNode as i, toDisplayString as O, unref as T, withCtx as S, renderSlot as A, nextTick as B } from "vue";
+import { IconArrowStrokeSelectDown as E } from "@tencentcloud/uikit-base-component-vue3";
+import L from "../ActionSheep.js";
+import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const X = { class: "label" }, z = {
   __name: "SelectWX",
   props: {
     value: {
@@ -11,88 +10,59 @@ const _sfc_main = {
     }
   },
   emits: ["change", "input"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const selectedIndex = ref(0);
-    const selectedLabel = ref("");
-    const selectedRef = ref();
-    const options = ref([]);
-    const drawerShow = ref(false);
-    const scrollTop = ref(0);
-    const toggleDrawer = async () => {
-      drawerShow.value = !drawerShow.value;
-      await nextTick();
-      if (drawerShow.value) {
-        scrollTop.value = 42 * selectedIndex.value;
-      }
-    };
-    const onChange = (value) => {
-      emit("change", value);
-      emit("input", value);
-    };
-    const updateSelectedLabel = (newValue) => {
-      const index = options.value.findIndex((option) => option.value === newValue);
-      const matchedOption = options.value[index];
-      if (matchedOption && matchedOption.label !== selectedLabel.value) {
-        selectedIndex.value = index;
-        selectedLabel.value = matchedOption.label;
-        selectedRef.value = matchedOption.ref;
-      }
-    };
-    const addOption = (option) => {
-      const index = options.value.findIndex((item) => item.value === option.value);
-      if (index >= 0) {
-        options.value[index] = option;
-        updateSelectedLabel(props.value);
+  setup(b, { emit: g }) {
+    const n = b, v = g, d = o(0), r = o(""), h = o(), a = o([]), s = o(!1), p = o(0), m = async () => {
+      s.value = !s.value, await B(), s.value && (p.value = 42 * d.value);
+    }, f = (e) => {
+      v("change", e), v("input", e);
+    }, u = (e) => {
+      const t = a.value.findIndex((c) => c.value === e), l = a.value[t];
+      l && l.label !== r.value && (d.value = t, r.value = l.label, h.value = l.ref);
+    }, w = (e) => {
+      const t = a.value.findIndex((l) => l.value === e.value);
+      if (t >= 0) {
+        a.value[t] = e, u(n.value);
         return;
       }
-      options.value.push(option);
-      updateSelectedLabel(props.value);
-    };
-    const handleOptionClick = (value) => {
-      updateSelectedLabel(value);
-      onChange(value);
-      toggleDrawer();
+      a.value.push(e), u(n.value);
+    }, x = (e) => {
+      u(e), f(e), m();
     };
-    provide("TSelect", {
-      value: props.value,
-      label: selectedLabel,
-      addOption,
-      handleOptionClick
-    });
-    watch(
-      () => props.value,
-      (newValue, oldValue) => {
-        if (newValue === oldValue) return;
-        updateSelectedLabel(newValue);
+    return k("TSelect", {
+      value: n.value,
+      label: r,
+      addOption: w,
+      handleOptionClick: x
+    }), C(
+      () => n.value,
+      (e, t) => {
+        e !== t && u(e);
       },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      const _component_scroll_view = resolveComponent("scroll-view");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
+      { immediate: !0 }
+    ), (e, t) => {
+      const l = I("scroll-view");
+      return D(), y(N, null, [
+        _("div", {
           class: "custom-select",
-          onChange: _cache[0] || (_cache[0] = ($event) => onChange($event.target.value)),
-          onClick: toggleDrawer
+          onChange: t[0] || (t[0] = (c) => f(c.target.value)),
+          onClick: m
         }, [
-          createElementVNode("span", _hoisted_1, toDisplayString(selectedLabel.value || props.value), 1),
-          createVNode(unref(IconArrowStrokeSelectDown), { size: "12" })
+          _("span", X, O(r.value || n.value), 1),
+          i(T(E), { size: "12" })
         ], 32),
-        createVNode(ActionSheep, {
-          visible: drawerShow.value,
-          onInput: _cache[1] || (_cache[1] = ($event) => drawerShow.value = $event)
+        i(L, {
+          visible: s.value,
+          onInput: t[1] || (t[1] = (c) => s.value = c)
         }, {
-          default: withCtx(() => [
-            createVNode(_component_scroll_view, {
+          default: S(() => [
+            i(l, {
               class: "custom-option-container",
               "scroll-y": "",
-              "scroll-top": scrollTop.value,
+              "scroll-top": p.value,
               "scroll-with-animation": ""
             }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              default: S(() => [
+                A(e.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["scroll-top"])
@@ -102,8 +72,7 @@ const _sfc_main = {
       ], 64);
     };
   }
-};
-const SelectWX = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5736b70"]]);
+}, j = /* @__PURE__ */ W(z, [["__scopeId", "data-v-f5736b70"]]);
 export {
-  SelectWX as default
+  j as default
 };

package/dist/baseComp/Select/index.js

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

package/dist/baseComp/SvgIcon.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, resolveDynamicComponent } from "vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as m, computed as a, createElementBlock as r, openBlock as c, normalizeStyle as u, normalizeClass as d, createBlock as p, createCommentVNode as f, renderSlot as k, resolveDynamicComponent as C } from "vue";
+import { _ as v } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const z = /* @__PURE__ */ m({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -9,26 +9,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const customStyle = computed(() => `width: ${props.size}rem;height: ${props.size}rem;`);
-    function handleClick(event) {
-      emit("click", event);
+  setup(e, { emit: n }) {
+    const t = e, s = n, i = a(() => `width: ${t.size}rem;height: ${t.size}rem;`);
+    function l(o) {
+      s("click", o);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["svg-icon", [_ctx.customClass]]),
-        style: normalizeStyle(customStyle.value),
-        onClick: handleClick
-      }, [
-        _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 6);
-    };
+    return (o, S) => (c(), r("span", {
+      class: d(["svg-icon", [e.customClass]]),
+      style: u(i.value),
+      onClick: l
+    }, [
+      e.icon ? (c(), p(C(e.icon), { key: 0 })) : f("", !0),
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 6));
   }
-});
-const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d94241ee"]]);
+}), g = /* @__PURE__ */ v(z, [["__scopeId", "data-v-d94241ee"]]);
 export {
-  SvgIcon as default
+  g as default
 };

package/dist/baseComp/TuiSwitch.js

@@ -1,28 +1,24 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as a, createElementBlock as i, openBlock as s, normalizeClass as m, createElementVNode as r } from "vue";
+import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const u = /* @__PURE__ */ a({
   __name: "TuiSwitch",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function toggleSwitch() {
-      emit("update:modelValue", !props.modelValue);
+  setup(o, { emit: c }) {
+    const e = o, l = c;
+    function n() {
+      l("update:modelValue", !e.modelValue);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([props.modelValue ? "switch-container" : "switch-container-active"]),
-        onClick: toggleSwitch
-      }, [..._cache[0] || (_cache[0] = [
-        createElementVNode("div", { class: "switch-core" }, null, -1)
-      ])], 2);
-    };
+    return (d, t) => (s(), i("div", {
+      class: m([e.modelValue ? "switch-container" : "switch-container-active"]),
+      onClick: n
+    }, [...t[0] || (t[0] = [
+      r("div", { class: "switch-core" }, null, -1)
+    ])], 2));
   }
-});
-const TuiSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c260f829"]]);
+}), w = /* @__PURE__ */ p(u, [["__scopeId", "data-v-c260f829"]]);
 export {
-  TuiSwitch as default
+  w as default
 };

package/dist/baseComp/View/View.js

@@ -1,4 +1,4 @@
-import { View as _sfc_main } from "./index.js";
+import { View as e } from "./index.js";
 export {
-  _sfc_main as default
+  e as default
 };

package/dist/baseComp/View/index.js

@@ -1,10 +1,8 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
-import { c as cs } from "../../index-BF6QB9jF.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    // eslint-disable-next-line vue/no-reserved-component-names
-    name: "View"
-  },
+import { defineComponent as o, computed as l, createElementBlock as n, openBlock as s, normalizeStyle as r, normalizeClass as d, renderSlot as u } from "vue";
+import { c } from "../../index-DPczIrgX.js";
+const p = /* @__PURE__ */ o({
+  // eslint-disable-next-line vue/no-reserved-component-names
+  name: "View",
   __name: "View",
   props: {
     gap: { default: void 0 },
@@ -12,28 +10,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     justify: { default: void 0 },
     align: { default: void 0 }
   },
-  setup(__props) {
-    const props = __props;
-    const computedClass = computed(() => cs(
+  setup(i) {
+    const e = i, t = l(() => c(
       "view__v",
       {
-        "view__v--dir-row": props.dir === "row",
-        [`view__v--justify-${props.justify}`]: props.justify,
-        [`view__v--align-${props.align}`]: props.align
+        "view__v--dir-row": e.dir === "row",
+        [`view__v--justify-${e.justify}`]: e.justify,
+        [`view__v--align-${e.align}`]: e.align
       }
     ));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(computedClass.value),
-        style: normalizeStyle({
-          gap: _ctx.gap ? `${_ctx.gap}px` : void 0
-        })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
+    return (a, m) => (s(), n("div", {
+      class: d(t.value),
+      style: r({
+        gap: i.gap ? `${i.gap}px` : void 0
+      })
+    }, [
+      u(a.$slots, "default")
+    ], 6));
   }
 });
 export {
-  _sfc_main as View
+  p as View
 };

package/dist/baseComp/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./Input/index.js";
+import { default as e } from "./Input/index.js";
 export {
-  default2 as Input
+  e as Input
 };

package/dist/baseComp/useZIndex.js

@@ -1,17 +1,12 @@
-import { ref, computed } from "vue";
-const zIndex = ref(0);
-const defaultInitialZIndex = 3e3;
-function useZIndex() {
-  const currentZIndex = computed(() => defaultInitialZIndex + zIndex.value);
-  const nextZIndex = () => {
-    zIndex.value = zIndex.value + 1;
-    return currentZIndex.value;
-  };
+import { ref as u, computed as r } from "vue";
+const e = u(0), a = 3e3;
+function o() {
+  const n = r(() => a + e.value), t = () => (e.value = e.value + 1, n.value);
   return {
-    currentZIndex: currentZIndex.value,
-    nextZIndex
+    currentZIndex: n.value,
+    nextZIndex: t
   };
 }
 export {
-  useZIndex as default
+  o as default
 };