@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XSubMenu.vue.js

@@ -0,0 +1,109 @@
+import u from "./XSubMenu.vue2.js";
+import { resolveComponent as t, openBlock as l, createBlock as a, mergeProps as d, createSlots as p, withCtx as n, renderSlot as o, createVNode as s } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+function f(e, $, h, k, y, g) {
+  const i = t("XIcon"), r = t("XSubMenuPop"), m = t("XSubMenuInline");
+  return e.computedPopup ? (l(), a(r, d({ key: 0 }, e.$attrs, {
+    "menu-key": e.menuKey,
+    title: e.title,
+    selectable: e.selectable,
+    "is-children-selected": e.isChildrenSelected,
+    "popup-max-height": e.popupMaxHeight
+  }), p({
+    default: n(() => [
+      o(e.$slots, "default")
+    ]),
+    _: 2
+  }, [
+    e.$slots.icon ? {
+      name: "icon",
+      fn: n(() => [
+        o(e.$slots, "icon")
+      ]),
+      key: "0"
+    } : void 0,
+    e.$slots.title ? {
+      name: "title",
+      fn: n(() => [
+        o(e.$slots, "title")
+      ]),
+      key: "1"
+    } : void 0,
+    e.$slots["expand-icon-down"] ? {
+      name: "expand-icon-down",
+      fn: n(() => [
+        o(e.$slots, "expand-icon-down")
+      ]),
+      key: "2"
+    } : {
+      name: "expand-icon-down",
+      fn: n(() => [
+        s(i, {
+          name: "xiangxia",
+          size: 12
+        })
+      ]),
+      key: "3"
+    },
+    e.$slots["expand-icon-right"] ? {
+      name: "expand-icon-right",
+      fn: n(() => [
+        o(e.$slots, "expand-icon-right")
+      ]),
+      key: "4"
+    } : {
+      name: "expand-icon-right",
+      fn: n(() => [
+        s(i, {
+          name: "arrow-right",
+          size: 12
+        })
+      ]),
+      key: "5"
+    }
+  ]), 1040, ["menu-key", "title", "selectable", "is-children-selected", "popup-max-height"])) : (l(), a(m, d({ key: 1 }, e.$attrs, {
+    "menu-key": e.menuKey,
+    title: e.title,
+    "is-children-selected": e.isChildrenSelected
+  }), p({
+    default: n(() => [
+      o(e.$slots, "default")
+    ]),
+    _: 2
+  }, [
+    e.$slots.icon ? {
+      name: "icon",
+      fn: n(() => [
+        o(e.$slots, "icon")
+      ]),
+      key: "0"
+    } : void 0,
+    e.$slots.title ? {
+      name: "title",
+      fn: n(() => [
+        o(e.$slots, "title")
+      ]),
+      key: "1"
+    } : void 0,
+    e.$slots["expand-icon-down"] ? {
+      name: "expand-icon-down",
+      fn: n(() => [
+        o(e.$slots, "expand-icon-down")
+      ]),
+      key: "2"
+    } : {
+      name: "expand-icon-down",
+      fn: n(() => [
+        s(i, {
+          name: "xiangxia",
+          size: 12
+        })
+      ]),
+      key: "3"
+    }
+  ]), 1040, ["menu-key", "title", "is-children-selected"]));
+}
+const X = /* @__PURE__ */ c(u, [["render", f]]);
+export {
+  X as default
+};

package/dist/components/XSubMenu.vue2.js

