@qi-tian-da-sheng/bin-project-ui 1.0.0

package/es/packages/components/menu/src/v-menu.mjs

@@ -0,0 +1,78 @@
+var o = Object.defineProperty;
+var c = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var l = (i, t, e) => c(i, typeof t != "symbol" ? t + "" : t, e);
+import { ref as f } from "vue";
+import { isEmpty as p } from "../../../tools/extra/types.mjs";
+class V {
+  constructor(t = {}) {
+    l(this, "data", {
+      value: void 0,
+      parent: void 0,
+      children: []
+    });
+    l(this, "cache", /* @__PURE__ */ new Map());
+    l(this, "isMutex", f(!1));
+    l(this, "expandValues", /* @__PURE__ */ new Set());
+    this.isMutex.value = t.isMutex ?? !1, this.expandValues = new Set(t.expandValues ?? []);
+  }
+  findParentNode(t) {
+    let e = this.data;
+    for (; e; ) {
+      const a = e.children.find((n) => n.value === t);
+      if (a)
+        return e.value ? e : a;
+      e.value ? e = this.cache.get(e.value) : e = void 0;
+    }
+  }
+  add(t) {
+    const { value: e, parent: a, vNode: n } = t;
+    let s = this.findParentNode(a);
+    s || (s = this.data);
+    const d = {
+      value: e,
+      parent: s.value,
+      children: [],
+      vNode: n,
+      ...t
+    };
+    s.children.some((r) => r.value === e) || (n instanceof Function && n().forEach((r) => {
+      var u;
+      const h = {
+        value: (u = r.props) == null ? void 0 : u.value,
+        parent: d.value,
+        vNode: r.children.default,
+        children: []
+      };
+      d.children.push(h);
+    }), s.children.push(d)), e && this.cache.set(e, d);
+  }
+  select(t) {
+    const e = [];
+    if (p(t))
+      return e;
+    const a = [this.data];
+    for (; a.length; ) {
+      const n = a.pop();
+      n.value === t && e.push(n.value), a.push(...n.children);
+    }
+    return e.push(t), [...new Set(e.filter(Boolean))];
+  }
+  expand(t) {
+    if (this.expandValues.has(t))
+      this.expandValues.delete(t);
+    else if (this.expandValues.add(t), this.isMutex.value) {
+      const e = this.findParentNode(t);
+      e && e.children.filter((n) => n.value !== t && n.children.length > 0).forEach((n) => {
+        n.value && this.expandValues.delete(n.value);
+      });
+    }
+    return [...this.expandValues];
+  }
+  getChild(t) {
+    const e = this.findParentNode(t);
+    return e && e.children.length > 0 ? e.children : e ? [e] : [];
+  }
+}
+export {
+  V as default
+};

package/es/packages/components/message/index.mjs

@@ -0,0 +1,7 @@
+import o from "./src/message-box.vue.mjs";
+import "vue";
+import { withInstall as t } from "../../tools/vn/with-install.mjs";
+const s = t(o);
+export {
+  s as MessageBox
+};

package/es/packages/components/message/src/confirm.mjs

@@ -0,0 +1,47 @@
+import { createApp as s } from "vue";
+import { MessageBox as f } from "../index.mjs";
+import { Mark as p } from "../../../tools/element/mark.mjs";
+import { IndexManager as u } from "../../../tools/managers/index-manager.mjs";
+function v(e) {
+  return new Promise((m, r) => {
+    const { showMark: t = !0 } = e, c = s(f, {
+      type: e.type,
+      icon: e.icon,
+      iconColor: e.color,
+      title: e.title,
+      text: e.text,
+      draggable: e.draggable,
+      showCloseIcon: !0,
+      transition: "p-transition-fadeDown",
+      confirmBtnText: e.confirmBtnText,
+      cancelBtnText: e.cancelBtnText,
+      top: e.top,
+      onClose(d) {
+        r(d), t && n.close();
+      },
+      onCancel() {
+        r("cancel"), t && n.close();
+      },
+      onConfirm() {
+        t && n.close(), m("confirm");
+      },
+      onOpen() {
+        t && n.open();
+      },
+      onClosed() {
+        n.element.removeEventListener("click", l), a.removeChild(o), c.unmount();
+      }
+    });
+    c.component("PIcon");
+    const o = document.createElement("div"), a = document.body, n = new p("cover"), i = c.mount(o), l = function() {
+      i.close("mark");
+    };
+    n.element.addEventListener("click", l), x(o), o.appendChild(n.element), a.appendChild(o), i.open();
+  });
+}
+const x = function(e) {
+  e.classList.add("p-confirm-container"), e.style.zIndex = new u().nextIndex().toString();
+};
+export {
+  v as default
+};

