@nocobase/portal-template-default 1.0.16 → 1.0.18

package/dist/assets/{index-BysibBZu.js → index-Bliz6Sy2.js}

@@ -1,4 +1,4 @@
-import{t as N,ba as j,b as l,j as e,x as f,C as v,k as g,I as w,T as L,bb as C,bc as S,B as x,bd as h,be as k,bf as R,aZ as P}from"./index-CgkdZ6Oc.js";import{C as c,a as d,b as m,c as p,d as u}from"./card-C9Hpeq1c.js";import{P as z}from"./prompt-output-DMTuTNab.js";/**
+import{y as N,bk as j,b as l,j as e,E as f,F as v,C as c,k as d,l as m,m as p,n as u,o as g,I as w,T as L,bl as C,bm as S,B as x,bn as h,bo as k,bp as R,b7 as P}from"./index-CMoFG_fD.js";import{P as z}from"./prompt-output-7ZS2-d1_.js";/**
  * @license lucide-react v0.487.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -20,4 +20,4 @@ Implementation contract
 - Keep Starter and Registry UI resources local. Use app:getLang only for registered dynamic server namespaces such as lm-collections when the NocoBase i18n Registry is installed.
 - Let the shared NocoBase client send the selected locale through X-Locale.
 - Preserve compatibility when server metadata contains exact {{t("...")}} expressions.
-- Provide complete React components, locale resource files, route/resource integration, and realistic visible content.`,[t,n]);return e.jsxs("details",{open:!0,className:"group rounded-xl border bg-muted/15",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium marker:hidden",children:[e.jsx(f,{className:"size-4 text-primary"}),s("demo.prompt.title",{ns:"nocobase-i18n"},"Prompt generator"),e.jsx(v,{className:"ml-auto size-4 text-muted-foreground transition-transform group-open:rotate-180"})]}),e.jsxs("div",{className:"grid items-start gap-5 border-t p-4 xl:grid-cols-[360px_minmax(0,1fr)]",children:[e.jsxs(c,{className:"gap-0 py-0",children:[e.jsxs(d,{className:"border-b py-4",children:[e.jsx(m,{className:"text-base",children:s("demo.prompt.settings",{ns:"nocobase-i18n"},"Scene settings")}),e.jsx(p,{children:s("demo.prompt.description",{ns:"nocobase-i18n"},"Describe a complete multilingual application scene and generate an implementation prompt.")})]}),e.jsxs(u,{className:"space-y-5 py-5",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"i18n-prompt-scene",children:s("demo.prompt.scene",{ns:"nocobase-i18n"},"Application scene")}),e.jsx(w,{id:"i18n-prompt-scene",value:n,onChange:r=>a(r.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"i18n-prompt-languages",children:s("demo.prompt.languages",{ns:"nocobase-i18n"},"Languages")}),e.jsx(L,{id:"i18n-prompt-languages",value:t,onChange:r=>i(r.target.value),className:"min-h-24"})]})]})]}),e.jsx(z,{title:s("demo.prompt.output",{ns:"nocobase-i18n"},"Generated prompt"),description:s("demo.prompt.outputDescription",{ns:"nocobase-i18n"},"Updates as you change the scene and language requirements."),prompt:y,copyLabel:s("demo.prompt.copy",{ns:"nocobase-i18n"},"Copy prompt"),copiedLabel:s("demo.prompt.copied",{ns:"nocobase-i18n"},"Copied"),copyErrorLabel:s("demo.prompt.copyError",{ns:"nocobase-i18n"},"Clipboard access failed. Select the prompt and copy it manually.")})]})]})}function E(){const s=j(),a=C()(),i=S().length>1;return e.jsxs("div",{className:"space-y-10 pb-12",children:[e.jsxs("header",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x,{variant:"secondary",children:"i18n"}),e.jsx(x,{variant:"outline",children:a})]}),e.jsx("h1",{className:"text-2xl font-semibold tracking-[-0.025em] sm:text-3xl",children:s("demo.title",{ns:"nocobase-i18n"},"Internationalization")}),e.jsx("p",{className:"max-w-3xl text-sm leading-6 text-muted-foreground",children:s("demo.description",{ns:"nocobase-i18n"},"Optional NocoBase server translations and language controls built on the Starter's internationalization runtime.")})]}),e.jsxs("section",{className:"grid gap-5 xl:grid-cols-3",children:[e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsxs(m,{className:"flex items-center gap-2",children:[e.jsx(h,{className:"size-4"}),s("demo.switcher.title",{ns:"nocobase-i18n"},"Language switcher")]}),e.jsx(p,{children:s("demo.switcher.description",{ns:"nocobase-i18n"},"The same reusable component is also integrated into the signed-in user menu.")})]}),e.jsx(u,{children:i?e.jsx(k,{className:"max-w-sm"}):e.jsxs("div",{className:"flex items-start gap-3 rounded-lg border bg-muted/30 p-4",children:[e.jsx(h,{className:"mt-0.5 size-5 shrink-0 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",children:s("demo.switcher.unavailable.title",{ns:"nocobase-i18n"},"Only one language is enabled")}),e.jsx("p",{className:"mt-1 text-xs leading-5 text-muted-foreground",children:s("demo.switcher.unavailable.description",{ns:"nocobase-i18n"},"Enable another language in NocoBase system settings to display the switcher.")})]})]})})]}),e.jsx(b,{icon:e.jsx(R,{className:"size-4"}),title:s("demo.frontend.title",{ns:"nocobase-i18n"},"Application UI translations"),description:s("demo.frontend.description",{ns:"nocobase-i18n"},"The Starter provides the runtime while application and Registry components keep their messages in local resource files."),children:e.jsxs("div",{className:"divide-y rounded-lg border",children:[e.jsx(o,{label:s("language.current",{ns:"nocobase-i18n"},"Current language"),value:a}),e.jsx(o,{label:s("demo.frontend.actions",{ns:"nocobase-i18n"},"Common actions"),value:`${s("buttons.apply","Apply")} · ${s("buttons.clear","Clear")}`})]})}),e.jsx(b,{icon:e.jsx(I,{className:"size-4"}),title:s("demo.server.title",{ns:"nocobase-i18n"},"NocoBase metadata translations"),description:s("demo.server.description",{ns:"nocobase-i18n"},"Collection and field labels are loaded from dynamic server namespaces such as lm-collections."),children:e.jsxs("div",{className:"divide-y rounded-lg border",children:[e.jsx(o,{label:"Users",value:s("Users",{ns:"lm-collections"},"Users")}),e.jsx(o,{label:"Nickname",value:s("Nickname",{ns:"lm-collections"},"Nickname")}),e.jsx(o,{label:"X-Locale",value:P.getLocale()??a,code:!0})]})})]}),e.jsx("section",{className:"border-t pt-8",children:e.jsx(T,{})})]})}function o({code:s,label:n,value:a}){return e.jsxs("div",{className:"flex items-center justify-between gap-4 px-3 py-2.5",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:n}),s?e.jsx("code",{className:"rounded bg-muted px-2 py-1 text-xs",children:a}):e.jsx("span",{className:"text-sm font-medium",children:a})]})}function b({children:s,description:n,icon:a,title:t}){return e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsxs(m,{className:"flex items-center gap-2",children:[a,t]}),e.jsx(p,{children:n})]}),e.jsx(u,{className:"text-sm",children:s})]})}export{E as I18nDemoPage};
+- Provide complete React components, locale resource files, route/resource integration, and realistic visible content.`,[t,n]);return e.jsxs("details",{open:!0,className:"group rounded-xl border bg-muted/15",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium marker:hidden",children:[e.jsx(f,{className:"size-4 text-primary"}),s("demo.prompt.title",{ns:"nocobase-i18n"},"Prompt generator"),e.jsx(v,{className:"ml-auto size-4 text-muted-foreground transition-transform group-open:rotate-180"})]}),e.jsxs("div",{className:"grid items-start gap-5 border-t p-4 xl:grid-cols-[360px_minmax(0,1fr)]",children:[e.jsxs(c,{className:"gap-0 py-0",children:[e.jsxs(d,{className:"border-b py-4",children:[e.jsx(m,{className:"text-base",children:s("demo.prompt.settings",{ns:"nocobase-i18n"},"Scene settings")}),e.jsx(p,{children:s("demo.prompt.description",{ns:"nocobase-i18n"},"Describe a complete multilingual application scene and generate an implementation prompt.")})]}),e.jsxs(u,{className:"space-y-5 py-5",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"i18n-prompt-scene",children:s("demo.prompt.scene",{ns:"nocobase-i18n"},"Application scene")}),e.jsx(w,{id:"i18n-prompt-scene",value:n,onChange:r=>a(r.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"i18n-prompt-languages",children:s("demo.prompt.languages",{ns:"nocobase-i18n"},"Languages")}),e.jsx(L,{id:"i18n-prompt-languages",value:t,onChange:r=>i(r.target.value),className:"min-h-24"})]})]})]}),e.jsx(z,{title:s("demo.prompt.output",{ns:"nocobase-i18n"},"Generated prompt"),description:s("demo.prompt.outputDescription",{ns:"nocobase-i18n"},"Updates as you change the scene and language requirements."),prompt:y,copyLabel:s("demo.prompt.copy",{ns:"nocobase-i18n"},"Copy prompt"),copiedLabel:s("demo.prompt.copied",{ns:"nocobase-i18n"},"Copied"),copyErrorLabel:s("demo.prompt.copyError",{ns:"nocobase-i18n"},"Clipboard access failed. Select the prompt and copy it manually.")})]})]})}function D(){const s=j(),a=C()(),i=S().length>1;return e.jsxs("div",{className:"space-y-10 pb-12",children:[e.jsxs("header",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x,{variant:"secondary",children:"i18n"}),e.jsx(x,{variant:"outline",children:a})]}),e.jsx("h1",{className:"text-2xl font-semibold tracking-[-0.025em] sm:text-3xl",children:s("demo.title",{ns:"nocobase-i18n"},"Internationalization")}),e.jsx("p",{className:"max-w-3xl text-sm leading-6 text-muted-foreground",children:s("demo.description",{ns:"nocobase-i18n"},"Optional NocoBase server translations and language controls built on the Starter's internationalization runtime.")})]}),e.jsxs("section",{className:"grid gap-5 xl:grid-cols-3",children:[e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsxs(m,{className:"flex items-center gap-2",children:[e.jsx(h,{className:"size-4"}),s("demo.switcher.title",{ns:"nocobase-i18n"},"Language switcher")]}),e.jsx(p,{children:s("demo.switcher.description",{ns:"nocobase-i18n"},"The same reusable component is also integrated into the signed-in user menu.")})]}),e.jsx(u,{children:i?e.jsx(k,{className:"max-w-sm"}):e.jsxs("div",{className:"flex items-start gap-3 rounded-lg border bg-muted/30 p-4",children:[e.jsx(h,{className:"mt-0.5 size-5 shrink-0 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",children:s("demo.switcher.unavailable.title",{ns:"nocobase-i18n"},"Only one language is enabled")}),e.jsx("p",{className:"mt-1 text-xs leading-5 text-muted-foreground",children:s("demo.switcher.unavailable.description",{ns:"nocobase-i18n"},"Enable another language in NocoBase system settings to display the switcher.")})]})]})})]}),e.jsx(b,{icon:e.jsx(R,{className:"size-4"}),title:s("demo.frontend.title",{ns:"nocobase-i18n"},"Application UI translations"),description:s("demo.frontend.description",{ns:"nocobase-i18n"},"The Starter provides the runtime while application and Registry components keep their messages in local resource files."),children:e.jsxs("div",{className:"divide-y rounded-lg border",children:[e.jsx(o,{label:s("language.current",{ns:"nocobase-i18n"},"Current language"),value:a}),e.jsx(o,{label:s("demo.frontend.actions",{ns:"nocobase-i18n"},"Common actions"),value:`${s("buttons.apply","Apply")} · ${s("buttons.clear","Clear")}`})]})}),e.jsx(b,{icon:e.jsx(I,{className:"size-4"}),title:s("demo.server.title",{ns:"nocobase-i18n"},"NocoBase metadata translations"),description:s("demo.server.description",{ns:"nocobase-i18n"},"Collection and field labels are loaded from dynamic server namespaces such as lm-collections."),children:e.jsxs("div",{className:"divide-y rounded-lg border",children:[e.jsx(o,{label:"Users",value:s("Users",{ns:"lm-collections"},"Users")}),e.jsx(o,{label:"Nickname",value:s("Nickname",{ns:"lm-collections"},"Nickname")}),e.jsx(o,{label:"X-Locale",value:P.getLocale()??a,code:!0})]})})]}),e.jsx("section",{className:"border-t pt-8",children:e.jsx(T,{})})]})}function o({code:s,label:n,value:a}){return e.jsxs("div",{className:"flex items-center justify-between gap-4 px-3 py-2.5",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:n}),s?e.jsx("code",{className:"rounded bg-muted px-2 py-1 text-xs",children:a}):e.jsx("span",{className:"text-sm font-medium",children:a})]})}function b({children:s,description:n,icon:a,title:t}){return e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsxs(m,{className:"flex items-center gap-2",children:[a,t]}),e.jsx(p,{children:n})]}),e.jsx(u,{className:"text-sm",children:s})]})}export{D as I18nDemoPage};