@liujitcn/kratos-admin-core 0.0.64 → 0.0.66

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

@@ -0,0 +1,145 @@
+/**
+ * Demo 演示模块共享的静态 mock 数据与类型。
+ *
+ * 约定：
+ * - 全部数据纯前端静态维护，不调用任何后端接口；真实项目中对应字段来自 RPC 返回结构。
+ * - 记录内容本身是"业务数据"，与表格列头等 UI 文案不同，不进入语言包（与真实项目一致）。
+ * - avatar 使用内联 SVG data URL，避免依赖外网图片服务，离线环境也能渲染图片列。
+ */
+/** Demo 通用状态值：与 base.v1 Status 枚举保持一致（1 启用 / 2 禁用），core 不反向依赖业务 RPC。 */
+export declare const STATUS_ENABLE = 1;
+/** 禁用状态值。 */
+export declare const STATUS_DISABLE = 2;
+/** Demo 员工记录，左树右表页面的行数据结构。 */
+export interface DemoEmployee {
+    /** 员工ID。 */
+    id: number;
+    /** 姓名列表格首列。 */
+    name: string;
+    /** 所属部门ID，关联左侧部门树的 id。 */
+    dept_id: number;
+    /** 邮箱，演示普通文本列。 */
+    email: string;
+    /** 手机号。 */
+    phone: string;
+    /** 头像，演示 cellType: "image" 图片列。 */
+    avatar: string;
+    /** 薪资（单位：分），演示 cellType: "money" 金额列，金额列按分换算展示。 */
+    salary: number;
+    /** 状态，1 启用 / 0 停用，演示 cellType: "status" 状态开关列。 */
+    status: number;
+    /** 入职日期，演示日期区间搜索。 */
+    entry_date: string;
+}
+/** Demo 项目记录，纯表格页面的行数据结构。 */
+export interface DemoProject {
+    /** 项目ID。 */
+    id: number;
+    /** 项目名称，演示 input 搜索 + tag 标签列。 */
+    name: string;
+    /** 项目等级，演示 tag: true + enum tagType 标签列。 */
+    level: string;
+    /** 负责人。 */
+    owner: string;
+    /** 状态，1 启用 / 0 停用。 */
+    status: number;
+    /** 预算金额（单位：分），演示 cellType: "money" 金额列，金额列按分换算展示。 */
+    budget: number;
+    /** 任务总数，放在多级表头“任务情况”下。 */
+    task_total: number;
+    /** 完成进度（0-100），演示 render 自定义渲染进度条列。 */
+    progress: number;
+    /** 所属城市（演示级联选择搜索），格式：省份/城市。 */
+    region: string[];
+    /** 创建时间，演示日期区间搜索。 */
+    created_at: string;
+}
+/** Demo 目录节点，树形表格页面的行数据结构（children 内嵌子级行）。 */
+export interface DemoCatalog {
+    /** 节点ID。 */
+    id: number;
+    /** 目录名称，作为树形展开列。 */
+    name: string;
+    /** 编码。 */
+    code: string;
+    /** 负责人。 */
+    owner: string;
+    /** 状态，1 启用 / 0 停用。 */
+    status: number;
+    /** 文档数量。 */
+    doc_count: number;
+    /** 子级目录，树形表格通过 tree-props.children 识别。 */
+    children?: DemoCatalog[];
+}
+/** 部门树节点，左侧 TreeFilter 静态数据结构。 */
+export interface DemoDeptNode {
+    /** 部门ID，字符串形式以匹配 TreeFilter 默认选中逻辑。 */
+    id: string;
+    /** 部门名称。 */
+    name: string;
+    /** 部门人数，展示在树节点右侧。 */
+    count: number;
+    /** 子部门。 */
+    children?: DemoDeptNode[];
+}
+/** 详情抽屉单条字段：label 走 t() 文案，value 为记录内容。 */
+export interface DemoDetailField {
+    /** 字段中文名。 */
+    label: string;
+    /** 字段值。 */
+    value: string;
+    /** 是否用 el-tag 展示。 */
+    tag?: boolean;
+    /** el-tag 展示类型（success/info/warning/danger）。 */
+    tagType?: "success" | "info" | "warning" | "danger";
+}
+/** 详情抽屉信息分组，一组对应一个 el-descriptions 区块。 */
+export interface DemoDetailSection {
+    /** 分组标题。 */
+    title: string;
+    /** 分组内字段。 */
+    fields: DemoDetailField[];
+}
+/** 详情抽屉入参模型，由各页面从行数据组装。 */
+export interface DemoDetailModel {
+    /** 抽屉标题。 */
+    title: string;
+    /** 基本信息分组。 */
+    sections: DemoDetailSection[];
+    /** 流程步骤，演示 el-steps。 */
+    steps: {
+        title: string;
+        description: string;
+    }[];
+    /** 操作时间线，演示 el-timeline。 */
+    timeline: {
+        title: string;
+        timestamp: string;
+        type: "primary" | "success" | "warning" | "danger" | "info";
+    }[];
+    /** 原始数据，演示 JSON 预览。 */
+    raw: Record<string, unknown>;
+}
+/** 左侧部门树静态数据：三层结构演示树的展开、搜索与联动。 */
+export declare const demoDeptTree: DemoDeptNode[];
+/** 员工静态数据：覆盖图片列、金额列、状态列与部门树联动过滤演示。 */
+export declare const demoEmployees: DemoEmployee[];
+/** 项目等级枚举选项：同时用于标签列展示与搜索下拉、表单单选。 */
+export declare const demoLevelOptions: {
+    label: string;
+    value: string;
+    tagType: string;
+}[];
+/** 城市级联静态数据：演示搜索区 cascader 与 tree-select 控件。 */
+export declare const demoRegionTree: {
+    value: string;
+    label: string;
+    children: {
+        value: string;
+        label: string;
+    }[];
+}[];
+/** 项目静态数据：25 条覆盖分页、多级表头、进度条、标签列等展示场景。 */
+export declare const demoProjects: DemoProject[];
+/** 目录树静态数据：三层嵌套演示树形表格的展开、折叠与子级操作。 */
+export declare const demoCatalogTree: DemoCatalog[];

