@baishuyun/ai-design 1.0.2 → 1.0.4

package/src/style.css

@@ -89,8 +89,8 @@
   --card-foreground: oklch(0.129 0.042 264.695);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.129 0.042 264.695);
-  --primary: oklch(0.208 0.042 265.755);
-  --primary-foreground: oklch(0.984 0.003 247.858);
+  --primary: #0265ff;
+  --primary-foreground: #fff;
   --secondary: oklch(0.968 0.007 247.896);
   --secondary-foreground: oklch(0.208 0.042 265.755);
   --muted: oklch(0.968 0.007 247.896);
@@ -182,6 +182,9 @@
     -webkit-mask:
       linear-gradient(#fff 0 0) content-box,
       linear-gradient(#fff 0 0);
+    mask:
+      linear-gradient(#fff 0 0) content-box,
+      linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
   }

package/storybook-static/assets/AbsFullscreenGradientBg.stories-Hd2WmWkA.js

@@ -0,0 +1,18 @@
+import{j as r}from"./jsx-runtime-CpaO0gaJ.js";import{A as t}from"./abs-fullscreen-gradient-bg-pEhwW8Lt.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";const c={title:"Example/Chat/AbsFullscreenGradientBg",component:t,tags:["autodocs"],parameters:{layout:"fullscreen"},args:{zIndex:1}},e={args:{zIndex:1}},n={args:{zIndex:1,children:r.jsxs("div",{style:{position:"relative",zIndex:1,padding:"40px",color:"#333"},children:[r.jsx("h1",{children:"Content over gradient background"}),r.jsx("p",{children:"This demonstrates how content can be placed over the gradient background."})]})}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    zIndex: 1
+  }
+}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    zIndex: 1,
+    children: <div style={{
+      position: 'relative',
+      zIndex: 1,
+      padding: '40px',
+      color: '#333'
+    }}>
+        <h1>Content over gradient background</h1>
+        <p>This demonstrates how content can be placed over the gradient background.</p>
+      </div>
+  }
+}`,...n.parameters?.docs?.source}}};const i=["Default","WithContent"];export{e as Default,n as WithContent,i as __namedExportsOrder,c as default};

package/storybook-static/assets/AgentScrollSelector.stories-C3rsFZ6F.js

@@ -0,0 +1,40 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{r as a}from"./iframe-BNpZCkNl.js";import{c as F}from"./utils-CXGjNK-X.js";import{t as M}from"./ui-B16ZxGB5.js";import{I as D}from"./icon-btn-B-A_0V7W.js";import{L,M as se}from"./bs-icons-CDeLTCWJ.js";import{A as ae}from"./agent-select-BlwXZgPu.js";import{u as ie,c as ce,P as q,a as b,b as z,d as le}from"./index-CXB_DHA8.js";import{u as H}from"./index-KJpiBtEb.js";import{P as pe,D as de}from"./index-DFx_ePTl.js";import{h as ue,R as me,u as fe,F as ge}from"./Combination-CZ7kzc03.js";import{u as ve}from"./index-DvxqVOC1.js";import{c as W,R as he,A as $,C as xe,a as Ae}from"./tooltip-3SR6ujOq.js";import"./preload-helper-CmsKOCeN.js";import"./button-Cyp2OfiJ.js";import"./index-B-T-IyWu.js";import"./index-DZuATJno.js";var O="Popover",[G]=ce(O,[W]),C=W(),[Pe,f]=G(O),V=t=>{const{__scopePopover:n,children:r,open:i,defaultOpen:s,onOpenChange:o,modal:l=!1}=t,p=C(n),g=a.useRef(null),[v,h]=a.useState(!1),[x,u]=ie({prop:i,defaultProp:s??!1,onChange:o,caller:O});return e.jsx(he,{...p,children:e.jsx(Pe,{scope:n,contentId:ve(),triggerRef:g,open:x,onOpenChange:u,onOpenToggle:a.useCallback(()=>u(m=>!m),[u]),hasCustomAnchor:v,onCustomAnchorAdd:a.useCallback(()=>h(!0),[]),onCustomAnchorRemove:a.useCallback(()=>h(!1),[]),modal:l,children:r})})};V.displayName=O;var B="PopoverAnchor",be=a.forwardRef((t,n)=>{const{__scopePopover:r,...i}=t,s=f(B,r),o=C(r),{onCustomAnchorAdd:l,onCustomAnchorRemove:p}=s;return a.useEffect(()=>(l(),()=>p()),[l,p]),e.jsx($,{...o,...i,ref:n})});be.displayName=B;var K="PopoverTrigger",U=a.forwardRef((t,n)=>{const{__scopePopover:r,...i}=t,s=f(K,r),o=C(r),l=H(n,s.triggerRef),p=e.jsx(q.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":Y(s.open),...i,ref:l,onClick:b(t.onClick,s.onOpenToggle)});return s.hasCustomAnchor?p:e.jsx($,{asChild:!0,...o,children:p})});U.displayName=K;var E="PopoverPortal",[Ce,Se]=G(E,{forceMount:void 0}),Z=t=>{const{__scopePopover:n,forceMount:r,children:i,container:s}=t,o=f(E,n);return e.jsx(Ce,{scope:n,forceMount:r,children:e.jsx(z,{present:r||o.open,children:e.jsx(pe,{asChild:!0,container:s,children:i})})})};Z.displayName=E;var A="PopoverContent",J=a.forwardRef((t,n)=>{const r=Se(A,t.__scopePopover),{forceMount:i=r.forceMount,...s}=t,o=f(A,t.__scopePopover);return e.jsx(z,{present:i||o.open,children:o.modal?e.jsx(ye,{...s,ref:n}):e.jsx(je,{...s,ref:n})})});J.displayName=A;var Re=le("PopoverContent.RemoveScroll"),ye=a.forwardRef((t,n)=>{const r=f(A,t.__scopePopover),i=a.useRef(null),s=H(n,i),o=a.useRef(!1);return a.useEffect(()=>{const l=i.current;if(l)return ue(l)},[]),e.jsx(me,{as:Re,allowPinchZoom:!0,children:e.jsx(Q,{...t,ref:s,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:b(t.onCloseAutoFocus,l=>{l.preventDefault(),o.current||r.triggerRef.current?.focus()}),onPointerDownOutside:b(t.onPointerDownOutside,l=>{const p=l.detail.originalEvent,g=p.button===0&&p.ctrlKey===!0,v=p.button===2||g;o.current=v},{checkForDefaultPrevented:!1}),onFocusOutside:b(t.onFocusOutside,l=>l.preventDefault(),{checkForDefaultPrevented:!1})})})}),je=a.forwardRef((t,n)=>{const r=f(A,t.__scopePopover),i=a.useRef(!1),s=a.useRef(!1);return e.jsx(Q,{...t,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{t.onCloseAutoFocus?.(o),o.defaultPrevented||(i.current||r.triggerRef.current?.focus(),o.preventDefault()),i.current=!1,s.current=!1},onInteractOutside:o=>{t.onInteractOutside?.(o),o.defaultPrevented||(i.current=!0,o.detail.originalEvent.type==="pointerdown"&&(s.current=!0));const l=o.target;r.triggerRef.current?.contains(l)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&s.current&&o.preventDefault()}})}),Q=a.forwardRef((t,n)=>{const{__scopePopover:r,trapFocus:i,onOpenAutoFocus:s,onCloseAutoFocus:o,disableOutsidePointerEvents:l,onEscapeKeyDown:p,onPointerDownOutside:g,onFocusOutside:v,onInteractOutside:h,...x}=t,u=f(A,r),m=C(r);return fe(),e.jsx(ge,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:s,onUnmountAutoFocus:o,children:e.jsx(de,{asChild:!0,disableOutsidePointerEvents:l,onInteractOutside:h,onEscapeKeyDown:p,onPointerDownOutside:g,onFocusOutside:v,onDismiss:()=>u.onOpenChange(!1),children:e.jsx(xe,{"data-state":Y(u.open),role:"dialog",id:u.contentId,...m,...x,ref:n,style:{...x.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),X="PopoverClose",we=a.forwardRef((t,n)=>{const{__scopePopover:r,...i}=t,s=f(X,r);return e.jsx(q.button,{type:"button",...i,ref:n,onClick:b(t.onClick,()=>s.onOpenChange(!1))})});we.displayName=X;var Fe="PopoverArrow",Oe=a.forwardRef((t,n)=>{const{__scopePopover:r,...i}=t,s=C(r);return e.jsx(Ae,{...s,...i,ref:n})});Oe.displayName=Fe;function Y(t){return t?"open":"closed"}var _e=V,Ee=U,Ie=Z,ee=J;const Ne=_e,ke=Ee,I=a.forwardRef(({className:t,align:n="start",sideOffset:r=4,portalContainer:i,...s},o)=>e.jsx(Ie,{container:i??void 0,children:e.jsx(ee,{ref:o,align:n,sideOffset:r,className:F("z-50 w-60 rounded-[4px] border bg-white p-1 text-[#121111] shadow-[0_0_16px_rgba(0,0,0,0.1)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2","data-[side=left]:slide-in-from-right-2","data-[side=right]:slide-in-from-left-2","data-[side=top]:slide-in-from-bottom-2","origin-[--radix-popover-content-transform-origin]",t),...s})}));I.displayName=ee.displayName;I.__docgenInfo={description:"",methods:[],props:{portalContainer:{required:!1,tsType:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}]},description:""},align:{defaultValue:{value:"'start'",computed:!1},required:!1},sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};const N=({agents:t,activeAgent:n,onSelect:r,className:i,showSlider:s})=>{const o=a.useRef(null),[l,p]=a.useState(!1),[g,v]=a.useState(!1),[h,x]=a.useState(!1),[u,m]=a.useState(null),oe=a.useCallback(c=>{if(!c){m(null);return}const d=c.getRootNode();if(d instanceof ShadowRoot){const T=d.querySelector("[data-bs-popover-portal]");if(T){m(T);return}const _=document.createElement("div");_.setAttribute("data-bs-popover-portal","true"),d.appendChild(_),m(_)}else m(null)},[]),P=a.useCallback(()=>{const c=o.current;c&&(p(c.scrollLeft>0),v(c.scrollLeft+c.clientWidth<c.scrollWidth-1))},[]);a.useEffect(()=>{P();const c=o.current;if(!c)return;const d=new ResizeObserver(P);return d.observe(c),c.addEventListener("scroll",P,{passive:!0}),()=>{d.disconnect(),c.removeEventListener("scroll",P)}},[t,P]);const k=a.useCallback(c=>{const d=o.current;d&&d.scrollBy({left:c==="left"?-150:150,behavior:"smooth"})},[]),re=a.useCallback(c=>{r(c),x(!1)},[r]),ne=e.jsxs(e.Fragment,{children:[e.jsx(D,{rounded:!0,disabled:!l,icon:e.jsx(L,{}),onClick:()=>k("left")}),e.jsx("div",{ref:o,className:"flex-1 overflow-x-auto scrollbar-hide flex gap-[6px] min-w-0",children:t.map(c=>{const d=n?.id===c.id;return e.jsxs("button",{type:"button",onClick:()=>r(c),className:F("flex items-center gap-[6px] shrink-0 max-w-[240px]","px-[10px] py-[7px] rounded-[100px]",M,d?"border border-[#f0f6ff] bg-[#F0F6FF] text-[#0265FF]":"border border-[#E0E0E0] text-[#121111] hover:bg-[#F0F6FF] hover:text-[#0265FF]"),children:[e.jsx("img",{src:c.icon,alt:c.name,className:"h-4 w-4 rounded-[4px] object-cover shrink-0"}),e.jsx("span",{className:"text-[14px] leading-[normal] truncate",children:c.name})]},c.id)})}),e.jsx(D,{rounded:!0,disabled:!g,icon:e.jsx("span",{className:"rotate-180 inline-flex",children:e.jsx(L,{})}),onClick:()=>k("right")})]});return e.jsxs("div",{className:F("flex items-center gap-2.5 w-fit max-w-full min-w-0",i),children:[s?ne:null,t.length>0&&e.jsxs(Ne,{open:h,onOpenChange:x,children:[e.jsx(ke,{asChild:!0,children:e.jsxs("button",{ref:oe,type:"button",className:F("flex items-center gap-[6px] shrink-0 h-[34px]","px-[10px] py-[5px] rounded-[4px]","text-[14px] text-[#121111] leading-[normal]","hover:bg-[#EFF0F6]",{"bg-[#eff0f6]":h},M),children:[e.jsx(se,{}),e.jsx("span",{children:"技能"})]})}),e.jsx(I,{align:"end",sideOffset:4,portalContainer:u,children:e.jsx(ae,{agents:t,showSearch:!0,activeAgent:n,onSelect:re})})]})]})};N.__docgenInfo={description:"",methods:[],displayName:"AgentScrollSelector",props:{agents:{required:!0,tsType:{name:"Array",elements:[{name:"AgentSelectAgent"}],raw:"Array<AgentSelectAgent>"},description:""},activeAgent:{required:!1,tsType:{name:"union",raw:"{ id: string } | null",elements:[{name:"signature",type:"object",raw:"{ id: string }",signature:{properties:[{key:"id",value:{name:"string",required:!0}}]}},{name:"null"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(agent: AgentSelectAgent) => void | Promise<void>",signature:{arguments:[{type:{name:"AgentSelectAgent"},name:"agent"}],return:{name:"union",raw:"void | Promise<void>",elements:[{name:"void"},{name:"Promise",elements:[{name:"void"}],raw:"Promise<void>"}]}}},description:""},showSlider:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};const Te=[{id:"1",name:"AI助手",icon:"https://picsum.photos/32/32?random=1",builtIn:!0},{id:"2",name:"代码助手",icon:"https://picsum.photos/32/32?random=2",builtIn:!0},{id:"3",name:"翻译专家",icon:"https://picsum.photos/32/32?random=3",builtIn:!1},{id:"4",name:"文档写手",icon:"https://picsum.photos/32/32?random=4",builtIn:!1}],te=[{id:"1",name:"AI助手",icon:"https://picsum.photos/32/32?random=1",builtIn:!0},{id:"2",name:"代码助手",icon:"https://picsum.photos/32/32?random=2",builtIn:!0},{id:"3",name:"翻译专家翻译专家",icon:"https://picsum.photos/32/32?random=3",builtIn:!1},{id:"4",name:"文档写手",icon:"https://picsum.photos/32/32?random=4",builtIn:!1},{id:"5",name:"AI表单搭建",icon:"https://picsum.photos/32/32?random=5",builtIn:!0},{id:"6",name:"数据分析",icon:"https://picsum.photos/32/32?random=6",builtIn:!1},{id:"7",name:"AI填写",icon:"https://picsum.photos/32/32?random=7",builtIn:!0},{id:"8",name:"智能搜索",icon:"https://picsum.photos/32/32?random=8",builtIn:!1}],Ye={title:"AI Office/AgentScrollSelector",component:N,tags:["autodocs"],parameters:{layout:"centered"},args:{agents:Te,onSelect:()=>{}},decorators:[t=>e.jsx("div",{style:{width:600,padding:20},children:e.jsx(t,{})})]},S={},R={args:{activeAgent:{id:"2"}}},y={args:{agents:te,activeAgent:{id:"5"}}},j={args:{agents:[]}},w={render:t=>{const[n,r]=a.useState(null);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[e.jsx(N,{...t,onSelect:i=>r(i),activeAgent:n}),n&&e.jsxs("div",{style:{padding:12,background:"#F5F7FA",borderRadius:8,fontSize:14},children:[e.jsx("strong",{children:"已选择:"})," ",n.name]})]})},args:{agents:te}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:"{}",...S.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  args: {
+    activeAgent: {
+      id: '2'
+    }
+  }
+}`,...R.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  args: {
+    agents: manyAgents,
+    activeAgent: {
+      id: '5'
+    }
+  }
+}`,...y.parameters?.docs?.source}}};j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
+  args: {
+    agents: []
+  }
+}`,...j.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 12
+    }}>
+        <AgentScrollSelector {...args} onSelect={agent => setSelected(agent)} activeAgent={selected} />
+        {selected && <div style={{
+        padding: 12,
+        background: '#F5F7FA',
+        borderRadius: 8,
+        fontSize: 14
+      }}>
+            <strong>已选择:</strong> {selected.name}
+          </div>}
+      </div>;
+  },
+  args: {
+    agents: manyAgents
+  }
+}`,...w.parameters?.docs?.source}}};const et=["Default","WithActiveAgent","ManyAgents","Empty","Interactive"];export{S as Default,j as Empty,w as Interactive,y as ManyAgents,R as WithActiveAgent,et as __namedExportsOrder,Ye as default};

package/storybook-static/assets/AgentSelect.stories-DVhwD0rq.js

@@ -0,0 +1,53 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{r as h}from"./iframe-BNpZCkNl.js";import{A as p}from"./agent-select-BlwXZgPu.js";import"./preload-helper-CmsKOCeN.js";import"./utils-CXGjNK-X.js";import"./ui-B16ZxGB5.js";const u=[{id:"1",name:"AI助手",icon:"https://picsum.photos/32/32?random=1",builtIn:!0},{id:"2",name:"代码助手",icon:"https://picsum.photos/32/32?random=2",builtIn:!0},{id:"3",name:"翻译专家",icon:"https://picsum.photos/32/32?random=3",builtIn:!1},{id:"4",name:"文档写手",icon:"https://picsum.photos/32/32?random=4",builtIn:!1}],S=[{id:"1",name:"AI助手",icon:"https://picsum.photos/32/32?random=1",builtIn:!0},{id:"2",name:"代码助手",icon:"https://picsum.photos/32/32?random=2",builtIn:!0}],A=[{id:"3",name:"翻译专家",icon:"https://picsum.photos/32/32?random=3",builtIn:!1},{id:"4",name:"文档写手",icon:"https://picsum.photos/32/32?random=4",builtIn:!1}],w={title:"AI Office/AgentSelect",component:p,tags:["autodocs"],parameters:{layout:"centered"},args:{agents:u,onSelect:()=>{}},decorators:[d=>e.jsx("div",{style:{width:280,padding:20},children:e.jsx(d,{})})]},t={},s={args:{showSearch:!0}},r={args:{activeAgent:{id:"2"}}},n={args:{showSearch:!0,activeAgent:{id:"1"}}},a={args:{agents:[],showSearch:!0}},o={args:{agents:S}},c={args:{agents:A}},i={render:d=>{const[m,g]=h.useState(null);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[e.jsx(p,{...d,onSelect:l=>g(l),activeAgent:m,showSearch:!0}),m&&e.jsxs("div",{style:{padding:12,background:"#F5F7FA",borderRadius:8,fontSize:14},children:[e.jsx("strong",{children:"已选择:"})," ",m.name]})]})},args:{agents:u}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"{}",...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    showSearch: true
+  }
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    activeAgent: {
+      id: '2'
+    }
+  }
+}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    showSearch: true,
+    activeAgent: {
+      id: '1'
+    }
+  }
+}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    agents: [],
+    showSearch: true
+  }
+}`,...a.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    agents: onlySystemAgents
+  }
+}`,...o.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    agents: onlyCustomAgents
+  }
+}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 12
+    }}>
+        <AgentSelect {...args} onSelect={agent => setSelected(agent)} activeAgent={selected} showSearch={true} />
+        {selected && <div style={{
+        padding: 12,
+        background: '#F5F7FA',
+        borderRadius: 8,
+        fontSize: 14
+      }}>
+            <strong>已选择:</strong> {selected.name}
+          </div>}
+      </div>;
+  },
+  args: {
+    agents: mockAgents
+  }
+}`,...i.parameters?.docs?.source}}};const j=["Default","WithSearch","WithActiveAgent","WithSearchAndActiveAgent","Empty","OnlySystemAgents","OnlyCustomAgents","Interactive"];export{t as Default,a as Empty,i as Interactive,c as OnlyCustomAgents,o as OnlySystemAgents,r as WithActiveAgent,s as WithSearch,n as WithSearchAndActiveAgent,j as __namedExportsOrder,w as default};

