x-next 1.10.0 → 1.11.0

package/dist/es/components/notification/Notification.js

@@ -1,84 +1,84 @@
-import { defineComponent as k, computed as d, onMounted as h, onUpdated as F, onUnmounted as N, createVNode as n, isVNode as b } from "vue";
-import { getComponentPrefix as x, getClassNameMixin as T } from "../../_utils/config.js";
-import M from "../../icons/default/close-circle-fill.js";
-import P from "../../icons/default/check-circle-fill.js";
-import U from "../../icons/default/close.js";
-import E from "../../icons/default/exclamation-circle-fill.js";
-import K from "../../icons/default/info-circle-fill.js";
-import V from "../../icons/default/minus-circle-fill.js";
-import { notificationProps as A } from "./props.js";
-import { isFunction as D } from "../../_utils/is.js";
-import { useLocale as L } from "../../locale/index.js";
-const W = /* @__PURE__ */ k({
-  name: x("Notification"),
+import { defineComponent as v, computed as b, onMounted as h, onUpdated as k, onUnmounted as F, createVNode as n, mergeProps as N, isVNode as x } from "vue";
+import { getComponentPrefix as T, getClassNameMixin as P } from "../../_utils/config.js";
+import E from "../../icons/default/close-circle-fill.js";
+import M from "../../icons/default/check-circle-fill.js";
+import O from "../../icons/default/close.js";
+import U from "../../icons/default/exclamation-circle-fill.js";
+import j from "../../icons/default/info-circle-fill.js";
+import K from "../../icons/default/minus-circle-fill.js";
+import { notificationProps as V } from "./props.js";
+import { isFunction as A } from "../../_utils/is.js";
+import { useLocale as D } from "../../locale/index.js";
+const X = /* @__PURE__ */ v({
+  name: T("Notification"),
   inheritAttrs: !1,
-  props: A,
+  props: V,
   emits: ["close", "destroy", "click"],
   setup(e, {
-    emit: r,
-    attrs: c
+    emit: c,
+    attrs: i
   }) {
-    const o = T("notification"), C = o.block, {
+    const t = P("notification"), d = t.block, {
       t: s
-    } = L(), y = d(() => [C, o.modifier(e.type), e.showClose && o.modifier("closable"), e.popupClass, c.class]);
-    let l = 0;
-    const a = () => {
-      l && (window.clearTimeout(l), l = 0);
-    }, m = () => {
-      a(), e.duration > 0 && (l = window.setTimeout(() => {
-        r("close");
+    } = D(), C = () => [d, t.modifier(e.type), e.showClose && t.modifier("closable"), e.popupClass, i.class];
+    let r = 0;
+    const m = () => {
+      r && (window.clearTimeout(r), r = 0);
+    }, a = () => {
+      m(), e.duration > 0 && (r = window.setTimeout(() => {
+        c("close");
       }, e.duration));
-    }, w = d(() => e.type === "info" ? K : e.type === "warning" ? E : e.type === "strong" ? V : e.type === "success" ? P : e.type === "error" ? M : ""), f = () => {
-      r("close");
-    }, g = (t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), f());
-    }, i = (t) => b(t) ? t : D(t) ? t() : t, v = () => {
+    }, y = b(() => e.type === "info" ? j : e.type === "warning" ? U : e.type === "strong" ? K : e.type === "success" ? M : e.type === "error" ? E : ""), f = () => {
+      c("close");
+    }, g = (o) => {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), f());
+    }, l = (o) => x(o) ? o : A(o) ? o() : o, w = () => {
       if (!e.showIcon) return null;
-      const t = i(e.icon);
-      if (t)
+      const o = l(e.icon);
+      if (o)
         return n("div", {
-          class: [o.element("icon"), o.element("icon-custom")]
-        }, [t]);
-      const u = w.value;
+          class: [t.element("icon"), t.element("icon-custom")]
+        }, [o]);
+      const u = y.value;
       return n("div", {
-        class: [o.element("icon")]
+        class: [t.element("icon")]
       }, [u && n(u, null, null)]);
-    }, I = () => i(e.closeIcon) || n(U, null, null);
+    }, I = () => l(e.closeIcon) || n(O, null, null);
     return h(() => {
-      m();
-    }), F(() => {
-      e.resetOnUpdate && m();
-    }), N(() => {
       a();
-    }), () => n("div", {
-      class: y.value,
-      style: c.style,
-      role: "alert",
-      onClick: () => r("click")
-    }, [n("div", {
-      class: [o.element("main")]
-    }, [v(), n("div", {
-      class: [o.element("content-wrap")]
+    }), k(() => {
+      e.resetOnUpdate && a();
+    }), F(() => {
+      m();
+    }), () => n("div", N(Object.fromEntries(Object.entries(i).filter(([o]) => o !== "class" && o !== "style")), {
+      class: C(),
+      style: i.style,
+      role: typeof i.role == "string" ? i.role : "alert",
+      onClick: () => c("click")
+    }), [n("div", {
+      class: [t.element("main")]
+    }, [w(), n("div", {
+      class: [t.element("content-wrap")]
     }, [e.title !== void 0 && n("div", {
-      class: [o.element("title")]
-    }, [i(e.title)]), n("div", {
-      class: [o.element("message")]
-    }, [i(e.message)]), e.footer && n("div", {
-      class: [o.element("footer")]
-    }, [i(e.footer)])])]), e.showClose && n("span", {
-      class: [o.element("close-icon")],
+      class: [t.element("title")]
+    }, [l(e.title)]), n("div", {
+      class: [t.element("message")]
+    }, [l(e.message)]), e.footer && n("div", {
+      class: [t.element("footer")]
+    }, [l(e.footer)])])]), e.showClose && n("span", {
+      class: [t.element("close-icon")],
       role: "button",
       tabindex: 0,
       "aria-label": s("common.closeTarget", {
         target: s("common.notification")
       }),
-      onClick: (t) => {
-        t.stopPropagation(), f();
+      onClick: (o) => {
+        o.stopPropagation(), f();
       },
       onKeydown: g
     }, [I()])]);
   }
 });
 export {
-  W as default
+  X as default
 };

