修正发布临时open-api模块

bbit_ai/app/app.py

@@ -53,7 +53,7 @@ async def ai_lab():
     origins = [
         "http://localhost:8091",  # Vite dev 默认端口
         "https://ai.bbitcn.net",
-        "*",  # ⚠️ 生产环境不要用
+        "*",
     ]
 
     app.add_middleware(

vue2/apps/web-antd/src/api/manager/index.ts

@@ -1,6 +1,7 @@
 export * from './dept';
 export * from './dict';
 export * from './menu';
+export * from './open-api';
 export * from './role';
-export * from './user';
 export * from './sys';
+export * from './user';

vue2/apps/web-antd/src/router/routes/modules/manager.ts

@@ -69,6 +69,17 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import('#/views/manager/menu/index.vue'),
       },
+      {
+        name: 'open-api',
+        path: '/manager/open-api',
+        meta: {
+          authority: ['manager'],
+          icon: 'mdi:api',
+          title: 'API管理',
+          keepAlive: true,
+        },
+        component: () => import('#/views/manager/open-api/index.vue'),
+      },
     ],
   },
 ];

vue2/apps/web-antd/src/router/routes/modules/open-api.ts

@@ -1,18 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-const routes: RouteRecordRaw[] = [
-  {
-    component: () => import('#/views/open-api/index.vue'),
-    meta: {
-      authority: ['manager'],
-      icon: 'lucide:waypoints',
-      keepAlive: true,
-      order: 3,
-      title: '开放接口中心',
-    },
-    name: 'OpenApiCenter',
-    path: '/open-api/center',
-  },
-];
-
-export default routes;

vue2/apps/web-antd/src/views/manager/open-api/index.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import type { EchartsUIType } from '@vben/plugins/echarts';
 import type { Dayjs } from 'dayjs';
 
-import type { OpenApiCenterApi } from '#/api/open-api';
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import type { OpenApiCenterApi } from '#/api/manager/open-api';
 
 import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue';
 
@@ -36,7 +37,7 @@ import {
   getOpenApiUsage,
   updateOpenApiConsumer,
   updateOpenApiEndpoint,
-} from '#/api/open-api';
+} from '#/api/manager/open-api';
 
 const RangePicker = DatePicker.RangePicker;
 const activeTab = ref('overview');
