smart-admin-web 10.14.0 → 10.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/README.md +5 -5
  2. package/dist/api/index.d.ts +37 -0
  3. package/dist/api/index.js +35 -14
  4. package/dist/api/index.js.map +1 -1
  5. package/dist/api/schema.d.ts +381 -3
  6. package/dist/assets/icons/ph-subset.json.js +3 -3
  7. package/dist/assets/smart-logo.svg.js +5 -0
  8. package/dist/assets/smart-logo.svg.js.map +1 -0
  9. package/dist/components/SmartLogo.vue.d.ts +3 -0
  10. package/dist/components/SmartLogo.vue.js +1 -1
  11. package/dist/components/SmartLogo2.vue.js +22 -64
  12. package/dist/components/SmartLogo2.vue.js.map +1 -1
  13. package/dist/composables/useLoginHero.d.ts +2 -0
  14. package/dist/composables/useLoginHero.js +22 -0
  15. package/dist/composables/useLoginHero.js.map +1 -0
  16. package/dist/composables/usePageTitle.js +16 -14
  17. package/dist/composables/usePageTitle.js.map +1 -1
  18. package/dist/composables/useSite.d.ts +5 -0
  19. package/dist/composables/useSite.js +16 -13
  20. package/dist/composables/useSite.js.map +1 -1
  21. package/dist/index.js +92 -91
  22. package/dist/lib/favicon.d.ts +1 -0
  23. package/dist/lib/favicon.js +12 -0
  24. package/dist/lib/favicon.js.map +1 -0
  25. package/dist/lib/loginHero.d.ts +16 -0
  26. package/dist/lib/loginHero.js +33 -0
  27. package/dist/lib/loginHero.js.map +1 -0
  28. package/dist/lib/logoCrop.d.ts +25 -0
  29. package/dist/lib/logoCrop.js +22 -0
  30. package/dist/lib/logoCrop.js.map +1 -0
  31. package/dist/lib/runtime.d.ts +2 -0
  32. package/dist/lib/runtime.js +1 -1
  33. package/dist/lib/runtime.js.map +1 -1
  34. package/dist/lib/securityRules.d.ts +26 -0
  35. package/dist/lib/securityRules.js +86 -0
  36. package/dist/lib/securityRules.js.map +1 -0
  37. package/dist/locales/en-US.d.ts +242 -28
  38. package/dist/locales/en-US.js +262 -58
  39. package/dist/locales/en-US.js.map +1 -1
  40. package/dist/locales/zh-CN.d.ts +242 -28
  41. package/dist/locales/zh-CN.js +257 -58
  42. package/dist/locales/zh-CN.js.map +1 -1
  43. package/dist/router/viewRegistry.js +10 -10
  44. package/dist/router/viewRegistry.js.map +1 -1
  45. package/dist/style.css +1 -1
  46. package/dist/utils/oauthBrand.d.ts +34 -9
  47. package/dist/utils/oauthBrand.js +70 -74
  48. package/dist/utils/oauthBrand.js.map +1 -1
  49. package/dist/views/login/components/LoginHeroPanel.vue.d.ts +18 -0
  50. package/dist/views/login/components/LoginHeroPanel.vue.js +8 -0
  51. package/dist/views/login/components/LoginHeroPanel.vue.js.map +1 -0
  52. package/dist/views/login/components/LoginHeroPanel2.vue.js +66 -0
  53. package/dist/views/login/components/LoginHeroPanel2.vue.js.map +1 -0
  54. package/dist/views/login/skins/SplitPanel.vue.js +1 -1
  55. package/dist/views/login/skins/SplitPanel2.vue.js +39 -59
  56. package/dist/views/login/skins/SplitPanel2.vue.js.map +1 -1
  57. package/dist/views/system/config/components/AdminMock.vue.js +8 -0
  58. package/dist/views/system/config/components/AdminMock.vue.js.map +1 -0
  59. package/dist/views/system/config/components/AdminMock2.vue.js +76 -0
  60. package/dist/views/system/config/components/AdminMock2.vue.js.map +1 -0
  61. package/dist/views/system/config/components/AdvancedSection.vue.js +5 -0
  62. package/dist/views/system/config/components/AdvancedSection.vue.js.map +1 -0
  63. package/dist/views/system/config/components/AdvancedSection2.vue.js +135 -0
  64. package/dist/views/system/config/components/AdvancedSection2.vue.js.map +1 -0
  65. package/dist/views/system/config/components/BrandSection.vue.d.ts +7 -0
  66. package/dist/views/system/config/components/BrandSection.vue.js +8 -0
  67. package/dist/views/system/config/components/BrandSection.vue.js.map +1 -0
  68. package/dist/views/system/config/components/BrandSection2.vue.js +264 -0
  69. package/dist/views/system/config/components/BrandSection2.vue.js.map +1 -0
  70. package/dist/views/system/config/components/CfgGroup.vue.d.ts +18 -0
  71. package/dist/views/system/config/components/CfgGroup.vue.js +8 -0
  72. package/dist/views/system/config/components/CfgGroup.vue.js.map +1 -0
  73. package/dist/views/system/config/components/CfgGroup2.vue.js +22 -0
  74. package/dist/views/system/config/components/CfgGroup2.vue.js.map +1 -0
  75. package/dist/views/system/config/components/CfgRow.vue.d.ts +26 -0
  76. package/dist/views/system/config/components/CfgRow.vue.js +9 -0
  77. package/dist/views/system/config/components/CfgRow.vue.js.map +1 -0
  78. package/dist/views/system/config/components/CfgRow2.vue.js +53 -0
  79. package/dist/views/system/config/components/CfgRow2.vue.js.map +1 -0
  80. package/dist/views/system/config/components/CfgSegment.vue.d.ts +28 -0
  81. package/dist/views/system/config/components/CfgSegment.vue.js +8 -0
  82. package/dist/views/system/config/components/CfgSegment.vue.js.map +1 -0
  83. package/dist/views/system/config/components/CfgSegment2.vue.js +44 -0
  84. package/dist/views/system/config/components/CfgSegment2.vue.js.map +1 -0
  85. package/dist/views/system/config/components/ConfigFormModal.vue.js +5 -2
  86. package/dist/views/system/config/components/ConfigFormModal.vue.js.map +1 -1
  87. package/dist/views/system/config/components/ConfigFormModal2.vue.js +66 -56
  88. package/dist/views/system/config/components/ConfigFormModal2.vue.js.map +1 -1
  89. package/dist/views/system/config/components/JobSection.vue.js +8 -0
  90. package/dist/views/system/config/components/JobSection.vue.js.map +1 -0
  91. package/dist/views/system/config/components/JobSection2.vue.js +138 -0
  92. package/dist/views/system/config/components/JobSection2.vue.js.map +1 -0
  93. package/dist/views/system/config/components/{GroupExtraConfig.vue.d.ts → LoginMock.vue.d.ts} +3 -4
  94. package/dist/views/system/config/components/LoginMock.vue.js +8 -0
  95. package/dist/views/system/config/components/LoginMock.vue.js.map +1 -0
  96. package/dist/views/system/config/components/LoginMock2.vue.js +121 -0
  97. package/dist/views/system/config/components/LoginMock2.vue.js.map +1 -0
  98. package/dist/views/system/config/components/LogoCropper.vue.d.ts +10 -0
  99. package/dist/views/system/config/components/LogoCropper.vue.js +8 -0
  100. package/dist/views/system/config/components/LogoCropper.vue.js.map +1 -0
  101. package/dist/views/system/config/components/LogoCropper2.vue.js +122 -0
  102. package/dist/views/system/config/components/LogoCropper2.vue.js.map +1 -0
  103. package/dist/views/system/config/components/LogoEditor.vue.js +8 -0
  104. package/dist/views/system/config/components/LogoEditor.vue.js.map +1 -0
  105. package/dist/views/system/config/components/LogoEditor2.vue.js +163 -0
  106. package/dist/views/system/config/components/LogoEditor2.vue.js.map +1 -0
  107. package/dist/views/system/config/components/ProviderSheet.vue.d.ts +17 -0
  108. package/dist/views/system/config/components/ProviderSheet.vue.js +8 -0
  109. package/dist/views/system/config/components/ProviderSheet.vue.js.map +1 -0
  110. package/dist/views/system/config/components/ProviderSheet2.vue.js +343 -0
  111. package/dist/views/system/config/components/ProviderSheet2.vue.js.map +1 -0
  112. package/dist/views/system/config/components/ScaleToFit.vue.d.ts +17 -0
  113. package/dist/views/system/config/components/ScaleToFit.vue.js +8 -0
  114. package/dist/views/system/config/components/ScaleToFit.vue.js.map +1 -0
  115. package/dist/views/system/config/components/ScaleToFit2.vue.js +41 -0
  116. package/dist/views/system/config/components/ScaleToFit2.vue.js.map +1 -0
  117. package/dist/views/system/config/components/SectionLayout.vue.d.ts +28 -0
  118. package/dist/views/system/config/components/SectionLayout.vue.js +8 -0
  119. package/dist/views/system/config/components/SectionLayout.vue.js.map +1 -0
  120. package/dist/views/system/config/components/SectionLayout2.vue.js +45 -0
  121. package/dist/views/system/config/components/SectionLayout2.vue.js.map +1 -0
  122. package/dist/views/system/config/components/SecuritySection.vue.js +8 -0
  123. package/dist/views/system/config/components/SecuritySection.vue.js.map +1 -0
  124. package/dist/views/system/config/components/SecuritySection2.vue.js +416 -0
  125. package/dist/views/system/config/components/SecuritySection2.vue.js.map +1 -0
  126. package/dist/views/system/config/components/SensitiveSection.vue.js +8 -0
  127. package/dist/views/system/config/components/SensitiveSection.vue.js.map +1 -0
  128. package/dist/views/system/config/components/SensitiveSection2.vue.js +209 -0
  129. package/dist/views/system/config/components/SensitiveSection2.vue.js.map +1 -0
  130. package/dist/views/system/config/components/SigninSection.vue.js +8 -0
  131. package/dist/views/system/config/components/SigninSection.vue.js.map +1 -0
  132. package/dist/views/system/config/components/SigninSection2.vue.js +201 -0
  133. package/dist/views/system/config/components/SigninSection2.vue.js.map +1 -0
  134. package/dist/views/system/config/components/UploadSection.vue.d.ts +3 -0
  135. package/dist/views/system/config/components/UploadSection.vue.js +8 -0
  136. package/dist/views/system/config/components/UploadSection.vue.js.map +1 -0
  137. package/dist/views/system/config/components/UploadSection2.vue.js +167 -0
  138. package/dist/views/system/config/components/UploadSection2.vue.js.map +1 -0
  139. package/dist/views/system/config/draft.d.ts +148 -0
  140. package/dist/views/system/config/draft.js +170 -0
  141. package/dist/views/system/config/draft.js.map +1 -0
  142. package/dist/views/system/config/flash.d.ts +2 -0
  143. package/dist/views/system/config/flash.js +9 -0
  144. package/dist/views/system/config/flash.js.map +1 -0
  145. package/dist/views/system/config/groups.d.ts +35 -7
  146. package/dist/views/system/config/groups.js +99 -14
  147. package/dist/views/system/config/groups.js.map +1 -1
  148. package/dist/views/system/config/index.vue.js +4 -1
  149. package/dist/views/system/config/index.vue.js.map +1 -1
  150. package/dist/views/system/config/index2.vue.js +180 -115
  151. package/dist/views/system/config/index2.vue.js.map +1 -1
  152. package/dist/views/system/config/providerForm.d.ts +33 -0
  153. package/dist/views/system/config/providerForm.js +63 -0
  154. package/dist/views/system/config/providerForm.js.map +1 -0
  155. package/package.json +4 -4
  156. package/dist/views/system/config/components/ExternalAuthConfig.vue.js +0 -8
  157. package/dist/views/system/config/components/ExternalAuthConfig.vue.js.map +0 -1
  158. package/dist/views/system/config/components/ExternalAuthConfig2.vue.js +0 -218
  159. package/dist/views/system/config/components/ExternalAuthConfig2.vue.js.map +0 -1
  160. package/dist/views/system/config/components/GroupExtraConfig.vue.js +0 -8
  161. package/dist/views/system/config/components/GroupExtraConfig.vue.js.map +0 -1
  162. package/dist/views/system/config/components/GroupExtraConfig2.vue.js +0 -108
  163. package/dist/views/system/config/components/GroupExtraConfig2.vue.js.map +0 -1
  164. package/dist/views/system/config/components/HighSensConfig.vue.js +0 -5
  165. package/dist/views/system/config/components/HighSensConfig.vue.js.map +0 -1
  166. package/dist/views/system/config/components/HighSensConfig2.vue.js +0 -134
  167. package/dist/views/system/config/components/HighSensConfig2.vue.js.map +0 -1
  168. package/dist/views/system/config/components/JobConfig.vue.js +0 -5
  169. package/dist/views/system/config/components/JobConfig.vue.js.map +0 -1
  170. package/dist/views/system/config/components/JobConfig2.vue.js +0 -116
  171. package/dist/views/system/config/components/JobConfig2.vue.js.map +0 -1
  172. package/dist/views/system/config/components/OtherConfig.vue.js +0 -5
  173. package/dist/views/system/config/components/OtherConfig.vue.js.map +0 -1
  174. package/dist/views/system/config/components/OtherConfig2.vue.js +0 -121
  175. package/dist/views/system/config/components/OtherConfig2.vue.js.map +0 -1
  176. package/dist/views/system/config/components/SecurityConfig.vue.js +0 -8
  177. package/dist/views/system/config/components/SecurityConfig.vue.js.map +0 -1
  178. package/dist/views/system/config/components/SecurityConfig2.vue.js +0 -456
  179. package/dist/views/system/config/components/SecurityConfig2.vue.js.map +0 -1
  180. package/dist/views/system/config/components/SysBaseConfig.vue.js +0 -5
  181. package/dist/views/system/config/components/SysBaseConfig.vue.js.map +0 -1
  182. package/dist/views/system/config/components/SysBaseConfig2.vue.js +0 -107
  183. package/dist/views/system/config/components/SysBaseConfig2.vue.js.map +0 -1
  184. package/dist/views/system/config/components/UploadConfig.vue.js +0 -5
  185. package/dist/views/system/config/components/UploadConfig.vue.js.map +0 -1
  186. package/dist/views/system/config/components/UploadConfig2.vue.js +0 -135
  187. package/dist/views/system/config/components/UploadConfig2.vue.js.map +0 -1
  188. /package/dist/views/system/config/components/{ExternalAuthConfig.vue.d.ts → AdminMock.vue.d.ts} +0 -0
  189. /package/dist/views/system/config/components/{HighSensConfig.vue.d.ts → AdvancedSection.vue.d.ts} +0 -0
  190. /package/dist/views/system/config/components/{JobConfig.vue.d.ts → JobSection.vue.d.ts} +0 -0
  191. /package/dist/views/system/config/components/{OtherConfig.vue.d.ts → LogoEditor.vue.d.ts} +0 -0
  192. /package/dist/views/system/config/components/{SecurityConfig.vue.d.ts → SecuritySection.vue.d.ts} +0 -0
  193. /package/dist/views/system/config/components/{SysBaseConfig.vue.d.ts → SensitiveSection.vue.d.ts} +0 -0
  194. /package/dist/views/system/config/components/{UploadConfig.vue.d.ts → SigninSection.vue.d.ts} +0 -0
