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

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

@@ -0,0 +1,53 @@
+import { defineComponent as m, computed as k, openBlock as a, createBlock as i, Transition as C, withCtx as _, createElementVNode as l, normalizeClass as n, unref as c, renderSlot as g, withModifiers as v, createCommentVNode as z } from "vue";
+import N from "../../icon/src/icon.vue.mjs";
+import { PTagProps as P } from "./tag.mjs";
+import { useNS as T } from "../../../hooks/useNS.mjs";
+const w = m({
+  name: "PTag",
+  inheritAttrs: !0
+}), V = /* @__PURE__ */ m({
+  ...w,
+  props: { ...P },
+  emits: ["click", "close"],
+  setup(p, { emit: u }) {
+    const e = T("tag"), t = p, r = u, f = k(() => [
+      e.namespace,
+      // 'p-tag'
+      e.m(t.type),
+      // 'p-tag--primary'
+      e.m(t.size),
+      // 'p-tag--small' 或 'p-tag--large'
+      e.m(t.variant),
+      // 'p-tag--dark' 或 'p-tag--light'
+      e.is(t.status)
+      // 'is-round'
+    ]);
+    return (d, s) => (a(), i(C, {
+      name: "p-transition-scaleHorizontal",
+      appear: ""
+    }, {
+      default: _(() => [
+        l("div", {
+          class: n(f.value),
+          onClick: s[1] || (s[1] = (o) => r("click", o))
+        }, [
+          l("span", {
+            class: n(c(e).e("content"))
+          }, [
+            g(d.$slots, "default")
+          ], 2),
+          t.closable ? (a(), i(N, {
+            key: 0,
+            class: n(c(e).e("icon")),
+            target: "close",
+            onClick: s[0] || (s[0] = v((o) => r("close", o), ["stop"]))
+          }, null, 8, ["class"])) : z("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  V as default
+};

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

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

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

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

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

@@ -0,0 +1,96 @@
+const e = {
+  /**
+   * @description 文本提示框出现的触发方式
+   */
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  /**
+   * @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: 50
+  },
+  /**
+   * @description 文本提示框消失前的延时
+   */
+  closeDelay: {
+    type: Number,
+    default: 200
+  },
+  /**
+   * @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 文本提示框显示的文本
+   */
+  content: String,
+  /**
+   * @description 文本提示框的主题
+   */
+  variant: {
+    type: String,
+    default: "dark"
+  }
+};
+export {
+  e as PTooltipProps
+};

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

@@ -0,0 +1,65 @@
+import { defineComponent as f, useSlots as y, computed as v, ref as w, openBlock as c, createBlock as $, mergeProps as C, unref as l, createSlots as b, withCtx as p, renderSlot as d, createElementBlock as S, Fragment as B, createTextVNode as O, toDisplayString as P } from "vue";
+import T from "../../floating/src/floating.vue.mjs";
+import { PTooltipProps as q } from "./tooltip.mjs";
+import { useAttrs as x } from "../../../hooks/useAttrs.mjs";
+import { useNS as A } from "../../../hooks/useNS.mjs";
+const D = f({
+  name: "PTooltip",
+  inheritAttrs: !1
+}), V = /* @__PURE__ */ f({
+  ...D,
+  props: { ...q },
+  emits: ["open", "opened", "close", "closed"],
+  setup(m, { expose: u, emit: g }) {
+    const r = A("tooltip"), e = m, t = g, a = y(), k = v(() => [
+      r.namespace,
+      r.m(e.variant)
+    ]), n = w(null);
+    return u({
+      close: () => n.value.close(),
+      open: () => n.value.open(),
+      toggle: () => n.value.toggle()
+    }), (i, o) => (c(), $(T, C({
+      ref_key: "floating",
+      ref: n
+    }, l(x)("scoped").value, {
+      class: k.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] = (s) => t("open")),
+      onOpened: o[1] || (o[1] = (s) => t("opened")),
+      onClose: o[2] || (o[2] = (s) => t("close")),
+      onClosed: o[3] || (o[3] = (s) => t("closed"))
+    }), b({
+      default: p(() => [
+        l(a).content ? d(i.$slots, "content", { key: 0 }) : (c(), S(B, { key: 1 }, [
+          O(P(e.content), 1)
+        ], 64))
+      ]),
+      _: 2
+    }, [
+      l(a).default ? {
+        name: "reference",
+        fn: p(() => [
+          d(i.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["class", "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 {
+  V as default
+};

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

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

package/es/packages/hooks/useAlert.mjs

@@ -0,0 +1,53 @@
+import { isRef as i, ref as m, watch as s, onUnmounted as v } from "vue";
+import { unrefElement as g, noop as c } from "@vueuse/core";
+import { Alert as w } from "../tools/element/alert.mjs";
+function A(n, o = "pixel-danger", u = "data error!") {
+  const a = i(o) ? o : m(o), l = i(u) ? u : m(u), t = new w(l.value, a.value);
+  let r = c;
+  const d = s(
+    () => g(n),
+    (e) => {
+      r(), e && (t.mountTo(e), r = () => {
+        t.unMount(), r = c;
+      });
+    }
+  ), h = s(() => a.value, (e) => {
+    e && n.value && t.setIcon(e);
+  }), p = s(() => l.value, (e) => {
+    e && n.value && t.setText(e);
+  });
+  let f = () => {
+    r(), d(), h(), p(), f = c;
+  };
+  return v(() => {
+    f();
+  }), {
+    /**
+     * @description 响应式 icon
+     */
+    icon: a,
+    /**
+     * @description 响应式 text
+     */
+    text: l,
+    /**
+     * @description 显示 alert
+     */
+    show: () => t.show(),
+    /**
+     * @description 隐藏 alert
+     */
+    hidden: () => t.hidden(),
+    /**
+     * @description 显示/隐藏 alert
+     */
+    toggle: () => t.toggle(),
+    /**
+     * @description 停止使用 alert
+     */
+    stop: f
+  };
+}
+export {
+  A as default
+};

package/es/packages/hooks/useAttrs.mjs

@@ -0,0 +1,35 @@
+import { computed as r, useAttrs as s, getCurrentInstance as d } from "vue";
+const p = function(e) {
+  switch (e) {
+    case "scoped":
+      return r(() => {
+        const t = o();
+        return t ? {
+          [t]: "",
+          ...s()
+        } : {
+          ...s()
+        };
+      });
+    case "scopedOnly":
+      return r(() => {
+        const t = o();
+        return t ? {
+          [t]: ""
+        } : {};
+      });
+    default:
+      return r(() => ({
+        ...s()
+      }));
+  }
+}, o = () => {
+  var c;
+  const e = p();
+  let t = ((c = d()) == null ? void 0 : c.vnode.scopeId) ?? "";
+  const n = Object.keys(e.value).find((u) => u.startsWith("data-v-"));
+  return n && (t = n), t;
+};
+export {
+  p as useAttrs
+};

package/es/packages/hooks/useBadge.mjs

@@ -0,0 +1,46 @@
+import { watchEffect as l, watch as d, onUnmounted as p } from "vue";
+import { unrefElement as v, noop as s } from "@vueuse/core";
+import { Badge as w } from "../tools/element/badge.mjs";
+const E = function(n, f) {
+  const { value: i, type: o, variant: r } = f, t = new w();
+  let u = s;
+  const m = l(() => {
+    o != null && o.value && t.tp(o.value), r != null && r.value && t.exp(r.value);
+  }), a = d(() => {
+    if (n instanceof HTMLElement)
+      return n;
+    if (n.value)
+      return v(n);
+  }, (e) => {
+    u(), e && (t.mountTo(e), u = () => {
+      t.unMount(), u = s;
+    });
+  }, { immediate: !0 }), h = d(() => i == null ? void 0 : i.value, (e) => {
+    e != null && t.setTxt(e);
+  }, { immediate: !0 }), c = () => {
+    u(), m(), a(), h();
+  };
+  return p(() => {
+    c();
+  }), {
+    /**
+     * @description 停止使用 badge
+     */
+    stop: c,
+    /**
+     * @description 显示 badge
+     */
+    show: t.show.bind(t),
+    /**
+     * @description 隐藏 badge
+     */
+    hidden: t.hidden.bind(t),
+    /**
+     * @description 设置 badge 内部文本
+     */
+    setTxt: t.setTxt.bind(t)
+  };
+};
+export {
+  E as useBadge
+};

package/es/packages/hooks/useCollapseAnimation.mjs

@@ -0,0 +1,25 @@
+function i() {
+  return {
+    beforeEnter: (t) => {
+      t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height = "0", t.style.paddingTop = "0", t.style.paddingBottom = "0";
+    },
+    enter: (t) => {
+      t.dataset.oldOverflow = t.style.overflow, t.style.height = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, t.style.overflow = "hidden";
+    },
+    afterEnter: (t) => {
+      t.style.height = "", t.style.overflow = t.dataset.oldOverflow;
+    },
+    beforeLeave: (t) => {
+      t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.height = `${t.scrollHeight}px`, t.style.overflow = "hidden";
+    },
+    leave: (t) => {
+      t.scrollHeight !== 0 && (t.style.height = "0", t.style.paddingTop = "0", t.style.paddingBottom = "0");
+    },
+    afterLeave: (t) => {
+      t.style.height = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+    }
+  };
+}
+export {
+  i as default
+};

package/es/packages/hooks/useDefaultValue.mjs

@@ -0,0 +1,19 @@
+import { getCurrentInstance as e, ref as P } from "vue";
+import { kebabCase as b } from "../tools/extra/types.mjs";
+function O(f, u, t, p) {
+  const r = e(), s = P(), o = (r == null ? void 0 : r.vnode.props) || {};
+  return Object.prototype.hasOwnProperty.call(o, p) || Object.prototype.hasOwnProperty.call(o, b(p)) ? [
+    f,
+    (l, ...i) => {
+      r == null || r.emit(`update:${p}`, l), t == null || t(l, ...i);
+    }
+  ] : (s.value = u, [
+    s,
+    (l, ...i) => {
+      s.value = l, t == null || t(l, ...i);
+    }
+  ]);
+}
+export {
+  O as default
+};

package/es/packages/hooks/useDragSort.mjs

@@ -0,0 +1,54 @@
+import { onUnmounted as y } from "vue";
+const L = (r, e) => {
+  for (const a of r)
+    a.getAttribute("draggable") && e(a);
+}, E = (r, e) => {
+  let a;
+  return L(e, (d) => {
+    d.contains(r) && (a = d);
+  }), a;
+};
+function I(r) {
+  let e, a;
+  const d = [], g = (n) => {
+    const t = n.target;
+    a = t, t.style.opacity = "0.5";
+  }, c = (n) => {
+    n.target.style.opacity = "";
+  }, v = (n) => {
+    n.preventDefault();
+  }, f = (n) => {
+    const t = E(n.target, e.children);
+    t && t !== a && t.draggable && (t.firstChild.style.outline = "1px dashed #0052d9", d.includes(t) || d.push(t));
+  }, l = (n) => {
+    const t = n.target;
+    for (const s of d)
+      s.contains(t) || (s.firstChild.style.outline = "none");
+  }, u = (n) => {
+    var s;
+    n.preventDefault(), L(e.children, (o) => {
+      o.firstChild.style.outline = "none";
+    });
+    let t = E(n.target, e.children);
+    if (t && t.parentNode !== a && t.draggable) {
+      const o = [].indexOf.call(e.children, a), i = [].indexOf.call(e.children, t);
+      i > o && (t = e.children[i + 1]);
+      const m = r.theme === "card" ? o : o - 1, h = r.theme === "card" ? i : i - 1;
+      (s = r.onDragSort) == null || s.call(r, {
+        currentIndex: m,
+        current: r.panels[m].value,
+        targetIndex: h,
+        target: r.panels[h].value
+      });
+    }
+  };
+  function x(n) {
+    e = n, e.addEventListener("dragstart", g, !1), e.addEventListener("dragend", c, !1), e.addEventListener("dragover", v, !1), e.addEventListener("dragenter", f, !1), document.addEventListener("dragleave", l, !1), document.addEventListener("mousemove", l, !1), e.addEventListener("drop", u, !1);
+  }
+  return y(() => {
+    e.removeEventListener("dragstart", g), e.removeEventListener("dragend", c), e.removeEventListener("dragover", v), e.removeEventListener("dragenter", f), document.removeEventListener("dragleave", l), document.removeEventListener("mousemove", l), e.removeEventListener("drop", u);
+  }), { setNavsWrap: x };
+}
+export {
+  I as default
+};

package/es/packages/hooks/useDraggable.mjs

@@ -0,0 +1,40 @@
+import { ref as D, onMounted as W, watchEffect as B, onBeforeUnmount as $ } from "vue";
+const C = (e, t, p) => {
+  let c = {
+    offsetX: 0,
+    offsetY: 0
+  };
+  e instanceof HTMLElement && (e = D(e));
+  const m = (a) => {
+    const L = a.clientX, M = a.clientY, { offsetX: o, offsetY: s } = c, n = e.value.getBoundingClientRect(), i = n.left, l = n.top, w = n.width, x = n.height, X = document.documentElement.clientWidth, Y = document.documentElement.clientHeight, g = -i + o, H = -l + s, T = X - i - w + o, b = Y - l - x + s, d = (f) => {
+      const r = Math.min(
+        Math.max(o + f.clientX - L, g),
+        T
+      ), h = Math.min(
+        Math.max(s + f.clientY - M, H),
+        b
+      );
+      c = {
+        offsetX: r,
+        offsetY: h
+      }, e.value.style.transform = `translate(${r}px, ${h}px)`;
+    }, v = () => {
+      document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", v);
+    };
+    document.addEventListener("mousemove", d), document.addEventListener("mouseup", v);
+  }, E = () => {
+    t.value && e.value && t.value.addEventListener("mousedown", m);
+  }, u = () => {
+    t.value && e.value && t.value.removeEventListener("mousedown", m);
+  };
+  W(() => {
+    B(() => {
+      p.value ? E() : u();
+    });
+  }), $(() => {
+    u();
+  });
+};
+export {
+  C as useDraggable
+};

package/es/packages/hooks/useFlag.mjs

@@ -0,0 +1,19 @@
+import { ref as s } from "vue";
+const f = function(o = !1) {
+  const e = s(o), t = function() {
+    e.value = !1;
+  }, n = function() {
+    e.value = !0;
+  };
+  return {
+    flag: e,
+    setTrue: n,
+    setFalse: t,
+    toggle: function() {
+      e.value ? t() : n();
+    }
+  };
+};
+export {
+  f as useFlag
+};

package/es/packages/hooks/useLockScroll.mjs

@@ -0,0 +1,21 @@
+let t = 0;
+const s = function() {
+  const o = document.body;
+  return {
+    lockScroll: function() {
+      if (t === 0) {
+        const c = o.offsetWidth;
+        o.style.overflowY = "hidden";
+        const l = o.offsetWidth;
+        o.style.width = `calc(100% - ${l - c}px)`;
+      }
+      t++;
+    },
+    unLockScroll: function() {
+      t--, t <= 0 && (t = 0), t === 0 && (o.style.overflowY = "auto", o.style.width = "100%");
+    }
+  };
+};
+export {
+  s as useLockScroll
+};

package/es/packages/hooks/useMark.mjs

@@ -0,0 +1,25 @@
+import { watch as p, onUnmounted as l } from "vue";
+import { unrefElement as s, noop as t } from "@vueuse/core";
+import { Mark as u } from "../tools/element/mark.mjs";
+const d = function(o, m) {
+  const e = new u(m);
+  let n = t;
+  const i = p(
+    () => o instanceof HTMLElement ? o : s(o),
+    (r) => {
+      n(), r && (r.appendChild(e.element), n = () => {
+        r.removeChild(e.element), n = t;
+      });
+    }
+  );
+  return l(() => {
+    i(), n();
+  }), {
+    mark: e.element,
+    showMark: () => e.open(),
+    hiddenMark: () => e.close()
+  };
+};
+export {
+  d as useMark
+};

package/es/packages/hooks/useNS.mjs

@@ -0,0 +1,34 @@
+const o = "pixel", N = function(u) {
+  const t = `p-${u}`;
+  return {
+    namespace: t,
+    // 基础命名空间
+    b: ($, r) => typeof r == "boolean" ? $ && r ? `${t}-${$}` : "" : $ ? `${t}-${$}` : "",
+    // Block
+    e: ($, r) => typeof r == "boolean" ? $ && r ? `${t}__${$}` : "" : $ ? `${t}__${$}` : "",
+    // Element
+    m: ($, r) => typeof r == "boolean" ? $ && r ? `${t}--${$}` : "" : $ ? `${t}--${$}` : "",
+    // Modifier
+    bb: ($, r) => $ && r ? `${t}-${$}-${r}` : "",
+    // Block-Block
+    ee: ($, r) => $ && r ? `${t}__${$}__${r}` : "",
+    // Element-Element
+    be: ($, r, n) => typeof n == "boolean" ? $ && r && n ? `${t}-${$}__${r}` : "" : $ && r ? `${t}-${$}__${r}` : "",
+    // Block-Element
+    eb: ($, r, n) => typeof n == "boolean" ? $ && r && n ? `${t}__${$}-${r}` : "" : $ && r ? `${t}__${$}-${r}` : "",
+    // Element-Block
+    bm: ($, r, n) => typeof n == "boolean" ? $ && r && n ? `${t}-${$}--${r}` : "" : $ && r ? `${t}-${$}--${r}` : "",
+    // Block-Modifier
+    em: ($, r, n) => typeof n == "boolean" ? $ && r && n ? `${t}__${$}--${r}` : "" : $ && r ? `${t}__${$}--${r}` : "",
+    // Element-Modifier
+    is: ($, r) => typeof $ == "string" ? typeof r == "boolean" ? r ? `is-${$}` : "" : `is-${$}` : typeof $ == "boolean" && $ ? `is-${r}` : "",
+    // Status
+    size: ($, r) => typeof r == "boolean" ? $ ? `${t}-size-${$}` : "" : $ ? `p-size-${$}` : "",
+    // Size
+    cssVar: ($) => $ ? `--${o}-${u}-${$}` : ""
+    // CSS Variable
+  };
+};
+export {
+  N as useNS
+};

package/es/packages/hooks/useVModel.mjs

@@ -0,0 +1,24 @@
+import { getCurrentInstance as y, ref as O } from "vue";
+import { kebabCase as f } from "../tools/extra/types.mjs";
+function v(u, c, d, t, o = "value") {
+  const r = y(), s = O(), e = (r == null ? void 0 : r.vnode.props) || {};
+  return Object.prototype.hasOwnProperty.call(e, "modelValue") || Object.prototype.hasOwnProperty.call(e, "model-value") ? [
+    c,
+    (l, ...p) => {
+      r == null || r.emit("update:modelValue", l), t == null || t(l, ...p);
+    }
+  ] : Object.prototype.hasOwnProperty.call(e, o) || Object.prototype.hasOwnProperty.call(e, f(o)) ? [
+    u,
+    (l, ...p) => {
+      r == null || r.emit(`update:${o}`, l), t == null || t(l, ...p);
+    }
+  ] : (s.value = d, [
+    s,
+    (l, ...p) => {
+      s.value = l, t == null || t(l, ...p);
+    }
+  ]);
+}
+export {
+  v as default
+};

package/es/packages/tools/decorator/debounce.mjs

@@ -0,0 +1,25 @@
+const m = function(t, n = 0, o) {
+  let e;
+  return function(...c) {
+    clearTimeout(e), e = setTimeout(() => {
+      t.apply(o, c);
+    }, n);
+  };
+}, a = function(t, n = 0, o) {
+  let e;
+  return function(...c) {
+    return clearTimeout(e), new Promise((r, u) => {
+      e = setTimeout(() => {
+        try {
+          r(t.apply(o, c));
+        } catch (i) {
+          u(i);
+        }
+      }, n);
+    });
+  };
+};
+export {
+  a as asyncDebounce,
+  m as debounce
+};

package/es/packages/tools/decorator/single-ton.mjs

@@ -0,0 +1,11 @@
+const o = function(t) {
+  let n;
+  return new Proxy(t, {
+    construct(e, r) {
+      return n || (n = new e(...r));
+    }
+  });
+};
+export {
+  o as singleTon
+};