@liujitcn/kratos-admin-core 0.0.97 → 0.0.99

package/dist/package/declarations/src/components/CodeEditor/index.vue.d.ts

@@ -0,0 +1,22 @@
+/** 代码编辑器属性。 */
+interface CodeEditorProps {
+    /** 编辑器源码。 */
+    modelValue: string;
+    /** Monaco 语言标识。 */
+    language?: string;
+    /** 编辑器高度。 */
+    height?: string;
+    /** 是否只读。 */
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<CodeEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<CodeEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    readonly: boolean;
+    height: string;
+    language: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/package/declarations/src/views/demo/demo-data.d.ts

@@ -139,6 +139,19 @@ export declare const demoRegionTree: {
         label: string;
     }[];
 }[];
+/** 团队树静态数据：与城市级联数据分离，供纯表格团队筛选使用。 */
+export declare const demoOwnerGroupTree: ({
+    value: string;
+    label: string;
+    children: {
+        value: string;
+        label: string;
+    }[];
+} | {
+    value: string;
+    label: string;
+    children?: undefined;
+})[];
 /** 项目静态数据：25 条覆盖分页、多级表头、进度条、标签列等展示场景。 */
 export declare const demoProjects: DemoProject[];
 /** 目录树静态数据：三层嵌套演示树形表格的展开、折叠与子级操作。 */

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

@@ -0,0 +1,92 @@
+<template>
+  <div ref="editorHost" class="code-editor" :style="{ height }" />
+</template>
+
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted, ref, watch } from "vue";
+import * as monaco from "monaco-editor";
+import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
+
+/** 代码编辑器属性。 */
+interface CodeEditorProps {
+  /** 编辑器源码。 */
+  modelValue: string;
+  /** Monaco 语言标识。 */
+  language?: string;
+  /** 编辑器高度。 */
+  height?: string;
+  /** 是否只读。 */
+  readonly?: boolean;
+}
+
+const props = withDefaults(defineProps<CodeEditorProps>(), {
+  language: "javascript",
+  height: "360px",
+  readonly: false
+});
+
+const emit = defineEmits<{ "update:modelValue": [value: string] }>();
+const editorHost = ref<HTMLElement>();
+let editor: monaco.editor.IStandaloneCodeEditor | undefined;
+let model: monaco.editor.ITextModel | undefined;
+
+function createEditor() {
+  if (!editorHost.value) return;
+  self.MonacoEnvironment = {
+    getWorker() {
+      return new editorWorker();
+    }
+  };
+  model = monaco.editor.createModel(props.modelValue, props.language);
+  editor = monaco.editor.create(editorHost.value, {
+    model,
+    automaticLayout: true,
+    minimap: { enabled: false },
+    fontSize: 13,
+    tabSize: 2,
+    scrollBeyondLastLine: false,
+    wordWrap: "on",
+    readOnly: props.readonly,
+    padding: { top: 12, bottom: 12 }
+  });
+  editor.onDidChangeModelContent(() => {
+    emit("update:modelValue", editor?.getValue() ?? "");
+  });
+}
+
+function disposeEditor() {
+  editor?.dispose();
+  model?.dispose();
+  editor = undefined;
+  model = undefined;
+}
+
+onMounted(createEditor);
+onBeforeUnmount(disposeEditor);
+
+watch(
+  () => props.modelValue,
+  value => {
+    if (!editor || value === editor.getValue()) return;
+    editor.setValue(value);
+  }
+);
+
+watch(
+  () => props.language,
+  value => {
+    if (!model) return;
+    monaco.editor.setModelLanguage(model, value);
+  }
+);
+</script>
+
+<style scoped>
+.code-editor {
+  width: 100%;
+  min-height: 240px;
+  overflow: hidden;
+  border: 1px solid var(--el-border-color);
+  border-radius: var(--admin-page-radius);
+}
+</style>

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

@@ -86,14 +86,24 @@ const emit = defineEmits<{
   "update:value": [value: string];
   "check-validate": [];
 }>();