package/storybook-static/assets/AttachmentPart.stories-ejj4i7n-.js

@@ -0,0 +1,45 @@
+import{j as a}from"./jsx-runtime-CpaO0gaJ.js";import{A as e}from"./attachment-part-_D41HaS7.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./utils-CXGjNK-X.js";import"./img-part-CWcYacNo.js";import"./bs-icons-CDeLTCWJ.js";import"./ui-B16ZxGB5.js";const A={title:"Example/Chat/AttachmentPart",component:e,tags:["autodocs"],parameters:{layout:"centered"}},u={type:"file",url:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400",name:"mountain.jpg",mediaType:"image/jpeg"},l={type:"file",url:"http://example.com/test.xlsx",name:"bot_files/uuid/test excel upload.xlsx",mediaType:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"},d={type:"file",url:"http://example.com/data.csv",name:"data.csv",mediaType:"text/csv"},x={type:"file",url:"http://example.com/readme.txt",name:"readme.txt",mediaType:"text/plain"},g={type:"file",url:"http://example.com/useFormChat.ts",name:"bot_files/uuid/useFormChat_Version3.ts",mediaType:"application/octet-stream"},P={type:"file",url:"http://example.com/unknown.bin",name:"unknown.bin",mediaType:"application/x-unknown"},r={args:{part:u}},t={args:{part:l}},s={args:{part:d}},n={args:{part:x}},o={args:{part:g}},p={args:{part:P}},c={args:{part:l,size:150}},m={args:{part:d,size:64,iconOnly:!0}},i={render:()=>a.jsxs("div",{className:"flex gap-4 flex-wrap",children:[a.jsx(e,{part:u}),a.jsx(e,{part:l}),a.jsx(e,{part:d}),a.jsx(e,{part:x}),a.jsx(e,{part:g}),a.jsx(e,{part:P})]})};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: imagePart
+  }
+}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: excelPart
+  }
+}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: csvPart
+  }
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: txtPart
+  }
+}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: tsPart
+  }
+}`,...o.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: unknownPart
+  }
+}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: excelPart,
+    size: 150
+  }
+}`,...c.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    part: csvPart,
+    size: 64,
+    iconOnly: true
+  }
+}`,...m.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  render: () => <div className="flex gap-4 flex-wrap">
+      <AttachmentPart part={imagePart} />
+      <AttachmentPart part={excelPart} />
+      <AttachmentPart part={csvPart} />
+      <AttachmentPart part={txtPart} />
+      <AttachmentPart part={tsPart} />
+      <AttachmentPart part={unknownPart} />
+    </div>
+}`,...i.parameters?.docs?.source}}};const k=["Image","Excel","CSV","TXT","TypeScript","Unknown","LargeSize","SmallSize","AllTypes"];export{i as AllTypes,s as CSV,t as Excel,r as Image,c as LargeSize,m as SmallSize,n as TXT,o as TypeScript,p as Unknown,k as __namedExportsOrder,A as default};

