@yh-ui/components 0.1.17 → 0.1.22

package/dist/menu/src/menu-item.vue.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "";
     };
 }>> & Readonly<{}>, {
-    readonly disabled: boolean;
     readonly label: string;
+    readonly disabled: boolean;
     readonly route: string | object;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/menu/src/menu-recursive-item.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { inject } from "vue";
+import { inject, unref } from "vue";
 import { YhIcon } from "../../icon";
 import YhMenuItem from "./menu-item.vue";
 import YhSubMenu from "./sub-menu.vue";
@@ -12,30 +12,49 @@ defineProps({
   item: { type: Object, required: true }
 });
 const menu = inject(MENU_INJECTION_KEY);
-const keyField = menu?.keyField.value || "key";
-const labelField = menu?.labelField.value || "label";
+const keyField = unref(menu?.keyField) || "key";
+const labelField = unref(menu?.labelField) || "label";
 </script>
 
 <template>
   <!-- 分组模式 -->
-  <yh-menu-item-group v-if="item.group" :title="item[labelField] || item.label">
-    <yh-menu-recursive-item v-for="child in item.children" :key="child[keyField] || child.index" :item="child" />
+  <yh-menu-item-group
+    v-if="item.group"
+    :title="item[labelField] || item.label || ''"
+  >
+    <yh-menu-recursive-item
+      v-for="(child, idx) in item.children"
+      :key="child[keyField] || child.index || idx || ''"
+      :item="child"
+    />
   </yh-menu-item-group>
 
   <!-- 子菜单模式 -->
-  <yh-sub-menu v-else-if="item.children && item.children.length > 0" :index="item[keyField] || item.index"
-    :label="item[labelField] || item.label" :disabled="item.disabled">
-    <template #title v-if="item.icon">
+  <yh-sub-menu
+    v-else-if="item.children && item.children.length > 0"
+    :index="item[keyField] || item.index || ''"
+    :label="item[labelField] || item.label || ''"
+    :disabled="item.disabled"
+  >
+    <template v-if="item.icon" #title>
       <yh-icon :name="item.icon" />
       <span>{{ item[labelField] || item.label }}</span>
     </template>
     <!-- 递归渲染子项 -->
-    <yh-menu-recursive-item v-for="child in item.children" :key="child[keyField] || child.index" :item="child" />
+    <yh-menu-recursive-item
+      v-for="(child, idx) in item.children"
+      :key="child[keyField] || child.index || idx || ''"
+      :item="child"
+    />
   </yh-sub-menu>
 
   <!-- 普通菜单项 -->
-  <yh-menu-item v-else :index="item[keyField] || item.index" :label="item[labelField] || item.label"
-    :disabled="item.disabled">
+  <yh-menu-item
+    v-else
+    :index="item[keyField] || item.index || ''"
+    :label="item[labelField] || item.label || ''"
+    :disabled="item.disabled"
+  >
     <template v-if="item.icon" #default>
       <yh-icon :name="item.icon" />
       <span>{{ item[labelField] || item.label }}</span>

package/dist/menu/src/menu.cjs

@@ -107,7 +107,7 @@ const menuProps = exports.menuProps = {
   },
   /** 所有弹出菜单的自定义样式 */
   popperStyle: {
-    type: [String, Object],
+    type: [Object, String, Array],
     default: ""
   },
   /** 菜单出现前的延迟 */

package/dist/menu/src/menu.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType, InjectionKey, Ref, Component, VNodeChild } from 'vue';
+import type { ExtractPropTypes, PropType, InjectionKey, Ref, Component, VNodeChild, StyleValue } from 'vue';
 export type MenuMode = 'horizontal' | 'vertical';
 export type MenuTrigger = 'hover' | 'click';
 export interface MenuItemData {
@@ -122,7 +122,7 @@ export declare const menuProps: {
     };
     /** 所有弹出菜单的自定义样式 */
     readonly popperStyle: {
-        readonly type: PropType<string | object>;
+        readonly type: PropType<StyleValue>;
         readonly default: "";
     };
     /** 菜单出现前的延迟 */
@@ -313,7 +313,7 @@ export interface MenuContext {
     popperOffset: Ref<number>;
     popperEffect: Ref<'dark' | 'light'>;
     popperClass: Ref<string>;
-    popperStyle: Ref<string | object>;
+    popperStyle: Ref<StyleValue | undefined>;
     showTimeout: Ref<number>;
     hideTimeout: Ref<number>;
     persistent: Ref<boolean>;

package/dist/menu/src/menu.mjs

@@ -101,7 +101,7 @@ export const menuProps = {
   },
   /** 所有弹出菜单的自定义样式 */
   popperStyle: {
-    type: [String, Object],
+    type: [Object, String, Array],
     default: ""
   },
   /** 菜单出现前的延迟 */

package/dist/menu/src/menu.vue

@@ -133,7 +133,7 @@ defineExpose({
     <slot>
       <yh-menu-recursive-item
         v-for="item in options"
-        :key="item[keyField] || item.index"
+        :key="(item[keyField] as string) || item.index || (item.key as string) || ''"
         :item="item"
       />
     </slot>

package/dist/menu/src/menu.vue.d.ts

@@ -84,7 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "";
     };
     readonly popperStyle: {
-        readonly type: import("vue").PropType<string | object>;
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
         readonly default: "";
     };
     readonly showTimeout: {
@@ -160,38 +160,201 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     close: (index: string) => void;
     activeIndex: import("vue").Ref<string, string>;
     openedMenus: import("vue").Ref<string[], string[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly teleported: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (_index: string, _indexPath: string[], _item: import("./menu").MenuItemData | undefined, _routeResult?: Promise<void> | undefined) => void;
+    close: (_index: string, _indexPath: string[]) => void;
+    open: (_index: string, _indexPath: string[]) => void;
+    "update:value": (_value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly mode: {
+        readonly type: import("vue").PropType<import("./menu").MenuMode>;
+        readonly default: "vertical";
+    };
+    readonly defaultActive: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly defaultOpeneds: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: () => never[];
+    };
+    readonly uniqueOpened: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly menuTrigger: {
+        readonly type: import("vue").PropType<import("./menu").MenuTrigger>;
+        readonly default: "hover";
+    };
+    readonly collapse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapseTransition: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly router: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly backgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly activeTextColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly ellipsis: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperZIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly gap: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly ellipsisIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly default: "";
+    };
+    readonly popperOffset: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly popperEffect: {
+        readonly type: import("vue").PropType<"dark" | "light">;
+        readonly default: "light";
+    };
+    readonly closeOnClickOutside: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: "";
+    };
+    readonly showTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly hideTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly iconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly indent: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly rootIndent: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly expandAll: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly renderExtra: {
+        readonly type: import("vue").PropType<(option: import("./menu").MenuItemData) => import("vue").VNodeChild>;
+        readonly default: undefined;
+    };
+    readonly renderIcon: {
+        readonly type: import("vue").PropType<(option: import("./menu").MenuItemData) => import("vue").VNodeChild>;
+        readonly default: undefined;
+    };
+    readonly renderLabel: {
+        readonly type: import("vue").PropType<(option: import("./menu").MenuItemData) => import("vue").VNodeChild>;
+        readonly default: undefined;
+    };
+    readonly responsive: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: import("vue").PropType<string | null>;
+        readonly default: undefined;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<import("./menu").MenuItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly inverted: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly keyField: {
+        readonly type: StringConstructor;
+        readonly default: "key";
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onSelect?: ((_index: string, _indexPath: string[], _item: import("./menu").MenuItemData | undefined, _routeResult?: Promise<void> | undefined) => any) | undefined;
+    onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    "onUpdate:value"?: ((_value: string) => any) | undefined;
+}>, {
+    readonly mode: import("./menu").MenuMode;
     readonly value: string | null;
     readonly collapse: boolean;
-    readonly ellipsis: boolean;
-    readonly backgroundColor: string;
+    readonly expandAll: boolean;
+    readonly responsive: boolean;
+    readonly textColor: string;
+    readonly activeTextColor: string;
     readonly gap: number;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly iconSize: number;
+    readonly backgroundColor: string;
+    readonly ellipsis: boolean;
+    readonly options: import("./menu").MenuItemData[];
     readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly popperStyle: import("vue").StyleValue;
+    readonly popperOffset: number;
+    readonly indent: number;
     readonly persistent: boolean;
-    readonly popperStyle: string | object;
-    readonly options: import("./menu").MenuItemData[];
-    readonly mode: import("./menu").MenuMode;
-    readonly textColor: string;
-    readonly expandAll: boolean;
-    readonly responsive: boolean;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
     readonly uniqueOpened: boolean;
     readonly menuTrigger: import("./menu").MenuTrigger;
     readonly collapseTransition: boolean;
     readonly router: boolean;
-    readonly activeTextColor: string;
     readonly popperZIndex: number;
     readonly ellipsisIcon: string | import("vue").Component;
-    readonly popperOffset: number;
     readonly popperEffect: "dark" | "light";
     readonly closeOnClickOutside: boolean;
     readonly showTimeout: number;
     readonly hideTimeout: number;
-    readonly iconSize: number;
-    readonly indent: number;
     readonly rootIndent: number;
     readonly renderExtra: (option: import("./menu").MenuItemData) => import("vue").VNodeChild;
     readonly renderIcon: (option: import("./menu").MenuItemData) => import("vue").VNodeChild;

package/dist/menu/src/sub-menu.vue

@@ -1,5 +1,13 @@
 <script setup>
-import { ref, inject, computed, provide, onMounted, onBeforeUnmount } from "vue";
+import {
+  ref,
+  inject,
+  computed,
+  unref,
+  provide,
+  onMounted,
+  onBeforeUnmount
+} from "vue";
 import { useNamespace } from "@yh-ui/hooks";
 import { YhIcon } from "../../icon";
 import { YhTooltip } from "../../tooltip";
@@ -63,8 +71,7 @@ const mergedPopperClass = computed(() => {
   return classes.join(" ");
 });
 const mergedPopperStyle = computed(() => {
-  const style = menu?.popperStyle.value ?? {};
-  return typeof style === "string" ? {} : style;
+  return unref(menu?.popperStyle) || {};
 });
 const mergedPopperEffect = computed(() => menu?.popperEffect.value ?? "light");
 const clearTimers = () => {

package/dist/menu/src/sub-menu.vue.d.ts

@@ -71,8 +71,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "";
     };
 }>> & Readonly<{}>, {
-    readonly disabled: boolean;
     readonly label: string;
+    readonly disabled: boolean;
     readonly popperClass: string;
     readonly popperOffset: number;
     readonly showTimeout: number;

package/dist/message/index.d.ts

@@ -1,3 +1,3 @@
-export declare const YhMessage: import("./src/message").MessageFn;
+export declare const YhMessage: import(".").MessageFn;
 export default YhMessage;
 export * from './src/message';

package/dist/message/src/message.vue.d.ts

@@ -13,12 +13,12 @@ declare const __VLS_component: import("vue").DefineComponent<MessageProps, {
 }, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{
     onDestroy?: (() => any) | undefined;
 }>, {
-    offset: number;
     type: import("./message").MessageType;
     center: boolean;
+    offset: number;
+    duration: number;
     placement: import("./message").MessagePlacement;
     showClose: boolean;
-    duration: number;
     dangerouslyUseHTMLString: boolean;
     grouping: boolean;
     repeatNum: number;

package/dist/message/src/method.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var _vue = require("vue");
 var _message = _interopRequireDefault(require("./message.vue"));
-require("./message.scss");
+require("./message.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const instances = [];
 let seed = 1;

package/dist/message/src/method.d.ts

@@ -4,6 +4,6 @@
  * @reference 市面组件库 Message 实现
  */
 import type { MessageFn } from './message';
-import './message.scss';
+import './message.css';
 declare const Message: MessageFn;
 export default Message;

package/dist/message/src/method.mjs

@@ -1,6 +1,6 @@
 import { createVNode, render, shallowReactive } from "vue";
 import MessageConstructor from "./message.vue";
-import "./message.scss";
+import "./message.css";
 const instances = [];
 let seed = 1;
 const getOffset = (placement, offset) => {

package/dist/message-box/index.cjs

@@ -9,7 +9,7 @@ var _exportNames = {
 module.exports = exports.YhMessageBox = void 0;
 var _utils = require("@yh-ui/utils");
 var _method = _interopRequireDefault(require("./src/method.cjs"));
-require("./src/message-box.scss");
+require("./src/message-box.css");
 var _messageBox2 = require("./src/message-box.cjs");
 Object.keys(_messageBox2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -30,7 +30,7 @@ const installExtra = app => {
   app.config.globalProperties.$prompt = _method.default.prompt;
 };
 YhMessageBox.install = app => {
-  app.config.globalProperties.$msgbox = _method.default;
+  app.config.globalProperties.$msgbox = YhMessageBox;
   installExtra(app);
 };
 module.exports = YhMessageBox;

package/dist/message-box/index.d.ts

@@ -1,4 +1,4 @@
-import './src/message-box.scss';
-export declare const YhMessageBox: import("@yh-ui/utils").SFCWithInstall<import("./src/message-box").MessageBoxHandler>;
+import './src/message-box.css';
+export declare const YhMessageBox: import("@yh-ui/utils").SFCWithInstall<import(".").MessageBoxHandler>;
 export default YhMessageBox;
 export * from './src/message-box';

package/dist/message-box/index.mjs

@@ -1,6 +1,6 @@
 import { withInstallFunction } from "@yh-ui/utils";
 import MessageBox from "./src/method.mjs";
-import "./src/message-box.scss";
+import "./src/message-box.css";
 export const YhMessageBox = withInstallFunction(MessageBox, "$msgbox");
 const installExtra = (app) => {
   app.config.globalProperties.$alert = MessageBox.alert;
@@ -8,7 +8,7 @@ const installExtra = (app) => {
   app.config.globalProperties.$prompt = MessageBox.prompt;
 };
 YhMessageBox.install = (app) => {
-  app.config.globalProperties.$msgbox = MessageBox;
+  app.config.globalProperties.$msgbox = YhMessageBox;
   installExtra(app);
 };
 export default YhMessageBox;

package/dist/notification/index.d.ts

@@ -1,3 +1,3 @@
-export declare const YhNotification: import("./src/notification").NotificationFn;
+export declare const YhNotification: import(".").NotificationFn;
 export default YhNotification;
 export * from './src/notification';

package/dist/notification/src/method.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var _vue = require("vue");
 var _notification = _interopRequireDefault(require("./notification.vue"));
-require("./notification.scss");
+require("./notification.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const instances = {
   "top-right": [],

package/dist/notification/src/method.d.ts

@@ -3,6 +3,6 @@
  * @description 函数式调用通知
  */
 import type { NotificationFn } from './notification';
-import './notification.scss';
+import './notification.css';
 declare const Notification: NotificationFn;
 export default Notification;

package/dist/notification/src/method.mjs

@@ -1,6 +1,6 @@
 import { createVNode, render, shallowReactive } from "vue";
 import NotificationConstructor from "./notification.vue";
-import "./notification.scss";
+import "./notification.css";
 const instances = {
   "top-right": [],
   "top-left": [],

package/dist/notification/src/notification.vue.d.ts

@@ -15,10 +15,10 @@ declare const __VLS_component: import("vue").DefineComponent<NotificationProps,
     onClick?: (() => any) | undefined;
     onDestroy?: (() => any) | undefined;
 }>, {
-    offset: number;
     position: import("./notification").NotificationPosition;
-    showClose: boolean;
+    offset: number;
     duration: number;
+    showClose: boolean;
     dangerouslyUseHTMLString: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/pagination/index.d.ts

@@ -74,14 +74,14 @@ export declare const YhPagination: import("@yh-ui/utils").SFCWithInstall<{
         "prev-click": (val: number) => any;
         "next-click": (val: number) => any;
     }, import("vue").PublicProps, {
-        readonly disabled: boolean;
-        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         readonly small: boolean;
-        readonly layout: string;
-        readonly circle: boolean;
-        readonly background: boolean;
         readonly total: number;
         readonly pageSize: number;
+        readonly disabled: boolean;
+        readonly circle: boolean;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly background: boolean;
+        readonly layout: string;
         readonly currentPage: number;
         readonly pageSizes: number[];
         readonly pagerCount: number;
@@ -156,14 +156,14 @@ export declare const YhPagination: import("@yh-ui/utils").SFCWithInstall<{
         pageSize: number;
         pageCount: number;
     }, {}, {}, {}, {
-        readonly disabled: boolean;
-        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         readonly small: boolean;
-        readonly layout: string;
-        readonly circle: boolean;
-        readonly background: boolean;
         readonly total: number;
         readonly pageSize: number;
+        readonly disabled: boolean;
+        readonly circle: boolean;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly background: boolean;
+        readonly layout: string;
         readonly currentPage: number;
         readonly pageSizes: number[];
         readonly pagerCount: number;
@@ -242,14 +242,14 @@ export declare const YhPagination: import("@yh-ui/utils").SFCWithInstall<{
     "prev-click": (val: number) => any;
     "next-click": (val: number) => any;
 }, string, {
-    readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly small: boolean;
-    readonly layout: string;
-    readonly circle: boolean;
-    readonly background: boolean;
     readonly total: number;
     readonly pageSize: number;
+    readonly disabled: boolean;
+    readonly circle: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly background: boolean;
+    readonly layout: string;
     readonly currentPage: number;
     readonly pageSizes: number[];
     readonly pagerCount: number;

package/dist/pagination/src/pagination.vue.d.ts

@@ -127,14 +127,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onPrev-click"?: ((val: number) => any) | undefined;
     "onNext-click"?: ((val: number) => any) | undefined;
 }>, {
-    readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly small: boolean;
-    readonly layout: string;
-    readonly circle: boolean;
-    readonly background: boolean;
     readonly total: number;
     readonly pageSize: number;
+    readonly disabled: boolean;
+    readonly circle: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly background: boolean;
+    readonly layout: string;
     readonly currentPage: number;
     readonly pageSizes: number[];
     readonly pagerCount: number;