+
+/** 判断富文本 HTML 是否只包含空白节点。 */
+const normalizeEditorValue = (value: string) => {
+  if (!value) return "";
+  if (/<(?:img|video|iframe)\b/i.test(value)) return value;
+  const text = value
+    .replace(/<[^>]*>/g, "")
+    .replace(/&nbsp;|&#160;|&#8203;/gi, "")
+    .trim();
+  return text ? value : "";
+};
 const valueHtml = computed({
   get() {
     return normalizeRichTextMediaPaths(props.value);
   },
   set(val: string) {
-    // 防止富文本内容为空时，校验失败
-    if (editorRef.value.isEmpty()) val = "";
-    emit("update:value", val);
+    // 以编辑器回写的 HTML 为准，避免 isEmpty() 在回写时序中误清空有效内容。
+    emit("update:value", normalizeEditorValue(val));
   }
 });
 
@@ -180,7 +190,8 @@ editorMenuConfig["uploadVideo"] = {
 };
 
 // 编辑框失去焦点时触发
-const handleBlur = () => {
+const handleBlur = async () => {
+  await nextTick();
   formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
 };
 

package/dist/package/src/utils/request.ts

@@ -121,14 +121,15 @@ const service = axios.create({
   baseURL: requestBaseURL,
   timeout: 50000,
   headers: { "Content-Type": "application/json;charset=utf-8" },
-  paramsSerializer: params => qs.stringify(compactTenantProjectQueryParams(params)),
+  paramsSerializer: params => qs.stringify(compactTenantProjectQueryParams(params), { arrayFormat: "repeat" }),
   withCredentials: true
 });
 
 // 刷新令牌请求使用独立实例，避免与主请求拦截器互相递归。
 const refreshService = axios.create({
   baseURL: requestBaseURL,
-  timeout: 50000,
+  // 路由守卫会同步等待刷新结果：超时过长时后端重启窗口内整站黑屏挂起，收敛到 8 秒。
+  timeout: 8000,
   headers: { "Content-Type": "application/json;charset=utf-8" },
   withCredentials: true
 });

package/dist/package/src/views/demo/demo-data.ts

@@ -220,6 +220,27 @@ export const demoRegionTree = [
   }
 ];
 
+/** 团队树静态数据：与城市级联数据分离，供纯表格团队筛选使用。 */
+export const demoOwnerGroupTree = [
+  {
+    value: "engineering",
+    label: "研发团队",
+    children: [
+      { value: "frontend", label: "前端组" },
+      { value: "backend", label: "后端组" }
+    ]
+  },
+  {
+    value: "product",
+    label: "产品团队",
+    children: [
+      { value: "design", label: "设计组" },
+      { value: "research", label: "研究组" }
+    ]
+  },
+  { value: "operations", label: "运营团队" }
+];
+
 /** 项目静态数据：25 条覆盖分页、多级表头、进度条、标签列等展示场景。 */
 export const demoProjects: DemoProject[] = [
   { id: 1, name: "星尘数据平台", level: "S", owner: "陈默", status: STATUS_ENABLE, budget: 128000000, task_total: 46, progress: 82, region: ["zhejiang", "hangzhou"], created_at: "2025-01-06 09:30:00" },

package/dist/package/src/views/demo/table/index.vue

@@ -46,7 +46,7 @@ import { t } from "../../../locales";
 import DemoFormDialog from "../components/DemoFormDialog.vue";
 import DemoDetailDrawer from "../components/DemoDetailDrawer.vue";
 import type { DemoDetailModel, DemoProject } from "../demo-data";
-import { STATUS_DISABLE, STATUS_ENABLE, demoLevelOptions, demoProjects, demoRegionTree } from "../demo-data";
+import { STATUS_DISABLE, STATUS_ENABLE, demoLevelOptions, demoOwnerGroupTree, demoProjects, demoRegionTree } from "../demo-data";
 
 defineOptions({
   name: "DemoTable",
@@ -71,7 +71,7 @@ const statusTagOptions = [
 const tagSearchOptions = Array.from({ length: 50 }, (_, index) => ({ label: t("core.demo.table.tag_item", { index: index + 1 }), value: `tag-${index + 1}` }));
 
 /** tree-select 搜索项的静态团队树（isShow: false，仅出现在搜索区）。 */
-const ownerGroupOptions = demoRegionTree;
+const ownerGroupOptions = demoOwnerGroupTree;
 
 /** 把级联编码翻译成“省 / 市”文本，用于 region 列单元格展示。 */
 function formatRegion(region: string[]): string {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-core",
   "private": false,
-  "version": "0.0.97",
+  "version": "0.0.99",
   "type": "module",
   "description": "kratos-admin frontend runtime and base modules",
   "author": {
@@ -45,6 +45,7 @@
     "md-editor-v3": "^6.5.5",
     "md5": "^2.3.0",
     "mitt": "^3.0.1",
+    "monaco-editor": "^0.52.2",
     "nprogress": "^0.2.0",
     "pinia": "^4.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
@@ -150,6 +151,10 @@
       "types": "./dist/package/declarations/src/components/YamlEditor/index.vue.d.ts",
       "default": "./dist/package/src/components/YamlEditor/index.vue"
     },
+    "./components/CodeEditor/index.vue": {
+      "types": "./dist/package/declarations/src/components/CodeEditor/index.vue.d.ts",
+      "default": "./dist/package/src/components/CodeEditor/index.vue"
+    },
     "./components/ProForm/index.vue": {
       "types": "./dist/package/declarations/src/components/ProForm/index.vue.d.ts",
       "default": "./dist/package/src/components/ProForm/index.vue"