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

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

@@ -0,0 +1,161 @@
+import { defineComponent as M, computed as w, ref as p, watch as K, onMounted as O, openBlock as d, createElementBlock as f, mergeProps as Q, normalizeClass as i, unref as n, renderSlot as I, createCommentVNode as m, createElementVNode as C, createVNode as L, withModifiers as h, createBlock as x, createTextVNode as N, toDisplayString as E, Fragment as U } from "vue";
+import g from "../../icon/src/icon.vue.mjs";
+import { PInputProps as X } from "./input.mjs";
+import Y from "../../../hooks/useAlert.mjs";
+import { unrefElement as u } from "@vueuse/core";
+import { useNS as Z } from "../../../hooks/useNS.mjs";
+import { delay as ee } from "../../../tools/extra/delay.mjs";
+const te = ["type", "id", "maxlength", "minlength", "placeholder", "disabled", "readonly", "autofocus"], oe = ["data-overflow"], ne = M({
+  name: "PInput",
+  inheritAttrs: !1
+}), ce = /* @__PURE__ */ M({
+  ...ne,
+  props: { ...X },
+  emits: ["update:modelValue", "clear", "input", "change", "blur", "focus"],
+  setup($, { expose: A, emit: B }) {
+    const o = Z("input"), e = $, s = B, F = w(() => [
+      o.namespace,
+      // 'p-input'
+      o.m(e.size),
+      // 'p-input--small' 或 'p-input--large'
+      o.is(e.disabled, "disabled")
+      // 'is-disabled'
+    ]), P = p(null), r = p(void 0), b = p(null), {
+      icon: T,
+      text: _,
+      show: V,
+      hidden: v,
+      toggle: z
+    } = Y(b), y = p(!1), l = p(!0), k = function(t, a) {
+      _.value = t, T.value = a, V();
+    }, D = w(() => e.modelValue == null || e.modelValue === "" ? !1 : e.showPassword && e.type === "password" && !e.disabled), H = w(() => e.modelValue == null || e.modelValue === "" ? !1 : e.clearable && !e.readonly && !e.disabled);
+    K(() => e.modelValue, (t) => {
+      u(r).value = t ? t.toString() : "", t !== void 0 && s("change", t.toString()), l.value = !0, v(), e.minLength !== void 0 && l.value && (l.value = c() >= Number.parseInt(e.minLength)), e.maxLength !== void 0 && l.value && (l.value = c() <= Number.parseInt(e.maxLength));
+    });
+    const R = function() {
+      if (e.readonly || e.disabled || y.value) return;
+      const t = u(r);
+      s("update:modelValue", t.value), t.value = e.modelValue == null ? "" : String(e.modelValue), s("input", t.value);
+    }, W = function(t) {
+      v(), e.checkFunc && (l.value = e.checkFunc(e.modelValue, k)), s("blur", t);
+    }, j = function(t) {
+      s("focus", t);
+    }, S = function() {
+      const t = u(r);
+      s("update:modelValue", ""), s("clear"), t.focus();
+    }, q = async function() {
+      const t = u(r);
+      t.type === "password" ? t.type = "text" : t.type = "password", await ee(), t.setSelectionRange(t.value.length, t.value.length);
+    }, G = function() {
+      y.value = !0;
+    }, J = function() {
+      const t = u(r);
+      y.value = !1, s("update:modelValue", t.value), s("input", t.value);
+    }, c = () => e.modelValue == null ? 0 : String(e.modelValue).length;
+    return O(() => {
+      u(r).value = e.modelValue == null ? "" : String(e.modelValue), e.minLength !== void 0 && l.value && (l.value = c() >= Number.parseInt(e.minLength)), e.maxLength !== void 0 && l.value && (l.value = c() <= Number.parseInt(e.maxLength));
+    }), A({
+      isLegal: l,
+      alert: k,
+      showAlert: V,
+      hiddenAlert: v,
+      toggleAlert: z,
+      clear: S,
+      focus: () => u(r).focus(),
+      blur: () => u(r).blur(),
+      select: () => u(r).select()
+    }), (t, a) => (d(), f("div", Q({
+      ref_key: "container",
+      ref: P,
+      class: F.value
+    }, t.$attrs), [
+      t.$slots.prefixSlot ? (d(), f("div", {
+        key: 0,
+        class: i([n(o).e("slot"), n(o).em("slot", "prefix")])
+      }, [
+        I(t.$slots, "prefixSlot")
+      ], 2)) : m("", !0),
+      C("div", {
+        class: i(n(o).e("wrapper")),
+        ref_key: "wrapper",
+        ref: b
+      }, [
+        L(g, {
+          class: i([n(o).e("icon"), n(o).em("icon", "prefix")]),
+          target: e.prefixIcon,
+          tag: "label",
+          for: e.id,
+          onMousedown: a[0] || (a[0] = h(() => {
+          }, ["prevent"]))
+        }, null, 8, ["class", "target", "for"]),
+        C("input", {
+          ref_key: "inner",
+          ref: r,
+          class: i(n(o).e("inner")),
+          type: e.type,
+          id: e.id,
+          maxlength: e.maxLength,
+          minlength: e.minLength,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          autofocus: e.autofocus,
+          onInput: R,
+          onFocus: j,
+          onBlur: W,
+          onCompositionstart: G,
+          onCompositionend: J
+        }, null, 42, te),
+        L(g, {
+          class: i([n(o).e("icon"), n(o).em("icon", "suffix")]),
+          target: e.suffixIcon,
+          tag: "label",
+          for: e.id,
+          onMousedown: a[1] || (a[1] = h(() => {
+          }, ["prevent"]))
+        }, null, 8, ["class", "target", "for"]),
+        t.showWordLimit ? (d(), f("label", {
+          key: 0,
+          class: i([n(o).e("icon"), n(o).em("icon", "limit")]),
+          "data-overflow": c() > e.maxLength
+        }, [
+          c() > e.maxLength ? (d(), x(g, {
+            key: 0,
+            target: "warning"
+          })) : m("", !0),
+          N(" " + E(c()) + " ", 1),
+          e.maxLength ? (d(), f(U, { key: 1 }, [
+            N("/" + E(e.maxLength), 1)
+          ], 64)) : m("", !0)
+        ], 10, oe)) : m("", !0),
+        H.value ? (d(), x(g, {
+          key: 1,
+          class: i([n(o).e("icon"), n(o).em("icon", "clear")]),
+          target: "remove",
+          onClick: S,
+          tabindex: "0",
+          onMousedown: a[2] || (a[2] = h(() => {
+          }, ["prevent"]))
+        }, null, 8, ["class"])) : m("", !0),
+        D.value ? (d(), x(g, {
+          key: 2,
+          class: i([n(o).e("icon"), n(o).em("icon", "switch")]),
+          target: "eye",
+          onClick: q,
+          tabindex: "0",
+          onMousedown: a[3] || (a[3] = h(() => {
+          }, ["prevent"]))
+        }, null, 8, ["class"])) : m("", !0)
+      ], 2),
+      t.$slots.suffixSlot ? (d(), f("div", {
+        key: 1,
+        class: i([n(o).e("slot"), n(o).em("slot", "suffix")])
+      }, [
+        I(t.$slots, "suffixSlot")
+      ], 2)) : m("", !0)
+    ], 16));
+  }
+});
+export {
+  ce as default
+};

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

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

