@rhino-design/vue 0.2.7 → 0.2.8

package/dist/components/XToast.vue.d.ts

@@ -0,0 +1,25 @@
+type ToastStatus = 'info' | 'success' | 'warning' | 'error';
+type __VLS_Props = {
+    visible?: boolean;
+    status?: ToastStatus;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    visible: boolean;
+    status: ToastStatus;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/XToast.vue.js

@@ -0,0 +1,7 @@
+import o from "./XToast.vue2.js";
+/* empty css            */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c06d7578"]]);
+export {
+  p as default
+};

package/dist/components/XToast.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as i, computed as a, openBlock as s, createBlock as n, Transition as u, withCtx as c, createElementBlock as d, normalizeClass as m, renderSlot as f, createCommentVNode as v } from "vue";
+const p = ["role", "aria-live"], B = /* @__PURE__ */ i({
+  __name: "XToast",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    status: { default: "success" }
+  },
+  setup(e) {
+    const t = e, o = a(() => t.status === "error" ? "alert" : "status"), r = a(() => t.status === "error" ? "assertive" : "polite");
+    return (l, x) => (s(), n(u, { name: "x-toast-fade" }, {
+      default: c(() => [
+        e.visible ? (s(), d("div", {
+          key: 0,
+          class: m(["x-toast", `x-toast--${e.status}`]),
+          role: o.value,
+          "aria-live": r.value
+        }, [
+          f(l.$slots, "default", {}, void 0, !0)
+        ], 10, p)) : v("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  B as default
+};

package/dist/components/XTour.vue.d.ts

@@ -9,6 +9,7 @@ type __VLS_Props = {
     current?: number;
     steps?: XTourStep[];
     mask?: boolean;
+    arrow?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: number) => any;
@@ -23,6 +24,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     mask: boolean;
     open: boolean;
+    arrow: boolean;
     current: number;
     steps: XTourStep[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/XTour.vue.js

@@ -1,120 +1,128 @@
-import { defineComponent as X, ref as B, computed as p, watch as $, nextTick as q, onMounted as D, onBeforeUnmount as I, openBlock as x, createBlock as U, Teleport as j, createElementBlock as C, createCommentVNode as M, createElementVNode as i, normalizeStyle as A, toDisplayString as s } from "vue";
-import { useXI18n as F } from "../composables/i18n.js";
-const G = {
+import { defineComponent as q, ref as g, computed as d, watch as D, nextTick as I, onMounted as U, onBeforeUnmount as j, openBlock as y, createBlock as A, Teleport as F, createElementBlock as k, createCommentVNode as _, createElementVNode as r, normalizeStyle as G, normalizeClass as J, toDisplayString as a } from "vue";
+import { useXI18n as K } from "../composables/i18n.js";
+const O = {
   key: 0,
   class: "x-tour"
-}, J = {
+}, Q = {
   key: 0,
   class: "x-tour__mask"
-}, K = { class: "x-tour__counter" }, O = { class: "x-tour__footer" }, Q = ["disabled"], tt = /* @__PURE__ */ X({
+}, Y = { class: "x-tour__counter" }, Z = { class: "x-tour__footer" }, tt = ["disabled"], ot = /* @__PURE__ */ q({
   __name: "XTour",
   props: {
     open: { type: Boolean, default: !1 },
     current: { default: 0 },
     steps: { default: () => [] },
-    mask: { type: Boolean, default: !0 }
+    mask: { type: Boolean, default: !0 },
+    arrow: { type: Boolean, default: !0 }
   },
   emits: ["update:open", "update:current", "change", "finish"],
-  setup(o, { emit: W }) {
-    const n = o, c = W, v = B(null), g = B({}), { t: d } = F(), E = p(() => d("tour.prevStep", void 0, "上一步")), S = p(() => d("tour.skip", void 0, "跳过")), H = p(() => d("tour.nextStep", void 0, "下一步")), L = p(() => d("tour.finish", void 0, "完成")), r = p(() => n.steps[n.current] ?? null);
-    function b() {
-      var _, T;
-      if (!n.open || !r.value) return;
-      const t = ((_ = v.value) == null ? void 0 : _.offsetWidth) ?? Math.min(360, window.innerWidth - 32), u = ((T = v.value) == null ? void 0 : T.offsetHeight) ?? 220, h = 16, N = (l) => Math.min(Math.max(h, l), window.innerWidth - t - h), P = (l) => Math.min(Math.max(h, l), window.innerHeight - u - h), a = (l, V) => {
-        g.value = {
-          left: `${N(l)}px`,
-          top: `${P(V)}px`,
+  setup(o, { emit: S }) {
+    const n = o, s = S, b = g(null), T = g({}), c = g("bottom"), f = g(!1), { t: h } = K(), H = d(() => h("tour.prevStep", void 0, "上一步")), L = d(() => h("tour.skip", void 0, "跳过")), z = d(() => h("tour.nextStep", void 0, "下一步")), P = d(() => h("tour.finish", void 0, "完成")), u = d(() => n.steps[n.current] ?? null);
+    function B() {
+      var W, E;
+      if (!n.open || !u.value) return;
+      const t = ((W = b.value) == null ? void 0 : W.offsetWidth) ?? Math.min(360, window.innerWidth - 32), i = ((E = b.value) == null ? void 0 : E.offsetHeight) ?? 220, v = 16, N = (p) => Math.min(Math.max(v, p), window.innerWidth - t - v), V = (p) => Math.min(Math.max(v, p), window.innerHeight - i - v), l = (p, X) => {
+        T.value = {
+          left: `${N(p)}px`,
+          top: `${V(X)}px`,
           transform: "none"
         };
       };
-      if (!r.value.target) {
-        a((window.innerWidth - t) / 2, (window.innerHeight - u) / 2);
+      if (!u.value.target) {
+        f.value = !1, c.value = "center", l((window.innerWidth - t) / 2, (window.innerHeight - i) / 2);
         return;
       }
-      const k = document.querySelector(r.value.target);
-      if (!k) {
-        a((window.innerWidth - t) / 2, (window.innerHeight - u) / 2);
+      const M = document.querySelector(u.value.target);
+      if (!M) {
+        f.value = !1, c.value = "center", l((window.innerWidth - t) / 2, (window.innerHeight - i) / 2);
         return;
       }
-      const e = k.getBoundingClientRect(), w = r.value.placement ?? "bottom", m = 16;
+      f.value = !0;
+      const e = M.getBoundingClientRect(), w = u.value.placement ?? "bottom";
+      c.value = w;
+      const x = 16;
       if (w === "top") {
-        a(e.left + e.width / 2 - t / 2, e.top - u - m);
+        l(e.left + e.width / 2 - t / 2, e.top - i - x);
         return;
       }
       if (w === "left") {
-        a(e.left - t - m, e.top + e.height / 2 - u / 2);
+        l(e.left - t - x, e.top + e.height / 2 - i / 2);
         return;
       }
       if (w === "right") {
-        a(e.right + m, e.top + e.height / 2 - u / 2);
+        l(e.right + x, e.top + e.height / 2 - i / 2);
         return;
       }
-      a(e.left + e.width / 2 - t / 2, e.bottom + m);
+      l(e.left + e.width / 2 - t / 2, e.bottom + x);
     }
-    function f() {
-      b();
+    function m() {
+      B();
     }
-    $(
+    D(
       () => [n.open, n.current, n.steps],
       async () => {
-        await q(), b();
+        await I(), B();
       },
       { deep: !0, immediate: !0 }
-    ), D(() => {
-      window.addEventListener("resize", f), window.addEventListener("scroll", f, !0);
-    }), I(() => {
-      window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
+    ), U(() => {
+      window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
+    }), j(() => {
+      window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
     });
-    function y() {
-      c("update:open", !1);
+    function C() {
+      s("update:open", !1);
     }
-    function z() {
+    function R() {
       const t = Math.max(0, n.current - 1);
-      c("update:current", t), c("change", t);
+      s("update:current", t), s("change", t);
     }
-    function R() {
+    function $() {
       if (n.current >= n.steps.length - 1) {
-        c("finish"), y();
+        s("finish"), C();
         return;
       }
       const t = n.current + 1;
-      c("update:current", t), c("change", t);
+      s("update:current", t), s("change", t);
     }
-    return (t, u) => (x(), U(j, { to: "body" }, [
-      o.open && r.value ? (x(), C("div", G, [
-        o.mask ? (x(), C("div", J)) : M("", !0),
-        i("div", {
+    return (t, i) => (y(), A(F, { to: "body" }, [
+      o.open && u.value ? (y(), k("div", O, [
+        o.mask ? (y(), k("div", Q)) : _("", !0),
+        r("div", {
           ref_key: "popupRef",
-          ref: v,
+          ref: b,
           class: "x-tour__popup",
-          style: A(g.value)
+          style: G(T.value)
         }, [
-          i("div", K, s(o.current + 1) + " / " + s(o.steps.length), 1),
-          i("strong", null, s(r.value.title), 1),
-          i("p", null, s(r.value.description), 1),
-          i("div", O, [
-            i("button", {
+          o.arrow && f.value && c.value !== "center" ? (y(), k("span", {
+            key: 0,
+            class: J(["x-tour__arrow", `is-${c.value}`])
+          }, null, 2)) : _("", !0),
+          r("div", Y, a(o.current + 1) + " / " + a(o.steps.length), 1),
+          r("strong", null, a(u.value.title), 1),
+          r("p", null, a(u.value.description), 1),
+          r("div", Z, [
+            r("button", {
               type: "button",
               class: "x-button",
               disabled: o.current === 0,
-              onClick: z
-            }, s(E.value), 9, Q),
-            i("button", {
+              onClick: R
+            }, a(H.value), 9, tt),
+            r("button", {
               type: "button",
               class: "x-button x-button--outline",
-              onClick: y
-            }, s(S.value), 1),
-            i("button", {
+              onClick: C
+            }, a(L.value), 1),
+            r("button", {
               type: "button",
               class: "x-button x-button--primary",
-              onClick: R
-            }, s(o.current >= o.steps.length - 1 ? L.value : H.value), 1)
+              onClick: $
+            }, a(o.current >= o.steps.length - 1 ? P.value : z.value), 1)
           ])
         ], 4)
-      ])) : M("", !0)
+      ])) : _("", !0)
     ]));
   }
 });
 export {
-  tt as default
+  ot as default
 };

package/dist/components/XTree.vue.d.ts

@@ -44,6 +44,7 @@ type __VLS_Props = {
     }) => boolean;
     filterTreeNode?: (node: TreeNodeData) => boolean;
     searchValue?: string;
+    actionOnNodeClick?: 'expand';
     fieldNames?: {
         key?: string;
         title?: string;
@@ -227,6 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     selectable: boolean;
     showLine: boolean;
     blockNode: boolean;
+    actionOnNodeClick: "expand";
     checkedStrategy: CheckedStrategy;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     treeViewportRef: HTMLDivElement;

package/dist/components/XTree.vue.js

@@ -1,7 +1,7 @@
 import o from "./XTree.vue2.js";
 /* empty css           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe5c4085"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9572f80b"]]);
 export {
   m as default
 };