feat: add app template market

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

@@ -45,7 +45,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

@@ -89,6 +89,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,
@@ -20,6 +20,8 @@ export interface MyModalProps extends ModalContentProps {
   isLoading?: boolean;
   isOpen: boolean;
   onClose?: () => void;
+  customModalHeader?: ReactElement;
+  headerColor?: string;
 }
 
 const MyModal = ({
@@ -32,6 +34,8 @@ const MyModal = ({
   isLoading,
   w = 'auto',
   maxW = ['90vw', '600px'],
+  customModalHeader,
+  headerColor,
   ...props
 }: MyModalProps) => {
   const [isPc] = useMediaQuery('(min-width: 900px)');
@@ -54,12 +58,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

@@ -67,9 +67,13 @@
   "modules": {
     "Title is required": "Module name cannot be empty"
   },
+  "template": {
+    "Search template": "Search template",
+    "templateMarket": "Template market"
+  },
   "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",
@@ -79,6 +83,7 @@
     "Http plugin": "Http plugin",
     "Plugin": "Plugin",
     "Simple bot": "Simple bot",
+    "Template": "Create by template",
     "Workflow bot": "Workflow"
   },
   "version": {

packages/web/i18n/en/common.json

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

packages/web/i18n/zh/app.json

@@ -68,18 +68,24 @@
   },
   "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": "工作流"
   },
+  "template": {
+    "templateMarket": "模板市场",
+    "Search template": "搜索模板"
+  },
   "version": {
     "Revert success": "回滚成功"
   }

packages/web/i18n/zh/common.json

@@ -312,6 +312,7 @@
       "logs": {
         "Source And Time": "来源 & 时间"
       },
+      "more": "查看更多",
       "navbar": {
         "External": "外部使用",
         "Flow mode": "高级编排",