package/es/packages/components/installer.mjs

@@ -0,0 +1,69 @@
+import { Partial as m } from "./abstract/index.mjs";
+import { Button as t } from "./button/index.mjs";
+import { Icon as i } from "./icon/index.mjs";
+import { Link as p } from "./link/index.mjs";
+import { Floating as f } from "./floating/index.mjs";
+import { Scrollbar as e } from "./scrollbar/index.mjs";
+import { Col as a, Row as n } from "./grid/index.mjs";
+import { Divider as l } from "./divider/index.mjs";
+import { Aside as u, Footer as s, Content as c, Header as d, Layout as b } from "./layout/index.mjs";
+import { DropdownItem as g, Dropdown as w } from "./dropdown/index.mjs";
+import { Submenu as D, MendItem as I, HeadMenu as M, Menu as T } from "./menu/index.mjs";
+import { TabPanel as B, Tabs as P } from "./tabs/index.mjs";
+import { MessageBox as S } from "./message/index.mjs";
+import { Dialog as h } from "./dialog/index.mjs";
+import { Drawer as v } from "./drawer/index.mjs";
+import { Popconfirm as x } from "./popconfirm/index.mjs";
+import { Tooltip as C } from "./tooltip/index.mjs";
+import { Badge as F } from "./badge/index.mjs";
+import { Tag as H } from "./tag/index.mjs";
+import { Input as L } from "./input/index.mjs";
+import { Switch as j } from "./switch/index.mjs";
+const k = {
+  // 抽象组件
+  Partial: m,
+  // 基础组件
+  Button: t,
+  Icon: i,
+  Link: p,
+  Floating: f,
+  Scrollbar: e,
+  // 布局组件
+  Row: n,
+  Col: a,
+  Divider: l,
+  Layout: b,
+  Header: d,
+  Content: c,
+  Footer: s,
+  Aside: u,
+  // 导航组件
+  Dropdown: w,
+  DropdownItem: g,
+  Menu: T,
+  HeadMenu: M,
+  MendItem: I,
+  Submenu: D,
+  Tabs: P,
+  TabPanel: B,
+  // 消息提醒组件
+  MessageBox: S,
+  Dialog: h,
+  Drawer: v,
+  Popconfirm: x,
+  // 数据展示组件
+  Tooltip: C,
+  Badge: F,
+  Tag: H,
+  // 数据输入组件
+  Input: L,
+  Switch: j
+};
+function ro(o) {
+  Object.values(k).forEach((r) => {
+    o.use(r);
+  });
+}
+export {
+  ro as default
+};

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

