@liujitcn/kratos-admin-core 0.0.31 → 0.0.33

package/dist/package/src/api/base/{file.ts → v1/file.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { DownloadFileRequest, MultiUploadFileResponse, FileInfo } from "../../rpc/base/v1/file";
+import service from "../../../utils/request";
+import type { DownloadFileRequest, MultiUploadFileResponse, FileInfo } from "../../../rpc/base/v1/file";
 
 const FILE_URL = "/v1/base/file";
 
@@ -35,33 +35,29 @@ export class FileServiceImpl {
       }
     });
   }
+
+  /** 读取文件内容并返回 Blob。 */
+  async GetFileBlob(file: string, fileName: string): Promise<Blob> {
+    const response = await service<DownloadFileRequest, any>({
+      url: `${FILE_URL}`,
+      method: "get",
+      params: {
+        name: fileName,
+        path: file
+      } as DownloadFileRequest,
+      responseType: "blob"
+    });
+    return response.data instanceof Blob ? response.data : new Blob([response.data]);
+  }
+
   /** 下载文件 */
-  async DownloadFile(file: string, fileName: string) {
+  async DownloadFile(file: string, fileName: string): Promise<void> {
     try {
-      const response = await service<DownloadFileRequest, any>({
-        url: `${FILE_URL}`,
-        method: "get",
-        params: {
-          name: fileName,
-          path: file
-        } as DownloadFileRequest,
-        responseType: "blob" // 明确要求返回 Blob 类型
-      });
-      // 获取文件名
-      const contentDisposition = response.headers["content-disposition"];
-      let downloadFilename = fileName;
-      if (contentDisposition) {
-        const match = contentDisposition.match(/filename="?(.+?)"?$/);
-        if (match && match[1]) {
-          downloadFilename = match[1];
-        }
-      }
-
       // 创建下载链接
-      const url = window.URL.createObjectURL(new Blob([response.data]));
+      const url = window.URL.createObjectURL(await this.GetFileBlob(file, fileName));
       const a = document.createElement("a");
       a.href = url;
-      a.download = downloadFilename;
+      a.download = fileName;
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);

package/dist/package/src/api/base/{language.ts → v1/language.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { LanguageService, OptionLanguageRequest, OptionLanguageResponse } from "../../rpc/base/v1/language";
+import service from "../../../utils/request";
+import type { LanguageService, OptionLanguageRequest, OptionLanguageResponse } from "../../../rpc/base/v1/language";
 
 const LANGUAGE_URL = "/v1/base/language";
 

package/dist/package/src/api/base/{login.ts → v1/login.ts}

@@ -1,4 +1,4 @@
-import service from "../../utils/request";
+import service from "../../../utils/request";
 import type {
   CaptchaRequest,
   CaptchaResponse,
@@ -12,8 +12,8 @@ import type {
   VerifyCaptchaRequest,
   VerifyCaptchaResponse,
   LoginService
-} from "../../rpc/base/v1/login";
-import type { Empty } from "../../rpc/google/protobuf/empty";
+} from "../../../rpc/base/v1/login";
+import type { Empty } from "../../../rpc/google/protobuf/empty";
 
 const CAPTCHA_URL = "/v1/base/captcha";
 const CAPTCHA_VERIFY_URL = "/v1/base/captcha/verify";

package/dist/package/src/api/base/{mfa.ts → v1/mfa.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { LoginResponse } from "../../rpc/base/v1/login";
+import service from "../../../utils/request";
+import type { LoginResponse } from "../../../rpc/base/v1/login";
 import type {
   BeginMfaDisableRequest,
   BeginMfaDisableResponse,
@@ -18,8 +18,8 @@ import type {
   RecoveryCodesResponse,
   RegenerateMfaRecoveryCodesRequest,
   VerifyMfaRequest
-} from "../../rpc/base/v1/mfa";
-import type { Empty } from "../../rpc/google/protobuf/empty";
+} from "../../../rpc/base/v1/mfa";
+import type { Empty } from "../../../rpc/google/protobuf/empty";
 
 const MFA_URL = "/v1/base/mfa";
 

package/dist/package/src/api/base/{oauth.ts → v1/oauth.ts}

@@ -1,4 +1,4 @@
-import service from "../../utils/request";
+import service from "../../../utils/request";
 import type {
   CreateOauthAuthorizationRequest,
   CreateOauthAuthorizationResponse,
@@ -6,7 +6,7 @@ import type {
   ExchangeOauthTicketResponse,
   ListOauthProviderRequest,
   ListOauthProviderResponse
-} from "../../rpc/base/v1/oauth";
+} from "../../../rpc/base/v1/oauth";
 
 const OAUTH_PROVIDER_URL = "/v1/base/oauth/provider";
 const OAUTH_AUTHORIZATION_URL = "/v1/base/oauth/authorization";

package/dist/package/src/api/system/{auth.ts → admin/v1/auth.ts}

@@ -1,12 +1,12 @@
-import service from "../../utils/request";
+import service from "../../../../utils/request";
 import type {
   GetUserInfoRequest,
   ListUserButtonRequest,
   TreeRouteResponse,
   TreeUserMenuRequest,
   UserInfoForm
-} from "../../rpc/system/admin/v1/auth";
-import type { StringValues } from "../../rpc/common/v1/types";
+} from "../../../../rpc/system/admin/v1/auth";
+import type { StringValues } from "../../../../rpc/common/v1/types";
 
 const AUTH_URL = "/v1/admin/auth";
 

package/dist/package/src/api/system/{base_dict.ts → admin/v1/base_dict.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { OptionBaseDictRequest, OptionBaseDictResponse } from "../../rpc/system/admin/v1/base_dict";
+import service from "../../../../utils/request";
+import type { OptionBaseDictRequest, OptionBaseDictResponse } from "../../../../rpc/system/admin/v1/base_dict";
 
 const BASE_DICT_URL = "/v1/admin/base/dict";
 

package/dist/package/src/api/system/{base_tenant.ts → admin/v1/base_tenant.ts}

@@ -1,6 +1,6 @@
-import service from "../../utils/request";
-import type { SelectOptionResponse } from "../../rpc/common/v1/common";
-import type { OptionBaseTenantRequest } from "../../rpc/system/admin/v1/base_tenant";
+import service from "../../../../utils/request";
+import type { SelectOptionResponse } from "../../../../rpc/common/v1/common";
+import type { OptionBaseTenantRequest } from "../../../../rpc/system/admin/v1/base_tenant";
 
 const BASE_TENANT_URL = "/v1/admin/base/tenant";
 

package/dist/package/src/bootstrap.ts

@@ -28,7 +28,8 @@ import { useDictStore } from "./stores/modules/dict";
 import { useTabsStore } from "./stores/modules/tabs";
 import { useUserStore } from "./stores/modules/user";
 import { getRouteMetaTitle } from "./utils";
-import { defLanguageService } from "./api/base/language";
+import { defLanguageService } from "./api/base/v1/language";
+import { setAdminDocumentTitle } from "./documentTitle";
 
 /**
  * 管理端启动参数。
@@ -44,7 +45,7 @@ export interface AdminBootstrapOptions {
  * 创建并启动管理端应用，业务项目可通过 modules 注册自己的页面。
  */
 export async function bootstrapAdminApp(options: AdminBootstrapOptions = {}) {
-  const modules = [kratosAdminModule, ...(options.modules ?? [])];
+	const modules = [kratosAdminModule, ...(options.modules ?? [])];
   registerAdminModules(modules);
   registerLocaleMessages(modules);
   initializeLocale();
@@ -79,6 +80,7 @@ export async function bootstrapAdminApp(options: AdminBootstrapOptions = {}) {
   } catch {
     // 配置接口失败时继续使用本地默认配置，避免阻断应用启动。
   }
+  updateDocumentTitle();
 
   app.mount(options.mount ?? "#app");
   return app;
@@ -91,7 +93,7 @@ async function refreshLocalizedRuntimeData() {
   const dictStore = useDictStore(pinia);
   const configStore = useConfigStore(pinia);
   await Promise.allSettled([configStore.loadDisplayConfig()]);
-  if (userStore.token || userStore.refreshToken) {
+  if (userStore.token) {
     await Promise.allSettled([authStore.getAuthMenuList(), dictStore.updateDictionaryCache()]);
     syncLocalizedRouteState();
   }
@@ -119,6 +121,5 @@ function updateDocumentTitle() {
   const route = router.currentRoute.value;
   const titleKey = typeof route.meta.titleKey === "string" ? route.meta.titleKey : "";
   const routeTitle = titleKey ? t(titleKey) : String(route.meta.title ?? "");
-  const appTitle = import.meta.env.VITE_GLOB_APP_TITLE;
-  document.title = routeTitle ? `${routeTitle} - ${appTitle}` : appTitle;
+  setAdminDocumentTitle(routeTitle);
 }

package/dist/package/src/components/CronExpression/index.vue

@@ -12,7 +12,7 @@
       </template>
     </el-input>
 
-    <el-dialog v-model="dialogVisible" :title="t('core.cron.title')" width="980px" top="2vh" destroy-on-close>
+    <ProDialog v-model="dialogVisible" :title="t('core.cron.title')" width="980px" top="2vh" destroy-on-close>
       <div class="cron-editor">
         <div class="cron-editor__preset">
           <div class="cron-editor__section-title">{{ t("core.cron.presets") }}</div>
@@ -107,7 +107,7 @@
           <el-button @click="dialogVisible = false">{{ t("common.action.cancel") }}</el-button>
         </div>
       </template>
-    </el-dialog>
+    </ProDialog>
   </div>
 </template>
 
@@ -116,6 +116,7 @@ import { computed, defineComponent, h, reactive, ref, watch } from "vue";
 import type { PropType } from "vue";
 import { ElCheckbox, ElCheckboxGroup, ElInputNumber, ElRadio } from "element-plus";
 import { Operation } from "@element-plus/icons-vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
 import { useLocaleStore } from "../../locales";
 
 const { t } = useLocaleStore();
@@ -669,7 +670,7 @@ const CronSegmentEditor = defineComponent({
   gap: 8px;
   padding: 12px;
   background: var(--el-fill-color-light);
-  border-radius: 8px;
+  border-radius: var(--admin-page-radius);
 }
 .cron-editor__preset-list {
   display: flex;

package/dist/package/src/components/Dialog/ProDialog.vue

@@ -1,5 +1,6 @@
 <template>
   <el-dialog
+    class="pro-dialog"
     :model-value="modelValue"
     :title="title"
     :width="width"

package/dist/package/src/components/ImportExcel/index.vue

@@ -1,9 +1,10 @@
 <template>
-  <el-dialog
+  <ProDialog
     v-model="dialogVisible"
     :title="t('core.upload.batch_add', { resource: parameter.title })"
     :destroy-on-close="true"
     width="580px"
+    :show-footer="false"
     draggable
   >
     <el-form class="drawer-multiColumn-form" label-width="180px">
@@ -44,11 +45,12 @@
         <el-switch v-model="isCover" />
       </el-form-item>
     </el-form>
-  </el-dialog>
+  </ProDialog>
 </template>
 
 <script setup lang="ts" name="ImportExcel">
 import { ref } from "vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
 import { useDownload } from "../../hooks/useDownload";
 import { Download } from "@element-plus/icons-vue";
 import { ElNotification, UploadRequestOptions, UploadRawFile } from "element-plus";

package/dist/package/src/components/MarkdownPreview/index.vue

@@ -241,7 +241,7 @@ function createMarkdownHeadingId({ text, index }: Parameters<MdHeadingId>[0]) {
   cursor: pointer;
   background: var(--admin-page-card-bg);
   border: 1px solid var(--admin-page-card-border-soft);
-  border-radius: 4px;
+  border-radius: var(--admin-page-radius);
   box-shadow: var(--admin-page-shadow);
 }
 .core-markdown-preview :deep(.md-editor-code pre) {

package/dist/package/src/components/PasswordStrength/index.vue

@@ -53,7 +53,7 @@ const strength = computed(() => getPasswordStrength(props.password));
   padding: 14px 16px;
   background: #fafbfd;
   border: 1px solid #ebeef5;
-  border-radius: 10px;
+  border-radius: var(--admin-page-radius);
 }
 .password-strength__header {
   display: flex;

package/dist/package/src/components/ProTable/components/TableColumn.vue

@@ -9,7 +9,7 @@ import DictLabel from "../../../components/Dict/DictLabel.vue";
 import { ColumnProps, HeaderRenderScope, RenderScope, TableActionProps } from "../../../components/ProTable/interface";
 import type { TableAlign } from "../../../utils/proTable";
 import { filterEnum, formatValue, handleProp, handleRowAccordingToProp } from "../../../utils";
-import { formatPrice } from "../../../utils/utils";
+import { formatPrice, formatSrc } from "../../../utils/utils";
 import { t } from "../../../locales";
 
 const props = defineProps<{
@@ -93,12 +93,14 @@ const getBooleanValue = (value: boolean | ((scope: RenderScope<any>) => boolean)
  */
 const renderImageCell = (item: ColumnProps, scope: RenderScope<any>) => {
   const imageProps = item.imageProps ?? {};
-  const src =
+  const rawSrc =
     typeof imageProps.src === "function"
       ? imageProps.src(scope)
       : (imageProps.src ?? handleRowAccordingToProp(scope.row, item.prop!));
-  const previewSrc = typeof imageProps.previewSrc === "function" ? imageProps.previewSrc(scope) : (imageProps.previewSrc ?? src);
-  if (!src || src === "--") return "--";
+  const rawPreviewSrc = typeof imageProps.previewSrc === "function" ? imageProps.previewSrc(scope) : (imageProps.previewSrc ?? rawSrc);
+  if (!rawSrc || rawSrc === "--") return "--";
+  const src = formatSrc(String(rawSrc));
+  const previewSrc = formatSrc(String(rawPreviewSrc));
   const thumbWidth = typeof imageProps.width === "number" ? `${imageProps.width}px` : (imageProps.width ?? "60px");
   const thumbHeight = typeof imageProps.height === "number" ? `${imageProps.height}px` : (imageProps.height ?? "60px");
   return h(
@@ -116,7 +118,7 @@ const renderImageCell = (item: ColumnProps, scope: RenderScope<any>) => {
       style: {
         width: thumbWidth,
         height: thumbHeight,
-        borderRadius: "4px"
+        borderRadius: "var(--admin-page-radius)"
       }
     },
     {
@@ -187,6 +189,12 @@ const renderActionsCell = (item: ColumnProps, scope: RenderScope<any>) => {
   });
 };
 
+/** 渲染默认表头标题，避免窄列换行并保留完整标题提示。 */
+const renderHeaderLabel = (item: ColumnProps) => {
+  if (!item.label || item.showOverflowTooltip === false) return item.label;
+  return h("span", { title: item.label }, item.label);
+};
+
 /**
  * 渲染预置列类型，统一收敛图片、状态和操作按钮等通用场景。
  */
@@ -227,7 +235,7 @@ const RenderTableColumn = (item: ColumnProps) => {
       header: (scope: HeaderRenderScope<any>) => {
         if (item.headerRender) return item.headerRender(scope);
         if (item.prop && slots[`${handleProp(item.prop)}Header`]) return slots[`${handleProp(item.prop)}Header`]!(scope);
-        return item.label;
+        return renderHeaderLabel(item);
       }
     }
   );

package/dist/package/src/components/ProTable/index.vue

@@ -72,7 +72,7 @@
     >
       <!-- 默认插槽 -->
       <slot />
-      <template v-for="item in tableColumns" :key="item">
+      <template v-for="(item, index) in tableColumns" :key="item.prop ?? item.type ?? index">
         <!-- selection || radio || index || expand || sort -->
         <el-table-column
           v-if="item.type && columnTypes.includes(item.type)"
@@ -133,7 +133,7 @@
 
 <script setup lang="ts" name="ProTable">
 import { ref, watch, provide, onMounted, unref, computed, nextTick, useAttrs, useSlots, isProxy, markRaw, toRaw } from "vue";
-import { ElTable } from "element-plus";
+import { ElTable, type TableInstance } from "element-plus";
 import { useTable } from "../../hooks/useTable";
 import { useSelection } from "../../hooks/useSelection";
 import {
@@ -171,7 +171,7 @@ const props = withDefaults(defineProps<ProTableProps>(), {
 });
 
 // table 实例
-const tableRef = ref<InstanceType<typeof ElTable>>();
+const tableRef = ref<TableInstance>();
 const attrs = useAttrs();
 const slots = useSlots();
 

package/dist/package/src/components/RichTextPreview/index.vue

@@ -5,6 +5,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import DOMPurify from "dompurify";
+import { formatSrc } from "../../utils/utils";
 
 defineOptions({
   name: "CoreRichTextPreview"
@@ -17,7 +18,17 @@ interface RichTextPreviewProps {
 }
 
 const props = defineProps<RichTextPreviewProps>();
-const sanitizedHtml = computed(() => DOMPurify.sanitize(props.modelValue, { USE_PROFILES: { html: true } }));
+const sanitizedHtml = computed(() => {
+  const sanitized = DOMPurify.sanitize(props.modelValue, { USE_PROFILES: { html: true } });
+  if (typeof DOMParser === "undefined") return sanitized;
+
+  const document = new DOMParser().parseFromString(sanitized, "text/html");
+  document.body.querySelectorAll<HTMLElement>("img[src], video[src]").forEach(element => {
+    const src = element.getAttribute("src");
+    if (src) element.setAttribute("src", formatSrc(src));
+  });
+  return document.body.innerHTML;
+});
 </script>
 
 <style scoped lang="scss">

package/dist/package/src/components/SelectIcon/index.vue

@@ -13,7 +13,7 @@
         <el-button :icon="customIcons[iconValue]" />
       </template>
     </el-input>
-    <el-dialog v-model="dialogVisible" :title="placeholder" top="50px" width="760px">
+    <ProDialog v-model="dialogVisible" :title="placeholder" top="50px" width="760px" :show-footer="false">
       <el-input v-model="inputValue" :placeholder="t('core.icon.search')" size="large" :prefix-icon="Icons.Search" />
       <el-scrollbar v-if="Object.keys(iconsList).length">
         <div class="icon-list">
@@ -24,13 +24,14 @@
         </div>
       </el-scrollbar>
       <el-empty v-else :description="t('core.icon.empty')" />
-    </el-dialog>
+    </ProDialog>
   </div>
 </template>
 
 <script setup lang="ts" name="SelectIcon">
 import { ref, computed, watch } from "vue";
 import * as Icons from "@element-plus/icons-vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
 import { useLocaleStore } from "../../locales";
 
 const { t } = useLocaleStore();

package/dist/package/src/components/Upload/File.vue

@@ -38,7 +38,7 @@ import { computed, inject } from "vue";
 import { Delete, Document, Download } from "@element-plus/icons-vue";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { UploadProps, UploadRequestOptions, UploadUserFile } from "element-plus";
-import { defFileService } from "../../api/base/file";
+import { defFileService } from "../../api/base/v1/file";
 import type { FileInfo } from "../../rpc/base/v1/file";
 import { useLocaleStore } from "../../locales";
 
@@ -171,7 +171,7 @@ async function handleDownload() {
   margin-top: 12px;
   background: var(--el-fill-color-light);
   border: 1px solid var(--el-border-color-light);
-  border-radius: 8px;
+  border-radius: var(--admin-page-radius);
 }
 .file-card__main {
   display: flex;

package/dist/package/src/components/Upload/Files.vue

@@ -44,7 +44,7 @@ import { computed, inject, ref, watch } from "vue";
 import { Delete, Document, Download } from "@element-plus/icons-vue";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { UploadProps, UploadRequestOptions, UploadUserFile } from "element-plus";
-import { defFileService } from "../../api/base/file";
+import { defFileService } from "../../api/base/v1/file";
 import type { FileInfo } from "../../rpc/base/v1/file";
 import { useLocaleStore } from "../../locales";
 
@@ -206,7 +206,7 @@ async function handleDownload(file: UploadUserFile) {
   padding: 12px 14px;
   background: var(--el-fill-color-light);
   border: 1px solid var(--el-border-color-light);
-  border-radius: 8px;
+  border-radius: var(--admin-page-radius);
 }
 .file-card__main {
   display: flex;

package/dist/package/src/components/Upload/Img.vue

@@ -15,7 +15,7 @@
       :accept="fileType.join(',')"
     >
       <template v-if="imageUrl">
-        <img :src="imageUrl" class="upload-image" />
+        <img :src="displayImageUrl" class="upload-image" />
         <div class="upload-handle" @click.stop>
           <div v-if="!self_disabled" class="handle-icon" @click="editImg">
             <el-icon><Edit /></el-icon>
@@ -43,14 +43,15 @@
     <div class="el-upload__tip">
       <slot name="tip"></slot>
     </div>
-    <el-image-viewer v-if="imgViewVisible" :url-list="[imageUrl]" @close="imgViewVisible = false" />
+    <el-image-viewer v-if="imgViewVisible" :url-list="[displayImageUrl]" @close="imgViewVisible = false" />
   </div>
 </template>
 
 <script setup lang="ts" name="UploadImg">
 import { ref, computed, inject } from "vue";
 import { generateUUID } from "../../utils";
-import { defFileService } from "../../api/base/file";
+import { formatSrc } from "../../utils/utils";
+import { defFileService } from "../../api/base/v1/file";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { UploadProps, UploadRequestOptions } from "element-plus";
 import type { FileInfo } from "../../rpc/base/v1/file";
@@ -69,7 +70,7 @@ interface UploadFileProps {
   fileType?: File.ImageMimeType[]; // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
   height?: string; // 组件高度 ==> 非必传（默认为 150px）
   width?: string; // 组件宽度 ==> 非必传（默认为 150px）
-  borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为 8px）
+  borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为全局圆角）
 }
 
 // 接受父组件参数
@@ -82,7 +83,7 @@ const props = withDefaults(defineProps<UploadFileProps>(), {
   fileType: () => ["image/jpeg", "image/png", "image/gif"],
   height: "150px",
   width: "150px",
-  borderRadius: "8px"
+  borderRadius: "var(--admin-page-radius)"
 });
 
 // 生成组件唯一id
@@ -98,6 +99,7 @@ const formItemContext = inject(formItemContextKey, void 0);
 const self_disabled = computed(() => {
   return props.disabled || formContext?.disabled;
 });
+const displayImageUrl = computed(() => formatSrc(props.imageUrl));
 
 /**
  * @description 图片上传

package/dist/package/src/components/Upload/Imgs.vue

@@ -23,7 +23,7 @@
         </slot>
       </div>
       <template #file="{ file }">
-        <img :src="file.url" class="upload-image" />
+        <img :src="formatSrc(file.url ?? '')" class="upload-image" />
         <div class="upload-handle" @click.stop>
           <div class="handle-icon" @click="handlePictureCardPreview(file)">
             <el-icon><ZoomIn /></el-icon>
@@ -46,7 +46,8 @@
 <script setup lang="ts" name="UploadImgs">
 import { ref, computed, inject, watch } from "vue";
 import { Plus } from "@element-plus/icons-vue";
-import { defFileService } from "../../api/base/file";
+import { defFileService } from "../../api/base/v1/file";
+import { formatSrc } from "../../utils/utils";
 import type { UploadProps, UploadFile, UploadUserFile, UploadRequestOptions } from "element-plus";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { FileInfo } from "../../rpc/base/v1/file";
@@ -66,7 +67,7 @@ interface UploadFileProps {
   fileType?: File.ImageMimeType[]; // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
   height?: string; // 组件高度 ==> 非必传（默认为 150px）
   width?: string; // 组件宽度 ==> 非必传（默认为 150px）
-  borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为 8px）
+  borderRadius?: string; // 组件边框圆角 ==> 非必传（默认为全局圆角）
 }
 
 const props = withDefaults(defineProps<UploadFileProps>(), {
@@ -79,7 +80,7 @@ const props = withDefaults(defineProps<UploadFileProps>(), {
   fileType: () => ["image/jpeg", "image/png", "image/gif"],
   height: "150px",
   width: "150px",
-  borderRadius: "8px"
+  borderRadius: "var(--admin-page-radius)"
 });
 
 // 获取 el-form 组件上下文
@@ -200,7 +201,7 @@ const handleExceed = () => {
 const viewImageUrl = ref("");
 const imgViewVisible = ref(false);
 const handlePictureCardPreview: UploadProps["onPreview"] = file => {
-  viewImageUrl.value = file.url!;
+  viewImageUrl.value = formatSrc(file.url ?? "");
   imgViewVisible.value = true;
 };
 </script>

package/dist/package/src/components/WangEditor/index.vue

@@ -17,7 +17,8 @@
 import { nextTick, computed, inject, shallowRef, onBeforeUnmount } from "vue";
 import { IToolbarConfig, IEditorConfig } from "@wangeditor/editor";
 import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
-import { defFileService } from "../../api/base/file";
+import { defFileService } from "../../api/base/v1/file";
+import { normalizeRichTextMediaPaths, normalizeStaticAssetPath } from "../../utils/utils";
 import "@wangeditor/editor/dist/css/style.css";
 import { formContextKey, formItemContextKey } from "element-plus";
 import { useLocaleStore } from "../../locales";
@@ -41,6 +42,7 @@ interface RichEditorProps {
   mode?: "default" | "simple"; // 富文本模式 ==> 非必传（默认为 default）
   hideToolBar?: boolean; // 是否隐藏工具栏 ==> 非必传（默认为false）
   disabled?: boolean; // 是否禁用编辑器 ==> 非必传（默认为false）
+  uploadType?: string; // 富文本上传业务类型 ==> 非必传（默认为 content）
 }
 const props = withDefaults(defineProps<RichEditorProps>(), {
   toolbarConfig: () => {
@@ -56,7 +58,8 @@ const props = withDefaults(defineProps<RichEditorProps>(), {
   height: "500px",
   mode: "default",
   hideToolBar: false,
-  disabled: false
+  disabled: false,
+  uploadType: "content"
 });
 const editorMenuConfig = props.editorConfig.MENU_CONF ?? {};
 const resolvedEditorConfig = computed(() => ({
@@ -84,7 +87,7 @@ const emit = defineEmits<{
 }>();
 const valueHtml = computed({
   get() {
-    return props.value;
+    return normalizeRichTextMediaPaths(props.value);
   },
   set(val: string) {
     // 防止富文本内容为空时，校验失败
@@ -103,8 +106,8 @@ editorMenuConfig["uploadImage"] = {
   async customUpload(file: File, insertFn: InsertFnTypeImg) {
     if (!uploadImgValidate(file)) return;
     try {
-      const data = await defFileService.UploadFile(file, "image");
-      insertFn(data.url);
+      const data = await defFileService.UploadFile(file, props.uploadType);
+      insertFn(normalizeStaticAssetPath(data.url));
     } catch (error) {
       console.log(error);
     }
@@ -127,8 +130,8 @@ editorMenuConfig["uploadVideo"] = {
   async customUpload(file: File, insertFn: InsertFnTypeVideo) {
     if (!uploadVideoValidate(file)) return;
     try {
-      const data = await defFileService.UploadFile(file, "video");
-      insertFn(data.url);
+      const data = await defFileService.UploadFile(file, props.uploadType);
+      insertFn(normalizeStaticAssetPath(data.url));
     } catch (error) {
       console.log(error);
     }

package/dist/package/src/documentTitle.ts

@@ -0,0 +1,8 @@
+import pinia from "./stores";
+import { useConfigStore } from "./stores/modules/config";
+
+/** setAdminDocumentTitle 使用后端站点名称更新管理端浏览器标题。 */
+export function setAdminDocumentTitle(pageTitle = "") {
+  const appTitle = useConfigStore(pinia).display.sysName || import.meta.env.VITE_GLOB_APP_TITLE;
+  document.title = pageTitle ? `${pageTitle} - ${appTitle}` : appTitle;
+}

package/dist/package/src/format.ts

@@ -1 +1 @@
-export { formatJson, formatSrc } from "./utils/utils";
+export { formatJson, formatSrc, normalizeRichTextMediaPaths, normalizeStaticAssetPath } from "./utils/utils";