ant-design-x-vue 1.2.7 → 1.2.9

package/lib/sender/components/ActionButton/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("../../../attachments/Attachments2.js"),d=require("ant-design-vue"),f=require("./context.js"),b=t.defineComponent({name:"AXSenderActionButton",__name:"index",props:{action:{},prefixCls:{},type:{default:"text"},htmlType:{},shape:{},size:{},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:void 0},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{}},setup(e){const u=c.createPropsRestProxy(e,["action","type","disabled","onClick"]);t.toRef(e,"disabled");const r=t.useSlots(),a=f.useActionButtonContextInject(),l=t.computed(()=>{var o;const s=a.value.disabled,n=(o=a.value)==null?void 0:o[`${e.action}Disabled`];return e.disabled??s??n}),i=t.computed(()=>a.value.prefixCls);return()=>t.createVNode(d.Button,t.mergeProps({type:e.type},u,{onClick:s=>{var n,o;l.value||((o=(n=a.value)==null?void 0:n[e.action])==null||o.call(n),e.onClick&&!Array.isArray(e.onClick)&&e.onClick(s))},class:c.classnames(i.value,{[`${i.value}-disabled`]:l.value})}),{icon:()=>r.default()})}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("../../../attachments/Attachments2.js"),r=require("ant-design-vue"),b=require("./context.js"),f=t.defineComponent({name:"AXSenderActionButton",__name:"index",props:{action:{},prefixCls:{},type:{default:"text"},htmlType:{},shape:{},size:{},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:void 0},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{},audioIcon:{},audioDisabledIcon:{},audioRecordingIcon:{}},setup(e){const u=c.createPropsRestProxy(e,["action","type","disabled","onClick"]);t.toRef(e,"disabled");const d=t.useSlots(),a=b.useActionButtonContextInject(),s=t.computed(()=>{var o;const i=a.value.disabled,n=(o=a.value)==null?void 0:o[`${e.action}Disabled`];return e.disabled??i??n}),l=t.computed(()=>a.value.prefixCls);return()=>t.createVNode(r.Button,t.mergeProps({type:e.type},u,{onClick:i=>{var n,o;s.value||((o=(n=a.value)==null?void 0:n[e.action])==null||o.call(n),e.onClick&&!Array.isArray(e.onClick)&&e.onClick(i))},class:c.classnames(l.value,{[`${l.value}-disabled`]:s.value})}),{icon:()=>d.default()})}});exports.default=f;

package/lib/sender/components/ClearButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../attachments/Attachments2.js"),u=require("./ActionButton/index.js"),r=require("../../attachments/FileList/FileList2.js"),o=e.defineComponent({name:"AXSenderClearButton",__name:"ClearButton",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null},{disabled:void 0}),setup(l){const n=t.createPropsRestProxy(l,["disabled"]);return()=>e.createVNode(u.default,e.mergeProps({disabled:l.disabled},n,{action:"onClear"}),{default:()=>[e.createVNode(r.ClearOutlined,null,null)]})}});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../attachments/Attachments2.js"),u=require("./ActionButton/index.js"),o=require("../../attachments/FileList/FileList2.js"),r=e.defineComponent({name:"AXSenderClearButton",__name:"ClearButton",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},{disabled:void 0}),setup(l){const n=t.createPropsRestProxy(l,["disabled"]);return()=>e.createVNode(u.default,e.mergeProps({disabled:l.disabled},n,{action:"onClear"}),{default:()=>[e.createVNode(o.ClearOutlined,null,null)]})}});exports.default=r;