@@ -0,0 +1,69 @@
+import { defineComponent as y, toRefs as v, computed as p } from "vue";
+import M from "./XSubMenuInline.vue.js";
+import K from "./XSubMenuPop.vue.js";
+import b from "./XIcon.js";
+import S from "../composables/menu-hooks/use-menu.js";
+import g from "../composables/menu-hooks/use-level.js";
+import h from "../composables/menu-hooks/use-menu-context.js";
+import C from "../composables/menu-hooks/use-menu-data-collector.js";
+const D = y({
+  name: "XSubMenu",
+  components: {
+    XIcon: b,
+    XSubMenuInline: M,
+    XSubMenuPop: K
+  },
+  inheritAttrs: !1,
+  props: {
+    menuKey: {
+      type: [String, Number],
+      default: void 0
+    },
+    title: {
+      type: String,
+      default: void 0
+    },
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    popup: {
+      type: [Boolean, Function],
+      default: !1
+    },
+    popupMaxHeight: {
+      type: [Boolean, Number],
+      default: void 0
+    }
+  },
+  setup(s) {
+    const { menuKey: c, popup: n } = v(s), { key: r } = S({
+      menuKey: c,
+      componentName: "XSubMenu"
+    }), { level: m } = g(), l = h(), i = p(() => {
+      const { mode: e, collapsed: t, inTrigger: u } = l;
+      return !!(typeof n.value == "function" ? n.value(m.value) : n.value) || t || u || e !== "vertical";
+    }), { subMenuKeys: a, menuItemKeys: f } = C({
+      key: r.value,
+      type: "subMenu"
+    });
+    return {
+      isChildrenSelected: p(() => {
+        const e = l.selectedKeys || [], t = (u) => {
+          for (let o = 0; o < e.length; o++) {
+            const d = e[o];
+            if (u.includes(d))
+              return !0;
+          }
+          return !1;
+        };
+        return t(a.value) || t(f.value);
+      }),
+      computedPopup: i,
+      menuKey: r
+    };
+  }
+});
+export {
+  D as default
+};

package/dist/components/XSubMenuInline.vue.js

