feat: tool

Author: wangdan-fit2cloud

ui/src/api/tool/tool.ts

@@ -2,6 +2,7 @@ import { Result } from '@/request/Result'
 import { get, post, del, put } from '@/request/index'
 import { type Ref } from 'vue'
 import type { pageRequest } from '@/api/type/common'
+import type { toolData } from '@/api/type/tool'
 const prefix = '/workspace'
 
 /**
@@ -38,7 +39,37 @@ const getToolList: (
   )
 }
 
+/**
+ * 修改工具
+ * @param 参数
+
+ */
+const putToolLib: (
+  wordspace_id: string,
+  tool_id: string,
+  data: toolData,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, tool_id, data, loading) => {
+  return put(`${prefix}/${wordspace_id}/tool/${tool_id}`, data, undefined, loading)
+}
+
+/**
+ * 获取工具详情
+ * @param tool_id 工具id
+ * @param loading 加载器
+ * @returns 函数详情
+ */
+const getToolById: (
+  wordspace_id: string,
+  tool_id: String,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, function_lib_id, loading) => {
+  return get(`${prefix}/${wordspace_id}/tool/${function_lib_id}`, undefined, loading)
+}
+
 export default {
   getToolByFolder,
   getToolList,
+  putToolLib,
+  getToolById
 }

ui/src/api/type/tool.ts

@@ -0,0 +1,13 @@
+interface toolData {
+  id?: String
+  name?: String
+  icon?: String
+  desc?: String
+  code?: String
+  input_field_list?: Array<any>
+  init_field_list?: Array<any>
+  is_active?: Boolean
+  folder_id?: String
+}
+
+export type { toolData }

ui/src/components/app-icon/index.ts

@@ -117,7 +117,27 @@ export const iconMap: any = {
       ])
     },
   },
-
+  'app-disabled': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M512 21.333333C241.024 21.333333 21.333333 241.024 21.333333 512S241.024 1002.666667 512 1002.666667 1002.666667 782.976 1002.666667 512 782.976 21.333333 512 21.333333z m297.685333 697.856L304.810667 214.314667a362.666667 362.666667 0 0 1 504.874666 504.874666zM149.333333 512c0-77.056 24.021333-148.48 64.981334-207.189333l504.874666 504.874666A362.666667 362.666667 0 0 1 149.333333 512z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
   // 动态加载的图标
   ...dynamicIcons,
 }

ui/src/components/card-box/index.vue

@@ -2,12 +2,14 @@
   <el-card shadow="hover" class="card-box" @mouseenter="cardEnter()" @mouseleave="cardLeave()">
     <div class="card-header">
       <slot name="header">
-        <div class="title flex align-center" :class="$slots.subTitle ? 'mt-4' : ''">
-          <slot name="icon">
-            <el-avatar v-if="showIcon" class="mr-12 avatar-blue" shape="square" :size="32">
-              <img src="@/assets/knowledge/icon_document.svg" style="width: 58%" alt="" />
-            </el-avatar>
-          </slot>
+        <div class="title flex align-center">
+          <div class="mr-12 flex align-center" v-if="showIcon">
+            <slot name="icon">
+              <el-avatar shape="square" :size="32" class="avatar-blue">
+                <img src="@/assets/knowledge/icon_document.svg" style="width: 58%" alt="" />
+              </el-avatar>
+            </slot>
+          </div>
           <div style="width: 90%">
             <slot name="title">
               <div>
@@ -21,16 +23,19 @@
     </div>
     <div class="description break-all mt-12">
       <slot>
-        <div class="content">
+        <div class="content color-secondary">
           {{ description }}
         </div>
       </slot>
     </div>
-    <div @mouseenter="subHoveredEnter">
-      <slot name="mouseEnter" v-if="$slots.mouseEnter && show" />
-    </div>
-    <div class="card-footer" v-if="$slots.footer">
-      <slot name="footer" />
+
+    <div class="card-footer flex-between" v-if="$slots.footer || $slots.mouseEnter">
+      <div>
+        <slot name="footer"></slot>
+      </div>
+      <div @mouseenter="subHoveredEnter">
+        <slot name="mouseEnter" v-if="$slots.mouseEnter && show" />
+      </div>
     </div>
   </el-card>
 </template>
