smart-admin-web 10.15.0 → 10.20.1

package/dist/views/system/config/components/ProviderSheet2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSheet2.vue.js","sources":["../../../../../src/views/system/config/components/ProviderSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 第三方登录设置面板(居中的卡片式弹层):填连接信息、看回调地址、测试连接、保存、清除。\n// 保存直接调后端,不进页面草稿也不走底部保存条:机密不该在页面上挂着,也不该出现在「离开页面」的未保存确认里。\n// 机密只回「是否已配置 + 尾四位」,留空表示不改;改了决定请求去向的字段(OIDC 的 Authority)要重输机密。\nimport { computed, reactive, ref, watch } from 'vue'\nimport { NButton, NInput, NModal, NSwitch, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { externalAuthApi, type ExternalAuthTestResult } from '#/api'\nimport AppIcon from '#/components/AppIcon.vue'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport type { ConfigProviderRow } from '#/utils/oauthBrand'\nimport { translateError } from '#/utils/error'\nimport { useConfigDraft } from '../draft'\nimport {\n  buildSaveBody,\n  buildTestBody,\n  callbackFor,\n  createForm,\n  endpointChanged,\n  missingFields,\n  secretRequired,\n  type ProviderForm,\n} from '../providerForm'\n\nconst show = defineModel<boolean>('show', { default: false })\n/** 要设置的行(已配置的编辑,或已装未配置的首次配置);新增 OIDC 时为 null */\nconst props = defineProps<{ row: ConfigProviderRow | null; newType?: string }>()\n\nconst { t, te } = useI18n()\nconst message = useMessage()\nconst { ask } = useConfirm()\nconst draft = useConfigDraft()\n\nconst form = reactive<ProviderForm>({\n  isNew: true,\n  code: '',\n  displayName: '',\n  values: {},\n  secrets: {},\n})\n\nconst type = computed(() => props.row?.type || props.newType || '')\nconst typeInfo = computed(() => draft.catalog.value.types.find(x => x.type === type.value))\nconst fields = computed(() => typeInfo.value?.fields ?? [])\nconst isNew = computed(() => !props.row)\n/** 库里已有的这条(代码注册的只读,不进面板) */\nconst saved = computed(() =>\n  isNew.value\n    ? undefined\n    : draft.catalog.value.providers.find(p => p.source === 'db' && p.code === form.code),\n)\n/** 新增时输入的标识已被占用:面板不做「覆盖」,要改就去改那一行 */\nconst codeTaken = computed(\n  () => isNew.value && draft.catalog.value.providers.some(p => p.code === form.code),\n)\n\nconst result = ref<ExternalAuthTestResult | null>(null)\nconst testing = ref(false)\nconst saving = ref(false)\n\nwatch(show, open => {\n  if (!open) return\n  const identity = props.row\n    ? { code: props.row.code, displayName: props.row.displayName }\n    : { code: '', displayName: '' }\n  const existing = draft.catalog.value.providers.find(\n    p => p.source === 'db' && p.code === identity.code,\n  )\n  Object.assign(form, createForm(fields.value, existing, isNew.value, identity))\n  result.value = null\n})\n// 输入变了,上一次的测试结果就不再对应当前表单\nwatch(form, () => (result.value = null), { deep: true })\n\nconst moved = computed(() => endpointChanged(fields.value, form, saved.value))\nconst missing = computed(() => missingFields(fields.value, form, saved.value))\nconst ephemeral = computed(() => draft.catalog.value.dataProtectionEphemeral)\nconst canSave = computed(\n  () => !missing.value.length && !codeTaken.value && !ephemeral.value && !saving.value,\n)\nconst canTest = computed(\n  () => !missing.value.length && !codeTaken.value && !testing.value && !saving.value,\n)\nconst callback = computed(() =>\n  callbackFor(draft.catalog.value.callbackUriTemplate, form.code || props.row?.code || ''),\n)\nconst codeInvalid = computed(\n  () => isNew.value && !!form.code && (missing.value.includes('code') || codeTaken.value),\n)\n\nconst label = (name: string) =>\n  te(`config.externalAuth.field.${name}`) ? t(`config.externalAuth.field.${name}`) : name\nconst isBool = (name: string) => name === 'usePkce'\nconst isSecretRequired = (name: string) => {\n  const f = fields.value.find(x => x.name === name)\n  return !!f && secretRequired(f, saved.value, moved.value)\n}\nfunction placeholder(name: string) {\n  const state = saved.value?.secrets[name]\n  if (!state?.hasValue) return t('config.externalAuth.sheet.secretPlaceholder')\n  const now = state.hint ? `••••${state.hint}` : t('config.externalAuth.sheet.secretSet')\n  return moved.value\n    ? t('config.externalAuth.sheet.secretRetype')\n    : t('config.externalAuth.sheet.keepSecret', { now })\n}\n\nconst boolOf = (name: string) => form.values[name] === 'true'\nconst setBool = (name: string, v: boolean) => (form.values[name] = String(v))\n\nasync function copy() {\n  try {\n    await navigator.clipboard.writeText(callback.value)\n    message.success(t('common.copied'))\n  } catch {\n    message.error(t('config.externalAuth.sheet.copyFailed'))\n  }\n}\n\nasync function runTest() {\n  testing.value = true\n  result.value = null\n  try {\n    result.value = await externalAuthApi.testProvider(buildTestBody(type.value, form, saved.value))\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    testing.value = false\n  }\n}\n\nasync function save() {\n  saving.value = true\n  try {\n    await externalAuthApi.saveProvider(form.code, buildSaveBody(type.value, form))\n    message.success(t('config.externalAuth.sheet.saved'))\n    await draft.refreshProviders()\n    show.value = false\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function clear() {\n  const name = form.displayName || form.code\n  const ok = await ask({\n    title: t('config.externalAuth.sheet.clearTitle', { name }),\n    content: t('config.externalAuth.sheet.clearConfirm', { name }),\n    type: 'error',\n  })\n  if (!ok) return\n  saving.value = true\n  try {\n    await externalAuthApi.removeProvider(form.code)\n    message.success(t('config.externalAuth.sheet.cleared'))\n    await draft.refreshProviders()\n    show.value = false\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    saving.value = false\n  }\n}\n\nconst checkLabel = (key: string) =>\n  te(`config.externalAuth.check.${key}`) ? t(`config.externalAuth.check.${key}`) : key\nconst ICONS = {\n  ok: 'ph:check-circle-fill',\n  failed: 'ph:x-circle-fill',\n  skipped: 'ph:minus-circle',\n} as const\nconst iconOf = (status: string) => ICONS[status as keyof typeof ICONS] ?? ICONS.skipped\n</script>\n\n<template>\n  <n-modal\n    v-model:show=\"show\"\n    :mask-closable=\"!saving\"\n    :close-on-esc=\"!saving\"\n    transform-origin=\"center\"\n  >\n    <div\n      class=\"sheet\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"provider-sheet-title\"\n      data-testid=\"provider-sheet\"\n    >\n      <header>\n        <span class=\"av\"><BrandIcon :code=\"form.code || type\" :icon=\"row?.icon\" :size=\"22\" /></span>\n        <div>\n          <h3 id=\"provider-sheet-title\">\n            {{\n              isNew\n                ? t('config.externalAuth.sheet.addOidc')\n                : t('config.externalAuth.sheet.title', { name: form.displayName })\n            }}\n          </h3>\n          <small>\n            {{\n              isNew\n                ? t('config.externalAuth.sheet.oidcHint')\n                : t('config.externalAuth.sheet.secretNote')\n            }}\n          </small>\n        </div>\n      </header>\n\n      <div class=\"body\">\n        <div class=\"list\">\n          <template v-if=\"isNew\">\n            <label class=\"fld\" for=\"pf-name\">\n              <span class=\"k\">\n                {{ t('config.externalAuth.field.displayName') }}\n                <i>*</i>\n              </span>\n              <n-input\n                v-model:value=\"form.displayName\"\n                :input-props=\"{ id: 'pf-name' }\"\n                :placeholder=\"t('config.externalAuth.sheet.namePlaceholder')\"\n              />\n            </label>\n            <label class=\"fld\" for=\"pf-code\">\n              <span class=\"k\">\n                {{ t('config.externalAuth.field.code') }}\n                <i>*</i>\n                <small :class=\"{ bad: codeTaken }\">\n                  {{\n                    codeTaken\n                      ? t('config.externalAuth.sheet.codeTaken')\n                      : t('config.externalAuth.sheet.codeFixed')\n                  }}\n                </small>\n              </span>\n              <n-input\n                v-model:value=\"form.code\"\n                :input-props=\"{ id: 'pf-code' }\"\n                :status=\"codeInvalid ? 'error' : undefined\"\n                :placeholder=\"t('config.externalAuth.sheet.codePlaceholder')\"\n              />\n            </label>\n          </template>\n          <template v-for=\"f in fields\" :key=\"f.name\">\n            <div v-if=\"isBool(f.name)\" class=\"fld\">\n              <span class=\"k\">{{ label(f.name) }}</span>\n              <n-switch\n                :value=\"boolOf(f.name)\"\n                :aria-label=\"label(f.name)\"\n                @update:value=\"v => setBool(f.name, v)\"\n              />\n            </div>\n            <label v-else class=\"fld\" :for=\"`pf-${f.name}`\">\n              <span class=\"k\">\n                {{ label(f.name) }}\n                <i v-if=\"f.secret ? isSecretRequired(f.name) : f.required\">*</i>\n              </span>\n              <n-input\n                v-if=\"f.secret\"\n                v-model:value=\"form.secrets[f.name]\"\n                type=\"password\"\n                :input-props=\"{ id: `pf-${f.name}`, autocomplete: 'new-password' }\"\n                :placeholder=\"placeholder(f.name)\"\n              />\n              <n-input\n                v-else\n                v-model:value=\"form.values[f.name]\"\n                :input-props=\"{ id: `pf-${f.name}` }\"\n              />\n            </label>\n          </template>\n        </div>\n\n        <p v-if=\"moved\" class=\"note warn\" role=\"status\">\n          {{ t('config.externalAuth.sheet.endpointMoved') }}\n        </p>\n        <p v-if=\"ephemeral\" class=\"note warn\" role=\"alert\" data-testid=\"ephemeral-note\">\n          {{ t('config.externalAuth.sheet.ephemeralKey') }}\n        </p>\n\n        <p class=\"note\">\n          {{\n            t('config.externalAuth.sheet.callbackHint', {\n              name: form.displayName || t('config.externalAuth.sheet.idp'),\n            })\n          }}\n        </p>\n        <div class=\"list\">\n          <div class=\"fld\">\n            <span class=\"k\">{{ t('config.externalAuth.sheet.callback') }}</span>\n            <div v-if=\"callback\" class=\"cb\">\n              <code data-testid=\"callback-uri\">{{ callback }}</code>\n              <n-button size=\"small\" @click=\"copy\">{{ t('common.copy') }}</n-button>\n            </div>\n            <span v-else class=\"note warn inline\">\n              {{ t('config.externalAuth.sheet.callbackMissing') }}\n            </span>\n          </div>\n        </div>\n\n        <ul v-if=\"testing || result\" class=\"results\" aria-live=\"polite\" data-testid=\"test-results\">\n          <li v-if=\"testing\" class=\"spin\">{{ t('config.externalAuth.sheet.testing') }}</li>\n          <template v-else-if=\"result\">\n            <li v-for=\"c in result.checks\" :key=\"c.key\" :class=\"c.status\">\n              <AppIcon :icon=\"iconOf(c.status)\" :size=\"16\" />\n              <span>\n                {{ checkLabel(c.key) }} · {{ t(`config.externalAuth.checkStatus.${c.status}`) }}\n                <small v-if=\"c.detail\">{{ c.detail }}</small>\n              </span>\n            </li>\n          </template>\n        </ul>\n      </div>\n\n      <footer>\n        <n-button v-if=\"saved\" type=\"error\" quaternary :disabled=\"saving\" @click=\"clear\">\n          {{ t('config.externalAuth.sheet.clear') }}\n        </n-button>\n        <n-button\n          :disabled=\"!canTest\"\n          :loading=\"testing\"\n          data-testid=\"provider-test\"\n          @click=\"runTest\"\n        >\n          {{ t('config.externalAuth.sheet.test') }}\n        </n-button>\n        <span class=\"grow\" />\n        <n-button :disabled=\"saving\" @click=\"show = false\">{{ t('common.cancel') }}</n-button>\n        <n-button\n          type=\"primary\"\n          :disabled=\"!canSave\"\n          :loading=\"saving\"\n          :title=\"ephemeral ? t('config.externalAuth.sheet.ephemeralTitle') : undefined\"\n          data-testid=\"provider-save\"\n          @click=\"save\"\n        >\n          {{ t('common.save') }}\n        </n-button>\n      </footer>\n    </div>\n  </n-modal>\n</template>\n\n<style scoped>\n.sheet {\n  display: flex;\n  flex-direction: column;\n  width: 520px;\n  max-width: calc(100vw - 32px);\n  max-height: calc(100vh - 40px);\n  overflow: hidden;\n  border-radius: 16px;\n  background: var(--color-bg-elevated);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n}\nheader {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px 12px;\n}\n.av {\n  display: grid;\n  flex: none;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  overflow: hidden;\n  border-radius: 8px;\n  background: var(--color-fill);\n}\nh3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\nheader small {\n  display: block;\n  color: var(--color-text-tertiary);\n}\n.body {\n  flex: 1;\n  min-height: 0;\n  padding: 0 20px 6px;\n  overflow: auto;\n}\n.list {\n  margin-bottom: 10px;\n  border-radius: 10px;\n  background: var(--color-fill);\n}\n.fld {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 42px;\n  padding: 5px 12px;\n}\n.fld + .fld {\n  border-top: 0.5px solid var(--color-border);\n}\n.k {\n  flex: none;\n  width: 120px;\n  font-size: var(--font-size-base);\n  color: var(--color-text-primary);\n}\n.k i {\n  margin-left: 2px;\n  font-style: normal;\n  color: var(--color-danger);\n}\n.k small {\n  display: block;\n  font-size: var(--font-size-xs);\n  color: var(--color-text-tertiary);\n}\n.k small.bad {\n  color: var(--color-danger);\n}\n.fld :deep(.n-input) {\n  flex: 1;\n}\n.note {\n  margin: 0 0 8px;\n  font-size: var(--font-size-sm);\n  line-height: 1.5;\n  color: var(--color-text-tertiary);\n}\n.note.warn {\n  padding: 8px 10px;\n  border-radius: 8px;\n  color: var(--color-warning);\n  background: var(--color-warning-bg);\n}\n.note.inline {\n  flex: 1;\n  margin: 0;\n}\n.cb {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.cb code {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--font-size-sm);\n  word-break: break-all;\n}\n.results {\n  padding: 0;\n  margin: 0 0 10px;\n  list-style: none;\n}\n.results li {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 4px 2px;\n  font-size: var(--font-size-base);\n}\n.results li small {\n  display: block;\n  color: var(--color-text-tertiary);\n}\n.results .ok {\n  color: var(--color-success);\n}\n.results .failed {\n  color: var(--color-danger);\n}\n.results .skipped,\n.results .spin {\n  color: var(--color-text-tertiary);\n}\nfooter {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 20px 16px;\n  border-top: 0.5px solid var(--color-border);\n}\n.grow {\n  flex: 1;\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","te","useI18n","message","useMessage","ask","useConfirm","draft","useConfigDraft","form","reactive","type","computed","_a","typeInfo","x","fields","isNew","saved","p","codeTaken","result","ref","testing","saving","watch","open","identity","existing","createForm","moved","endpointChanged","missing","missingFields","ephemeral","canSave","canTest","callback","callbackFor","codeInvalid","label","name","isBool","isSecretRequired","f","secretRequired","placeholder","state","now","boolOf","setBool","v","copy","runTest","externalAuthApi","buildTestBody","translateError","save","buildSaveBody","clear","e","checkLabel","key","ICONS","iconOf","status","_createBlock","_unref","NModal","$event","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","BrandIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_createElementBlock","_Fragment","_hoisted_6","_hoisted_7","_createTextVNode","_cache","NInput","_hoisted_8","_hoisted_9","_renderList","_openBlock","_hoisted_10","_hoisted_11","NSwitch","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","NButton","_hoisted_23","_hoisted_24","_hoisted_25","c","_normalizeClass","AppIcon","_hoisted_26"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAOC,GAAoBC,GAAC,MAA0B,GAEtDC,IAAQD,GAER,EAAE,GAAAE,GAAG,IAAAC,EAAA,IAAOC,GAAA,GACZC,IAAUC,GAAA,GACV,EAAE,KAAAC,EAAA,IAAQC,GAAA,GACVC,IAAQC,GAAA,GAERC,IAAOC,GAAuB;AAAA,MAClC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,QAAQ,CAAA;AAAA,MACR,SAAS,CAAA;AAAA,IAAC,CACX,GAEKC,IAAOC,EAAS;;AAAM,eAAAC,IAAAd,EAAM,QAAN,gBAAAc,EAAW,SAAQd,EAAM,WAAW;AAAA,KAAE,GAC5De,IAAWF,EAAS,MAAML,EAAM,QAAQ,MAAM,MAAM,KAAK,CAAAQ,MAAKA,EAAE,SAASJ,EAAK,KAAK,CAAC,GACpFK,IAASJ,EAAS,MAAA;;AAAM,eAAAC,IAAAC,EAAS,UAAT,gBAAAD,EAAgB,WAAU;KAAE,GACpDI,IAAQL,EAAS,MAAM,CAACb,EAAM,GAAG,GAEjCmB,IAAQN;AAAA,MAAS,MACrBK,EAAM,QACF,SACAV,EAAM,QAAQ,MAAM,UAAU,KAAK,CAAAY,MAAKA,EAAE,WAAW,QAAQA,EAAE,SAASV,EAAK,IAAI;AAAA,IAAA,GAGjFW,IAAYR;AAAA,MAChB,MAAMK,EAAM,SAASV,EAAM,QAAQ,MAAM,UAAU,KAAK,CAAAY,MAAKA,EAAE,SAASV,EAAK,IAAI;AAAA,IAAA,GAG7EY,IAASC,EAAmC,IAAI,GAChDC,IAAUD,EAAI,EAAK,GACnBE,IAASF,EAAI,EAAK;AAExB,IAAAG,EAAM7B,GAAM,CAAA8B,MAAQ;AAClB,UAAI,CAACA,EAAM;AACX,YAAMC,IAAW5B,EAAM,MACnB,EAAE,MAAMA,EAAM,IAAI,MAAM,aAAaA,EAAM,IAAI,YAAA,IAC/C,EAAE,MAAM,IAAI,aAAa,GAAA,GACvB6B,IAAWrB,EAAM,QAAQ,MAAM,UAAU;AAAA,QAC7C,OAAKY,EAAE,WAAW,QAAQA,EAAE,SAASQ,EAAS;AAAA,MAAA;AAEhD,aAAO,OAAOlB,GAAMoB,GAAWb,EAAO,OAAOY,GAAUX,EAAM,OAAOU,CAAQ,CAAC,GAC7EN,EAAO,QAAQ;AAAA,IACjB,CAAC,GAEDI,EAAMhB,GAAM,MAAOY,EAAO,QAAQ,MAAO,EAAE,MAAM,IAAM;AAEvD,UAAMS,IAAQlB,EAAS,MAAMmB,GAAgBf,EAAO,OAAOP,GAAMS,EAAM,KAAK,CAAC,GACvEc,IAAUpB,EAAS,MAAMqB,GAAcjB,EAAO,OAAOP,GAAMS,EAAM,KAAK,CAAC,GACvEgB,IAAYtB,EAAS,MAAML,EAAM,QAAQ,MAAM,uBAAuB,GACtE4B,IAAUvB;AAAA,MACd,MAAM,CAACoB,EAAQ,MAAM,UAAU,CAACZ,EAAU,SAAS,CAACc,EAAU,SAAS,CAACV,EAAO;AAAA,IAAA,GAE3EY,IAAUxB;AAAA,MACd,MAAM,CAACoB,EAAQ,MAAM,UAAU,CAACZ,EAAU,SAAS,CAACG,EAAQ,SAAS,CAACC,EAAO;AAAA,IAAA,GAEzEa,IAAWzB;AAAA,MAAS,MAAA;;AACxB,eAAA0B,GAAY/B,EAAM,QAAQ,MAAM,qBAAqBE,EAAK,UAAQI,IAAAd,EAAM,QAAN,gBAAAc,EAAW,SAAQ,EAAE;AAAA;AAAA,IAAA,GAEnF0B,IAAc3B;AAAA,MAClB,MAAMK,EAAM,SAAS,CAAC,CAACR,EAAK,SAASuB,EAAQ,MAAM,SAAS,MAAM,KAAKZ,EAAU;AAAA,IAAA,GAG7EoB,IAAQ,CAACC,MACbxC,EAAG,6BAA6BwC,CAAI,EAAE,IAAIzC,EAAE,6BAA6ByC,CAAI,EAAE,IAAIA,GAC/EC,IAAS,CAACD,MAAiBA,MAAS,WACpCE,IAAmB,CAACF,MAAiB;AACzC,YAAMG,IAAI5B,EAAO,MAAM,KAAK,CAAAD,MAAKA,EAAE,SAAS0B,CAAI;AAChD,aAAO,CAAC,CAACG,KAAKC,GAAeD,GAAG1B,EAAM,OAAOY,EAAM,KAAK;AAAA,IAC1D;AACA,aAASgB,GAAYL,GAAc;;AACjC,YAAMM,KAAQlC,IAAAK,EAAM,UAAN,gBAAAL,EAAa,QAAQ4B;AACnC,UAAI,EAACM,KAAA,QAAAA,EAAO,UAAU,QAAO/C,EAAE,6CAA6C;AAC5E,YAAMgD,IAAMD,EAAM,OAAO,OAAOA,EAAM,IAAI,KAAK/C,EAAE,qCAAqC;AACtF,aAAO8B,EAAM,QACT9B,EAAE,wCAAwC,IAC1CA,EAAE,wCAAwC,EAAE,KAAAgD,GAAK;AAAA,IACvD;AAEA,UAAMC,KAAS,CAACR,MAAiBhC,EAAK,OAAOgC,CAAI,MAAM,QACjDS,KAAU,CAACT,GAAcU,MAAgB1C,EAAK,OAAOgC,CAAI,IAAI,OAAOU,CAAC;AAE3E,mBAAeC,KAAO;AACpB,UAAI;AACF,cAAM,UAAU,UAAU,UAAUf,EAAS,KAAK,GAClDlC,EAAQ,QAAQH,EAAE,eAAe,CAAC;AAAA,MACpC,QAAQ;AACN,QAAAG,EAAQ,MAAMH,EAAE,sCAAsC,CAAC;AAAA,MACzD;AAAA,IACF;AAEA,mBAAeqD,KAAU;AACvB,MAAA9B,EAAQ,QAAQ,IAChBF,EAAO,QAAQ;AACf,UAAI;AACF,QAAAA,EAAO,QAAQ,MAAMiC,EAAgB,aAAaC,GAAc5C,EAAK,OAAOF,GAAMS,EAAM,KAAK,CAAC;AAAA,MAChG,SAAS,GAAG;AACV,QAAAf,EAAQ,MAAMqD,EAAe,CAAC,CAAC;AAAA,MACjC,UAAA;AACE,QAAAjC,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,mBAAekC,KAAO;AACpB,MAAAjC,EAAO,QAAQ;AACf,UAAI;AACF,cAAM8B,EAAgB,aAAa7C,EAAK,MAAMiD,GAAc/C,EAAK,OAAOF,CAAI,CAAC,GAC7EN,EAAQ,QAAQH,EAAE,iCAAiC,CAAC,GACpD,MAAMO,EAAM,iBAAA,GACZX,EAAK,QAAQ;AAAA,MACf,SAAS,GAAG;AACV,QAAAO,EAAQ,MAAMqD,EAAe,CAAC,CAAC;AAAA,MACjC,UAAA;AACE,QAAAhC,EAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAEA,mBAAemC,KAAQ;AACrB,YAAMlB,IAAOhC,EAAK,eAAeA,EAAK;AAMtC,UALW,MAAMJ,EAAI;AAAA,QACnB,OAAOL,EAAE,wCAAwC,EAAE,MAAAyC,GAAM;AAAA,QACzD,SAASzC,EAAE,0CAA0C,EAAE,MAAAyC,GAAM;AAAA,QAC7D,MAAM;AAAA,MAAA,CACP,GAED;AAAA,QAAAjB,EAAO,QAAQ;AACf,YAAI;AACF,gBAAM8B,EAAgB,eAAe7C,EAAK,IAAI,GAC9CN,EAAQ,QAAQH,EAAE,mCAAmC,CAAC,GACtD,MAAMO,EAAM,iBAAA,GACZX,EAAK,QAAQ;AAAA,QACf,SAASgE,GAAG;AACV,UAAAzD,EAAQ,MAAMqD,EAAeI,CAAC,CAAC;AAAA,QACjC,UAAA;AACE,UAAApC,EAAO,QAAQ;AAAA,QACjB;AAAA;AAAA,IACF;AAEA,UAAMqC,KAAa,CAACC,MAClB7D,EAAG,6BAA6B6D,CAAG,EAAE,IAAI9D,EAAE,6BAA6B8D,CAAG,EAAE,IAAIA,GAC7EC,IAAQ;AAAA,MACZ,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA,GAELC,KAAS,CAACC,MAAmBF,EAAME,CAA4B,KAAKF,EAAM;2BAI9EG,EAoKUC,EAAAC,EAAA,GAAA;AAAA,MAnKA,MAAMxE,EAAA;AAAA,8CAAAA,EAAI,QAAAyE;AAAA,MACjB,kBAAgB7C,EAAA;AAAA,MAChB,iBAAeA,EAAA;AAAA,MAChB,oBAAiB;AAAA,IAAA;iBAEjB,MAAA;;AA6JM;AAAA,UA7JN8C,EA6JM,OA7JNC,IA6JM;AAAA,YAtJJD,EAkBS,UAAA,MAAA;AAAA,cAjBPA,EAA4F,QAA5FE,IAA4F;AAAA,gBAA3EC,EAAoEC,IAAA;AAAA,kBAAxD,MAAMjE,EAAK,QAAQE,EAAA;AAAA,kBAAO,OAAME,IAAAf,EAAA,QAAA,gBAAAe,EAAK;AAAA,kBAAO,MAAM;AAAA,gBAAA;;cAC/EyD,EAeM,OAAA,MAAA;AAAA,gBAdJA,EAMK,MANLK,IAMKC,EAJD3D,EAAA,QAAwBkD,EAAAnE,CAAA,EAAC,mCAAA,IAAwDmE,EAAAnE,CAAA,EAAC,mCAAA,EAAA,MAA4CS,EAAK,YAAA,CAAW,CAAA,GAAA,CAAA;AAAA,gBAKlJ6D,EAMQ,iBAJJrD,EAAA,QAAwBkD,EAAAnE,CAAA,EAAC,oCAAA,IAAyDmE,EAAAnE,CAAA,EAAC,sCAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;YAQ3FsE,EAuGM,OAvGNO,IAuGM;AAAA,cAtGJP,EA6DM,OA7DNQ,IA6DM;AAAA,gBA5DY7D,EAAA,cAAhB8D,EA+BWC,GAAA,EAAA,KAAA,KAAA;AAAA,kBA9BTV,EAUQ,SAVRW,IAUQ;AAAA,oBATNX,EAGO,QAHPY,IAGO;AAAA,sBAFFC,EAAAP,EAAAT,EAAAnE,CAAA,8CAA6C,KAChD,CAAA;AAAA,sBAAAoF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAd,EAAQ,WAAL,KAAC,EAAA;AAAA,oBAAA;oBAENG,EAIEN,EAAAkB,CAAA,GAAA;AAAA,sBAHQ,OAAO5E,EAAK;AAAA,sBAAL,kBAAA2E,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAf,MAAA5D,EAAK,cAAW4D;AAAA,sBAC9B,eAAa,EAAA,IAAA,UAAA;AAAA,sBACb,aAAaF,EAAAnE,CAAA,EAAC,2CAAA;AAAA,oBAAA;;kBAGnBsE,EAkBQ,SAlBRgB,IAkBQ;AAAA,oBAjBNhB,EAUO,QAVPiB,IAUO;AAAA,sBATFJ,EAAAP,EAAAT,EAAAnE,CAAA,uCAAsC,KACzC,CAAA;AAAA,sBAAAoF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAd,EAAQ,WAAL,KAAC,EAAA;AAAA,sBACJA,EAMQ,SAAA;AAAA,wBANA,gBAAclD,EAAA,OAAS;AAAA,sBAAA,KAE3BA,EAAA,QAAkC+C,EAAAnE,CAAA,EAAC,qCAAA,IAAgEmE,EAAAnE,CAAA,EAAC,qCAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;oBAM1GyE,EAKEN,EAAAkB,CAAA,GAAA;AAAA,sBAJQ,OAAO5E,EAAK;AAAA,sBAAL,kBAAA2E,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAf,MAAA5D,EAAK,OAAI4D;AAAA,sBACvB,eAAa,EAAA,IAAA,UAAA;AAAA,sBACb,QAAQ9B,EAAA,QAAW,UAAa;AAAA,sBAChC,aAAa4B,EAAAnE,CAAA,EAAC,2CAAA;AAAA,oBAAA;;;wBAIrB+E,EA2BWC,GAAA,MAAAQ,EA3BWxE,EAAA,OAAM,CAAX4B;kBAAmB,KAAAA,EAAE;AAAA,gBAAA;kBACzBF,EAAOE,EAAE,IAAI,KAAxB6C,KAAAV,EAOM,OAPNW,IAOM;AAAA,oBANJpB,EAA0C,QAA1CqB,IAA0Cf,EAAvBpC,EAAMI,EAAE,IAAI,CAAA,GAAA,CAAA;AAAA,oBAC/B6B,EAIEN,EAAAyB,EAAA,GAAA;AAAA,sBAHC,OAAO3C,GAAOL,EAAE,IAAI;AAAA,sBACpB,cAAYJ,EAAMI,EAAE,IAAI;AAAA,sBACxB,kBAAc,CAAAO,MAAKD,GAAQN,EAAE,MAAMO,CAAC;AAAA,oBAAA;8BAGzC4B,EAiBQ,SAAA;AAAA;oBAjBM,OAAM;AAAA,oBAAO,KAAG,MAAQnC,EAAE,IAAI;AAAA,kBAAA;oBAC1C0B,EAGO,QAHPuB,IAGO;AAAA,sBAFFV,EAAAP,EAAApC,EAAMI,EAAE,IAAI,KAAI,KACnB,CAAA;AAAA,uBAASA,EAAE,SAASD,EAAiBC,EAAE,IAAI,IAAIA,EAAE,aAAjD6C,EAAA,GAAAV,EAAgE,SAAL,GAAC;;oBAGtDnC,EAAE,eADVsB,EAMEC,EAAAkB,CAAA,GAAA;AAAA;sBAJQ,OAAO5E,EAAK,QAAQmC,EAAE,IAAI;AAAA,sBAAnB,kBAAA,CAAAyB,MAAA5D,EAAK,QAAQmC,EAAE,IAAI,IAAAyB;AAAA,sBAClC,MAAK;AAAA,sBACJ,eAAW,EAAA,IAAA,MAAczB,EAAE,IAAI,IAAA,cAAA,eAAA;AAAA,sBAC/B,aAAaE,GAAYF,EAAE,IAAI;AAAA,oBAAA,gFAElCsB,EAIEC,EAAAkB,CAAA,GAAA;AAAA;sBAFQ,OAAO5E,EAAK,OAAOmC,EAAE,IAAI;AAAA,sBAAlB,kBAAA,CAAAyB,MAAA5D,EAAK,OAAOmC,EAAE,IAAI,IAAAyB;AAAA,sBAChC,eAAW,EAAA,IAAA,MAAczB,EAAE,IAAI,GAAA;AAAA,oBAAA;;;;cAM/Bd,EAAA,cAATiD,EAEI,KAFJe,IAEIlB,EADCT,EAAAnE,CAAA,EAAC,yCAAA,CAAA,GAAA,CAAA;cAEGkC,EAAA,cAAT6C,EAEI,KAFJgB,IAEInB,EADCT,EAAAnE,CAAA,EAAC,wCAAA,CAAA,GAAA,CAAA;cAGNsE,EAMI,KANJ0B,IAMIpB,EAJAT,EAAAnE,CAAA,EAAC,0CAAA;AAAA,sBAAiES,EAAK,eAAe0D,EAAAnE,CAAA,EAAC,+BAAA;AAAA,cAAA;cAK3FsE,EAWM,OAXN2B,IAWM;AAAA,gBAVJ3B,EASM,OATN4B,IASM;AAAA,kBARJ5B,EAAoE,QAApE6B,IAAoEvB,EAAjDT,EAAAnE,CAAA,EAAC,oCAAA,CAAA,GAAA,CAAA;AAAA,kBACTqC,EAAA,SAAXoD,EAAA,GAAAV,EAGM,OAHNqB,IAGM;AAAA,oBAFJ9B,EAAsD,QAAtD+B,IAAsDzB,EAAlBvC,EAAA,KAAQ,GAAA,CAAA;AAAA,oBAC5CoC,EAAsEN,EAAAmC,CAAA,GAAA;AAAA,sBAA5D,MAAK;AAAA,sBAAS,SAAOlD;AAAA,oBAAA;iCAAM,MAAsB;AAAA,4BAAnBe,EAAAnE,CAAA,EAAC,aAAA,CAAA,GAAA,CAAA;AAAA,sBAAA;;;8BAE3C+E,EAEO,QAFPwB,IAEO3B,EADFT,EAAAnE,CAAA,EAAC,2CAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;cAKAuB,EAAA,SAAWF,EAAA,SAArBoE,KAAAV,EAWK,MAXLyB,IAWK;AAAA,gBAVOjF,EAAA,cAAVwD,EAAiF,MAAjF0B,IAAiF7B,EAA9CT,EAAAnE,CAAA,EAAC,mCAAA,CAAA,GAAA,CAAA,KACfqB,EAAA,SACnBoE,EAAA,EAAA,GAAAV,EAMKC,GAAA,EAAA,KAAA,EAAA,GAAAQ,EANWnE,EAAA,MAAO,SAAZqF,YAAX3B,EAMK,MAAA;AAAA,kBAN2B,KAAK2B,EAAE;AAAA,kBAAM,OAAKC,EAAED,EAAE,MAAM;AAAA,gBAAA;kBAC1DjC,EAA+CmC,IAAA;AAAA,oBAArC,MAAM5C,GAAO0C,EAAE,MAAM;AAAA,oBAAI,MAAM;AAAA,kBAAA;kBACzCpC,EAGO,QAAA,MAAA;AAAA,oBAFFa,EAAAP,EAAAf,GAAW6C,EAAE,GAAG,CAAA,IAAI,QAAG9B,EAAGT,EAAAnE,CAAA,EAAC,mCAAoC0G,EAAE,MAAM,OAAM,KAChF,CAAA;AAAA,oBAAaA,EAAE,eAAf3B,EAA6C,SAAA8B,IAAAjC,EAAnB8B,EAAE,MAAM,GAAA,CAAA;;;;;YAO5CpC,EAwBS,UAAA,MAAA;AAAA,cAvBSpD,EAAA,cAAhBgD,EAEWC,EAAAmC,CAAA,GAAA;AAAA;gBAFY,MAAK;AAAA,gBAAQ,YAAA;AAAA,gBAAY,UAAU9E,EAAA;AAAA,gBAAS,SAAOmC;AAAA,cAAA;2BACxE,MAA0C;AAAA,sBAAvCQ,EAAAnE,CAAA,EAAC,iCAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;cAENyE,EAOWN,EAAAmC,CAAA,GAAA;AAAA,gBANR,WAAWlE,EAAA;AAAA,gBACX,SAASb,EAAA;AAAA,gBACV,eAAY;AAAA,gBACX,SAAO8B;AAAA,cAAA;2BAER,MAAyC;AAAA,sBAAtCc,EAAAnE,CAAA,EAAC,gCAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;8BAENsE,EAAqB,QAAA,EAAf,OAAM,OAAA,GAAM,MAAA,EAAA;AAAA,cAClBG,EAAsFN,EAAAmC,CAAA,GAAA;AAAA,gBAA3E,UAAU9E,EAAA;AAAA,gBAAS,gCAAO5B,EAAA,QAAI;AAAA,cAAA;2BAAU,MAAwB;AAAA,sBAArBuE,EAAAnE,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;cACvDyE,EASWN,EAAAmC,CAAA,GAAA;AAAA,gBART,MAAK;AAAA,gBACJ,WAAWnE,EAAA;AAAA,gBACX,SAASX,EAAA;AAAA,gBACT,OAAOU,EAAA,QAAYiC,EAAAnE,CAAA,gDAAgD;AAAA,gBACpE,eAAY;AAAA,gBACX,SAAOyD;AAAA,cAAA;2BAER,MAAsB;AAAA,sBAAnBU,EAAAnE,CAAA,EAAC,aAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"ProviderSheet2.vue.js","sources":["../../../../../src/views/system/config/components/ProviderSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 第三方登录设置面板(居中的卡片式弹层):填连接信息、看回调地址、测试连接、保存、清除。\n// 保存直接调后端,不进页面草稿也不走底部保存条:机密不该在页面上挂着,也不该出现在「离开页面」的未保存确认里。\n// 机密只回「是否已配置 + 尾四位」,留空表示不改;改了决定请求去向的字段(OIDC 的 Authority)要重输机密。\nimport { computed, reactive, ref, watch } from 'vue'\nimport { NButton, NInput, NModal, NSwitch, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { externalAuthApi, type ExternalAuthTestResult } from '#/api'\nimport AppIcon from '#/components/AppIcon.vue'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport type { ConfigProviderRow } from '#/utils/oauthBrand'\nimport { translateError } from '#/utils/error'\nimport { useConfigDraft } from '../draft'\nimport {\n  buildSaveBody,\n  buildTestBody,\n  callbackFor,\n  createForm,\n  endpointChanged,\n  missingFields,\n  secretRequired,\n  type ProviderForm,\n} from '../providerForm'\n\nconst show = defineModel<boolean>('show', { default: false })\n/** 要设置的行(已配置的编辑,或已装未配置的首次配置);新增 OIDC 时为 null */\nconst props = defineProps<{ row: ConfigProviderRow | null; newType?: string }>()\n\nconst { t, te } = useI18n()\nconst message = useMessage()\nconst { ask } = useConfirm()\nconst draft = useConfigDraft()\n\nconst form = reactive<ProviderForm>({\n  isNew: true,\n  code: '',\n  displayName: '',\n  values: {},\n  secrets: {},\n})\n\nconst type = computed(() => props.row?.type || props.newType || '')\nconst typeInfo = computed(() => draft.catalog.value.types.find(x => x.type === type.value))\nconst fields = computed(() => typeInfo.value?.fields ?? [])\nconst isNew = computed(() => !props.row)\n/** 库里已有的这条(代码注册的只读,不进面板) */\nconst saved = computed(() =>\n  isNew.value\n    ? undefined\n    : draft.catalog.value.providers.find(p => p.source === 'db' && p.code === form.code),\n)\n/** 新增时输入的标识已被占用:面板不做「覆盖」,要改就去改那一行 */\nconst codeTaken = computed(\n  () => isNew.value && draft.catalog.value.providers.some(p => p.code === form.code),\n)\n\nconst result = ref<ExternalAuthTestResult | null>(null)\nconst testing = ref(false)\nconst saving = ref(false)\n\nwatch(show, open => {\n  if (!open) return\n  const identity = props.row\n    ? { code: props.row.code, displayName: props.row.displayName }\n    : { code: '', displayName: '' }\n  const existing = draft.catalog.value.providers.find(\n    p => p.source === 'db' && p.code === identity.code,\n  )\n  Object.assign(form, createForm(fields.value, existing, isNew.value, identity))\n  result.value = null\n})\n// 输入变了,上一次的测试结果就不再对应当前表单\nwatch(form, () => (result.value = null), { deep: true })\n\nconst moved = computed(() => endpointChanged(fields.value, form, saved.value))\nconst missing = computed(() => missingFields(fields.value, form, saved.value))\nconst ephemeral = computed(() => draft.catalog.value.dataProtectionEphemeral)\nconst canSave = computed(\n  () => !missing.value.length && !codeTaken.value && !ephemeral.value && !saving.value,\n)\nconst canTest = computed(\n  () => !missing.value.length && !codeTaken.value && !testing.value && !saving.value,\n)\nconst callback = computed(() =>\n  callbackFor(draft.catalog.value.callbackUriTemplate, form.code || props.row?.code || ''),\n)\nconst codeInvalid = computed(\n  () => isNew.value && !!form.code && (missing.value.includes('code') || codeTaken.value),\n)\n\nconst label = (name: string) =>\n  te(`config.externalAuth.field.${name}`) ? t(`config.externalAuth.field.${name}`) : name\nconst isBool = (name: string) => name === 'usePkce'\nconst isSecretRequired = (name: string) => {\n  const f = fields.value.find(x => x.name === name)\n  return !!f && secretRequired(f, saved.value, moved.value)\n}\nfunction placeholder(name: string) {\n  const state = saved.value?.secrets[name]\n  if (!state?.hasValue) return t('config.externalAuth.sheet.secretPlaceholder')\n  const now = state.hint ? `••••${state.hint}` : t('config.externalAuth.sheet.secretSet')\n  return moved.value\n    ? t('config.externalAuth.sheet.secretRetype')\n    : t('config.externalAuth.sheet.keepSecret', { now })\n}\n\nconst boolOf = (name: string) => form.values[name] === 'true'\nconst setBool = (name: string, v: boolean) => (form.values[name] = String(v))\n\nasync function copy() {\n  try {\n    await navigator.clipboard.writeText(callback.value)\n    message.success(t('common.copied'))\n  } catch {\n    message.error(t('config.externalAuth.sheet.copyFailed'))\n  }\n}\n\nasync function runTest() {\n  testing.value = true\n  result.value = null\n  try {\n    result.value = await externalAuthApi.testProvider(buildTestBody(type.value, form, saved.value))\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    testing.value = false\n  }\n}\n\nasync function save() {\n  saving.value = true\n  try {\n    await externalAuthApi.saveProvider(form.code, buildSaveBody(type.value, form))\n    message.success(t('config.externalAuth.sheet.saved'))\n    await draft.refreshProviders()\n    show.value = false\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function clear() {\n  const name = form.displayName || form.code\n  const ok = await ask({\n    title: t('config.externalAuth.sheet.clearTitle', { name }),\n    content: t('config.externalAuth.sheet.clearConfirm', { name }),\n    type: 'error',\n  })\n  if (!ok) return\n  saving.value = true\n  try {\n    await externalAuthApi.removeProvider(form.code)\n    message.success(t('config.externalAuth.sheet.cleared'))\n    await draft.refreshProviders()\n    show.value = false\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    saving.value = false\n  }\n}\n\nconst checkLabel = (key: string) =>\n  te(`config.externalAuth.check.${key}`) ? t(`config.externalAuth.check.${key}`) : key\nconst ICONS = {\n  ok: 'ph:check-circle-fill',\n  failed: 'ph:x-circle-fill',\n  skipped: 'ph:minus-circle',\n} as const\nconst iconOf = (status: string) => ICONS[status as keyof typeof ICONS] ?? ICONS.skipped\n</script>\n\n<template>\n  <n-modal\n    v-model:show=\"show\"\n    :mask-closable=\"!saving\"\n    :close-on-esc=\"!saving\"\n    transform-origin=\"center\"\n  >\n    <div\n      class=\"sheet\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"provider-sheet-title\"\n      data-testid=\"provider-sheet\"\n    >\n      <header>\n        <span class=\"av\"><BrandIcon :code=\"form.code || type\" :icon=\"row?.icon\" :size=\"22\" /></span>\n        <div>\n          <h3 id=\"provider-sheet-title\">\n            {{\n              isNew\n                ? t('config.externalAuth.sheet.addOidc')\n                : t('config.externalAuth.sheet.title', { name: form.displayName })\n            }}\n          </h3>\n          <small>\n            {{\n              isNew\n                ? t('config.externalAuth.sheet.oidcHint')\n                : t('config.externalAuth.sheet.secretNote')\n            }}\n          </small>\n        </div>\n      </header>\n\n      <div class=\"body\">\n        <div class=\"list\">\n          <template v-if=\"isNew\">\n            <label class=\"fld\" for=\"pf-name\">\n              <span class=\"k\">\n                {{ t('config.externalAuth.field.displayName') }}\n                <i>*</i>\n              </span>\n              <n-input\n                v-model:value=\"form.displayName\"\n                :input-props=\"{ id: 'pf-name' }\"\n                :placeholder=\"t('config.externalAuth.sheet.namePlaceholder')\"\n              />\n            </label>\n            <label class=\"fld\" for=\"pf-code\">\n              <span class=\"k\">\n                {{ t('config.externalAuth.field.code') }}\n                <i>*</i>\n                <small :class=\"{ bad: codeTaken }\">\n                  {{\n                    codeTaken\n                      ? t('config.externalAuth.sheet.codeTaken')\n                      : t('config.externalAuth.sheet.codeFixed')\n                  }}\n                </small>\n              </span>\n              <n-input\n                v-model:value=\"form.code\"\n                :input-props=\"{ id: 'pf-code' }\"\n                :status=\"codeInvalid ? 'error' : undefined\"\n                :placeholder=\"t('config.externalAuth.sheet.codePlaceholder')\"\n              />\n            </label>\n          </template>\n          <template v-for=\"f in fields\" :key=\"f.name\">\n            <div v-if=\"isBool(f.name)\" class=\"fld\">\n              <span class=\"k\">{{ label(f.name) }}</span>\n              <n-switch\n                :value=\"boolOf(f.name)\"\n                :aria-label=\"label(f.name)\"\n                @update:value=\"v => setBool(f.name, v)\"\n              />\n            </div>\n            <label v-else class=\"fld\" :for=\"`pf-${f.name}`\">\n              <span class=\"k\">\n                {{ label(f.name) }}\n                <i v-if=\"f.secret ? isSecretRequired(f.name) : f.required\">*</i>\n              </span>\n              <n-input\n                v-if=\"f.secret\"\n                v-model:value=\"form.secrets[f.name]\"\n                type=\"password\"\n                :input-props=\"{ id: `pf-${f.name}`, autocomplete: 'new-password' }\"\n                :placeholder=\"placeholder(f.name)\"\n              />\n              <n-input\n                v-else\n                v-model:value=\"form.values[f.name]\"\n                :input-props=\"{ id: `pf-${f.name}` }\"\n              />\n            </label>\n          </template>\n        </div>\n\n        <p v-if=\"moved\" class=\"note warn\" role=\"status\">\n          {{ t('config.externalAuth.sheet.endpointMoved') }}\n        </p>\n        <p v-if=\"ephemeral\" class=\"note warn\" role=\"alert\" data-testid=\"ephemeral-note\">\n          {{ t('config.externalAuth.sheet.ephemeralKey') }}\n        </p>\n\n        <p class=\"note\">\n          {{\n            t('config.externalAuth.sheet.callbackHint', {\n              name: form.displayName || t('config.externalAuth.sheet.idp'),\n            })\n          }}\n        </p>\n        <div class=\"list\">\n          <div class=\"fld\">\n            <span class=\"k\">{{ t('config.externalAuth.sheet.callback') }}</span>\n            <div v-if=\"callback\" class=\"cb\">\n              <code data-testid=\"callback-uri\">{{ callback }}</code>\n              <n-button size=\"small\" @click=\"copy\">{{ t('common.copy') }}</n-button>\n            </div>\n            <span v-else class=\"note warn inline\">\n              {{ t('config.externalAuth.sheet.callbackMissing') }}\n            </span>\n          </div>\n        </div>\n\n        <ul v-if=\"testing || result\" class=\"results\" aria-live=\"polite\" data-testid=\"test-results\">\n          <li v-if=\"testing\" class=\"spin\">{{ t('config.externalAuth.sheet.testing') }}</li>\n          <template v-else-if=\"result\">\n            <li v-for=\"c in result.checks\" :key=\"c.key\" :class=\"c.status\">\n              <AppIcon :icon=\"iconOf(c.status)\" :size=\"16\" />\n              <span>\n                {{ checkLabel(c.key) }} · {{ t(`config.externalAuth.checkStatus.${c.status}`) }}\n                <small v-if=\"c.detail\">{{ c.detail }}</small>\n              </span>\n            </li>\n          </template>\n        </ul>\n      </div>\n\n      <footer>\n        <n-button v-if=\"saved\" type=\"error\" quaternary :disabled=\"saving\" @click=\"clear\">\n          {{ t('config.externalAuth.sheet.clear') }}\n        </n-button>\n        <n-button\n          :disabled=\"!canTest\"\n          :loading=\"testing\"\n          data-testid=\"provider-test\"\n          @click=\"runTest\"\n        >\n          {{ t('config.externalAuth.sheet.test') }}\n        </n-button>\n        <span class=\"grow\" />\n        <n-button :disabled=\"saving\" @click=\"show = false\">{{ t('common.cancel') }}</n-button>\n        <n-button\n          type=\"primary\"\n          :disabled=\"!canSave\"\n          :loading=\"saving\"\n          :title=\"ephemeral ? t('config.externalAuth.sheet.ephemeralTitle') : undefined\"\n          data-testid=\"provider-save\"\n          @click=\"save\"\n        >\n          {{ t('common.save') }}\n        </n-button>\n      </footer>\n    </div>\n  </n-modal>\n</template>\n\n<style scoped>\n.sheet {\n  display: flex;\n  flex-direction: column;\n  width: 520px;\n  max-width: calc(100vw - 32px);\n  max-height: calc(100vh - 40px);\n  overflow: hidden;\n  border-radius: var(--radius-lg);\n  background: var(--color-bg-elevated);\n  backdrop-filter: blur(40px) saturate(170%);\n  -webkit-backdrop-filter: blur(40px) saturate(170%);\n  box-shadow: var(--shadow-2);\n  color: var(--text-1);\n}\nheader {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px 12px;\n}\n.av {\n  display: grid;\n  flex: none;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  overflow: hidden;\n  border-radius: var(--radius-md);\n  background: var(--glass-strong);\n}\nh3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\nheader small {\n  display: block;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.body {\n  flex: 1;\n  min-height: 0;\n  padding: 0 20px 6px;\n  overflow: auto;\n}\n.list {\n  margin-bottom: 10px;\n  border-radius: var(--radius-md);\n  background: var(--fill);\n}\n.fld {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 42px;\n  padding: 5px 12px;\n  font-size: 14px;\n}\n.fld + .fld {\n  border-top: 1px solid var(--separator);\n}\n.k {\n  flex: none;\n  width: 120px;\n}\n.k i {\n  margin-left: 2px;\n  font-style: normal;\n  color: var(--err);\n}\n.k small {\n  display: block;\n  font-size: 12.5px;\n  color: var(--text-3);\n}\n.k small.bad {\n  color: var(--err);\n}\n.fld :deep(.n-input) {\n  flex: 1;\n}\n.note {\n  margin: 0 0 8px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--text-3);\n}\n.note.warn {\n  padding: 8px 10px;\n  border-radius: var(--radius-md);\n  color: var(--warn);\n  background: color-mix(in srgb, var(--warn) 12%, transparent);\n}\n.note.inline {\n  flex: 1;\n  margin: 0;\n}\n.cb {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.cb code {\n  flex: 1;\n  min-width: 0;\n  font-family: var(--font-mono);\n  font-size: 12.5px;\n  word-break: break-all;\n}\n.results {\n  padding: 0;\n  margin: 0 0 10px;\n  list-style: none;\n}\n.results li {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 4px 2px;\n  font-size: 14px;\n}\n.results li small {\n  display: block;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.results .ok {\n  color: var(--ok);\n}\n.results .failed {\n  color: var(--err);\n}\n.results .skipped,\n.results .spin {\n  color: var(--text-3);\n}\nfooter {\n  display: flex;\n  flex: none;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 20px 16px;\n  border-top: 1px solid var(--separator);\n}\n.grow {\n  flex: 1;\n}\n/* 手机宽度:标签占一行,输入框在下面占满 */\n@media (max-width: 480px) {\n  .fld {\n    flex-wrap: wrap;\n  }\n  .k {\n    width: 100%;\n  }\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","te","useI18n","message","useMessage","ask","useConfirm","draft","useConfigDraft","form","reactive","type","computed","_a","typeInfo","x","fields","isNew","saved","p","codeTaken","result","ref","testing","saving","watch","open","identity","existing","createForm","moved","endpointChanged","missing","missingFields","ephemeral","canSave","canTest","callback","callbackFor","codeInvalid","label","name","isBool","isSecretRequired","f","secretRequired","placeholder","state","now","boolOf","setBool","v","copy","runTest","externalAuthApi","buildTestBody","translateError","save","buildSaveBody","clear","e","checkLabel","key","ICONS","iconOf","status","_createBlock","_unref","NModal","$event","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","BrandIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_createElementBlock","_Fragment","_hoisted_6","_hoisted_7","_createTextVNode","_cache","NInput","_hoisted_8","_hoisted_9","_renderList","_openBlock","_hoisted_10","_hoisted_11","NSwitch","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","NButton","_hoisted_23","_hoisted_24","_hoisted_25","c","_normalizeClass","AppIcon","_hoisted_26"],"mappings":"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"}

