x-next 1.0.0 → 1.1.0

package/dist/es/components/drawer/src/props.js

@@ -0,0 +1,101 @@
+import { definePropType as e } from "../../../_utils/vue-eco.js";
+const o = {
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  placement: {
+    type: e(String),
+    default: "right"
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  showFooter: {
+    type: Boolean,
+    default: !0
+  },
+  // 是否点击遮罩层关闭
+  maskToClose: {
+    type: Boolean,
+    default: !0
+  },
+  // esc键关闭
+  escToClose: {
+    type: Boolean,
+    default: !0
+  },
+  destroyOnClosed: {
+    type: Boolean,
+    default: !0
+  },
+  width: {
+    type: [Number, String],
+    default: 340
+  },
+  height: {
+    type: [Number, String],
+    default: 340
+  },
+  okText: {
+    type: String,
+    default: ""
+  },
+  cancelText: {
+    type: String,
+    default: ""
+  },
+  okLoading: {
+    type: Boolean,
+    default: !1
+  },
+  okButtonProps: {
+    type: e(Object)
+  },
+  cancelButtonProps: {
+    type: e(Object)
+  },
+  hideCancel: {
+    type: Boolean,
+    default: !1
+  },
+  onBeforeOk: {
+    type: e(Function)
+  },
+  onBeforeCancel: {
+    type: e(Function)
+  },
+  renderTo: {
+    type: e([String, Object]),
+    default: "body"
+  },
+  popupClass: {
+    type: String,
+    default: void 0
+  },
+  drawerStyle: {
+    type: e(Object)
+  },
+  bodyClass: {
+    type: [String, Array, Object]
+  },
+  bodyStyle: {
+    type: e([String, Object, Array])
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  }
+};
+export {
+  o as drawerProps
+};

package/dist/es/components/dropdown/Dropdown.vue.js

@@ -0,0 +1,56 @@
+import r from "./Dropdown.vue2.js";
+import { resolveComponent as t, openBlock as s, createBlock as a, withCtx as e, renderSlot as n, createVNode as l, createSlots as m } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+function d(o, g, u, c, h, $) {
+  const i = t("DropdownPanel"), p = t("Trigger");
+  return s(), a(p, {
+    "popup-visible": o.computedPopupVisible,
+    "animation-name": "x-slide-dynamic-origin",
+    "auto-fit-transform-origin": "",
+    trigger: o.trigger,
+    position: o.position,
+    "align-point": o.alignPoint,
+    "popup-offset": 4,
+    "popup-container": o.popupContainer,
+    "opened-class": o.className.modifier("open"),
+    onPopupVisibleChange: o.handlePopupVisibleChange
+  }, {
+    content: e(() => [
+      l(i, {
+        loading: o.loading,
+        "is-empty": o.isEmpty,
+        "bottom-offset": o.bottomOffset,
+        onScroll: o.handleScroll,
+        onReachBottom: o.handleReachBottom
+      }, m({
+        default: e(() => [
+          n(o.$slots, "content")
+        ]),
+        _: 2
+      }, [
+        o.$slots.empty ? {
+          name: "empty",
+          fn: e(() => [
+            n(o.$slots, "empty")
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.footer ? {
+          name: "footer",
+          fn: e(() => [
+            n(o.$slots, "footer")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["loading", "is-empty", "bottom-offset", "onScroll", "onReachBottom"])
+    ]),
+    default: e(() => [
+      n(o.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["popup-visible", "trigger", "position", "align-point", "popup-container", "opened-class", "onPopupVisibleChange"]);
+}
+const C = /* @__PURE__ */ f(r, [["render", d]]);
+export {
+  C as default
+};

package/dist/es/components/dropdown/Dropdown.vue2.js

@@ -0,0 +1,175 @@
+import { defineComponent as c, toRefs as m, provide as g, reactive as b } from "vue";
+import { Trigger as y } from "../trigger/index.js";
+import h from "./dropdown-panel.vue.js";
+import { useTrigger as B } from "../../_hooks/use-trigger.js";
+import { dropdownInjectionKey as v } from "./context.js";
+import { getClassNameMixin as V } from "../../_utils/config.js";
+const N = c({
+  name: "Dropdown",
+  components: {
+    Trigger: y,
+    DropdownPanel: h
+  },
+  props: {
+    /**
+     * @zh 弹出框是否可见
+     * @en Whether the popup is visible
+     * @vModel
+     */
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * @zh 弹出框默认是否可见（非受控模式）
+     * @en Whether the popup is visible by default (uncontrolled mode)
+     */
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click','focus','contextMenu'
+     */
+    trigger: {
+      type: [String, Array],
+      default: "click"
+    },
+    /**
+     * @zh 弹出位置
+     * @en Popup position
+     * @values 'top','tl','tr','bottom','bl','br'
+     */
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    /**
+     * @zh 弹出框的挂载容器
+     * @en Mount container for popup
+     */
+    popupContainer: {
+      type: [String, Object]
+    },
+    popupMaxHeight: {
+      type: [Boolean, Number],
+      default: !0
+    },
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether the dropdown is loading
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为空状态
+     * @en Whether the dropdown is empty
+     */
+    isEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 触发到达底部的偏移量
+     * @en Offset to trigger reach bottom
+     */
+    bottomOffset: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 弹出层是否跟随鼠标位置，常用于右键菜单
+     * @en Whether the popup follows the mouse position
+     */
+    alignPoint: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     * @version 2.43.0
+     */
+    hideOnSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: {
+    "update:popupVisible": (e) => !0,
+    /**
+     * @zh 下拉框显示状态发生改变时触发
+     * @en Triggered when the display status of the drop-down box changes
+     * @param {boolean} visible
+     */
+    popupVisibleChange: (e) => !0,
+    /**
+     * @zh 用户选择时触发
+     * @en Triggered when the user selects
+     * @param {string | number | Record<string, any> | undefined } value
+     * @param {Event} ev
+     */
+    select: (e, o) => !0,
+    /**
+     * @zh 下拉菜单滚动时触发
+     * @en Triggered when the dropdown scrolls
+     * @param {Event} ev
+     */
+    scroll: (e) => !0,
+    /**
+     * @zh 下拉菜单滚动到底部时触发
+     * @en Triggered when the dropdown reaches bottom
+     * @param {Event} ev
+     */
+    reachBottom: (e) => !0
+  },
+  /**
+   * @zh 内容
+   * @en Content
+   * @slot content
+   */
+  /**
+   * @zh 页脚
+   * @en Footer
+   * @slot footer
+   * @version 2.10.0
+   */
+  /**
+   * @zh 空状态
+   * @en Empty content
+   * @slot empty
+   */
+  setup(e, { emit: o }) {
+    const { defaultPopupVisible: l, popupVisible: i, popupMaxHeight: a } = m(e), n = V("dropdown"), { computedPopupVisible: r, handlePopupVisibleChange: p } = B({
+      defaultPopupVisible: l,
+      popupVisible: i,
+      emit: o
+    }), s = (t, f) => {
+      o("select", t, f), e.hideOnSelect && p(!1);
+    }, u = (t) => {
+      o("scroll", t);
+    }, d = (t) => {
+      o("reachBottom", t);
+    };
+    return g(
+      v,
+      b({
+        popupMaxHeight: a,
+        onOptionClick: s
+      })
+    ), {
+      className: n,
+      computedPopupVisible: r,
+      handlePopupVisibleChange: p,
+      handleScroll: u,
+      handleReachBottom: d
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/es/components/dropdown/DropdownButton.vue.js

@@ -0,0 +1,57 @@
+import d from "./DropdownButton.vue2.js";
+import { resolveComponent as n, openBlock as u, createBlock as c, normalizeClass as i, withCtx as o, createVNode as p, mergeProps as m, renderSlot as s } from "vue";
+import b from "../../_virtual/_plugin-vue_export-helper.js";
+function f(e, g, h, C, z, B) {
+  const t = n("Button"), l = n("IconMore"), r = n("Dropdown"), a = n("ButtonGroup");
+  return u(), c(a, {
+    class: i(e.className.element("button"))
+  }, {
+    default: o(() => [
+      p(t, m({
+        size: e.size,
+        type: e.type,
+        disabled: e.disabled
+      }, e.buttonProps, { onClick: e.handleClick }), {
+        default: o(() => [
+          s(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["size", "type", "disabled", "onClick"]),
+      p(r, {
+        "popup-visible": e.computedPopupVisible,
+        trigger: e.trigger,
+        position: e.position,
+        "popup-container": e.popupContainer,
+        "hide-on-select": e.hideOnSelect,
+        onSelect: e.handleSelect,
+        onPopupVisibleChange: e.handlePopupVisibleChange
+      }, {
+        content: o(() => [
+          s(e.$slots, "content")
+        ]),
+        default: o(() => [
+          p(t, {
+            class: i(e.className.element("button--trigger")),
+            size: e.size,
+            type: e.type,
+            disabled: e.disabled,
+            narrow: ""
+          }, {
+            prefix: o(() => [
+              s(e.$slots, "icon", { popupVisible: e.computedPopupVisible }, () => [
+                p(l)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "size", "type", "disabled"])
+        ]),
+        _: 3
+      }, 8, ["popup-visible", "trigger", "position", "popup-container", "hide-on-select", "onSelect", "onPopupVisibleChange"])
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const y = /* @__PURE__ */ b(d, [["render", f]]);
+export {
+  y as default
+};

package/dist/es/components/dropdown/DropdownButton.vue2.js

@@ -0,0 +1,152 @@
+import { defineComponent as a, toRefs as s } from "vue";
+import d from "../../icons/_self/more-dot.js";
+import { ButtonGroup as c, Button as f } from "../button/index.js";
+import m from "./Dropdown.vue.js";
+import { useTrigger as b } from "../../_hooks/use-trigger.js";
+import { getClassNameMixin as g } from "../../_utils/config.js";
+const P = a({
+  name: "DropdownButton",
+  components: {
+    IconMore: d,
+    Button: f,
+    ButtonGroup: c,
+    Dropdown: m
+  },
+  props: {
+    /**
+     * @zh 弹出框是否可见
+     * @en Whether the popup is visible
+     * @vModel
+     */
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * @zh 弹出框默认是否可见（非受控模式）
+     * @en Whether the popup is visible by default (uncontrolled mode)
+     */
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click','focus','contextMenu'
+     */
+    trigger: {
+      type: [String, Array],
+      default: "click"
+    },
+    /**
+     * @zh 弹出位置
+     * @en Popup position
+     * @values 'top','tl','tr','bottom','bl','br'
+     */
+    position: {
+      type: String,
+      default: "br"
+    },
+    /**
+     * @zh 弹出框的挂载容器
+     * @en Mount container for popup
+     */
+    popupContainer: {
+      type: [String, Object]
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 按钮类型
+     * @en Button type
+     */
+    type: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @zh 按钮大小
+     * @en Button size
+     */
+    size: {
+      type: String,
+      default: "medium"
+    },
+    /**
+     * @zh 按钮属性
+     * @en Button props
+     */
+    buttonProps: {
+      type: Object
+    },
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     */
+    hideOnSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: {
+    "update:popupVisible": (e) => !0,
+    /**
+     * @zh 下拉框显示状态发生改变时触发
+     * @en Triggered when the display status of the drop-down box changes
+     * @param {boolean} visible
+     */
+    popupVisibleChange: (e) => !0,
+    /**
+     * @zh 点击按钮时触发
+     * @en Emitted when the button is clicked
+     * @param {MouseEvent} ev
+     */
+    click: (e) => !0,
+    /**
+     * @zh 用户选择时触发
+     * @en Triggered when the user selects
+     * @param {string | number | Record<string, any> | undefined} value
+     * @param {Event} ev
+     */
+    select: (e, t) => !0
+  },
+  /**
+   * @zh 内容
+   * @en Content
+   * @slot content
+   */
+  /**
+   * @zh 按钮图标
+   * @en Button icon
+   * @slot icon
+   * @binding {boolean} popupVisible
+   */
+  setup(e, { emit: t }) {
+    const { defaultPopupVisible: p, popupVisible: i } = s(e), l = g("dropdown"), { computedPopupVisible: n, handlePopupVisibleChange: r } = b({
+      defaultPopupVisible: p,
+      popupVisible: i,
+      emit: t
+    });
+    return {
+      className: l,
+      computedPopupVisible: n,
+      handleClick: (o) => {
+        t("click", o);
+      },
+      handleSelect: (o, u) => {
+        t("select", o, u);
+      },
+      handlePopupVisibleChange: r
+    };
+  }
+});
+export {
+  P as default
+};

package/dist/es/components/dropdown/DropdownGroup.vue.js

@@ -0,0 +1,20 @@
+import o from "./DropdownGroup.vue2.js";
+import { openBlock as r, createElementBlock as l, Fragment as n, createElementVNode as s, normalizeClass as a, renderSlot as t, createTextVNode as i, toDisplayString as p } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, d, f, u, $, _) {
+  return r(), l(n, null, [
+    s("li", {
+      class: a(e.className.element("title")),
+      role: "presentation"
+    }, [
+      t(e.$slots, "title", {}, () => [
+        i(p(e.title), 1)
+      ])
+    ], 2),
+    t(e.$slots, "default")
+  ], 64);
+}
+const B = /* @__PURE__ */ m(o, [["render", c]]);
+export {
+  B as default
+};

package/dist/es/components/dropdown/DropdownGroup.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as o } from "vue";
+import { getClassNameMixin as e } from "../../_utils/config.js";
+const s = o({
+  name: "DropdownGroup",
+  props: {
+    /**
+     * @zh 分组标题
+     * @en Group title
+     */
+    title: String
+  },
+  /**
+   * @zh 分组标题
+   * @en Group title
+   * @slot title
+   * @version 2.10.0
+   */
+  setup() {
+    return {
+      className: e("dropdown--group")
+    };
+  }
+});
+export {
+  s as default
+};

package/dist/es/components/dropdown/DropdownOption.vue.js

@@ -0,0 +1,37 @@
+import d from "./DropdownOption.vue2.js";
+import { openBlock as n, createElementBlock as a, normalizeClass as o, renderSlot as i, createCommentVNode as r, createElementVNode as t } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const m = ["aria-disabled", "tabindex"];
+function p(e, s, u, $, k, b) {
+  return n(), a("li", {
+    ref: "liRef",
+    class: o([e.cls, { [e.className.modifier("has-suffix")]: !!e.$slots.suffix }]),
+    role: "menuitem",
+    "aria-disabled": e.disabled,
+    tabindex: e.disabled ? -1 : 0,
+    onClick: s[0] || (s[0] = (...l) => e.handleClick && e.handleClick(...l)),
+    onKeydown: s[1] || (s[1] = (...l) => e.handleKeydown && e.handleKeydown(...l))
+  }, [
+    e.$slots.icon ? (n(), a("span", {
+      key: 0,
+      class: o(e.className.element("icon"))
+    }, [
+      i(e.$slots, "icon")
+    ], 2)) : r("", !0),
+    t("span", {
+      class: o(e.className.element("content"))
+    }, [
+      i(e.$slots, "default")
+    ], 2),
+    e.$slots.suffix ? (n(), a("span", {
+      key: 1,
+      class: o(e.className.element("suffix"))
+    }, [
+      i(e.$slots, "suffix")
+    ], 2)) : r("", !0)
+  ], 42, m);
+}
+const C = /* @__PURE__ */ f(d, [["render", p]]);
+export {
+  C as default
+};

package/dist/es/components/dropdown/DropdownOption.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as r, ref as u, computed as c, inject as f } from "vue";
+import { dropdownInjectionKey as b } from "./context.js";
+import { getClassNameMixin as p } from "../../_utils/config.js";
+const C = r({
+  name: "DropdownOption",
+  props: {
+    /**
+     * @zh 选项值
+     * @en Value
+     */
+    value: {
+      type: [String, Number, Object]
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // private
+    active: Boolean,
+    uninjectContext: Boolean
+  },
+  emits: {
+    /**
+     * @zh 点击按钮时触发
+     * @en Emitted when the button is clicked
+     * @param {Event} ev
+     */
+    click: (t) => !0
+  },
+  /**
+   * @zh 图标
+   * @en Icon
+   * @slot icon
+   */
+  setup(t, { emit: l }) {
+    const n = p("dropdown--option"), i = u(), d = c(() => {
+      var e;
+      return t.value ?? ((e = i.value) == null ? void 0 : e.textContent) ?? void 0;
+    }), o = t.uninjectContext ? void 0 : f(b, void 0), a = (e) => {
+      t.disabled || (l("click", e), o == null || o.onOptionClick(d.value, e));
+    }, s = (e) => {
+      t.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a(e));
+    }, m = c(() => [
+      n.block,
+      {
+        [n.modifier("disabled")]: t.disabled,
+        [n.modifier("active")]: t.active
+      }
+    ]);
+    return {
+      className: n,
+      cls: m,
+      liRef: i,
+      handleClick: a,
+      handleKeydown: s
+    };
+  }
+});
+export {
+  C as default
+};