cosey 0.1.1 → 0.1.3

package/config/layout.js

@@ -6,7 +6,43 @@ const defaultLayoutConfig = {
   /**
    * 是否启用标签页缓存
    */
-  keepAlive: true
+  keepAlive: true,
+  /**
+   * 是否默认显示侧边栏
+   */
+  sidebarVisible: true,
+  /**
+   * 是否默认折叠收起垂直菜单
+   */
+  collapse: false,
+  /**
+   * 菜单类型
+   */
+  menuType: "vertical",
+  /**
+   * 是否显示标签页
+   */
+  tabbarVisible: true,
+  /**
+   * 侧边菜单宽度
+   */
+  asideWidth: 220,
+  /**
+   * 折叠时侧边栏菜单宽度
+   */
+  collapsedAsideWidth: 64,
+  /**
+   * 紧凑侧边菜单宽度
+   */
+  snugAsideWidth: 85,
+  /**
+   * 顶部栏高度
+   */
+  topbarHeight: 48,
+  /**
+   * 标签栏高度
+   */
+  tabbarHeight: 41
 };
 
 export { defaultLayoutConfig };

package/config/nprogress.style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (theme?: import("vue").ComputedRef<import("../components").ThemeConfig | undefined>) => void;
+export default _default;

package/config/nprogress.style.js

