ant-design-x-vue 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var cy = Object.defineProperty;
 var uy = (e, t, n) => t in e ? cy(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var to = (e, t, n) => uy(e, typeof t != "symbol" ? t + "" : t, n);
-import { computed as S, inject as ye, provide as be, shallowRef as K, defineComponent as k, watch as Q, unref as le, triggerRef as Lt, Fragment as Te, isVNode as Dt, Comment as dy, Text as Cm, reactive as Ge, getCurrentInstance as It, onMounted as xe, onUpdated as Lo, onUnmounted as qn, ref as G, watchEffect as $e, onBeforeUnmount as Be, createVNode as f, h as $o, Transition as Bt, withDirectives as Gt, resolveDirective as fy, cloneVNode as Is, nextTick as He, toRef as Ee, withModifiers as xu, vShow as bn, onBeforeMount as py, Teleport as Qi, createTextVNode as gr, isRef as my, toRefs as Ts, toRaw as xo, render as vr, onBeforeUpdate as Sm, TransitionGroup as Es, createApp as gy, useSlots as Tt, mergeProps as We, onWatcherCleanup as Bo, toValue as Ne, mergeDefaults as Je, useAttrs as $m, useTemplateRef as wo, openBlock as xm, createElementBlock as wm, createElementVNode as go, useId as vy } from "vue";
+import { computed as S, inject as ye, provide as be, shallowRef as K, defineComponent as k, watch as Q, unref as le, triggerRef as Lt, Fragment as Te, isVNode as Dt, Comment as dy, Text as Cm, reactive as Ge, getCurrentInstance as It, onMounted as xe, onUpdated as Lo, onUnmounted as qn, ref as G, watchEffect as $e, onBeforeUnmount as Be, createVNode as f, h as $o, Transition as Bt, withDirectives as Gt, resolveDirective as fy, cloneVNode as Is, nextTick as He, toRef as Ee, withModifiers as xu, vShow as bn, onBeforeMount as py, Teleport as Qi, createTextVNode as gr, isRef as my, toRefs as Ts, toRaw as xo, render as vr, onBeforeUpdate as Sm, TransitionGroup as Es, createApp as gy, useSlots as Tt, mergeProps as We, onWatcherCleanup as Bo, toValue as Ne, mergeDefaults as Qe, useAttrs as $m, useTemplateRef as wo, openBlock as xm, createElementBlock as wm, createElementVNode as go, useId as vy } from "vue";
 const hr = function() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
@@ -19514,7 +19514,7 @@ Ui.newInstance = function(t, n) {
       let {
         attrs: $
       } = b;
-      const w = K(), O = S(() => Qe.getPrefixCls(r, l)), [, x] = d(O);
+      const w = K(), O = S(() => Je.getPrefixCls(r, l)), [, x] = d(O);
       return xe(() => {
         n({
           notice(I) {
@@ -19531,7 +19531,7 @@ Ui.newInstance = function(t, n) {
           component: w
         });
       }), () => {
-        const I = Qe, C = I.getRootPrefixCls(s, O.value), E = c ? u : `${O.value}-${u}`;
+        const I = Je, C = I.getRootPrefixCls(s, O.value), E = c ? u : `${O.value}-${u}`;
         return f(So, B(B({}, I), {}, {
           prefixCls: C
         }), {
@@ -20908,24 +20908,24 @@ var h3 = function(e, t) {
 };
 const y3 = "ant";
 function Co() {
-  return Qe.prefixCls || y3;
+  return Je.prefixCls || y3;
 }
 function jh() {
-  return Qe.iconPrefixCls || As;
+  return Je.iconPrefixCls || As;
 }
-const Lc = Ge({}), Qe = Ge({});
+const Lc = Ge({}), Je = Ge({});
 $e(() => {
-  v(Qe, Lc), Qe.prefixCls = Co(), Qe.iconPrefixCls = jh(), Qe.getPrefixCls = (e, t) => t || (e ? `${Qe.prefixCls}-${e}` : Qe.prefixCls), Qe.getRootPrefixCls = () => Qe.prefixCls ? Qe.prefixCls : Co();
+  v(Je, Lc), Je.prefixCls = Co(), Je.iconPrefixCls = jh(), Je.getPrefixCls = (e, t) => t || (e ? `${Je.prefixCls}-${e}` : Je.prefixCls), Je.getRootPrefixCls = () => Je.prefixCls ? Je.prefixCls : Co();
 });
 let dl;
 const b3 = (e) => {
   dl && dl(), dl = $e(() => {
-    v(Lc, Ge(e)), v(Qe, Ge(e));
+    v(Lc, Ge(e)), v(Je, Ge(e));
   }), e.theme && m3(Co(), e.theme);
 }, C3 = () => ({
   getPrefixCls: (e, t) => t || (e ? `${Co()}-${e}` : Co()),
   getIconPrefixCls: jh,
-  getRootPrefixCls: () => Qe.prefixCls ? Qe.prefixCls : Co()
+  getRootPrefixCls: () => Je.prefixCls ? Je.prefixCls : Co()
 }), So = k({
   compatConfig: {
     MODE: 3
@@ -28345,51 +28345,45 @@ const Ea = {
   inheritAttrs: !1,
   __name: "index",
   props: {
-    bubble: {},
-    conversations: {},
-    prompts: {},
-    sender: {},
-    suggestion: {},
-    thoughtChain: {},
-    attachments: {},
-    welcome: {},
-    iconPrefixCls: {},
-    getTargetContainer: {},
-    getPopupContainer: {},
-    prefixCls: {},
-    getPrefixCls: {},
-    renderEmpty: {},
-    transformCellText: {},
-    csp: {},
-    input: {},
-    autoInsertSpaceInButton: {
-      type: Boolean
-    },
-    locale: {},
-    pageHeader: {},
-    componentSize: {},
-    componentDisabled: {
-      type: Boolean
-    },
-    direction: {},
-    space: {},
-    virtual: {
-      type: Boolean
-    },
-    dropdownMatchSelectWidth: {},
-    form: {},
-    pagination: {},
-    theme: {},
-    select: {},
-    wave: {}
+    bubble: null,
+    conversations: null,
+    prompts: null,
+    sender: null,
+    suggestion: null,
+    thoughtChain: null,
+    attachments: null,
+    welcome: null,
+    iconPrefixCls: null,
+    getTargetContainer: null,
+    getPopupContainer: null,
+    prefixCls: null,
+    getPrefixCls: null,
+    renderEmpty: null,
+    transformCellText: null,
+    csp: null,
+    input: null,
+    autoInsertSpaceInButton: null,
+    locale: null,
+    pageHeader: null,
+    componentSize: null,
+    componentDisabled: null,
+    direction: null,
+    space: null,
+    virtual: null,
+    dropdownMatchSelectWidth: null,
+    form: null,
+    pagination: null,
+    theme: null,
+    select: null,
+    wave: null
   },
   setup(e) {
-    const t = it(e, ["attachments", "bubble", "conversations", "prompts", "suggestion", "thoughtChain", "welcome"]), n = Tt(), o = S(() => ({
+    const t = it(e, ["attachments", "bubble", "conversations", "prompts", "sender", "suggestion", "thoughtChain", "welcome"]), n = Tt(), o = S(() => ({
       attachments: e.attachments,
       bubble: e.bubble,
       conversations: e.conversations,
       prompts: e.prompts,
-      // sender,
+      sender: e.sender,
       suggestion: e.suggestion,
       thoughtChain: e.thoughtChain,
       welcome: e.welcome
@@ -29850,7 +29844,7 @@ const { genStyleHooks: wn, genComponentStyleHook: v7, genSubStyleComponent: h7 }
 }), T0 = /* @__PURE__ */ k({
   name: "AXBubble",
   __name: "Bubble",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     rootClassName: null,
     styles: null,
@@ -30087,7 +30081,7 @@ const AA = 1, MA = /* @__PURE__ */ k({
   name: "AXBubbleList",
   inheritAttrs: !1,
   __name: "BubbleList",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     rootClassName: null,
     items: null,
@@ -30472,7 +30466,7 @@ const Ol = "__ungrouped", LA = (e, t = []) => {
 ), b7 = /* @__PURE__ */ k({
   name: "AXConversations",
   __name: "Conversations",
-  props: Je({
+  props: Qe({
     items: null,
     activeKey: null,
     defaultActiveKey: null,
@@ -30482,9 +30476,7 @@ const Ol = "__ungrouped", LA = (e, t = []) => {
     menu: {
       type: Function
     },
-    groupable: {
-      type: Boolean
-    },
+    groupable: null,
     styles: null,
     classNames: null,
     prefixCls: null,
@@ -30623,7 +30615,7 @@ function kA(e) {
 const C7 = /* @__PURE__ */ k({
   name: "AXWelcome",
   __name: "Welcome",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     rootClassName: null,
     className: null,
@@ -30830,7 +30822,7 @@ const C7 = /* @__PURE__ */ k({
 ), qA = /* @__PURE__ */ k({
   name: "AXPrompts",
   __name: "Prompts",
-  props: Je({
+  props: Qe({
     items: null,
     title: null,
     onItemClick: {
@@ -31015,7 +31007,7 @@ function JA(e, t, n, o, r) {
 const S7 = /* @__PURE__ */ k({
   name: "AXSuggestion",
   __name: "Suggestion",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     className: null,
     rootClassName: null,
@@ -31137,7 +31129,7 @@ const S7 = /* @__PURE__ */ k({
 }), Ra = /* @__PURE__ */ k({
   name: "AXSenderActionButton",
   __name: "index",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -31184,7 +31176,7 @@ const S7 = /* @__PURE__ */ k({
 }), iM = /* @__PURE__ */ k({
   name: "AXSenderClearButton",
   __name: "ClearButton",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -31264,7 +31256,7 @@ const S7 = /* @__PURE__ */ k({
 }), um = /* @__PURE__ */ k({
   name: "AXSenderLoadingButton",
   __name: "LoadingButton",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -31311,7 +31303,7 @@ const S7 = /* @__PURE__ */ k({
 }), dm = /* @__PURE__ */ k({
   name: "AXSenderLoadingButton",
   __name: "SendButton",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -31392,7 +31384,7 @@ const S7 = /* @__PURE__ */ k({
 }), pm = /* @__PURE__ */ k({
   name: "AXSenderSpeechButton",
   __name: "index",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -31741,58 +31733,70 @@ function pM(e, t) {
 const mM = /* @__PURE__ */ k({
   name: "AXSender",
   __name: "Sender",
-  props: {
-    onKeyPress: {},
-    onFocus: {},
-    onBlur: {},
-    prefixCls: {},
-    defaultValue: {},
-    value: {},
+  props: Qe({
+    onKeyPress: {
+      type: Function
+    },
+    onFocus: null,
+    onBlur: null,
+    prefixCls: null,
+    defaultValue: null,
+    value: null,
     loading: {
       type: Boolean
     },
-    placeholder: {},
+    placeholder: null,
     readOnly: {
       type: Boolean
     },
     submitType: {
-      type: [String, Boolean],
-      default: "enter"
+      type: [String, Boolean]
     },
     disabled: {
-      type: Boolean,
-      default: void 0
+      type: Boolean
+    },
+    onSubmit: {
+      type: Function
+    },
+    onChange: {
+      type: Function
+    },
+    onCancel: null,
+    onKeyDown: {
+      type: Function
+    },
+    onPaste: {
+      type: Function
+    },
+    onPasteFile: {
+      type: Function
     },
-    onSubmit: {},
-    onChange: {},
-    onCancel: {},
-    onKeyDown: {},
-    onPaste: {},
-    onPasteFile: {},
-    components: {},
-    styles: {
-      default: () => ({})
-    },
-    rootClassName: {},
-    classNames: {
-      default: () => ({})
-    },
-    style: {},
-    className: {},
+    components: null,
+    styles: null,
+    rootClassName: null,
+    classNames: null,
+    style: null,
+    className: null,
     actions: {
-      type: [Object, Function, Boolean],
-      default: void 0
+      type: [Function, Boolean]
     },
-    allowSpeech: {},
-    prefix: {},
-    footer: {},
-    header: {},
-    autoSize: {
-      default: () => ({
-        maxRows: 8
-      })
-    }
-  },
+    allowSpeech: null,
+    prefix: null,
+    footer: {
+      type: Function
+    },
+    header: null,
+    autoSize: null
+  }, {
+    styles: () => ({}),
+    classNames: () => ({}),
+    submitType: "enter",
+    actions: void 0,
+    disabled: void 0,
+    autoSize: () => ({
+      maxRows: 8
+    })
+  }),
   emits: ["update:value"],
   setup(e, {
     expose: t,
@@ -31973,7 +31977,7 @@ const mM = /* @__PURE__ */ k({
   name: "AXSenderHeader",
   inheritAttrs: !1,
   __name: "SenderHeader",
-  props: Je({
+  props: Qe({
     forceRender: {
       type: Boolean
     },
@@ -32067,7 +32071,7 @@ const mM = /* @__PURE__ */ k({
 }), yM = /* @__PURE__ */ k({
   name: "AXAttachmentsPlaceholderUploader",
   __name: "PlaceholderUploader",
-  props: Je({
+  props: Qe({
     prefixCls: null,
     placeholder: null,
     upload: null,
@@ -32608,9 +32612,9 @@ class pu {
   }
 }
 const EM = (e) => {
-  const { componentCls: t, calc: n } = e, o = `${t}-list-card`, r = n(e.fontSize).mul(e.lineHeight).mul(2).add(e.paddingSM).add(e.paddingSM).equal();
+  const { componentCls: t, antCls: n, calc: o } = e, r = `${t}-list-card`, i = o(e.fontSize).mul(e.lineHeight).mul(2).add(e.paddingSM).add(e.paddingSM).equal();
   return {
-    [o]: {
+    [r]: {
       borderRadius: e.borderRadius,
       position: "relative",
       background: e.colorFillContent,
@@ -32619,67 +32623,72 @@ const EM = (e) => {
       borderColor: "transparent",
       flex: "none",
       // =============================== Desc ================================
-      [`${o}-name,${o}-desc`]: {
+      [`${r}-name,${r}-desc`]: {
         display: "flex",
         flexWrap: "nowrap",
         maxWidth: "100%"
       },
-      [`${o}-ellipsis-prefix`]: {
+      [`${r}-ellipsis-prefix`]: {
         flex: "0 1 auto",
         minWidth: 0,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
-      [`${o}-ellipsis-suffix`]: {
+      [`${r}-ellipsis-suffix`]: {
         flex: "none"
       },
       // ============================= Overview ==============================
       "&-type-overview": {
-        padding: n(e.paddingSM).sub(e.lineWidth).equal(),
-        paddingInlineStart: n(e.padding).add(e.lineWidth).equal(),
+        padding: o(e.paddingSM).sub(e.lineWidth).equal(),
+        paddingInlineStart: o(e.padding).add(e.lineWidth).equal(),
         display: "flex",
         flexWrap: "nowrap",
         gap: e.paddingXS,
         alignItems: "flex-start",
         width: 236,
         // Icon
-        [`${o}-icon`]: {
-          fontSize: n(e.fontSizeLG).mul(2).equal(),
+        [`${r}-icon`]: {
+          fontSize: o(e.fontSizeLG).mul(2).equal(),
           lineHeight: 1,
-          paddingTop: n(e.paddingXXS).mul(1.5).equal(),
+          paddingTop: o(e.paddingXXS).mul(1.5).equal(),
           flex: "none"
         },
         // Content
-        [`${o}-content`]: {
+        [`${r}-content`]: {
           flex: "auto",
           minWidth: 0,
           display: "flex",
           flexDirection: "column",
           alignItems: "stretch"
         },
-        [`${o}-desc`]: {
+        [`${r}-desc`]: {
           color: e.colorTextTertiary
         }
       },
       // ============================== Preview ==============================
       "&-type-preview": {
-        width: r,
-        height: r,
+        width: i,
+        height: i,
         lineHeight: 1,
-        [`&:not(${o}-status-error)`]: {
+        display: "flex",
+        alignItems: "center",
+        [`&:not(${r}-status-error)`]: {
           border: 0
         },
         // Img
-        img: {
+        [`${n}-image`]: {
           width: "100%",
           height: "100%",
-          verticalAlign: "top",
-          objectFit: "cover",
-          borderRadius: "inherit"
+          borderRadius: "inherit",
+          img: {
+            height: "100%",
+            objectFit: "cover",
+            borderRadius: "inherit"
+          }
         },
         // Mask
-        [`${o}-img-mask`]: {
+        [`${r}-img-mask`]: {
           position: "absolute",
           inset: 0,
           display: "flex",
@@ -32689,19 +32698,19 @@ const EM = (e) => {
           borderRadius: "inherit"
         },
         // Error
-        [`&${o}-status-error`]: {
-          [`img, ${o}-img-mask`]: {
-            borderRadius: n(e.borderRadius).sub(e.lineWidth).equal()
+        [`&${r}-status-error`]: {
+          [`img, ${r}-img-mask`]: {
+            borderRadius: o(e.borderRadius).sub(e.lineWidth).equal()
           },
-          [`${o}-desc`]: {
+          [`${r}-desc`]: {
             paddingInline: e.paddingXXS
           }
         },
         // Progress
-        [`${o}-progress`]: {}
+        [`${r}-progress`]: {}
       },
       // ============================ Remove Icon ============================
-      [`${o}-remove`]: {
+      [`${r}-remove`]: {
         position: "absolute",
         top: 0,
         insetInlineEnd: 0,
@@ -32724,21 +32733,21 @@ const EM = (e) => {
           opacity: e.opacityLoading
         }
       },
-      [`&:hover ${o}-remove`]: {
+      [`&:hover ${r}-remove`]: {
         display: "block"
       },
       // ============================== Status ===============================
       "&-status-error": {
         borderColor: e.colorError,
-        [`${o}-desc`]: {
+        [`${r}-desc`]: {
           color: e.colorError
         }
       },
       // ============================== Motion ===============================
       "&-motion": {
         overflow: "hidden",
-        transition: ["opacity", "width", "margin", "padding"].map((i) => `${i} ${e.motionDurationSlow}`).join(","),
-        [`${o}-remove`]: {
+        transition: ["opacity", "width", "margin", "padding"].map((a) => `${a} ${e.motionDurationSlow}`).join(","),
+        [`${r}-remove`]: {
           display: "none !important"
         },
         "&-appear-start": {
@@ -32750,7 +32759,7 @@ const EM = (e) => {
           width: 0,
           paddingInline: 0,
           borderInlineWidth: 0,
-          marginInlineEnd: n(e.paddingSM).mul(-1).equal()
+          marginInlineEnd: o(e.paddingSM).mul(-1).equal()
         }
       }
     }
@@ -33218,7 +33227,7 @@ const EM = (e) => {
 }), NM = /* @__PURE__ */ k({
   name: "AXAttachments",
   __name: "Attachments",
-  props: Je({
+  props: Qe({
     capture: null,
     type: null,
     name: null,
@@ -33661,7 +33670,7 @@ const LM = (e) => {
 }), kM = /* @__PURE__ */ k({
   name: "AXThoughtChainNode",
   __name: "item",
-  props: Je({
+  props: Qe({
     info: null,
     nextStatus: null,
     onClick: {
@@ -33745,7 +33754,7 @@ const LM = (e) => {
 }), w7 = /* @__PURE__ */ k({
   name: "AXThoughtChain",
   __name: "ThoughtChain",
-  props: Je({
+  props: Qe({
     items: null,
     collapsible: {
       type: Boolean