package/storybook-static/assets/AttachmentPartGroup.stories-5Zdayw6l.js

@@ -0,0 +1,34 @@
+import{j as o}from"./jsx-runtime-CpaO0gaJ.js";import{c as j}from"./utils-CXGjNK-X.js";import{A as P}from"./attachment-part-_D41HaS7.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./img-part-CWcYacNo.js";import"./bs-icons-CDeLTCWJ.js";import"./ui-B16ZxGB5.js";const m=({parts:l,className:u,size:g=100,gap:h=10,iconOnly:f,onPartClick:y})=>l.length?o.jsx("div",{className:j("flex flex-wrap content-center items-center",u),style:{gap:h},children:l.map((c,x)=>o.jsx(P,{part:c,size:g,iconOnly:f,onClick:y},c.url||x))}):null;m.__docgenInfo={description:"",methods:[],displayName:"AttachmentPartGroup",props:{parts:{required:!0,tsType:{name:"Array",elements:[{name:"FileUIPart"}],raw:"FileUIPart[]"},description:""},className:{required:!1,tsType:{name:"string"},description:""},size:{required:!1,tsType:{name:"number"},description:"Size in pixels for each item, defaults to 102",defaultValue:{value:"100",computed:!1}},gap:{required:!1,tsType:{name:"number"},description:"Gap between items in pixels, defaults to 10",defaultValue:{value:"10",computed:!1}},iconOnly:{required:!1,tsType:{name:"boolean"},description:"Show only icons without file names"},onPartClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(part: FilePart) => void",signature:{arguments:[{type:{name:"FilePart"},name:"part"}],return:{name:"void"}}},description:"Click handler for individual parts"}}};const I={title:"Example/Chat/AttachmentPartGroup",component:m,tags:["autodocs"],parameters:{layout:"centered"}},w=[{type:"file",url:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400",name:"mountain1.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1519681393784-d120267933ba?w=400",name:"mountain2.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1454496522488-7a8e488e8606?w=400",name:"mountain3.jpg",mediaType:"image/jpeg"}],i=[{type:"file",url:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400",name:"photo1.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1519681393784-d120267933ba?w=400",name:"photo2.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1454496522488-7a8e488e8606?w=400",name:"photo3.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=400",name:"photo4.jpg",mediaType:"image/jpeg"},{type:"file",url:"https://images.unsplash.com/photo-1486870591958-9b9d0d1dda99?w=400",name:"photo5.jpg",mediaType:"image/jpeg"},{type:"file",url:"http://example.com/test.xlsx",name:"生产小工单.excel",mediaType:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}],d=[{type:"file",url:"http://example.com/report.xlsx",name:"report.xlsx",mediaType:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"},{type:"file",url:"http://example.com/data.csv",name:"data.csv",mediaType:"text/csv"},{type:"file",url:"http://example.com/readme.txt",name:"readme.txt",mediaType:"text/plain"},{type:"file",url:"http://example.com/unknown.bin",name:"unknown.bin",mediaType:"application/x-unknown"}],e={args:{parts:w}},a={args:{parts:i}},t={args:{parts:d}},r={args:{parts:d,iconOnly:!0}},s={args:{parts:i,size:80}},n={args:{parts:i,gap:20}},p={render:()=>o.jsx("div",{style:{width:330},children:o.jsx(m,{parts:i})})};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: imageParts
+  }
+}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: mixedParts
+  }
+}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: fileParts
+  }
+}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: fileParts,
+    iconOnly: true
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: mixedParts,
+    size: 80
+  }
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    parts: mixedParts,
+    gap: 20
+  }
+}`,...n.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    width: 330
+  }}>
+      <AttachmentPartGroup parts={mixedParts} />
+    </div>
+}`,...p.parameters?.docs?.source}}};const k=["ImagesOnly","MixedContent","FilesOnly","IconOnly","SmallSize","LargeGap","ConstrainedWidth"];export{p as ConstrainedWidth,t as FilesOnly,r as IconOnly,e as ImagesOnly,n as LargeGap,a as MixedContent,s as SmallSize,k as __namedExportsOrder,I as default};

