@gientech/modual 2.0.8 → 2.0.9

package/src/modules/databaseId/UploadDrawer.tsx

@@ -0,0 +1,535 @@
+import React, { useState, useCallback, useMemo, useRef } from 'react';
+import { message, Drawer, Tooltip, Switch, Modal } from 'antd';
+import { Button } from '@mxmweb/zui';
+import { PromptTempDesigner } from '@mxmweb/rtext';
+import { HelpCircle, File, X } from 'lucide-react';
+import { Xviwer } from '@mxmweb/xviewer';
+
+import UseTempIcon from './assets/useTemp.svg';
+import UploadIcon from './assets/upload.svg';
+import AxiosInstance from './server';
+import './style.css';
+const initTemplate =
+  '<template key="type" placeholder="输入表格类型"></template>表格主要展示了<template key="scene" placeholder="输入场景名称"></template>场景的数据,包含<template key="primary_key" placeholder="主要字段(可写多个,用顿号分隔)"></template>等主要字段,支持用户查询<template key="search_direction" placeholder="大概介绍需要查询的方向"></template>问题,如果设计多表关联查询,最好说明此表格通过<template key="key_name" placeholder="字段名称"></template>字段可以关联另一个<template key="table_name" placeholder="表格名称"></template>表格。';
+
+interface UploadDrawerProps {
+  drawerTitle: string;
+  drawerVisible: boolean;
+  handleDrawerClose: (type?: 'refresh') => void;
+  dbId: string | number;
+  tableInfo: any;
+  uploadUrl: string;
+  url?: string;
+  role?: string;
+  token?: string;
+}
+const theme = {
+  colors: {
+    background: '#ffffff',
+    border: '#e5e7eb',
+    appBackground: '#ffffff',
+    listBackground: '#ffffff',
+    dashboardBackground: '#ffffff',
+  },
+  space: {
+    padding: '0',
+    margin: 'md',
+    shadow: 'none',
+  },
+};
+const UploadDrawer = ({
+  drawerTitle,
+  drawerVisible,
+  uploadUrl,
+  handleDrawerClose,
+  dbId,
+  tableInfo,
+  token,
+  url,
+  role,
+}: UploadDrawerProps) => {
+  // 表单数据状态
+  const formData = useMemo(() => {
+    return {
+      id: 'upload',
+      layout: 'vertical',
+      formWidth: '670px', // 使用外部传入的表单宽度或默认值
+      fields: [
+        {
+          id: 'fileIds',
+          name: 'fileIds',
+          type: 'uploader',
+          required: false,
+          defaultValue: '',
+          uploaderConfig: {
+            multiple: tableInfo ? false : true,
+            accept: '.csv,.xlsx,.xls',
+            maxFiles: tableInfo ? 1 : 20,
+            url: uploadUrl,
+            // url: 'http://10.15.12.13:8888/index/database/dataTable/uploadFile', // 添加上传接口地址
+            autoUpload: true,
+            headers: {
+              Authorization: token,
+            },
+            queryParams: {
+              databaseId: dbId,
+              ...(tableInfo && { tableId: tableInfo.tableId }),
+            },
+            placeholder: (
+              <div>
+                <div className="text-lg font-bold">点击或将文件拖拽到此处上传</div>
+                <div className="flex flex-col gap-1.8 mt-[12px]">
+                  <div className="text-[#888888] font-[12px]">数量：≤20 文件（当前 0/20）</div>
+                  <div
+                    className="text-[#888888] font-[12px]"
+                    style={{
+                      width: '580px',
+                    }}
+                  >
+                    格式：.xlsx / .xls / .csv /（第一行是表头，其他行是数据；CSV 支持
+                    UTF-8/GBK/GB2312…）
+                  </div>
+                  <div className="text-[#888888] font-[12px]">
+                    单文件限制： ≤10万行，≤60列（超出自动忽略）； 每文件 ≤1个Sheet
+                  </div>
+                  <div className="text-[#888888] font-[12px]">
+                    上传的文件，如果有不符合文本格式的数据系统自动忽略
+                  </div>
+                </div>
+              </div>
+            ),
+
+            listName: tableInfo ? '追加文件' : '上传文件列表',
+            icons: {
+              // 文件类型图标配置
+              dragUpload: <img src={UploadIcon} width={40} />,
+              itemStatus: {
+                pending: <span style={{ fontSize: '12px', color: '#6b7280' }}></span>,
+                uploading: <span style={{ fontSize: '12px', color: '#007bff' }}></span>,
+                success: <span style={{ fontSize: '12px', color: '#10b981' }}></span>,
+                error: <span style={{ fontSize: '12px', color: '#ef4444' }}>失败</span>,
+              },
+              fileType: {
+                default: <File size={20} style={{ color: '#6b7280' }} />,
+              },
+            },
+            ...(!tableInfo && {
+              buttons: [
+                {
+                  label: '使用模版',
+                  icon: <img src={UseTempIcon} />,
+                  mode: 'text',
+                  onClick: () => {
+                    setIsUseTemplate(true);
+                  },
+                },
+              ],
+            }),
+            ...(!tableInfo && {
+              itemForm: [
+                {
+                  type: 'textarea',
+                  name: 'description',
+                  counter: 150, // 最大150个字符
+                  placeholder: '为了提高问答准确率，请输入描述',
+                },
+              ],
+            }),
+          },
+        },
+      ],
+    };
+  }, [tableInfo]);
+
+  // 表单提交状态
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formValues, setFormValues] = useState<any>({});
+  // 表单引用
+  const formRef = useRef<any>(null);
+
+  //是否生成自动描述
+  const [isGenDescription, setIsGenDescription] = useState(false);
+
+  //所有上传文件及状态
+  const [files, setFiles] = useState<{ id: string; status: 'success' | 'error' }[]>([]);
+  //-------模版相关--------
+  //是否使用模版
+  const [isUseTemplate, setIsUseTemplate] = useState(false);
+
+  const [templateContent, setTemplateContent] = useState(initTemplate);
+  const [getDataFunction, setGetDataFunction] = useState<
+    ((format: 'pure_string' | 'string' | 'markdown' | 'html') => string) | null
+  >(null);
+
+  const [data, setData] = useState<string>(initTemplate);
+  const [version, setVersion] = useState<number>(0);
+
+  const { parseFiles, parseAppendFile, deleteUploadedFiles } = AxiosInstance({
+    url,
+    token,
+    role,
+  });
+
+  // 事件处理函数
+  const handleEventsEmit = useCallback(async (name: string, data: any, appFn: any) => {
+    console.log('[DynamicFormAdopter] 事件:', name, data);
+
+    switch (name) {
+      case 'form:ready':
+        if (data.formRef) {
+          formRef.current = data.formRef;
+        } else {
+          console.log('❌ data.formRef 为空，无法保存表单引用');
+        }
+        break;
+      case 'form:submit':
+        // 处理表单提交
+        handleFormSubmit();
+        break;
+      case 'form_field_change':
+        setFormValues((prev: any) => ({
+          ...prev,
+          [data.fieldId]: data.value,
+        }));
+        break;
+      case 'uploader:error':
+        if (data.item?.id) {
+          setFiles(pre => [
+            {
+              id: data.item.id,
+              status: data.item.status,
+            },
+            ...pre,
+          ]);
+        } else {
+          message.error(data?.message);
+        }
+        break;
+      case 'uploader:success':
+        setFiles(pre => [
+          {
+            id: data.item.id,
+            status: data.item.status,
+          },
+          ...pre,
+        ]);
+        break;
+      case 'uploader:remove':
+        const fileStatus = data.item.status;
+        setFiles(pre => pre.filter(p => p.id !== data.item.id));
+        if (fileStatus == 'success') {
+          await handleDeleteFile([data.item.uploadApiRes]);
+        }
+        break;
+      default:
+        console.log('未处理的事件:', name);
+    }
+  }, []);
+
+  // 视图配置
+  const viewConfig = useMemo(
+    () => ({
+      label: '动态表单示例',
+      defaultActiveId: 'form-view',
+      model: null,
+      views: [
+        {
+          label: '用户注册表单',
+          id: 'form-view',
+          type: 'form',
+          size: 'md' as const,
+          formWidth: formData.formWidth, // 设置视图宽度
+          formConfig: {
+            layout: formData.layout,
+            showReset: false, // 不显示内置的重置按钮
+            showSubmit: false, // 不显示内置的提交按钮
+            formWidth: formData.formWidth, // 传递表单宽度
+            // 提供获取表单数据的方法，包括 uploader 组件的数据
+            getFormData: () => {
+              // 返回当前表单的基础数据
+              return {
+                ...formValues,
+                timestamp: new Date().toISOString(),
+                formId: formData.id,
+              };
+            },
+            onFieldChange: (fieldId: string, value: any) => {
+              handleEventsEmit('form_field_change', { fieldId, value }, undefined);
+            },
+            onValidationError: (errors: any) => {
+              handleEventsEmit('form_validation_error', errors, undefined);
+            },
+          },
+        },
+      ],
+      dataSource: [
+        {
+          id: formData.id,
+          fields: formData.fields,
+          defaultValues: {},
+        },
+      ], // 表单数据
+      eventsEmit: handleEventsEmit,
+      styles: { theme },
+    }),
+    [tableInfo, formData]
+  );
+
+  // 表单提交处理
+  const handleFormSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      const allFormData = await formRef.current.getAllData();
+      if (allFormData.isValid) {
+        const files = allFormData.fields.find((field: any) => field.name == 'fileIds')?.value;
+        if (Array.isArray(files) && files?.length > 0) {
+          let res: any;
+          if (tableInfo) {
+            // 追加数据
+            res = await parseAppendFile({
+              fileIds: files.map((f: any) => f.uploadApiRes),
+              tableId: tableInfo.id,
+            });
+          } else {
+            //上传数据表
+            const params = {
+              fileIds: files.map((f: any) => f.uploadApiRes),
+              tableDescriptionMap: files.reduce((acc: any, item: any) => {
+                acc[item.uploadApiRes] = item.formData.description;
+                return acc;
+              }, {}),
+              isGenDescription,
+            };
+            res = await parseFiles(params);
+          }
+          if (res) {
+            handleDrawerClose('refresh');
+          }
+        }
+      }
+    } catch (error) {
+      console.error('表单数据失败:', error);
+    } finally {
+      handleDrawerClose();
+      setIsSubmitting(false);
+      setIsGenDescription(false);
+    }
+  };
+
+  //点击取消和关闭抽屉
+  const handleCancel = async (id?: any[]) => {
+    try {
+      const allFormData = await formRef.current.getAllData();
+      // 取消关闭弹窗的时候，删除已上传的文件
+      if (allFormData.isValid) {
+        const files = allFormData.fields.find((field: any) => field.name == 'fileIds')?.value;
+        if (files && Array.isArray(files) && files?.length > 0) {
+          const fileIds = files.map((f: any) => f.uploadApiRes);
+          const res = await handleDeleteFile(fileIds);
+        }
+      }
+    } catch (error) {
+      console.error('表单数据失败:', error);
+    } finally {
+      handleDrawerClose();
+      setIsGenDescription(false);
+    }
+  };
+
+  //删除上传文件
+  const handleDeleteFile = async (fileIds: string[] | number[]) => {
+    try {
+      const res = await deleteUploadedFiles(fileIds);
+      if (res) {
+        // todo: 刷新
+        return res;
+      }
+    } catch (error) {
+      console.error('删除文件数据失败:', error);
+    }
+  };
+  // 处理自动描述开关
+  const onChange = (checked: boolean) => {
+    setIsGenDescription(checked);
+  };
+
+  // 处理模版内容变化
+  const handleTemplateChange = useCallback((template: string) => {
+    setTemplateContent(template);
+    console.log('模版内容变化:', template);
+  }, []);
+
+  // 处理getData回调
+  const handleGetData = useCallback(
+    (getData: (format: 'pure_string' | 'string' | 'markdown' | 'html') => string) => {
+      setGetDataFunction(() => getData);
+      console.log('getData函数已设置');
+    },
+    []
+  );
+  // 复制
+  const handleCopy = useCallback(async () => {
+    try {
+      if (!getDataFunction) {
+        console.error('getData函数尚未准备好，请稍后再试');
+        return;
+      }
+      const result = getDataFunction('pure_string');
+      await navigator.clipboard.writeText(result);
+      message.success('已复制', 1);
+    } catch (err) {
+      console.error('复制失败:', err);
+    } finally {
+      setIsUseTemplate(false);
+    }
+  }, [getDataFunction]);
+
+  return (
+    <Drawer
+      title={drawerTitle}
+      className="database-upload-drawer"
+      placement="right"
+      width={720}
+      closeIcon={false}
+      extra={
+        <X size={20} color="#888888" onClick={() => handleCancel()} className="cursor-pointer" />
+      }
+      open={drawerVisible}
+      destroyOnHidden
+      footer={
+        <div
+          className={`flex  items-center`}
+          style={{
+            justifyContent: tableInfo ? 'end' : 'space-between',
+          }}
+        >
+          {!tableInfo && (
+            <div className="flex gap-2 items-center">
+              <span>自动生成数据表描述</span>{' '}
+              <Tooltip title="自动生成开启时将基于数据智能生成描述；若开启此功能并手动填写描述，将优先采用用户填写的内容。">
+                <HelpCircle size={14} />
+              </Tooltip>
+              <Switch onChange={onChange} />
+            </div>
+          )}
+          <div className="flex self-end gap-3">
+            <Button
+              mode="default"
+              style={{
+                marginRight: 10,
+              }}
+              label="取消"
+              onClick={handleCancel}
+            />
+            <Button
+              mode="primary"
+              label="确认导入"
+              loading={isSubmitting}
+              disabled={files.some(f => f.status == 'error')}
+              onClick={async () => {
+                await handleFormSubmit();
+              }}
+            />
+          </div>
+        </div>
+      }
+    >
+      <Xviwer key="upload-file" {...viewConfig} />
+      <Modal
+        title={
+          <div>
+            模版
+            <span className="text-[12px] text-[#888888] ml-[8px]">
+              完成编辑后，可将文本复制粘贴到相应描述框中。
+            </span>
+          </div>
+        }
+        width={672}
+        destroyOnHidden
+        open={isUseTemplate}
+        onCancel={() => setIsUseTemplate(false)}
+        footer={
+          <div className={`flex justify-end items-center gap-3`}>
+            <Button
+              mode="default"
+              label="重置"
+              onClick={() => {
+                setData(initTemplate);
+                setVersion(v => v + 1);
+              }}
+            />
+            <Button mode="primary" label="复制" onClick={handleCopy} />
+          </div>
+        }
+      >
+        <PromptTempDesigner
+          key={version}
+          data={data}
+          onChange={handleTemplateChange}
+          onGetData={handleGetData}
+          styles={{
+            theme: {
+              colors: {
+                primary: '#0969da',
+                secondary: '#6b7280',
+                success: '#10b981',
+                warning: '#f59e0b',
+                error: '#ef4444',
+                info: '#3b82f6',
+                background: '#ffffff',
+                text: '#1f2937',
+                border: '#e5e7eb',
+                disabled: '#9ca3af',
+                disabledBackground: '#f3f4f6',
+                disabledText: '#6b7280',
+                shadow: '0 1px 3px rgba(0, 0, 0, 0.1)',
+                appBackground: 'transparent',
+                listBackground: '#f9fafb',
+                dashboardBackground: '#ffffff',
+                textSecondary: '#6b7280',
+              },
+              space: {
+                sidebar: '260px',
+                size: '12px',
+                radius: '8px',
+                padding: '1rem',
+                margin: '1rem',
+                shadow: '0 2px 8px rgba(0,0,0,0.1)',
+                lineHeight: '1.8',
+              },
+              icons: {},
+              fonts: {
+                body: {
+                  size: '14px',
+                  weight: 'normal',
+                  family: 'PingFang SC, Microsoft YaHei, Arial, sans-serif',
+                },
+                heading: {
+                  size: '14px',
+                  weight: '600',
+                  family: 'PingFang SC, Microsoft YaHei, Arial, sans-serif',
+                },
+              },
+              others: {
+                baseFontWeight: 'normal',
+              },
+            },
+            templateField: {
+              backgroundColor: '#E5EEFF', // 输入框背景色
+              borderColor: '#84ADFF', // 输入框边框颜色
+              borderRadius: '6px',
+              padding: '6px 12px', // 调整为1px间距，让蓝色块之间有精确的1px间距
+              margin: '2px',
+              fontSize: '14px',
+              fontWeight: '500',
+              minWidth: '80px',
+              textColor: '#84ADFF', // 未激活前文字颜色
+            },
+          }}
+        />
+      </Modal>
+    </Drawer>
+  );
+};
+
+export default UploadDrawer;