package/dist/package/declarations/src/views/demo/table/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/package/declarations/src/views/demo/tree-grid/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/package/declarations/src/views/demo/tree-table/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,156 @@
+<template>
+  <div class="core-code-block" :style="{ '--core-code-block-max-height': props.maxHeight }">
+    <button
+      class="core-code-block__copy"
+      type="button"
+      :title="t('core.markdown.action.copy_code')"
+      :aria-label="t('core.markdown.action.copy_code')"
+      @click="copyCode"
+    >
+      <el-icon>
+        <Select v-if="copied" />
+        <CopyDocument v-else />
+      </el-icon>
+    </button>
+    <pre class="core-code-block__pre"><code class="hljs" v-html="highlightedHtml"></code></pre>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { CopyDocument, Select } from "@element-plus/icons-vue";
+import hljs from "highlight.js";
+import { t } from "../../locales";
+import { copyText } from "../../utils/clipboard";
+
+defineOptions({ name: "CoreCodeBlock" });
+
+/** 代码块组件属性。 */
+interface CodeBlockProps {
+  /** 代码原文。 */
+  code: string;
+  /** 高亮语言，缺省时自动检测。 */
+  language?: string;
+  /** 代码区最大高度。 */
+  maxHeight?: string;
+}
+
+const props = withDefaults(defineProps<CodeBlockProps>(), {
+  language: "",
+  maxHeight: "420px"
+});
+const copied = ref(false);
+let copiedTimer: ReturnType<typeof setTimeout> | undefined;
+
+const highlightedHtml = computed(() => {
+  const code = props.code ?? "";
+  if (props.language && hljs.getLanguage(props.language)) {
+    return hljs.highlight(code, { language: props.language, ignoreIllegals: true }).value;
+  }
+  return hljs.highlightAuto(code).value;
+});
+
+/** 复制代码原文并短暂反馈复制结果。 */
+async function copyCode() {
+  try {
+    await copyText(props.code ?? "");
+  } catch {
+    ElMessage.error(t("core.markdown.message.copy_failed"));
+    return;
+  }
+  ElMessage.success(t("core.clipboard.success"));
+  copied.value = true;
+  clearTimeout(copiedTimer);
+  copiedTimer = setTimeout(() => {
+    copied.value = false;
+  }, 2000);
+}
+</script>
+
+<style scoped lang="scss">
+.core-code-block {
+  position: relative;
+  overflow: hidden;
+  background: var(--admin-page-card-bg-muted);
+  border: 1px solid var(--admin-page-card-border-soft);
+  border-radius: var(--admin-page-radius);
+}
+
+.core-code-block__copy {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  color: var(--admin-page-text-secondary);
+  cursor: pointer;
+  background: var(--admin-page-card-bg);
+  border: 1px solid var(--admin-page-card-border-soft);
+  border-radius: var(--admin-page-radius);
+  box-shadow: var(--admin-page-shadow);
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+
+.core-code-block:hover .core-code-block__copy,
+.core-code-block__copy:focus-visible {
+  opacity: 1;
+}
+
+.core-code-block__pre {
+  max-height: var(--core-code-block-max-height);
+  margin: 0;
+  overflow: auto;
+}
+
+.core-code-block__pre code.hljs {
+  display: block;
+  padding: 10px 12px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--admin-page-text-primary);
+  white-space: pre-wrap;
+  word-break: break-word;
+  background: transparent;
+}
+
+.core-code-block :deep(.hljs-comment),
+.core-code-block :deep(.hljs-quote) {
+  font-style: italic;
+  color: var(--admin-page-text-secondary);
+}
+
+.core-code-block :deep(.hljs-keyword),
+.core-code-block :deep(.hljs-selector-tag),
+.core-code-block :deep(.hljs-built_in),
+.core-code-block :deep(.hljs-name) {
+  font-weight: 600;
+  color: var(--el-color-primary);
+}
+
+.core-code-block :deep(.hljs-string),
+.core-code-block :deep(.hljs-attr),
+.core-code-block :deep(.hljs-symbol),
+.core-code-block :deep(.hljs-bullet) {
+  color: var(--el-color-success);
+}
+
+.core-code-block :deep(.hljs-number),
+.core-code-block :deep(.hljs-literal),
+.core-code-block :deep(.hljs-variable),
+.core-code-block :deep(.hljs-template-variable) {
+  color: var(--el-color-warning);
+}
+
+.core-code-block :deep(.hljs-title),
+.core-code-block :deep(.hljs-section),
+.core-code-block :deep(.hljs-type) {
+  color: var(--el-color-danger);
+}
+</style>

