yc-design-vue 1.5.1 → 1.5.2

package/es/Calendar/Calendar.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<CalendarProps, {},
     mode: CalendarMode;
     modelValue: Date;
     defaultValue: Date;
-    modes: CalendarMode[];
     defaultMode: CalendarMode;
+    modes: CalendarMode[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Calendar/index.d.ts

@@ -17,8 +17,8 @@ declare const Calendar: {
         mode: import('./type').CalendarMode;
         modelValue: Date;
         defaultValue: Date;
-        modes: import('./type').CalendarMode[];
         defaultMode: import('./type').CalendarMode;
+        modes: import('./type').CalendarMode[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -35,8 +35,8 @@ declare const Calendar: {
         mode: import('./type').CalendarMode;
         modelValue: Date;
         defaultValue: Date;
-        modes: import('./type').CalendarMode[];
         defaultMode: import('./type').CalendarMode;
+        modes: import('./type').CalendarMode[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,8 +55,8 @@ declare const Calendar: {
     mode: import('./type').CalendarMode;
     modelValue: Date;
     defaultValue: Date;
-    modes: import('./type').CalendarMode[];
     defaultMode: import('./type').CalendarMode;
+    modes: import('./type').CalendarMode[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').CalendarSlots> & import('./type').CalendarSlots;
 }) & {

package/es/Layout/hooks/useSiderContext.d.ts

@@ -3,7 +3,7 @@ import { Props, Theme } from '../../_shared/type';
 import { LayoutSiderEmits } from '../type';
 export declare const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 export type LayoutContext = {
-    theme: Ref<Theme>;
+    theme: Ref<Theme | undefined>;
     collapsed: Ref<boolean>;
 };
 declare const _default: () => {

package/es/Layout/hooks/useSiderContext.js

@@ -1,27 +1,16 @@
 import { toRefs, computed, provide, inject, ref } from "vue";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
-import { isUndefined } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
 import useControlValue from "../../_shared/utils/control.js";
-import { useDark } from "../../node_modules/@vueuse/core/index.js";
 const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 const useSiderContext = () => {
-  const isDark = useDark({
-    selector: "body",
-    attribute: "yc-design-theme",
-    valueDark: "dark",
-    valueLight: "light",
-    initialValue: "light"
-  });
   const provide$1 = (props, emits) => {
-    const {
-      theme: _theme,
-      collapsed,
-      defaultCollapsed
-    } = toRefs(props);
+    const { collapsed, defaultCollapsed, theme } = toRefs(
+      props
+    );
     const computedCollapsed = useControlValue(
       collapsed,
       defaultCollapsed.value,
@@ -29,24 +18,19 @@ const useSiderContext = () => {
         emits("update:collapsed", val);
       }
     );
-    const theme = computed(() => {
-      if (!isUndefined(_theme.value)) {
-        return _theme.value;
-      }
-      return isDark.value ? "dark" : "light";
-    });
+    const mergeTheme = computed(() => theme.value || "light");
     provide(LAYOUT_CONTEXT_KEY, {
       theme,
       collapsed: computedCollapsed
     });
     return {
-      theme,
+      theme: mergeTheme,
       computedCollapsed
     };
   };
   const inject$1 = () => {
     return inject(LAYOUT_CONTEXT_KEY, {
-      theme: computed(() => isDark.value ? "dark" : "light"),
+      theme: ref(void 0),
       collapsed: ref(false)
     });
   };

package/es/Layout/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+declare const _default: () => {
+    theme: import('vue').Ref<"light" | "dark", "light" | "dark">;
+};
+export default _default;

package/es/Layout/hooks/useTheme.js

@@ -0,0 +1,34 @@
+import { ref, onMounted } from "vue";
+import { useMutationObserver } from "../../node_modules/@vueuse/core/index.js";
+const useTheme = () => {
+  const theme = ref("light");
+  onMounted(() => {
+    const value = document.body.getAttribute("yc-design-theme");
+    theme.value = value === "dark" ? "dark" : "light";
+  });
+  useMutationObserver(
+    document.body,
+    (mutationsList) => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === "attributes" && mutation.attributeName === "yc-design-theme") {
+          const value = mutation.target.getAttribute(
+            "yc-design-theme"
+          );
+          theme.value = value === "dark" ? "dark" : "light";
+          console.log(theme.value, "theme");
+        }
+      }
+    },
+    {
+      attributes: true,
+      // 明确告诉 MutationObserver 我们要监听属性的变化
+      attributeFilter: ["yc-design-theme"]
+    }
+  );
+  return {
+    theme
+  };
+};
+export {
+  useTheme as default
+};

package/es/Menu/hooks/useContext.js

@@ -8,8 +8,9 @@ import "../../Empty/index.js";
 import useControlValue from "../../_shared/utils/control.js";
 import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
-import { useResizeObserver, useDark } from "../../node_modules/@vueuse/core/index.js";
+import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
 import useSiderContext from "../../Layout/hooks/useSiderContext.js";
+import useTheme from "../../Layout/hooks/useTheme.js";
 import SubMenu from "../SubMenu.vue.js";
 import MenuItem from "../MenuItem.vue.js";
 const MENU_CONTEXT_KEY = "menu-context";
@@ -115,6 +116,7 @@ const getPopupMaxHeight = (popupMaxHeight) => {
   }
 };
 const useMenuContext = () => {
+  const { theme: sysTheme } = useTheme();
   const provide$1 = (props, emits, menuRef) => {
     const {
       selectedKeys,
@@ -231,14 +233,6 @@ const useMenuContext = () => {
     };
   };
   const inject$1 = () => {
-    const isDark = useDark({
-      selector: "body",
-      attribute: "yc-design-theme",
-      valueDark: "dark",
-      valueLight: "light",
-      initialValue: "light"
-    });
-    console.log(isDark.value, "isDark");
     return inject(MENU_CONTEXT_KEY, {
       computedSelectedKeys: ref(""),
       computedOpenKeys: ref([]),
@@ -250,7 +244,7 @@ const useMenuContext = () => {
       triggerProps: ref({}),
       autoOpenSelected: ref(false),
       mode: ref("vertical"),
-      theme: computed(() => isDark.value ? "dark" : "light"),
+      theme: sysTheme,
       popupMaxHeight: ref(),
       autoScrollIntoView: ref(false),
       scrollConfig: ref({}),

package/es/Transfer/TransferPanel.vue2.js

@@ -5,8 +5,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconDelete.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue2.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";

package/es/Typography/TypographyBase.vue2.js

@@ -5,8 +5,8 @@ import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";

package/es/_shared/icons/IconCopy.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconCopy",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconCopy.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconCopy.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconCopy.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconCopy",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconDelete.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconDelete",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconDelete.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconDelete.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconDelete.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconDelete",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEdit",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEdit.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconEdit.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEdit",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSearch",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSearch.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSearch.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };