@liujitcn/kratos-admin-core 0.0.29 → 0.0.32

package/dist/package/src/components/Mfa/MfaRecoveryCodesDialog.vue

@@ -0,0 +1,91 @@
+<template>
+  <ProDialog
+    :model-value="modelValue"
+    :title="t('core.login.mfa_recovery_codes_title')"
+    width="420px"
+    :close-on-click-modal="false"
+    @update:model-value="emit('update:modelValue', $event)"
+  >
+    <div class="mfa-recovery-dialog__codes">
+      <span>{{ codesText }}</span>
+      <el-tooltip :content="t('core.login.mfa_copy_recovery_codes')" placement="top">
+        <el-button text circle :aria-label="t('core.login.mfa_copy_recovery_codes')" @click="copyRecoveryCodes">
+          <el-icon class="mfa-recovery-dialog__copy"><CopyDocument /></el-icon>
+        </el-button>
+      </el-tooltip>
+    </div>
+    <p class="mfa-recovery-dialog__warning">{{ t("core.login.mfa_recovery_codes_warning") }}</p>
+    <template #footer>
+      <el-button type="primary" @click="handleConfirm">{{ t("core.login.mfa_recovery_codes_confirm") }}</el-button>
+    </template>
+  </ProDialog>
+</template>
+
+<script setup lang="ts" name="MfaRecoveryCodesDialog">
+import { computed } from "vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
+import { useLocaleStore } from "../../locales";
+import { copyText } from "../../utils/clipboard";
+
+/** MFA 恢复码弹窗属性。 */
+interface MfaRecoveryCodesDialogProps {
+  /** 弹窗显示状态。 */
+  modelValue: boolean;
+  /** 本次生成的一次性恢复码。 */
+  codes: string[];
+}
+
+const props = withDefaults(defineProps<MfaRecoveryCodesDialogProps>(), {
+  modelValue: false,
+  codes: () => []
+});
+
+const emit = defineEmits<{
+  "update:modelValue": [value: boolean];
+  confirm: [];
+}>();
+
+const { t } = useLocaleStore();
+const codesText = computed(() => props.codes.join("\n"));
+
+/** 复制当前显示的恢复码。 */
+async function copyRecoveryCodes() {
+  await copyText(codesText.value);
+  ElMessage.success(t("core.login.mfa_recovery_codes_copied"));
+}
+
+/** 关闭弹窗并通知调用方完成绑定流程。 */
+function handleConfirm() {
+  emit("update:modelValue", false);
+  emit("confirm");
+}
+</script>
+
+<style scoped lang="scss">
+.mfa-recovery-dialog__codes {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+  color: var(--el-text-color-regular);
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.mfa-recovery-dialog__codes span {
+  flex: 1;
+  min-width: 0;
+  white-space: pre-wrap;
+}
+
+.mfa-recovery-dialog__copy {
+  color: var(--el-color-primary);
+  font-size: 18px;
+}
+
+.mfa-recovery-dialog__warning {
+  margin: 8px 0 0;
+  color: var(--el-color-warning);
+  font-size: 13px;
+  line-height: 1.6;
+}
+</style>

package/dist/package/src/components/Mfa/MfaSetupPanel.vue

@@ -0,0 +1,81 @@
+<template>
+  <div v-if="uri" class="mfa-setup-panel">
+    <img v-if="qrDataUrl" class="mfa-setup-panel__qr" :src="qrDataUrl" :alt="t('core.login.mfa_setup_qr_alt')" />
+    <el-collapse class="mfa-setup-panel__uri">
+      <el-collapse-item :title="t('core.login.mfa_show_uri')" name="uri">
+        <div class="mfa-setup-panel__value">
+          <span class="mfa-setup-panel__text">{{ uri }}</span>
+          <el-tooltip :content="t('core.login.mfa_copy_uri')" placement="top">
+            <el-button text circle :aria-label="t('core.login.mfa_copy_uri')" @click.stop="copySetupUri">
+              <el-icon class="mfa-setup-panel__copy"><CopyDocument /></el-icon>
+            </el-button>
+          </el-tooltip>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+</template>
+
+<script setup lang="ts" name="MfaSetupPanel">
+import { computed } from "vue";
+import qrcode from "qrcode-generator";
+import { useLocaleStore } from "../../locales";
+import { copyText } from "../../utils/clipboard";
+
+/** MFA TOTP 绑定面板属性。 */
+interface MfaSetupPanelProps {
+  /** TOTP 绑定地址。 */
+  uri: string;
+}
+
+const props = defineProps<MfaSetupPanelProps>();
+const { t } = useLocaleStore();
+
+const qrDataUrl = computed(() => {
+  if (!props.uri) return "";
+  const code = qrcode(0, "M");
+  code.addData(props.uri);
+  code.make();
+  return code.createDataURL(4, 8);
+});
+
+/** 复制 TOTP 绑定地址。 */
+async function copySetupUri() {
+  await copyText(props.uri);
+  ElMessage.success(t("core.login.mfa_uri_copied"));
+}
+</script>
+
+<style scoped lang="scss">
+.mfa-setup-panel__qr {
+  display: block;
+  width: 220px;
+  height: 220px;
+  margin: 12px auto;
+  image-rendering: pixelated;
+}
+
+.mfa-setup-panel__uri {
+  margin-top: 12px;
+}
+
+.mfa-setup-panel__value {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+  color: var(--el-text-color-regular);
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.mfa-setup-panel__text {
+  flex: 1;
+  min-width: 0;
+  white-space: pre-wrap;
+}
+
+.mfa-setup-panel__copy {
+  color: var(--el-color-primary);
+  font-size: 18px;
+}
+</style>

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/ProForm/components/ProFormItem.vue

@@ -13,6 +13,8 @@
 
   <el-input-number v-else-if="field.component === 'input-number'" v-model="fieldValue" v-bind="fieldProps" />
 
+  <el-color-picker v-else-if="field.component === 'color-picker'" v-model="fieldValue" v-bind="fieldProps" />
+
   <el-segmented v-else-if="field.component === 'segmented'" v-model="fieldValue" :options="fieldOptions" v-bind="fieldProps" />
 
   <el-checkbox v-else-if="field.component === 'checkbox'" v-model="fieldValue" v-bind="fieldProps">
@@ -28,7 +30,12 @@
       :label="option.label"
       :value="option.value"
       :disabled="option.disabled"
-    />
+    >
+      <span class="pro-form-option">
+        <component :is="option.icon" v-if="option.icon" />
+        <span>{{ option.label }}</span>
+      </span>
+    </el-option>
   </el-select>
 
   <el-radio-group v-else-if="field.component === 'radio-group'" v-model="fieldValue" v-bind="fieldProps">
@@ -189,3 +196,11 @@ const multipleKvValue = computed({
   set: value => setFieldValue(value)
 });
 </script>
+
+<style scoped lang="scss">
+.pro-form-option {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+</style>

package/dist/package/src/components/ProForm/interface/index.ts

@@ -1,4 +1,5 @@
 import type { FormItemRule } from "element-plus";
+import type { Component } from "vue";
 
 /** ProForm 支持的字段组件类型。 */
 export type ProFormComponentType =
@@ -6,6 +7,7 @@ export type ProFormComponentType =
   | "password"
   | "textarea"
   | "input-number"
+  | "color-picker"
   | "segmented"
   | "switch"
   | "checkbox"
@@ -31,6 +33,8 @@ export interface ProFormOption {
   label: string;
   value: string | number | boolean;
   disabled?: boolean;
+  /** 下拉项前置图标。 */
+  icon?: Component;
   children?: ProFormOption[];
   /** Element Plus 懒加载树节点是否为叶子节点。 */
   isLeaf?: boolean;

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

@@ -12,7 +12,7 @@
         </el-table-column>
         <template #empty>
           <div class="table-empty">
-            <img src="../../../assets/images/notData.png" alt="notData" />
+            <img src="../../../assets/images/notData.png" :alt="t('core.table.no_configurable_columns')" />
             <div>{{ t("core.table.no_configurable_columns") }}</div>
           </div>
         </template>

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

@@ -41,7 +41,11 @@
           <el-tooltip v-if="showToolButton('refresh')" :content="t('core.table.refresh')" placement="top">
             <el-button class="tool-button" :icon="Refresh" circle @click="handleToolRefresh" />
           </el-tooltip>
-          <el-tooltip v-if="showToolButton('setting') && columns.length" :content="t('core.table.column_setting')" placement="top">
+          <el-tooltip
+            v-if="showToolButton('setting') && columns.length"
+            :content="t('core.table.column_setting')"
+            placement="top"
+          >
             <el-button class="tool-button" :icon="Operation" circle @click="openColSetting" />
           </el-tooltip>
           <el-tooltip
@@ -68,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)"
@@ -107,7 +111,7 @@
       <template #empty>
         <div class="table-empty">
           <slot name="empty">
-            <img src="../../assets/images/notData.png" alt="notData" />
+            <img src="../../assets/images/notData.png" :alt="t('common.message.no_data')" />
             <div>{{ t("common.message.no_data") }}</div>
           </slot>
         </div>
@@ -129,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 {
@@ -167,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

@@ -0,0 +1,56 @@
+<template>
+  <div class="core-rich-text-preview" v-html="sanitizedHtml" />
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import DOMPurify from "dompurify";
+import { formatSrc } from "../../utils/utils";
+
+defineOptions({
+  name: "CoreRichTextPreview"
+});
+
+/** 富文本预览组件属性。 */
+interface RichTextPreviewProps {
+  /** 待展示的 HTML 内容。 */
+  modelValue: string;
+}
+
+const props = defineProps<RichTextPreviewProps>();
+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">
+.core-rich-text-preview {
+  line-height: 1.7;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.core-rich-text-preview :deep(p) {
+  margin: 0 0 8px;
+}
+
+.core-rich-text-preview :deep(ul),
+.core-rich-text-preview :deep(ol) {
+  margin: 0 0 8px;
+  padding-left: 24px;
+}
+
+.core-rich-text-preview :deep(img),
+.core-rich-text-preview :deep(video) {
+  max-width: 100%;
+  height: auto;
+}
+</style>

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/config/index.ts

@@ -1,7 +1,7 @@
 // ? 全局默认配置项
 
 // 首页地址（默认）
-export const HOME_URL: string = "/dashboard/workspace";
+export const HOME_URL: string = "/dashboard";
 
 // 登录页地址（默认）
 export const LOGIN_URL: string = "/login";

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";