@liujitcn/kratos-admin-core 0.0.65 → 0.0.67

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/Dialog/PasswordVerifyDialog.vue

@@ -36,9 +36,8 @@ import ProDialog from "../../components/Dialog/ProDialog.vue";
 import ProForm from "../../components/ProForm/index.vue";
 import type { ProFormField, ProFormInstance, ProFormLabelPosition } from "../../components/ProForm/interface";
 import { useLocaleStore } from "../../locales";
-import { PASSWORD_CRYPTO_SCENE, encryptPassword } from "../../utils/passwordCrypto";
-import type { PasswordCryptoScene } from "../../utils/passwordCrypto";
-import type { PasswordCrypto } from "../../rpc/common/v1/types";
+import { encryptPassword } from "../../utils/secretCrypto";
+import type { SecretCrypto } from "../../rpc/common/v1/types";
 
 const { t } = useLocaleStore();
 
@@ -64,8 +63,6 @@ interface PasswordVerifyDialogProps {
   cancelText?: string;
   /** 外部业务提交状态。 */
   confirmLoading?: boolean;
-  /** 密码加密场景。 */
-  scene?: PasswordCryptoScene;
   /** 是否关闭时销毁内容。 */
   destroyOnClose?: boolean;
   /** 是否允许点击遮罩关闭。 */
@@ -88,7 +85,6 @@ const props = withDefaults(defineProps<PasswordVerifyDialogProps>(), {
   confirmText: "",
   cancelText: "",
   confirmLoading: false,
-  scene: PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_MFA,
   destroyOnClose: false,
   closeOnClickModal: false,
   closeOnPressEscape: true,
@@ -98,7 +94,7 @@ const props = withDefaults(defineProps<PasswordVerifyDialogProps>(), {
 
 const emit = defineEmits<{
   "update:modelValue": [value: boolean];
-  confirm: [password: PasswordCrypto];
+  confirm: [password: SecretCrypto];
   cancel: [];
   close: [];
   closed: [];
@@ -142,7 +138,7 @@ async function handleConfirm() {
   if (!(await formRef.value?.validate())) return;
   encrypting.value = true;
   try {
-    const password = await encryptPassword(form.password, props.scene);
+    const password = await encryptPassword(form.password);
     emit("confirm", password);
   } finally {
     encrypting.value = false;

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

@@ -1,5 +1,11 @@
 <template>
-  <el-input v-if="field.component === 'input'" v-model.trim="fieldValue" v-bind="fieldProps">
+  <SecretInput
+    v-if="field.component === 'input' && field.secret"
+    v-model="fieldValue"
+    v-bind="secretInputProps"
+  />
+
+  <el-input v-else-if="field.component === 'input'" v-model.trim="fieldValue" v-bind="fieldProps">
     <template v-if="field.suffixSlotName" #append>
       <slot :name="field.suffixSlotName" :field="field" :model="model" />
     </template>
@@ -10,11 +16,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" />
@@ -42,6 +51,8 @@
     </el-option>
   </el-select>
 
+  <el-cascader v-else-if="field.component === 'cascader'" v-model="fieldValue" :options="fieldOptions" v-bind="fieldProps" />
+
   <TenantSelect v-else-if="field.component === 'tenant-select'" v-model="fieldValue" v-bind="fieldProps" />
 
   <el-radio-group v-else-if="field.component === 'radio-group'" v-model="fieldValue" v-bind="fieldProps">
@@ -51,7 +62,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>
@@ -99,10 +110,12 @@ import type { UploadUserFile } from "element-plus";
 import type { ProFormField, ProFormOption } from "../../../components/ProForm/interface";
 import Dict from "../../../components/Dict/index.vue";
 import TenantSelect from "../../../components/TenantSelect/index.vue";
+import SecretInput from "../../../components/ProForm/components/SecretInput.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"));
@@ -124,6 +137,20 @@ const fieldProps = computed(() => {
   return typeof props.field.props === "function" ? props.field.props(props.model) : props.field.props;
 });
 
+/** 解析 secret 输入参数：透传输入参数并注入查看所需的资源信息。 */
+const secretInputProps = computed(() => {
+  const { showPassword: _ignored, ...rest } = (fieldProps.value ?? {}) as Record<string, any>;
+  const config = typeof props.field.secret === "object" ? props.field.secret : null;
+  return {
+    ...rest,
+    secret: props.field.secret,
+    resource: config?.resource ?? "",
+    fieldName: config?.field ?? "",
+    recordId: config ? Number(props.model[config.idProp ?? "id"] ?? 0) : 0,
+    configured: config ? Boolean(props.model[config.configuredProp ?? `${config.field}_configured`]) : false
+  };
+});
+
 /** 解析字段选项参数，支持静态数组和函数。 */
 const fieldOptions = computed<ProFormOption[]>(() => {
   if (!props.field.options) return [];

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

@@ -0,0 +1,117 @@
+<template>
+  <el-input
+    :model-value="modelValue"
+    :type="visible ? 'text' : 'password'"
+    autocomplete="new-password"
+    v-bind="inputAttrs"
+    @update:model-value="onInput"
+  >
+    <template #suffix>
+      <el-icon class="secret-input__toggle" @click="toggle">
+        <Loading v-if="loading" />
+        <View v-else-if="visible" />
+        <Hide v-else />
+      </el-icon>
+    </template>
+  </el-input>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, useAttrs } from "vue";
+import { ElMessage } from "element-plus";
+import { Hide, Loading, View } from "@element-plus/icons-vue";
+import type { ProFormSecretConfig } from "../../../components/ProForm/interface";
+import { revealSecret } from "../../../utils/secretCrypto";
+import { t } from "../../../locales";
+
+/** SecretInput 组件属性。 */
+interface SecretInputProps {
+  /** 字段值。 */
+  modelValue?: string;
+  /** 查看配置：声明后眼睛点击时按需拉取明文。 */
+  secret?: boolean | ProFormSecretConfig;
+  /** 查看的资源标识。 */
+  resource?: string;
+  /** 查看的字段名。 */
+  fieldName?: string;
+  /** 记录ID。 */
+  recordId?: number;
+  /** 是否已配置密钥。 */
+  configured?: boolean;
+}
+
+const props = defineProps<SecretInputProps>();
+
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string): void;
+}>();
+
+/** 明文是否可见。 */
+const visible = ref(false);
+/** 明文是否来自远端查看。 */
+const revealed = ref(false);
+/** 查看请求进行中。 */
+const loading = ref(false);
+
+/** 解析查看配置。 */
+const secretConfig = computed<ProFormSecretConfig | null>(() =>
+  typeof props.secret === "object" ? props.secret : null
+);
+
+// 透传调用方的 el-input 参数（maxlength、placeholder 等）。
+const attrs = useAttrs();
+
+/** 过滤掉原生密码框专属参数后透传其余输入参数。 */
+const inputAttrs = computed(() => {
+  const { showPassword: _ignored, ...rest } = { ...(attrs as Record<string, unknown>) };
+  return rest;
+});
+
+/** 判断当前是否可以查看远端明文。 */
+function canReveal() {
+  return Boolean(
+    secretConfig.value && props.resource && props.fieldName && (props.recordId ?? 0) > 0 && props.configured
+  );
+}
+
+/** 切换明文可见状态：查看态隐藏时清空回填的明文，保持"留空表示保留"语义。 */
+async function toggle() {
+  if (loading.value) return;
+  if (visible.value) {
+    visible.value = false;
+    if (revealed.value) {
+      revealed.value = false;
+      emit("update:modelValue", "");
+    }
+    return;
+  }
+  if (props.modelValue) {
+    visible.value = true;
+    return;
+  }
+  if (!canReveal()) return;
+  loading.value = true;
+  try {
+    const text = await revealSecret(props.resource!, (props.recordId ?? 0), props.fieldName!);
+    emit("update:modelValue", text);
+    revealed.value = true;
+    visible.value = true;
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : t("core.password.reveal_failed"));
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 输入回调：本地输入的值不再视为远端明文。 */
+function onInput(value: string) {
+  revealed.value = false;
+  emit("update:modelValue", value);
+}
+</script>
+
+<style scoped lang="scss">
+.secret-input__toggle {
+  cursor: pointer;
+}
+</style>

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

@@ -6,12 +6,14 @@ export type ProFormComponentType =
   | "input"
   | "password"
   | "textarea"
+  | "yaml-editor"
   | "input-number"
   | "color-picker"
   | "segmented"
   | "switch"
   | "checkbox"
   | "select"
+  | "cascader"
   | "tenant-select"
   | "dict"
   | "radio-group"
@@ -44,6 +46,18 @@ export interface ProFormOption {
   isLeaf?: boolean;
 }
 
+/** secret 字段的查看配置：声明后输入框眼睛点击时按需拉取明文。 */
+export interface ProFormSecretConfig {
+  /** 查看明文的资源标识。 */
+  resource: string;
+  /** 查看明文的字段名。 */
+  field: string;
+  /** 记录ID字段名，默认 "id"。 */
+  idProp?: string;
+  /** 已配置标记字段名，默认 `${field}_configured`。 */
+  configuredProp?: string;
+}
+
 /** ProForm 字段配置。 */
 export interface ProFormField {
   /** 字段绑定路径，支持点路径访问嵌套对象。 */
@@ -68,6 +82,8 @@ export interface ProFormField {
   suffixSlotName?: string;
   /** 标题提示文案。 */
   labelTooltip?: string;
+  /** 提交时是否加密为 SecretCrypto 结构；配置对象时输入框眼睛支持按需查看明文。 */
+  secret?: boolean | ProFormSecretConfig;
   /** 字段校验规则。 */
   rules?: FormItemRule[];
   /** 字段是否显示。 */

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/README.md

@@ -9,4 +9,4 @@
 | `en-US.json` | 英文公共语言包。 | 管理端切换为英文时由 Vue I18n 使用。 |
 | `ja-JP.json` | 日文公共语言包。 | 管理端切换为日文时由 Vue I18n 使用。 |
 
-语言包是标准 JSON，不能在文件内直接写注释；新增语言或修改键后执行仓库根目录的 `make i18n`，脚本会校验所有语言并生成注册产物。语言切换选项固定显示后端 `base_language.native_name`，接口不可用时使用代码内置的原生名称；`common.language.*` 仅用于普通文案和语言迁移初始数据。新增语言的完整文件清单见[国际化语言扩展指南](../../../../../../docs/国际化语言扩展指南.md)。
+语言包是标准 JSON，不能在文件内直接写注释；新增语言或修改键后执行仓库根目录的 `make i18n`，脚本会校验所有语言并生成注册产物。语言切换选项固定显示后端 `base_language.native_name`，接口不可用时使用代码内置的原生名称；`common.language.*` 仅用于普通文案和语言迁移初始数据。新增语言的完整文件清单见[国际化设计与语言扩展](../../../../../../docs/国际化最终方案.md)。