cosey 0.1.4 → 0.2.0

package/hooks/useUpsert.js

@@ -1,12 +1,14 @@
 import { ElMessage } from 'element-plus';
 import { cloneDeep, pick } from 'lodash-es';
-import { useTemplateRef, onMounted, ref, computed, reactive } from 'vue';
-import { deepAssign } from '../utils/object.js';
+import { useTemplateRef, onMounted, computed, unref, ref, reactive, shallowRef } from 'vue';
+import { toRefs } from '@vueuse/core';
 import { uuid } from '../utils/string.js';
+import { useLocale } from './useLocale.js';
+import { deepAssign } from '../utils/object.js';
 
 const mapTypeTitle = {
-  edit: "\u7F16\u8F91",
-  add: "\u65B0\u589E"
+  edit: "co.common.edit",
+  add: "co.common.add"
 };
 function useUpsert(options) {
   const {
@@ -22,13 +24,14 @@ function useUpsert(options) {
     add,
     edit,
     success
-  } = options;
+  } = toRefs(computed(() => unref(options)));
+  const { t, lang } = useLocale();
   const type = ref("add");
   const visible = ref(false);
   const mergedTitle = computed(() => {
-    return title || mapTypeTitle[type.value] + (stuffTitle || "");
+    return unref(title) || t(mapTypeTitle[type.value]) + (lang.value === "zh-cn" ? "" : " ") + (unref(stuffTitle) || "");
   });
-  const initialModel = cloneDeep(model);
+  const initialModel = cloneDeep(unref(model));
   const modelKeys = Object.keys(initialModel);
   const dialogProps = reactive({
     modelValue: visible,
@@ -40,16 +43,16 @@ function useUpsert(options) {
   const formRefKey = uuid();
   const formRef = useTemplateRef(formRefKey);
   const onSubmit = async () => {
-    const data2 = await beforeSubmit?.(model) || model;
+    const data2 = await unref(beforeSubmit)?.(unref(model)) || unref(model);
     let res;
     if (type.value === "add") {
-      res = await add?.(data2);
-      ElMessage.success(addSuccessText || "\u65B0\u589E\u6210\u529F");
+      res = await unref(add)?.(data2);
+      ElMessage.success(unref(addSuccessText) || t("co.common.addSuccess"));
     } else {
-      res = await edit?.(data2);
-      ElMessage.success(editSuccessText || "\u7F16\u8F91\u6210\u529F");
+      res = await unref(edit)?.(data2);
+      ElMessage.success(unref(editSuccessText) || t("co.common.editSuccess"));
     }
-    success?.(res);
+    unref(success)?.(res);
     exposeOptions?.success?.();
   };
   const formProps = reactive({
@@ -57,27 +60,30 @@ function useUpsert(options) {
     ref: formRefKey,
     submit: onSubmit
   });
-  const data = ref();
+  const data = shallowRef();
+  const row = shallowRef();
   let exposeOptions;
   const expose = {
-    edit: async (row) => {
+    edit: async (_row) => {
       type.value = "edit";
-      deepAssign(model, initialModel);
+      row.value = _row;
+      deepAssign(unref(model), initialModel);
       visible.value = true;
-      show?.(type.value, row);
-      let filledRow = row;
-      if (details) {
-        filledRow = await details(row);
+      unref(show)?.(type.value, row.value);
+      let filledRow = _row;
+      if (unref(details)) {
+        filledRow = await unref(details)(_row);
       }
       filledRow = { ...filledRow };
-      filledRow = beforeFill?.(filledRow) || filledRow;
-      Object.assign(model, pick(filledRow, modelKeys));
+      filledRow = unref(beforeFill)?.(filledRow) || filledRow;
+      Object.assign(unref(model), pick(filledRow, modelKeys));
     },
     add: () => {
       type.value = "add";
-      deepAssign(model, initialModel);
+      row.value = void 0;
+      deepAssign(unref(model), initialModel);
       visible.value = true;
-      show?.(type.value, void 0);
+      unref(show)?.(type.value);
     },
     setData: (_data) => {
       data.value = _data;
@@ -93,7 +99,9 @@ function useUpsert(options) {
     formProps,
     formRef,
     data,
-    expose
+    expose,
+    row,
+    type
   };
   return result;
 }

package/index.d.ts

@@ -11,6 +11,6 @@ export interface CoseyApp<HostElement> extends App<HostElement> {
 }
 export declare const createCosey: (options?: CoseyOptions) => {
     install(app: App): void;
-    store: import("pinia").Pinia;
+    pinia: import("pinia").Pinia;
     router: import("vue-router").Router;
 };

package/index.js

@@ -4,7 +4,7 @@ import { registerRouterGuard } from './router/guard/index.js';
 import { provideGlobalConfig } from './config/index.js';
 export { useGlobalConfig } from './config/index.js';
 import { registerGlobalComponents } from './layout/index.js';
-import { createStore } from './store/index.js';
+import { createPiniaStore } from './store/index.js';
 export { getAlgorithm } from './config/root-config-provider.js';
 export { default as RootConfigProvider } from './config/root-config-provider.vue.js';
 export { useAppearanceStore } from './store/appearance.js';
@@ -74,17 +74,17 @@ export { defineRoute, defineRoutes, mergeRouteModules } from './router/utils.js'
 export { getBreadcrumbRoutes, getMenuPathKeys, getMenus, getMenusMap } from './router/menus/index.js';
 
 const createCosey = (options = {}) => {
-  const store = createStore();
+  const pinia = createPiniaStore();
   const router = createCoseyRouter(options.router);
   return {
     install(app) {
       provideGlobalConfig(app, options);
       app.use(router);
       registerRouterGuard(router);
-      app.use(store);
+      app.use(pinia);
       registerGlobalComponents(app);
     },
-    store,
+    pinia,
     router
   };
 };

package/layout/layout-auth/style/index.js

@@ -13,8 +13,8 @@ var stdin_default = getSimpleStyleHook("LayoutAuth", (token) => {
       backgroundColor: token.colorBgLayout,
       [`${componentCls}-bg`]: {
         position: "absolute",
-        top: 0,
-        left: 0,
+        insetBlockStart: 0,
+        insetInlineStart: 0,
         width: "100%",
         height: "100%",
         background: `linear-gradient(154deg, transparent 35%, ${token.colorPrimaryBg} 35%, ${token.colorPrimaryBgHover} 50%, ${token.colorPrimaryBg} 65%, transparent 65%)`,
@@ -34,14 +34,14 @@ var stdin_default = getSimpleStyleHook("LayoutAuth", (token) => {
       },
       [`${componentCls}-brand`]: {
         position: "fixed",
-        top: token.size,
-        left: token.size,
+        insetBlockStart: token.size,
+        insetInlineStart: token.size,
         zIndex: 10
       },
       [`${componentCls}-widget`]: {
         position: "fixed",
-        top: token.size,
-        right: token.size,
+        insetBlockStart: token.size,
+        insetInlineEnd: token.size,
         zIndex: 10,
         display: "flex",
         paddingInline: token.padding,

package/layout/layout-breadcrumb/layout-breadcrumb.vue.js

@@ -2,6 +2,7 @@ import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock,
 import { useRoute } from 'vue-router';
 import { getBreadcrumbRoutes } from '../../router/menus/index.js';
 import { useLayoutStore } from '../../store/layout.js';
+import { useI18n } from 'vue-i18n';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -9,6 +10,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-breadcrumb",
   setup(__props) {
+    const {
+      t
+    } = useI18n();
     const layoutStore = useLayoutStore();
     const route = useRoute();
     const routes = ref([]);
@@ -31,7 +35,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           }, {
             default: withCtx(() => [unref(route).name === item.route.name || item.children && item.children.length > 0 ? (openBlock(), createElementBlock(Fragment, {
               key: 0
-            }, [createTextVNode(toDisplayString(item.route.meta?.title), 1
+            }, [createTextVNode(toDisplayString(unref(t)(item.route.meta?.title ?? "")), 1
             /* TEXT */)], 64
             /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_router_link, {
               key: 1,
@@ -39,7 +43,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
                 name: String(item.route.name)
               }
             }, {
-              default: withCtx(() => [createTextVNode(toDisplayString(item.route.meta?.title), 1
+              default: withCtx(() => [createTextVNode(toDisplayString(unref(t)(item.route.meta?.title ?? "")), 1
               /* TEXT */)]),
               _: 2
               /* DYNAMIC */

package/layout/layout-change-password/layout-change-password.vue.js

@@ -1,13 +1,17 @@
-import { defineComponent, reactive, useTemplateRef, ref, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withKeys, withModifiers, withCtx, createTextVNode } from 'vue';
+import { defineComponent, reactive, useTemplateRef, ref, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, withKeys, withModifiers, withCtx, createTextVNode } from 'vue';
 import { useRouter } from 'vue-router';
 import stdin_default$1 from './style/index.js';
 import { useUserStore } from '../../store/user.js';
 import { ElButton, ElMessage } from 'element-plus';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "layout-change-password",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       prefixCls
     } = useComponentConfig("layout-change-password");
@@ -31,7 +35,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           oldPassword: formState.oldPassword,
           newPassword: formState.newPassword
         }).then(() => {
-          ElMessage.success("\u4FEE\u6539\u6210\u529F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
+          ElMessage.success(t("co.auth.loginAgain"));
           userStore.logout();
         }).catch(() => {}).finally(() => {
           loading.value = false;
@@ -47,8 +51,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         class: normalizeClass([unref(hashId), unref(prefixCls)])
       }, [createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-title`)
-      }, "\u4FEE\u6539\u5BC6\u7801", 2
-      /* CLASS */), createVNode(_component_el_form, {
+      }, toDisplayString(unref(t)("co.auth.changePassword")), 3
+      /* TEXT, CLASS */), createVNode(_component_el_form, {
         ref_key: "formRef",
         ref: formRef,
         model: formState,
@@ -58,7 +62,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           prop: "oldPassword",
           rules: [{
             required: true,
-            message: "\u8BF7\u8F93\u5165\u539F\u5BC6\u7801"
+            message: unref(t)("co.auth.enterCurrentPassword")
           }]
         }, {
           default: withCtx(() => [createVNode(_component_el_input, {
@@ -67,7 +71,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             type: "password",
             "show-password": "",
             size: "large",
-            placeholder: "\u539F\u5BC6\u7801"
+            placeholder: unref(t)("co.auth.currentPassword")
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
               name: "co:password",
@@ -75,14 +79,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
             }, null, 8, ["class"])]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])]),
+          }, 8, ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
-        }), createVNode(_component_el_form_item, {
+        }, 8, ["rules"]), createVNode(_component_el_form_item, {
           prop: "newPassword",
           rules: [{
             required: true,
-            message: "\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801"
+            message: unref(t)("co.auth.enterNewPassword")
           }]
         }, {
           default: withCtx(() => [createVNode(_component_el_input, {
@@ -91,7 +95,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             type: "password",
             "show-password": "",
             size: "large",
-            placeholder: "\u65B0\u5BC6\u7801"
+            placeholder: unref(t)("co.auth.newPassword")
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
               name: "co:password",
@@ -99,19 +103,19 @@ var stdin_default = /* @__PURE__ */defineComponent({
             }, null, 8, ["class"])]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])]),
+          }, 8, ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
-        }), createVNode(_component_el_form_item, {
+        }, 8, ["rules"]), createVNode(_component_el_form_item, {
           prop: "confirmNewPassword",
           rules: [{
             required: true,
-            message: "\u8BF7\u8F93\u5165\u786E\u8BA4\u5BC6\u7801"
+            message: unref(t)("co.auth.enterConfirmPassword")
           }, {
             validator(_, value) {
               return value === formState.newPassword;
             },
-            message: "\u4E24\u6B21\u5BC6\u7801\u4E0D\u4E00\u81F4",
+            message: unref(t)("co.auth.passwordNotMatch"),
             trigger: "blur"
           }]
         }, {
@@ -121,7 +125,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             type: "password",
             "show-password": "",
             size: "large",
-            placeholder: "\u786E\u8BA4\u5BC6\u7801"
+            placeholder: unref(t)("co.auth.confirmPassword")
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
               name: "co:password",
@@ -129,7 +133,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             }, null, 8, ["class"])]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])]),
+          }, 8, ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
         }, 8, ["rules"]), createVNode(_component_el_form_item, null, {
@@ -140,9 +144,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
             loading: loading.value,
             onClick: onSubmit
           }, {
-            default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode(" \u4FEE\u6539\u5BC6\u7801 ")])),
-            _: 1,
-            __: [4]
+            default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.auth.changePassword")), 1
+            /* TEXT */)]),
+            _: 1
+            /* STABLE */
           }, 8, ["class", "loading"])]),
           _: 1
           /* STABLE */
@@ -152,9 +157,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
             class: normalizeClass(`${unref(prefixCls)}-button`),
             onClick: _cache[3] || (_cache[3] = $event => unref(router).back())
           }, {
-            default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode(" \u8FD4\u56DE ")])),
-            _: 1,
-            __: [5]
+            default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.common.back")), 1
+            /* TEXT */)]),
+            _: 1
+            /* STABLE */
           }, 8, ["class"])]),
           _: 1
           /* STABLE */

package/layout/layout-content/layout-content.vue.js

@@ -18,7 +18,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const layoutStore = useLayoutStore();
     const contentStyle = computed(() => {
       return {
-        marginLeft: layoutStore.sidebarWidth + "px"
+        marginInlineStart: layoutStore.sidebarWidth + "px"
       };
     });
     return (_ctx, _cache) => {

package/layout/layout-content/style/index.js

@@ -8,7 +8,7 @@ var stdin_default = getSimpleStyleHook("LayoutContent", (token) => {
       flexDirection: "column",
       flex: 1,
       minWidth: 0,
-      transition: `margin-left ${token.motionDurationSlow}`
+      transition: `margin-inline-start ${token.motionDurationSlow}`
     }
   };
 });

package/layout/layout-forbidden/layout-forbidden.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref, createTextVNode } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { ElButton } from 'element-plus';
 import { useGlobalConfig } from '../../config/index.js';
+import { useLocale } from '../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -8,6 +9,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-forbidden",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const routerConfig = useGlobalConfig().router;
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
@@ -15,7 +19,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return openBlock(), createBlock(_component_el_result, {
         icon: "warning",
         title: "403",
-        "sub-title": "\u5BF9\u4E0D\u8D77\uFF0C\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u9875\u9762\u3002"
+        "sub-title": unref(t)("co.exception.noPermission")
       }, {
         extra: withCtx(() => [createVNode(_component_router_link, {
           to: unref(routerConfig).homePath
@@ -23,16 +27,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => [createVNode(unref(ElButton), {
             type: "primary"
           }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode("\u8FD4\u56DE\u4E3B\u9875")])),
-            _: 1,
-            __: [0]
+            default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.exception.backToHome")), 1
+            /* TEXT */)]),
+            _: 1
+            /* STABLE */
           })]),
           _: 1
           /* STABLE */
         }, 8, ["to"])]),
         _: 1
         /* STABLE */
-      });
+      }, 8, ["sub-title"]);
     };
   }
 });

package/layout/layout-header/layout-header.vue.js

@@ -19,11 +19,11 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const layoutStore = useLayoutStore();
     const locked = useLockscreenObserver();
     const headerStyle = computed(() => {
-      const left = layoutStore.includeHorizontal ? 0 : layoutStore.sidebarWidth + "px";
-      const paddingRight = locked.value ? window.innerWidth - document.body.offsetWidth + "px" : 0;
+      const insetInlineStart = layoutStore.includeHorizontal ? 0 : layoutStore.sidebarWidth + "px";
+      const paddingInlineEnd = locked.value ? window.innerWidth - document.body.offsetWidth + "px" : 0;
       return {
-        left,
-        paddingRight
+        insetInlineStart,
+        paddingInlineEnd
       };
     });
     return (_ctx, _cache) => {

package/layout/layout-header/style/index.js

@@ -5,9 +5,9 @@ var stdin_default = getSimpleStyleHook("LayoutHeader", (token) => {
   return {
     [componentCls]: {
       position: "fixed",
-      top: 0,
-      left: 0,
-      right: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
+      insetInlineEnd: 0,
       zIndex: 1e3,
       backgroundColor: token.colorBgContainer,
       transition: `left ${token.motionDurationSlow}`

package/layout/layout-iframe/style/index.js

@@ -5,8 +5,8 @@ var stdin_default = getSimpleStyleHook("LayoutIframe", (token) => {
   return {
     [componentCls]: {
       position: "absolute",
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       width: "100%",
       height: "100%",
       [`${componentCls}-loading`]: {

package/layout/layout-internal-server-error/layout-internal-server-error.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref, createTextVNode } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { ElButton } from 'element-plus';
 import { useGlobalConfig } from '../../config/index.js';
+import { useLocale } from '../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -8,6 +9,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-internal-server-error",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const routerConfig = useGlobalConfig().router;
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
@@ -15,7 +19,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return openBlock(), createBlock(_component_el_result, {
         icon: "error",
         title: "500",
-        "sub-title": "\u5BF9\u4E0D\u8D77\uFF0C\u670D\u52A1\u5668\u9519\u8BEF\u3002"
+        "sub-title": unref(t)("co.exception.serverError")
       }, {
         extra: withCtx(() => [createVNode(_component_router_link, {
           to: unref(routerConfig).homePath
@@ -23,16 +27,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => [createVNode(unref(ElButton), {
             type: "primary"
           }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode("\u8FD4\u56DE\u4E3B\u9875")])),
-            _: 1,
-            __: [0]
+            default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.exception.backToHome")), 1
+            /* TEXT */)]),
+            _: 1
+            /* STABLE */
           })]),
           _: 1
           /* STABLE */
         }, 8, ["to"])]),
         _: 1
         /* STABLE */
-      });
+      }, 8, ["sub-title"]);
     };
   }
 });

package/layout/layout-login/layout-login.vue.js

@@ -1,12 +1,16 @@
-import { defineComponent, reactive, useTemplateRef, ref, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withKeys, withModifiers, withCtx, createTextVNode } from 'vue';
+import { defineComponent, reactive, useTemplateRef, ref, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, withKeys, withModifiers, withCtx, createTextVNode } from 'vue';
 import { ElButton } from 'element-plus';
 import { useUserStore } from '../../store/user.js';
 import stdin_default$1 from './style/index.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "layout-login",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       prefixCls
     } = useComponentConfig("layout-login");
@@ -38,8 +42,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         class: normalizeClass([unref(hashId), unref(prefixCls)])
       }, [createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-title`)
-      }, "\u767B\u5F55", 2
-      /* CLASS */), createVNode(_component_el_form, {
+      }, toDisplayString(unref(t)("co.auth.login")), 3
+      /* TEXT, CLASS */), createVNode(_component_el_form, {
         ref_key: "formRef",
         ref: formRef,
         model: formState,
@@ -49,14 +53,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
           prop: "username",
           rules: [{
             required: true,
-            message: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+            message: unref(t)("co.auth.enterUsername")
           }]
         }, {
           default: withCtx(() => [createVNode(_component_el_input, {
             modelValue: formState.username,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => formState.username = $event),
             size: "large",
-            placeholder: "\u7528\u6237\u540D"
+            placeholder: unref(t)("co.auth.username")
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
               name: "co:user",
@@ -64,14 +68,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
             }, null, 8, ["class"])]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])]),
+          }, 8, ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
-        }), createVNode(_component_el_form_item, {
+        }, 8, ["rules"]), createVNode(_component_el_form_item, {
           prop: "password",
           rules: [{
             required: true,
-            message: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+            message: unref(t)("co.auth.enterPassword")
           }]
         }, {
           default: withCtx(() => [createVNode(_component_el_input, {
@@ -80,7 +84,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             type: "password",
             "show-password": "",
             size: "large",
-            placeholder: "\u5BC6\u7801"
+            placeholder: unref(t)("co.auth.password")
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
               name: "co:password",
@@ -88,19 +92,20 @@ var stdin_default = /* @__PURE__ */defineComponent({
             }, null, 8, ["class"])]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])]),
+          }, 8, ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
-        }), createVNode(unref(ElButton), {
+        }, 8, ["rules"]), createVNode(unref(ElButton), {
           size: "large",
           type: "primary",
           class: normalizeClass(`${unref(prefixCls)}-button`),
           loading: loading.value,
           onClick: onSubmit
         }, {
-          default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode(" \u767B\u5F55 ")])),
-          _: 1,
-          __: [2]
+          default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.auth.login")), 1
+          /* TEXT */)]),
+          _: 1
+          /* STABLE */
         }, 8, ["class", "loading"])]),
         _: 1
         /* STABLE */

package/layout/layout-main/layout-main.vue.js

@@ -20,7 +20,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const layoutStore = useLayoutStore();
     const mainStyle = computed(() => {
       return {
-        marginTop: layoutStore.headerHeight + "px"
+        marginBlockStart: layoutStore.headerHeight + "px"
       };
     });
     return (_ctx, _cache) => {