package/dist/package/src/components/ProForm/components/ProFormItem.vue

@@ -10,11 +10,14 @@
     v-model.trim="fieldValue"
     type="password"
     show-password
+    autocomplete="new-password"
     v-bind="fieldProps"
   />
 
   <el-input v-else-if="field.component === 'textarea'" v-model.trim="fieldValue" type="textarea" v-bind="fieldProps" />
 
+  <YamlEditor v-else-if="field.component === 'yaml-editor'" v-model="fieldValue" v-bind="fieldProps" />
+
   <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" />
@@ -51,7 +54,7 @@
   </el-radio-group>
 
   <el-checkbox-group v-else-if="field.component === 'checkbox-group'" v-model="fieldValue" v-bind="fieldProps">
-    <el-checkbox v-for="option in fieldOptions" :key="String(option.value)" :label="option.value" :disabled="option.disabled">
+    <el-checkbox v-for="option in fieldOptions" :key="String(option.value)" :value="option.value" :disabled="option.disabled">
       {{ option.label }}
     </el-checkbox>
   </el-checkbox-group>
@@ -103,6 +106,7 @@ import TenantSelect from "../../../components/TenantSelect/index.vue";
 // 非基础表单控件按需加载，避免 ProForm 基础包携带上传、富文本、Cron 等重组件。
 const CronExpression = defineAsyncComponent(() => import("../../../components/CronExpression/index.vue"));
 const WangEditor = defineAsyncComponent(() => import("../../../components/WangEditor/index.vue"));
