tuikit-atomicx-vue3 3.4.2 → 3.5.0-beta.8

package/.eslintrc.cjs

@@ -28,6 +28,7 @@ module.exports = {
     ],
     'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': 'error',
+    '@typescript-eslint/no-duplicate-enum-values': 0,
   },
   ignorePatterns: ['node_modules', 'public', 'dist', '*.d.ts', '!.*.cjs', '!.storybook', '*.cjs'],
 };

package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js → MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js}

@@ -1,9 +1,9 @@
-import { defineComponent as B, computed as E, createElementBlock as f, openBlock as r, normalizeClass as s, unref as o, renderSlot as i, createElementVNode as m, Fragment as F, renderList as V, createBlock as d, resolveDynamicComponent as A, mergeProps as M, createVNode as T, withCtx as g, createCommentVNode as j } from "vue";
+import { defineComponent as E, computed as F, createElementBlock as f, openBlock as l, normalizeClass as s, unref as o, renderSlot as i, createElementVNode as m, Fragment as V, renderList as A, createBlock as d, resolveDynamicComponent as M, mergeProps as T, createVNode as L, withCtx as g, createCommentVNode as w } from "vue";
 import { AttachmentPicker as k } from "./components/MessageInput/AttachmentPicker/index.js";
-import N from "./components/MessageInput/AttachmentPicker/FilePicker.js";
-import L from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
-import O from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
-import x from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
+import x from "./components/MessageInput/AttachmentPicker/FilePicker.js";
+import j from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
+import N from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
+import O from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
 import z from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
 import { QuotedMessagePreview as D } from "./components/MessageInput/QuotedMessagePreview/index.js";
 import { SendButton as K } from "./components/MessageInput/SendButton/index.js";
