@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XDrawer.vue2.js

@@ -0,0 +1,320 @@
+import { defineComponent as ge, ref as k, computed as a, watch as R, onMounted as Be, onBeforeUnmount as xe, openBlock as i, createBlock as U, Teleport as Te, withDirectives as V, createElementBlock as p, mergeProps as $, createVNode as x, Transition as Z, withCtx as T, vShow as E, createCommentVNode as c, createElementVNode as J, normalizeStyle as Q, normalizeClass as W, renderSlot as S, createTextVNode as D, toDisplayString as F, unref as Se } from "vue";
+import Y from "./XButton.vue.js";
+import Oe from "./XIcon.js";
+import { useXI18n as Me } from "../composables/i18n.js";
+const Le = {
+  key: 0,
+  class: "x-drawer-header"
+}, Pe = {
+  key: 0,
+  class: "x-drawer-title"
+}, Ve = {
+  key: 1,
+  class: "x-drawer-footer"
+}, ze = /* @__PURE__ */ ge({
+  inheritAttrs: !1,
+  __name: "XDrawer",
+  props: {
+    visible: { type: Boolean, default: void 0 },
+    open: { type: Boolean, default: void 0 },
+    defaultVisible: { type: Boolean, default: !1 },
+    placement: { default: "right" },
+    title: { default: "" },
+    mask: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !0 },
+    okText: { default: void 0 },
+    cancelText: { default: void 0 },
+    okLoading: { type: Boolean, default: !1 },
+    okButtonProps: { default: void 0 },
+    cancelButtonProps: { default: void 0 },
+    unmountOnClose: { type: Boolean, default: !1 },
+    width: { default: 250 },
+    height: { default: 250 },
+    popupContainer: { default: "body" },
+    drawerStyle: { default: void 0 },
+    bodyClass: { default: void 0 },
+    bodyStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    onBeforeOk: { type: Function, default: void 0 },
+    onBeforeCancel: { type: Function, default: void 0 },
+    beforeOk: { type: Function, default: void 0 },
+    beforeClose: { type: Function, default: void 0 },
+    escToClose: { type: Boolean, default: !0 },
+    renderToBody: { type: Boolean, default: !0 },
+    header: { type: Boolean, default: !0 },
+    footer: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: void 0 },
+    hideCancel: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "update:open", "ok", "cancel", "open", "close", "beforeOpen", "beforeClose"],
+  setup(l, { emit: _ }) {
+    function v() {
+      const e = globalThis;
+      return e.__xDrawerGlobalState__ || (e.__xDrawerGlobalState__ = {
+        stack: [],
+        overflowMap: /* @__PURE__ */ new Map()
+      }), e.__xDrawerGlobalState__;
+    }
+    function z(e) {
+      return !!e && typeof e.then == "function";
+    }
+    function I(e) {
+      return typeof e == "number" ? `${e}px` : e;
+    }
+    const t = l, s = _, { t: G } = Me(), N = k(t.defaultVisible), b = k(!!(t.visible ?? t.open ?? t.defaultVisible)), y = k(!1), h = k(), m = `x-drawer-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    let C = !1, f = !1, O = 0;
+    const A = a(() => t.visible ?? t.open), r = a(() => A.value ?? N.value), ee = a(() => !t.unmountOnClose || r.value || b.value), te = a(() => t.showFooter ?? t.footer), oe = a(() => t.okLoading || y.value), ne = a(() => t.okText || G("drawer.okText", void 0, "确定")), ae = a(() => t.cancelText || G("drawer.cancelText", void 0, "取消")), le = a(() => t.okButtonProps ?? {}), re = a(() => t.cancelButtonProps ?? {}), se = a(() => [
+      "x-drawer-container",
+      {
+        "x-drawer-penetrable": !t.mask
+      }
+    ]), d = k("body"), ue = a(() => typeof document > "u" ? !0 : h.value === document.body), ie = a(() => {
+      const o = v().stack.indexOf(m);
+      return o >= 0 ? 1e3 + o : 1e3;
+    }), fe = a(() => ue.value ? {
+      zIndex: String(ie.value)
+    } : {
+      zIndex: "inherit",
+      position: "absolute"
+    }), de = a(() => ({
+      ...t.drawerStyle ?? {},
+      "--x-drawer-size-width": I(t.width),
+      "--x-drawer-size-height": I(t.height)
+    }));
+    function M() {
+      if (typeof t.popupContainer == "string" && t.popupContainer.trim()) {
+        if (typeof document < "u") {
+          const e = document.querySelector(t.popupContainer);
+          if (e instanceof HTMLElement) {
+            d.value = e;
+            return;
+          }
+        }
+        d.value = "body";
+        return;
+      }
+      if (typeof HTMLElement < "u" && t.popupContainer instanceof HTMLElement) {
+        d.value = t.popupContainer;
+        return;
+      }
+      d.value = "body";
+    }
+    function ce() {
+      if (!(typeof document > "u"))
+        return d.value instanceof HTMLElement ? d.value : document.body;
+    }
+    function g() {
+      h.value = ce();
+    }
+    function H() {
+      if (C)
+        return;
+      const e = v();
+      e.stack.includes(m) || e.stack.push(m), C = !0;
+    }
+    function X() {
+      if (!C)
+        return;
+      const e = v();
+      e.stack = e.stack.filter((o) => o !== m), C = !1;
+    }
+    function ve() {
+      const e = v();
+      return e.stack[e.stack.length - 1] === m;
+    }
+    function L() {
+      if (f)
+        return;
+      const e = h.value;
+      if (!e)
+        return;
+      const o = v(), n = o.overflowMap.get(e) ?? {
+        count: 0,
+        overflow: e.style.overflow
+      };
+      n.count === 0 && (n.overflow = e.style.overflow, e.style.overflow = "hidden"), n.count += 1, o.overflowMap.set(e, n), f = !0;
+    }
+    function P() {
+      if (!f)
+        return;
+      const e = h.value;
+      if (!e) {
+        f = !1;
+        return;
+      }
+      const o = v(), n = o.overflowMap.get(e);
+      if (!n) {
+        f = !1;
+        return;
+      }
+      n.count = Math.max(0, n.count - 1), n.count === 0 ? (e.style.overflow = n.overflow, o.overflowMap.delete(e)) : o.overflowMap.set(e, n), f = !1;
+    }
+    function pe(e) {
+      A.value === void 0 && (N.value = e), s("update:visible", e), s("update:open", e);
+    }
+    function j() {
+      O += 1, y.value = !1, pe(!1);
+    }
+    async function ye() {
+      return t.onBeforeOk ? await new Promise((o) => {
+        var K;
+        let n = !1;
+        const w = (u = !0) => {
+          n || (n = !0, o(u));
+        };
+        try {
+          const u = (K = t.onBeforeOk) == null ? void 0 : K.call(t, w);
+          if ((z(u) || typeof u != "boolean") && (y.value = !0), z(u)) {
+            u.then((Ce) => {
+              n || w(Ce ?? !0);
+            }).catch(() => {
+              n || w(!1);
+            });
+            return;
+          }
+          typeof u == "boolean" && w(u);
+        } catch {
+          w(!1);
+        }
+      }) : t.beforeOk ? await Promise.resolve(t.beforeOk()) !== !1 : !0;
+    }
+    async function me(e) {
+      const o = O, n = await ye();
+      if (o === O) {
+        if (!n) {
+          y.value && (y.value = !1);
+          return;
+        }
+        s("ok", e), j();
+      }
+    }
+    async function we(e) {
+      return !(t.onBeforeCancel && (t.onBeforeCancel() ?? !1) === !1 || t.beforeClose && await Promise.resolve(t.beforeClose(e)) === !1);
+    }
+    async function B(e, o) {
+      await we(e) && (s("cancel", o), j());
+    }
+    function ke(e) {
+      t.maskClosable && B("mask", e);
+    }
+    function q(e) {
+      !t.escToClose || !r.value || !ve() || e.key === "Escape" && B("esc", e);
+    }
+    function be() {
+      r.value && s("open");
+    }
+    function he() {
+      r.value || (b.value = !1, s("close"));
+    }
+    return R(r, (e, o) => {
+      e !== o && (e ? (b.value = !0, M(), g(), H(), L(), s("beforeOpen")) : (s("beforeClose"), X(), P()));
+    }), R(
+      () => t.popupContainer,
+      () => {
+        if (M(), !r.value) {
+          g();
+          return;
+        }
+        f && P(), g(), L();
+      }
+    ), Be(() => {
+      M(), g(), r.value && (H(), L()), typeof window < "u" && window.addEventListener("keydown", q);
+    }), xe(() => {
+      typeof window < "u" && window.removeEventListener("keydown", q), X(), P();
+    }), (e, o) => (i(), U(Te, {
+      to: d.value,
+      disabled: !l.renderToBody
+    }, [
+      ee.value ? V((i(), p("div", $({
+        key: 0,
+        class: se.value,
+        style: fe.value
+      }, e.$attrs), [
+        x(Z, {
+          name: "fade-drawer",
+          appear: ""
+        }, {
+          default: T(() => [
+            l.mask ? V((i(), p("div", {
+              key: 0,
+              class: "x-drawer-mask",
+              onClick: ke
+            }, null, 512)), [
+              [E, r.value]
+            ]) : c("", !0)
+          ]),
+          _: 1
+        }),
+        x(Z, {
+          name: `slide-${l.placement}-drawer`,
+          appear: "",
+          onAfterEnter: be,
+          onAfterLeave: he
+        }, {
+          default: T(() => [
+            V(J("section", {
+              class: W(["x-drawer", `x-drawer--${l.placement}`]),
+              style: Q(de.value),
+              role: "dialog",
+              "aria-modal": "true"
+            }, [
+              l.header ? (i(), p("header", Le, [
+                S(e.$slots, "header", {}, () => [
+                  e.$slots.title || l.title ? (i(), p("div", Pe, [
+                    S(e.$slots, "title", {}, () => [
+                      D(F(l.title), 1)
+                    ], !0)
+                  ])) : c("", !0),
+                  l.closable ? (i(), p("button", {
+                    key: 1,
+                    type: "button",
+                    class: "x-drawer-close-btn",
+                    "aria-label": "Close",
+                    onClick: o[0] || (o[0] = (n) => B("close", n))
+                  }, [
+                    x(Se(Oe), { name: "guanbi" })
+                  ])) : c("", !0)
+                ], !0)
+              ])) : c("", !0),
+              J("div", {
+                class: W(["x-drawer-body", l.bodyClass]),
+                style: Q(l.bodyStyle)
+              }, [
+                S(e.$slots, "default", {}, void 0, !0)
+              ], 6),
+              te.value ? (i(), p("footer", Ve, [
+                S(e.$slots, "footer", {}, () => [
+                  l.hideCancel ? c("", !0) : (i(), U(Y, $({ key: 0 }, re.value, {
+                    onClick: o[1] || (o[1] = (n) => B("cancel", n))
+                  }), {
+                    default: T(() => [
+                      D(F(ae.value), 1)
+                    ]),
+                    _: 1
+                  }, 16)),
+                  x(Y, $({
+                    type: "primary",
+                    loading: oe.value
+                  }, le.value, { onClick: me }), {
+                    default: T(() => [
+                      D(F(ne.value), 1)
+                    ]),
+                    _: 1
+                  }, 16, ["loading"])
+                ], !0)
+              ])) : c("", !0)
+            ], 6), [
+              [E, r.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ], 16)), [
+        [E, r.value || b.value]
+      ]) : c("", !0)
+    ], 8, ["to", "disabled"]));
+  }
+});
+export {
+  ze as default
+};

package/dist/components/XDrawerService.d.ts

@@ -1,9 +1,11 @@
 import { AppContext, CSSProperties, StyleValue, VNodeChild } from 'vue';
+import { XThemeMode } from '../composables/theme-context';
 type DrawerRenderContent = VNodeChild | (() => VNodeChild);
 interface DrawerButtonProps {
     [key: string]: unknown;
 }
 interface DrawerConfig {
+    theme?: XThemeMode;
     placement?: 'top' | 'right' | 'bottom' | 'left';
     title?: DrawerRenderContent;
     content: DrawerRenderContent;

package/dist/components/XDrawerService.js

@@ -0,0 +1,97 @@
+import { reactive as C, createVNode as h, h as m, render as v } from "vue";
+import O from "./XDrawer.vue.js";
+function l(e) {
+  if (e != null)
+    return typeof e == "function" ? e : () => e;
+}
+function y(e, s) {
+  const a = document.createElement("div");
+  a.className = "x-drawer-service-container";
+  const t = C({
+    visible: !0,
+    mask: !0,
+    maskClosable: !0,
+    closable: !0,
+    footer: !0,
+    header: !0,
+    hideCancel: !1,
+    escToClose: !0,
+    renderToBody: !1,
+    unmountOnClose: !0,
+    ...e
+  });
+  let u = !1;
+  const b = () => {
+    u || (u = !0, v(null, a), a.remove());
+  }, n = h(
+    {
+      setup() {
+        return () => {
+          const d = {
+            ...t,
+            visible: t.visible,
+            onBeforeOk: e.onBeforeOk,
+            onBeforeCancel: e.onBeforeCancel,
+            header: typeof e.header == "boolean" ? e.header : t.header,
+            footer: typeof e.footer == "boolean" ? e.footer : t.footer,
+            "onUpdate:visible": (r) => {
+              t.visible = r;
+            },
+            "onUpdate:open": (r) => {
+              t.visible = r;
+            },
+            onOk: (r) => {
+              var o;
+              (o = e.onOk) == null || o.call(e, r);
+            },
+            onCancel: (r) => {
+              var o;
+              (o = e.onCancel) == null || o.call(e, r);
+            },
+            onOpen: () => {
+              var r;
+              (r = e.onOpen) == null || r.call(e);
+            },
+            onClose: () => {
+              var r;
+              b(), (r = e.onClose) == null || r.call(e);
+            },
+            onBeforeOpen: () => {
+              var r;
+              (r = e.onBeforeOpen) == null || r.call(e);
+            },
+            onBeforeClose: () => {
+              var r;
+              (r = e.onBeforeClose) == null || r.call(e);
+            }
+          };
+          return m(O, d, {
+            default: l(e.content),
+            title: l(e.title),
+            header: typeof e.header != "boolean" ? l(e.header) : void 0,
+            footer: typeof e.footer != "boolean" ? l(e.footer) : void 0
+          });
+        };
+      }
+    }
+  ), p = s ?? B._context;
+  return p && (n.appContext = p), v(n, a), document.body.appendChild(a), {
+    close: () => {
+      t.visible = !1;
+    },
+    update: (d) => {
+      Object.entries(d).forEach(([r, o]) => {
+        t[r] = o;
+      });
+    }
+  };
+}
+const B = {
+  open(e, s) {
+    return y(e, s);
+  },
+  _context: null
+};
+export {
+  B as Drawer
+};

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

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 import { XPopupPlacement } from '../composables/popup';
 import { XDropdownValue } from './x-dropdown-context';
 type XDropdownTrigger = 'click' | 'hover' | 'focus' | 'contextMenu';
@@ -8,6 +9,12 @@ export interface XDropdownOption {
     disabled?: boolean;
     icon?: string;
 }
+type XDropdownSlots = {
+    default?: (_: Record<string, never>) => VNode[];
+    trigger?: (_: Record<string, never>) => VNode[];
+    content?: (_: Record<string, never>) => VNode[];
+    footer?: (_: Record<string, never>) => VNode[];
+};
 type __VLS_Props = {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
@@ -25,13 +32,7 @@ type __VLS_Props = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        trigger?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        content?(_: {}): any;
-        footer?(_: {}): any;
-    };
+    slots: Readonly<XDropdownSlots> & XDropdownSlots;
     refs: {};
     rootEl: any;
 };

package/dist/components/XDropdown.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent as A, useAttrs as M, useSlots as E, ref as I, computed as o, provide as H, openBlock as r, createBlock as d, mergeProps as X, unref as V, withCtx as l, createElementVNode as z, renderSlot as s, createCommentVNode as k, createSlots as C, createElementBlock as L, Fragment as j, renderList as F, createTextVNode as K, toDisplayString as R, createVNode as W, Comment as q } from "vue";
+import G from "./XIcon.js";
+import J from "./XDoption.vue.js";
+import B from "./XDropdownPanel.vue.js";
+import Q from "./XTrigger.vue.js";
+import { xDropdownInjectionKey as U } from "./x-dropdown-context.js";
+const Y = { class: "x-dropdown__trigger" }, le = /* @__PURE__ */ A({
+  name: "XDropdown",
+  inheritAttrs: !1,
+  __name: "XDropdown",
+  props: {
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    position: { default: "bottom" },
+    placement: { default: void 0 },
+    popupContainer: { default: void 0 },
+    popupMaxHeight: { type: [Boolean, Number], default: !0 },
+    hideOnSelect: { type: Boolean, default: !0 },
+    options: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    alignPoint: { type: Boolean, default: !1 }
+  },
+  emits: ["update:popupVisible", "popupVisibleChange", "popup-visible-change", "update:open", "select"],
+  setup(p, { emit: P }) {
+    const O = {
+      top: "top",
+      tl: "top-start",
+      tr: "top-end",
+      bottom: "bottom",
+      bl: "bottom-start",
+      br: "bottom-end"
+    }, t = p, u = P, S = M(), n = E(), g = I(!!(t.defaultPopupVisible ?? t.defaultOpen)), _ = o(() => t.popupVisible !== void 0 || t.open !== void 0), $ = o(() => t.popupVisible !== void 0 ? !!t.popupVisible : t.open !== void 0 ? !!t.open : g.value), D = o(() => t.placement ? t.placement : O[t.position]), v = o(() => t.options ?? []);
+    function f(e) {
+      return e != null && e.length ? e.some((i) => i.type === q ? !1 : typeof i.children == "string" ? i.children.trim().length > 0 : !0) : !1;
+    }
+    const c = o(() => {
+      var e;
+      return f((e = n.trigger) == null ? void 0 : e.call(n, {}));
+    }), m = o(() => {
+      var e;
+      return f((e = n.content) == null ? void 0 : e.call(n, {}));
+    }), b = o(() => {
+      var e;
+      return f((e = n.default) == null ? void 0 : e.call(n, {}));
+    }), h = o(() => !m.value && c.value && b.value), N = o(() => !c.value && b.value && !h.value);
+    function y(e) {
+      t.disabled && e || (_.value || (g.value = e), u("update:popupVisible", e), u("popupVisibleChange", e), u("popup-visible-change", e), u("update:open", e));
+    }
+    function w(e) {
+      y(e);
+    }
+    function x(e, i) {
+      u("select", e, i), t.hideOnSelect && y(!1);
+    }
+    return H(U, {
+      popupMaxHeight: o(() => t.popupMaxHeight),
+      onOptionClick: x
+    }), (e, i) => (r(), d(Q, X(V(S), {
+      "popup-visible": $.value,
+      "animation-name": "x-fade",
+      "auto-fit-transform-origin": "",
+      trigger: p.trigger,
+      position: D.value,
+      "popup-offset": 4,
+      "popup-container": p.popupContainer,
+      disabled: p.disabled,
+      "align-point": p.alignPoint,
+      "opened-class": "x-dropdown-open",
+      "content-class": "x-dropdown__popup",
+      onPopupVisibleChange: w
+    }), {
+      content: l(() => [
+        m.value || h.value ? (r(), d(B, { key: 0 }, C({
+          default: l(() => [
+            m.value ? s(e.$slots, "content", { key: 0 }) : s(e.$slots, "default", { key: 1 })
+          ]),
+          _: 2
+        }, [
+          e.$slots.footer ? {
+            name: "footer",
+            fn: l(() => [
+              s(e.$slots, "footer")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)) : v.value.length > 0 ? (r(), d(B, { key: 1 }, {
+          default: l(() => [
+            (r(!0), L(j, null, F(v.value, (a, T) => (r(), d(J, {
+              key: a.value === void 0 ? `option-${T}` : String(a.value),
+              value: a.value,
+              disabled: a.disabled
+            }, C({
+              default: l(() => [
+                K(" " + R(a.label ?? a.value), 1)
+              ]),
+              _: 2
+            }, [
+              a.icon ? {
+                name: "icon",
+                fn: l(() => [
+                  W(V(G), {
+                    name: a.icon,
+                    size: 14
+                  }, null, 8, ["name"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["value", "disabled"]))), 128))
+          ]),
+          _: 1
+        })) : k("", !0)
+      ]),
+      default: l(() => [
+        z("span", Y, [
+          c.value ? s(e.$slots, "trigger", { key: 0 }) : N.value ? s(e.$slots, "default", { key: 1 }) : k("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["popup-visible", "trigger", "position", "popup-container", "disabled", "align-point"]));
+  }
+});
+export {
+  le as default
+};

package/dist/components/XDropdown.vue2.js

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

package/dist/components/XDropdownButton.vue.js

@@ -0,0 +1,84 @@
+import { defineComponent as V, ref as v, computed as s, openBlock as B, createBlock as h, withCtx as l, createVNode as n, mergeProps as y, renderSlot as p, unref as C } from "vue";
+import c from "./XButton.vue.js";
+import P from "./XButtonGroup.vue.js";
+/* empty css                  */
+import k from "./XDropdown.vue.js";
+import z from "./XIcon.js";
+const D = /* @__PURE__ */ V({
+  name: "XDropdownButton",
+  __name: "XDropdownButton",
+  props: {
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    position: { default: "br" },
+    popupContainer: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    type: { default: void 0 },
+    size: { default: void 0 },
+    buttonProps: { default: void 0 },
+    hideOnSelect: { type: Boolean, default: !0 }
+  },
+  emits: ["update:popupVisible", "popupVisibleChange", "popup-visible-change", "update:open", "click", "select"],
+  setup(e, { emit: f }) {
+    const t = e, i = f, a = v(!!(t.defaultPopupVisible ?? t.defaultOpen)), r = s(() => t.popupVisible !== void 0 || t.open !== void 0), u = s(() => t.popupVisible !== void 0 ? !!t.popupVisible : t.open !== void 0 ? !!t.open : a.value);
+    function b(o) {
+      r.value || (a.value = o), i("update:popupVisible", o), i("popupVisibleChange", o), i("popup-visible-change", o), i("update:open", o);
+    }
+    function m(o) {
+      i("click", o);
+    }
+    function g(o, d) {
+      i("select", o, d);
+    }
+    return (o, d) => (B(), h(P, null, {
+      default: l(() => [
+        n(c, y({
+          size: e.size,
+          type: e.type,
+          disabled: e.disabled
+        }, e.buttonProps, { onClick: m }), {
+          default: l(() => [
+            p(o.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "type", "disabled"]),
+        n(k, {
+          "popup-visible": u.value,
+          trigger: e.trigger,
+          position: e.position,
+          "popup-container": e.popupContainer,
+          "hide-on-select": e.hideOnSelect,
+          disabled: e.disabled,
+          onSelect: g,
+          onPopupVisibleChange: b
+        }, {
+          default: l(() => [
+            n(c, {
+              size: e.size,
+              type: e.type,
+              disabled: e.disabled
+            }, {
+              icon: l(() => [
+                p(o.$slots, "icon", { popupVisible: u.value }, () => [
+                  n(C(z), { name: "xiangxia" })
+                ])
+              ]),
+              _: 3
+            }, 8, ["size", "type", "disabled"])
+          ]),
+          content: l(() => [
+            p(o.$slots, "content")
+          ]),
+          _: 3
+        }, 8, ["popup-visible", "trigger", "position", "popup-container", "hide-on-select", "disabled"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  D as default
+};

package/dist/components/XDropdownButton.vue2.js

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