package/src/modules/databaseId/assets/aiOptimize.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4199_8826)">
+<path d="M15.5554 12.4444C14.9626 13.0373 14.6666 13.6293 14.6666 14.2222C14.6666 14.8151 14.9626 15.4071 15.5554 16C14.9626 15.4071 14.3706 15.1111 13.7777 15.1111C13.1848 15.1111 12.5928 15.4071 11.9999 16C12.5928 15.4071 12.8888 14.8151 12.8888 14.2222C12.8888 13.6293 12.5928 13.0373 11.9999 12.4444C12.5928 13.0373 13.1848 13.3333 13.7777 13.3333C14.3706 13.3333 14.9626 13.0373 15.5554 12.4444ZM14.6488 4.01778C15.1905 4.55954 15.4948 5.29431 15.4948 6.06044C15.4948 6.82658 15.1905 7.56135 14.6488 8.10311L7.735 15.0169C7.46766 15.2892 7.14901 15.5058 6.79746 15.6543C6.44592 15.8028 6.06844 15.8801 5.68684 15.8819C5.30523 15.8836 4.92706 15.8097 4.57417 15.6645C4.22127 15.5193 3.90065 15.3056 3.63081 15.0357C3.36097 14.7659 3.14727 14.4453 3.00205 14.0924C2.85682 13.7395 2.78295 13.3613 2.7847 12.9797C2.78646 12.5981 2.8638 12.2206 3.01226 11.8691C3.16072 11.5176 3.37736 11.1989 3.64967 10.9316L3.95545 10.6249L3.85145 10.5244C3.30922 10.0267 2.76522 9.77778 2.22211 9.77778C1.62923 9.77778 1.03722 10.0738 0.444336 10.6667C1.03722 10.0738 1.33322 9.48178 1.33322 8.88889C1.33322 8.296 1.03722 7.704 0.444336 7.11111C1.03722 7.704 1.62923 8 2.22211 8C2.815 8 3.407 7.704 3.99989 7.11111C3.407 7.704 3.111 8.296 3.111 8.88889C3.111 9.46667 3.39278 10.0444 3.95545 10.6222L10.5634 4.01778C11.1052 3.47606 11.84 3.17173 12.6061 3.17173C13.3723 3.17173 14.107 3.47606 14.6488 4.01778ZM9.55189 6.91378L4.59189 11.8738C4.30004 12.1655 4.13603 12.5612 4.13594 12.9739C4.1359 13.1782 4.17611 13.3806 4.25426 13.5694C4.33242 13.7582 4.44699 13.9297 4.59145 14.0742C4.7359 14.2187 4.9074 14.3334 5.09617 14.4116C5.28493 14.4898 5.48725 14.5301 5.69158 14.5302C6.10424 14.5303 6.50004 14.3664 6.79189 14.0747L11.7519 9.11378L9.55189 6.91378ZM11.5066 4.96089L10.495 5.97156L12.695 8.17156L13.7057 7.16C13.9846 6.86582 14.1377 6.47437 14.1323 6.069C14.1269 5.66364 13.9635 5.27639 13.6768 4.98973C13.3902 4.70306 13.0029 4.53964 12.5976 4.53425C12.1922 4.52887 11.8007 4.68194 11.5066 4.96089ZM9.59545 0C8.85589 0.740444 8.48434 1.48178 8.48434 2.22222C8.48434 2.96267 8.85589 3.704 9.59545 4.44444C8.85589 3.704 8.11456 3.33333 7.37322 3.33333C6.63367 3.33333 5.89234 3.704 5.151 4.44444C5.89234 3.704 6.26211 2.96267 6.26211 2.22222C6.26211 1.48178 5.89322 0.740444 5.15189 0C5.89322 0.740444 6.63456 1.11111 7.37411 1.11111C8.11545 1.11111 8.85678 0.740444 9.59634 0H9.59545Z" fill="#055AFF"/>
+</g>
+<defs>
+<clipPath id="clip0_4199_8826">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/modules/databaseId/assets/template.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 1C13.4997 1.50025 13.25 1.99975 13.25 2.5C13.25 3.00025 13.4997 3.49975 14 4C13.4997 3.49975 13.0003 3.25 12.5 3.25C11.9997 3.25 11.5003 3.49975 11 4C11.5003 3.49975 11.75 3.00025 11.75 2.5C11.75 1.99975 11.5003 1.50025 11 1C11.5003 1.50025 11.9997 1.75 12.5 1.75C13.0003 1.75 13.4997 1.50025 14 1Z" fill="#055AFF"/>
+<path d="M13 6.28571V13C13 13.5523 12.5523 14 12 14H4C3.44772 14 3 13.5523 3 13V3C3 2.44772 3.44772 2 4 2H9.25" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+<line x1="5.65" y1="6.35" x2="10.35" y2="6.35" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+<line x1="5.65" y1="9.35" x2="8.35" y2="9.35" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+</svg>