@@ -0,0 +1,14 @@
+import t from "./src/layout.vue.mjs";
+import m from "./src/header.vue.mjs";
+import r from "./src/content.vue.mjs";
+import i from "./src/footer.vue.mjs";
+import n from "./src/aside.vue.mjs";
+import { withInstall as o } from "../../tools/vn/with-install.mjs";
+const e = o(t), $ = o(m), d = o(r), l = o(i), h = o(n);
+export {
+  h as Aside,
+  d as Content,
+  l as Footer,
+  $ as Header,
+  e as Layout
+};

package/es/packages/components/layout/src/aside.mjs

@@ -0,0 +1,12 @@
+const t = {
+  /**
+   * @description: 侧边栏宽度。样式表（class）中定义的默认宽度为：232px
+   */
+  width: {
+    type: String,
+    default: ""
+  }
+};
+export {
+  t as PAsideProps
+};

package/es/packages/components/layout/src/aside.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as o, inject as a, computed as u, onMounted as i, onUnmounted as c, openBlock as d, createElementBlock as m, normalizeStyle as p, normalizeClass as f, unref as _, renderSlot as h } from "vue";
+import { PAsideProps as y } from "./aside.mjs";
+import { useNS as S } from "../../../hooks/useNS.mjs";
+const v = o({
+  name: "PAside",
+  inheritAttrs: !1
+}), k = /* @__PURE__ */ o({
+  ...v,
+  props: { ...y },
+  setup(s) {
+    const n = S("layout"), e = s, { hasSide: t } = a("layout", /* @__PURE__ */ Object.create(null)), r = u(() => ({
+      width: e.width ? e.width : ""
+    }));
+    return i(() => {
+      t.value = !0;
+    }), c(() => {
+      t.value = !1;
+    }), (l, w) => (d(), m("aside", {
+      class: f(_(n).e("aside")),
+      style: p(r.value)
+    }, [
+      h(l.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  k as default
+};

package/es/packages/components/layout/src/aside.vue2.mjs

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

package/es/packages/components/layout/src/content.vue.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as e, openBlock as o, createElementBlock as r, normalizeClass as s, unref as a, renderSlot as l } from "vue";
+import { useNS as c } from "../../../hooks/useNS.mjs";
+const m = e({
+  name: "PContent",
+  inheritAttrs: !1
+}), p = /* @__PURE__ */ e({
+  ...m,
+  setup(f) {
+    const t = c("layout");
+    return (n, u) => (o(), r("main", {
+      class: s(a(t).e("content"))
+    }, [
+      l(n.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  p as default
+};

package/es/packages/components/layout/src/content.vue2.mjs

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

package/es/packages/components/layout/src/footer.mjs

@@ -0,0 +1,12 @@
+const t = {
+  /**
+   * @description: 底栏高度。样式表（class）中定义的默认高度为：24px
+   */
+  height: {
+    type: String,
+    default: ""
+  }
+};
+export {
+  t as PFooterProps
+};

package/es/packages/components/layout/src/footer.vue.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as t, computed as l, openBlock as a, createElementBlock as c, normalizeStyle as m, normalizeClass as p, unref as f, renderSlot as i } from "vue";
+import { PFooterProps as u } from "./footer.mjs";
+import { useNS as d } from "../../../hooks/useNS.mjs";
+const h = t({
+  name: "PFooter",
+  inheritAttrs: !1
+}), g = /* @__PURE__ */ t({
+  ...h,
+  props: { ...u },
+  setup(o) {
+    const r = d("layout"), e = o, s = l(() => ({
+      width: e.height ? e.height : ""
+    }));
+    return (n, _) => (a(), c("footer", {
+      class: p(f(r).e("footer")),
+      style: m(s.value)
+    }, [
+      i(n.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  g as default
+};

package/es/packages/components/layout/src/footer.vue2.mjs

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

package/es/packages/components/layout/src/header.mjs

@@ -0,0 +1,12 @@
+const e = {
+  /**
+   * @description: 顶栏高度。样式表（class）中定义的默认高度为：64px
+   */
+  height: {
+    type: String,
+    default: ""
+  }
+};
+export {
+  e as PHeaderProps
+};

package/es/packages/components/layout/src/header.vue.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as t, computed as a, openBlock as l, createElementBlock as c, normalizeStyle as m, normalizeClass as p, unref as i, renderSlot as u } from "vue";
+import { PHeaderProps as d } from "./header.mjs";
+import { useNS as f } from "../../../hooks/useNS.mjs";
+const h = t({
+  name: "PHeader",
+  inheritAttrs: !1
+}), g = /* @__PURE__ */ t({
+  ...h,
+  props: { ...d },
+  setup(r) {
+    const o = f("layout"), e = r, s = a(() => ({
+      width: e.height ? e.height : ""
+    }));
+    return (n, _) => (l(), c("header", {
+      class: p(i(o).e("header")),
+      style: m(s.value)
+    }, [
+      u(n.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  g as default
+};

package/es/packages/components/layout/src/header.vue2.mjs

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

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

@@ -0,0 +1,24 @@
+import { defineComponent as s, ref as n, computed as r, provide as l, openBlock as c, createElementBlock as u, normalizeClass as i, renderSlot as m } from "vue";
+import { useNS as p } from "../../../hooks/useNS.mjs";
+const f = s({
+  name: "PLayout",
+  inheritAttrs: !1
+}), y = /* @__PURE__ */ s({
+  ...f,
+  setup(d) {
+    const e = p("layout"), t = n(!1), a = r(() => [
+      e.namespace,
+      {
+        [`${e.namespace}--with-aider`]: t.value
+      }
+    ]);
+    return l("layout", { hasSide: t }), (o, _) => (c(), u("section", {
+      class: i(a.value)
+    }, [
+      m(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  y as default
+};

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

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

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

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

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

@@ -0,0 +1,50 @@
+const n = {
+  /**
+   * @description 链接的类型
+   */
+  type: String,
+  /**
+   * @description 是否禁用链接
+   */
+  disabled: Boolean,
+  /**
+   * @description 使得浏览器将链接的 URL 视为可下载资源
+   */
+  download: {
+    type: [String, Boolean]
+  },
+  /**
+   * @description 链接是否具有下划线
+   */
+  underline: Boolean,
+  /**
+   * @description 链接跳转的地址
+   */
+  href: String,
+  /**
+   * @description 链接的跳转方式，如：当前页面打开、新页面打开等，同 HTML 属性 target 含义相同
+   * "_self"：内容在当前页面显示。
+   * "_blank"：内容在新页面显示。
+   * “three”：内容在对应窗口显示
+   * "_top"：在当前窗体打开链接，并替换当前的整个窗体(框架页)，清除所有包含的框架
+   * "_parent"：在父窗体中打开链接，在窗口与顶级框架中，等同于_self
+   */
+  target: {
+    type: String,
+    default: "_self",
+    validator(e) {
+      return e ? ["_blank", "_self", "_parent", "_top"].includes(e) : !0;
+    }
+  },
+  /**
+   * @description 链接的前缀图标
+   */
+  prefixIcon: String,
+  /**
+   * @description 链接后后缀图标
+   */
+  suffixIcon: String
+};
+export {
+  n as PLinkProps
+};

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

@@ -0,0 +1,48 @@
+import { defineComponent as i, computed as u, ref as _, openBlock as k, createElementBlock as h, normalizeClass as n, createVNode as s, unref as r, createElementVNode as g, renderSlot as v } from "vue";
+import a from "../../icon/src/icon.vue.mjs";
+import { PLinkProps as b } from "./link.mjs";
+import { useNS as w } from "../../../hooks/useNS.mjs";
+const C = ["href", "target", "download"], x = i({
+  name: "PLink",
+  inheritAttrs: !0
+}), I = /* @__PURE__ */ i({
+  ...x,
+  props: { ...b },
+  emits: ["click"],
+  setup(l, { emit: c }) {
+    const t = w("link"), e = l, d = c, f = u(() => [
+      t.namespace,
+      t.m(e.type),
+      t.is(e.disabled, "disabled"),
+      t.is(e.underline, "underline")
+    ]), m = _(void 0), p = (o) => {
+      !e.href || e.disabled || d("click", o);
+    };
+    return (o, N) => (k(), h("a", {
+      ref_key: "a",
+      ref: m,
+      class: n(f.value),
+      href: e.disabled || !e.href ? void 0 : e.href,
+      target: e.target ? e.target : void 0,
+      download: e.download ? e.download : void 0,
+      onClick: p
+    }, [
+      s(a, {
+        target: e.prefixIcon,
+        class: n(r(t).e("icon"))
+      }, null, 8, ["target", "class"]),
+      g("span", {
+        class: n(r(t).e("inner"))
+      }, [
+        v(o.$slots, "default")
+      ], 2),
+      s(a, {
+        target: e.suffixIcon,
+        class: n(r(t).e("icon"))
+      }, null, 8, ["target", "class"])
+    ], 10, C));
+  }
+});
+export {
+  I as default
+};

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

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

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

@@ -0,0 +1,12 @@
+import o from "./src/menu.vue.mjs";
+import n from "./src/head-menu.vue.mjs";
+import t from "./src/submenu.vue.mjs";
+import r from "./src/menu-item.vue.mjs";
+import { withInstall as m } from "../../tools/vn/with-install.mjs";
+const e = m(o), a = m(n), p = m(t), u = m(r);
+export {
+  a as HeadMenu,
+  u as MendItem,
+  e as Menu,
+  p as Submenu
+};

package/es/packages/components/menu/src/head-menu-props.mjs

@@ -0,0 +1,63 @@
+const t = {
+  /**
+   * @description 展开的子菜单集合
+   */
+  expanded: {
+    type: Array,
+    default: []
+  },
+  /**
+   * @description 二级菜单展开方式，平铺展开和浮层展开
+   */
+  expandType: {
+    type: String,
+    default: "normal",
+    validator(e) {
+      return e ? ["normal", "popup"].includes(e) : !0;
+    }
+  },
+  /**
+   * @description 站点 LOGO
+   */
+  logo: {
+    type: Function
+  },
+  /**
+   * @description 导航操作区域
+   */
+  operations: {
+    type: Function
+  },
+  /**
+   * @description 主题
+   */
+  theme: {
+    type: String,
+    default: "light",
+    validator(e) {
+      return e ? ["light", "dark"].includes(e) : !0;
+    }
+  },
+  /**
+   * @description 激活菜单项
+   */
+  value: {
+    type: [String, Number],
+    default: void 0
+  },
+  modelValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+   * @description 激活菜单项发生变化时触发
+   */
+  onChange: Function,
+  /**
+   * @description 展开的菜单项发生变化时触发
+   */
+  onExpand: Function
+};
+export {
+  t as default
+};