@@ -0,0 +1,51 @@
+import { rotation } from '../components/style/animation.js';
+import { getGlobalStyleHook } from '../components/theme/getGlobalStyleHook.js';
+
+var stdin_default = getGlobalStyleHook("co-editor-image-loading", (token) => {
+  return {
+    "#nprogress": {
+      pointerEvents: "none",
+      ".bar": {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        zIndex: 1030,
+        width: "100%",
+        height: "2px",
+        background: token.colorPrimary
+      },
+      ".peg": {
+        display: "block",
+        position: "absolute",
+        right: 0,
+        width: 100,
+        height: "100%",
+        boxShadow: `0 0 10px ${token.colorPrimary}, 0 0 5px ${token.colorPrimary}`,
+        opacity: 1,
+        transform: `rotate(3deg) translate(0px, -4px)`
+      },
+      ".spinner": {
+        position: "fixed",
+        top: 15,
+        right: 15,
+        zIndex: 1030,
+        display: "block"
+      },
+      ".spinner-icon": {
+        width: 18,
+        height: 18,
+        boxSizing: "border-box",
+        border: `solid 2px transparent`,
+        borderTopColor: token.colorPrimary,
+        borderLeftColor: token.colorPrimary,
+        borderRadius: "50%",
+        animationName: rotation,
+        animationDuration: "0.4s",
+        animationTimingFunction: "linear",
+        animationIterationCount: "infinite"
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/config/root-config-provider.vue.d.ts

@@ -1,28 +1,10 @@
 import { RootConfigProviderProps } from './root-config-provider';
-import { ConfigProvider } from '../components';
 import 'element-plus/dist/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css';
-declare const mergedConfigProviderProps: import("vue").ComputedRef<{
-    theme: {
-        algorithm: import("../components/theme/theme-context").MappingAlgorithm | import("../components/theme/theme-context").MappingAlgorithm[];
-        token?: Partial<import("../components").AliasToken>;
-        components?: import("../components/theme/interface").OverrideToken;
-        inherit?: boolean;
-    };
-    prefixCls: string;
-    table: import("../components").TableConfig;
-}>;
-declare const locale: import("vue").Ref<any, any>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_10: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<RootConfigProviderProps, {
-    ConfigProvider: typeof ConfigProvider;
-    mergedConfigProviderProps: typeof mergedConfigProviderProps;
-    locale: typeof locale;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RootConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<RootConfigProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RootConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/config/root-config-provider.vue.js

@@ -2,6 +2,7 @@ import { defineComponent, computed, provide, reactive, resolveComponent, createB
 import { getAlgorithm } from './root-config-provider.js';
 import { useLayoutStore } from '../store/layout.js';
 import { useGlobalConfig } from './index.js';
+import stdin_default$1 from './nprogress.style.js';
 import 'element-plus/dist/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css';
 import { useColorSchemeProvide } from '../hooks/useColorScheme.js';
@@ -31,6 +32,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   setup(__props) {
     const props = __props;
+    stdin_default$1();
     const {
       appliedColorScheme
     } = useColorSchemeProvide();

package/hooks/useColorScheme.js

@@ -5,9 +5,9 @@ import { isClient } from '../utils/env.js';
 const colorSchemeContextSymbol = Symbol("colorScheme");
 const colorSchemeKey = "colorScheme";
 const colorSchemeOptions = [
-  { label: "\u8DDF\u968F\u7CFB\u7EDF", icon: "mdi:circle-half-full", value: "auto" },
-  { label: "\u6D45\u8272", icon: "mdi:white-balance-sunny", value: "light" },
-  { label: "\u6DF1\u8272", icon: "mdi:weather-night", value: "dark" }
+  { label: "\u8DDF\u968F\u7CFB\u7EDF", icon: "co:circle-half-full", value: "auto" },
+  { label: "\u6D45\u8272", icon: "co:sun", value: "light" },
+  { label: "\u6DF1\u8272", icon: "co:moon", value: "dark" }
 ];
 function useColorSchemeProvide() {
   const persist = usePersist();
@@ -15,9 +15,7 @@ function useColorSchemeProvide() {
   const colorScheme = ref(defaultColorScheme);
   const appliedColorScheme = ref("light");
   const colorSchemeOption = computed(() => {
-    return colorSchemeOptions.find(
-      (option) => option.value === colorScheme.value
-    );
+    return colorSchemeOptions.find((option) => option.value === colorScheme.value);
   });
   const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
   const handleChange = (event) => {
@@ -70,9 +68,7 @@ function useColorSchemeProvide() {
   return context;
 }
 function useColorScheme() {
-  return inject(
-    colorSchemeContextSymbol
-  );
+  return inject(colorSchemeContextSymbol);
 }
 
 export { colorSchemeOptions, useColorScheme, useColorSchemeProvide };

package/hooks/useEcharts.js

@@ -14,16 +14,14 @@ function useEcharts(elRef, options = {}) {
   onBeforeUnmount(() => {
     dispose();
   });
-  const optionQueue = ref(
-    options.option ? [[options.option]] : []
-  );
+  const optionQueue = ref(options.option ? [[options.option]] : []);
   const setOption = (...args) => {
     optionQueue.value = [...optionQueue.value, args];
   };
   const doSetOption = () => {
     if (chart && optionQueue.value.length) {
       for (const option of optionQueue.value) {
-        chart.setOption.apply(chart, option);
+        chart.setOption(...option);
       }
       optionQueue.value = [];
     }

package/hooks/useFetch.d.ts

@@ -5,7 +5,7 @@ export interface UseFetchOptions<T> {
     immediate?: boolean;
     initialData?: T;
 }
-export declare function useFetch<T = unknown, U = unknown>(fetcher: (params: U) => Promise<any> | any, options?: UseFetchOptions<T>): {
+export declare function useFetch<T = any, U = any>(fetcher: (params: U) => Promise<any> | any, options?: UseFetchOptions<T>): {
     isFetching: import("vue").ShallowRef<boolean, boolean>;
     data: import("vue").Ref<any, any> extends T | undefined ? import("vue").ShallowRef<undefined, undefined> | (T extends T & import("vue").Ref<any, any> ? import("@vue/shared").IfAny<T, import("vue").ShallowRef<T, T>, T> : import("vue").ShallowRef<T, T>) : import("vue").ShallowRef<T | undefined, T | undefined>;
     error: import("vue").ShallowRef<any, any>;

package/hooks/useFetch.js

@@ -1,13 +1,7 @@
 import { shallowRef } from 'vue';
 
 function useFetch(fetcher, options = {}) {
-  const {
-    immediate = true,
-    initialData,
-    onSuccess,
-    onError,
-    onFinally
-  } = options;
+  const { immediate = true, initialData, onSuccess, onError, onFinally } = options;
   const isFetching = shallowRef(false);
   const data = shallowRef(initialData);
   const error = shallowRef();

package/hooks/useFullPage.js

@@ -11,16 +11,10 @@ function useFullPage(options = {}) {
   };
   onMounted(() => {
     target.value = document.documentElement;
-    document.documentElement.addEventListener(
-      "fullscreenchange",
-      onFullscreenChange
-    );
+    document.documentElement.addEventListener("fullscreenchange", onFullscreenChange);
   });
   onBeforeUnmount(() => {
-    document.documentElement.removeEventListener(
-      "fullscreenchange",
-      onFullscreenChange
-    );
+    document.documentElement.removeEventListener("fullscreenchange", onFullscreenChange);
   });
   const isFullPage = ref(false);
   const enter = () => {
@@ -40,7 +34,11 @@ function useFullPage(options = {}) {
     }
   };
   const toggle = () => {
-    isFullPage.value ? exit() : enter();
+    if (isFullPage.value) {
+      exit();
+    } else {
+      enter();
+    }
   };
   return {
     isFullPage,

package/hooks/useLocale.js

@@ -32,9 +32,7 @@ function useLocaleProvide() {
   return context;
 }
 function useLocale() {
-  return inject(
-    localeContextSymbol
-  );
+  return inject(localeContextSymbol);
 }
 
 export { useLocale, useLocaleProvide };

package/hooks/useLockscreenObserver.js

@@ -6,7 +6,7 @@ function useLockscreenObserver() {
   let observer;
   onMounted(() => {
     observer = new MutationObserver((mutationsList) => {
-      for (let mutation of mutationsList) {
+      for (const mutation of mutationsList) {
         if (mutation.type === "attributes" && mutation.attributeName === "class") {
           locked.value = document.body.classList.contains(hiddenCls);
         }

package/hooks/usePersist.js

@@ -1,9 +1,7 @@
 import Persist from '@gunny/persist';
 import { inject } from 'vue';
 
-const persistContextKey = Symbol(
-  "persistContext"
-);
+const persistContextKey = Symbol("persistContext");
 const createPersist = (name, type) => {
   return new Persist(name, { type });
 };

package/hooks/useTreeCheck.js

@@ -1,25 +1,16 @@
 import { ref, shallowReactive, computed, provide, inject } from 'vue';
 import { walkTreeNode, mapTree, mapTreeExtra, walkAncestor } from '../utils/tree.js';
 
-const treeCheckContextKey = Symbol(
-  "treeCheckContext"
-);
+const treeCheckContextKey = Symbol("treeCheckContext");
 function useTreeCheck(options) {
-  const {
-    childrenKey = "children",
-    initialChecked,
-    mergeLast,
-    checkStrictly
-  } = options || {};
+  const { childrenKey = "children", initialChecked, mergeLast, checkStrictly } = options || {};
   const initialCheckedStatus = initialChecked ? "checked" : "unchecked";
   const tree = ref([]);
   const rootNode = shallowReactive({
     checkedStatus: initialCheckedStatus
   });
   const checkAllValue = computed(() => rootNode.checkedStatus === "checked");
-  const checkAllIndeterminate = computed(
-    () => rootNode.checkedStatus === "indeterminate"
-  );
+  const checkAllIndeterminate = computed(() => rootNode.checkedStatus === "indeterminate");
   const updateAncestorChecked = (node) => {
     walkAncestor(node, "parent", (node2) => {
       const children = node2.children || [];
@@ -43,21 +34,17 @@ function useTreeCheck(options) {
     setCheckedByNode(rootNode, !!value);
   };
   const initialize = (rawTree) => {
-    rootNode.children = tree.value = mapTreeExtra(
-      rawTree,
-      (rawNode) => rawNode,
-      {
-        childrenKey,
-        parent: rootNode,
-        mergeLast,
-        customNode(node) {
-          return shallowReactive({
-            ...node,
-            checkedStatus: initialCheckedStatus
-          });
-        }
+    rootNode.children = tree.value = mapTreeExtra(rawTree, (rawNode) => rawNode, {
+      childrenKey,
+      parent: rootNode,
+      mergeLast,
+      customNode(node) {
+        return shallowReactive({
+          ...node,
+          checkedStatus: initialCheckedStatus
+        });
       }
-    );
+    });
     rootNode.checkedStatus = initialCheckedStatus;
   };
   const getRawTree = () => {

package/hooks/useUpsert.d.ts

@@ -1,7 +1,7 @@
 export interface UseUpsertExposeOptions {
     success?: () => any;
 }
-export interface UseUpsertExpose<Row extends Record<string, any>, Data extends unknown> {
+export interface UseUpsertExpose<Row extends Record<string, any>, Data> {
     edit: (row: Row) => any;
     add: () => any;
     setData: (data: Data) => UseUpsertExpose<Row, Data>;
@@ -22,7 +22,7 @@ export interface UseUpsertOptions<Model, Row = Model, Data = Model> {
     addSuccessText?: string;
     editSuccessText?: string;
 }
-export declare function useUpsert<Model extends Record<string, any>, Row extends Record<string, any> = Model, Data extends unknown = unknown>(options: UseUpsertOptions<Model, Row>): {
+export declare function useUpsert<Model extends Record<string, any>, Row extends Record<string, any> = Model, Data = any>(options: UseUpsertOptions<Model, Row>): {
     expose: UseUpsertExpose<Row, Data>;
     edit: (row: Row) => any;
     add: () => any;
@@ -44,7 +44,7 @@ export declare function useUpsert<Model extends Record<string, any>, Row extends
 export interface UseExternalUpsertOptions {
     success?: () => any;
 }
-export declare function useOuterUpsert<Row extends Record<string, any>, Data extends unknown>(options: UseExternalUpsertOptions): {
+export declare function useOuterUpsert<Row extends Record<string, any>, Data>(options: UseExternalUpsertOptions): {
     add: () => void;
     edit: (row: Row) => void;
     setData: (data: Data) => /*elided*/ any;

package/index.d.ts

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

package/index.js

@@ -40,7 +40,7 @@ export { default as LayoutTabbar } from './layout/layout-tabbar/layout-tabbar.vu
 export { default as LayoutToggle } from './layout/layout-toggle/layout-toggle.vue.js';
 export { default as LayoutTopSnugMenu } from './layout/layout-top-snug-menu/layout-top-snug-menu.vue.js';
 export { default as LayoutTopbar } from './layout/layout-topbar/layout-topbar.vue.js';
-export { default as LayoutUser } from './layout/layout-user/layout-user.vue.js';
+export { default as LayoutUserMenu } from './layout/layout-user-menu/layout-user-menu.vue.js';
 export { default as MergedLayoutAside } from './layout/merged/layout-aside.js';
 export { default as MergedLayoutAuth } from './layout/merged/layout-auth.js';
 export { default as MergedLayoutBase } from './layout/merged/layout-base.js';
@@ -69,22 +69,23 @@ export { default as MergedLayoutTabbar } from './layout/merged/layout-tabbar.js'
 export { default as MergedLayoutToggle } from './layout/merged/layout-toggle.js';
 export { default as MergedLayoutTopSnugMenu } from './layout/merged/layout-top-snug-menu.js';
 export { default as MergedLayoutTopbar } from './layout/merged/layout-topbar.js';
-export { default as MergedLayoutUser } from './layout/merged/layout-user.js';
+export { default as MergedLayoutUserMenu } from './layout/merged/layout-user-menu.js';
 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 router = createCoseyRouter(options.router);
   return {
     install(app) {
       provideGlobalConfig(app, options);
-      const router = createCoseyRouter(options.router);
       app.use(router);
       registerRouterGuard(router);
       app.use(store);
       registerGlobalComponents(app);
     },
-    store
+    store,
+    router
   };
 };
 

package/layout/index.js

@@ -28,7 +28,7 @@ export { default as LayoutTabbar } from './layout-tabbar/layout-tabbar.vue.js';
 export { default as LayoutToggle } from './layout-toggle/layout-toggle.vue.js';
 export { default as LayoutTopSnugMenu } from './layout-top-snug-menu/layout-top-snug-menu.vue.js';
 export { default as LayoutTopbar } from './layout-topbar/layout-topbar.vue.js';
-export { default as LayoutUser } from './layout-user/layout-user.vue.js';
+export { default as LayoutUserMenu } from './layout-user-menu/layout-user-menu.vue.js';
 export { default as MergedLayoutAside } from './merged/layout-aside.js';
 export { default as MergedLayoutAuth } from './merged/layout-auth.js';
 export { default as MergedLayoutBase } from './merged/layout-base.js';
@@ -57,7 +57,7 @@ export { default as MergedLayoutTabbar } from './merged/layout-tabbar.js';
 export { default as MergedLayoutToggle } from './merged/layout-toggle.js';
 export { default as MergedLayoutTopSnugMenu } from './merged/layout-top-snug-menu.js';
 export { default as MergedLayoutTopbar } from './merged/layout-topbar.js';
-export { default as MergedLayoutUser } from './merged/layout-user.js';
+export { default as MergedLayoutUserMenu } from './merged/layout-user-menu.js';
 
 function registerGlobalComponents(app) {
   app.use(ElementPlus);

package/layout/layout-aside/layout-aside.vue.js

@@ -57,7 +57,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onClick: _cache[0] || (_cache[0] = $event => unref(layoutStore).collapse = !unref(layoutStore).collapse)
       }, {
         default: withCtx(() => [createVNode(unref(_Icon), {
-          name: unref(layoutStore).collapse ? "mdi:chevron-double-right" : "mdi:chevron-double-left"
+          size: "lg",
+          name: unref(layoutStore).collapse ? "co:chevron-right" : "co:chevron-left"
         }, null, 8, ["name"])]),
         _: 1
         /* STABLE */

package/layout/layout-base/layout-base.vue.js

@@ -15,7 +15,7 @@ import stdin_default$e from '../merged/layout-top-snug-menu.js';
 import stdin_default$8 from '../merged/layout-topbar.js';
 import stdin_default$a from '../merged/layout-color-scheme.js';
 import stdin_default$9 from '../merged/layout-search.js';
-import stdin_default$b from '../merged/layout-user.js';
+import stdin_default$b from '../merged/layout-user-menu.js';
 import stdin_default$1 from './style/index.js';
 import { useLayoutStore } from '../../store/layout.js';
 import { useGlobalConfig } from '../../config/index.js';

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

@@ -52,7 +52,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         ref_key: "formRef",
         ref: formRef,
         model: formState,
-        onKeyup: withKeys(withModifiers(onSubmit, ["prevent"]), ["enter", "native"])
+        onKeyup: withKeys(withModifiers(onSubmit, ["prevent"]), ["enter"])
       }, {
         default: withCtx(() => [createVNode(_component_el_form_item, {
           prop: "oldPassword",
@@ -70,7 +70,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             placeholder: "\u539F\u5BC6\u7801"
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
-              name: "mdi:shield-key-outline",
+              name: "co:password",
               class: normalizeClass(`${unref(prefixCls)}-icon`)
             }, null, 8, ["class"])]),
             _: 1
@@ -94,7 +94,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             placeholder: "\u65B0\u5BC6\u7801"
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
-              name: "mdi:shield-key-outline",
+              name: "co:password",
               class: normalizeClass(`${unref(prefixCls)}-icon`)
             }, null, 8, ["class"])]),
             _: 1
@@ -124,7 +124,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             placeholder: "\u786E\u8BA4\u5BC6\u7801"
           }, {
             prefix: withCtx(() => [createVNode(_component_co_icon, {
-              name: "mdi:shield-key-outline",
+              name: "co:password",
               class: normalizeClass(`${unref(prefixCls)}-icon`)
             }, null, 8, ["class"])]),
             _: 1
@@ -141,8 +141,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
             onClick: onSubmit
           }, {
             default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode(" \u4FEE\u6539\u5BC6\u7801 ")])),
-            _: 1
-            /* STABLE */
+            _: 1,
+            __: [4]
           }, 8, ["class", "loading"])]),
           _: 1
           /* STABLE */
@@ -153,8 +153,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
             onClick: _cache[3] || (_cache[3] = $event => unref(router).back())
           }, {
             default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode(" \u8FD4\u56DE ")])),
-            _: 1
-            /* STABLE */
+            _: 1,
+            __: [5]
           }, 8, ["class"])]),
           _: 1
           /* STABLE */

package/layout/layout-change-password/style/index.js

@@ -5,7 +5,7 @@ var stdin_default = getSimpleStyleHook("LayoutChangePassword", (token) => {
   return {
     [componentCls]: {
       [`${componentCls}-title`]: {
-        marginBlockEnd: token.marginLG,
+        marginBlockEnd: token.marginXL,
         textAlign: "center",
         fontSize: token.fontSizeHeading2,
         lineHeight: token.lineHeightHeading2,

package/layout/layout-color-scheme/layout-color-scheme.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useTemplateRef, createElementBlock, openBlock, createVNode, unref, normalizeClass, withCtx, createBlock, nextTick } from 'vue';
+import { defineComponent, computed, useTemplateRef, createElementBlock, openBlock, createVNode, unref, normalizeClass, withCtx, nextTick } from 'vue';
 import stdin_default$1, { useGlobalStyle } from './style/index.js';
 import { ElButton } from 'element-plus';
 import { useColorScheme } from '../../hooks/useColorScheme.js';
@@ -32,9 +32,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       await nextTick();
     };
     const startViewTransition = el => {
-      const isAppearanceTransition =
-      // @ts-expect-error
-      document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      const isAppearanceTransition = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (!isAppearanceTransition) {
         updateCallback();
         return;
@@ -67,17 +65,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
         class: normalizeClass([unref(hashId), unref(prefixCls)]),
         onClick
       }, {
-        default: withCtx(() => [isDark.value ? (openBlock(), createBlock(unref(_Icon), {
-          key: 0,
-          class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-icon-night`]),
-          name: "mdi:weather-night",
+        default: withCtx(() => [createVNode(unref(_Icon), {
+          class: normalizeClass([`${unref(prefixCls)}-icon`, {
+            ["is-light"]: !isDark.value
+          }]),
+          name: `${isDark.value ? "co:moon" : "co:sun"}`,
           size: "xl"
-        }, null, 8, ["class"])) : (openBlock(), createBlock(unref(_Icon), {
-          key: 1,
-          class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-icon-sunny`]),
-          name: "mdi:white-balance-sunny",
-          size: "xl"
-        }, null, 8, ["class"]))]),
+        }, null, 8, ["class", "name"])]),
         _: 1
         /* STABLE */
       }, 8, ["class"])]);

package/layout/layout-color-scheme/style/index.d.ts

@@ -1,6 +1,3 @@
-import { Keyframes } from '../../../components';
-export declare const sunnyIn: Keyframes;
-export declare const sunnyOut: Keyframes;
 export declare const useGlobalStyle: (theme?: import("vue").ComputedRef<import("../../../components").ThemeConfig | undefined>) => void;
 declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../../components").ThemeConfig | undefined>) => {
     hashId: import("vue").Ref<string, string>;