package/storybook-static/assets/AttachmentsPreviewer.stories-DyjtCRco.js

@@ -0,0 +1,138 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{c as i}from"./utils-CXGjNK-X.js";import{t as k}from"./ui-B16ZxGB5.js";import{r as m}from"./iframe-BNpZCkNl.js";import{R as J,T as W,C as Y,X as _,U as K}from"./bs-icons-CDeLTCWJ.js";import{L as Q}from"./icons-iPP3Tbk5.js";import"./preload-helper-CmsKOCeN.js";const g={"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":{icon:_,iconSize:52},"application/vnd.ms-excel":{icon:_,iconSize:52},"text/csv":{icon:Y,iconSize:16},"text/plain":{icon:W,iconSize:16},"application/octet-stream":{icon:W,iconSize:16}},Z={icon:K,iconSize:16},ee=t=>!!t?.startsWith("image/"),te=(t,a)=>{if(t&&g[t])return g[t];if(a)switch(a.split(".").pop()?.toLowerCase()){case"xlsx":case"xls":return g["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"];case"csv":return g["text/csv"];case"txt":case"ts":case"tsx":case"js":case"jsx":case"json":case"md":return g["text/plain"]}return Z},ae=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 6L15 12L9 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),se=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 6L9 12L15 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),U=({direction:t,onClick:a,className:r})=>e.jsx("button",{type:"button",onClick:a,className:i("flex items-center justify-center","size-9 p-1 rounded-[18px]","bg-white shadow-[0px_0px_10px_0px_rgba(0,0,0,0.06)]","cursor-pointer","hover:bg-gray-50","text-gray-600",k,r),children:t==="left"?e.jsx(se,{}):e.jsx(ae,{})}),M=({direction:t,height:a,visible:r})=>{const d=t==="left";return e.jsxs("div",{className:i("absolute top-2 pointer-events-none z-5",d?"left-0":"right-0",k,r?"opacity-100":"opacity-0"),style:{height:`${a}px`,width:"46px"},children:[e.jsx("div",{className:i("absolute inset-0",d?"bg-linear-to-r from-white via-white via-[63.57%] to-transparent":"bg-linear-to-l from-white via-white via-[63.57%] to-transparent")}),e.jsx("div",{className:"absolute inset-0 bg-white blur-[7px]"})]})},P=({attachments:t,className:a,imageSize:r=53,gap:d=10,onImageClick:H,onImageRemove:N})=>{const O=m.useRef(null),h=m.useRef(null),[F,D]=m.useState(!1),[A,G]=m.useState(!1),c=m.useCallback(()=>{const s=h.current;if(!s)return;const{scrollLeft:o,scrollWidth:l,clientWidth:p}=s;D(o>0),G(o+p<l-1)},[]);m.useEffect(()=>{c();const s=h.current;if(s)return s.addEventListener("scroll",c),window.addEventListener("resize",c),()=>{s.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[c,t]);const z=s=>{const o=h.current;if(!o)return;const l=r+d,p=s==="left"?o.scrollLeft-l*2:o.scrollLeft+l*2;o.scrollTo({left:p,behavior:"smooth"})};return t.length?e.jsxs("div",{ref:O,className:i("relative w-full",a),style:{height:r+16},children:[e.jsx("div",{ref:h,className:"flex overflow-x-auto scrollbar-hide py-2",style:{gap:d,height:r+16},children:t.map((s,o)=>{const l=ee(s.contentType),{icon:p,iconSize:V}=te(s.contentType,s.alt),$=52/102*r,E=$/V;return e.jsxs("div",{className:i("relative shrink-0 cursor-pointer group border border-[#e0e0e0] rounded-lg",k),style:{width:r,height:r},onClick:()=>H?.(s,o),children:[l&&s.url?e.jsx("img",{src:s.url,alt:s.alt||`Attachment ${o+1}`,className:"absolute inset-0 h-full w-full rounded-lg object-cover"}):e.jsx("div",{className:"absolute inset-0 flex h-full w-full items-center justify-center rounded-lg bg-[#EFF0F6]",children:e.jsx("div",{className:"shrink-0 flex items-center justify-center",style:{width:$,height:$},children:e.jsx("div",{style:{transform:E!==1?`scale(${E})`:void 0,transformOrigin:"center"},children:e.jsx(p,{})})})}),s.isLoading&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center rounded-lg bg-black/50 pointer-events-none",children:e.jsx("div",{className:"inline-flex animate-spin items-center justify-center",children:e.jsx(Q,{size:16})})}),N&&e.jsx("button",{className:i("absolute -top-1.5 -right-1.5","flex items-center justify-center","opacity-0 group-hover:opacity-100 cursor-pointer",k),onClick:X=>{X.stopPropagation(),N(s,o)},children:e.jsx(J,{})})]},s.id)})}),e.jsx(M,{direction:"left",height:r,visible:F}),e.jsx(U,{direction:"left",onClick:()=>z("left"),className:i("absolute left-0 top-1/2 -translate-y-1/2 z-10",F?"opacity-100":"opacity-0 pointer-events-none")}),e.jsx(M,{direction:"right",height:r,visible:A}),e.jsx(U,{direction:"right",onClick:()=>z("right"),className:i("absolute right-0 top-1/2 -translate-y-1/2 z-10",A?"opacity-100":"opacity-0 pointer-events-none")})]}):null};P.__docgenInfo={description:"",methods:[],displayName:"AttachmentsPreviewer",props:{attachments:{required:!0,tsType:{name:"Array",elements:[{name:"AttachmentItem"}],raw:"AttachmentItem[]"},description:""},className:{required:!1,tsType:{name:"string"},description:""},imageSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"53",computed:!1}},gap:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"10",computed:!1}},onImageClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(attachment: AttachmentItem, index: number) => void",signature:{arguments:[{type:{name:"AttachmentItem"},name:"attachment"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},onImageRemove:{required:!1,tsType:{name:"signature",type:"function",raw:"(attachment: AttachmentItem, index: number) => void",signature:{arguments:[{type:{name:"AttachmentItem"},name:"attachment"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""}}};const n=[{id:"1",url:"https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=200&h=200&fit=crop",alt:"Coffee",contentType:"image/jpeg"},{id:"2",url:"https://images.unsplash.com/photo-1543466835-00a7907e9de1?w=200&h=200&fit=crop",alt:"Dog",contentType:"image/jpeg"},{id:"3",url:"https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?w=200&h=200&fit=crop",alt:"Cat",contentType:"image/jpeg"},{id:"4",url:"https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=200&h=200&fit=crop",alt:"Coffee cup",contentType:"image/jpeg"},{id:"5",url:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop",alt:"Portrait",contentType:"image/jpeg"}],q=[...n,{id:"6",url:"https://images.unsplash.com/photo-1518770660439-4636190af475?w=200&h=200&fit=crop",alt:"Tech",contentType:"image/jpeg"},{id:"7",url:"https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?w=200&h=200&fit=crop",alt:"Japan",contentType:"image/jpeg"},{id:"8",url:"https://images.unsplash.com/photo-1501854140801-50d01698950b?w=200&h=200&fit=crop",alt:"Nature",contentType:"image/jpeg"},{id:"9",url:"https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=200&h=200&fit=crop",alt:"Fog",contentType:"image/jpeg"},{id:"10",url:"https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=200&h=200&fit=crop",alt:"Forest",contentType:"image/jpeg"}],B=[{id:"file-xlsx",url:"",alt:"report.xlsx",contentType:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"},{id:"file-csv",url:"",alt:"data.csv",contentType:"text/csv"},{id:"file-txt",url:"",alt:"notes.txt",contentType:"text/plain"},{id:"file-unknown",url:"",alt:"archive.bin",contentType:"application/x-unknown"}],de={title:"Example/Chat/AttachmentsPreviewer",component:P,tags:["autodocs"],parameters:{layout:"centered"},args:{},decorators:[t=>e.jsx("div",{style:{width:308},children:e.jsx(t,{})})]},u={args:{attachments:n}},x={args:{attachments:n.slice(0,3)},decorators:[t=>e.jsx("div",{style:{width:220},children:e.jsx(t,{})})]},v={args:{attachments:q,onImageRemove:(t,a)=>{alert(`Remove image ${a+1}: ${t.alt}`)}},decorators:[t=>e.jsx("div",{style:{width:350},children:e.jsx(t,{})})]},f={args:{attachments:n,onImageClick:(t,a)=>{alert(`Clicked image ${a+1}: ${t.alt}`)}}},y={args:{attachments:n,onImageRemove:(t,a)=>{alert(`Remove image ${a+1}: ${t.alt}`)}}},w={args:{attachments:n,imageSize:80,gap:12},decorators:[t=>e.jsx("div",{style:{width:400},children:e.jsx(t,{})})]},j={args:{attachments:n,imageSize:40,gap:8},decorators:[t=>e.jsx("div",{style:{width:250},children:e.jsx(t,{})})]},I={args:{attachments:n.slice(0,1)}},S={args:{attachments:n.slice(0,2)}},b={args:{attachments:q},decorators:[t=>e.jsx("div",{style:{width:600},children:e.jsx(t,{})})]},L={args:{attachments:[...n.slice(0,2),{id:"loading-1",url:"",alt:"Uploading file 1",isLoading:!0,contentType:"application/vnd.ms-excel"},{id:"loading-2",url:"",alt:"Uploading file 2",isLoading:!0,contentType:"text/csv"}],onImageRemove:(t,a)=>{alert(`Remove image ${a+1}: ${t.alt}`)}}},T={args:{attachments:[n[0],{id:"loading-1",url:"",alt:"Uploading...",isLoading:!0,contentType:"image/png"},n[1],n[2],{id:"loading-2",url:"",alt:"Uploading...",isLoading:!0,contentType:"text/plain"}],onImageRemove:(t,a)=>{alert(`Remove image ${a+1}: ${t.alt}`)}}},R={args:{attachments:B,onImageRemove:(t,a)=>{alert(`Remove file ${a+1}: ${t.alt}`)}},decorators:[t=>e.jsx("div",{style:{width:260},children:e.jsx(t,{})})]},C={args:{attachments:[...n.slice(0,2),...B]},decorators:[t=>e.jsx("div",{style:{width:360},children:e.jsx(t,{})})]};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages
+  }
+}`,...u.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages.slice(0, 3)
+  },
+  decorators: [Story => <div style={{
+    width: 220
+  }}>
+        <Story />
+      </div>]
+}`,...x.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: manyImages,
+    onImageRemove: (attachment, index) => {
+      alert(\`Remove image \${index + 1}: \${attachment.alt}\`);
+    }
+  },
+  decorators: [Story => <div style={{
+    width: 350
+  }}>
+        <Story />
+      </div>]
+}`,...v.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages,
+    onImageClick: (attachment, index) => {
+      alert(\`Clicked image \${index + 1}: \${attachment.alt}\`);
+    }
+  }
+}`,...f.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages,
+    onImageRemove: (attachment, index) => {
+      alert(\`Remove image \${index + 1}: \${attachment.alt}\`);
+    }
+  }
+}`,...y.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages,
+    imageSize: 80,
+    gap: 12
+  },
+  decorators: [Story => <div style={{
+    width: 400
+  }}>
+        <Story />
+      </div>]
+}`,...w.parameters?.docs?.source}}};j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages,
+    imageSize: 40,
+    gap: 8
+  },
+  decorators: [Story => <div style={{
+    width: 250
+  }}>
+        <Story />
+      </div>]
+}`,...j.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages.slice(0, 1)
+  }
+}`,...I.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleImages.slice(0, 2)
+  }
+}`,...S.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: manyImages
+  },
+  decorators: [Story => <div style={{
+    width: 600
+  }}>
+        <Story />
+      </div>]
+}`,...b.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: [...sampleImages.slice(0, 2), {
+      id: 'loading-1',
+      url: '',
+      alt: 'Uploading file 1',
+      isLoading: true,
+      contentType: 'application/vnd.ms-excel'
+    }, {
+      id: 'loading-2',
+      url: '',
+      alt: 'Uploading file 2',
+      isLoading: true,
+      contentType: 'text/csv'
+    }],
+    onImageRemove: (attachment, index) => {
+      alert(\`Remove image \${index + 1}: \${attachment.alt}\`);
+    }
+  }
+}`,...L.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: [sampleImages[0], {
+      id: 'loading-1',
+      url: '',
+      alt: 'Uploading...',
+      isLoading: true,
+      contentType: 'image/png'
+    }, sampleImages[1], sampleImages[2], {
+      id: 'loading-2',
+      url: '',
+      alt: 'Uploading...',
+      isLoading: true,
+      contentType: 'text/plain'
+    }],
+    onImageRemove: (attachment, index) => {
+      alert(\`Remove image \${index + 1}: \${attachment.alt}\`);
+    }
+  }
+}`,...T.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: sampleFiles,
+    onImageRemove: (attachment, index) => {
+      alert(\`Remove file \${index + 1}: \${attachment.alt}\`);
+    }
+  },
+  decorators: [Story => <div style={{
+    width: 260
+  }}>
+        <Story />
+      </div>]
+}`,...R.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  args: {
+    attachments: [...sampleImages.slice(0, 2), ...sampleFiles]
+  },
+  decorators: [Story => <div style={{
+    width: 360
+  }}>
+        <Story />
+      </div>]
+}`,...C.parameters?.docs?.source}}};const pe=["Base","FewImages","ManyImages","WithClickHandler","WithRemoveHandler","CustomSize","SmallSize","SingleImage","TwoImages","FullWidth","WithLoadingItems","MixedLoadingAndLoaded","NonImageFiles","MixedFilesAndImages"];export{u as Base,w as CustomSize,x as FewImages,b as FullWidth,v as ManyImages,C as MixedFilesAndImages,T as MixedLoadingAndLoaded,R as NonImageFiles,I as SingleImage,j as SmallSize,S as TwoImages,f as WithClickHandler,L as WithLoadingItems,y as WithRemoveHandler,pe as __namedExportsOrder,de as default};

package/storybook-static/assets/BaseButton.stories-DrGEYx9W.js

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{B as t}from"./base-button-BGn3Fo0B.js";import{D as s,a}from"./bs-icons-CDeLTCWJ.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./utils-CXGjNK-X.js";import"./ui-B16ZxGB5.js";import"./tooltip-3SR6ujOq.js";import"./index-CXB_DHA8.js";import"./index-B-T-IyWu.js";import"./index-KJpiBtEb.js";import"./index-DFx_ePTl.js";import"./index-DvxqVOC1.js";import"./index-DZuATJno.js";const v={title:"Example/Button/BaseButton",component:t,tags:["autodocs"],parameters:{layout:"centered"},args:{children:"AI填报示例数据",icon:e.jsx(s,{})}},r={args:{icon:e.jsx(a,{})}},o={parameters:{pseudo:{hover:!0}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    icon: <ColorfulEditIcon />
+  }
+}`,...r.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    pseudo: {
+      hover: true
+    }
+  }
+}`,...o.parameters?.docs?.source}}};const I=["Base","Hover"];export{r as Base,o as Hover,I as __namedExportsOrder,v as default};

package/storybook-static/assets/BorderAnimation.stories-D9p4pgL6.js

@@ -0,0 +1,87 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{c as v}from"./utils-CXGjNK-X.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";const y=`linear-gradient(90deg, 
+  rgba(132, 180, 255, 0) 0%, 
+  rgba(132, 180, 255, 0.5) 10%, 
+  rgba(132, 180, 255, 1) 25%, 
+  rgb(2, 101, 255) 50%, 
+  rgba(177, 250, 255, 1) 75%, 
+  rgba(177, 250, 255, 0.5) 90%, 
+  rgba(177, 250, 255, 0) 100%
+)`,x=({children:p,className:u,duration:g=2,borderRadius:l=4,beamWidth:h=170,beamHeight:b=4,gradient:f=y,borderWidth:c=1,height:m,borderColor:N="transparent"})=>e.jsxs("div",{className:v("relative w-full overflow-hidden",u,"gradient-border"),style:{borderRadius:`${l}px`,border:`${c}px solid ${N}`,...m?{height:m}:{}},children:[p,e.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",border:`${c}px solid transparent`,borderRadius:"inherit",maskImage:"linear-gradient(transparent, transparent), linear-gradient(white, white)",WebkitMaskImage:"linear-gradient(transparent, transparent), linear-gradient(white, white)",maskOrigin:"border-box, border-box",WebkitMaskOrigin:"border-box, border-box",maskClip:"padding-box, border-box",WebkitMaskClip:"padding-box, border-box",maskComposite:"intersect",WebkitMaskComposite:"source-in"},children:e.jsx("div",{style:{position:"absolute",aspectRatio:"1 / 1",width:`${h}px`,height:`${b}px`,background:f,offsetPath:`rect(0px auto auto 0px round ${l}px)`,animation:`bs-border-travel ${g}s linear infinite`,willChange:"offset-distance",transform:"translateZ(0)",backfaceVisibility:"hidden"}})}),e.jsx("style",{children:`
+        @keyframes bs-border-travel {
+          0% { offset-distance: 0%; }
+          100% { offset-distance: 100%; }
+        }
+      `})]});x.__docgenInfo={description:"",methods:[],displayName:"BorderAnimation",props:{children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:""},duration:{required:!1,tsType:{name:"number"},description:"Duration of one full animation cycle in seconds @default 2",defaultValue:{value:"2",computed:!1}},borderRadius:{required:!1,tsType:{name:"number"},description:"Border radius in pixels @default 4",defaultValue:{value:"4",computed:!1}},beamWidth:{required:!1,tsType:{name:"number"},description:"Width of the animated beam in pixels @default 30",defaultValue:{value:"170",computed:!1}},beamHeight:{required:!1,tsType:{name:"number"},description:"Height of the animated beam in pixels @default 4",defaultValue:{value:"4",computed:!1}},gradient:{required:!1,tsType:{name:"string"},description:"Gradient for the animated beam",defaultValue:{value:`\`linear-gradient(90deg, 
+  rgba(132, 180, 255, 0) 0%, 
+  rgba(132, 180, 255, 0.5) 10%, 
+  rgba(132, 180, 255, 1) 25%, 
+  rgb(2, 101, 255) 50%, 
+  rgba(177, 250, 255, 1) 75%, 
+  rgba(177, 250, 255, 0.5) 90%, 
+  rgba(177, 250, 255, 0) 100%
+)\``,computed:!1}},height:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},borderWidth:{required:!1,tsType:{name:"number"},description:"Border width in pixels @default 1.5",defaultValue:{value:"1",computed:!1}},borderColor:{required:!1,tsType:{name:"string"},description:"Default border color @default '#E5E5E5'",defaultValue:{value:"'transparent'",computed:!1}}}};const R={title:"Animation/BorderAnimation",component:x,tags:["autodocs"],parameters:{layout:"centered"},args:{}},a={args:{children:e.jsx("div",{className:"flex items-center gap-[6px] bg-white px-[10px] py-[4px] rounded-[4px]",children:e.jsx("span",{className:"text-[#999] text-[14px]",children:"数据生成中，可点击下方按钮暂停"})})}},r={args:{children:e.jsxs("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:[e.jsx("h3",{className:"text-[16px] font-medium text-[#333]",children:"标题内容"}),e.jsx("p",{className:"text-[14px] text-[#666] mt-1",children:"这是一段描述文字，展示边框动画效果。"})]})}},t={args:{borderRadius:12,children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[12px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"圆角 12px 的边框动画"})})}},s={args:{duration:5,children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"慢速动画（5秒一圈）"})})}},n={args:{duration:1,children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"快速动画（1秒一圈）"})})}},i={args:{gradient:"linear-gradient(180deg, #FF84B4 0%, #FF0265 50%, #FFB1FA 100%)",children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"自定义渐变色（粉色系）"})})}},d={args:{className:"w-[300px]",children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"自定义宽度 300px"})})}},o={decorators:[p=>e.jsx("div",{style:{width:"500px"},children:e.jsx(p,{})})],args:{children:e.jsx("div",{className:"bg-white px-4 py-3 rounded-[4px]",children:e.jsx("p",{className:"text-[14px] text-[#666]",children:"宽度 100%，自动填满父容器"})})}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <div className="flex items-center gap-[6px] bg-white px-[10px] py-[4px] rounded-[4px]">
+        <span className="text-[#999] text-[14px]">
+          数据生成中，可点击下方按钮暂停
+        </span>
+      </div>
+  }
+}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <h3 className="text-[16px] font-medium text-[#333]">标题内容</h3>
+        <p className="text-[14px] text-[#666] mt-1">
+          这是一段描述文字，展示边框动画效果。
+        </p>
+      </div>
+  }
+}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    borderRadius: 12,
+    children: <div className="bg-white px-4 py-3 rounded-[12px]">
+        <p className="text-[14px] text-[#666]">圆角 12px 的边框动画</p>
+      </div>
+  }
+}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    duration: 5,
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <p className="text-[14px] text-[#666]">慢速动画（5秒一圈）</p>
+      </div>
+  }
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    duration: 1,
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <p className="text-[14px] text-[#666]">快速动画（1秒一圈）</p>
+      </div>
+  }
+}`,...n.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    gradient: 'linear-gradient(180deg, #FF84B4 0%, #FF0265 50%, #FFB1FA 100%)',
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <p className="text-[14px] text-[#666]">自定义渐变色（粉色系）</p>
+      </div>
+  }
+}`,...i.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    className: 'w-[300px]',
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <p className="text-[14px] text-[#666]">自定义宽度 300px</p>
+      </div>
+  }
+}`,...d.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  decorators: [Story => <div style={{
+    width: '500px'
+  }}>
+        <Story />
+      </div>],
+  args: {
+    children: <div className="bg-white px-4 py-3 rounded-[4px]">
+        <p className="text-[14px] text-[#666]">
+          宽度 100%，自动填满父容器
+        </p>
+      </div>
+  }
+}`,...o.parameters?.docs?.source}}};const S=["Default","WithCustomContent","LargerRadius","SlowAnimation","FastAnimation","CustomGradient","CustomClassName","FullWidth"];export{d as CustomClassName,i as CustomGradient,a as Default,n as FastAnimation,o as FullWidth,t as LargerRadius,s as SlowAnimation,r as WithCustomContent,S as __namedExportsOrder,R as default};

package/storybook-static/assets/BorderColorAnimation.stories-tvilZOeG.js

@@ -0,0 +1,42 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{B as s}from"./border-color-animation-BoCxpIBW.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";const p={title:"Example/Animation/BorderColorAnimation",component:s,tags:["autodocs"],parameters:{layout:"centered"},args:{}},r={args:{width:"600px",height:"400px"}},n={args:{width:"600px",height:"400px"},render:i=>e.jsx(s,{...i,children:e.jsx("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",justifyContent:"center",height:"100%",color:"#333"},children:e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("h2",{style:{margin:"0 0 12px 0"},children:"Animated Border"}),e.jsx("p",{style:{margin:0},children:"Content inside the animated border frame"})]})})})},t={args:{width:"300px",height:"200px"}},a={args:{width:"400px",height:"400px"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    width: '600px',
+    height: '400px'
+  }
+}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    width: '600px',
+    height: '400px'
+  },
+  render: args => <BorderColorAnimation {...args}>
+      <div style={{
+      display: 'flex',
+      alignItems: 'center',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      height: '100%',
+      color: '#333'
+    }}>
+        <div style={{
+        textAlign: 'center'
+      }}>
+          <h2 style={{
+          margin: '0 0 12px 0'
+        }}>Animated Border</h2>
+          <p style={{
+          margin: 0
+        }}>Content inside the animated border frame</p>
+        </div>
+      </div>
+    </BorderColorAnimation>
+}`,...n.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    width: '300px',
+    height: '200px'
+  }
+}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    width: '400px',
+    height: '400px'
+  }
+}`,...a.parameters?.docs?.source}}};const l=["Default","WithContent","SmallSize","SquareSize"];export{r as Default,t as SmallSize,a as SquareSize,n as WithContent,l as __namedExportsOrder,p as default};