package/src/modules/databaseId/assets/upload.svg

@@ -0,0 +1,9 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42 22C43.1046 22 44 22.8954 44 24V42C44 43.1046 43.1046 44 42 44H6C4.89543 44 4 43.1046 4 42V24.0088C4 22.9042 4.89543 22.0078 6 22.0078C7.10457 22.0078 8 22.9042 8 24.0088V40H40V24C40 22.8954 40.8954 22 42 22ZM24.0293 4.00195C24.0808 4.00272 24.1322 4.00504 24.1836 4.00977C24.1904 4.01042 24.1973 4.011 24.2041 4.01172C24.2673 4.01819 24.3301 4.02757 24.3926 4.04004C24.3939 4.04031 24.3952 4.04075 24.3965 4.04102C24.7693 4.11623 25.125 4.29691 25.4141 4.58594L34.4141 13.5859C35.1951 14.367 35.1951 15.633 34.4141 16.4141C33.633 17.1951 32.367 17.1951 31.5859 16.4141L25.9922 10.8203V32C25.9922 33.1046 25.0968 34 23.9922 34C22.8876 34 21.9922 33.1046 21.9922 32V10.8359L16.4141 16.4141C15.633 17.1951 14.367 17.1951 13.5859 16.4141C12.8049 15.633 12.8049 14.367 13.5859 13.5859L22.498 4.67285C22.8016 4.33138 23.2194 4.09559 23.6924 4.02441C23.7122 4.02135 23.732 4.01809 23.752 4.01562C23.7862 4.01152 23.8207 4.00919 23.8555 4.00684C23.8887 4.00446 23.9218 4.00268 23.9551 4.00195C23.9674 4.00173 23.9798 4 23.9922 4C24.0046 4 24.0169 4.00173 24.0293 4.00195Z" fill="url(#paint0_linear_4072_34663)"/>
+<defs>
+<linearGradient id="paint0_linear_4072_34663" x1="4" y1="-7.25" x2="54.4707" y2="1.556" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B69FF"/>
+<stop offset="1" stop-color="#8F91FF"/>
+</linearGradient>
+</defs>
+</svg>

package/src/modules/databaseId/assets/useTemp.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 1C13.4997 1.50025 13.25 1.99975 13.25 2.5C13.25 3.00025 13.4997 3.49975 14 4C13.4997 3.49975 13.0003 3.25 12.5 3.25C11.9997 3.25 11.5003 3.49975 11 4C11.5003 3.49975 11.75 3.00025 11.75 2.5C11.75 1.99975 11.5003 1.50025 11 1C11.5003 1.50025 11.9997 1.75 12.5 1.75C13.0003 1.75 13.4997 1.50025 14 1Z" fill="#055AFF"/>
+<path d="M13 6.28571V13C13 13.5523 12.5523 14 12 14H4C3.44772 14 3 13.5523 3 13V3C3 2.44772 3.44772 2 4 2H9.25" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+<line x1="5.65" y1="6.35" x2="10.35" y2="6.35" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+<line x1="5.65" y1="9.35" x2="8.35" y2="9.35" stroke="#055AFF" stroke-width="1.3" stroke-linecap="round"/>
+</svg>