package/lib/sender/components/LoadingButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),l=require("../../attachments/Attachments2.js"),u=require("./ActionButton/index.js"),a=require("../StopLoading.js"),r=require("./ActionButton/context.js"),i=require("ant-design-vue"),c=n.defineComponent({name:"AXSenderLoadingButton",__name:"LoadingButton",props:n.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null},{type:"primary",shape:"circle",icon:void 0,disabled:void 0}),setup(e){const o=l.createPropsRestProxy(e,["type","shape","icon","disabled"]),t=r.useActionButtonContextInject(),{token:s}=i.theme.useToken();return()=>n.createVNode(u.default,n.mergeProps({type:e.type,disabled:e.disabled,shape:e.shape,icon:e.icon},o,{style:{backgroundColor:"transparent",color:s.value.colorPrimary},class:l.classnames(`${t.value.prefixCls}-loading-button`),action:"onCancel"}),{default:()=>[n.createVNode(a.default,{className:`${t.value.prefixCls}-loading-icon`},null)]})}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),l=require("../../attachments/Attachments2.js"),s=require("./ActionButton/index.js"),a=require("../StopLoading.js"),i=require("./ActionButton/context.js"),r=require("ant-design-vue"),c=n.defineComponent({name:"AXSenderLoadingButton",__name:"LoadingButton",props:n.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},{type:"primary",shape:"circle",icon:void 0,disabled:void 0}),setup(e){const o=l.createPropsRestProxy(e,["type","shape","icon","disabled"]),t=i.useActionButtonContextInject(),{token:u}=r.theme.useToken();return()=>n.createVNode(s.default,n.mergeProps({type:e.type,disabled:e.disabled,shape:e.shape,icon:e.icon},o,{style:{backgroundColor:"transparent",color:u.value.colorPrimary},class:l.classnames(`${t.value.prefixCls}-loading-button`),action:"onCancel"}),{default:()=>[n.createVNode(a.default,{className:`${t.value.prefixCls}-loading-icon`},null)]})}});exports.default=c;

package/lib/sender/components/SendButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../attachments/Attachments2.js"),u=require("./ActionButton/index.js"),s=require("../../attachments/FileList/FileList2.js"),r=e.defineComponent({name:"AXSenderLoadingButton",__name:"SendButton",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null},{type:"primary",shape:"circle",disabled:void 0}),setup(l){const n=t.createPropsRestProxy(l,["type","shape","disabled"]);return()=>e.createVNode(u.default,e.mergeProps({type:l.type,shape:l.shape,disabled:l.disabled},n,{action:"onSend"}),{default:()=>[e.createVNode(s.ArrowUpOutlined,null,null)]})}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../attachments/Attachments2.js"),u=require("./ActionButton/index.js"),o=require("../../attachments/FileList/FileList2.js"),a=e.defineComponent({name:"AXSenderLoadingButton",__name:"SendButton",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},{type:"primary",shape:"circle",disabled:void 0}),setup(l){const n=t.createPropsRestProxy(l,["type","shape","disabled"]);return()=>e.createVNode(u.default,e.mergeProps({type:l.type,shape:l.shape,disabled:l.disabled},n,{action:"onSend"}),{default:()=>[e.createVNode(o.ArrowUpOutlined,null,null)]})}});exports.default=a;

package/lib/sender/components/SpeechButton/RecordingIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=1e3,n=4,o=140,s=250,l=500,c=.8,N=e.defineComponent({name:"AXSenderRecordingIcon",__name:"RecordingIcon",props:{className:null},setup(u){const i=o/2;return()=>e.createVNode("svg",{color:"currentColor",viewBox:`0 0 ${t} ${t}`,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",class:u.className},[e.createVNode("title",null,[e.createTextVNode("Speech Recording")]),Array.from({length:n}).map((T,r)=>{const d=(t-o*n)/(n-1),m=r*(d+o),a=t/2-s/2,g=t/2-l/2;return e.createVNode("rect",{fill:"currentColor",rx:i,ry:i,height:s,width:o,x:m,y:a,key:r},[e.createVNode("animate",{attributeName:"height",values:`${s}; ${l}; ${s}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*r}s`,repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"y",values:`${a}; ${g}; ${a}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*r}s`,repeatCount:"indefinite"},null)])})])}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=1e3,n=4,r=140,s=250,i=500,c=.8,N=e.defineComponent({name:"AXSenderRecordingIcon",__name:"RecordingIcon",props:{className:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},setup(u){const l=r/2;return()=>e.createVNode("svg",{color:"currentColor",viewBox:`0 0 ${t} ${t}`,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",class:u.className},[e.createVNode("title",null,[e.createTextVNode("Speech Recording")]),Array.from({length:n}).map((T,o)=>{const d=(t-r*n)/(n-1),m=o*(d+r),a=t/2-s/2,g=t/2-i/2;return e.createVNode("rect",{fill:"currentColor",rx:l,ry:l,height:s,width:r,x:m,y:a,key:o},[e.createVNode("animate",{attributeName:"height",values:`${s}; ${i}; ${s}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*o}s`,repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"y",values:`${a}; ${g}; ${a}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*o}s`,repeatCount:"indefinite"},null)])})])}});exports.default=N;

