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

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

@@ -0,0 +1,19 @@
+const l = function(e, o = 0, i) {
+  let t = 0;
+  return function(...r) {
+    const n = (/* @__PURE__ */ new Date()).getTime();
+    n - t >= o && (t = n, e.apply(i, r));
+  };
+}, a = function(e, o = 0, i) {
+  let t = 0;
+  return function(...r) {
+    const n = (/* @__PURE__ */ new Date()).getTime();
+    return new Promise((c) => {
+      n - t >= o && (t = n, c(e.apply(i, r)));
+    });
+  };
+};
+export {
+  a as asyncThrottle,
+  l as throttle
+};

package/es/packages/tools/element/alert.mjs

@@ -0,0 +1,70 @@
+var l = Object.defineProperty;
+var r = (n, e, i) => e in n ? l(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i;
+var t = (n, e, i) => r(n, typeof e != "symbol" ? e + "" : e, i);
+const s = class s {
+  constructor(e = "data error!", i = "pixel-danger") {
+    t(this, "element", document.createElement("label"));
+    t(this, "icon", document.createElement("span"));
+    t(this, "text", document.createTextNode("data error!"));
+    t(this, "parent");
+    t(this, "iconCls", "pixel-danger");
+    t(this, "isVisible");
+    this.initEle(i, e), this.parent = null, this.isVisible = !1;
+  }
+  initEle(e, i) {
+    this.element || (this.element = document.createElement("label")), this.element.classList.add("p-alert"), this.icon || (this.icon = document.createElement("span")), this.iconCls = e, this.icon.classList.add("iconfont"), this.icon.classList.add(e), this.text = document.createTextNode(i), this.element.appendChild(this.icon), this.element.appendChild(this.text);
+  }
+  mountTo(e) {
+    this.parent = e, this.parent.classList.add("is-relative"), this.parent.appendChild(this.element);
+  }
+  unMount() {
+    this.parent && (this.parent.removeChild(this.element), this.parent.classList.remove("is-relative"), this.parent = null);
+  }
+  show() {
+    !this.parent || this.isVisible || (this.isVisible = !0, this.element.animate(s.showKeyframes, {
+      duration: 300,
+      fill: "forwards",
+      easing: "cubic-bezier(0.23, 1, 0.72, 1)"
+    }));
+  }
+  hidden() {
+    !this.parent || !this.isVisible || (this.isVisible = !1, this.element.animate(s.hiddenKeyframes, {
+      duration: 300,
+      fill: "forwards",
+      easing: "cubic-bezier(0.72, 1, 0.23, 1)"
+    }));
+  }
+  toggle() {
+    this.isVisible ? this.hidden() : this.show();
+  }
+  setIcon(e = "pixel-danger") {
+    this.icon.classList.remove(this.iconCls), this.icon.classList.add(e), this.iconCls = e;
+  }
+  setText(e = "data-error!") {
+    this.text.nodeValue = e;
+  }
+  getEle() {
+    return this.element;
+  }
+};
+// 动画帧分别指定,避免造成视觉上的突变, 当然这个动画持续时间很短，这点可以忽略不计
+// 需要注意的是，showKeyFrames第一次执行时，第一帧的状态由元素初始状态决定
+t(s, "showKeyframes", [
+  {},
+  {
+    userSelect: "unset",
+    transform: "translateY(0)",
+    opacity: 1
+  }
+]), t(s, "hiddenKeyframes", [
+  {},
+  {
+    userSelect: "none",
+    transform: "translateY(-15px)",
+    opacity: 0
+  }
+]);
+let a = s;
+export {
+  a as Alert
+};

package/es/packages/tools/element/badge.mjs

@@ -0,0 +1,64 @@
+var n = Object.defineProperty;
+var a = (i, t, e) => t in i ? n(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => a(i, typeof t != "symbol" ? t + "" : t, e);
+import { useNS as h } from "../../hooks/useNS.mjs";
+class r {
+  constructor(t, e) {
+    s(this, "element");
+    s(this, "parent");
+    s(this, "type");
+    s(this, "variant");
+    s(this, "ns");
+    this.element = document.createElement("span"), this.ns = h("badge"), this.type = t, this.element.classList.add(this.ns.namespace), t && this.tp(t), e && this.exp(e);
+  }
+  /**
+   * @description 获取 badge 对应 dom
+   */
+  getElement() {
+    return this.element;
+  }
+  /**
+   * @description 将 badge 挂载到 parent 元素下
+   * @param parent 挂载目标
+   */
+  mountTo(t) {
+    this.parent || (this.parent = t, this.parent.classList.add("is-relative"), this.parent.appendChild(this.element));
+  }
+  /**
+   * @description 将 badge 从 parent 上卸载
+   */
+  unMount() {
+    this.parent && (this.parent.removeChild(this.element), this.parent.classList.remove("is-relative"));
+  }
+  exp(t) {
+    this.variant && this.element.classList.remove(this.ns.m(this.variant)), this.variant = t, this.element.classList.add(this.ns.m(t));
+  }
+  tp(t) {
+    this.type && this.element.classList.remove(this.ns.m(this.type)), this.type = t, this.element.classList.add(this.ns.m(t));
+  }
+  /**
+   * @description 显示 badge 元素
+   */
+  show() {
+    this.element.classList.remove("is-invisible");
+  }
+  /**
+   * @description 隐藏 badge 元素
+   */
+  hidden() {
+    this.element.classList.add("is-invisible");
+  }
+  /**
+   * @description 设置 badge 元素文本内容
+   */
+  setTxt(t) {
+    this.element.innerText = t.toString();
+  }
+}
+s(r, "keyframes", [
+  { transform: "scale(.7) translate(50%,-50%)" },
+  {}
+]);
+export {
+  r as Badge
+};

package/es/packages/tools/element/mark.mjs

@@ -0,0 +1,39 @@
+var r = Object.defineProperty;
+var n = (t, e, a) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var i = (t, e, a) => n(t, typeof e != "symbol" ? e + "" : e, a);
+const s = class s {
+  constructor(e = "cover") {
+    i(this, "element");
+    // 锁，控制open close函数轮番执行
+    i(this, "flag");
+    this.element = document.createElement("div"), this.flag = !1, e === "cover" ? (this.element.classList.add("p-mark--cover"), this.element.style.zIndex = "-1") : e === "part" && this.element.classList.add("p-mark--part");
+  }
+  open() {
+    this.flag || (this.flag = !0, this.element.animate(s.keyframes, {
+      duration: 300,
+      fill: "forwards"
+    }));
+  }
+  close() {
+    this.flag && (this.flag = !1, this.element.animate(s.keyframes, {
+      duration: 300,
+      fill: "forwards",
+      direction: "reverse"
+    }));
+  }
+};
+// 动画关键帧
+i(s, "keyframes", [
+  {
+    opacity: 0,
+    display: "none"
+  },
+  {
+    opacity: 1,
+    display: "unset"
+  }
+]);
+let l = s;
+export {
+  l as Mark
+};

package/es/packages/tools/element/render-node.mjs

@@ -0,0 +1,52 @@
+import { getCurrentInstance as y, h as C, isVNode as S } from "vue";
+import { ensureArray as N, isEmpty as b, isFunction as v, camelCase as a, kebabCase as g, isString as h, isObject as c } from "../extra/types.mjs";
+function d(t, e = "defaultNode") {
+  return c(t) && e in t;
+}
+function F(t) {
+  return [void 0, null, ""].includes(t) ? !0 : !(t instanceof Array ? t : [t]).filter((r) => {
+    var s;
+    return ((s = r == null ? void 0 : r.type) == null ? void 0 : s.toString()) !== "Symbol(Comment)";
+  }).length;
+}
+function p(t) {
+  let e;
+  return d(t) ? e = t.defaultNode : (S(t) || h(t)) && (e = t), e;
+}
+function P(t) {
+  return c(t) && d(t, "params") ? t.params : {};
+}
+function E(t) {
+  return c(t) && d(t, "slotFirst") ? t.slotFirst : {};
+}
+function m(t, e, n) {
+  var s, l, u, o;
+  let r = (l = (s = t.slots)[a(e)]) == null ? void 0 : l.call(s, n);
+  return r && r.filter((i) => i.type !== Symbol.for("v-cmt")).length || (r = (o = (u = t.slots)[g(e)]) == null ? void 0 : o.call(u, n), r && r.filter((i) => i.type !== Symbol.for("v-cmt")).length) ? r : null;
+}
+const f = (t, e, n) => {
+  const r = P(n), s = p(n), l = E(n);
+  let u;
+  return Object.keys(t.props).includes(e) && (u = t.props[e]), u === !1 || u === null ? void 0 : u === !0 ? m(t, e, r) || s : v(u) ? u(C, r) : ([void 0, r, ""].includes(u) || l) && (t.slots[a(e)] || t.slots[g(e)]) ? m(t, e, r) : N(u);
+}, O = () => function(t, e) {
+  const n = y();
+  if (n != null)
+    return f(n, t, e);
+}, k = (t, e, n, r) => {
+  const s = f(t, e, r), l = f(t, n, r), u = F(s) ? l : s;
+  return N(b(u) ? p(r) : u);
+}, j = () => function(t, e, n) {
+  const r = y();
+  if (r != null)
+    return k(r, t, e, n);
+};
+export {
+  p as getDefaultNode,
+  P as getParams,
+  E as getSlotFirst,
+  m as handleSlots,
+  k as renderContent,
+  f as renderPNode,
+  j as useContent,
+  O as usePNode
+};

package/es/packages/tools/extra/css.mjs

@@ -0,0 +1,11 @@
+import { isEmpty as o, isNumber as e, isString as s } from "./types.mjs";
+const f = function(...r) {
+  for (let i of r)
+    if (!s(i))
+      return "";
+  return `var(--pixel-color-${Array.from(r.map((i) => i)).join("-")})`;
+}, c = (r, t) => o(r) && !o(t) ? `${t}px` : e(Number(r)) ? `${r}px` : "0";
+export {
+  f as getClrVar,
+  c as px
+};

package/es/packages/tools/extra/delay.mjs

@@ -0,0 +1,10 @@
+const t = function(e = 0) {
+  return new Promise((o) => {
+    setTimeout(() => {
+      o("ok");
+    }, e);
+  });
+};
+export {
+  t as delay
+};

package/es/packages/tools/extra/fn-union.mjs

@@ -0,0 +1,9 @@
+const o = function(...t) {
+  return function() {
+    for (let n = 0; n < t.length; n++)
+      t[n]();
+  };
+};
+export {
+  o as fnUnion
+};

package/es/packages/tools/extra/types.mjs

@@ -0,0 +1,47 @@
+const s = (t) => typeof t == "string", i = (t) => typeof t == "number", c = (t) => typeof t == "boolean", f = (t) => t === void 0, u = (t) => typeof t == "symbol", p = (t) => typeof t == "object" && t !== null, a = (t) => typeof t == "function", y = (t) => !!t && typeof t.then == "function", m = (t) => t instanceof Date && !isNaN(t.getTime()), g = (t) => t instanceof Map, b = (t) => t instanceof Set, r = (t) => Array.isArray(t), A = (t) => t instanceof RegExp, o = (t) => {
+  if (t == null)
+    return !0;
+  if (typeof t == "string")
+    return !t.trim().length;
+  if (Array.isArray(t))
+    return !t.length;
+  if (typeof t == "object") {
+    for (const e in t)
+      if (t.hasOwnProperty(e))
+        return !1;
+    return !0;
+  }
+  return !1;
+};
+function h(t) {
+  return o(t) ? null : r(t) ? t : [t];
+}
+function l(t) {
+  return t.replace(/[^\w\s-_]/g, "").replace(/[-\s_]+(.)?/g, function(e, n) {
+    return n ? n.toUpperCase() : "";
+  }).replace(/^./, function(e) {
+    return e.toLowerCase();
+  });
+}
+function C(t) {
+  return t.match(/[A-Z]?[a-z]+|[0-9]+/g).map((e) => e.toLowerCase()).join("-");
+}
+export {
+  l as camelCase,
+  h as ensureArray,
+  r as isArray,
+  c as isBoolean,
+  m as isDate,
+  o as isEmpty,
+  a as isFunction,
+  g as isMap,
+  i as isNumber,
+  p as isObject,
+  y as isPromise,
+  A as isRegExp,
+  b as isSet,
+  s as isString,
+  u as isSymbol,
+  f as isUndefined,
+  C as kebabCase
+};

package/es/packages/tools/managers/index-manager.mjs

@@ -0,0 +1,17 @@
+var x = Object.defineProperty;
+var i = (e, n, r) => n in e ? x(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var t = (e, n, r) => i(e, typeof n != "symbol" ? n + "" : n, r);
+import { singleTon as o } from "../decorator/single-ton.mjs";
+class s {
+  constructor(n = 2e3) {
+    t(this, "index");
+    this.index = n;
+  }
+  nextIndex() {
+    return this.index++;
+  }
+}
+const c = o(s);
+export {
+  c as IndexManager
+};

package/es/packages/tools/managers/layout-manager.mjs

@@ -0,0 +1,78 @@
+var e = Object.defineProperty;
+var a = (p, t, s) => t in p ? e(p, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : p[t] = s;
+var i = (p, t, s) => a(p, typeof t != "symbol" ? t + "" : t, s);
+class h {
+  constructor(t) {
+    i(this, "position");
+    i(this, "appList");
+    this.position = t, this.appList = [];
+  }
+  /**
+   * @description 在尾部添加一个元素
+   * @param el HTMLElement
+   */
+  push(t) {
+    this.appList.push(t), this.update();
+  }
+  /**
+   * @description 删除一个元素
+   * @param el HTMLElement
+   */
+  delete(t) {
+    const s = this.appList.indexOf(t);
+    this.appList.splice(s, 1), this.update();
+  }
+  /**
+   * @description 下一个元素的位置
+   */
+  nextPos() {
+    let t = 0;
+    return this.appList.forEach((s) => {
+      t += parseInt(s.getAttribute("data-space")) + s.offsetHeight;
+    }), t;
+  }
+  /**
+   * @description 获取元素
+   * @param index 索引
+   */
+  getEl(t) {
+    return this.appList[t];
+  }
+  /**
+   * @description 获取的索引
+   * @param el HTMLElement
+   */
+  getIndexOf(t) {
+    return this.appList.indexOf(t);
+  }
+  /**
+   * @description 更新元素位置
+   * @protected
+   */
+  update() {
+    this.position === "up" && this._layoutUp(), this.position === "down" && this._layoutDown();
+  }
+  /**
+   * @description 向上布局
+   * @protected
+   */
+  _layoutUp() {
+    let t = 0;
+    this.appList.forEach((s) => {
+      t += parseInt(s.getAttribute("data-space")), s.style.bottom = `${t}px`, t += s.offsetHeight;
+    });
+  }
+  /**
+   * @description 向下布局
+   * @protected
+   */
+  _layoutDown() {
+    let t = 0;
+    this.appList.forEach((s) => {
+      t += parseInt(s.getAttribute("data-space")), s.style.top = `${t}px`, t += s.offsetHeight;
+    });
+  }
+}
+export {
+  h as LayoutManager
+};

package/es/packages/tools/vn/with-install.mjs

@@ -0,0 +1,10 @@
+function a(t, c, n) {
+  const o = t;
+  return o.install = (e, l) => {
+    const m = c || l || o.name;
+    m && (e.component(m, t), n && e.directive(n.name, n.comp));
+  }, o;
+}
+export {
+  a as withInstall
+};