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

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

@@ -0,0 +1,109 @@
+const e = {
+  /**
+   * @description 对话框打开/关闭的绑定值
+   */
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description 抽屉的弹出方位
+   */
+  position: {
+    type: String,
+    default: "top"
+  },
+  /**
+   * @description 抽屉的过渡动画, 默认适应 position
+   */
+  transition: {
+    type: String
+  },
+  /**
+   * @description 抽屉消息头的标题
+   */
+  title: {
+    type: String,
+    default: "default title"
+  },
+  /**
+   * @description 是否可以通过按下ESC来关闭对话框
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 在显示遮罩的情况下, 是否可以通过点击遮罩关闭对话框
+   */
+  closeOnClickMark: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 是否去除消息头
+   */
+  noHeader: Boolean,
+  /**
+   * @description 是否去除消息体
+   */
+  noBody: Boolean,
+  /**
+   * @description 是否去除消息尾
+   */
+  noFooter: Boolean,
+  /**
+   * @description 是否显示消息头中的关闭图标
+   */
+  showCloseIcon: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 消息尾中取消按钮的文本
+   */
+  cancelBtnText: {
+    type: String,
+    default: "取消"
+  },
+  /**
+   * @description 消息尾中确认按钮的文本
+   */
+  confirmBtnText: {
+    type: String,
+    default: "确认"
+  },
+  /**
+   * @description 消息尾中按钮的大小
+   */
+  btnSize: {
+    type: String,
+    default: "small"
+  },
+  /**
+   * @description 对话框关闭事件前的回调函数，若设置此项, 需要手动调用 done 函数关闭对话框
+   */
+  beforeClose: Function,
+  /**
+   * @description 是否显示遮罩
+   */
+  modal: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 对话框出现时, 是否禁止浏览器的滚动行为
+   */
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 是否挂载到 body 元素下面, 在层级混乱时开启此项
+   */
+  appendToBody: Boolean,
+  part: Boolean
+};
+export {
+  e as PDrawerProps
+};

package/es/packages/components/drawer/src/drawer.vue.mjs