package/lib/sender/components/SpeechButton/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../../../attachments/Attachments2.js"),a=require("ant-design-vue"),p=require("../ActionButton/index.js"),m=require("../ActionButton/context.js"),f=require("./RecordingIcon.js"),o=require("../../../attachments/FileList/FileList2.js"),_=e.defineComponent({name:"AXSenderSpeechButton",__name:"index",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null},{type:"text",disabled:void 0}),setup(n){const u=d.createPropsRestProxy(n,["type","disabled"]),l=m.useActionButtonContextInject(),{token:s}=a.theme.useToken(),c=e.computed(()=>l.value.speechRecording),r=e.computed(()=>l.value.prefixCls),i=e.computed(()=>{let t;return c.value?t=e.createVNode(f.default,{className:`${r.value}-recording-icon`},null):l.value.onSpeechDisabled?t=e.createVNode(o.AudioMutedOutlined,null,null):t=e.createVNode(o.AudioOutlined,null,null),t});return()=>e.createVNode(p.default,e.mergeProps({type:n.type,disabled:n.disabled},u,{style:{display:"flex",justifyContent:"center",alignItems:"center",color:s.value.colorPrimary},action:"onSpeech"}),{default:()=>[i.value]})}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../../attachments/Attachments2.js"),r=require("ant-design-vue"),m=require("../ActionButton/index.js"),g=require("../ActionButton/context.js"),p=require("./RecordingIcon.js"),l=require("../../../attachments/FileList/FileList2.js"),f=e.defineComponent({name:"AXSenderSpeechButton",__name:"index",props:e.mergeDefaults({prefixCls:null,type:null,htmlType:null,shape:null,size:null,loading:null,disabled:null,ghost:null,block:null,danger:null,icon:null,href:null,target:null,title:null,onClick:null,onMousedown:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},{type:"text",disabled:void 0,audioIcon:()=>e.createVNode(l.AudioOutlined,null,null),audioDisabledIcon:()=>e.createVNode(l.AudioMutedOutlined,null,null),audioRecordingIcon:void 0}),setup(n){const u=a.createPropsRestProxy(n,["type","disabled","audioIcon","audioDisabledIcon","audioRecordingIcon"]),o=g.useActionButtonContextInject(),{token:c}=r.theme.useToken(),i=e.computed(()=>o.value.speechRecording),d=e.computed(()=>o.value.prefixCls),s=e.computed(()=>{let t;return i.value?t=n.audioRecordingIcon?n.audioRecordingIcon:e.createVNode(p.default,{className:`${d.value}-recording-icon`},null):o.value.onSpeechDisabled?t=n.audioDisabledIcon:t=n.audioIcon,t});return()=>e.createVNode(m.default,e.mergeProps({type:n.type,disabled:n.disabled},u,{style:{display:"flex",justifyContent:"center",alignItems:"center",color:c.value.colorPrimary},action:"onSpeech"}),{default:()=>[s.value]})}});exports.default=f;

