cosey 0.1.4 → 0.2.0

package/layout/layout-menu/layout-menu.vue.js

@@ -3,6 +3,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { ElMenu, ElMenuItemGroup, ElSubMenu, ElMenuItem } from 'element-plus';
 import { useLayoutStore } from '../../store/layout.js';
 import stdin_default$1 from './style/index.js';
+import { useI18n } from 'vue-i18n';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 import { defineTemplate } from '../../utils/vue.js';
 import { Icon as _Icon } from '../../components/icon/index.js';
@@ -20,6 +21,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     }
   },
   setup(__props) {
+    const {
+      t
+    } = useI18n();
     const props = __props;
     const {
       prefixCls
@@ -61,7 +65,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
               margin: collapse.value ? 0 : void 0
             }
           }, null);
-          const titleVNode = () => createVNode("span", null, [item.title]);
+          const titleVNode = () => createVNode("span", null, [t(item.title ?? "")]);
           if (item.children && item.children.length > 0) {
             const slots = {
               title: () => [iconVNode(), titleVNode()],

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

@@ -5,7 +5,7 @@ var stdin_default = getSimpleStyleHook("LayoutMenu", (token) => {
   return {
     [componentCls]: {
       width: "100%",
-      borderRight: "0 !important",
+      borderInlineEnd: "0 !important",
       borderBlockEnd: "0 !important",
       "&.is-horizontal": {
         height: "100%"

package/layout/layout-not-found/layout-not-found.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-not-found",
   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: "404",
-        "sub-title": "\u5BF9\u4E0D\u8D77\uFF0C\u60A8\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728\u3002"
+        "sub-title": unref(t)("co.exception.pageNotFound")
       }, {
         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-search/layout-search.vue.js

@@ -1,11 +1,13 @@
-import { defineComponent, computed, ref, useTemplateRef, watch, resolveComponent, createElementBlock, openBlock, createVNode, unref, normalizeClass, withCtx, createBlock, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, withDirectives, vShow } from 'vue';
+import { defineComponent, computed, ref, useTemplateRef, watch, resolveComponent, createElementBlock, openBlock, createVNode, unref, normalizeClass, withCtx, createBlock, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, withDirectives, vShow } from 'vue';
 import { useRouter } from 'vue-router';
 import { throttle } from 'lodash-es';
 import { useLayoutStore } from '../../store/layout.js';
 import stdin_default$1 from './style/index.js';
 import { ElButton } from 'element-plus';
 import { useTimeoutFn } from '@vueuse/core';
+import { useI18n } from 'vue-i18n';
 import { getControlKey } from '../../utils/browser.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 import { useDocumentEvent } from '../../hooks/useDocumentEvent.js';
 import { Icon as _Icon } from '../../components/icon/index.js';
@@ -17,6 +19,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-search",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
+    const {
+      t: _t
+    } = useI18n();
     const {
       prefixCls
     } = useComponentConfig("layout-search");
@@ -30,7 +38,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       const result = [];
       function recur(items, parent) {
         items.forEach(item => {
-          const label = parent ? parent + " > " + item.title : item.title;
+          const label = parent ? parent + " > " + _t(item.title) : _t(item.title);
           if (!item.children || item.children.length === 0) {
             result.push({
               label,
@@ -160,8 +168,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
           size: "lg"
         }), createElementVNode("span", {
           class: normalizeClass(`${unref(prefixCls)}-button-text`)
-        }, "\u641C\u7D22", 2
-        /* CLASS */), createElementVNode("span", {
+        }, toDisplayString(unref(t)("co.form.search")), 3
+        /* TEXT, CLASS */), createElementVNode("span", {
           class: normalizeClass(`${unref(prefixCls)}-button-kbd`)
         }, [createTextVNode(toDisplayString(unref(controlKey)) + " ", 1
         /* TEXT */), _cache[3] || (_cache[3] = createElementVNode("kbd", null, "K", -1
@@ -182,7 +190,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           ref: "input",
           modelValue: searchValue.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => searchValue.value = $event),
-          placeholder: "\u641C\u7D22\u9875\u9762",
+          placeholder: unref(t)("co.search.searchPage"),
           size: "large",
           class: normalizeClass(`${unref(prefixCls)}-input`),
           clearable: "",
@@ -195,26 +203,26 @@ var stdin_default = /* @__PURE__ */defineComponent({
           }, null, 8, ["class"])]),
           _: 1
           /* STABLE */
-        }, 8, ["modelValue", "class"])]),
+        }, 8, ["modelValue", "placeholder", "class"])]),
         footer: withCtx(() => [createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-footer`)
         }, [createElementVNode("div", null, [createVNode(unref(_Icon), {
           name: "co:return"
         }), createElementVNode("span", {
           class: normalizeClass(`${unref(prefixCls)}-footer-text`)
-        }, "\u9009\u62E9", 2
-        /* CLASS */)]), createElementVNode("div", null, [createVNode(unref(_Icon), {
+        }, toDisplayString(unref(t)("co.search.select")), 3
+        /* TEXT, CLASS */)]), createElementVNode("div", null, [createVNode(unref(_Icon), {
           name: "co:arrow-up"
         }), createVNode(unref(_Icon), {
           name: "co:arrow-down"
         }), createElementVNode("span", {
           class: normalizeClass(`${unref(prefixCls)}-footer-text`)
-        }, "\u5207\u6362", 2
-        /* CLASS */)]), createElementVNode("div", null, [_cache[4] || (_cache[4] = createElementVNode("small", null, "Esc", -1
+        }, toDisplayString(unref(t)("co.search.switch")), 3
+        /* TEXT, CLASS */)]), createElementVNode("div", null, [_cache[4] || (_cache[4] = createElementVNode("small", null, "Esc", -1
         /* HOISTED */)), createElementVNode("span", {
           class: normalizeClass(`${unref(prefixCls)}-footer-text`)
-        }, "\u5173\u95ED", 2
-        /* CLASS */)])], 2
+        }, toDisplayString(unref(t)("co.common.close")), 3
+        /* TEXT, CLASS */)])], 2
         /* CLASS */)]),
         default: withCtx(() => [createVNode(_component_el_scrollbar, {
           class: normalizeClass(`${unref(prefixCls)}-content`),
@@ -223,8 +231,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => [searchResult.value.length === 0 ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`${unref(prefixCls)}-empty`)
-          }, "\u6682\u65E0\u641C\u7D22\u7ED3\u679C", 2
-          /* CLASS */)) : (openBlock(true), createElementBlock(Fragment, {
+          }, toDisplayString(unref(t)("co.search.noResults")), 3
+          /* TEXT, CLASS */)) : (openBlock(true), createElementBlock(Fragment, {
             key: 1
           }, renderList(searchResult.value, (item, index) => {
             return openBlock(), createElementBlock("div", {

package/layout/layout-sidebar/layout-sidebar.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from 'vue';
 import { useLayoutStore } from '../../store/layout.js';
 import stdin_default$1 from './style/index.js';
+import { useDir } from '../../hooks/useDir.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -16,12 +17,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
       hashId
     } = stdin_default$1(prefixCls);
     const layoutStore = useLayoutStore();
+    const sidebarRef = useTemplateRef("sidebar");
+    const dir = useDir(sidebarRef);
     const sidebarStyle = computed(() => {
-      const marginTop = layoutStore.isMobile || !layoutStore.includeHorizontal ? 0 : layoutStore.topbarHeight;
+      const marginBlockStart = layoutStore.isMobile || !layoutStore.includeHorizontal ? 0 : layoutStore.topbarHeight;
       return {
-        marginTop: marginTop + "px",
-        height: `calc(100vh - ${marginTop}px)`,
-        transform: !layoutStore.sidebarVisible ? "translateX(-100%)" : void 0
+        marginBlockStart: marginBlockStart + "px",
+        height: `calc(100vh - ${marginBlockStart}px)`,
+        transform: !layoutStore.sidebarVisible ? `translateX(${dir.value === "ltr" ? "-100%" : "100%"})` : void 0
       };
     });
     return (_ctx, _cache) => {

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

@@ -5,8 +5,8 @@ var stdin_default = getSimpleStyleHook("LayoutSidebar", (token) => {
   return {
     [componentCls]: {
       position: "fixed",
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       zIndex: 1020,
       display: "flex",
       backgroundColor: token.colorBgContainer,

package/layout/layout-snug-aside/style/index.js

@@ -7,7 +7,7 @@ var stdin_default = getSimpleStyleHook("LayoutSnugAside", (token) => {
       display: "flex",
       flexDirection: "column",
       overflow: "hidden",
-      borderRight: `${token.lineWidth} ${token.lineType} ${token.colorBorder}`,
+      borderInlineEnd: `${token.lineWidth} ${token.lineType} ${token.colorBorder}`,
       transition: `width ${token.motionDurationSlow}`,
       "&.is-hide": {
         border: "none"

package/layout/layout-tabbar/layout-tabbar.vue.js

@@ -4,8 +4,10 @@ import { useGlobalConfig } from '../../config/index.js';
 import { useLayoutStore } from '../../store/layout.js';
 import stdin_default$2 from './reload.vue.js';
 import stdin_default$1 from './style/index.js';
+import { useI18n } from 'vue-i18n';
 import { useToken } from '../../components/theme/util/useToken.js';
 import { ContextMenu as _ContextMenu, ContextMenuItem as _ContextMenuItem } from '../../components/context-menu/index.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 import { Icon as _Icon } from '../../components/icon/index.js';
 
@@ -15,6 +17,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-tabbar",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
+    const {
+      t: _t
+    } = useI18n();
     const {
       prefixCls
     } = useComponentConfig("layout-tabbar");
@@ -86,9 +94,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
       closeTab(name);
     };
     const tabbarStyle = computed(() => {
-      const marginLeft = layoutStore.includeHorizontal ? layoutStore.sidebarWidth + "px" : 0;
+      const marginInlineStart = layoutStore.includeHorizontal ? layoutStore.sidebarWidth + "px" : 0;
       return {
-        marginLeft
+        marginInlineStart
       };
     });
     return (_ctx, _cache) => {
@@ -120,36 +128,36 @@ var stdin_default = /* @__PURE__ */defineComponent({
               key: 0,
               name: item.meta.icon,
               class: normalizeClass(`${unref(prefixCls)}-icon`)
-            }, null, 8, ["name", "class"])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(item.meta.title) + " ", 1
+            }, null, 8, ["name", "class"])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(_t)(item.meta.title ?? "")) + " ", 1
             /* TEXT */), createVNode(unref(_ContextMenu), null, {
               reference: withCtx(() => [createElementVNode("div", {
                 class: normalizeClass(`${unref(prefixCls)}-context-menu-reference`)
               }, null, 2
               /* CLASS */)]),
               default: withCtx(() => [createVNode(unref(_ContextMenuItem), {
-                title: "\u91CD\u65B0\u52A0\u8F7D",
+                title: unref(t)("co.common.reload"),
                 icon: "co:rotate-360",
                 disabled: item.name !== unref(layoutStore).activeTab,
                 onClick: _cache[0] || (_cache[0] = $event => unref(layoutStore).reload())
-              }, null, 8, ["disabled"]), createVNode(unref(_ContextMenuItem), {
-                title: "\u5173\u95ED",
+              }, null, 8, ["title", "disabled"]), createVNode(unref(_ContextMenuItem), {
+                title: unref(t)("co.common.close"),
                 icon: "co:close-large",
                 disabled: !item.meta.closable,
                 divided: "",
                 onClick: $event => closeTab(item.name)
-              }, null, 8, ["disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
-                title: "\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E\u9875",
+              }, null, 8, ["title", "disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
+                title: unref(t)("co.tabbar.closeLeftTabs"),
                 disabled: index === 0 || index === 1,
                 onClick: $event => closeLeftTabs(item.name, index)
-              }, null, 8, ["disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
-                title: "\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E\u9875",
+              }, null, 8, ["title", "disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
+                title: unref(t)("co.tabbar.closeRightTabs"),
                 disabled: index === unref(layoutStore).tabList.length - 1,
                 onClick: $event => closeRightTabs(item.name, index)
-              }, null, 8, ["disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
-                title: "\u5173\u95ED\u5176\u4ED6\u6807\u7B7E\u9875",
+              }, null, 8, ["title", "disabled", "onClick"]), createVNode(unref(_ContextMenuItem), {
+                title: unref(t)("co.tabbar.closeOtherTabs"),
                 disabled: unref(layoutStore).tabList.length === 1 || unref(layoutStore).tabList.length === 2 && index === 1,
                 onClick: $event => closeOtherTabs(item.name)
-              }, null, 8, ["disabled", "onClick"])]),
+              }, null, 8, ["title", "disabled", "onClick"])]),
               _: 2
               /* DYNAMIC */
             }, 1024

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

@@ -8,7 +8,7 @@ var stdin_default = getSimpleStyleHook("LayoutTabbar", (token) => {
       display: "flex",
       alignItems: "stretch",
       paddingBlockStart: token.paddingXS,
-      transition: `margin-left ${token.motionDurationSlow}`,
+      transition: `margin-inline-start ${token.motionDurationSlow}`,
       "&::before, &::after": {
         content: '""',
         display: "flex",

package/layout/layout-top-snug-menu/layout-top-snug-menu.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList } from 'vue';
 import { useRouter } from 'vue-router';
 import { useLayoutStore } from '../../store/layout.js';
+import { ElScrollbar } from 'element-plus';
 import { SnugMenu as _SnugMenu, SnugMenuItem as _SnugMenuItem } from '../../components/snug-menu/index.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -24,25 +25,31 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_SnugMenu), {
-        modelValue: unref(layoutStore).topActive,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => unref(layoutStore).topActive = $event),
-        mode: "horizontal"
+      return openBlock(), createBlock(unref(ElScrollbar), {
+        "wrap-style": "display: flex; align-items: center"
       }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutStore).topMenus, (item, i) => {
-          return openBlock(), createBlock(unref(_SnugMenuItem), {
-            key: i,
-            name: item.name,
-            index: item.name,
-            icon: item.icon,
-            title: item.title,
-            onClick: $event => onClick(item)
-          }, null, 8, ["name", "index", "icon", "title", "onClick"]);
-        }), 128
-        /* KEYED_FRAGMENT */))]),
+        default: withCtx(() => [createVNode(unref(_SnugMenu), {
+          modelValue: unref(layoutStore).topActive,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => unref(layoutStore).topActive = $event),
+          mode: "horizontal"
+        }, {
+          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutStore).topMenus, (item, i) => {
+            return openBlock(), createBlock(unref(_SnugMenuItem), {
+              key: i,
+              name: item.name,
+              index: item.name,
+              icon: item.icon,
+              title: item.title,
+              onClick: $event => onClick(item)
+            }, null, 8, ["name", "index", "icon", "title", "onClick"]);
+          }), 128
+          /* KEYED_FRAGMENT */))]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])]),
         _: 1
         /* STABLE */
-      }, 8, ["modelValue"]);
+      });
     };
   }
 });

package/layout/layout-user-menu/layout-user-menu.vue.js

@@ -3,6 +3,7 @@ import { useRouter } from 'vue-router';
 import { useGlobalConfig } from '../../config/index.js';
 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';
 import { Icon as _Icon } from '../../components/icon/index.js';
 import { defineTemplate } from '../../utils/vue.js';
@@ -13,6 +14,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "layout-user-menu",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       prefixCls
     } = useComponentConfig("layout-user-menu");
@@ -54,8 +58,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
               size: "lg"
             }), createElementVNode("span", {
               class: normalizeClass(`${unref(prefixCls)}-item-title`)
-            }, "\u9996\u9875", 2
-            /* CLASS */)]),
+            }, toDisplayString(unref(t)("co.common.home")), 3
+            /* TEXT, CLASS */)]),
             _: 1
             /* STABLE */
           }), (openBlock(), createBlock(resolveDynamicComponent(unref(UserMenu)))), createVNode(_component_el_dropdown_item, {
@@ -66,8 +70,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
               size: "lg"
             }), createElementVNode("span", {
               class: normalizeClass(`${unref(prefixCls)}-item-title`)
-            }, "\u4FEE\u6539\u5BC6\u7801", 2
-            /* CLASS */)]),
+            }, toDisplayString(unref(t)("co.auth.changePassword")), 3
+            /* TEXT, CLASS */)]),
             _: 1
             /* STABLE */
           }), createVNode(_component_el_dropdown_item, {
@@ -79,8 +83,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
               size: "lg"
             }), createElementVNode("span", {
               class: normalizeClass(`${unref(prefixCls)}-item-title`)
-            }, "\u9000\u51FA", 2
-            /* CLASS */)]),
+            }, toDisplayString(unref(t)("co.auth.logout")), 3
+            /* TEXT, CLASS */)]),
             _: 1
             /* STABLE */
           })]),

package/locale/index.d.ts

@@ -0,0 +1,10 @@
+export { default as zhCn } from './lang/zh-cn';
+export { default as en } from './lang/en';
+export type TranslatePair = {
+    [key: string]: string | string[] | TranslatePair;
+};
+export type Language = {
+    name: string;
+    el: TranslatePair;
+    co: TranslatePair;
+};

package/locale/index.js

@@ -0,0 +1,2 @@
+export { default as zhCn } from './lang/zh-cn.js';
+export { default as en } from './lang/en.js';