@@ -80,11 +85,12 @@ function subHoveredEnter() {
   min-width: var(--card-min-width);
   border-radius: 8px;
   .card-header {
-    margin-top: -10px;
+    margin-top: -5px;
   }
   .description {
     line-height: 22px;
     font-weight: 400;
+    min-height: 70px;
     .content {
       display: -webkit-box;
       height: var(--app-card-box-description-height, 40px);
@@ -96,7 +102,7 @@ function subHoveredEnter() {
 
   .card-footer {
     position: absolute;
-    bottom: 4px;
+    bottom: 8px;
     left: 0;
     min-height: 30px;
     font-weight: 400;

ui/src/components/dynamics-form/items/radio/RadioRow.vue

@@ -55,7 +55,7 @@ const option_list = computed(() => {
   border-radius: 4px;
   font-weight: 400;
   font-size: 14px;
-  color: #1f2329;
+  color: var(--el-text-color-primary);
   padding: 3px 4px;
   box-sizing: border-box;
   white-space: nowrap;

ui/src/components/dynamics-form/items/table/TableCheckbox.vue

@@ -193,7 +193,7 @@ const activeText = computed(() => {
     justify-content: space-between;
     margin-bottom: 16px;
     .title {
-      color: #1f2329;
+      color: var(--el-text-color-primary);
       font-weight: 400;
       font-size: 14px;
       line-height: 22px;

ui/src/components/dynamics-form/items/table/TableRadio.vue

@@ -181,7 +181,7 @@ const activeText = computed(() => {
     justify-content: space-between;
     margin-bottom: 16px;
     .title {
-      color: #1f2329;
+      color: var(--el-text-color-primary);
       font-weight: 400;
       font-size: 14px;
       line-height: 22px;

ui/src/locales/lang/en-US/common.ts

@@ -44,12 +44,14 @@ export default {
     document: 'Documents',
     image: 'Image',
     audio: 'Audio',
-    video: 'Video'
+    video: 'Video',
   },
   status: {
     label: 'Status',
+    enabled: 'Enabled',
+    disabled: 'Disabled',
     enableSuccess: 'Successful',
-    disableSuccess: 'Successful'
+    disableSuccess: 'Successful',
   },
   param: {
     outputParam: 'Output Parameters',
@@ -60,5 +62,5 @@ export default {
   inputPlaceholder: 'Please input',
   title: 'Title',
   content: 'Content',
-  rename: 'Rename'
+  rename: 'Rename',
 }

ui/src/locales/lang/zh-CN/common.ts

@@ -52,16 +52,18 @@ export default {
   },
   status: {
     label: '状态',
+    enabled: '已启用',
+    disabled: '已禁用',
     enableSuccess: '启用成功',
-    disableSuccess: '禁用成功'
+    disableSuccess: '禁用成功',
   },
   inputPlaceholder: '请输入',
   title: '标题',
   content: '内容',
   param: {
     outputParam: '输出参数',
     inputParam: '输入参数',
-    initParam: '启动参数'
+    initParam: '启动参数',
   },
-  rename: '重命名'
+  rename: '重命名',
 }

ui/src/locales/lang/zh-Hant/common.ts

@@ -44,12 +44,14 @@ export default {
     document: '文檔',
     image: '圖片',
     audio: '音頻',
-    video: '視頻'
+    video: '視頻',
   },
   status: {
     label: '狀態',
+    enabled: '已啟用',
+    disabled: '已停用',
     enableSuccess: '啟用成功',
-    disableSuccess: '停用成功'
+    disableSuccess: '停用成功',
   },
   inputPlaceholder: '請輸入',
   title: '標題',
@@ -59,5 +61,5 @@ export default {
     inputParam: '輸入參數',
     initParam: '啟動參數',
   },
-  rename: '重命名'
+  rename: '重命名',
 }