package/lib/suggestion/Suggestion.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),h=require("../attachments/Attachments2.js");require("../x-provider/index.js");const O=require("../_util/hooks/use-x-component-config.js"),D=require("./style/index.js"),y=require("../_util/hooks/use-state.js"),F=require("ant-design-vue"),P=require("./useActive.js"),A=require("../x-provider/hooks/use-x-provider-context.js"),L=n.defineComponent({name:"AXSuggestion",__name:"Suggestion",props:n.mergeDefaults({prefixCls:null,className:null,rootClassName:null,style:null,children:{type:Function},open:{type:Boolean},onOpenChange:{type:Function},items:{type:Function},onSelect:{type:Function},block:{type:Boolean},styles:null,classNames:null},{open:!1}),setup(e){n.toRef(e,"prefixCls");const o=n.useSlots(),{direction:S,getPrefixCls:N}=A.default(),s=n.computed(()=>N("suggestion",e.prefixCls));`${s.value}`;const a=n.computed(()=>S.value==="rtl"),u=O.default("suggestion"),[q,c,i]=D.default(s),[r,b]=y.default(e.open),[k,x]=y.default(),l=t=>{var C;b(t),(C=e.onOpenChange)==null||C.call(e,t)},d=t=>{t===!1?l(!1):(x(t),l(!0))},f=()=>{l(!1)},g=n.computed(()=>typeof e.items=="function"?e.items(k.value):e.items),m=t=>{e.onSelect&&e.onSelect(t[t.length-1]),l(!1)},[V,v]=P.default(g,r,a,m,f),w=n.computed(()=>{var t;return o.default?o.default({onTrigger:d,onKeyDown:v}):(t=e.children)==null?void 0:t.call(e,{onTrigger:d,onKeyDown:v})});return()=>q(n.createVNode(F.Cascader,{options:g.value,open:r.value,value:V.value,placement:a.value?"topRight":"topLeft",onDropdownVisibleChange:t=>{t||f()},class:h.classnames(e.rootClassName,s.value,c,i,{[`${s.value}-block`]:e.block}),onChange:m,dropdownMatchSelectWidth:e.block},{default:()=>n.createVNode("div",{class:h.classnames(s.value,u.value.className,e.rootClassName,e.className,`${s.value}-wrapper`,c.value,i),style:{...u.value.style,...e.style}},[w.value])}))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),O=require("../attachments/Attachments2.js");require("../x-provider/index.js");const M=require("../_util/hooks/use-x-component-config.js"),W=require("./style/index.js"),k=require("../_util/hooks/use-state.js"),D=require("ant-design-vue"),T=require("./useActive.js"),$=require("../x-provider/hooks/use-x-provider-context.js");function I(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}const P=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function z(e){return Array.isArray(e)?e:[e]}function F(e){return t.getCurrentInstance()}function L(e,o=!0,u){F()?t.onMounted(e,u):o?e():t.nextTick(e)}const q=P?window:void 0;function m(e){var o;const u=t.toValue(e);return(o=u==null?void 0:u.$el)!=null?o:u}function G(){const e=t.shallowRef(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function X(e){const o=G();return t.computed(()=>(o.value,!!e()))}function E(e,o,u={}){const{window:d=q,...a}=u;let r;const l=X(()=>d&&"ResizeObserver"in d),i=()=>{r&&(r.disconnect(),r=void 0)},w=t.computed(()=>{const n=t.toValue(e);return Array.isArray(n)?n.map(c=>m(c)):[m(n)]}),g=t.watch(w,n=>{if(i(),l.value&&d){r=new ResizeObserver(o);for(const c of n)c&&r.observe(c,a)}},{immediate:!0,flush:"post"}),h=()=>{i(),g()};return I(h),{isSupported:l,stop:h}}function H(e,o={width:0,height:0},u={}){const{window:d=q,box:a="content-box"}=u,r=t.computed(()=>{var n,c;return(c=(n=m(e))==null?void 0:n.namespaceURI)==null?void 0:c.includes("svg")}),l=t.shallowRef(o.width),i=t.shallowRef(o.height),{stop:w}=E(e,([n])=>{const c=a==="border-box"?n.borderBoxSize:a==="content-box"?n.contentBoxSize:n.devicePixelContentBoxSize;if(d&&r.value){const f=m(e);if(f){const v=f.getBoundingClientRect();l.value=v.width,i.value=v.height}}else if(c){const f=z(c);l.value=f.reduce((v,{inlineSize:C})=>v+C,0),i.value=f.reduce((v,{blockSize:C})=>v+C,0)}else l.value=n.contentRect.width,i.value=n.contentRect.height},u);L(()=>{const n=m(e);n&&(l.value="offsetWidth"in n?n.offsetWidth:o.width,i.value="offsetHeight"in n?n.offsetHeight:o.height)});const g=t.watch(()=>m(e),n=>{l.value=n?o.width:0,i.value=n?o.height:0});function h(){w(),g()}return{width:l,height:i,stop:h}}const j=t.defineComponent({name:"AXSuggestion",__name:"Suggestion",props:t.mergeDefaults({prefixCls:null,className:null,rootClassName:null,style:null,children:{type:Function},open:{type:Boolean},onOpenChange:{type:Function},items:{type:Function},onSelect:{type:Function},block:{type:Boolean},styles:null,classNames:null},{open:!1}),setup(e){t.toRef(e,"prefixCls");const o=t.useSlots(),{direction:u,getPrefixCls:d}=$.default(),a=t.computed(()=>d("suggestion",e.prefixCls));`${a.value}`;const r=t.computed(()=>u.value==="rtl"),l=M.default("suggestion"),i=t.ref(),[w,g,h]=W.default(a),{width:n}=H(i),c=t.computed(()=>{if(e.block&&n.value)return{width:`${n.value}px`}}),[f,v]=k.default(e.open),[C,A]=k.default(),p=s=>{var N;v(s),(N=e.onOpenChange)==null||N.call(e,s)},b=s=>{s===!1?p(!1):(A(s),p(!0))},y=()=>{p(!1)},S=t.computed(()=>typeof e.items=="function"?e.items(C.value):e.items),x=s=>{e.onSelect&&e.onSelect(s[s.length-1]),p(!1)},[V,R]=T.default(S,f,r,x,y),B=t.computed(()=>{var s;return o.default?o.default({onTrigger:b,onKeyDown:R}):(s=e.children)==null?void 0:s.call(e,{onTrigger:b,onKeyDown:R})});return()=>w(t.createVNode(D.Cascader,{options:S.value,open:f.value,value:V.value,placement:r.value?"topRight":"topLeft",onDropdownVisibleChange:s=>{s||y()},popupClassName:O.classnames(e.rootClassName,a.value,g.value,h,{[`${a.value}-block`]:e.block}),onChange:x,dropdownStyle:c.value},{default:()=>t.createVNode("div",{ref:i,class:O.classnames(a.value,l.value.className,e.rootClassName,e.className,`${a.value}-wrapper`,g.value,h),style:{...l.value.style,...e.style}},[B.value])}))}});exports.default=j;

package/lib/welcome/Welcome.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("../attachments/Attachments2.js");require("../x-provider/index.js");const C=require("../_util/hooks/use-x-component-config.js"),g=require("./style/index.js"),i=require("ant-design-vue"),V=require("../x-provider/hooks/use-x-provider-context.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const $=t.defineComponent({name:"AXWelcome",__name:"Welcome",props:t.mergeDefaults({prefixCls:null,rootClassName:null,className:null,style:null,variant:null,classNames:null,styles:null,icon:null,title:null,description:null,extra:null},{variant:"filled",classNames:()=>({}),styles:()=>({})}),setup(e){t.toRef(e,"prefixCls");const a=t.useSlots(),{direction:d,getPrefixCls:m}=V.default(),s=m("welcome",e.prefixCls),n=C.default("welcome"),[f,N,x]=g.default(s),v=t.computed(()=>{const l=a.icon?a.icon():e.icon;if(!l)return null;let u=l;return typeof l=="string"&&l.startsWith("http")&&(u=t.createVNode("img",{src:l,alt:"icon"},null)),t.createVNode("div",{class:c.classnames(`${s}-icon`,n.value.classNames.icon,e.classNames.icon),style:e.styles.icon},[u])}),r=t.computed(()=>{const l=a.title?a.title():e.title;return l?t.createVNode(i.Typography.Title,{level:4,class:c.classnames(`${s}-title`,n.value.classNames.title,e.classNames.title),style:e.styles.title},h(l)?l:{default:()=>[l]}):null}),o=t.computed(()=>a.description?a.description():e.description),y=t.computed(()=>{const l=a.extra?a.extra():e.extra;return l?t.createVNode("div",{class:c.classnames(`${s}-extra`,n.value.classNames.extra,e.classNames.extra),style:e.styles.extra},[l]):null});return()=>f(t.createVNode(i.Flex,{class:c.classnames(s,n.value.className,e.className,e.rootClassName,N.value,x,`${s}-${e.variant}`,{[`${s}-rtl`]:d.value==="rtl"}),style:e.style},{default:()=>[v.value,t.createVNode(i.Flex,{vertical:!0,class:`${s}-content-wrapper`},{default:()=>[a.extra||e.extra?t.createVNode(i.Flex,{align:"flex-start",class:`${s}-title-wrapper`},{default:()=>[r.value,y.value]}):r.value,o.value&&t.createVNode(i.Typography.Text,{class:c.classnames(`${s}-description`,n.value.classNames.description,e.classNames.description),style:e.styles.description},{default:()=>[o.value]})]})]}))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("../attachments/Attachments2.js");require("../x-provider/index.js");const C=require("../_util/hooks/use-x-component-config.js"),g=require("./style/index.js"),i=require("ant-design-vue"),V=require("../x-provider/hooks/use-x-provider-context.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const $=t.defineComponent({name:"AXWelcome",__name:"Welcome",props:t.mergeDefaults({prefixCls:null,rootClassName:null,className:null,style:null,variant:null,classNames:null,styles:null,icon:{type:Function},title:{type:Function},description:{type:Function},extra:{type:Function}},{variant:"filled",classNames:()=>({}),styles:()=>({})}),setup(e){t.toRef(e,"prefixCls");const a=t.useSlots(),{direction:d,getPrefixCls:f}=V.default(),s=f("welcome",e.prefixCls),n=C.default("welcome"),[m,y,x]=g.default(s),N=t.computed(()=>{const l=a.icon?a.icon():typeof e.icon=="function"?e.icon():e.icon;if(!l)return null;let u=l;return typeof l=="string"&&l.startsWith("http")&&(u=t.createVNode("img",{src:l,alt:"icon"},null)),t.createVNode("div",{class:c.classnames(`${s}-icon`,n.value.classNames.icon,e.classNames.icon),style:e.styles.icon},[u])}),o=t.computed(()=>{const l=a.title?a.title():typeof e.title=="function"?e.title():e.title;return l?t.createVNode(i.Typography.Title,{level:4,class:c.classnames(`${s}-title`,n.value.classNames.title,e.classNames.title),style:e.styles.title},h(l)?l:{default:()=>[l]}):null}),r=t.computed(()=>a.description?a.description():typeof e.description=="function"?e.description():e.description),v=t.computed(()=>{const l=a.extra?a.extra():typeof e.extra=="function"?e.extra():e.extra;return l?t.createVNode("div",{class:c.classnames(`${s}-extra`,n.value.classNames.extra,e.classNames.extra),style:e.styles.extra},[l]):null});return()=>m(t.createVNode(i.Flex,{class:c.classnames(s,n.value.className,e.className,e.rootClassName,y.value,x,`${s}-${e.variant}`,{[`${s}-rtl`]:d.value==="rtl"}),style:e.style},{default:()=>[N.value,t.createVNode(i.Flex,{vertical:!0,class:`${s}-content-wrapper`},{default:()=>[a.extra||e.extra?t.createVNode(i.Flex,{align:"flex-start",class:`${s}-title-wrapper`},{default:()=>[o.value,v.value]}):o.value,r.value&&t.createVNode(i.Typography.Text,{class:c.classnames(`${s}-description`,n.value.classNames.description,e.classNames.description),style:e.styles.description},{default:()=>[r.value]})]})]}))}});exports.default=$;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ant-design-x-vue",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Craft AI-driven interfaces effortlessly",
   "keywords": [
     "AI",
@@ -97,6 +97,7 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@eslint/js": "^9.11.1",
+    "@rollup/plugin-terser": "^0.4.4",
     "@stackblitz/sdk": "^1.11.0",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^22.10.2",
@@ -108,7 +109,6 @@
     "@vitest/coverage-v8": "^2.1.1",
     "@vue/shared": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
-    "@vueuse/core": "^12.2.0",
     "ant-design-vue": "^4.2.6",
     "changelogen": "^0.5.7",
     "eslint": "^8.57.1",
@@ -139,6 +139,7 @@
     "@ant-design/fast-color": "^2.0.6",
     "@emotion/hash": "^0.9.2",
     "@emotion/unitless": "^0.10.0",
+    "@vueuse/core": "^13.4.0",
     "classnames": "^2.5.1",
     "csstype": "^3.1.3",
     "stylis": "^4.3.4"

package/typings/_util/cssinjs/StyleContext.d.ts

@@ -146,7 +146,7 @@ export declare const StyleProvider: {
         };
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         container: Element | ShadowRoot;
         autoClear: boolean;
         mock: "server" | "client";
@@ -217,7 +217,7 @@ export declare const StyleProvider: {
         };
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], {}, {}, {}, {
+    }>, {}, {}, {}, {
         container: Element | ShadowRoot;
         autoClear: boolean;
         mock: "server" | "client";
@@ -285,7 +285,7 @@ export declare const StyleProvider: {
     };
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container: Element | ShadowRoot;
     autoClear: boolean;
     mock: "server" | "client";
@@ -354,7 +354,7 @@ declare const _default: {
             };
         }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             container: Element | ShadowRoot;
             autoClear: boolean;
             mock: "server" | "client";
@@ -425,7 +425,7 @@ declare const _default: {
             };
         }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }>[], {}, {}, {}, {
+        }>, {}, {}, {}, {
             container: Element | ShadowRoot;
             autoClear: boolean;
             mock: "server" | "client";
@@ -493,7 +493,7 @@ declare const _default: {
         };
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         container: Element | ShadowRoot;
         autoClear: boolean;
         mock: "server" | "client";

package/typings/_util/cssinjs/index.d.ts

@@ -68,7 +68,7 @@ declare const cssinjs: {
             };
         }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             container: Element | ShadowRoot;
             autoClear: boolean;
             mock: "server" | "client";
@@ -124,7 +124,7 @@ declare const cssinjs: {
             };
         }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }>[], {}, {}, {}, {
+        }>, {}, {}, {}, {
             container: Element | ShadowRoot;
             autoClear: boolean;
             mock: "server" | "client";
@@ -177,7 +177,7 @@ declare const cssinjs: {
         };
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         container: Element | ShadowRoot;
         autoClear: boolean;
         mock: "server" | "client";

package/typings/bubble/BubbleList.vue.d.ts

@@ -1,5 +1,45 @@
 import type { BubbleListProps } from './interface';
-declare const _default: import("vue").DefineComponent<BubbleListProps, {
+import { type VNode } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        avatar?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode;
+        header?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+        footer?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+        loading?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode;
+        message?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+    }> & {
+        avatar?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode;
+        header?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+        footer?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+        loading?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode;
+        message?(props: {
+            item: BubbleListProps["items"][number];
+        }): VNode | string;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<BubbleListProps, {
     nativeElement: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
     scrollTo: ({ key, offset, behavior, block }: {
         offset?: number;
@@ -8,4 +48,10 @@ declare const _default: import("vue").DefineComponent<BubbleListProps, {
         block?: ScrollLogicalPosition;
     }) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BubbleListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/typings/bubble/hooks/useTypingConfig.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRefOrGetter } from 'vue';
 import type { BubbleProps } from '../interface';
-declare function useTypingConfig(typing: MaybeRefOrGetter<BubbleProps['typing']>): readonly [import("vue").ComputedRef<boolean>, import("vue").ComputedRef<number>, import("vue").ComputedRef<number>, import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare function useTypingConfig(typing: MaybeRefOrGetter<BubbleProps['typing']>): readonly [import("vue").ComputedRef<boolean>, import("vue").ComputedRef<number>, import("vue").ComputedRef<number>, import("vue").ComputedRef<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>>];
 export default useTypingConfig;

package/typings/bubble/index.d.ts

@@ -34,7 +34,7 @@ declare const Bubble: (<T extends import("./interface").BubbleContentType = stri
         rootClassName?: string;
         styles?: Partial<Record<import("./interface").SemanticType, import("vue").CSSProperties>>;
         classNames?: Partial<Record<import("./interface").SemanticType, string>>;
-        avatar?: Partial<import("./interface")._AvatarProps> | import("vue").VNode;
+        avatar?: Partial<import("./interface")._AvatarProps> | import("vue").VNode | (() => import("vue").VNode);
         placement?: "start" | "end";
         loading?: boolean;
         typing?: import("../type-utility.js").AvoidValidation<import("./interface").TypingOption | boolean>;
@@ -252,7 +252,35 @@ declare const Bubble: (<T extends import("./interface").BubbleContentType = stri
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & {
-    List: import("vue").DefineComponent<import("./interface").BubbleListProps, {
+    List: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").BubbleListProps> & Readonly<{}>, {
+            nativeElement: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+            scrollTo: ({ key, offset, behavior, block }: {
+                offset?: number;
+                key?: string | number;
+                behavior?: ScrollBehavior;
+                block?: ScrollLogicalPosition;
+            }) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./interface").BubbleListProps> & Readonly<{}>, {
+            nativeElement: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+            scrollTo: ({ key, offset, behavior, block }: {
+                offset?: number;
+                key?: string | number;
+                behavior?: ScrollBehavior;
+                block?: ScrollLogicalPosition;
+            }) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./interface").BubbleListProps> & Readonly<{}>, {
         nativeElement: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
         scrollTo: ({ key, offset, behavior, block }: {
             offset?: number;
@@ -260,7 +288,41 @@ declare const Bubble: (<T extends import("./interface").BubbleContentType = stri
             behavior?: ScrollBehavior;
             block?: ScrollLogicalPosition;
         }) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./interface").BubbleListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            avatar?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode;
+            header?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+            footer?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+            loading?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode;
+            message?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+        }> & {
+            avatar?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode;
+            header?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+            footer?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+            loading?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode;
+            message?(props: {
+                item: import("./interface").BubbleListProps["items"][number];
+            }): import("vue").VNode | string;
+        };
+    });
 };
 export default Bubble;
 export { Bubble, BubbleList };

package/typings/bubble/interface.d.ts

@@ -14,7 +14,7 @@ export interface TypingOption {
     /**
      * @default null
      */
-    suffix?: VNode;
+    suffix?: VNode | string;
 }
 export type SemanticType = 'avatar' | 'content' | 'header' | 'footer';
 export type BubbleContentType = VNode | string | AnyObject;
@@ -27,7 +27,7 @@ export interface BubbleProps<ContentType extends BubbleContentType = string> ext
     rootClassName?: string;
     styles?: Partial<Record<SemanticType, CSSProperties>>;
     classNames?: Partial<Record<SemanticType, string>>;
-    avatar?: Partial<_AvatarProps> | VNode;
+    avatar?: Partial<_AvatarProps> | VNode | (() => VNode);
     placement?: 'start' | 'end';
     loading?: boolean;
     typing?: AvoidValidation<TypingOption | boolean>;

package/typings/index.d.ts

@@ -2,6 +2,7 @@ import type { App } from 'vue';
 export * from './components';
 export * from './hooks';
 export * from './theme';
+export * from './_util/cssinjs';
 export declare const install: (app: App) => App<any>;
 declare const _default: {
     install: (app: App) => App<any>;

package/typings/sender/interface.d.ts

@@ -101,6 +101,9 @@ export interface SenderHeaderProps {
 }
 export interface RecordingIconProps {
     className?: string;
+    audioIcon?: ButtonProps['icon'];
+    audioDisabledIcon?: ButtonProps['icon'];
+    audioRecordingIcon?: ButtonProps['icon'];
 }
 export interface ActionButtonContextProps {
     prefixCls?: ConfigProviderProps['prefixCls'];
@@ -132,6 +135,9 @@ export interface AntdButtonProps {
     title?: ButtonProps['title'];
     onClick?: ButtonProps['onClick'];
     onMousedown?: ButtonProps['onMousedown'];
+    audioIcon?: ButtonProps['icon'] | VNode;
+    audioDisabledIcon?: ButtonProps['icon'] | VNode;
+    audioRecordingIcon?: ButtonProps['icon'] | VNode;
 }
 export interface ActionButtonProps extends AntdButtonProps {
     action: 'onSend' | 'onClear' | 'onCancel' | 'onSpeech';

package/typings/sender/useSpeech.d.ts

@@ -1,7 +1,11 @@
+import { ButtonProps } from 'ant-design-vue';
 import { type MaybeRefOrGetter, type ComputedRef, type Ref } from 'vue';
 export type ControlledSpeechConfig = {
     recording?: boolean;
-    onRecordingChange: (recording: boolean) => void;
+    onRecordingChange?: (recording: boolean) => void;
+    audioIcon?: ButtonProps['icon'];
+    audioDisabledIcon?: ButtonProps['icon'];
+    audioRecordingIcon?: ButtonProps['icon'];
 };
 export type AllowSpeech = boolean | ControlledSpeechConfig;
 export type UseSpeechReturn = {

package/typings/welcome/interface.d.ts

@@ -8,8 +8,8 @@ export interface WelcomeProps {
     variant?: 'filled' | 'borderless';
     classNames?: Partial<Record<SemanticType, string>>;
     styles?: Partial<Record<SemanticType, CSSProperties>>;
-    icon?: VNode | string;
-    title?: VNode | string;
-    description?: VNode | string;
-    extra?: VNode;
+    icon?: VNode | string | (() => VNode | string);
+    title?: VNode | string | (() => VNode | string);
+    description?: VNode | string | (() => VNode | string);
+    extra?: VNode | string | (() => VNode | string);
 }