@@ -149,7 +150,12 @@ const consumerColumns = [
   { key: 'identity', title: '调用方', width: 260 },
   { dataIndex: 'customId', key: 'customId', title: 'Custom ID', width: 180 },
   { dataIndex: 'callCount', key: 'callCount', title: '累计调用', width: 120 },
-  { dataIndex: 'endpointCount', key: 'endpointCount', title: '接口数', width: 90 },
+  {
+    dataIndex: 'endpointCount',
+    key: 'endpointCount',
+    title: '接口数',
+    width: 90,
+  },
   { dataIndex: 'recentIp', key: 'recentIp', title: '最近 IP', width: 150 },
   { key: 'lastSeenAt', title: '最后调用', width: 170 },
   { key: 'status', title: '状态', width: 100 },
@@ -434,12 +440,12 @@ async function saveEndpoint() {
   }
   endpointSaving.value = true;
   try {
-    if (editingEndpointId.value) {
+    await (editingEndpointId.value
-      await updateOpenApiEndpoint(editingEndpointId.value, { ...endpointForm });
+      ? updateOpenApiEndpoint(editingEndpointId.value, { ...endpointForm })
-    } else {
+      : createOpenApiEndpoint({ ...endpointForm }));
-      await createOpenApiEndpoint({ ...endpointForm });
+    message.success(
-    }
+      editingEndpointId.value ? '接口资产已更新' : '接口资产已创建',
-    message.success(editingEndpointId.value ? '接口资产已更新' : '接口资产已创建');
+    );
     endpointModalOpen.value = false;
     await refreshAll();
   } finally {
@@ -537,7 +543,10 @@ onMounted(refreshAll);
           </div>
           <Button ghost size="large" @click="refreshAll">
             <template #icon>
-              <IconifyIcon :class="{ spinning: loading }" icon="lucide:refresh-cw" />
+              <IconifyIcon
+                :class="{ spinning: loading }"
+                icon="lucide:refresh-cw"
+              />
             </template>
             刷新数据
           </Button>
@@ -597,7 +606,10 @@ onMounted(refreshAll);
         class="metric-card"
       >
         <div class="metric-head">
-          <div class="metric-icon" :style="{ background: `${item.accent}16`, color: item.accent }">
+          <div
+            class="metric-icon"
+            :style="{ background: `${item.accent}16`, color: item.accent }"
+          >
             <IconifyIcon :icon="item.icon" />
           </div>
           <span class="metric-label">{{ item.label }}</span>
@@ -614,7 +626,11 @@ onMounted(refreshAll);
       <Tabs v-model:active-key="activeTab" class="center-tabs">
         <Tabs.TabPane key="overview">
           <template #tab>
-            <span class="tab-label"><IconifyIcon icon="lucide:chart-no-axes-combined" />运行总览</span>
+            <span class="tab-label"
+              ><IconifyIcon
+                icon="lucide:chart-no-axes-combined"
+              />运行总览</span
+            >
           </template>
           <div class="overview-grid">
             <section class="chart-panel chart-panel-wide">
@@ -658,9 +674,17 @@ onMounted(refreshAll);
                   :key="item.key"
                   class="caller-row"
                 >
-                  <span class="rank-index" :class="{ podium: index < 3 }">{{ index + 1 }}</span>
+                  <span class="rank-index" :class="{ podium: index < 3 }">{{
+                    index + 1
+                  }}</span>
                   <div class="caller-avatar">
-                    <IconifyIcon :icon="item.key.startsWith('ip:') ? 'lucide:globe-2' : 'lucide:building-2'" />
+                    <IconifyIcon
+                      :icon="
+                        item.key.startsWith('ip:')
+                          ? 'lucide:globe-2'
+                          : 'lucide:building-2'
+                      "
+                    />
                   </div>
                   <div class="caller-copy">
                     <strong>{{ item.name }}</strong>
@@ -668,7 +692,10 @@ onMounted(refreshAll);
                   </div>
                   <b>{{ formatNumber(item.value) }}</b>
                 </div>
-                <div v-if="!overview.topConsumers.length" class="empty-state">
+                <div
+                  v-if="overview.topConsumers.length === 0"
+                  class="empty-state"
+                >
                   <IconifyIcon icon="lucide:radio-tower" />
                   <span>等待 Kong 推送首批调用数据</span>
                 </div>
@@ -679,7 +706,9 @@ onMounted(refreshAll);
 
         <Tabs.TabPane key="endpoints">
           <template #tab>
-            <span class="tab-label"><IconifyIcon icon="lucide:boxes" />接口资产</span>
+            <span class="tab-label"
+              ><IconifyIcon icon="lucide:boxes" />接口资产</span
+            >
           </template>
           <div class="table-toolbar">
             <div>
@@ -702,7 +731,9 @@ onMounted(refreshAll);
             <template #bodyCell="{ column, record }">
               <template v-if="column.key === 'name'">
                 <div class="asset-name">
-                  <div class="asset-icon"><IconifyIcon icon="lucide:webhook" /></div>
+                  <div class="asset-icon">
+                    <IconifyIcon icon="lucide:webhook" />
+                  </div>
                   <div>
                     <strong>{{ record.name }}</strong>
                     <span>{{ record.category }}</span>
@@ -714,22 +745,42 @@ onMounted(refreshAll);
               </template>
               <template v-else-if="column.key === 'path'">
                 <div class="path-cell">
-                  <Tag :color="methodColor(record.httpMethod)">{{ record.httpMethod }}</Tag>
+                  <Tag :color="methodColor(record.httpMethod)">
+                    {{ record.httpMethod }}
+                  </Tag>
                   <Tooltip :title="record.pathTemplate">
                     <code>{{ record.pathTemplate }}</code>
                   </Tooltip>
                 </div>
               </template>
               <template v-else-if="column.key === 'lastCalledAt'">
-                <span class="muted-text">{{ formatTime(record.lastCalledAt) }}</span>
+                <span class="muted-text">{{
+                  formatTime(record.lastCalledAt)
+                }}</span>
               </template>
               <template v-else-if="column.key === 'status'">
-                <Tag :color="record.monitorEnabled && record.status === 'enabled' ? 'success' : 'default'">
+                <Tag
-                  {{ record.monitorEnabled && record.status === 'enabled' ? '监控中' : '已停用' }}
+                  :color="
+                    record.monitorEnabled && record.status === 'enabled'
+                      ? 'success'
+                      : 'default'
+                  "
+                >
+                  {{
+                    record.monitorEnabled && record.status === 'enabled'
+                      ? '监控中'
+                      : '已停用'
+                  }}
                 </Tag>
               </template>
               <template v-else-if="column.key === 'action'">
-                <Button size="small" type="link" @click="editEndpointRecord(record)">编辑</Button>
+                <Button
+                  size="small"
+                  type="link"
+                  @click="editEndpointRecord(record)"
+                >
+                  编辑
+                </Button>
               </template>
             </template>
           </Table>
@@ -737,7 +788,9 @@ onMounted(refreshAll);
 
         <Tabs.TabPane key="consumers">
           <template #tab>
-            <span class="tab-label"><IconifyIcon icon="lucide:users-round" />调用方</span>
+            <span class="tab-label"
+              ><IconifyIcon icon="lucide:users-round" />调用方</span
+            >
           </template>
           <div class="table-toolbar">
             <div>
@@ -757,23 +810,37 @@ onMounted(refreshAll);
             <template #bodyCell="{ column, record }">
               <template v-if="column.key === 'identity'">
                 <div class="asset-name">
-                  <div class="asset-icon consumer-icon"><IconifyIcon icon="lucide:building-2" /></div>
+                  <div class="asset-icon consumer-icon">
+                    <IconifyIcon icon="lucide:building-2" />
+                  </div>
                   <div>
-                    <strong>{{ record.displayName || record.username || '未命名调用方' }}</strong>
+                    <strong>{{
+                      record.displayName || record.username || '未命名调用方'
+                    }}</strong>
                     <span>{{ record.username }}</span>
                   </div>
                 </div>
               </template>
               <template v-else-if="column.key === 'lastSeenAt'">
-                <span class="muted-text">{{ formatTime(record.lastSeenAt) }}</span>
+                <span class="muted-text">{{
+                  formatTime(record.lastSeenAt)
+                }}</span>
               </template>
               <template v-else-if="column.key === 'status'">
-                <Tag :color="record.status === 'active' ? 'success' : 'default'">
+                <Tag
+                  :color="record.status === 'active' ? 'success' : 'default'"
+                >
                   {{ record.status === 'active' ? '活跃' : '停用' }}
                 </Tag>
               </template>
               <template v-else-if="column.key === 'action'">
-                <Button size="small" type="link" @click="editConsumerRecord(record)">编辑</Button>
+                <Button
+                  size="small"
+                  type="link"
+                  @click="editConsumerRecord(record)"
+                >
+                  编辑
+                </Button>
               </template>
             </template>
           </Table>
@@ -781,7 +848,9 @@ onMounted(refreshAll);
 
         <Tabs.TabPane key="usage">
           <template #tab>
-            <span class="tab-label"><IconifyIcon icon="lucide:table-properties" />使用统计</span>
+            <span class="tab-label"
+              ><IconifyIcon icon="lucide:table-properties" />使用统计</span
+            >
           </template>
           <div class="table-toolbar usage-toolbar">
             <div>
@@ -813,12 +882,19 @@ onMounted(refreshAll);
               <template v-else-if="column.key === 'endpoint'">
                 <div class="usage-endpoint">
                   <strong>{{ record.endpointName }}</strong>
-                  <span>{{ serviceName(record.serviceCode) }} · {{ record.category }}</span>
+                  <span
+                    >{{ serviceName(record.serviceCode) }} ·
+                    {{ record.category }}</span
+                  >
                 </div>
               </template>
               <template v-else-if="column.key === 'caller'">
                 <div class="caller-cell">
-                  <Tag :color="record.callerType === 'consumer' ? 'blue' : 'orange'">
+                  <Tag
+                    :color="
+                      record.callerType === 'consumer' ? 'blue' : 'orange'
+                    "
+                  >
                     {{ record.callerType === 'consumer' ? 'Consumer' : '匿名' }}
                   </Tag>
                   <span>{{ record.callerName }}</span>
@@ -840,18 +916,32 @@ onMounted(refreshAll);
       <Form class="modal-form" layout="vertical">
         <div class="form-grid">
           <FormItem label="接口名称" required>
-            <Input v-model:value="endpointForm.name" placeholder="例如：蓝字发票详情" />
+            <Input
+              v-model:value="endpointForm.name"
+              placeholder="例如：蓝字发票详情"
+            />
           </FormItem>
           <FormItem label="业务分类" required>
-            <Input v-model:value="endpointForm.category" placeholder="例如：票通开票" />
+            <Input
+              v-model:value="endpointForm.category"
+              placeholder="例如：票通开票"
+            />
           </FormItem>
           <FormItem label="所属服务" required>
-            <Select v-model:value="endpointForm.serviceCode" :options="serviceOptions" />
+            <Select
+              v-model:value="endpointForm.serviceCode"
+              :options="serviceOptions"
+            />
           </FormItem>
           <FormItem label="HTTP Method">
             <Select
               v-model:value="endpointForm.httpMethod"
-              :options="['*', 'GET', 'POST', 'PUT', 'PATCH', 'DELETE'].map((value) => ({ label: value, value }))"
+              :options="
+                ['*', 'GET', 'POST', 'PUT', 'PATCH', 'DELETE'].map((value) => ({
+                  label: value,
+                  value,
+                }))
+              "
             />
           </FormItem>
         </div>
@@ -863,13 +953,22 @@ onMounted(refreshAll);
         </FormItem>
         <div class="form-grid">
           <FormItem label="Kong Service ID">
-            <Input v-model:value="endpointForm.kongServiceId" placeholder="可选" />
+            <Input
+              v-model:value="endpointForm.kongServiceId"
+              placeholder="可选"
+            />
           </FormItem>
           <FormItem label="Kong Route ID">
-            <Input v-model:value="endpointForm.kongRouteId" placeholder="可选" />
+            <Input
+              v-model:value="endpointForm.kongRouteId"
+              placeholder="可选"
+            />
           </FormItem>
           <FormItem label="负责人">
-            <Input v-model:value="endpointForm.owner" placeholder="部门或负责人" />
+            <Input
+              v-model:value="endpointForm.owner"
+              placeholder="部门或负责人"
+            />
           </FormItem>
           <FormItem label="接口状态">
             <Select
@@ -904,7 +1003,10 @@ onMounted(refreshAll);
     >
       <Form class="modal-form" layout="vertical">
         <FormItem label="展示名称">
-          <Input v-model:value="consumerForm.displayName" placeholder="客户、系统或项目名称" />
+          <Input
+            v-model:value="consumerForm.displayName"
+            placeholder="客户、系统或项目名称"
+          />
         </FormItem>
         <FormItem label="状态">
           <Select
@@ -920,7 +1022,10 @@ onMounted(refreshAll);
         </FormItem>
         <div v-if="editingConsumer" class="consumer-reference">
           <span>Kong Consumer</span>
-          <code>{{ editingConsumer.username }} · {{ editingConsumer.kongConsumerId }}</code>
+          <code
+            >{{ editingConsumer.username }} ·
+            {{ editingConsumer.kongConsumerId }}</code
+          >
         </div>
       </Form>
     </Modal>

vue2/docs/src/en/guide/essentials/icons.md

@@ -18,7 +18,7 @@ Integrated with the [iconify](https://github.com/iconify/iconify) icon library
 You can add new icons in the `packages/icons/src/iconify` directory:
 
 ```ts
-// packages/icons/src/iconify/index.ts
+// packages/icons/src/iconify/open-api.ts
 import { createIconifyIcon } from '@vben-core/icons';
 
 export const MdiKeyboardEsc = createIconifyIcon('mdi:keyboard-esc');
@@ -43,10 +43,10 @@ Instead of using Svg Sprite, SVG icons are directly imported,
 
 ### Adding New Icons
 
-You can add new icon files `test.svg` in the `packages/icons/src/svg/icons` directory, and then import it in `packages/icons/src/svg/index.ts`:
+You can add new icon files `test.svg` in the `packages/icons/src/svg/icons` directory, and then import it in `packages/icons/src/svg/open-api.ts`:
 
 ```ts
-// packages/icons/src/svg/index.ts
+// packages/icons/src/svg/open-api.ts
 import { createIconifyIcon } from '@vben-core/icons';
 
 const SvgTestIcon = createIconifyIcon('svg:test');

vue2/docs/src/en/guide/in-depth/locale.md

@@ -160,7 +160,7 @@ When making interface requests through the project's built-in `request` tool, th
 
 :::
 
-Each application has an independent language pack that can override the general language configuration. You can remotely load the corresponding language pack by finding the `src/locales/index.ts` file in the corresponding application and modifying the `loadMessages` method accordingly:
+Each application has an independent language pack that can override the general language configuration. You can remotely load the corresponding language pack by finding the `src/locales/open-api.ts` file in the corresponding application and modifying the `loadMessages` method accordingly:
 
 ```ts {3-4}
 async function loadMessages(lang: SupportedLanguagesType) {
@@ -175,7 +175,7 @@ async function loadMessages(lang: SupportedLanguagesType) {
 
 ## Third-Party Language Packs
 
-Different applications may use third-party component libraries or plugins with varying internationalization methods, so they need to be handled differently. If you need to introduce a third-party language pack, you can find the `src/locales/index.ts` file in the corresponding application and modify the `loadThirdPartyMessage` method accordingly:
+Different applications may use third-party component libraries or plugins with varying internationalization methods, so they need to be handled differently. If you need to introduce a third-party language pack, you can find the `src/locales/open-api.ts` file in the corresponding application and modify the `loadThirdPartyMessage` method accordingly:
 
 ```ts
 /**
@@ -212,7 +212,7 @@ Firstly, it is not recommended to remove internationalization, as it is a good d
 
 - Hide the language switching button on the interface, see: [Interface Language Switching Function](#interface-language-switching-function)
 - Modify the default language, see: [Configure Default Language](#configure-default-language)
-- Disable `vue-i18n` warning prompts, in the `src/locales/index.ts` file, modify `missingWarn` to `false`:
+- Disable `vue-i18n` warning prompts, in the `src/locales/open-api.ts` file, modify `missingWarn` to `false`:
 
   ```ts
   async function setupI18n(app: App, options: LocaleSetupOptions = {}) {

vue2/docs/src/en/guide/other/faq.md

@@ -110,7 +110,7 @@ registry = https://registry.npmmirror.com/
 If you encounter errors similar to the following, please check that the full project path (including all parent paths) does not contain Chinese, Japanese, or Korean characters. Otherwise, you will encounter a 404 error for the path, leading to the following issue:
 
 ```ts
-[vite] Failed to resolve module import "ant-design-vue/dist/antd.css-vben-adminode_modulesant-design-vuedistantd.css". (imported by /@/setup/ant-design-vue/index.ts)
+[vite] Failed to resolve module import "ant-design-vue/dist/antd.css-vben-adminode_modulesant-design-vuedistantd.css". (imported by /@/setup/ant-design-vue/open-api.ts)
 ```
 
 ## Console Route Warning Issue

vue2/docs/src/guide/essentials/icons.md

@@ -18,7 +18,7 @@
 可在 `packages/icons/src/iconify` 目录下新增图标：
 
 ```ts
-// packages/icons/src/iconify/index.ts
+// packages/icons/src/iconify/open-api.ts
 import { createIconifyIcon } from '@vben-core/icons';
 
 export const MdiKeyboardEsc = createIconifyIcon('mdi:keyboard-esc');
@@ -43,10 +43,10 @@ import { MdiKeyboardEsc } from '@vben/icons';
 
 ### 新增
 
-可以在 `packages/icons/src/svg/icons` 目录下新增图标文件`test.svg`, 然后在 `packages/icons/src/svg/index.ts` 中引入：
+可以在 `packages/icons/src/svg/icons` 目录下新增图标文件`test.svg`, 然后在 `packages/icons/src/svg/open-api.ts` 中引入：
 
 ```ts
-// packages/icons/src/svg/index.ts
+// packages/icons/src/svg/open-api.ts
 import { createIconifyIcon } from '@vben-core/icons';
 
 const SvgTestIcon = createIconifyIcon('svg:test');

vue2/docs/src/guide/in-depth/locale.md

@@ -160,7 +160,7 @@ export const overridesPreferences = defineOverridesPreferences({
 
 :::
 
-每个应用都有一个独立的语言包，它可以覆盖通用的语言配置，你可以通过远程加载的方式来获取对应的语言包，只需要在对应的应用内，找到 `src/locales/index.ts` 文件，修改 `loadMessages` 方法即可：
+每个应用都有一个独立的语言包，它可以覆盖通用的语言配置，你可以通过远程加载的方式来获取对应的语言包，只需要在对应的应用内，找到 `src/locales/open-api.ts` 文件，修改 `loadMessages` 方法即可：
 
 ```ts {3-4}
 async function loadMessages(lang: SupportedLanguagesType) {
@@ -175,7 +175,7 @@ async function loadMessages(lang: SupportedLanguagesType) {
 
 ## 第三方语言包
 
-不同应用内使用的第三方组件库或者插件国际化方式可能不一致，所以需要差别处理。 如果你需要引入第三方的语言包，你可以在对应的应用内，找到 `src/locales/index.ts` 文件，修改 `loadThirdPartyMessage` 方法即可：
+不同应用内使用的第三方组件库或者插件国际化方式可能不一致，所以需要差别处理。 如果你需要引入第三方的语言包，你可以在对应的应用内，找到 `src/locales/open-api.ts` 文件，修改 `loadThirdPartyMessage` 方法即可：
 
 ```ts
 /**
@@ -212,7 +212,7 @@ async function loadDayjsLocale(lang: SupportedLanguagesType) {
 
 - 隐藏界面上的语言切换按钮，见：[界面切换语言功能](#界面切换语言功能)
 - 修改默认语言，见：[配置默认语言](#配置默认语言)
-- 关闭 `vue-i18n`的警告提示，在`src/locales/index.ts`文件内，修改`missingWarn`为`false`即可：
+- 关闭 `vue-i18n`的警告提示，在`src/locales/open-api.ts`文件内，修改`missingWarn`为`false`即可：
 
   ```ts
   async function setupI18n(app: App, options: LocaleSetupOptions = {}) {

vue2/docs/src/guide/other/faq.md

@@ -110,7 +110,7 @@ registry = https://registry.npmmirror.com/
 如果出现类似以下错误，请检查项目全路径（包含所有父级路径）不能出现中文、日文、韩文。否则将会出现路径访问 404 导致以下问题
 
 ```ts
-[vite] Failed to resolve module import "ant-design-vue/dist/antd.css-vben-adminode_modulesant-design-vuedistantd.css". (imported by /@/setup/ant-design-vue/index.ts)
+[vite] Failed to resolve module import "ant-design-vue/dist/antd.css-vben-adminode_modulesant-design-vuedistantd.css". (imported by /@/setup/ant-design-vue/open-api.ts)
 ```
 
 ## 控制台路由警告问题

vue2/packages/effects/plugins/README.md

@@ -13,8 +13,8 @@
 ```json
 "exports": {
     "./echarts": {
-      "types": "./src/echarts/index.ts",
+      "types": "./src/echarts/open-api.ts",
-      "default": "./src/echarts/index.ts"
+      "default": "./src/echarts/open-api.ts"
     }
   }
 ```

vue2/scripts/push_docker.ps1

@@ -1,7 +1,7 @@
 # push_docker.ps1
 
 # Set version
-$env:VERSION = "1.5.8"
+$env:VERSION = "1.5.8.1"
 
 # Docker registry/repository
 $registry = "docker.bbitcn.net/bbit_ai/ce_vue"