package/storybook-static/assets/BotAvatarAndName.stories-B8ZNN2_J.js

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-CpaO0gaJ.js";import{B as c}from"./bot-icon-Ci07j_8n.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./ui-B16ZxGB5.js";const o=({name:r,icon:e,variant:n="default"})=>{const s=n==="default"?20:24;if(!r)return null;const i={default:"text-[#999] text-[14px] font-[400]",active:"text-[#0265FF] text-[14px] font-[700]"},l=typeof e=="string"&&/^https?:\/\//.test(e)?t.jsx("img",{src:e,alt:"",className:"rounded-full",width:s,height:s}):e||t.jsx(c,{size:s});return t.jsxs("div",{className:"flex items-center gap-1.5",children:[l,t.jsx("div",{className:i[n],children:r})]})};o.__docgenInfo={description:"",methods:[],displayName:"BotAvatarAndName",props:{name:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:""},variant:{required:!1,tsType:{name:"union",raw:"'default' | 'active'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'active'"}]},description:"",defaultValue:{value:"'default'",computed:!1}}}};const g={title:"Example/Chat/Bot Avatar And Name",component:o,tags:["autodocs"],parameters:{layout:"centered"},args:{}},a={args:{name:"AI表单搭建"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    name: "AI表单搭建"
+  }
+}`,...a.parameters?.docs?.source}}};const v=["Base"];export{a as Base,v as __namedExportsOrder,g as default};

package/storybook-static/assets/BotIcon.stories-DAyXSQDa.js

@@ -0,0 +1,3 @@
+import{B as r}from"./bot-icon-Ci07j_8n.js";import"./jsx-runtime-CpaO0gaJ.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./ui-B16ZxGB5.js";const m={title:"Example/Icons/BotIcon",component:r,tags:["autodocs"],parameters:{layout:"centered"},args:{}},o={args:{}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...o.parameters?.docs?.source}}};const p=["Base"];export{o as Base,p as __namedExportsOrder,m as default};