package/dist/es/components/resize-box/ResizeBox.vue.js

@@ -1,44 +1,41 @@
 import l from "./ResizeBox.vue2.js";
-import { resolveComponent as m, openBlock as s, createBlock as t, resolveDynamicComponent as p, mergeProps as g, withCtx as n, renderSlot as a, createElementBlock as f, Fragment as z, renderList as d, normalizeClass as u, createSlots as c, createCommentVNode as y } from "vue";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-function w(e, R, k, v, C, h) {
-  const i = m("ResizeTrigger");
-  return s(), t(p(e.component), g({ ref: "wrapperRef" }, e.wrapperAttrs, {
+import { resolveComponent as m, openBlock as s, createBlock as i, resolveDynamicComponent as p, mergeProps as g, withCtx as n, renderSlot as a, createElementBlock as f, Fragment as d, renderList as z, normalizeClass as u, createSlots as c, createCommentVNode as $ } from "vue";
+import w from "../../_virtual/_plugin-vue_export-helper.js";
+function y(e, v, R, k, C, h) {
+  const t = m("ResizeTrigger");
+  return s(), i(p(e.component), g({ ref: "wrapperRef" }, e.wrapperAttrs, {
     class: e.classNames,
     style: e.mergedStyles
   }), {
     default: n(() => [
       a(e.$slots, "default"),
-      (s(!0), f(z, null, d(e.allowDirections, (r) => (s(), t(i, {
-        key: r,
+      (s(!0), f(d, null, z(e.allowDirections, (o) => (s(), i(t, {
+        key: o,
         "prefix-cls": e.className.element("trigger"),
-        class: u(e.className.modifier(`direction-${r}`)),
-        direction: e.isHorizontal(r) ? "horizontal" : "vertical",
-        onMousedown: (o) => {
-          e.onMoveStart(r, o);
+        class: u(e.className.modifier(`direction-${o}`)),
+        direction: e.isHorizontal(o) ? "horizontal" : "vertical",
+        onMousedown: (r) => {
+          e.onMoveStart(o, r);
         },
-        onKeydown: (o) => {
-          e.onTriggerKeydown(r, o);
+        onKeydown: (r) => {
+          e.onTriggerKeydown(o, r);
         },
-        onResize: (o) => {
-          e.onTiggerResize(r, o);
+        onResize: (r) => {
+          e.onTiggerResize(o, r);
         },
         tabindex: "0",
         role: "separator",
-        "aria-orientation": e.isHorizontal(r) ? "horizontal" : "vertical"
+        "aria-orientation": e.isHorizontal(o) ? "horizontal" : "vertical"
       }, c({
         default: n(() => [
-          e.$slots["resize-trigger"] ? a(e.$slots, "resize-trigger", {
-            key: 0,
-            direction: r
-          }) : y("", !0)
+          e.$slots["resize-trigger"] ? a(e.$slots, "resize-trigger", { direction: o }, void 0, void 0, 0) : $("", !0)
         ]),
         _: 2
       }, [
         e.$slots["resize-trigger-icon"] ? {
           name: "icon",
           fn: n(() => [
-            a(e.$slots, "resize-trigger-icon", { direction: r })
+            a(e.$slots, "resize-trigger-icon", { direction: o })
           ]),
           key: "0"
         } : void 0
@@ -47,7 +44,7 @@ function w(e, R, k, v, C, h) {
     _: 3
   }, 16, ["class", "style"]);
 }
-const T = /* @__PURE__ */ $(l, [["render", w]]);
+const T = /* @__PURE__ */ w(l, [["render", y]]);
 export {
   T as default
 };

package/dist/es/components/skeleton/Skeleton.vue.js

@@ -1,16 +1,16 @@
 import r from "./Skeleton.vue2.js";
-import { openBlock as s, createElementBlock as t, normalizeClass as n, renderSlot as e } from "vue";
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const l = ["aria-busy"];
-function i(o, d, c, p, f, m) {
+import { openBlock as s, createElementBlock as t, normalizeClass as i, renderSlot as e } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+const a = ["aria-busy"];
+function d(o, l, c, p, f, m) {
   return s(), t("div", {
-    class: n(o.cls),
+    class: i(o.cls),
     "aria-busy": o.loading ? "true" : void 0
   }, [
-    o.loading ? e(o.$slots, "default", { key: 0 }) : e(o.$slots, "content", { key: 1 })
-  ], 10, l);
+    o.loading ? e(o.$slots, "default", {}, void 0, void 0, 0) : e(o.$slots, "content", {}, void 0, void 0, 1)
+  ], 10, a);
 }
-const k = /* @__PURE__ */ a(r, [["render", i]]);
+const $ = /* @__PURE__ */ n(r, [["render", d]]);
 export {
-  k as default
+  $ as default
 };

package/dist/es/components/tag/Tag.vue.js

@@ -1,12 +1,12 @@
-import k from "./Tag.vue2.js";
-import { resolveComponent as t, openBlock as o, createElementBlock as s, normalizeStyle as f, normalizeClass as l, renderSlot as a, createCommentVNode as n, createBlock as u, withModifiers as C, withCtx as g, createVNode as r } from "vue";
-import y from "../../_virtual/_plugin-vue_export-helper.js";
-function $(e, i, b, h, N, v) {
+import f from "./Tag.vue2.js";
+import { resolveComponent as t, openBlock as o, createElementBlock as s, normalizeStyle as k, normalizeClass as l, renderSlot as a, createCommentVNode as n, createBlock as u, withModifiers as C, withCtx as g, createVNode as r } from "vue";
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+function y(e, i, b, h, N, v) {
   const m = t("close"), c = t("icon-hover"), p = t("animation-loading");
   return e.computedVisible ? (o(), s("span", {
     key: 0,
     class: l(e.cls),
-    style: f(e.style),
+    style: k(e.style),
     onClick: i[0] || (i[0] = (...d) => e.handleClick && e.handleClick(...d))
   }, [
     e.$slots.icon ? (o(), s("span", {
@@ -20,7 +20,7 @@ function $(e, i, b, h, N, v) {
       class: l(e.className.element("text"))
     }, [
       a(e.$slots, "default")
-    ], 2)) : a(e.$slots, "default", { key: 2 }),
+    ], 2)) : a(e.$slots, "default", {}, void 0, void 0, 2),
     e.closable ? (o(), u(c, {
       key: 3,
       as: "button",
@@ -44,7 +44,7 @@ function $(e, i, b, h, N, v) {
     ], 2)) : n("", !0)
   ], 6)) : n("", !0);
 }
-const z = /* @__PURE__ */ y(k, [["render", $]]);
+const z = /* @__PURE__ */ $(f, [["render", y]]);
 export {
   z as default
 };