tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/{DialogPortal-8bLejP4P.js → DialogPortal-DWeT-J6v.js}

@@ -1,6 +1,6 @@
-import { a as useVModel, c as createContext, u as useForwardExpose, g as getActiveElement, F as FocusScope_default, D as DismissableLayer_default, f as useEmitAsProps, d as useHideOthers, e as Presence_default, b as useBodyScrollLock, P as Primitive, T as Teleport_default } from "./Teleport-BnT1MTUO.js";
-import { u as useId } from "./useId-DlA8vN1W.js";
-import { g as getOpenState } from "./utils-CnPWv_hZ.js";
+import { u as useVModel, c as createContext, a as useForwardExpose, g as getActiveElement, F as FocusScope_default, D as DismissableLayer_default, f as useEmitAsProps, d as useHideOthers, P as Presence_default, b as useBodyScrollLock, e as Primitive, T as Teleport_default } from "./Teleport-CMvGsENT.js";
+import { u as useId } from "./useId-CsgLY8y3.js";
+import { g as getOpenState } from "./utils-KP1QpeUS.js";
 import { defineComponent, ref, toRefs, renderSlot, unref, onMounted, createBlock, openBlock, withCtx, createVNode, mergeProps, createCommentVNode, normalizeProps, guardReactiveProps } from "vue";
 const [injectDialogRootContext, provideDialogRootContext] = createContext("DialogRoot");
 var DialogRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/{FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js → FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconFile } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilePicker",

package/dist/{ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js → ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconImage } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImagePicker",

