ant-design-x-vue 1.3.1 → 1.3.2

package/es/attachments/FileList/FileList.mjs

@@ -1,90 +1,88 @@
-import { defineComponent as $, computed as b, useTemplateRef as x, watchEffect as y, onWatcherCleanup as L, watch as R, nextTick as P, createVNode as t, Fragment as p } from "vue";
-import { b as v, P as E, L as N, R as T } from "../../chunks/module-chunk.mjs";
+import { defineComponent as $, computed as b, useTemplateRef as x, watchEffect as L, onWatcherCleanup as R, watch as y, nextTick as P, createVNode as t, Fragment as E } from "vue";
+import { b as v, P as N, L as p, R as T } from "../../chunks/module-chunk.mjs";
 import { Button as s } from "ant-design-vue";
-import i from "../../_util/hooks/use-state.mjs";
+import a from "../../_util/hooks/use-state.mjs";
 import { useAttachmentContextInject as k } from "../context.mjs";
-import F from "../SilentUploader.mjs";
-import O from "./FileListCard.mjs";
+import O from "../SilentUploader.mjs";
+import A from "./FileListCard.mjs";
 const d = 1, I = /* @__PURE__ */ $({
   name: "AXAttachmentsFileList",
   __name: "FileList",
   props: {
-    prefixCls: null,
-    items: null,
-    onRemove: {
-      type: Function
-    },
-    overflow: null,
-    upload: null,
-    imageProps: null,
-    listClassName: null,
-    listStyle: null,
-    itemClassName: null,
-    itemStyle: null
+    prefixCls: {},
+    items: {},
+    onRemove: {},
+    overflow: {},
+    upload: {},
+    imageProps: {},
+    listClassName: {},
+    listStyle: {},
+    itemClassName: {},
+    itemStyle: {}
   },
-  setup(l) {
-    const n = b(() => `${l.prefixCls}-list`), a = x("file-list-container"), [A, c] = i(!1), h = k();
-    y(() => {
-      c(!0), L(() => {
+  setup(e) {
+    const n = b(() => `${e.prefixCls}-list`), i = x("file-list-container"), [F, c] = a(!1), h = k();
+    L(() => {
+      c(!0), R(() => {
         c(!1);
       });
     });
-    const [g, r] = i(!1), [C, u] = i(!1), f = () => {
-      const e = a.value;
-      e && (l.overflow === "scrollX" ? (r(Math.abs(e.scrollLeft) >= d), u(e.scrollWidth - e.clientWidth - Math.abs(e.scrollLeft) >= d)) : l.overflow === "scrollY" && (r(e.scrollTop !== 0), u(e.scrollHeight - e.clientHeight !== e.scrollTop)));
+    const [g, r] = a(!1), [C, f] = a(!1), m = () => {
+      const l = i.value;
+      l && (e.overflow === "scrollX" ? (r(Math.abs(l.scrollLeft) >= d), f(l.scrollWidth - l.clientWidth - Math.abs(l.scrollLeft) >= d)) : e.overflow === "scrollY" && (r(l.scrollTop !== 0), f(l.scrollHeight - l.clientHeight !== l.scrollTop)));
     };
-    R([() => l.overflow, () => l.items.length], () => {
+    y([() => e.overflow, () => e.items.length], () => {
       P(() => {
-        f();
+        m();
       });
     }, {
       immediate: !0
     });
-    const m = (e) => {
-      const o = a.value;
+    const u = (l) => {
+      const o = i.value;
       o && o.scrollTo({
-        left: o.scrollLeft + e * o.clientWidth,
+        left: o.scrollLeft + l * o.clientWidth,
         behavior: "smooth"
       });
     }, w = () => {
-      m(-1);
+      u(-1);
     }, S = () => {
-      m(1);
+      u(1);
     };
     return () => t("div", {
       class: v(n.value, {
-        [`${n.value}-overflow-${l.overflow}`]: l.overflow,
+        [`${n.value}-overflow-${e.overflow}`]: e.overflow,
         [`${n.value}-overflow-ping-start`]: g.value,
         [`${n.value}-overflow-ping-end`]: C.value
-      }, l.listClassName),
+      }, e.listClassName),
       ref: "file-list-container",
-      onScroll: f,
-      style: l.listStyle
-    }, [l.items.map((e) => t(O, {
-      key: e.uid,
-      prefixCls: l.prefixCls,
-      item: e,
-      onRemove: l.onRemove,
-      className: v(l.itemClassName),
-      imageProps: l.imageProps,
+      onScroll: m,
+      style: e.listStyle
+    }, [e.items.map((l) => t(A, {
+      key: l.uid,
+      prefixCls: e.prefixCls,
+      item: l,
+      onRemove: e.onRemove,
+      className: v(e.itemClassName),
+      imageProps: e.imageProps,
       style: {
-        ...l.itemStyle
+        ...e.itemStyle
       }
-    }, null)), !h.value.disabled && t(F, {
-      upload: l.upload,
+    }, null)), !h.value.disabled && t(O, {
+      upload: e.upload,
       children: t(s, {
         class: `${n.value}-upload-btn`,
         type: "dashed"
       }, {
-        default: () => [t(E, {
+        default: () => [t(N, {
           class: `${n.value}-upload-btn-icon`
         }, null)]
       })
-    }, null), l.overflow === "scrollX" && t(p, null, [t(s, {
+    }, null), e.overflow === "scrollX" && t(E, null, [t(s, {
       size: "small",
       shape: "circle",
       class: `${n.value}-prev-btn`,
-      icon: t(N, null, null),
+      icon: t(p, null, null),
       onClick: w
     }, null), t(s, {
       size: "small",

package/es/suggestion/Suggestion.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as A, mergeDefaults as D, toRef as L, useSlots as X, computed as l, ref as B, createVNode as S } from "vue";
-import { q as I, b as N } from "../chunks/module-chunk.mjs";
+import { defineComponent as D, mergeDefaults as L, toRef as X, useSlots as p, computed as l, ref as B, watch as I, createVNode as N } from "vue";
+import { q as P, b as w } from "../chunks/module-chunk.mjs";
 import "../x-provider/index.mjs";
-import P from "../_util/hooks/use-x-component-config.mjs";
-import T from "./style/index.mjs";
-import w from "../_util/hooks/use-state.mjs";
-import { Cascader as q } from "ant-design-vue";
-import z from "./useActive.mjs";
-import E from "../x-provider/hooks/use-x-provider-context.mjs";
-const Y = /* @__PURE__ */ A({
+import T from "../_util/hooks/use-x-component-config.mjs";
+import q from "./style/index.mjs";
+import x from "../_util/hooks/use-state.mjs";
+import { Cascader as z } from "ant-design-vue";
+import E from "./useActive.mjs";
+import K from "../x-provider/hooks/use-x-provider-context.mjs";
+const Z = /* @__PURE__ */ D({
   name: "AXSuggestion",
   __name: "Suggestion",
-  props: D({
+  props: L({
     prefixCls: null,
     className: null,
     rootClassName: null,
@@ -39,63 +39,67 @@ const Y = /* @__PURE__ */ A({
     open: !1
   }),
   setup(e) {
-    L(e, "prefixCls");
-    const s = X(), {
-      direction: x,
-      getPrefixCls: b
-    } = E(), n = l(() => b("suggestion", e.prefixCls));
+    X(e, "prefixCls");
+    const a = p(), {
+      direction: b,
+      getPrefixCls: k
+    } = K(), n = l(() => k("suggestion", e.prefixCls));
     `${n.value}`;
-    const a = l(() => x.value === "rtl"), i = P("suggestion"), u = B(), [k, c, r] = T(n), {
+    const s = l(() => b.value === "rtl"), i = T("suggestion"), u = B(), [F, c, r] = q(n), {
       width: f
-    } = I(u), F = l(() => {
+    } = P(u), O = l(() => {
       if (e.block && f.value)
         return {
           width: `${f.value}px`
         };
-    }), [m, O] = w(e.open), [R, V] = w(), o = (t) => {
-      var h;
-      O(t), (h = e.onOpenChange) == null || h.call(e, t);
-    }, d = (t) => {
+    }), [m, d] = x(e.open);
+    I(() => e.open, (t) => {
+      d(t);
+    });
+    const [R, V] = x(), o = (t) => {
+      var S;
+      d(t), (S = e.onOpenChange) == null || S.call(e, t);
+    }, g = (t) => {
       t === !1 ? o(!1) : (V(t), o(!0));
-    }, g = () => {
+    }, v = () => {
       o(!1);
-    }, v = l(() => typeof e.items == "function" ? e.items(R.value) : e.items), C = (t) => {
+    }, C = l(() => typeof e.items == "function" ? e.items(R.value) : e.items), h = (t) => {
       e.onSelect && e.onSelect(t[t.length - 1]), o(!1);
-    }, [$, y] = z(v, m, a, C, g), p = l(() => {
+    }, [$, y] = E(C, m, s, h, v), A = l(() => {
       var t;
-      return s.default ? s.default({
-        onTrigger: d,
+      return a.default ? a.default({
+        onTrigger: g,
         onKeyDown: y
       }) : (t = e.children) == null ? void 0 : t.call(e, {
-        onTrigger: d,
+        onTrigger: g,
         onKeyDown: y
       });
     });
-    return () => k(S(q, {
-      options: v.value,
+    return () => F(N(z, {
+      options: C.value,
       open: m.value,
       value: $.value,
-      placement: a.value ? "topRight" : "topLeft",
+      placement: s.value ? "topRight" : "topLeft",
       onDropdownVisibleChange: (t) => {
-        t || g();
+        t || v();
       },
-      popupClassName: N(e.rootClassName, n.value, c.value, r, {
+      popupClassName: w(e.rootClassName, n.value, c.value, r, {
         [`${n.value}-block`]: e.block
       }),
-      onChange: C,
-      dropdownStyle: F.value
+      onChange: h,
+      dropdownStyle: O.value
     }, {
-      default: () => S("div", {
+      default: () => N("div", {
         ref: u,
-        class: N(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, r),
+        class: w(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, r),
         style: {
           ...i.value.style,
           ...e.style
         }
-      }, [p.value])
+      }, [A.value])
     }));
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/lib/attachments/FileList/FileList.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../chunks/module-chunk.js"),o=require("ant-design-vue"),i=require("../../_util/hooks/use-state.js"),w=require("../context.js"),V=require("../SilentUploader.js"),b=require("./FileListCard.js"),v=1,y=e.defineComponent({name:"AXAttachmentsFileList",__name:"FileList",props:{prefixCls:null,items:null,onRemove:{type:Function},overflow:null,upload:null,imageProps:null,listClassName:null,listStyle:null,itemClassName:null,itemStyle:null},setup(l){const n=e.computed(()=>`${l.prefixCls}-list`),c=e.useTemplateRef("file-list-container"),[L,u]=i.default(!1),h=w.useAttachmentContextInject();e.watchEffect(()=>{u(!0),e.onWatcherCleanup(()=>{u(!1)})});const[g,r]=i.default(!1),[C,f]=i.default(!1),d=()=>{const t=c.value;t&&(l.overflow==="scrollX"?(r(Math.abs(t.scrollLeft)>=v),f(t.scrollWidth-t.clientWidth-Math.abs(t.scrollLeft)>=v)):l.overflow==="scrollY"&&(r(t.scrollTop!==0),f(t.scrollHeight-t.clientHeight!==t.scrollTop)))};e.watch([()=>l.overflow,()=>l.items.length],()=>{e.nextTick(()=>{d()})},{immediate:!0});const m=t=>{const a=c.value;a&&a.scrollTo({left:a.scrollLeft+t*a.clientWidth,behavior:"smooth"})},N=()=>{m(-1)},S=()=>{m(1)};return()=>e.createVNode("div",{class:s.classnames(n.value,{[`${n.value}-overflow-${l.overflow}`]:l.overflow,[`${n.value}-overflow-ping-start`]:g.value,[`${n.value}-overflow-ping-end`]:C.value},l.listClassName),ref:"file-list-container",onScroll:d,style:l.listStyle},[l.items.map(t=>e.createVNode(b.default,{key:t.uid,prefixCls:l.prefixCls,item:t,onRemove:l.onRemove,className:s.classnames(l.itemClassName),imageProps:l.imageProps,style:{...l.itemStyle}},null)),!h.value.disabled&&e.createVNode(V.default,{upload:l.upload,children:e.createVNode(o.Button,{class:`${n.value}-upload-btn`,type:"dashed"},{default:()=>[e.createVNode(s.PlusOutlined,{class:`${n.value}-upload-btn-icon`},null)]})},null),l.overflow==="scrollX"&&e.createVNode(e.Fragment,null,[e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-prev-btn`,icon:e.createVNode(s.LeftOutlined,null,null),onClick:N},null),e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-next-btn`,icon:e.createVNode(s.RightOutlined,null,null),onClick:S},null)])])}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../chunks/module-chunk.js"),o=require("ant-design-vue"),i=require("../../_util/hooks/use-state.js"),w=require("../context.js"),V=require("../SilentUploader.js"),b=require("./FileListCard.js"),v=1,L=e.defineComponent({name:"AXAttachmentsFileList",__name:"FileList",props:{prefixCls:{},items:{},onRemove:{},overflow:{},upload:{},imageProps:{},listClassName:{},listStyle:{},itemClassName:{},itemStyle:{}},setup(t){const n=e.computed(()=>`${t.prefixCls}-list`),c=e.useTemplateRef("file-list-container"),[x,r]=i.default(!1),h=w.useAttachmentContextInject();e.watchEffect(()=>{r(!0),e.onWatcherCleanup(()=>{r(!1)})});const[g,u]=i.default(!1),[C,f]=i.default(!1),d=()=>{const l=c.value;l&&(t.overflow==="scrollX"?(u(Math.abs(l.scrollLeft)>=v),f(l.scrollWidth-l.clientWidth-Math.abs(l.scrollLeft)>=v)):t.overflow==="scrollY"&&(u(l.scrollTop!==0),f(l.scrollHeight-l.clientHeight!==l.scrollTop)))};e.watch([()=>t.overflow,()=>t.items.length],()=>{e.nextTick(()=>{d()})},{immediate:!0});const m=l=>{const a=c.value;a&&a.scrollTo({left:a.scrollLeft+l*a.clientWidth,behavior:"smooth"})},N=()=>{m(-1)},S=()=>{m(1)};return()=>e.createVNode("div",{class:s.classnames(n.value,{[`${n.value}-overflow-${t.overflow}`]:t.overflow,[`${n.value}-overflow-ping-start`]:g.value,[`${n.value}-overflow-ping-end`]:C.value},t.listClassName),ref:"file-list-container",onScroll:d,style:t.listStyle},[t.items.map(l=>e.createVNode(b.default,{key:l.uid,prefixCls:t.prefixCls,item:l,onRemove:t.onRemove,className:s.classnames(t.itemClassName),imageProps:t.imageProps,style:{...t.itemStyle}},null)),!h.value.disabled&&e.createVNode(V.default,{upload:t.upload,children:e.createVNode(o.Button,{class:`${n.value}-upload-btn`,type:"dashed"},{default:()=>[e.createVNode(s.PlusOutlined,{class:`${n.value}-upload-btn-icon`},null)]})},null),t.overflow==="scrollX"&&e.createVNode(e.Fragment,null,[e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-prev-btn`,icon:e.createVNode(s.LeftOutlined,null,null),onClick:N},null),e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-next-btn`,icon:e.createVNode(s.RightOutlined,null,null),onClick:S},null)])])}});exports.default=L;

package/lib/suggestion/Suggestion.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),o=require("../chunks/module-chunk.js");require("../x-provider/index.js");const P=require("../_util/hooks/use-x-component-config.js"),R=require("./style/index.js"),N=require("../_util/hooks/use-state.js"),$=require("ant-design-vue"),A=require("./useActive.js"),L=require("../x-provider/hooks/use-x-provider-context.js"),T=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 u=n.useSlots(),{direction:q,getPrefixCls:k}=L.default(),l=n.computed(()=>k("suggestion",e.prefixCls));`${l.value}`;const a=n.computed(()=>q.value==="rtl"),i=P.default("suggestion"),c=n.ref(),[w,r,d]=R.default(l),{width:f}=o.useElementSize(c),x=n.computed(()=>{if(e.block&&f.value)return{width:`${f.value}px`}}),[m,b]=N.default(e.open),[V,O]=N.default(),s=t=>{var S;b(t),(S=e.onOpenChange)==null||S.call(e,t)},g=t=>{t===!1?s(!1):(O(t),s(!0))},v=()=>{s(!1)},C=n.computed(()=>typeof e.items=="function"?e.items(V.value):e.items),h=t=>{e.onSelect&&e.onSelect(t[t.length-1]),s(!1)},[D,y]=A.default(C,m,a,h,v),F=n.computed(()=>{var t;return u.default?u.default({onTrigger:g,onKeyDown:y}):(t=e.children)==null?void 0:t.call(e,{onTrigger:g,onKeyDown:y})});return()=>w(n.createVNode($.Cascader,{options:C.value,open:m.value,value:D.value,placement:a.value?"topRight":"topLeft",onDropdownVisibleChange:t=>{t||v()},popupClassName:o.classnames(e.rootClassName,l.value,r.value,d,{[`${l.value}-block`]:e.block}),onChange:h,dropdownStyle:x.value},{default:()=>n.createVNode("div",{ref:c,class:o.classnames(l.value,i.value.className,e.rootClassName,e.className,`${l.value}-wrapper`,r.value,d),style:{...i.value.style,...e.style}},[F.value])}))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),o=require("../chunks/module-chunk.js");require("../x-provider/index.js");const P=require("../_util/hooks/use-x-component-config.js"),R=require("./style/index.js"),q=require("../_util/hooks/use-state.js"),$=require("ant-design-vue"),A=require("./useActive.js"),L=require("../x-provider/hooks/use-x-provider-context.js"),T=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 u=n.useSlots(),{direction:w,getPrefixCls:k}=L.default(),l=n.computed(()=>k("suggestion",e.prefixCls));`${l.value}`;const a=n.computed(()=>w.value==="rtl"),i=P.default("suggestion"),c=n.ref(),[x,r,d]=R.default(l),{width:f}=o.useElementSize(c),b=n.computed(()=>{if(e.block&&f.value)return{width:`${f.value}px`}}),[m,g]=q.default(e.open);n.watch(()=>e.open,t=>{g(t)});const[V,O]=q.default(),s=t=>{var N;g(t),(N=e.onOpenChange)==null||N.call(e,t)},v=t=>{t===!1?s(!1):(O(t),s(!0))},C=()=>{s(!1)},h=n.computed(()=>typeof e.items=="function"?e.items(V.value):e.items),y=t=>{e.onSelect&&e.onSelect(t[t.length-1]),s(!1)},[D,S]=A.default(h,m,a,y,C),F=n.computed(()=>{var t;return u.default?u.default({onTrigger:v,onKeyDown:S}):(t=e.children)==null?void 0:t.call(e,{onTrigger:v,onKeyDown:S})});return()=>x(n.createVNode($.Cascader,{options:h.value,open:m.value,value:D.value,placement:a.value?"topRight":"topLeft",onDropdownVisibleChange:t=>{t||C()},popupClassName:o.classnames(e.rootClassName,l.value,r.value,d,{[`${l.value}-block`]:e.block}),onChange:y,dropdownStyle:b.value},{default:()=>n.createVNode("div",{ref:c,class:o.classnames(l.value,i.value.className,e.rootClassName,e.className,`${l.value}-wrapper`,r.value,d),style:{...i.value.style,...e.style}},[F.value])}))}});exports.default=T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ant-design-x-vue",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Craft AI-driven interfaces effortlessly",
   "keywords": [
     "AI",
@@ -112,6 +112,7 @@
     "@vue/test-utils": "^2.4.6",
     "ant-design-vue": "^4.2.6",
     "changelogen": "^0.5.7",
+    "dayjs": "^1.11.13",
     "eslint": "^8.57.1",
     "eslint-plugin-vue": "^9.17.0",
     "fast-glob": "^3.3.2",

package/typings/use-x-agent/use-x-agent.d.ts

@@ -30,5 +30,5 @@ export declare class XAgent<Message = string, Input = RequestFnInfo<Message>, Ou
     request: RequestFn<Message, Input, Output>;
     isRequesting(): boolean;
 }
-export default function useXAgent<Message = string, Input = RequestFnInfo<Message>, Output = SSEOutput>(config: MaybeRefOrGetter<XAgentConfig<Message, Input, Output>>): import("vue").ComputedRef<XAgent<Message, RequestFnInfo<Message_1>, Partial<Record<import("../x-stream").SSEFields, any>>>>[];
+export default function useXAgent<Message = string, Input = RequestFnInfo<Message>, Output = SSEOutput>(config: MaybeRefOrGetter<XAgentConfig<Message, Input, Output>>): import("vue").ComputedRef<XAgent<Message, Input, Output>>[];
 export {};