feat: add app template market

packages/global/core/workflow/type/index.d.ts

@@ -47,8 +47,21 @@ export type WorkflowTemplateType = {
 // template market
 export type TemplateMarketItemType = WorkflowTemplateType & {
   tags?: { id: string; label: string }[];
+  type: AppTypeEnum.simple | AppTypeEnum.workflow | AppTypeEnum.plugin;
+  authorAvatar?: string;
 };
-
+// template market list
+export type TemplateMarketListItemType = {
+  id: string;
+  name: string;
+  intro?: string;
+  author?: string;
+  tags?: { id: string; label: string }[];
+  type: AppTypeEnum.simple | AppTypeEnum.workflow | AppTypeEnum.plugin;
+  avatar: string;
+  authorAvatar?: string;
+};
+export type TemplateMarketListType = Array<TemplateMarketListItemType>;
 // system plugin
 export type SystemPluginTemplateItemType = WorkflowTemplateType & {
   templateType: FlowNodeTemplateTypeEnum;

packages/service/core/app/template/type.d.ts

@@ -0,0 +1,5 @@
+import { TemplateMarketItemType, TemplateMarketListType } from '@fastgpt/global/core/workflow/type';
+
+declare global {
+  var appTemplates: TemplateMarketItemType[];
+}

packages/web/components/common/Icon/constants.ts

@@ -93,6 +93,7 @@ export const iconPaths = {
   'core/app/type/plugin': () => import('./icons/core/app/type/plugin.svg'),
   'core/app/type/pluginFill': () => import('./icons/core/app/type/pluginFill.svg'),
   'core/app/type/simple': () => import('./icons/core/app/type/simple.svg'),
+  'core/app/type/templateFill': () => import('./icons/core/app/type/templateFill.svg'),
   'core/app/type/workflow': () => import('./icons/core/app/type/workflow.svg'),
   'core/app/type/workflowFill': () => import('./icons/core/app/type/workflowFill.svg'),
   'core/app/variable/external': () => import('./icons/core/app/variable/external.svg'),

packages/web/components/common/MyModal/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 import {
   Modal,
   ModalOverlay,
@@ -22,6 +22,8 @@ export interface MyModalProps extends ModalContentProps {
   isOpen: boolean;
   onClose?: () => void;
   closeOnOverlayClick?: boolean;
+  customModalHeader?: ReactElement;
+  headerColor?: string;
 }
 
 const MyModal = ({
@@ -35,6 +37,8 @@ const MyModal = ({
   w = 'auto',
   maxW = ['90vw', '600px'],
   closeOnOverlayClick = true,
+  customModalHeader,
+  headerColor,
   ...props
 }: MyModalProps) => {
   const isPc = useSystem();
@@ -58,12 +62,13 @@ const MyModal = ({
         boxShadow={'7'}
         {...props}
       >
-        {!title && onClose && <ModalCloseButton zIndex={1} />}
-        {!!title && (
+        {!!customModalHeader && customModalHeader}
+        {!customModalHeader && !title && onClose && <ModalCloseButton zIndex={1} />}
+        {!customModalHeader && !!title && (
           <ModalHeader
             display={'flex'}
             alignItems={'center'}
-            background={'#FBFBFC'}
+            background={headerColor || '#FBFBFC'}
             borderBottom={'1px solid #F4F6F8'}
             roundedTop={'lg'}
             py={'10px'}

packages/web/i18n/en/app.json

@@ -82,16 +82,19 @@
   "setting_app": "Settings",
   "setting_plugin": "Setting plugin",
   "template": {
-    "simple_robot": "Simple Robot"
+    "simple_robot": "Simple Robot",
+    "Search template": "Search template",
+    "templateMarket": "Template market"
   },
   "time_zone": "Time zone",
   "tool_input_param_tip": "Configure related information before the plugin runs properly",
   "transition_to_workflow": "Transition to workflow",
   "transition_to_workflow_create_new_placeholder": "Create a new application instead of modifying the current one",
   "transition_to_workflow_create_new_tip": "After converting to workflow, it will not be able to convert back to simple mode, please confirm!",
+
   "type": {
     "All": "All",
-    "Create http plugin tip": "Create plug-ins in batches using OpenAPI schema, compatible with GPTs format.",
+    "Create http plugin tip": "Create plug-ins in batches using OpenAPI schema, compatible with GPTs format",
     "Create one plugin tip": "The input and output workflows can be customized",
     "Create plugin bot": "Create plugin bot",
     "Create simple bot": "Create simple bot",
@@ -101,6 +104,7 @@
     "Http plugin": "Http plugin",
     "Plugin": "Plugin",
     "Simple bot": "Simple bot",
+    "Template": "Create by template",
     "Workflow bot": "Workflow"
   },
   "upload_file_max_amount": "Max files",

packages/web/i18n/en/common.json

@@ -596,8 +596,7 @@
             "success": "Start syncing"
           }
         },
-        "training": {
-        }
+        "training": {}
       },
       "data": {
         "Auxiliary Data": "Auxiliary data",

packages/web/i18n/zh/app.json

@@ -82,7 +82,9 @@
   "setting_app": "应用配置",
   "setting_plugin": "插件配置",
   "template": {
-    "simple_robot": "简易机器人"
+    "simple_robot": "简易机器人",
+    "templateMarket": "模板市场",
+    "Search template": "搜索模板"
   },
   "time_zone": "时区",
   "tool_input_param_tip": "该插件正常运行需要配置相关信息",
@@ -91,16 +93,18 @@
   "transition_to_workflow_create_new_tip": "转化成工作流后，将无法转化回简易模式，请确认！",
   "type": {
     "All": "全部",
-    "Create http plugin tip": "通过 OpenAPI Schema 批量创建插件，兼容 GPTs 格式。",
+    "Create http plugin tip": "通过 OpenAPI Schema 批量创建插件，兼容 GPTs 格式",
     "Create one plugin tip": "可以自定义输入和输出的工作流，通常用于封装重复使用的工作流",
     "Create plugin bot": "创建插件",
     "Create simple bot": "创建简易应用",
     "Create simple bot tip": "通过填表单形式，创建简单的 AI 应用，适合新手",
+    "Create template tip": "在模板市场探索更多玩法，带你理解并上手各种应用",
     "Create workflow bot": "创建工作流",
     "Create workflow tip": "通过低代码的方式，构建逻辑复杂的多轮对话 AI 应用，推荐高级玩家使用",
     "Http plugin": "HTTP 插件",
     "Plugin": "插件",
     "Simple bot": "简易应用",
+    "Template": "通过模板创建",
     "Workflow bot": "工作流"
   },
   "upload_file_max_amount": "最大文件数量",

packages/web/i18n/zh/common.json

@@ -361,6 +361,14 @@
       },
       "no_app": "还没有应用，快去创建一个吧！",
       "not_published": "未发布",
+      "more": "查看更多",
+      "navbar": {
+        "External": "外部使用",
+        "Flow mode": "高级编排",
+        "Publish": "发布",
+        "Publish app": "发布应用",
+        "Simple mode": "简易配置"
+      },
       "outLink": {
         "Can Drag": "图标可拖拽",
         "Default open": "默认打开",
@@ -598,8 +606,7 @@
             "success": "开始同步"
           }
         },
-        "training": {
-        }
+        "training": {}
       },
       "data": {
         "Auxiliary Data": "辅助数据",