package/dist/{MaterialRenameDialog.vue_vue_type_script_setup_true_lang-Cmhf2QX4.js → MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CVh4Regz.js}

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TUIDialog), {
         visible: true,
         title: unref(t)("Rename"),
-        confirmText: unref(t)("保存为新名称"),
+        confirmText: unref(t)("Save as new name"),
         onConfirm: handleRename,
         onClose: closeMaterialRenameDialog,
         onCancel: closeMaterialRenameDialog,

package/dist/{PopoverTrigger-BhQt39dx.js → PopoverTrigger-ByOI-vdB.js}

@@ -1,6 +1,6 @@
-import { a as useVModel, c as createContext, r as reactiveOmit, u as useForwardExpose, F as FocusScope_default, D as DismissableLayer_default, b as useBodyScrollLock, d as useHideOthers, e as Presence_default, T as Teleport_default, P as Primitive } from "./Teleport-BnT1MTUO.js";
-import { P as PopperRoot_default, u as useForwardProps, a as useFocusGuards, b as PopperContent_default, c as useForwardPropsEmits, d as PopperAnchor_default } from "./PopperContent-C59duB_H.js";
-import { u as useId } from "./useId-DlA8vN1W.js";
+import { u as useVModel, c as createContext, r as reactiveOmit, a as useForwardExpose, F as FocusScope_default, D as DismissableLayer_default, b as useBodyScrollLock, d as useHideOthers, P as Presence_default, T as Teleport_default, e as Primitive } from "./Teleport-CMvGsENT.js";
+import { P as PopperRoot_default, u as useForwardProps, a as useFocusGuards, b as PopperContent_default, c as useForwardPropsEmits, d as PopperAnchor_default } from "./PopperContent-BaiCn-CA.js";
+import { u as useId } from "./useId-CsgLY8y3.js";
 import { defineComponent, toRefs, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, mergeProps, withModifiers, normalizeProps, guardReactiveProps, onMounted, resolveDynamicComponent } from "vue";
 const [injectPopoverRootContext, providePopoverRootContext] = createContext("PopoverRoot");
 var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/{PopperContent-C59duB_H.js → PopperContent-BaiCn-CA.js}

@@ -1,5 +1,5 @@
 import { watchEffect, getCurrentInstance, toRef, computed, camelize, ref, onMounted, defineComponent, renderSlot, watchPostEffect, createBlock, openBlock, unref, withCtx, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, mergeDefaults, createElementBlock, normalizeStyle, createVNode, mergeProps } from "vue";
-import { h as isClient, f as useEmitAsProps, j as unrefElement, c as createContext, u as useForwardExpose, P as Primitive, k as computedEager } from "./Teleport-BnT1MTUO.js";
+import { h as isClient, f as useEmitAsProps, j as unrefElement, c as createContext, a as useForwardExpose, e as Primitive, k as computedEager } from "./Teleport-CMvGsENT.js";
 let count = 0;
 function useFocusGuards() {
   watchEffect((cleanupFn) => {

package/dist/{Teleport-BnT1MTUO.js → Teleport-CMvGsENT.js}

@@ -131,7 +131,6 @@ function reactiveOmit(obj, ...keys) {
   return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const isDef = (val) => typeof val !== "undefined";
 const toString = Object.prototype.toString;
 const isObject = (val) => toString.call(val) === "[object Object]";
@@ -1344,14 +1343,14 @@ var Teleport_default = Teleport_vue_vue_type_script_setup_true_lang_default;
 export {
   DismissableLayer_default as D,
   FocusScope_default as F,
-  Primitive as P,
+  Presence_default as P,
   Slot as S,
   Teleport_default as T,
-  useVModel as a,
+  useForwardExpose as a,
   useBodyScrollLock as b,
   createContext as c,
   useHideOthers as d,
-  Presence_default as e,
+  Primitive as e,
   useEmitAsProps as f,
   getActiveElement as g,
   isClient as h,
@@ -1362,5 +1361,5 @@ export {
   createSharedComposable as m,
   useEventListener as n,
   reactiveOmit as r,
-  useForwardExpose as u
+  useVModel as u
 };

package/dist/{VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js → VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconVideo } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VideoPicker",

package/dist/baseComp/AudioIcon.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efc87e1f"]]);
+const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1854d402"]]);
 export {
   AudioIcon as default
 };

package/dist/baseComp/Modal/Modal.js

@@ -1,5 +1,5 @@
 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-8bLejP4P.js";
+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({
   __name: "Modal",

package/dist/baseComp/Popup/Popup.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, watch, onMounted, onUnmounted, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, renderSlot, nextTick } from "vue";
+import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Popup",
+  props: {
+    open: { type: Boolean, default: false },
+    anchor: {},
+    placement: { default: "top" },
+    disablePortal: { type: Boolean, default: false },
+    strategy: { default: "absolute" },
+    offset: { default: 10 }
+  },
+  setup(__props) {
+    const props = __props;
+    const popupRef = ref(null);
+    const popupStyle = ref({});
+    const calculatePosition = () => {
+      if (!props.anchor || !popupRef.value) return;
+      const anchorRect = props.anchor.getBoundingClientRect();
+      const popupRect = popupRef.value.getBoundingClientRect();
+      let top = 0;
+      let left = 0;
+      switch (props.placement) {
+        case "top":
+          top = anchorRect.top - popupRect.height - props.offset;
+          left = anchorRect.left + (anchorRect.width - popupRect.width) / 2;
+          break;
+        case "bottom":
+          top = anchorRect.bottom + props.offset;
+          left = anchorRect.left + (anchorRect.width - popupRect.width) / 2;
+          break;
+        case "left":
+          top = anchorRect.top + (anchorRect.height - popupRect.height) / 2;
+          left = anchorRect.left - popupRect.width - props.offset;
+          break;
+        case "right":
+          top = anchorRect.top + (anchorRect.height - popupRect.height) / 2;
+          left = anchorRect.right + props.offset;
+          break;
+        case "top-start":
+          top = anchorRect.top - popupRect.height - props.offset;
+          left = anchorRect.left;
+          break;
+        case "top-end":
+          top = anchorRect.top - popupRect.height - props.offset;
+          left = anchorRect.right - popupRect.width;
+          break;
+        case "bottom-start":
+          top = anchorRect.bottom + props.offset;
+          left = anchorRect.left;
+          break;
+        case "bottom-end":
+          top = anchorRect.bottom + props.offset;
+          left = anchorRect.right - popupRect.width;
+          break;
+        case "left-start":
+          top = anchorRect.top;
+          left = anchorRect.left - popupRect.width - props.offset;
+          break;
+        case "left-end":
+          top = anchorRect.bottom - popupRect.height;
+          left = anchorRect.left - popupRect.width - props.offset;
+          break;
+        case "right-start":
+          top = anchorRect.top;
+          left = anchorRect.right + props.offset;
+          break;
+        case "right-end":
+          top = anchorRect.bottom - popupRect.height;
+          left = anchorRect.right + props.offset;
+          break;
+      }
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      if (left < 0) left = 0;
+      if (left + popupRect.width > viewportWidth) left = viewportWidth - popupRect.width;
+      if (top < 0) top = 0;
+      if (top + popupRect.height > viewportHeight) top = viewportHeight - popupRect.height;
+      popupStyle.value = {
+        position: props.strategy,
+        top: `${top}px`,
+        left: `${left}px`,
+        zIndex: 1e3
+      };
+    };
+    const updatePosition = () => {
+      nextTick(() => {
+        calculatePosition();
+      });
+    };
+    watch([() => props.open, () => props.anchor, () => props.placement], updatePosition);
+    onMounted(() => {
+      window.addEventListener("resize", updatePosition);
+      window.addEventListener("scroll", updatePosition);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: _ctx.disablePortal ? void 0 : "body",
+        disabled: _ctx.disablePortal
+      }, [
+        createVNode(Transition, { name: "popup" }, {
+          default: withCtx(() => [
+            _ctx.open && _ctx.anchor ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "popupRef",
+              ref: popupRef,
+              class: normalizeClass(["tui-kit-popup", _ctx.$style.popup])
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, ["to", "disabled"]);
+    };
+  }
+});
+const popup = "_popup_milgd_1";
+const style0 = {
+  popup
+};
+const cssModules = {
+  "$style": style0
+};
+const Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Popup as default
+};

package/dist/baseComp/Popup/Popup.vue.d.ts

@@ -0,0 +1,54 @@
+export interface PopupProps {
+    open?: boolean;
+    anchor?: HTMLElement | null;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    disablePortal?: boolean;
+    strategy?: 'absolute' | 'fixed';
+    offset?: number;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PopupProps>, {
+    open: boolean;
+    placement: string;
+    disablePortal: boolean;
+    strategy: string;
+    offset: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PopupProps>, {
+    open: boolean;
+    placement: string;
+    disablePortal: boolean;
+    strategy: string;
+    offset: number;
+}>>> & Readonly<{}>, {
+    open: boolean;
+    placement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    disablePortal: boolean;
+    strategy: "absolute" | "fixed";
+    offset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/baseComp/Popup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Popup } from './Popup.vue';
+export type { PopupProps } from './Popup.vue';

package/dist/baseComp/Popup/index.js

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

package/dist/baseComp/View/View.js

@@ -1,42 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
-import { c as cs } from "../../index-BF6QB9jF.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    // eslint-disable-next-line vue/no-reserved-component-names
-    name: "View",
-    inheritAttrs: true
-  },
-  __name: "View",
-  props: {
-    dir: { default: "column" },
-    justify: { default: void 0 },
-    align: { default: void 0 },
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const computedClass = computed(() => cs(
-      "view__v",
-      {
-        "view__v--dir-row": props.dir === "row",
-        [`view__v--justify-${props.justify}`]: props.justify,
-        [`view__v--align-${props.align}`]: props.align
-      },
-      props.class
-    ));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(computedClass.value),
-        style: normalizeStyle(props.style)
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 6);
-    };
-  }
-});
-const View = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d4ef2cd"]]);
+import { View as _sfc_main } from "./index.js";
 export {
-  View as default
+  _sfc_main as default
 };

package/dist/baseComp/View/View.vue.d.ts

@@ -1,33 +1,27 @@
-import { CSSProperties } from 'vue';
-
 interface ViewProps {
+    gap?: number;
     dir?: 'row' | 'column';
     justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
     align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-    class?: string;
-    style?: CSSProperties;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ViewProps>, {
+    gap: undefined;
     dir: string;
     justify: undefined;
     align: undefined;
-    class: undefined;
-    style: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ViewProps>, {
+    gap: undefined;
     dir: string;
     justify: undefined;
     align: undefined;
-    class: undefined;
-    style: undefined;
 }>>> & Readonly<{}>, {
-    style: CSSProperties;
-    class: string;
     justify: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
     align: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
     dir: "row" | "column";
+    gap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/baseComp/View/index.js

@@ -1,4 +1,39 @@
-import { default as default2 } from "./View.js";
+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"
+  },
+  __name: "View",
+  props: {
+    gap: { default: void 0 },
+    dir: { default: "column" },
+    justify: { default: void 0 },
+    align: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedClass = computed(() => cs(
+      "view__v",
+      {
+        "view__v--dir-row": props.dir === "row",
+        [`view__v--justify-${props.justify}`]: props.justify,
+        [`view__v--align-${props.align}`]: props.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);
+    };
+  }
+});
 export {
-  default2 as View
+  _sfc_main as View
 };

package/dist/baseComp/index.d.ts

@@ -0,0 +1,2 @@
+export { Popup } from './Popup';
+export { default as Input } from './Input';

package/dist/baseComp/index.js

@@ -0,0 +1,6 @@
+import { default as default2 } from "./Input/index.js";
+import { default as default3 } from "./Popup/Popup.js";
+export {
+  default2 as Input,
+  default3 as Popup
+};