@@ -0,0 +1,148 @@
+import { defineComponent as p, computed as m, ref as c, watch as I, onMounted as L, openBlock as O, createBlock as N, Teleport as A, withDirectives as F, createElementVNode as H, normalizeClass as R, createVNode as U, mergeProps as j, unref as u, createSlots as q, withCtx as i, renderSlot as d, vShow as G, nextTick as J } from "vue";
+import K from "../../message/src/message-box.vue.mjs";
+import { useEventListener as Q, unrefElement as W } from "@vueuse/core";
+import { PDrawerProps as X } from "./drawer.mjs";
+import { useAttrs as Y } from "../../../hooks/useAttrs.mjs";
+import { IndexManager as Z } from "../../../tools/managers/index-manager.mjs";
+import { useMark as ee } from "../../../hooks/useMark.mjs";
+import { useNS as oe } from "../../../hooks/useNS.mjs";
+import { useLockScroll as ne } from "../../../hooks/useLockScroll.mjs";
+const te = p({
+  name: "PDrawer",
+  inheritAttrs: !1
+}), pe = /* @__PURE__ */ p({
+  ...te,
+  props: { ...X },
+  emits: ["update:modelValue", "open", "opened", "close", "closed", "cancel", "confirm", "hidden"],
+  setup(h, { expose: v, emit: k }) {
+    const s = oe("drawer"), e = h, t = k, y = Y("scoped"), b = m(() => [
+      s.namespace,
+      s.m(e.position),
+      s.is("part", e.part)
+    ]), o = c(null), l = c(null), w = new Z(), a = c(e.modelValue);
+    let r = !0;
+    const { lockScroll: g, unLockScroll: x } = ne(), { mark: S, hiddenMark: C, showMark: B } = ee(l, e.part ? "part" : "cover"), T = m(() => {
+      switch (e.position) {
+        case "top":
+          return "p-transition-fadeDown--completely";
+        case "right":
+          return "p-transition-fadeLeft--completely";
+        case "bottom":
+          return "p-transition-fadeUp--completely";
+        case "left":
+          return "p-transition-fadeRight--completely";
+      }
+    }), V = function() {
+      a.value = !0, r = !0, t("update:modelValue", !0), t("open"), W(l).style.zIndex = w.nextIndex().toString(), e.lockScroll && !e.part && g(), e.modal && B();
+    }, _ = function(n) {
+      t("close", n);
+    }, M = function() {
+      r = !1, t("hidden"), t("update:modelValue", !1), e.modal && C();
+    }, $ = function() {
+      t("cancel");
+    }, z = function() {
+      t("confirm");
+    }, P = function() {
+      t("opened");
+    }, D = function() {
+      e.lockScroll && !e.part && x(), a.value = !1, t("closed");
+    }, f = async function() {
+      await J(), o.value.open();
+    }, E = function() {
+      if (r) {
+        o.value.close("system"), r = !1;
+        return;
+      }
+      o.value.hidden();
+    };
+    return I(() => e.modelValue, (n) => n ? f() : E()), L(() => {
+      e.modelValue && f();
+    }), e.closeOnClickMark && e.modal && Q(S, "click", () => {
+      o.value.close("mark");
+    }), v({
+      /**
+       * @description func, 打开消息框, 会触发 open 事件
+       */
+      open: () => o.value.open(),
+      /**
+       * @description func, 关闭消息框, 会触发 close 事件
+       */
+      close: (n) => o.value.close(n),
+      /**
+       * @description func, 关闭消息框, 无副作用
+       */
+      hidden: () => o.value.hidden(),
+      /**
+       * @description func, 关闭/打开消息框, 无副作用
+       */
+      toggle: () => o.value.toggle(),
+      /**
+       * @description func, 关闭消息框, 触发 cancel 事件
+       */
+      cancel: () => o.value.cancel(),
+      /**
+       * @description func, 关闭消息框, 触发confirm事件
+       */
+      confirm: () => o.value.confirm()
+    }), (n, se) => (O(), N(A, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      F(H("div", {
+        ref_key: "container",
+        ref: l,
+        class: R(b.value)
+      }, [
+        U(K, j({
+          ref_key: "messageBox",
+          ref: o
+        }, u(y), {
+          class: u(s).e("inner"),
+          transition: e.transition || T.value,
+          title: e.title,
+          "no-header": e.noHeader,
+          "no-body": e.noBody,
+          "no-footer": e.noFooter,
+          "show-close-icon": e.showCloseIcon,
+          "cancel-btn-text": e.cancelBtnText,
+          "confirm-btn-text": e.confirmBtnText,
+          "btn-size": e.btnSize,
+          "close-on-press-escape": e.closeOnPressEscape,
+          "before-close": e.beforeClose,
+          onCancel: $,
+          onConfirm: z,
+          onOpen: V,
+          onOpened: P,
+          onClose: _,
+          onClosed: D,
+          onHidden: M
+        }), q({
+          default: i(() => [
+            d(n.$slots, "default")
+          ]),
+          _: 2
+        }, [
+          n.$slots.header ? {
+            name: "header",
+            fn: i(() => [
+              d(n.$slots, "header")
+            ]),
+            key: "0"
+          } : void 0,
+          n.$slots.footer ? {
+            name: "footer",
+            fn: i(() => [
+              d(n.$slots, "footer")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["class", "transition", "title", "no-header", "no-body", "no-footer", "show-close-icon", "cancel-btn-text", "confirm-btn-text", "btn-size", "close-on-press-escape", "before-close"])
+      ], 2), [
+        [G, a.value]
+      ])
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  pe as default
+};

package/es/packages/components/drawer/src/drawer.vue2.mjs

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

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

@@ -0,0 +1,8 @@
+import m from "./src/dropdown.vue.mjs";
+import r from "./src/dropdown-item.vue.mjs";
+import { withInstall as o } from "../../tools/vn/with-install.mjs";
+const p = o(m), f = o(r);
+export {
+  p as Dropdown,
+  f as DropdownItem
+};

package/es/packages/components/dropdown/src/dropdown-item.mjs

@@ -0,0 +1,57 @@
+const t = {
+  /**
+   * @description 下拉框子项的前缀图标
+   */
+  suffixIcon: String,
+  /**
+   * @description 下拉框子项的后缀图标
+   */
+  prefixIcon: String,
+  /**
+   * @description 下拉框子项显示的文本
+   */
+  label: String,
+  /**
+   * @description 下拉框子项的 value
+   */
+  value: String,
+  /**
+   * @description 是否点击下拉框子项时关闭下拉框
+   */
+  closeOnClick: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 下拉框子项是否是活跃状态
+   */
+  active: Boolean,
+  /**
+   * @description 下拉框子项是否是禁用状态
+   */
+  disabled: Boolean,
+  /**
+   * @description 下拉框子项的自定义标签
+   */
+  tag: {
+    type: String,
+    default: "span"
+  },
+  /**
+   * @description 下拉框子项标签为 p-link 时, 跳转的地址
+   */
+  href: String,
+  /**
+   * @description 下拉框子项标签为 p-link 时, 跳转的方式
+   */
+  target: {
+    type: String,
+    default: "_self",
+    validator(e) {
+      return e ? ["_blank", "_self", "_parent", "_top"].includes(e) : !0;
+    }
+  }
+};
+export {
+  t as PDropdownItemProps
+};

package/es/packages/components/dropdown/src/dropdown-item.vue.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as d, computed as g, inject as t, warn as h, openBlock as o, createElementBlock as r, createBlock as v, resolveDynamicComponent as D, mergeProps as I, unref as b, withCtx as y, createVNode as l, renderSlot as P, toDisplayString as $ } from "vue";
+import i from "../../icon/src/icon.vue.mjs";
+import { PDropdownItemProps as B } from "./dropdown-item.mjs";
+import { useNS as S } from "../../../hooks/useNS.mjs";
+const x = { key: 0 }, N = { key: 1 }, j = d({
+  name: "PDropdownItem",
+  inheritAttrs: !1
+}), z = /* @__PURE__ */ d({
+  ...j,
+  props: { ...B },
+  emits: ["select", "click"],
+  setup(p, { emit: m }) {
+    const n = S("dropdown-item"), e = p, a = m, f = g(() => [
+      n.namespace,
+      n.is("active", e.active),
+      n.is("disabled", e.disabled)
+    ]), u = t("inDropdown"), k = t("isCenter"), _ = t("dropdownItemClick"), w = t("dropdownClose");
+    u === void 0 && h("[dropdown-item] 组件应该在下拉组件中");
+    const C = () => {
+      _(e.value), a("select", e.value), a("click"), e.closeOnClick && !e.disabled && w();
+    };
+    return (s, A) => (o(), r("li", null, [
+      (o(), v(D(e.tag), I(s.$attrs, {
+        class: f.value,
+        "data-center": b(k),
+        href: e.href,
+        target: e.target,
+        onClick: C
+      }), {
+        default: y(() => {
+          var c;
+          return [
+            l(i, {
+              target: e.prefixIcon
+            }, null, 8, ["target"]),
+            (c = s.$slots) != null && c.default ? (o(), r("span", x, [
+              P(s.$slots, "default")
+            ])) : (o(), r("span", N, $(e.label), 1)),
+            l(i, {
+              target: e.suffixIcon
+            }, null, 8, ["target"])
+          ];
+        }),
+        _: 3
+      }, 16, ["class", "data-center", "href", "target"]))
+    ]));
+  }
+});
+export {
+  z as default
+};

package/es/packages/components/dropdown/src/dropdown-item.vue2.mjs

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

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

@@ -0,0 +1,108 @@
+const e = {
+  /*以下是 floating 属性*/
+  /**
+   * @description 下拉框触发方式
+   */
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  /**
+   * @description 下拉框相对于引用元素的定位
+   */
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  /**
+   * @description 下拉框出现时的过渡
+   */
+  transition: {
+    type: String,
+    default: "p-transition-scale"
+  },
+  /**
+   * @description 下拉框出现的延时
+   */
+  openDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description 下拉框消失的延时
+   */
+  closeDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description 禁用下拉框
+   */
+  disabled: Boolean,
+  /**
+   * @description 下拉框相对于引用元素的偏移量
+   */
+  offset: {
+    type: Number,
+    default: 10
+  },
+  /**
+   * @description 是否可以通过点击页面来关闭下拉框
+   */
+  closeOnClickBody: Boolean,
+  /**
+   * @description 是否在挂载后立即出现
+   */
+  openOnMounted: Boolean,
+  /**
+   * @description 是否瞬移到到 floating container 元素下面
+   */
+  teleported: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 是否展示小箭头
+   */
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description 最外层元素的类
+   */
+  floatingClass: String,
+  /**
+   * @description 当没有传递 reference slot 时, 此项作用
+   */
+  reference: Object,
+  /**
+   * @description 是否开启快速跟踪, 当 reference 元素可以移动且 floating 元素更不上时开启此项
+   */
+  quickTrack: Boolean,
+  /*以下是 scrollbar 属性*/
+  /**
+   * @description 下拉框的大小是否不会再改变, 开启此项优化部分性能
+   */
+  scrollbarNoResize: Boolean,
+  /**
+   * @description 滚动条定位在元素外面
+   */
+  scrollbarIsOutside: Boolean,
+  /*以下是 dropdown 属性*/
+  /**
+   * @description 所有 item 内元素居中显示
+   */
+  center: Boolean,
+  activeColor: String,
+  /**
+   * @description 是否在点击任意 Item 后关闭下拉框
+   */
+  closeOnClickItem: {
+    type: Boolean,
+    default: !0
+  }
+};
+export {
+  e as PDropdownProps
+};

package/es/packages/components/dropdown/src/dropdown.vue.mjs

@@ -0,0 +1,92 @@
+import { defineComponent as u, useSlots as b, computed as O, ref as D, provide as c, openBlock as V, createBlock as _, mergeProps as d, unref as s, createSlots as z, withCtx as i, createVNode as N, createElementVNode as P, normalizeClass as S, renderSlot as f } from "vue";
+import q from "../../floating/src/floating.vue.mjs";
+import A from "../../scrollbar/src/scrollbar.vue.mjs";
+import { PDropdownProps as B } from "./dropdown.mjs";
+import { getClrVar as I } from "../../../tools/extra/css.mjs";
+import { useAttrs as m } from "../../../hooks/useAttrs.mjs";
+import { useNS as x } from "../../../hooks/useNS.mjs";
+const j = u({
+  name: "PDropdown",
+  inheritAttrs: !1
+}), J = /* @__PURE__ */ u({
+  ...j,
+  props: { ...B },
+  emits: ["select", "open", "opened", "close", "closed"],
+  setup(g, { expose: y, emit: k }) {
+    const t = x("dropdown"), e = g, r = k, v = b(), w = O(() => ({
+      [t.cssVar("active-color")]: e.activeColor ?? I("primary"),
+      [t.cssVar("justify")]: e.center ? "center" : "start"
+    })), n = D(null), C = () => n.value.open(), p = () => n.value.close(), $ = () => n.value.toggle();
+    return c("inDropdown", !0), c("isCenter", e.center), c("dropdownItemClick", (l) => {
+      r("select", l);
+    }), c("dropdownClose", () => {
+      e.closeOnClickItem && p();
+    }), y({
+      /**
+       * @description 关闭下拉框
+       */
+      close: p,
+      /**
+       * @description 打开下拉框
+       */
+      open: C,
+      /**
+       * @description 打开/关闭下拉框轮循
+       */
+      toggle: $
+    }), (l, o) => (V(), _(q, d({
+      ref_key: "floating",
+      ref: n
+    }, s(m)("scopedOnly").value, {
+      class: s(t).namespace,
+      style: w.value,
+      trigger: e.trigger,
+      placement: e.placement,
+      transition: e.transition,
+      "open-delay": e.openDelay,
+      "close-delay": e.closeDelay,
+      disabled: e.disabled,
+      offset: e.offset,
+      "close-on-click-body": e.closeOnClickBody,
+      "open-on-mounted": e.openOnMounted,
+      teleported: e.teleported,
+      "show-arrow": e.showArrow,
+      "floating-class": e.floatingClass,
+      reference: e.reference,
+      "quick-track": e.quickTrack,
+      onOpen: o[0] || (o[0] = (a) => r("open")),
+      onOpened: o[1] || (o[1] = (a) => r("opened")),
+      onClose: o[2] || (o[2] = (a) => r("close")),
+      onClosed: o[3] || (o[3] = (a) => r("closed"))
+    }), z({
+      default: i(() => [
+        N(A, d(s(m)("scoped").value, {
+          class: s(t).e("wrapper"),
+          "no-resize": e.scrollbarNoResize,
+          "is-outside": e.scrollbarIsOutside
+        }), {
+          default: i(() => [
+            P("ul", {
+              class: S(s(t).e("inner"))
+            }, [
+              f(l.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["class", "no-resize", "is-outside"])
+      ]),
+      _: 2
+    }, [
+      s(v).reference ? {
+        name: "reference",
+        fn: i(() => [
+          f(l.$slots, "reference")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["class", "style", "trigger", "placement", "transition", "open-delay", "close-delay", "disabled", "offset", "close-on-click-body", "open-on-mounted", "teleported", "show-arrow", "floating-class", "reference", "quick-track"]));
+  }
+});
+export {
+  J as default
+};

package/es/packages/components/dropdown/src/dropdown.vue2.mjs

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

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

@@ -0,0 +1,6 @@
+import o from "./src/floating.vue.mjs";
+import { withInstall as t } from "../../tools/vn/with-install.mjs";
+const r = t(o);
+export {
+  r as Floating
+};

package/es/packages/components/floating/src/creat-floating-container.mjs

@@ -0,0 +1,6 @@
+import { IndexManager as t } from "../../../tools/managers/index-manager.mjs";
+const o = function() {
+  const n = document.createElement("div"), e = document.body;
+  n.classList.add("___pixel-floating-container"), n.style.zIndex = new t().nextIndex().toString(), e.appendChild(n);
+};
+o();