@@ -0,0 +1,74 @@
+import d from "./XSubMenuInline.vue2.js";
+import { resolveComponent as f, openBlock as r, createElementBlock as p, normalizeClass as s, createElementVNode as l, createBlock as C, createCommentVNode as a, renderSlot as i, createTextVNode as $, toDisplayString as m, withModifiers as u, createVNode as k, Transition as v, withCtx as w, withDirectives as c, vShow as h } from "vue";
+import I from "../_virtual/_plugin-vue_export-helper.js";
+function M(e, n, N, S, V, b) {
+  const t = f("XMenuIndent");
+  return r(), p("div", {
+    class: s([
+      `${e.prefixCls} ${e.prefixCls}--inline`,
+      {
+        [`${e.prefixCls}--selected`]: e.isActive,
+        [`${e.prefixCls}--open`]: e.isOpen
+      }
+    ])
+  }, [
+    l("div", {
+      class: s([
+        `${e.prefixCls}__header`,
+        {
+          [`${e.prefixCls}__header--disabled`]: e.disabled
+        }
+      ]),
+      onClick: n[1] || (n[1] = (...o) => e.onHeaderClick && e.onHeaderClick(...o))
+    }, [
+      e.showIndent ? (r(), C(t, {
+        key: 0,
+        level: e.level
+      }, null, 8, ["level"])) : a("", !0),
+      e.$slots.icon ? (r(), p("span", {
+        key: 1,
+        class: s(`${e.prefixCls}__icon`)
+      }, [
+        i(e.$slots, "icon")
+      ], 2)) : a("", !0),
+      l("span", {
+        class: s(`${e.prefixCls}__title`)
+      }, [
+        l("span", {
+          class: s(`${e.prefixCls}__title-text`)
+        }, [
+          i(e.$slots, "title", {}, () => [
+            $(m(e.title), 1)
+          ])
+        ], 2)
+      ], 2),
+      l("span", {
+        class: s([
+          `${e.prefixCls}__arrow`,
+          {
+            "is-open": e.isOpen
+          }
+        ]),
+        onClick: n[0] || (n[0] = u((...o) => e.onArrowClick && e.onArrowClick(...o), ["stop"]))
+      }, [
+        i(e.$slots, "expand-icon-down")
+      ], 2)
+    ], 2),
+    k(v, { name: "x-menu-collapse" }, {
+      default: w(() => [
+        c(l("div", {
+          class: s(`${e.prefixCls}__list`)
+        }, [
+          i(e.$slots, "default")
+        ], 2), [
+          [h, e.isOpen]
+        ])
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+const O = /* @__PURE__ */ I(d, [["render", M]]);
+export {
+  O as default
+};

package/dist/components/XSubMenuInline.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as c, computed as t } from "vue";
+import d from "../composables/menu-hooks/use-menu-context.js";
+import a from "../composables/menu-hooks/use-level.js";
+import m from "./XMenuIndent.vue.js";
+const S = c({
+  name: "XSubMenuInline",
+  components: {
+    XMenuIndent: m
+  },
+  props: {
+    menuKey: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String
+    },
+    isChildrenSelected: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n) {
+    const { level: o } = a({
+      provideNextLevel: !0
+    }), e = d(), u = t(() => "x-sub-menu"), i = t(
+      () => (e.openKeys || []).indexOf(n.menuKey) > -1
+    ), r = t(() => {
+      if (!e.accordion)
+        return !!n.isChildrenSelected;
+      const s = e.openKeys || [];
+      return i.value ? !0 : s.length > 0 ? !1 : !!n.isChildrenSelected;
+    }), l = t(
+      () => !e.inTrigger && !e.collapsed
+    );
+    return {
+      prefixCls: u,
+      level: o,
+      isOpen: i,
+      isActive: r,
+      showIndent: l,
+      onHeaderClick: () => {
+        n.disabled || e.onSubMenuClick && e.onSubMenuClick(n.menuKey, o.value);
+      },
+      onArrowClick: () => {
+        n.disabled || e.onSubMenuClick && e.onSubMenuClick(n.menuKey, 0);
+      }
+    };
+  }
+});
+export {
+  S as default
+};

package/dist/components/XSubMenuPop.vue.js

@@ -0,0 +1,91 @@
+import C from "./XSubMenuPop.vue2.js";
+import { resolveComponent as r, openBlock as i, createBlock as t, mergeProps as a, withCtx as d, createElementVNode as o, createCommentVNode as u, createElementBlock as $, normalizeClass as s, renderSlot as p, createTextVNode as g, toDisplayString as b, normalizeStyle as v } from "vue";
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const k = ["data-menu-indicator"];
+function y(e, l, V, B, P, w) {
+  const m = r("XMenuIndent"), f = r("XTrigger");
+  return i(), t(f, a({
+    trigger: "hover",
+    class: e.triggerClassNames,
+    position: e.needPopOnBottom ? "bottom-start" : "right-start",
+    offset: 0,
+    "auto-fit-popup-min-width": !0,
+    "unmount-on-close": !1,
+    "content-class": e.popupClassNames,
+    "mouse-enter-delay": 50,
+    "mouse-leave-delay": 50
+  }, e.triggerBindings, {
+    "popup-visible": e.popVisible,
+    "onUpdate:popupVisible": l[1] || (l[1] = (n) => e.popVisible = n),
+    onPopupVisibleChange: e.onVisibleChange
+  }), {
+    content: d(() => [
+      o("div", {
+        class: s(e.popupShellClassNames)
+      }, [
+        o("div", {
+          class: s([
+            `${e.prefixCls}__popup-arrow`,
+            e.needPopOnBottom ? `${e.prefixCls}__popup-arrow--bottom` : `${e.prefixCls}__popup-arrow--right`
+          ])
+        }, null, 2),
+        o("div", {
+          class: s([
+            `${e.prefixCls}__popup-bridge`,
+            e.needPopOnBottom ? `${e.prefixCls}__popup-bridge--bottom` : `${e.prefixCls}__popup-bridge--right`
+          ])
+        }, null, 2),
+        o("div", {
+          class: s(`${e.prefixCls}__popup-panel`),
+          style: v(e.popupMenuStyles)
+        }, [
+          p(e.$slots, "default")
+        ], 6)
+      ], 2)
+    ]),
+    default: d(() => [
+      o("div", a(e.$attrs, {
+        "data-menu-indicator": e.mode === "horizontal" ? "true" : void 0,
+        class: [
+          `${e.prefixCls} ${e.prefixCls}__header ${e.prefixCls}--pop`,
+          {
+            [`${e.prefixCls}--selected`]: e.isSelected
+          }
+        ],
+        onClick: l[0] || (l[0] = (...n) => e.onClick && e.onClick(...n))
+      }), [
+        e.showIndent ? (i(), t(m, {
+          key: 0,
+          level: e.level
+        }, null, 8, ["level"])) : u("", !0),
+        e.$slots.icon ? (i(), $("span", {
+          key: 1,
+          class: s(`${e.prefixCls}__icon`)
+        }, [
+          p(e.$slots, "icon")
+        ], 2)) : u("", !0),
+        o("span", {
+          class: s(`${e.prefixCls}__title`)
+        }, [
+          o("span", {
+            class: s(`${e.prefixCls}__title-text`)
+          }, [
+            p(e.$slots, "title", {}, () => [
+              g(b(e.title), 1)
+            ])
+          ], 2)
+        ], 2),
+        o("span", {
+          class: s(`${e.prefixCls}__expand-icon`)
+        }, [
+          e.needPopOnBottom ? p(e.$slots, "expand-icon-down", { key: 0 }) : p(e.$slots, "expand-icon-right", { key: 1 })
+        ], 2)
+      ], 16, k)
+    ]),
+    _: 3
+  }, 16, ["class", "position", "content-class", "popup-visible", "onPopupVisibleChange"]);
+}
+const M = /* @__PURE__ */ h(C, [["render", y]]);
+export {
+  M as default
+};

package/dist/components/XSubMenuPop.vue2.js

@@ -0,0 +1,113 @@
+import { defineComponent as _, toRefs as K, computed as t, ref as w, reactive as B, provide as V } from "vue";
+import H from "./XTrigger.vue.js";
+import N, { provideLevel as T } from "../composables/menu-hooks/use-level.js";
+import $ from "./XMenuIndent.vue.js";
+import R from "../composables/menu-hooks/use-menu-context.js";
+import { MenuInjectionKey as X } from "../composables/menu-context.js";
+const O = _({
+  name: "XSubMenuPop",
+  components: {
+    XTrigger: H,
+    XMenuIndent: $
+  },
+  inheritAttrs: !1,
+  props: {
+    menuKey: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String
+    },
+    selectable: {
+      type: Boolean
+    },
+    isChildrenSelected: {
+      type: Boolean
+    },
+    popupMaxHeight: {
+      type: [Boolean, Number],
+      default: void 0
+    }
+  },
+  setup(v) {
+    const { level: u } = N();
+    T(1);
+    const { selectable: a, isChildrenSelected: x, popupMaxHeight: n, menuKey: l } = K(v), e = R(), { onSubMenuClick: s, onMenuItemClick: r } = e, i = t(() => "x-sub-menu"), p = t(() => e.mode || "vertical"), c = t(() => e.selectedKeys || []), h = t(
+      () => a.value && c.value.includes(l.value) || x.value
+    ), m = t(
+      () => p.value === "horizontal" && !e.inTrigger
+    ), C = t(
+      () => !e.inTrigger && !e.collapsed
+    ), g = w(!1), d = (o) => {
+      g.value = o;
+    }, b = t(() => {
+      const o = e.triggerProps || {}, { class: f, ...P } = o;
+      return P;
+    }), y = t(
+      () => {
+        var o;
+        return ["x-sub-menu-trigger", (o = e.triggerProps) == null ? void 0 : o.class].filter(Boolean);
+      }
+    ), I = t(() => {
+      const o = (n == null ? void 0 : n.value) ?? e.popupMaxHeight ?? !0;
+      return typeof o == "number" ? { maxHeight: `${o}px` } : o ? {} : { maxHeight: "unset" };
+    }), S = t(() => [
+      `${i.value}__popup-shell`,
+      {
+        [`${i.value}__popup-shell--dark`]: e.theme === "dark"
+      }
+    ]), M = t(
+      () => [
+        "x-sub-menu-trigger-popup",
+        e.theme === "dark" ? "x-sub-menu-trigger-popup--dark" : "",
+        m.value ? "x-sub-menu-trigger-popup--bottom" : "x-sub-menu-trigger-popup--right"
+      ]
+    ), k = B({
+      theme: t(() => e.theme || "light"),
+      mode: p,
+      levelIndent: t(() => e.levelIndent),
+      autoScrollIntoView: t(() => e.autoScrollIntoView || !1),
+      selectedKeys: c,
+      openKeys: t(() => e.openKeys || []),
+      prefixCls: t(() => e.prefixCls || "x-menu"),
+      scrollConfig: t(() => e.scrollConfig),
+      inTrigger: !0,
+      collapsed: !1,
+      triggerProps: t(() => e.triggerProps),
+      tooltipProps: t(() => e.tooltipProps),
+      popupMaxHeight: t(() => (n == null ? void 0 : n.value) ?? e.popupMaxHeight ?? !0),
+      expandIconDown: e.expandIconDown,
+      expandIconRight: e.expandIconRight,
+      onSubMenuClick: (o, f) => {
+        s && s(o, f);
+      },
+      onMenuItemClick: (o) => {
+        r && r(o), d(!1);
+      }
+    });
+    return V(X, k), {
+      prefixCls: i,
+      mode: p,
+      level: u,
+      isSelected: h,
+      needPopOnBottom: m,
+      showIndent: C,
+      popVisible: g,
+      popupMenuStyles: I,
+      popupShellClassNames: S,
+      popupClassNames: M,
+      triggerBindings: b,
+      triggerClassNames: y,
+      onClick: () => {
+        s && s(l.value, u.value), a.value && r && r(l.value);
+      },
+      onVisibleChange: (o) => {
+        d(o);
+      }
+    };
+  }
+});
+export {
+  O as default
+};

package/dist/components/XSwitch.vue.js

@@ -0,0 +1,133 @@
+import { defineComponent as R, useSlots as I, ref as g, computed as t, watch as M, openBlock as d, createElementBlock as b, normalizeStyle as j, normalizeClass as q, unref as B, createElementVNode as i, createBlock as A, Fragment as w, renderSlot as n, createTextVNode as r, toDisplayString as h, createCommentVNode as G } from "vue";
+import { useXFormField as H } from "../composables/form.js";
+import J from "./XIcon.js";
+const K = ["id", "aria-checked", "aria-disabled", "disabled"], O = { class: "x-switch__handle" }, P = { class: "x-switch__handle-icon" }, Q = { class: "x-switch__text-holder" }, U = { class: "x-switch__text" }, ee = /* @__PURE__ */ R({
+  __name: "XSwitch",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "circle" },
+    size: { default: "medium" },
+    checkedValue: { type: [String, Number, Boolean], default: !0 },
+    uncheckedValue: { type: [String, Number, Boolean], default: !1 },
+    checkedColor: {},
+    uncheckedColor: {},
+    beforeChange: {},
+    checkedText: {},
+    uncheckedText: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(u, { expose: _, emit: T }) {
+    const e = u, s = T, C = I(), l = H(), k = g(null), f = g(e.defaultChecked ? e.checkedValue : e.uncheckedValue), m = g(!1), S = t(() => e.modelValue !== void 0 && e.modelValue !== null), y = t(() => !!(e.disabled || l != null && l.disabled.value)), v = t(() => !!(e.loading || m.value)), c = t(() => (S.value ? e.modelValue : f.value) === e.checkedValue), V = t(() => y.value || v.value), $ = t(
+      () => e.type !== "line" && e.size !== "small" && !!(C.checked || e.checkedText || C.unchecked || e.uncheckedText)
+    ), N = t(() => [
+      "x-switch",
+      `x-switch--type-${e.type}`,
+      {
+        "x-switch--small": e.size === "small",
+        "is-checked": c.value,
+        "is-disabled": y.value,
+        "is-loading": v.value,
+        "has-custom-color": e.type === "line" && (e.checkedColor || e.uncheckedColor)
+      }
+    ]), z = t(() => {
+      if (c.value && e.checkedColor)
+        return e.type === "line" ? { "--x-switch-custom-color": e.checkedColor } : { backgroundColor: e.checkedColor };
+      if (!c.value && e.uncheckedColor)
+        return e.type === "line" ? { "--x-switch-custom-color": e.uncheckedColor } : { backgroundColor: e.uncheckedColor };
+    });
+    M(
+      () => e.modelValue,
+      (o) => {
+        o == null && (f.value = e.uncheckedValue);
+      }
+    );
+    function x(o, a) {
+      f.value = o, s("update:modelValue", o), s("change", o, a), l == null || l.notifyChange(a);
+    }
+    async function F(o) {
+      if (V.value)
+        return;
+      const a = c.value ? e.uncheckedValue : e.checkedValue;
+      if (e.beforeChange) {
+        m.value = !0;
+        try {
+          (await e.beforeChange(a) ?? !0) && x(a, o);
+        } catch {
+        } finally {
+          m.value = !1;
+        }
+        return;
+      }
+      x(a, o);
+    }
+    function X(o) {
+      s("focus", o), l == null || l.notifyFocus(o);
+    }
+    function D(o) {
+      s("blur", o), l == null || l.notifyBlur(o);
+    }
+    function E() {
+      var o;
+      (o = k.value) == null || o.focus();
+    }
+    function L() {
+      var o;
+      (o = k.value) == null || o.blur();
+    }
+    return _({
+      focus: E,
+      blur: L
+    }), (o, a) => {
+      var p;
+      return d(), b("button", {
+        ref_key: "buttonRef",
+        ref: k,
+        id: (p = B(l)) == null ? void 0 : p.id,
+        type: "button",
+        role: "switch",
+        class: q(N.value),
+        style: j(z.value),
+        "aria-checked": c.value,
+        "aria-disabled": V.value,
+        disabled: y.value,
+        onClick: F,
+        onFocus: X,
+        onBlur: D
+      }, [
+        i("span", O, [
+          i("span", P, [
+            v.value ? (d(), A(B(J), {
+              key: 0,
+              name: "loading",
+              class: "x-switch__loading-icon"
+            })) : (d(), b(w, { key: 1 }, [
+              c.value ? n(o.$slots, "checked-icon", { key: 0 }) : n(o.$slots, "unchecked-icon", { key: 1 })
+            ], 64))
+          ])
+        ]),
+        $.value ? (d(), b(w, { key: 0 }, [
+          i("span", Q, [
+            c.value ? n(o.$slots, "checked", { key: 0 }, () => [
+              r(h(u.checkedText), 1)
+            ]) : n(o.$slots, "unchecked", { key: 1 }, () => [
+              r(h(u.uncheckedText), 1)
+            ])
+          ]),
+          i("span", U, [
+            c.value ? n(o.$slots, "checked", { key: 0 }, () => [
+              r(h(u.checkedText), 1)
+            ]) : n(o.$slots, "unchecked", { key: 1 }, () => [
+              r(h(u.uncheckedText), 1)
+            ])
+          ])
+        ], 64)) : G("", !0)
+      ], 46, K);
+    };
+  }
+});
+export {
+  ee as default
+};

package/dist/components/XSwitch.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XSwitch.vue.js";
+export {
+  f as default
+};