tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/MessageInput/AttachmentPicker/AttachmentPicker.vue.d.ts

@@ -1,13 +1,17 @@
 interface Props {
     attachmentPickerMode?: 'collapsed' | 'expanded';
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     attachmentPickerMode: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     attachmentPickerMode: string;
 }>>> & Readonly<{}>, {
     attachmentPickerMode: "collapsed" | "expanded";
 }, {}, {}, {}, 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> = {
@@ -26,3 +30,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/FilePicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-CdJ4DUzE.js";
+import { defineComponent as C, useCssModule as k, ref as b, createBlock as y, openBlock as h, unref as e, withCtx as E, createElementVNode as n, renderSlot as I, normalizeClass as a, createVNode as P } from "vue";
+import { IconFile as T } from "@tencentcloud/uikit-base-component-vue3";
+import { c as _ } from "../../../index-DPczIrgX.js";
+import { View as g } from "../../../baseComp/View/index.js";
+import { useMessageInputState as M } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as S } from "../../../states/MessageInputState/type.js";
+import { _ as z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const F = ["accept"], v = /* @__PURE__ */ C({
+  __name: "FilePicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(f) {
+    const d = {
+      ACCEPT_TYPE: "*/*"
+    }, o = f, i = k(), { sendMessage: p } = M(), l = b(null);
+    function u() {
+      var t;
+      o.disabled || (t = l.value) == null || t.click();
+    }
+    function m(t) {
+      var r;
+      const s = t.target, c = (r = s.files) == null ? void 0 : r[0];
+      c && (p([{ type: S.FILE, content: c }]), s.value = "");
+    }
+    return (t, s) => (h(), y(e(g), null, {
+      default: E(() => [
+        n("div", { onClick: u }, [
+          I(t.$slots, "default", {}, () => [
+            n("div", {
+              class: a(e(_)(e(i)["file-picker__button"], {
+                [e(i).disabled]: o.disabled
+              }))
+            }, [
+              P(e(T), {
+                size: o.iconSize,
+                class: a(e(_)(e(i)["file-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        n("input", {
+          ref_key: "fileInputRef",
+          ref: l,
+          type: "file",
+          accept: d.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, F)
+      ]),
+      _: 3
+    }));
+  }
+}), B = "_disabled_o5cim_16", N = {
+  "file-picker__button": "_file-picker__button_o5cim_1",
+  disabled: B,
+  "file-picker__icon": "_file-picker__icon_o5cim_22"
+}, x = {
+  $style: N
+}, L = /* @__PURE__ */ z(v, [["__cssModules", x]]);
 export {
-  _sfc_main as default
+  L as default
 };

package/dist/components/MessageInput/AttachmentPicker/FilePicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: 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> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/ImagePicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CbNUofpK.js";
+import { defineComponent as g, useCssModule as C, ref as k, createBlock as b, openBlock as I, unref as e, withCtx as y, createElementVNode as i, renderSlot as h, normalizeClass as r, createVNode as E } from "vue";
+import { IconImage as M } from "@tencentcloud/uikit-base-component-vue3";
+import { c as _ } from "../../../index-DPczIrgX.js";
+import { View as P } from "../../../baseComp/View/index.js";
+import { useMessageInputState as T } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as w } from "../../../states/MessageInputState/type.js";
+import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["accept"], z = /* @__PURE__ */ g({
+  __name: "ImagePicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    const d = {
+      ACCEPT_TYPE: ".jpg,.jpeg,.gif,.png,.bmp,.webp"
+    }, s = p, n = C(), { sendMessage: f } = T(), l = k(null);
+    function u() {
+      var t;
+      s.disabled || (t = l.value) == null || t.click();
+    }
+    function m(t) {
+      var a;
+      const o = t.target, c = (a = o.files) == null ? void 0 : a[0];
+      c && (f([{ type: w.IMAGE, content: c }]), o.value = "");
+    }
+    return (t, o) => (I(), b(e(P), null, {
+      default: y(() => [
+        i("div", { onClick: u }, [
+          h(t.$slots, "default", {}, () => [
+            i("div", {
+              class: r(e(_)(e(n)["image-picker__button"], {
+                [e(n).disabled]: s.disabled
+              }))
+            }, [
+              E(e(M), {
+                size: s.iconSize,
+                class: r(e(_)(e(n)["image-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        i("input", {
+          ref_key: "fileInputRef",
+          ref: l,
+          type: "file",
+          accept: d.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, S)
+      ]),
+      _: 3
+    }));
+  }
+}), v = "_disabled_xwls5_16", A = {
+  "image-picker__button": "_image-picker__button_xwls5_1",
+  disabled: v,
+  "image-picker__icon": "_image-picker__icon_xwls5_22"
+}, B = {
+  $style: A
+}, G = /* @__PURE__ */ x(z, [["__cssModules", B]]);
 export {
-  _sfc_main as default
+  G as default
 };

package/dist/components/MessageInput/AttachmentPicker/ImagePicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: 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> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/VideoPicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-CmxjbNDJ.js";
+import { defineComponent as k, useCssModule as C, ref as b, createBlock as v, openBlock as y, unref as e, withCtx as h, createElementVNode as i, renderSlot as E, normalizeClass as a, createVNode as I } from "vue";
+import { IconVideo as P } from "@tencentcloud/uikit-base-component-vue3";
+import { c as d } from "../../../index-DPczIrgX.js";
+import { View as T } from "../../../baseComp/View/index.js";
+import { useMessageInputState as V } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as g } from "../../../states/MessageInputState/type.js";
+import { _ as M } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["accept"], z = /* @__PURE__ */ k({
+  __name: "VideoPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(_) {
+    const p = {
+      ACCEPT_TYPE: ".mp4,.mov,.qt"
+    }, o = _, s = C(), { sendMessage: u } = V(), c = b(null);
+    function f() {
+      var t;
+      o.disabled || (t = c.value) == null || t.click();
+    }
+    function m(t) {
+      var r;
+      const n = t.target, l = (r = n.files) == null ? void 0 : r[0];
+      l && (u([{ type: g.VIDEO, content: l }]), n.value = "");
+    }
+    return (t, n) => (y(), v(e(T), null, {
+      default: h(() => [
+        i("div", { onClick: f }, [
+          E(t.$slots, "default", {}, () => [
+            i("div", {
+              class: a(e(d)(e(s)["video-picker__button"], {
+                [e(s).disabled]: o.disabled
+              }))
+            }, [
+              I(e(P), {
+                size: o.iconSize,
+                class: a(e(d)(e(s)["video-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        i("input", {
+          ref_key: "fileInputRef",
+          ref: c,
+          type: "file",
+          accept: p.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, S)
+      ]),
+      _: 3
+    }));
+  }
+}), B = "_disabled_1skpb_16", N = {
+  "video-picker__button": "_video-picker__button_1skpb_1",
+  disabled: B,
+  "video-picker__icon": "_video-picker__icon_1skpb_22"
+}, x = {
+  $style: N
+}, D = /* @__PURE__ */ M(z, [["__cssModules", x]]);
 export {
-  _sfc_main as default
+  D as default
 };

package/dist/components/MessageInput/AttachmentPicker/VideoPicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: 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> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/index.js

@@ -1,87 +1,85 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, withCtx, createVNode, createElementVNode, Fragment, renderList, resolveDynamicComponent, mergeProps } from "vue";
-import { useUIKit, IconPlus } from "@tencentcloud/uikit-base-component-vue3";
-import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-BKOIHfdS.js";
-import { s as styles } from "../../../AttachmentPicker.module-BesmtGyl.js";
-import { _ as _sfc_main$1 } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-CdJ4DUzE.js";
-import { _ as _sfc_main$2 } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CbNUofpK.js";
-import { _ as _sfc_main$3 } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-CmxjbNDJ.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as E, computed as k, createElementBlock as o, openBlock as t, normalizeClass as n, unref as e, createBlock as s, withCtx as r, createVNode as c, renderSlot as b, createElementVNode as I, Fragment as f, renderList as h, resolveDynamicComponent as P, mergeProps as C } from "vue";
+import { useUIKit as D, IconPlus as q } from "@tencentcloud/uikit-base-component-vue3";
+import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-L8abAry7.js";
+import S from "./FilePicker.js";
+import V from "./ImagePicker.js";
+import z from "./VideoPicker.js";
+const p = {
+  "attachment-picker": "_attachment-picker_1bduq_1",
+  "attachment-picker__icon": "_attachment-picker__icon_1bduq_5",
+  "attachment-picker__popup": "_attachment-picker__popup_1bduq_9",
+  "attachment-picker--expanded": "_attachment-picker--expanded_1bduq_19",
+  "attachment-picker__item": "_attachment-picker__item_1bduq_24",
+  "attachment-picker__item-icon": "_attachment-picker__item-icon_1bduq_48"
+}, w = /* @__PURE__ */ E({
   __name: "AttachmentPicker",
   props: {
     attachmentPickerMode: { default: "collapsed" }
   },
-  setup(__props) {
-    const ICON_SIZE = {
+  setup(v) {
+    const _ = {
       COLLAPSED: 18,
       EXPANDED: 24
-    };
-    const props = __props;
-    const { t } = useUIKit();
-    const isCollapsed = computed(() => props.attachmentPickerMode === "collapsed");
-    const pickerItems = computed(() => [
-      { type: "file", Component: _sfc_main$1 },
-      { type: "image", Component: _sfc_main$2 },
-      { type: "video", Component: _sfc_main$3 }
-    ].map(({ type, Component }) => ({
-      Component,
+    }, g = v, { t: y } = D(), i = k(() => g.attachmentPickerMode === "collapsed"), u = k(() => [
+      { type: "file", Component: S },
+      { type: "image", Component: V },
+      { type: "video", Component: z }
+    ].map(({ type: m, Component: d }) => ({
+      Component: d,
       props: {
-        label: isCollapsed.value ? t(`MessageInput.${type}`) : "",
-        iconSize: isCollapsed.value ? ICON_SIZE.COLLAPSED : ICON_SIZE.EXPANDED
+        label: i.value ? y(`MessageInput.${m}`) : "",
+        iconSize: i.value ? _.COLLAPSED : _.EXPANDED
       }
     })));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["attachment-picker"]])
-      }, [
-        isCollapsed.value ? (openBlock(), createBlock(unref(PopoverRoot_default), { key: 0 }, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger_default), { as: "span" }, {
-              default: withCtx(() => [
-                createVNode(unref(IconPlus), {
-                  class: normalizeClass(unref(styles)["attachment-picker__icon"]),
+    return (m, d) => (t(), o("div", {
+      class: n([e(p)["attachment-picker"]])
+    }, [
+      i.value ? (t(), s(e(A), { key: 0 }, {
+        default: r(() => [
+          c(e(x), { as: "div" }, {
+            default: r(() => [
+              b(m.$slots, "default", {}, () => [
+                c(e(q), {
+                  class: n(e(p)["attachment-picker__icon"]),
                   size: "20"
                 }, null, 8, ["class"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(PopoverPortal_default), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent_default), {
-                  side: "top",
-                  align: "start",
-                  "side-offset": 5
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(styles)["attachment-picker__popup"])
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-                        return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-                      }), 128))
-                    ], 2)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(styles)["attachment-picker--expanded"])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-          }), 128))
-        ], 2))
-      ], 2);
-    };
+              ])
+            ]),
+            _: 3
+          }),
+          c(e(L), null, {
+            default: r(() => [
+              c(e(N), {
+                side: "top",
+                align: "start",
+                "side-offset": 5
+              }, {
+                default: r(() => [
+                  I("div", {
+                    class: n(e(p)["attachment-picker__popup"])
+                  }, [
+                    (t(!0), o(f, null, h(u.value, (a, l) => (t(), s(P(a.Component), C({ key: l }, { ref_for: !0 }, a.props), null, 16))), 128))
+                  ], 2)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      })) : (t(), o("div", {
+        key: 1,
+        class: n(e(p)["attachment-picker--expanded"])
+      }, [
+        (t(!0), o(f, null, h(u.value, (a, l) => (t(), s(P(a.Component), C({ key: l }, { ref_for: !0 }, a.props), null, 16))), 128))
+      ], 2))
+    ], 2));
   }
 });
 export {
-  _sfc_main as AttachmentPicker,
-  _sfc_main$1 as FilePicker,
-  _sfc_main$2 as ImagePicker,
-  _sfc_main$3 as VideoPicker
+  w as AttachmentPicker,
+  S as FilePicker,
+  V as ImagePicker,
+  z as VideoPicker
 };