@@ -0,0 +1,343 @@
1
+ import { defineComponent as ce, useModel as ue, reactive as de, computed as u, ref as z, watch as L, openBlock as r, createBlock as $, unref as l, withCtx as A, createElementVNode as n, createVNode as p, toDisplayString as i, createElementBlock as c, Fragment as B, createTextVNode as h, normalizeClass as j, createCommentVNode as m, renderList as K, mergeModels as ve } from "vue";
2
+ import { useMessage as pe, NModal as he, NInput as U, NSwitch as fe, NButton as P } from "naive-ui";
3
+ import { useI18n as me } from "vue-i18n";
4
+ import { externalAuthApi as E } from "../../../../api/index.js";
5
+ import ge from "../../../../components/AppIcon.vue.js";
6
+ import ye from "../../../../components/oauth/BrandIcon.vue.js";
7
+ import { useConfirm as ke } from "../../../../composables/useConfirm.js";
8
+ import { translateError as R } from "../../../../utils/error.js";
9
+ import { useConfigDraft as _e } from "../draft.js";
10
+ import { createForm as xe, endpointChanged as we, missingFields as be, callbackFor as Ae, secretRequired as Ne, buildTestBody as Ce, buildSaveBody as Te } from "../providerForm.js";
11
+ const Pe = {
12
+ class: "sheet",
13
+ role: "dialog",
14
+ "aria-modal": "true",
15
+ "aria-labelledby": "provider-sheet-title",
16
+ "data-testid": "provider-sheet"
17
+ }, Se = { class: "av" }, $e = { id: "provider-sheet-title" }, Be = { class: "body" }, Ue = { class: "list" }, Me = {
18
+ class: "fld",
19
+ for: "pf-name"
20
+ }, Fe = { class: "k" }, Ie = {
21
+ class: "fld",
22
+ for: "pf-code"
23
+ }, Oe = { class: "k" }, Ve = {
24
+ key: 0,
25
+ class: "fld"
26
+ }, qe = { class: "k" }, ze = ["for"], Ee = { class: "k" }, Re = { key: 0 }, De = {
27
+ key: 0,
28
+ class: "note warn",
29
+ role: "status"
30
+ }, He = {
31
+ key: 1,
32
+ class: "note warn",
33
+ role: "alert",
34
+ "data-testid": "ephemeral-note"
35
+ }, Le = { class: "note" }, je = { class: "list" }, Ke = { class: "fld" }, Ge = { class: "k" }, Je = {
36
+ key: 0,
37
+ class: "cb"
38
+ }, Qe = { "data-testid": "callback-uri" }, We = {
39
+ key: 1,
40
+ class: "note warn inline"
41
+ }, Xe = {
42
+ key: 2,
43
+ class: "results",
44
+ "aria-live": "polite",
45
+ "data-testid": "test-results"
46
+ }, Ye = {
47
+ key: 0,
48
+ class: "spin"
49
+ }, Ze = { key: 0 }, ut = /* @__PURE__ */ ce({
50
+ __name: "ProviderSheet",
51
+ props: /* @__PURE__ */ ve({
52
+ row: {},
53
+ newType: {}
54
+ }, {
55
+ show: { type: Boolean, default: !1 },
56
+ showModifiers: {}
57
+ }),
58
+ emits: ["update:show"],
59
+ setup(M) {
60
+ const x = ue(M, "show"), g = M, { t: a, te: D } = me(), y = pe(), { ask: G } = ke(), f = _e(), o = de({
61
+ isNew: !0,
62
+ code: "",
63
+ displayName: "",
64
+ values: {},
65
+ secrets: {}
66
+ }), S = u(() => {
67
+ var e;
68
+ return ((e = g.row) == null ? void 0 : e.type) || g.newType || "";
69
+ }), J = u(() => f.catalog.value.types.find((e) => e.type === S.value)), N = u(() => {
70
+ var e;
71
+ return ((e = J.value) == null ? void 0 : e.fields) ?? [];
72
+ }), k = u(() => !g.row), w = u(
73
+ () => k.value ? void 0 : f.catalog.value.providers.find((e) => e.source === "db" && e.code === o.code)
74
+ ), C = u(
75
+ () => k.value && f.catalog.value.providers.some((e) => e.code === o.code)
76
+ ), _ = z(null), b = z(!1), v = z(!1);
77
+ L(x, (e) => {
78
+ if (!e) return;
79
+ const s = g.row ? { code: g.row.code, displayName: g.row.displayName } : { code: "", displayName: "" }, d = f.catalog.value.providers.find(
80
+ (t) => t.source === "db" && t.code === s.code
81
+ );
82
+ Object.assign(o, xe(N.value, d, k.value, s)), _.value = null;
83
+ }), L(o, () => _.value = null, { deep: !0 });
84
+ const F = u(() => we(N.value, o, w.value)), I = u(() => be(N.value, o, w.value)), O = u(() => f.catalog.value.dataProtectionEphemeral), Q = u(
85
+ () => !I.value.length && !C.value && !O.value && !v.value
86
+ ), W = u(
87
+ () => !I.value.length && !C.value && !b.value && !v.value
88
+ ), V = u(
89
+ () => {
90
+ var e;
91
+ return Ae(f.catalog.value.callbackUriTemplate, o.code || ((e = g.row) == null ? void 0 : e.code) || "");
92
+ }
93
+ ), X = u(
94
+ () => k.value && !!o.code && (I.value.includes("code") || C.value)
95
+ ), q = (e) => D(`config.externalAuth.field.${e}`) ? a(`config.externalAuth.field.${e}`) : e, Y = (e) => e === "usePkce", Z = (e) => {
96
+ const s = N.value.find((d) => d.name === e);
97
+ return !!s && Ne(s, w.value, F.value);
98
+ };
99
+ function ee(e) {
100
+ var t;
101
+ const s = (t = w.value) == null ? void 0 : t.secrets[e];
102
+ if (!(s != null && s.hasValue)) return a("config.externalAuth.sheet.secretPlaceholder");
103
+ const d = s.hint ? `••••${s.hint}` : a("config.externalAuth.sheet.secretSet");
104
+ return F.value ? a("config.externalAuth.sheet.secretRetype") : a("config.externalAuth.sheet.keepSecret", { now: d });
105
+ }
106
+ const te = (e) => o.values[e] === "true", ae = (e, s) => o.values[e] = String(s);
107
+ async function le() {
108
+ try {
109
+ await navigator.clipboard.writeText(V.value), y.success(a("common.copied"));
110
+ } catch {
111
+ y.error(a("config.externalAuth.sheet.copyFailed"));
112
+ }
113
+ }
114
+ async function se() {
115
+ b.value = !0, _.value = null;
116
+ try {
117
+ _.value = await E.testProvider(Ce(S.value, o, w.value));
118
+ } catch (e) {
119
+ y.error(R(e));
120
+ } finally {
121
+ b.value = !1;
122
+ }
123
+ }
124
+ async function oe() {
125
+ v.value = !0;
126
+ try {
127
+ await E.saveProvider(o.code, Te(S.value, o)), y.success(a("config.externalAuth.sheet.saved")), await f.refreshProviders(), x.value = !1;
128
+ } catch (e) {
129
+ y.error(R(e));
130
+ } finally {
131
+ v.value = !1;
132
+ }
133
+ }
134
+ async function ne() {
135
+ const e = o.displayName || o.code;
136
+ if (await G({
137
+ title: a("config.externalAuth.sheet.clearTitle", { name: e }),
138
+ content: a("config.externalAuth.sheet.clearConfirm", { name: e }),
139
+ type: "error"
140
+ })) {
141
+ v.value = !0;
142
+ try {
143
+ await E.removeProvider(o.code), y.success(a("config.externalAuth.sheet.cleared")), await f.refreshProviders(), x.value = !1;
144
+ } catch (d) {
145
+ y.error(R(d));
146
+ } finally {
147
+ v.value = !1;
148
+ }
149
+ }
150
+ }
151
+ const ie = (e) => D(`config.externalAuth.check.${e}`) ? a(`config.externalAuth.check.${e}`) : e, H = {
152
+ ok: "ph:check-circle-fill",
153
+ failed: "ph:x-circle-fill",
154
+ skipped: "ph:minus-circle"
155
+ }, re = (e) => H[e] ?? H.skipped;
156
+ return (e, s) => (r(), $(l(he), {
157
+ show: x.value,
158
+ "onUpdate:show": s[3] || (s[3] = (d) => x.value = d),
159
+ "mask-closable": !v.value,
160
+ "close-on-esc": !v.value,
161
+ "transform-origin": "center"
162
+ }, {
163
+ default: A(() => {
164
+ var d;
165
+ return [
166
+ n("div", Pe, [
167
+ n("header", null, [
168
+ n("span", Se, [
169
+ p(ye, {
170
+ code: o.code || S.value,
171
+ icon: (d = M.row) == null ? void 0 : d.icon,
172
+ size: 22
173
+ }, null, 8, ["code", "icon"])
174
+ ]),
175
+ n("div", null, [
176
+ n("h3", $e, i(k.value ? l(a)("config.externalAuth.sheet.addOidc") : l(a)("config.externalAuth.sheet.title", { name: o.displayName })), 1),
177
+ n("small", null, i(k.value ? l(a)("config.externalAuth.sheet.oidcHint") : l(a)("config.externalAuth.sheet.secretNote")), 1)
178
+ ])
179
+ ]),
180
+ n("div", Be, [
181
+ n("div", Ue, [
182
+ k.value ? (r(), c(B, { key: 0 }, [
183
+ n("label", Me, [
184
+ n("span", Fe, [
185
+ h(i(l(a)("config.externalAuth.field.displayName")) + " ", 1),
186
+ s[4] || (s[4] = n("i", null, "*", -1))
187
+ ]),
188
+ p(l(U), {
189
+ value: o.displayName,
190
+ "onUpdate:value": s[0] || (s[0] = (t) => o.displayName = t),
191
+ "input-props": { id: "pf-name" },
192
+ placeholder: l(a)("config.externalAuth.sheet.namePlaceholder")
193
+ }, null, 8, ["value", "placeholder"])
194
+ ]),
195
+ n("label", Ie, [
196
+ n("span", Oe, [
197
+ h(i(l(a)("config.externalAuth.field.code")) + " ", 1),
198
+ s[5] || (s[5] = n("i", null, "*", -1)),
199
+ n("small", {
200
+ class: j({ bad: C.value })
201
+ }, i(C.value ? l(a)("config.externalAuth.sheet.codeTaken") : l(a)("config.externalAuth.sheet.codeFixed")), 3)
202
+ ]),
203
+ p(l(U), {
204
+ value: o.code,
205
+ "onUpdate:value": s[1] || (s[1] = (t) => o.code = t),
206
+ "input-props": { id: "pf-code" },
207
+ status: X.value ? "error" : void 0,
208
+ placeholder: l(a)("config.externalAuth.sheet.codePlaceholder")
209
+ }, null, 8, ["value", "status", "placeholder"])
210
+ ])
211
+ ], 64)) : m("", !0),
212
+ (r(!0), c(B, null, K(N.value, (t) => (r(), c(B, {
213
+ key: t.name
214
+ }, [
215
+ Y(t.name) ? (r(), c("div", Ve, [
216
+ n("span", qe, i(q(t.name)), 1),
217
+ p(l(fe), {
218
+ value: te(t.name),
219
+ "aria-label": q(t.name),
220
+ "onUpdate:value": (T) => ae(t.name, T)
221
+ }, null, 8, ["value", "aria-label", "onUpdate:value"])
222
+ ])) : (r(), c("label", {
223
+ key: 1,
224
+ class: "fld",
225
+ for: `pf-${t.name}`
226
+ }, [
227
+ n("span", Ee, [
228
+ h(i(q(t.name)) + " ", 1),
229
+ (t.secret ? Z(t.name) : t.required) ? (r(), c("i", Re, "*")) : m("", !0)
230
+ ]),
231
+ t.secret ? (r(), $(l(U), {
232
+ key: 0,
233
+ value: o.secrets[t.name],
234
+ "onUpdate:value": (T) => o.secrets[t.name] = T,
235
+ type: "password",
236
+ "input-props": { id: `pf-${t.name}`, autocomplete: "new-password" },
237
+ placeholder: ee(t.name)
238
+ }, null, 8, ["value", "onUpdate:value", "input-props", "placeholder"])) : (r(), $(l(U), {
239
+ key: 1,
240
+ value: o.values[t.name],
241
+ "onUpdate:value": (T) => o.values[t.name] = T,
242
+ "input-props": { id: `pf-${t.name}` }
243
+ }, null, 8, ["value", "onUpdate:value", "input-props"]))
244
+ ], 8, ze))
245
+ ], 64))), 128))
246
+ ]),
247
+ F.value ? (r(), c("p", De, i(l(a)("config.externalAuth.sheet.endpointMoved")), 1)) : m("", !0),
248
+ O.value ? (r(), c("p", He, i(l(a)("config.externalAuth.sheet.ephemeralKey")), 1)) : m("", !0),
249
+ n("p", Le, i(l(a)("config.externalAuth.sheet.callbackHint", {
250
+ name: o.displayName || l(a)("config.externalAuth.sheet.idp")
251
+ })), 1),
252
+ n("div", je, [
253
+ n("div", Ke, [
254
+ n("span", Ge, i(l(a)("config.externalAuth.sheet.callback")), 1),
255
+ V.value ? (r(), c("div", Je, [
256
+ n("code", Qe, i(V.value), 1),
257
+ p(l(P), {
258
+ size: "small",
259
+ onClick: le
260
+ }, {
261
+ default: A(() => [
262
+ h(i(l(a)("common.copy")), 1)
263
+ ]),
264
+ _: 1
265
+ })
266
+ ])) : (r(), c("span", We, i(l(a)("config.externalAuth.sheet.callbackMissing")), 1))
267
+ ])
268
+ ]),
269
+ b.value || _.value ? (r(), c("ul", Xe, [
270
+ b.value ? (r(), c("li", Ye, i(l(a)("config.externalAuth.sheet.testing")), 1)) : _.value ? (r(!0), c(B, { key: 1 }, K(_.value.checks, (t) => (r(), c("li", {
271
+ key: t.key,
272
+ class: j(t.status)
273
+ }, [
274
+ p(ge, {
275
+ icon: re(t.status),
276
+ size: 16
277
+ }, null, 8, ["icon"]),
278
+ n("span", null, [
279
+ h(i(ie(t.key)) + " · " + i(l(a)(`config.externalAuth.checkStatus.${t.status}`)) + " ", 1),
280
+ t.detail ? (r(), c("small", Ze, i(t.detail), 1)) : m("", !0)
281
+ ])
282
+ ], 2))), 128)) : m("", !0)
283
+ ])) : m("", !0)
284
+ ]),
285
+ n("footer", null, [
286
+ w.value ? (r(), $(l(P), {
287
+ key: 0,
288
+ type: "error",
289
+ quaternary: "",
290
+ disabled: v.value,
291
+ onClick: ne
292
+ }, {
293
+ default: A(() => [
294
+ h(i(l(a)("config.externalAuth.sheet.clear")), 1)
295
+ ]),
296
+ _: 1
297
+ }, 8, ["disabled"])) : m("", !0),
298
+ p(l(P), {
299
+ disabled: !W.value,
300
+ loading: b.value,
301
+ "data-testid": "provider-test",
302
+ onClick: se
303
+ }, {
304
+ default: A(() => [
305
+ h(i(l(a)("config.externalAuth.sheet.test")), 1)
306
+ ]),
307
+ _: 1
308
+ }, 8, ["disabled", "loading"]),
309
+ s[6] || (s[6] = n("span", { class: "grow" }, null, -1)),
310
+ p(l(P), {
311
+ disabled: v.value,
312
+ onClick: s[2] || (s[2] = (t) => x.value = !1)
313
+ }, {
314
+ default: A(() => [
315
+ h(i(l(a)("common.cancel")), 1)
316
+ ]),
317
+ _: 1
318
+ }, 8, ["disabled"]),
319
+ p(l(P), {
320
+ type: "primary",
321
+ disabled: !Q.value,
322
+ loading: v.value,
323
+ title: O.value ? l(a)("config.externalAuth.sheet.ephemeralTitle") : void 0,
324
+ "data-testid": "provider-save",
325
+ onClick: oe
326
+ }, {
327
+ default: A(() => [
328
+ h(i(l(a)("common.save")), 1)
329
+ ]),
330
+ _: 1
331
+ }, 8, ["disabled", "loading", "title"])
332
+ ])
333
+ ])
334
+ ];
335
+ }),
336
+ _: 1
337
+ }, 8, ["show", "mask-closable", "close-on-esc"]));
338
+ }
339
+ });
340
+ export {
341
+ ut as default
342
+ };
343
+ //# sourceMappingURL=ProviderSheet2.vue.js.map
@@ -0,0 +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":"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"}
@@ -0,0 +1,17 @@
1
+ type __VLS_Props = {
2
+ width: number;
3
+ height: number;
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
10
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
+ declare const _default: typeof __VLS_export;
12
+ export default _default;
13
+ type __VLS_WithSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1,8 @@
1
+ import o from "./ScaleToFit2.vue.js";
2
+ /* empty css */
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bebb8d09"]]);
5
+ export {
6
+ m as default
7
+ };
8
+ //# sourceMappingURL=ScaleToFit.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScaleToFit.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,41 @@
1
+ import { defineComponent as r, ref as n, computed as h, openBlock as c, createElementBlock as d, createElementVNode as u, normalizeStyle as m, renderSlot as v } from "vue";
2
+ import { useResizeObserver as f } from "@vueuse/core";
3
+ const g = /* @__PURE__ */ r({
4
+ __name: "ScaleToFit",
5
+ props: {
6
+ width: {},
7
+ height: {}
8
+ },
9
+ setup(t) {
10
+ const l = t, o = n(null), e = n({ w: 0, h: 0 });
11
+ f(o, (i) => {
12
+ const a = i[0].contentRect;
13
+ e.value = { w: a.width, h: a.height };
14
+ });
15
+ const s = h(
16
+ () => e.value.w && e.value.h ? Math.min(e.value.w / l.width, e.value.h / l.height) : 0
17
+ );
18
+ return (i, a) => (c(), d("div", {
19
+ ref_key: "box",
20
+ ref: o,
21
+ class: "fit",
22
+ "aria-hidden": "true"
23
+ }, [
24
+ u("div", {
25
+ class: "stage",
26
+ style: m({
27
+ width: `${t.width}px`,
28
+ height: `${t.height}px`,
29
+ transform: `translate(-50%, -50%) scale(${s.value})`,
30
+ visibility: s.value ? "visible" : "hidden"
31
+ })
32
+ }, [
33
+ v(i.$slots, "default", {}, void 0, !0)
34
+ ], 4)
35
+ ], 512));
36
+ }
37
+ });
38
+ export {
39
+ g as default
40
+ };
41
+ //# sourceMappingURL=ScaleToFit2.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScaleToFit2.vue.js","sources":["../../../../../src/views/system/config/components/ScaleToFit.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 把按固定设计尺寸画好的迷你界面,整体等比缩放到容器可用的宽高里(居中,不裁不滚)。\n// 预览因此和真实界面同比例,窗口多大就放多大。\nimport { computed, ref } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\n\nconst props = defineProps<{ width: number; height: number }>()\nconst box = ref<HTMLElement | null>(null)\nconst size = ref({ w: 0, h: 0 })\n\nuseResizeObserver(box, entries => {\n const r = entries[0].contentRect\n size.value = { w: r.width, h: r.height }\n})\n\nconst scale = computed(() =>\n size.value.w && size.value.h\n ? Math.min(size.value.w / props.width, size.value.h / props.height)\n : 0,\n)\n</script>\n\n<template>\n <!-- 缩小版界面只是图示,信息都在左边的表单里;对读屏隐藏,免得重复朗读一遍 -->\n <div ref=\"box\" class=\"fit\" aria-hidden=\"true\">\n <div\n class=\"stage\"\n :style=\"{\n width: `${width}px`,\n height: `${height}px`,\n transform: `translate(-50%, -50%) scale(${scale})`,\n visibility: scale ? 'visible' : 'hidden',\n }\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<style scoped>\n.fit {\n position: relative;\n flex: 1;\n min-height: 0;\n overflow: hidden;\n}\n.stage {\n position: absolute;\n left: 50%;\n top: 50%;\n transform-origin: center;\n}\n</style>\n"],"names":["props","__props","box","ref","size","useResizeObserver","entries","r","scale","computed","_createElementBlock","_createElementVNode","_normalizeStyle","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GACRC,IAAMC,EAAwB,IAAI,GAClCC,IAAOD,EAAI,EAAE,GAAG,GAAG,GAAG,GAAG;AAE/B,IAAAE,EAAkBH,GAAK,CAAAI,MAAW;AAChC,YAAMC,IAAID,EAAQ,CAAC,EAAE;AACrB,MAAAF,EAAK,QAAQ,EAAE,GAAGG,EAAE,OAAO,GAAGA,EAAE,OAAA;AAAA,IAClC,CAAC;AAED,UAAMC,IAAQC;AAAA,MAAS,MACrBL,EAAK,MAAM,KAAKA,EAAK,MAAM,IACvB,KAAK,IAAIA,EAAK,MAAM,IAAIJ,EAAM,OAAOI,EAAK,MAAM,IAAIJ,EAAM,MAAM,IAChE;AAAA,IAAA;2BAMJU,EAYM,OAAA;AAAA,eAZG;AAAA,MAAJ,KAAIR;AAAA,MAAM,OAAM;AAAA,MAAM,eAAY;AAAA,IAAA;MACrCS,EAUM,OAAA;AAAA,QATJ,OAAM;AAAA,QACL,OAAKC,EAAA;AAAA,oBAAsBX,EAAA,KAAK;AAAA,qBAAyBA,EAAA,MAAM;AAAA,oDAAwDO,EAAA,KAAK;AAAA,sBAAyBA,EAAA,QAAK,YAAA;AAAA,QAAA;;QAO3JK,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}
@@ -0,0 +1,28 @@
1
+ type __VLS_Props = {
2
+ title: string;
3
+ desc?: string;
4
+ previewTitle?: string;
5
+ layout?: 'even' | 'wide' | 'slim';
6
+ /** 预览内容在预览栏里的位置:center(缩小版界面)/ start(列表类,自上而下排) */
7
+ previewAlign?: 'center' | 'start';
8
+ };
9
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
10
+ type __VLS_Slots = {} & {
11
+ default?: (props: typeof __VLS_1) => any;
12
+ } & {
13
+ 'preview-extra'?: (props: typeof __VLS_3) => any;
14
+ } & {
15
+ preview?: (props: typeof __VLS_5) => any;
16
+ };
17
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
+ layout: "even" | "wide" | "slim";
19
+ previewAlign: "center" | "start";
20
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
21
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
24
+ type __VLS_WithSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
@@ -0,0 +1,8 @@
1
+ import o from "./SectionLayout2.vue.js";
2
+ /* empty css */
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1f5b0c64"]]);
5
+ export {
6
+ f as default
7
+ };
8
+ //# sourceMappingURL=SectionLayout.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SectionLayout.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,45 @@
1
+ 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";
2
+ const r = { class: "cfg-section" }, v = { class: "cfg-head" }, f = { key: 0 }, p = { class: "cfg-form" }, u = {
3
+ key: 0,
4
+ class: "cfg-preview",
5
+ "data-testid": "config-preview"
6
+ }, g = { class: "cfg-preview-cap" }, w = { class: "live" }, y = /* @__PURE__ */ d({
7
+ __name: "SectionLayout",
8
+ props: {
9
+ title: {},
10
+ desc: {},
11
+ previewTitle: {},
12
+ layout: { default: "even" },
13
+ previewAlign: { default: "center" }
14
+ },
15
+ setup(t) {
16
+ return (s, h) => (i(), o("section", r, [
17
+ e("header", v, [
18
+ e("h2", null, l(t.title), 1),
19
+ t.desc ? (i(), o("p", f, l(t.desc), 1)) : a("", !0)
20
+ ]),
21
+ e("div", {
22
+ class: n(["cfg-split", `cfg-split--${s.$slots.preview ? t.layout : "single"}`])
23
+ }, [
24
+ e("div", p, [
25
+ c(s.$slots, "default", {}, void 0, !0)
26
+ ]),
27
+ s.$slots.preview ? (i(), o("aside", u, [
28
+ e("div", g, [
29
+ e("span", w, l(t.previewTitle), 1),
30
+ c(s.$slots, "preview-extra", {}, void 0, !0)
31
+ ]),
32
+ e("div", {
33
+ class: n(["cfg-preview-body", `cfg-preview-body--${t.previewAlign}`])
34
+ }, [
35
+ c(s.$slots, "preview", {}, void 0, !0)
36
+ ], 2)
37
+ ])) : a("", !0)
38
+ ], 2)
39
+ ]));
40
+ }
41
+ });
42
+ export {
43
+ y as default
44
+ };
45
+ //# sourceMappingURL=SectionLayout2.vue.js.map
@@ -0,0 +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;;;;;;"}
@@ -0,0 +1,8 @@
1
+ import o from "./SecuritySection2.vue.js";
2
+ /* empty css */
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f9b84df"]]);
5
+ export {
6
+ e as default
7
+ };
8
+ //# sourceMappingURL=SecuritySection.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SecuritySection.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}