+const YamlEditor = defineAsyncComponent(() => import("../../../components/YamlEditor/index.vue"));
 const DynamicList = defineAsyncComponent(() => import("../../../components/ProForm/components/DynamicList.vue"));
 const KvList = defineAsyncComponent(() => import("../../../components/ProForm/components/KvList.vue"));
 const UploadFile = defineAsyncComponent(() => import("../../../components/Upload/File.vue"));

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

@@ -6,6 +6,7 @@ export type ProFormComponentType =
   | "input"
   | "password"
   | "textarea"
+  | "yaml-editor"
   | "input-number"
   | "color-picker"
   | "segmented"

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

@@ -1,6 +1,36 @@
 <template>
-  <div class="yaml-editor">
-    <div ref="editorHost" class="yaml-editor__host" :class="{ 'is-invalid': invalid }" />
+  <div class="yaml-editor" :class="{ 'is-invalid': invalid, 'is-bounded': !!maxHeight }">
+    <div class="yaml-editor__toolbar">
+      <span class="yaml-editor__lang">
+        <el-icon><Document /></el-icon>
+        <span>YAML</span>
+      </span>
+      <div class="yaml-editor__actions">
+        <button
+          type="button"
+          class="yaml-editor__action"
+          :class="{ 'is-active': wrapEnabled }"
+          :title="t('core.yaml_editor.action.wrap')"
+          :aria-label="t('core.yaml_editor.action.wrap')"
+          @click="toggleWrap"
+        >
+          <el-icon :size="15"><WrapText /></el-icon>
+        </button>
+        <button
+          type="button"
+          class="yaml-editor__action"
+          :title="t('core.markdown.action.copy_code')"
+          :aria-label="t('core.markdown.action.copy_code')"
+          @click="copyCode"
+        >
+          <el-icon :size="15">
+            <Select v-if="copied" />
+            <CopyDocument v-else />
+          </el-icon>
+        </button>
+      </div>
+    </div>
+    <div ref="editorHost" class="yaml-editor__host" />
     <div class="yaml-editor__footer">
       <span>{{ statusText }}</span>
       <span>{{ lineCount }} {{ lineLabel }}</span>
@@ -11,14 +41,25 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { basicSetup, EditorView } from "codemirror";
+import { Compartment } from "@codemirror/state";
+import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { tags } from "@lezer/highlight";
 import { yaml } from "@codemirror/lang-yaml";
 import { placeholder } from "@codemirror/view";