package/dist/views/system/config/components/SectionLayout.vue.d.ts

@@ -5,14 +5,16 @@ type __VLS_Props = {
     layout?: 'even' | 'wide' | 'slim';
     /** 预览内容在预览栏里的位置:center(缩小版界面)/ start(列表类,自上而下排) */
     previewAlign?: 'center' | 'start';
+    /** 设置列自己不滚、也不留底部保存条的位置之外的空白(敏感操作:列表卡片自己管滚动) */
+    fixedForm?: boolean;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     'preview-extra'?: (props: typeof __VLS_3) => any;
 } & {
-    preview?: (props: typeof __VLS_5) => any;
+    preview?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     layout: "even" | "wide" | "slim";

package/dist/views/system/config/components/SectionLayout.vue.js

@@ -1,8 +1,8 @@
 import o from "./SectionLayout2.vue.js";
 /* empty css                   */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1f5b0c64"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c731fe3f"]]);
 export {
-  f as default
+  c as default
 };
 //# sourceMappingURL=SectionLayout.vue.js.map

package/dist/views/system/config/components/SectionLayout2.vue.js

@@ -1,45 +1,69 @@
-import { defineComponent as d, openBlock as i, createElementBlock as o, createElementVNode as e, toDisplayString as l, createCommentVNode as a, normalizeClass as n, renderSlot as c } from "vue";
-const r = { class: "cfg-section" }, v = { class: "cfg-head" }, f = { key: 0 }, p = { class: "cfg-form" }, u = {
-  key: 0,
-  class: "cfg-preview",
-  "data-testid": "config-preview"
-}, g = { class: "cfg-preview-cap" }, w = { class: "live" }, y = /* @__PURE__ */ d({
+import { defineComponent as m, openBlock as r, createElementBlock as l, normalizeClass as a, unref as e, createElementVNode as i, toDisplayString as c, createCommentVNode as d, renderSlot as f, createBlock as g, withCtx as w, createTextVNode as y } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { NButton as k } from "naive-ui";
+import { useConfigLayout as $ } from "../layoutMode.js";
+const x = { class: "cfg-head" }, C = { key: 0 }, B = { class: "cfg-preview-cap" }, N = { class: "live" }, A = { class: "ex" }, E = /* @__PURE__ */ m({
   __name: "SectionLayout",
   props: {
     title: {},
     desc: {},
     previewTitle: {},
     layout: { default: "even" },
-    previewAlign: { default: "center" }
+    previewAlign: { default: "center" },
+    fixedForm: { type: Boolean }
   },
   setup(t) {
-    return (s, h) => (i(), o("section", r, [
-      e("header", v, [
-        e("h2", null, l(t.title), 1),
-        t.desc ? (i(), o("p", f, l(t.desc), 1)) : a("", !0)
+    const { t: v } = h(), { nar: n, side: u, previewOpen: s } = $();
+    return (o, p) => (r(), l("section", {
+      class: a(["cfg-section", { side: e(u), nar: e(n) }])
+    }, [
+      i("header", x, [
+        i("h2", null, c(t.title), 1),
+        t.desc ? (r(), l("p", C, c(t.desc), 1)) : d("", !0)
       ]),
-      e("div", {
-        class: n(["cfg-split", `cfg-split--${s.$slots.preview ? t.layout : "single"}`])
+      i("div", {
+        class: a(["cfg-split", `cfg-split--${o.$slots.preview ? t.layout : "single"}`, { side: e(u), nar: e(n) }])
       }, [
-        e("div", p, [
-          c(s.$slots, "default", {}, void 0, !0)
-        ]),
-        s.$slots.preview ? (i(), o("aside", u, [
-          e("div", g, [
-            e("span", w, l(t.previewTitle), 1),
-            c(s.$slots, "preview-extra", {}, void 0, !0)
+        i("div", {
+          class: a(["cfg-form", { "cfg-form--fixed": t.fixedForm }])
+        }, [
+          f(o.$slots, "default", {}, void 0, !0)
+        ], 2),
+        o.$slots.preview ? (r(), l("aside", {
+          key: 0,
+          class: a(["cfg-preview", { auto: t.previewAlign === "start" }]),
+          "data-testid": "config-preview"
+        }, [
+          i("div", B, [
+            i("span", N, c(t.previewTitle), 1),
+            i("span", A, [
+              f(o.$slots, "preview-extra", {}, void 0, !0)
+            ]),
+            e(n) ? (r(), g(e(k), {
+              key: 0,
+              quaternary: "",
+              size: "small",
+              "aria-expanded": e(s),
+              onClick: p[0] || (p[0] = (S) => s.value = !e(s))
+            }, {
+              default: w(() => [
+                y(c(e(s) ? e(v)("config.preview.collapse") : e(v)("config.preview.expand")), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-expanded"])) : d("", !0)
           ]),
-          e("div", {
-            class: n(["cfg-preview-body", `cfg-preview-body--${t.previewAlign}`])
+          !e(n) || e(s) ? (r(), l("div", {
+            key: 0,
+            class: a(["cfg-preview-body", `cfg-preview-body--${t.previewAlign}`])
           }, [
-            c(s.$slots, "preview", {}, void 0, !0)
-          ], 2)
-        ])) : a("", !0)
+            f(o.$slots, "preview", {}, void 0, !0)
+          ], 2)) : d("", !0)
+        ], 2)) : d("", !0)
       ], 2)
-    ]));
+    ], 2));
   }
 });
 export {
-  y as default
+  E as default
 };
 //# sourceMappingURL=SectionLayout2.vue.js.map

package/dist/views/system/config/components/SectionLayout2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLayout2.vue.js","sources":["../../../../../src/views/system/config/components/SectionLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 配置中心每个分类的统一版面:页头 + 「左边设置、右边预览」,整块吃满内容区、一屏放下。\n// layout 决定两栏比例:even 1:1(默认)、wide 设置多时 3:2、slim 设置少时 2:3(预览放大,不留半屏空白)。\n// 没有 #preview 的分类(高级)整页给内容,不硬凑预览。\n// 设置列放不下(矮窄屏)时在列内滚,页面本身不滚。\nwithDefaults(\n  defineProps<{\n    title: string\n    desc?: string\n    previewTitle?: string\n    layout?: 'even' | 'wide' | 'slim'\n    /** 预览内容在预览栏里的位置:center(缩小版界面)/ start(列表类,自上而下排) */\n    previewAlign?: 'center' | 'start'\n  }>(),\n  { layout: 'even', previewAlign: 'center' },\n)\n</script>\n\n<template>\n  <section class=\"cfg-section\">\n    <header class=\"cfg-head\">\n      <h2>{{ title }}</h2>\n      <p v-if=\"desc\">{{ desc }}</p>\n    </header>\n    <div :class=\"['cfg-split', `cfg-split--${$slots.preview ? layout : 'single'}`]\">\n      <div class=\"cfg-form\">\n        <slot />\n      </div>\n      <aside v-if=\"$slots.preview\" class=\"cfg-preview\" data-testid=\"config-preview\">\n        <div class=\"cfg-preview-cap\">\n          <span class=\"live\">{{ previewTitle }}</span>\n          <slot name=\"preview-extra\" />\n        </div>\n        <div :class=\"['cfg-preview-body', `cfg-preview-body--${previewAlign}`]\">\n          <slot name=\"preview\" />\n        </div>\n      </aside>\n    </div>\n  </section>\n</template>\n\n<style scoped>\n.cfg-section {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n.cfg-head {\n  display: flex;\n  flex: none;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 4px 12px;\n  margin-bottom: 14px;\n}\n.cfg-head h2 {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.cfg-head p {\n  margin: 0;\n  font-size: var(--font-size-base);\n  color: var(--color-text-secondary);\n}\n.cfg-split {\n  display: grid;\n  flex: 1;\n  gap: 20px;\n  min-height: 0;\n}\n.cfg-split--even {\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n}\n.cfg-split--wide {\n  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);\n}\n.cfg-split--slim {\n  grid-template-columns: minmax(360px, 0.8fr) minmax(0, 1.2fr);\n}\n.cfg-split--single {\n  grid-template-columns: minmax(0, 1fr);\n}\n.cfg-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n}\n/* 预览画布:浅灰圆角底,里面放缩小版界面或效果说明 */\n.cfg-preview {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  border-radius: 14px;\n  background: color-mix(in srgb, var(--color-fill) 70%, var(--color-bg-body));\n}\n.cfg-preview-cap {\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 10px 14px 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.live {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.live::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--color-success);\n}\n.cfg-preview-body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  min-height: 0;\n  padding: 12px 14px 14px;\n  overflow: auto;\n}\n.cfg-preview-body--start {\n  justify-content: flex-start;\n}\n/* v-flash:改了哪一项,预览里受影响的部分闪一下橙框,告诉用户\"改的是这里\" */\n.cfg-preview :deep(.cfg-flash) {\n  animation: cfg-flash 1.1s ease-out;\n}\n@keyframes cfg-flash {\n  from {\n    box-shadow: 0 0 0 3px var(--color-warning);\n  }\n  to {\n    box-shadow: 0 0 0 3px transparent;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cfg-preview :deep(.cfg-flash) {\n    animation: none;\n  }\n}\n@media (max-width: 1000px) {\n  .cfg-split {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(280px, 1fr);\n    overflow: auto;\n  }\n  .cfg-form {\n    overflow: visible;\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","__props","_normalizeClass","$slots","_hoisted_4","_renderSlot","_ctx","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;sBAmBEA,EAAA,GAAAC,EAmBU,WAnBVC,GAmBU;AAAA,MAlBRC,EAGS,UAHTC,GAGS;AAAA,QAFPD,EAAoB,cAAbE,EAAA,KAAK,GAAA,CAAA;AAAA,QACHA,EAAA,QAATL,EAAA,GAAAC,EAA6B,UAAXI,EAAA,IAAI,GAAA,CAAA;;MAExBF,EAaM,OAAA;AAAA,QAbA,OAAKG,EAAA,CAAA,aAAA,cAA8BC,EAAAA,OAAO,UAAUF,EAAA,SAAM,QAAA,EAAA,CAAA;AAAA,MAAA;QAC9DF,EAEM,OAFNK,GAEM;AAAA,UADJC,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;QAEGH,EAAAA,OAAO,WAApBP,KAAAC,EAQQ,SARRU,GAQQ;AAAA,UAPNR,EAGM,OAHNS,GAGM;AAAA,YAFJT,EAA4C,QAA5CU,GAA4CC,EAAtBT,EAAA,YAAY,GAAA,CAAA;AAAA,YAClCI,EAA6BC,EAAA,QAAA,iBAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;UAE/BP,EAEM,OAAA;AAAA,YAFA,mDAAiDE,EAAA,YAAY,EAAA,CAAA;AAAA,UAAA;YACjEI,EAAuBC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"SectionLayout2.vue.js","sources":["../../../../../src/views/system/config/components/SectionLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 配置中心每个分类的统一版面:页头 + 「左边设置、右边预览」,整块吃满内容区、一屏放下。\n// layout 决定两栏比例:even 1:1(默认)、wide 设置多时 3:2、slim 设置少时 2:3(预览放大,不留半屏空白)。\n// 没有 #preview 的分类(高级)整页给内容,不硬凑预览。\n// 设置列放不下(矮窄屏)时在列内滚,页面本身不滚。\n// 档位由 index.vue 量宽度后下发(layoutMode.ts):宽档左右两栏;中档单栏、预览叠到设置下面;\n// 窄档预览排到设置前面并收成一条,点开才展开。\nimport { useI18n } from 'vue-i18n'\nimport { NButton } from 'naive-ui'\nimport { useConfigLayout } from '../layoutMode'\n\nwithDefaults(\n  defineProps<{\n    title: string\n    desc?: string\n    previewTitle?: string\n    layout?: 'even' | 'wide' | 'slim'\n    /** 预览内容在预览栏里的位置:center(缩小版界面)/ start(列表类,自上而下排) */\n    previewAlign?: 'center' | 'start'\n    /** 设置列自己不滚、也不留底部保存条的位置之外的空白(敏感操作:列表卡片自己管滚动) */\n    fixedForm?: boolean\n  }>(),\n  { layout: 'even', previewAlign: 'center' },\n)\n\nconst { t } = useI18n()\nconst { nar, side, previewOpen } = useConfigLayout()\n</script>\n\n<template>\n  <section :class=\"['cfg-section', { side, nar }]\">\n    <header class=\"cfg-head\">\n      <h2>{{ title }}</h2>\n      <p v-if=\"desc\">{{ desc }}</p>\n    </header>\n    <div :class=\"['cfg-split', `cfg-split--${$slots.preview ? layout : 'single'}`, { side, nar }]\">\n      <div :class=\"['cfg-form', { 'cfg-form--fixed': fixedForm }]\">\n        <slot />\n      </div>\n      <aside\n        v-if=\"$slots.preview\"\n        :class=\"['cfg-preview', { auto: previewAlign === 'start' }]\"\n        data-testid=\"config-preview\"\n      >\n        <div class=\"cfg-preview-cap\">\n          <span class=\"live\">{{ previewTitle }}</span>\n          <span class=\"ex\"><slot name=\"preview-extra\" /></span>\n          <n-button\n            v-if=\"nar\"\n            quaternary\n            size=\"small\"\n            :aria-expanded=\"previewOpen\"\n            @click=\"previewOpen = !previewOpen\"\n          >\n            {{ previewOpen ? t('config.preview.collapse') : t('config.preview.expand') }}\n          </n-button>\n        </div>\n        <div\n          v-if=\"!nar || previewOpen\"\n          :class=\"['cfg-preview-body', `cfg-preview-body--${previewAlign}`]\"\n        >\n          <slot name=\"preview\" />\n        </div>\n      </aside>\n    </div>\n  </section>\n</template>\n\n<style scoped>\n.cfg-section {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n.cfg-head {\n  display: flex;\n  flex: none;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 4px 12px;\n  margin-bottom: 12px;\n}\n.cfg-head h2 {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.cfg-head p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--text-2);\n}\n.cfg-split {\n  display: grid;\n  flex: 1 1 0;\n  gap: 16px;\n  min-height: 0;\n}\n/* 中档 / 窄档:单栏纵排,各块按内容高度 */\n.cfg-split:not(.side) {\n  display: flex;\n  flex: none;\n  flex-direction: column;\n}\n.cfg-split--even.side {\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n}\n.cfg-split--wide.side {\n  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);\n}\n.cfg-split--slim.side {\n  grid-template-columns: minmax(340px, 0.8fr) minmax(0, 1.2fr);\n}\n.cfg-split--single.side {\n  grid-template-columns: minmax(0, 1fr);\n}\n.cfg-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  min-width: 0;\n  min-height: 0;\n  /* 设置列的宽度当容器查询用:安全策略的两列分组按它收成单列 */\n  container-type: inline-size;\n}\n/* 宽档设置列在列内滚;底部留出保存条的位置,别让它盖住最后一项 */\n.side .cfg-form {\n  overflow: auto;\n  padding-bottom: 56px;\n}\n.side .cfg-form--fixed {\n  overflow: hidden;\n  padding-bottom: 60px;\n}\n.cfg-split:not(.side) .cfg-form {\n  flex: none;\n}\n.cfg-split:not(.side) .cfg-form--fixed {\n  overflow: visible;\n}\n/* 预览画布:浅灰圆角底,里面放缩小版界面或效果说明 */\n.cfg-preview {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  border-radius: 14px;\n  background: var(--fill);\n}\n.cfg-split:not(.side):not(.nar) .cfg-preview {\n  flex: none;\n  height: 400px;\n}\n.cfg-split:not(.side):not(.nar) .cfg-preview.auto {\n  height: auto;\n}\n.nar .cfg-preview {\n  flex: none;\n  order: -1;\n}\n.cfg-preview-cap {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  min-height: 40px;\n  padding: 8px 14px 0;\n  font-size: 13px;\n  color: var(--text-2);\n}\n.live {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-right: auto;\n}\n.live::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--ok);\n}\n.ex {\n  display: inline-flex;\n  align-items: center;\n}\n.cfg-preview-body {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  min-height: 0;\n  padding: 10px 14px 14px;\n  overflow: auto;\n}\n.cfg-preview-body--start {\n  justify-content: flex-start;\n}\n.nar .cfg-preview-body {\n  flex: none;\n  height: 280px;\n}\n.nar .cfg-preview-body--start {\n  height: auto;\n  max-height: 420px;\n}\n/* v-flash:改了哪一项,预览里受影响的部分闪一下橙框,告诉用户\"改的是这里\" */\n.cfg-preview :deep(.cfg-flash) {\n  animation: cfg-flash 1.1s var(--ease);\n}\n@keyframes cfg-flash {\n  from {\n    box-shadow: 0 0 0 3px var(--warn);\n  }\n  to {\n    box-shadow: 0 0 0 3px transparent;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cfg-preview :deep(.cfg-flash) {\n    animation: none;\n  }\n}\n</style>\n"],"names":["t","useI18n","nar","side","previewOpen","useConfigLayout","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","__props","_openBlock","$slots","_renderSlot","_ctx","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_createBlock","NButton","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAyBA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA,GACR,EAAE,KAAAC,GAAK,MAAAC,GAAM,aAAAC,EAAA,IAAgBC,EAAA;2BAIjCC,EAmCU,WAAA;AAAA,MAnCA,OAAKC,EAAA,CAAA,eAAA,EAAA,MAAoBC,EAAAL,CAAA,GAAI,KAAEK,EAAAN,CAAA,EAAA,CAAG,CAAA;AAAA,IAAA;MAC1CO,EAGS,UAHTC,GAGS;AAAA,QAFPD,EAAoB,cAAbE,EAAA,KAAK,GAAA,CAAA;AAAA,QACHA,EAAA,QAATC,EAAA,GAAAN,EAA6B,UAAXK,EAAA,IAAI,GAAA,CAAA;;MAExBF,EA6BM,OAAA;AAAA,QA7BA,OAAKF,EAAA,CAAA,aAAA,cAA8BM,SAAO,UAAUF,EAAA,SAAM,QAAA,IAAA,EAAA,MAAiBH,EAAAL,CAAA,GAAI,KAAEK,EAAAN,CAAA,GAAG,CAAA;AAAA,MAAA;QACxFO,EAEM,OAAA;AAAA,UAFA,2CAAyCE,EAAA,WAAS,CAAA;AAAA,QAAA;UACtDG,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;QAGFF,EAAAA,OAAO,gBADfP,EAwBQ,SAAA;AAAA;UAtBL,iCAA+BK,EAAA,iBAAY,QAAA,CAAA,CAAA;AAAA,UAC5C,eAAY;AAAA,QAAA;UAEZF,EAYM,OAZNO,GAYM;AAAA,YAXJP,EAA4C,QAA5CQ,GAA4CC,EAAtBP,EAAA,YAAY,GAAA,CAAA;AAAA,YAClCF,EAAqD,QAArDU,GAAqD;AAAA,cAApCL,EAA6BC,EAAA,QAAA,iBAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAAA;YAEtCP,EAAAN,CAAA,UADRkB,EAQWZ,EAAAa,CAAA,GAAA;AAAA;cANT,YAAA;AAAA,cACA,MAAK;AAAA,cACJ,iBAAeb,EAAAJ,CAAA;AAAA,cACf,SAAKkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAA,QAAW,CAAII,EAAAJ,CAAA;AAAA,YAAA;yBAEvB,MAA6E;AAAA,oBAA1EI,EAAAJ,CAAA,IAAcI,EAAAR,CAAA,EAAC,yBAAA,IAA8BQ,EAAAR,CAAA,EAAC,uBAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;UAI5C,CAAAQ,EAAAN,CAAA,KAAOM,EAAAJ,CAAA,UADhBE,EAKM,OAAA;AAAA;YAHH,mDAAiDK,EAAA,YAAY,EAAA,CAAA;AAAA,UAAA;YAE9DG,EAAuBC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;;;;"}

package/dist/views/system/config/components/SecuritySection.vue.js

@@ -1,8 +1,8 @@
 import o from "./SecuritySection2.vue.js";
 /* empty css                     */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f9b84df"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e1a8c8c"]]);
 export {
-  e as default
+  a as default
 };
 //# sourceMappingURL=SecuritySection.vue.js.map