package/es/packages/components/message/src/message-box.mjs

@@ -0,0 +1,93 @@
+const t = {
+  /**
+   * @description 消息框的类型
+   */
+  type: String,
+  /**
+   * @description 消息框图标
+   */
+  icon: String,
+  /**
+   * @description 消息框图标的颜色
+   */
+  iconColor: String,
+  /**
+   * @description 消息头的标题
+   */
+  title: {
+    type: String,
+    default: "default title"
+  },
+  /**
+   * @description 消息体的文本
+   */
+  text: String,
+  /**
+   * @description 消息框的过渡动画
+   */
+  transition: {
+    type: String,
+    default: "p-transition-fadeDown"
+  },
+  /**
+   * @description 是否可以通过按下 ESC 来关闭消息框
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 消息框是否可以被拖动
+   */
+  draggable: Boolean,
+  /**
+   * @description 消息框距离浏览器视口顶部的距离
+   */
+  top: {
+    type: String
+  },
+  /**
+   * @description 是否去除消息头
+   */
+  noHeader: Boolean,
+  /**
+   * @description 是否去除消息体
+   */
+  noBody: Boolean,
+  /**
+   * @description 是否去除消息尾
+   */
+  noFooter: Boolean,
+  /**
+   * @description 是否显示消息头中的关闭图标
+   */
+  showCloseIcon: Boolean,
+  /**
+   * @description 消息尾中取消按钮的文本
+   */
+  cancelBtnText: {
+    type: String,
+    default: "取消"
+  },
+  /**
+   * @description 消息尾中确认按钮的文本
+   */
+  confirmBtnText: {
+    type: String,
+    default: "确认"
+  },
+  /**
+   * @description 消息尾中按钮的大小
+   */
+  btnSize: {
+    type: String,
+    default: "small"
+  },
+  /**
+   * @description 消息框关闭事件前的回调函数，若设置此项, 需要手动调用done函数关闭消息框
+   */
+  beforeClose: Function
+};
+export {
+  t as PMessageBoxProps
+};

package/es/packages/components/message/src/message-box.vue.mjs

