@opentinyvue/vue-tree-menu 3.29.0 → 3.29.1

package/lib/index.js

@@ -196,6 +196,8 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
         "tiny-tree-menu__show-filter": _ctx.showFilter,
         "tiny-tree-menu__show-expand": _ctx.showExpand
       }]),
+      role: "navigation",
+      "aria-label": "Tree Menu",
       style: normalizeStyle(_ctx.widthAdapt ? {
         width: "100%"
       } : {})
@@ -214,11 +216,14 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
       }),
       class: normalizeClass((_ctx.state.isExpand || _ctx.state.isCollapsed) && "is-hidden"),
       placeholder: _ctx.placeholder || _ctx.t("ui.treeMenu.placeholder"),
+      "aria-label": _ctx.placeholder || _ctx.t("ui.treeMenu.placeholder"),
       "prefix-icon": _ctx.searchIcon,
       clearable: _ctx.state.clearable,
       onInput: _ctx.inputChange
-    }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon", "clearable", "onInput"])) : createCommentVNode("v-if", true), createVNode(_component_tiny_tree, {
+    }, null, 8, ["modelValue", "class", "placeholder", "aria-label", "prefix-icon", "clearable", "onInput"])) : createCommentVNode("v-if", true), createVNode(_component_tiny_tree, {
       ref: "tree",
+      role: "tree",
+      tabindex: "0",
       class: normalizeClass({
         "tiny-tree-menu__wrap": !_ctx.ellipsis ? _ctx.wrap : false,
         "tiny-tree-menu__overflow": _ctx.ellipsis,
@@ -269,9 +274,11 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
           title: _ctx.getTitle(data.label),
           href: data.url || void 0
         }, [createElementVNode("span", _hoisted_4, [!data.customIcon && _ctx.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon), {
-          key: 0
+          key: 0,
+          "aria-hidden": "true"
         })) : createCommentVNode("v-if", true), data.customIcon ? (openBlock(), createBlock(resolveDynamicComponent(data.customIcon), {
-          key: 1
+          key: 1,
+          "aria-hidden": "true"
         })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {
           node,
           data,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentinyvue/vue-tree-menu",
-  "version": "3.29.0",
+  "version": "3.29.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",

package/src/pc.vue.d.ts

@@ -146,7 +146,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "check" | "node-expand" | "current-change" | "node-collapse" | "check-change" | "node-drag-start" | "input-change" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-click" | "collapse-change")[], "change" | "check" | "node-expand" | "current-change" | "node-collapse" | "check-change" | "node-drag-start" | "input-change" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-click" | "collapse-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "node-drag-start" | "input-change" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-expand" | "node-collapse" | "node-click" | "check-change" | "check" | "current-change" | "collapse-change")[], "change" | "node-drag-start" | "input-change" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-expand" | "node-collapse" | "node-click" | "check-change" | "check" | "current-change" | "collapse-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     placeholder: {
         default: string;
         type: StringConstructor;
@@ -287,43 +287,43 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_chart_theme: ObjectConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    "onNode-expand"?: ((...args: any[]) => any) | undefined;
-    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
-    onCheck?: ((...args: any[]) => any) | undefined;
-    "onCheck-change"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-start"?: ((...args: any[]) => any) | undefined;
+    "onInput-change"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-end"?: ((...args: any[]) => any) | undefined;
     "onNode-drop"?: ((...args: any[]) => any) | undefined;
-    "onNode-click"?: ((...args: any[]) => any) | undefined;
+    "onNode-expand"?: ((...args: any[]) => any) | undefined;
     "onNode-collapse"?: ((...args: any[]) => any) | undefined;
-    "onInput-change"?: ((...args: any[]) => any) | undefined;
+    "onNode-click"?: ((...args: any[]) => any) | undefined;
+    "onCheck-change"?: ((...args: any[]) => any) | undefined;
+    onCheck?: ((...args: any[]) => any) | undefined;
+    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onCollapse-change"?: ((...args: any[]) => any) | undefined;
 }, {
     ellipsis: boolean;
     checkStrictly: boolean;
     lazy: boolean;
     tiny_mode_root: boolean;
-    showTitle: boolean;
-    clearable: boolean;
-    placeholder: string;
     draggable: boolean;
-    wrap: boolean;
-    defaultExpandAll: boolean;
     accordion: boolean;
-    indent: number;
+    defaultExpandAll: boolean;
     emptyText: string;
     expandOnClickNode: boolean;
+    indent: number;
     showCheckbox: boolean;
     showNumber: boolean;
     collapsible: boolean;
     onlyCheckChildren: boolean;
     highlightQuery: boolean;
+    clearable: boolean;
+    showTitle: boolean;
+    placeholder: string;
     searchIcon: Record<string, any>;
-    widthAdapt: boolean;
+    wrap: boolean;
     showFilter: boolean;
     showExpand: boolean;
     menuCollapsible: boolean;
+    widthAdapt: boolean;
 }, {}>;
 export default _default;