+import { CopyDocument, Document, Select } from "@element-plus/icons-vue";
+import { WrapText } from "@lucide/vue";
+import { t } from "../../locales";
+import { copyText } from "../../utils/clipboard";
 
 /** YAML 编辑器组件属性。 */
 interface YamlEditorProps {
   modelValue: string;
   placeholderText?: string;
   minHeight?: string;
+  /** 编辑器最大高度；内容超出后编辑器不再撑高页面，改为内部滚动。 */
+  maxHeight?: string;
+  /** 是否默认开启自动换行，可通过工具栏切换。 */
+  wrap?: boolean;
   invalid?: boolean;
   lineLabel?: string;
   /** 根据光标行列生成状态栏文案。 */
@@ -28,6 +69,8 @@ interface YamlEditorProps {
 const props = withDefaults(defineProps<YamlEditorProps>(), {
   placeholderText: "",
   minHeight: "280px",
+  maxHeight: undefined,
+  wrap: true,
   invalid: false,
   lineLabel: "lines",
   formatPosition: (line: number, column: number) => `Ln ${line}, Col ${column}`
@@ -37,8 +80,23 @@ const emit = defineEmits<{ "update:modelValue": [value: string] }>();
 const editorHost = ref<HTMLElement>();
 const lineCount = ref(1);
 const statusText = ref("");
+const wrapEnabled = ref(props.wrap);
+const copied = ref(false);
+let copiedTimer: ReturnType<typeof setTimeout> | undefined;
 let editor: EditorView | undefined;
 
+const wrapCompartment = new Compartment();
+
+/** 与管理端配色一致的 YAML 高亮样式（键绿、串蓝、值橙、注释灰斜体）。 */
+const yamlHighlightStyle = HighlightStyle.define([
+  { tag: [tags.propertyName, tags.attributeName], color: "var(--el-color-success)" },
+  { tag: [tags.string, tags.attributeValue], color: "var(--el-color-primary)" },
+  { tag: [tags.number, tags.bool, tags.keyword], color: "var(--el-color-warning)" },
+  { tag: [tags.lineComment, tags.blockComment], color: "var(--el-text-color-secondary)", fontStyle: "italic" },
+  { tag: [tags.typeName, tags.labelName, tags.definition(tags.variableName)], color: "var(--el-color-danger)" },
+  { tag: [tags.meta, tags.separator, tags.punctuation], color: "var(--el-text-color-placeholder)" }
+]);
+
 const editorTheme = EditorView.theme({
   "&": { color: "var(--el-text-color-primary)", backgroundColor: "var(--el-fill-color-blank)", fontSize: "13px" },
   ".cm-content": { minHeight: props.minHeight, padding: "12px 0", caretColor: "var(--el-color-primary)" },
@@ -59,7 +117,8 @@ onMounted(() => {
       basicSetup,
       yaml(),
       editorTheme,
-      EditorView.lineWrapping,
+      syntaxHighlighting(yamlHighlightStyle),
+      wrapCompartment.of(wrapEnabled.value ? EditorView.lineWrapping : []),
       EditorView.contentAttributes.of({ "aria-label": "YAML editor", spellcheck: "false" }),
       EditorView.updateListener.of(update => {
         if (!update.docChanged) return;
@@ -88,20 +147,57 @@ onMounted(() => {
   lineCount.value = editor.state.doc.lines;
 });
 
+/** 切换自动换行，通过 Compartment 热更新编辑器扩展。 */
+function toggleWrap() {
+  wrapEnabled.value = !wrapEnabled.value;
+  editor?.dispatch({
+    effects: wrapCompartment.reconfigure(wrapEnabled.value ? EditorView.lineWrapping : [])
+  });
+}
+
+/** 复制编辑器全文并短暂反馈复制结果。 */
+async function copyCode() {
+  const code = editor?.state.doc.toString() ?? "";
+  try {
+    await copyText(code);
+  } catch {
+    ElMessage.error(t("core.markdown.message.copy_failed"));
+    return;
+  }
+  ElMessage.success(t("core.clipboard.success"));
+  copied.value = true;
+  clearTimeout(copiedTimer);
+  copiedTimer = setTimeout(() => {
+    copied.value = false;
+  }, 2000);
+}
+
 watch(() => props.modelValue, value => {
   if (!editor || value === editor.state.doc.toString()) return;
   editor.dispatch({ changes: { from: 0, to: editor.state.doc.length, insert: value } });
   lineCount.value = editor.state.doc.lines;
 });
 
-onBeforeUnmount(() => editor?.destroy());
+onBeforeUnmount(() => {
+  clearTimeout(copiedTimer);
+  editor?.destroy();
+});
 </script>
 
 <style scoped>
-.yaml-editor { width: 100%; overflow: hidden; border: 1px solid var(--el-border-color); border-radius: 4px; }
+.yaml-editor { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--el-fill-color-blank); border: 1px solid var(--el-border-color); border-radius: 4px; }
+.yaml-editor.is-bounded { max-height: v-bind(maxHeight); }
 .yaml-editor:focus-within { border-color: var(--el-color-primary); }
-.yaml-editor__host :deep(.cm-editor) { min-height: v-bind(minHeight); }
+.yaml-editor.is-invalid { border-color: var(--el-color-danger); }
+.yaml-editor__toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 32px; padding: 2px 8px; background: var(--el-fill-color-light); border-bottom: 1px solid var(--el-border-color-lighter); }
+.yaml-editor__lang { display: inline-flex; gap: 5px; align-items: center; color: var(--el-text-color-secondary); font-size: 12px; font-weight: 600; letter-spacing: 0.5px; }
+.yaml-editor__actions { display: inline-flex; gap: 2px; }
+.yaml-editor__action { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; color: var(--el-text-color-secondary); cursor: pointer; background: transparent; border: none; border-radius: 4px; transition: color 0.15s ease, background-color 0.15s ease; }
+.yaml-editor__action:hover, .yaml-editor__action:focus-visible { color: var(--el-color-primary); background: var(--el-fill-color); outline: none; }
+.yaml-editor__action.is-active { color: var(--el-color-primary); }
+.yaml-editor__host { flex: 1 1 auto; min-height: 0; }
+.yaml-editor__host :deep(.cm-editor) { display: flex; flex-direction: column; min-height: v-bind(minHeight); height: 100%; }
 .yaml-editor__host :deep(.cm-editor.cm-focused) { outline: none; }
-.yaml-editor__host.is-invalid { border-color: var(--el-color-danger); }
+.yaml-editor__host :deep(.cm-scroller) { flex: 1 1 auto; min-height: 0; }
 .yaml-editor__footer { display: flex; justify-content: space-between; min-height: 24px; padding: 3px 10px; color: var(--el-text-color-secondary); background: var(--el-fill-color-lighter); border-top: 1px solid var(--el-border-color-lighter); font-size: 12px; }
 </style>

package/dist/package/src/locales/en-US.json

@@ -93,6 +93,7 @@
   "core.markdown.action.copy_code": "Copy code",
   "core.markdown.message.copy_success": "Copied!",
   "core.markdown.message.copy_failed": "Copy failed!",
+  "core.yaml_editor.action.wrap": "Word wrap",
   "core.loading.text": "Loading",
   "core.layout.avatar": "User avatar",
   "core.layout.logo_alt": "System logo",
@@ -386,5 +387,93 @@
   "common.field.user_id": "User ID",
   "core.home.demo_scope": "Overview",
   "core.home.main_title": "Admin Application",
-  "core.router.pending_view_unregistered": "The admin static page is not registered: {view}"
+  "core.router.pending_view_unregistered": "The admin static page is not registered: {view}",
+  "core.demo.resource.employee": "Employee",
+  "core.demo.resource.project": "Project",
+  "core.demo.resource.doc_catalog": "Document Catalog",
+  "core.demo.tree.title.dept_tree": "Department List",
+  "core.demo.tree.field.name": "Name",
+  "core.demo.tree.field.email": "Email",
+  "core.demo.tree.field.phone": "Phone",
+  "core.demo.tree.field.salary": "Salary",
+  "core.demo.tree.field.entry_date": "Entry Date",
+  "core.demo.table.field.name": "Project Name",
+  "core.demo.table.field.level": "Level",
+  "core.demo.table.field.owner": "Owner",
+  "core.demo.table.field.budget": "Budget",
+  "core.demo.table.field.task_total": "Total Tasks",
+  "core.demo.table.field.progress": "Progress",
+  "core.demo.table.field.region": "Region",
+  "core.demo.table.field.tags": "Content Tags",
+  "core.demo.table.field.owner_group": "Owner Team",
+  "core.demo.table.field.enabled": "Enabled",
+  "core.demo.table.group.task": "Tasks",
+  "core.demo.table.tooltip.progress": "Custom render demo: el-progress bar",
+  "core.demo.grid.field.name": "Catalog Name",
+  "core.demo.grid.field.code": "Catalog Code",
+  "core.demo.grid.field.doc_count": "Document Count",
+  "core.demo.grid.field.path": "Hierarchy Path",
+  "core.demo.grid.action.create_child": "Add Child",
+  "core.demo.grid.action.expand_all": "Expand All",
+  "core.demo.grid.action.collapse_all": "Collapse All",
+  "core.demo.grid.message.has_children": "This catalog has children; delete them first",
+  "core.demo.form.title.demo_form": "All-Component Form Demo",
+  "core.demo.form.group.basic": "Basic Input",
+  "core.demo.form.group.choice": "Select & Date",
+  "core.demo.form.group.advanced": "Advanced",
+  "core.demo.form.field.name": "Name",
+  "core.demo.form.field.password": "Access Secret",
+  "core.demo.form.field.intro": "Description",
+  "core.demo.form.field.count": "Task Count",
+  "core.demo.form.field.color": "Theme Color",
+  "core.demo.form.field.enabled": "Enabled",
+  "core.demo.form.field.agreed": "I have read the instructions",
+  "core.demo.form.field.invite_code": "Invite Code",
+  "core.demo.form.field.mode": "Display Mode",
+  "core.demo.form.mode.card": "Card",
+  "core.demo.form.mode.list": "List",
+  "core.demo.form.mode.table": "Table",
+  "core.demo.form.field.level": "Level",
+  "core.demo.form.field.gender": "Gender",
+  "core.demo.form.field.visibility": "Visibility",
+  "core.demo.form.visibility.public": "Public",
+  "core.demo.form.visibility.private": "Private",
+  "core.demo.form.field.hobbies": "Collaboration Preferences",
+  "core.demo.form.hobby.review": "Code Review",
+  "core.demo.form.hobby.deploy": "Continuous Deployment",
+  "core.demo.form.hobby.metric": "Metrics",
+  "core.demo.form.field.birthday": "Founding Date",
+  "core.demo.form.field.range": "Active Range",
+  "core.demo.form.field.cron": "Cron Expression",
+  "core.demo.form.placeholder.cron": "e.g. 0 0 2 * * ?",
+  "core.demo.form.field.members": "Collaborators",
+  "core.demo.form.transfer.candidates": "Candidates",
+  "core.demo.form.transfer.selected": "Selected",
+  "core.demo.form.field.avatar": "Cover Image",
+  "core.demo.form.field.gallery": "Gallery",
+  "core.demo.form.field.attachment": "Attachment",
+  "core.demo.form.field.attachments": "Attachments",
+  "core.demo.form.field.content": "Details",
+  "core.demo.form.field.config": "Deploy Config",
+  "core.demo.form.field.aliases": "Aliases",
+  "core.demo.form.field.properties": "Env Variables",
+  "core.demo.form.action.random_code": "Random",
+  "core.demo.form.action.add_property": "Add Variable",
+  "core.demo.form.tooltip.count": "Steps by 5, range 0-999",
+  "core.demo.form.message.submit_success": "Form validated; submitted in mock mode",
+  "core.demo.detail.tab.basic": "Basic Info",
+  "core.demo.detail.tab.progress": "Progress",
+  "core.demo.detail.tab.timeline": "Timeline",
+  "core.demo.detail.tab.raw": "Raw Data",
+  "core.demo.detail.raw.title": "Raw JSON Data",
+  "core.demo.detail.section.basic": "Basic Info",
+  "core.demo.detail.section.work": "Assignment Info",
+  "core.demo.detail.step.create": "Created",
+  "core.demo.detail.step.review": "Approved",
+  "core.demo.detail.step.publish": "Published",
+  "core.demo.detail.step.done": "Archived",
+  "core.demo.detail.timeline.created": "Record created",
+  "core.demo.detail.timeline.updated": "Base info updated",
+  "core.demo.detail.timeline.enabled": "Record enabled",
+  "core.demo.detail.timeline.disabled": "Record disabled"
 }