@@ -0,0 +1,195 @@
+import { defineComponent as D, computed as h, ref as m, openBlock as r, createElementBlock as l, Fragment as P, createVNode as p, Transition as G, withCtx as $, withDirectives as J, createElementVNode as b, mergeProps as Q, unref as o, withKeys as R, normalizeClass as a, toDisplayString as g, createBlock as W, createCommentVNode as i, renderSlot as w, createTextVNode as V, vShow as X, normalizeStyle as Y, nextTick as Z } from "vue";
+import { PMessageBoxProps as ee } from "./message-box.mjs";
+import A from "../../icon/src/icon.vue.mjs";
+import E from "../../button/src/button.vue.mjs";
+import { useDraggable as oe } from "../../../hooks/useDraggable.mjs";
+import { fnUnion as I } from "../../../tools/extra/fn-union.mjs";
+import { throttle as x } from "../../../tools/decorator/throttle.mjs";
+import { getClrVar as y } from "../../../tools/extra/css.mjs";
+import { useFlag as te } from "../../../hooks/useFlag.mjs";
+import { useAttrs as se } from "../../../hooks/useAttrs.mjs";
+import { useNS as _ } from "../../../hooks/useNS.mjs";
+const ne = D({
+  name: "PMessageBox",
+  inheritAttrs: !1
+}), ye = /* @__PURE__ */ D({
+  ...ne,
+  props: { ...ee },
+  emits: ["close", "closed", "open", "opened", "cancel", "confirm", "hidden"],
+  setup(M, { expose: K, emit: H }) {
+    const n = _("message"), f = _("message-box"), e = M, c = H, L = h(() => [
+      f.namespace,
+      f.m(e.type)
+    ]), z = m(null), v = m(void 0), B = m(void 0), k = m(void 0), O = h(() => {
+      if (e.iconColor) return e.iconColor;
+      switch (e.type) {
+        case "success":
+          return y("success");
+        case "info":
+          return y("info");
+        case "warning":
+          return y("warning");
+        case "danger":
+          return y("danger");
+      }
+    });
+    let { flag: S, setTrue: U, setFalse: j } = te(!1);
+    oe(k, B, h(() => e.draggable));
+    const N = I(U, async () => {
+      var s, t;
+      c("open"), e.draggable && k.value.appendChild(v.value), await Z(), (s = v.value) == null || s.focus(), (t = z.value) == null || t.$el.focus();
+    }), d = x(function(s = "system") {
+      const t = function() {
+        u(), c("close", s);
+      };
+      !e.closeOnPressEscape && s === "esc" || (e.beforeClose ? e.beforeClose(t) : t());
+    }, 500), q = function() {
+      S.value ? d("system") : N();
+    }, u = I(j, () => {
+      c("hidden");
+    }), T = x(function() {
+      u(), c("cancel");
+    }, 500), F = x(function() {
+      u(), c("confirm");
+    }, 500);
+    return K({
+      /**
+       * @description func, 打开消息框, 会触发 open 事件
+       */
+      open: N,
+      /**
+       * @description func, 关闭消息框, 会触发 close 事件
+       */
+      close: d,
+      /**
+       * @description func, 关闭消息框, 无副作用
+       */
+      hidden: u,
+      /**
+       * @description func, 关闭/打开消息框, 会触发事件
+       */
+      toggle: q,
+      /**
+       * @description func, 关闭消息框, 触发 cancel 事件
+       */
+      cancel: T,
+      /**
+       * @description func, 关闭消息框, 触发 confirm 事件
+       */
+      confirm: F
+    }), (s, t) => (r(), l(P, null, [
+      p(G, {
+        name: e.transition,
+        onAfterEnter: t[2] || (t[2] = (C) => c("opened")),
+        onAfterLeave: t[3] || (t[3] = (C) => c("closed"))
+      }, {
+        default: $(() => [
+          J(b("div", Q({
+            ref_key: "outer",
+            ref: v
+          }, o(se)("scoped").value, {
+            class: L.value,
+            style: `top:${e.top}`,
+            tabindex: "0",
+            onKeydown: t[1] || (t[1] = R((C) => o(d)("esc"), ["esc"]))
+          }), [
+            p(A, {
+              target: e.icon || e.type,
+              color: O.value,
+              class: a(o(f).e("icon"))
+            }, null, 8, ["target", "color", "class"]),
+            b("div", {
+              class: a([o(n).namespace, o(f).e("inner")])
+            }, [
+              e.noHeader ? i("", !0) : (r(), l("div", {
+                key: 0,
+                ref_key: "header",
+                ref: B,
+                class: a([
+                  o(n).e("header"),
+                  o(n).em("header", "default", !s.$slots.header)
+                ])
+              }, [
+                s.$slots.header ? i("", !0) : (r(), l(P, { key: 0 }, [
+                  b("h1", {
+                    class: a(o(n).ee("header", "title"))
+                  }, g(e.title), 3),
+                  e.showCloseIcon ? (r(), W(A, {
+                    key: 0,
+                    ref_key: "closeIcon",
+                    ref: z,
+                    class: a(o(n).ee("header", "icon")),
+                    target: "close",
+                    tabindex: "0",
+                    onClick: t[0] || (t[0] = (C) => o(d)("icon"))
+                  }, null, 8, ["class"])) : i("", !0)
+                ], 64)),
+                w(s.$slots, "header")
+              ], 2)),
+              e.noBody ? i("", !0) : (r(), l("div", {
+                key: 1,
+                ref: "body",
+                class: a(o(n).e("body"))
+              }, [
+                w(s.$slots, "default"),
+                e.text ? (r(), l("div", {
+                  key: 0,
+                  class: a(o(n).e("text"))
+                }, g(e.text), 3)) : i("", !0)
+              ], 2)),
+              e.noFooter ? i("", !0) : (r(), l("div", {
+                key: 2,
+                ref: "footer",
+                class: a([
+                  o(n).e("footer"),
+                  o(n).em("footer", "default", !s.$slots.footer)
+                ])
+              }, [
+                s.$slots.footer ? i("", !0) : (r(), l("div", {
+                  key: 0,
+                  class: a(o(n).em("footer", "default"))
+                }, [
+                  p(E, {
+                    size: e.btnSize,
+                    type: "cyan",
+                    variant: "ghost",
+                    onClick: o(T)
+                  }, {
+                    default: $(() => [
+                      V(g(e.cancelBtnText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "onClick"]),
+                  p(E, {
+                    size: e.btnSize,
+                    type: "primary",
+                    onClick: o(F)
+                  }, {
+                    default: $(() => [
+                      V(g(e.confirmBtnText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "onClick"])
+                ], 2)),
+                w(s.$slots, "footer")
+              ], 2))
+            ], 2)
+          ], 16), [
+            [X, o(S)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]),
+      e.draggable ? (r(), l("div", {
+        key: 0,
+        ref_key: "drag",
+        ref: k,
+        style: Y(`top:${e.top}`),
+        class: "p-message-draggable-container"
+      }, null, 4)) : i("", !0)
+    ], 64));
+  }
+});
+export {
+  ye as default
+};

package/es/packages/components/message/src/message-box.vue2.mjs

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

package/es/packages/components/message/src/message.mjs

@@ -0,0 +1,31 @@
+import { createApp as p } from "vue";
+import { MessageBox as u } from "../index.mjs";
+import { LayoutManager as l } from "../../../tools/managers/layout-manager.mjs";
+import { delay as m } from "../../../tools/extra/delay.mjs";
+import { IndexManager as f } from "../../../tools/managers/index-manager.mjs";
+const o = new l("down");
+async function I(t) {
+  const { timeout: n = 3e3, offset: d = 10 } = t, s = p(u, {
+    type: t.type,
+    icon: t.icon,
+    iconColor: t.color,
+    title: t.text,
+    noFooter: !0,
+    noBody: !0,
+    showCloseIcon: t.showCloseIcon,
+    transition: "p-transition-messageOnly",
+    onClose() {
+      var c, i;
+      (i = (c = o.getEl(o.getIndexOf(e) - 1)) == null ? void 0 : c.firstElementChild) == null || i.focus(), o.delete(e), m(500).then(() => {
+        a.removeChild(e), s.unmount();
+      });
+    }
+  }), e = document.createElement("div"), a = document.body, r = s.mount(e);
+  y(e, d), a.appendChild(e), r.open(), o.push(e), n !== 0 && (await m(n), r.close("system"));
+}
+const y = function(t, n) {
+  t.classList.add("pos-top-center"), t.classList.add("p-message-container"), t.setAttribute("data-space", n.toString()), t.style.top = `${o.nextPos()}px`, t.style.zIndex = new f().nextIndex().toString();
+};
+export {
+  I as default
+};

package/es/packages/components/message/src/notify.mjs

@@ -0,0 +1,38 @@
+import { createApp as y } from "vue";
+import { MessageBox as x } from "../index.mjs";
+import { delay as h } from "../../../tools/extra/delay.mjs";
+import { LayoutManager as d } from "../../../tools/managers/layout-manager.mjs";
+import { IndexManager as g } from "../../../tools/managers/index-manager.mjs";
+const f = new d("down"), p = new d("down"), u = new d("up"), c = new d("up"), m = function(t, o) {
+  o === "top-right" ? f.push(t) : o === "bottom-right" ? u.push(t) : o === "top-left" ? p.push(t) : o === "bottom-left" && c.push(t);
+}, r = function(t, o) {
+  var n, i;
+  const e = t.getIndexOf(o) - 1;
+  (i = (n = t.getEl(e)) == null ? void 0 : n.firstElementChild) == null || i.focus();
+}, w = function(t, o) {
+  o === "top-right" ? (r(f, t), f.delete(t)) : o === "bottom-right" ? (r(u, t), u.delete(t)) : o === "top-left" ? (r(p, t), p.delete(t)) : o === "bottom-left" && (r(c, t), c.delete(t));
+};
+async function $(t) {
+  const { timeout: o = 3e3, placement: e = "top-right", offset: n = 10 } = t, i = y(x, {
+    type: t.type,
+    icon: t.icon,
+    iconColor: t.color,
+    title: t.title,
+    text: t.text,
+    noFooter: !0,
+    showCloseIcon: !0,
+    transition: e.includes("right") ? "p-transition-fadeLeft--completely" : "p-transition-fadeRight--completely",
+    onClose() {
+      w(s, e), h(500).then(() => {
+        a.removeChild(s), i.unmount();
+      });
+    }
+  }), s = document.createElement("div"), a = document.body, l = i.mount(s);
+  b(s, e, n), a.appendChild(s), l.open(), m(s, e), o !== 0 && (await h(o), l.close("system"));
+}
+const b = function(t, o, e) {
+  t.classList.add(`pos-${o}`), t.setAttribute("data-space", e.toString()), o === "top-right" ? t.style.top = `${f.nextPos()}px` : o === "top-left" ? t.style.top = `${p.nextPos()}px` : o === "bottom-right" ? t.style.bottom = `${u.nextPos()}px` : o === "bottom-left" && (t.style.bottom = `${c.nextPos()}px`), t.classList.add("p-notify-container"), t.style.zIndex = new g().nextIndex().toString();
+};
+export {
+  $ as default
+};

package/es/packages/components/popconfirm/index.mjs

@@ -0,0 +1,6 @@
+import o from "./src/popconfirm.vue.mjs";
+import { withInstall as m } from "../../tools/vn/with-install.mjs";
+const i = m(o);
+export {
+  i as Popconfirm
+};

package/es/packages/components/popconfirm/src/popconfirm.mjs

@@ -0,0 +1,115 @@
+const e = {
+  /**
+   * @description 气泡确认框出现的触发方式
+   */
+  trigger: {
+    type: String,
+    default: "clickToOpen"
+  },
+  /**
+   * @description 气泡确认框相对于引用元素的方位
+   */
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  /**
+   * @description 气泡确认框相对于引用元素的偏移
+   */
+  offset: {
+    type: Number,
+    default: 10
+  },
+  /**
+   * @description 气泡确认框出现时的过渡
+   */
+  transition: {
+    type: String,
+    default: "p-transition-scale"
+  },
+  /**
+   * @description 气泡确认框出现时前的延时
+   */
+  openDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description 气泡确认框消失前的延时
+   */
+  closeDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description 气是否禁用气泡确认框的状态切换
+   */
+  disabled: Boolean,
+  /**
+   * @description 是否可以通过点击body来关闭气泡确认框
+   */
+  closeOnClickBody: Boolean,
+  /**
+   * @description 是否在挂载后打开气泡确认框
+   */
+  openOnMounted: Boolean,
+  /**
+   * @description 是否瞬移
+   */
+  teleported: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 是否显示小箭头
+   */
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 气泡确认框包裹标签的类
+   */
+  floatingClass: String,
+  /**
+   * @description 动态引用元素, 注意：slot.reference 优先级高于此项
+   */
+  reference: Object,
+  /**
+   * @description 是否开启快速跟踪, 当引用元素是可以移动的且气泡框更新跟不上移动时开启此项
+   */
+  quickTrack: Boolean,
+  /**
+   * @description 气泡确认框显示的文本
+   */
+  text: String,
+  /**
+   * @description 气泡确认框的类型
+   */
+  type: String,
+  /**
+   * @description 气泡确认框取消按钮的文本
+   */
+  cancelBtnText: {
+    type: String,
+    default: "取消"
+  },
+  /**
+   * @description 气泡确认框确认按钮的文本
+   */
+  confirmBtnText: {
+    type: String,
+    default: "确认"
+  },
+  /**
+   * @description 自定义气泡确认框图标
+   */
+  icon: String,
+  /**
+   * @description 自定义图标颜色
+   */
+  iconColor: String
+};
+export {
+  e as PPopconfirmProps
+};