@@ -11,21 +11,22 @@ import { TextEditor as Q } from "./components/MessageInput/TextEditor/index.js";
 import R from "./components/MessageInput/VideoCallPicker/VideoCallPicker.js";
 import { useMessageInputState as U } from "./states/MessageInputState/MessageInputState.js";
 const a = {
-  "message-input": "_message-input_clemw_1",
-  "message-input__toolbar": "_message-input__toolbar_clemw_11",
-  "message-input__wrapper": "_message-input__wrapper_clemw_18",
-  "message-input__leftInline": "_message-input__leftInline_clemw_23",
-  "message-input__rightInline": "_message-input__rightInline_clemw_23",
-  "message-input__actions": "_message-input__actions_clemw_27",
-  "message-input__footerToolbar": "_message-input__footerToolbar_clemw_33"
-}, se = /* @__PURE__ */ B({
+  "message-input": "_message-input_m79i1_1",
+  "message-input__toolbar": "_message-input__toolbar_m79i1_11",
+  "message-input__wrapper": "_message-input__wrapper_m79i1_19",
+  "message-input__leftInline": "_message-input__leftInline_m79i1_24",
+  "message-input__rightInline": "_message-input__rightInline_m79i1_24",
+  "message-input__actions": "_message-input__actions_m79i1_28",
+  "message-input__footerToolbar": "_message-input__footerToolbar_m79i1_34"
+}, se = /* @__PURE__ */ E({
   __name: "MessageInput",
   props: {
     autoFocus: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
     hideSendButton: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
+    placeholder: { default: void 0 },
     attachmentPickerMode: { default: "collapsed" },
+    maxLength: { default: void 0 },
     actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
     slots: {}
   },
@@ -33,53 +34,54 @@ const a = {
     const u = [
       { key: "EmojiPicker", component: z },
       { key: "AttachmentPicker", component: k },
-      { key: "FilePicker", component: N },
-      { key: "ImagePicker", component: L },
-      { key: "VideoPicker", component: O },
-      { key: "AudioCallPicker", component: x },
+      { key: "FilePicker", component: x },
+      { key: "ImagePicker", component: j },
+      { key: "VideoPicker", component: N },
+      { key: "AudioCallPicker", component: O },
       { key: "VideoCallPicker", component: R }
-    ], c = n, { inputRawValue: P, setContent: b, sendMessage: C } = U(), h = (e, l) => Object.fromEntries(
-      l.map((t) => [t, e[t]]).filter(([, t]) => t !== void 0)
+    ], c = n, { inputRawValue: P, setContent: b, sendMessage: C } = U(), h = (e, r) => Object.fromEntries(
+      r.map((t) => [t, e[t]]).filter(([, t]) => t !== void 0)
     ), y = (e) => {
-      const { component: l = () => null } = u.find(({ key: t }) => t === e) ?? {};
-      return { Component: l, props: { disabled: c.disabled } };
-    }, I = (e) => {
+      const { component: r = () => null } = u.find(({ key: t }) => t === e) ?? {};
+      return { Component: r, props: { disabled: c.disabled } };
+    }, v = (e) => {
       var _;
-      const { key: l, component: t, ...p } = e, $ = ((_ = u.find(({ key: S }) => S === l)) == null ? void 0 : _.component) ?? (() => null);
+      const { key: r, component: t, ...p } = e, S = ((_ = u.find(({ key: B }) => B === r)) == null ? void 0 : _.component) ?? (() => null);
       return {
-        Component: t ?? $,
+        Component: t ?? S,
         props: h(p, ["label", "className", "style", "iconSize"])
       };
-    }, v = E(
-      () => c.actions.map((e) => typeof e == "string" ? y(e) : I(e)).filter(({ Component: e }) => e !== null)
-    ), w = () => {
+    }, I = F(
+      () => c.actions.map((e) => typeof e == "string" ? y(e) : v(e)).filter(({ Component: e }) => e !== null)
+    ), $ = () => {
       P.value && (C(), b(""));
     };
-    return (e, l) => (r(), f("div", {
+    return (e, r) => (l(), f("div", {
       class: s([o(a)["message-input"]])
     }, [
       i(e.$slots, "headerToolbar", {}, () => [
         m("div", {
           class: s(o(a)["message-input__toolbar"])
         }, [
-          (r(!0), f(F, null, V(v.value, (t, p) => (r(), d(A(t.Component), M({ key: p }, { ref_for: !0 }, { ...t.props, ...t.Component === o(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
+          (l(!0), f(V, null, A(I.value, (t, p) => (l(), d(M(t.Component), T({ key: p }, { ref_for: !0 }, { ...t.props, ...t.Component === o(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
         ], 2)
       ]),
       m("div", {
         class: s(o(a)["message-input__wrapper"])
       }, [
-        T(o(D)),
+        L(o(D)),
         m("div", {
           class: s(o(a)["message-input__leftInline"])
         }, [
           i(e.$slots, "leftInline")
         ], 2),
         i(e.$slots, "textEditor", {}, () => [
-          (r(), d(o(Q), {
+          (l(), d(o(Q), {
             key: n.disabled ? "disabled-editor" : "enabled-editor",
             autoFocus: n.autoFocus,
             disabled: n.disabled,
-            placeholder: n.placeholder
+            placeholder: n.placeholder,
+            maxLength: n.maxLength
           }, {
             inputPrefix: g(() => [
               i(e.$slots, "inputPrefix")
@@ -88,7 +90,7 @@ const a = {
               i(e.$slots, "inputSuffix")
             ]),
             _: 3
-          }, 8, ["autoFocus", "disabled", "placeholder"]))
+          }, 8, ["autoFocus", "disabled", "placeholder", "maxLength"]))
         ]),
         m("div", {
           class: s(o(a)["message-input__rightInline"])
@@ -100,11 +102,11 @@ const a = {
         m("div", {
           class: s(o(a)["message-input__footerToolbar"])
         }, [
-          n.hideSendButton ? j("", !0) : (r(), d(o(K), {
+          n.hideSendButton ? w("", !0) : (l(), d(o(K), {
             key: 0,
             class: s(o(a)["message-input__send-button"]),
             disabled: c.disabled,
-            onClick: w
+            onClick: $
           }, null, 8, ["class", "disabled"]))
         ], 2)
       ])

package/dist/{PopoverTrigger-L8abAry7.js → PopoverTrigger-CglNN8IV.js}

@@ -1,6 +1,6 @@
-import { u as E, c as N, r as A, a as B, F as R, D as I, b as M, d as T, P as $, T as K, e as w } from "./Teleport-CSEuZbpM.js";
-import { P as L, u as j, a as z, b as U, c as h, d as W } from "./PopperContent-XdhqL8Y2.js";
-import { u as S } from "./useId-CtirfF0W.js";
+import { u as E, c as N, r as A, a as B, F as R, D as I, b as M, d as T, P as $, T as K, e as w } from "./Teleport-D3gvcBbZ.js";
+import { P as L, u as j, a as z, b as U, c as h, d as W } from "./PopperContent-CQa08BXt.js";
+import { u as S } from "./useId-oQ5JZeuH.js";
 import { defineComponent as m, toRefs as x, ref as _, createBlock as y, openBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as C, mergeProps as P, withModifiers as F, normalizeProps as V, guardReactiveProps as G, onMounted as H, resolveDynamicComponent as J } from "vue";
 const [O, Q] = N("PopoverRoot");
 var X = /* @__PURE__ */ m({

package/dist/{PopperContent-XdhqL8Y2.js → PopperContent-CQa08BXt.js}

@@ -1,5 +1,5 @@
 import { watchEffect as je, getCurrentInstance as ct, toRef as ft, computed as O, camelize as ut, ref as V, onMounted as dt, defineComponent as Ce, renderSlot as Oe, watchPostEffect as Ie, createBlock as pt, openBlock as Xe, unref as M, withCtx as Ye, shallowRef as mt, watch as he, getCurrentScope as ht, onScopeDispose as gt, shallowReadonly as Q, mergeDefaults as wt, createElementBlock as yt, normalizeStyle as vt, createVNode as xt, mergeProps as bt } from "vue";
-import { h as At, f as Ct, j as Ot, c as Ue, a as Ge, e as Ke, k as Pt } from "./Teleport-CSEuZbpM.js";
+import { h as At, f as Ct, j as Ot, c as Ue, a as Ge, e as Ke, k as Pt } from "./Teleport-D3gvcBbZ.js";
 let ge = 0;
 function Vn() {
   je((e) => {