@opentinyvue/vue-runtime 3.29.0 → 3.29.1

package/dist2/tiny-vue-all.mjs

@@ -9262,7 +9262,8 @@ const eb = (function(e, n) {
     "textField",
     "showMore",
     "showEdit",
-    "border"
+    "border",
+    "displayMode"
   ],
   components: {
     TinyPopover: ht,
@@ -9279,7 +9280,7 @@ var hZ = function() {
   var e = this, n = e.$createElement, t = e._self._c || n;
   return t("div", {
     staticClass: "tiny-button-group",
-    class: [e.size ? "tiny-button-group--" + e.size : "", e.border ? "" : "tiny-button-group--borderless"]
+    class: [e.size ? "tiny-button-group--" + e.size : "", e.border ? "" : "tiny-button-group--borderless", e.displayMode === "merged" ? "tiny-button-group--merged" : ""]
   }, [e._t("default", function() {
     return [e.data.length > 0 ? [e.showMore && e.showMore > 0 ? t("ul", {
       staticClass: "tiny-group-item show-more"
@@ -9447,6 +9448,13 @@ var wZ = function(n) {
   border: {
     type: Boolean,
     default: !0
+  },
+  displayMode: {
+    type: String,
+    default: "default",
+    validator: function(n) {
+      return ["default", "merged"].includes(n);
+    }
   }
 });
 const Mi = D({
@@ -14689,7 +14697,7 @@ var VB = ["blur", "showBox", "clear", "focus", "state", "select", "getInput", "h
       nextTick: l,
       state: u
     }),
-    resizeTextarea: Je(200, Sne({
+    resizeTextarea: Je(200, !0, Sne({
       api: a,
       parent: c,
       vm: d,
@@ -19942,7 +19950,19 @@ const gse = D({
       on: {
         click: c
       }
-    }, [p ? e("span", [p]) : i.default && i.default(), o && e("icon-close", {
+    }, [p ? e("span", {
+      style: v ? {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } : {}
+    }, [p]) : i.default && e("span", {
+      style: v ? {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } : {}
+    }, [i.default()]), o && e("icon-close", {
       class: "tiny-svg-size tiny-tag__close",
       on: {
         click: l
@@ -25417,7 +25437,8 @@ const C1 = D({
         var a, r = e.filterStore, i = r.targetElemParentTr, o = r.id, s = i && i.querySelector("svg.tiny-grid-filter__btn.".concat(o)), l = e.$el;
         l.style.zIndex = qe.nextZIndex(), e.popperJS = new QF(s, l, k({
           placement: "bottom-end",
-          gpuAcceleration: !1
+          gpuAcceleration: !1,
+          bubbling: !0
         }, ((a = e.$grid) === null || a === void 0 ? void 0 : a.filterPopperOptions) || {})), l.style.display = "block";
       });
     }),
@@ -40915,17 +40936,14 @@ var f0e = function() {
       click: t.toggleMenu
     }
   }, "div", t.a(t.$attrs, ["class", "style"], !0), !1), [r("div", {
-    directives: [{
-      name: "auto-tip",
-      rawName: "v-auto-tip",
-      value: t.state.rootAutoTipConfig,
-      expression: "state.rootAutoTipConfig"
-    }],
     ref: "tagsGroup",
     class: ["tiny-base-select__tags-group", {
       "is-expand": t.state.isExpand
     }],
-    style: t.state.selectFiexd
+    style: t.state.selectFiexd,
+    attrs: {
+      title: t.state.rootAutoTipConfig
+    }
   }, [t._t("reference", function() {
     return [t.shape === "filter" ? r("tiny-filter-box", {
       ref: "reference",
@@ -48726,17 +48744,14 @@ var STe = function() {
       click: t.toggleMenu
     }
   }, [r("div", {
-    directives: [{
-      name: "auto-tip",
-      rawName: "v-auto-tip",
-      value: t.state.rootAutoTipConfig,
-      expression: "state.rootAutoTipConfig"
-    }],
     ref: "tagsGroup",
     class: ["tiny-select__tags-group", {
       "is-expand": t.state.isExpand
     }],
-    style: t.state.selectFiexd
+    style: t.state.selectFiexd,
+    attrs: {
+      title: t.state.rootAutoTipConfig.content
+    }
   }, [t._t("reference", function() {
     return [t.shape === "filter" ? r("tiny-filter-box", {
       ref: "reference",
@@ -67293,19 +67308,32 @@ const rFe = D({
       }]
     }, [d.title]), d.children ? s(d.children) : null])) : null, l = e("div", {
       class: `${o}-link-mask`,
-      ref: "maskRef"
+      ref: "maskRef",
+      attrs: {
+        "aria-hidden": "true"
+      }
     }), c = e("div", {
-      class: `${o}-orbit`
+      class: `${o}-orbit`,
+      attrs: {
+        "aria-hidden": "true"
+      }
     }, [e("div", {
       class: `${o}-orbit-skid`,
-      ref: "skidRef"
+      ref: "skidRef",
+      attrs: {
+        "aria-hidden": "true"
+      }
     })]);
     return e("div", {
       class: [n ? `${o}__affix` : "", `${o}__wrapper`, `tiny-anchor__${i}`],
       ref: "anchorWrapRef"
     }, [e("div", {
       class: o,
-      ref: "anchorRef"
+      ref: "anchorRef",
+      attrs: {
+        role: "navigation",
+        "aria-label": "Anchor"
+      }
     }, [i === "line" && l, i === "line" && c, t && s(t)])]);
   }
 });
@@ -124436,9 +124464,9 @@ var BSt = function() {
     class: {
       fullscreen: e.state.isFullscreen
     },
-    style: {
+    style: e.state.isFullscreen ? {
       "z-index": e.state.zIndex
-    }
+    } : null
   }, [t("div", {
     ref: "editor",
     staticClass: "tiny-editor",
@@ -124549,9 +124577,9 @@ var USt = function() {
     class: {
       fullscreen: e.state.isFullscreen
     },
-    style: {
+    style: e.state.isFullscreen ? {
       "z-index": e.state.zIndex
-    }
+    } : null
   }, [t("div", {
     ref: "editor",
     staticClass: "tiny-editor",
@@ -135696,7 +135724,10 @@ var lIt = function() {
     class: ["tiny-link", "tiny-link--additional", e.type ? `tiny-link--${e.type}` : "", e.state.disabled && "is-disabled", e.underline && !e.state.disabled && "is-underline"],
     attrs: {
       href: e.state.disabled ? null : e.state.href,
-      rel: "noopener noreferrer"
+      rel: "noopener noreferrer",
+      "aria-disabled": e.state.disabled,
+      tabindex: e.state.disabled ? -1 : void 0,
+      "aria-label": e.$attrs["aria-label"] || e.value
     },
     on: {
       click: e.handleClick
@@ -135706,6 +135737,9 @@ var lIt = function() {
     staticClass: "tiny-svg-size tiny-link-svg",
     class: {
       "tiny-link-svg-only": !(e.slots.default || e.value)
+    },
+    attrs: {
+      "aria-hidden": "true"
     }
   }) : e._e(), e.value ? t("span", {
     staticClass: "tiny-link__inner"
@@ -141264,7 +141298,11 @@ var EPt = function() {
   var e = this, n = e.$createElement, t = e._self._c || n;
   return t("div", {
     ref: "navMenu",
-    staticClass: "tiny-nav-menu"
+    staticClass: "tiny-nav-menu",
+    attrs: {
+      role: "navigation",
+      "aria-label": e.t("ui.navMenu.navigation")
+    }
   }, [/^(retract|fixed)$/.test(e.overflow) ? t("div", {
     staticClass: "more-button",
     class: {
@@ -141279,17 +141317,27 @@ var EPt = function() {
       mouseleave: e.willHideSubMenu
     }
   }, [t(e.state.showMore ? "IconSandwichExpand" : "IconSandwichCollapse", {
-    tag: "component"
+    tag: "component",
+    attrs: {
+      "aria-hidden": "true"
+    }
   })], 1) : e._e(), e.slots.logo ? t("div", {
     staticClass: "slot-logo"
   }, [e._t("logo")], 2) : e._e(), t("div", {
     staticClass: "menu-container"
   }, [e.state.data && e.state.data.length ? t("ul", {
     staticClass: "menu",
-    style: e.state.isSaaSTheme ? {} : e.state.menuStyle
+    style: e.state.isSaaSTheme ? {} : e.state.menuStyle,
+    attrs: {
+      role: "menubar",
+      "aria-label": e.t("ui.navMenu.mainMenu")
+    }
   }, e._l(e.state.data, function(a, r) {
     return t("li", {
-      key: r + (a.title || "")
+      key: r + (a.title || ""),
+      attrs: {
+        role: "listitem"
+      }
     }, [t(e.getTag(a), {
       tag: "component",
       class: {
@@ -141297,7 +141345,10 @@ var EPt = function() {
         selected: e.getTabSelected(a, r)
       },
       attrs: {
-        to: e.getRoute(a)
+        to: e.getRoute(a),
+        role: "menuitem",
+        "aria-haspopup": a.children ? "true" : void 0,
+        "aria-expanded": a.children ? e.state.showPopmenu && e.state.subIndex === r : void 0
       },
       on: {
         mouseenter: function(i) {
@@ -141353,6 +141404,10 @@ var EPt = function() {
       "show-left-menu": e.state.showMore
     }],
     style: e.state.popStyle,
+    attrs: {
+      role: "menu",
+      "aria-label": e.t("ui.navMenu.subMenu")
+    },
     on: {
       mouseenter: e.stopHideSubMenu,
       mouseleave: e.willHideSubMenu
@@ -141365,6 +141420,9 @@ var EPt = function() {
       class: {
         active: r === e.state.subActiveIndex,
         selected: e.getLeftSelected(a, r)
+      },
+      attrs: {
+        role: "listitem"
       }
     }, [t(e.getTag(a), {
       tag: "component",
@@ -141372,7 +141430,9 @@ var EPt = function() {
         showicon: a.children
       },
       attrs: {
-        to: e.getRoute(a)
+        to: e.getRoute(a),
+        role: "menuitem",
+        "aria-haspopup": a.children ? "true" : void 0
       },
       on: {
         mouseenter: function(i) {
@@ -141384,7 +141444,10 @@ var EPt = function() {
         }
       }
     }, [e._v(" " + e._s(a.title) + " ")]), a.children ? t("icon-chevron-right", {
-      staticClass: "more-icon"
+      staticClass: "more-icon",
+      attrs: {
+        "aria-hidden": "true"
+      }
     }) : e._e()], 1);
   }), 0)]) : e._e(), e.state.subMenus && e.state.subMenus.length ? t("div", {
     staticClass: "sub-menu",
@@ -141392,7 +141455,10 @@ var EPt = function() {
       "full-width": !e.state.showMore
     }
   }, [t("ul", {
-    staticClass: "sub-menu-ul"
+    staticClass: "sub-menu-ul",
+    attrs: {
+      role: "menu"
+    }
   }, e._l(e.state.subMenus, function(a, r) {
     return t("li", {
       key: r + (a.title || ""),
@@ -141404,14 +141470,18 @@ var EPt = function() {
       staticClass: "group"
     }, [t("li", {
       staticClass: "tiny-nav-menu__sub-menu-title",
-      class: a.title ? "" : "tiny-nav-menu__sub-menu-title-blank"
+      class: a.title ? "" : "tiny-nav-menu__sub-menu-title-blank",
+      attrs: {
+        role: "none"
+      }
     }, [t(e.getTag(a), {
       tag: "component",
       class: {
         selected: r === e.state.subIndex && e.state.subItemSelectedIndex === -1
       },
       attrs: {
-        to: e.getRoute(a)
+        to: e.getRoute(a),
+        role: "menuitem"
       },
       on: {
         click: function(i) {
@@ -141423,7 +141493,10 @@ var EPt = function() {
         mouseleave: e.handleTitleMouseleave
       }
     }, [e._v(" " + e._s(a.title) + " ")]), a.url ? t("icon-chevron-right", {
-      staticClass: "go-to-icon"
+      staticClass: "go-to-icon",
+      attrs: {
+        "aria-hidden": "true"
+      }
     }) : e._e()], 1), e._l(a.children, function(i, o) {
       return t("li", {
         key: o + (i.title || ""),
@@ -141431,6 +141504,9 @@ var EPt = function() {
         class: {
           "only-secondary-title": !a.title && !e.state.subMenu[o].children,
           "third-title": i.children && i.children.length
+        },
+        attrs: {
+          role: "listitem"
         }
       }, [t(e.getTag(i), {
         tag: "component",
@@ -141438,21 +141514,30 @@ var EPt = function() {
           selected: e.getLastChildSelected(i, o, r)
         },
         attrs: {
-          to: e.getRoute(i)
+          to: e.getRoute(i),
+          role: "menuitem"
         },
         on: {
           click: function(s) {
             return e.clickMenu(i, o, r);
           }
         }
-      }, [e._v(" " + e._s(i.title) + " ")]), i.children && i.children.length ? t("ul", e._l(i.children, function(s, l) {
+      }, [e._v(" " + e._s(i.title) + " ")]), i.children && i.children.length ? t("ul", {
+        attrs: {
+          role: "menu"
+        }
+      }, e._l(i.children, function(s, l) {
         return t("li", {
           key: l + (s.title || ""),
-          staticClass: "sub-item"
+          staticClass: "sub-item",
+          attrs: {
+            role: "listitem"
+          }
         }, [t(e.getTag(s), {
           tag: "component",
           attrs: {
-            to: e.getRoute(s)
+            to: e.getRoute(s),
+            role: "menuitem"
           },
           on: {
             click: function(c) {
@@ -161432,7 +161517,7 @@ const ku = D({
       template: tGt
     });
   }
-}), aGt = "3.27.0";
+}), aGt = "3.29.0";
 ku.install = function(e) {
   e.component(ku.name, ku);
 };
@@ -164739,7 +164824,11 @@ var _Xt = function() {
     },
     style: e.widthAdapt ? {
       width: "100%"
-    } : {}
+    } : {},
+    attrs: {
+      role: "navigation",
+      "aria-label": "Tree Menu"
+    }
   }, [e.menuCollapsible ? t("div", {
     staticClass: "tiny-tree-menu__toggle-button",
     on: {
@@ -164751,6 +164840,7 @@ var _Xt = function() {
     class: (e.state.isExpand || e.state.isCollapsed) && "is-hidden",
     attrs: {
       placeholder: e.placeholder || e.t("ui.treeMenu.placeholder"),
+      "aria-label": e.placeholder || e.t("ui.treeMenu.placeholder"),
       "prefix-icon": e.searchIcon,
       clearable: e.state.clearable
     },
@@ -164772,6 +164862,8 @@ var _Xt = function() {
       "only-check-children": e.onlyCheckChildren
     },
     attrs: {
+      role: "tree",
+      tabindex: "0",
       tiny_mode: "pc",
       theme: "tiny",
       accordion: e.accordion,
@@ -164829,9 +164921,15 @@ var _Xt = function() {
         }, [t("span", {
           staticClass: "tree-node-name"
         }, [!i.customIcon && e.suffixIcon ? t(e.suffixIcon, {
-          tag: "component"
+          tag: "component",
+          attrs: {
+            "aria-hidden": "true"
+          }
         }) : e._e(), i.customIcon ? t(i.customIcon, {
-          tag: "component"
+          tag: "component",
+          attrs: {
+            "aria-hidden": "true"
+          }
         }) : e._e(), e._t("default", function() {
           return [e._v(e._s(i.label || r.label) + " ")];
         }, {