@yuiyideyui/everybody-ui 1.0.26

package/README.md

@@ -0,0 +1,7 @@
+# Everybody UI
+
+Everybody UI 是一个基于 **Vite + Vue 生态**构建的组件库与文档项目。
+
+## 项目docs地址
+
+[Everybody UI](https://yuiyideyui.github.io/everybody-ui/)

package/dist/components/message/src/EBmessage.d.ts

@@ -0,0 +1,9 @@
+import { VNode } from 'vue';
+export interface EbMessageOptions {
+    jsx: VNode | (() => VNode);
+    position: "top" | "bottom" | "left" | "right" | "center";
+    timeClose?: number;
+}
+export declare const EbMessage: (options: EbMessageOptions) => {
+    close: () => void;
+};

package/dist/components/table/src/EbCustomTable.d.ts

@@ -0,0 +1,51 @@
+import { DirectiveBinding, VNode } from 'vue';
+export interface TableRowData {
+    [key: string]: any;
+}
+export interface CustomListConfig {
+    cellRenderer?: (nodeData: {
+        val: any;
+        rowData: TableRowData;
+        prop: string;
+    }, el: Element, binding: DirectiveBinding, vnode: VNode) => any;
+    click?: (rowData: TableRowData) => void;
+}
+export interface ItableHeaderNoChildren {
+    prop: string;
+    label: string;
+    align?: 'left' | 'center' | 'right';
+    customList?: CustomListConfig[];
+    showOverflowTooltip?: boolean;
+    width?: string | number;
+    boxClass?: string;
+    boxStyle?: string;
+    children?: never;
+}
+export interface ItableHeaderChildren {
+    children: ItableHeaderNoChildren[];
+    label: string;
+    align?: 'left' | 'center' | 'right';
+    prop?: never;
+}
+export type everybodyTableHeaderItem = ItableHeaderNoChildren | ItableHeaderChildren;
+export type everybodyTableHeader = everybodyTableHeaderItem[];
+export interface propsType {
+    tableHeader: everybodyTableHeader;
+    customListLoading?: boolean;
+    data: Record<string, any>[];
+    isDataSlice?: {
+        isSlice: false;
+    };
+    rowHeight?: number;
+}
+export interface propsType1 {
+    tableHeader: everybodyTableHeader;
+    customListLoading?: boolean;
+    data: Record<string, any>[];
+    isDataSlice: {
+        isSlice: true;
+        num: number;
+    };
+    rowHeight: number;
+}
+export type everybodyTableProps = propsType | propsType1;

package/dist/components/table/src/EbCustomTable.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;

package/dist/directives/directive.d.ts

@@ -0,0 +1,2 @@
+import { App } from 'vue';
+export declare const initDirective: (app: App) => void;

package/dist/directives/vJsxTable.d.ts

@@ -0,0 +1,6 @@
+import { DirectiveBinding, VNode } from 'vue';
+declare const _default: {
+    mounted(el: Element, binding: DirectiveBinding, vnode: VNode): void;
+    updated(el: Element, binding: DirectiveBinding, vnode: VNode): void;
+};
+export default _default;

package/dist/directives/vTransitionText.d.ts

@@ -0,0 +1,21 @@
+import { DirectiveBinding, Ref, VNode } from 'vue';
+import { TransitionPresets } from '@vueuse/core';
+type TransitionCurve = keyof typeof TransitionPresets;
+interface TransitionOptions {
+    value: number;
+    duration?: number;
+    transition?: TransitionCurve;
+    format?: boolean;
+}
+interface ElWithTransition extends HTMLElement {
+    __transitionNumber__?: {
+        source: Ref<number>;
+        stop: () => void;
+    };
+}
+declare const _default: {
+    mounted(el: ElWithTransition, binding: DirectiveBinding<TransitionOptions | string | number>, vnode: VNode): void;
+    updated(el: ElWithTransition, binding: DirectiveBinding<TransitionOptions | string | number>, vnode: VNode): void;
+    unmounted(el: ElWithTransition): void;
+};
+export default _default;

package/dist/everybody-ui.css

@@ -0,0 +1 @@
+[data-v-b2d248d6] .el-table__inner-wrapper{display:flex;flex-direction:column}[data-v-b2d248d6] .el-scrollbar__view{will-change:transform}

package/dist/index.js

@@ -0,0 +1,470 @@
+import { defineComponent as x, resolveDirective as O, ref as _, computed as w, resolveComponent as F, withDirectives as T, openBlock as H, createElementBlock as Q, createVNode as y, mergeProps as P, withCtx as I, unref as $, createElementVNode as L, normalizeStyle as M, Fragment as U, h as z, render as S, getCurrentScope as J, onScopeDispose as q, shallowRef as G, watch as D, toValue as m, watchEffect as W } from "vue";
+import { ElTableColumn as k } from "element-plus";
+const X = {
+  "element-loading-background": "transparent",
+  class: "virtual-table-container"
+}, Y = /* @__PURE__ */ x({
+  __name: "EbCustomTable",
+  props: {
+    tableHeader: {},
+    customListLoading: {
+      type: Boolean,
+      default: !1
+    },
+    data: {},
+    isDataSlice: {
+      default: () => ({
+        isSlice: !1
+      })
+    },
+    rowHeight: {}
+  },
+  setup(e) {
+    const t = e, o = O("eb-jsx-table"), n = /* @__PURE__ */ x({
+      name: "TableColumnsRender",
+      props: {
+        columns: {
+          type: Array,
+          required: !0
+        }
+      },
+      setup(a) {
+        const l = (d) => d.map((u, v) => u.children && u.children.length > 0 ? y(k, {
+          key: u.label + v,
+          label: u.label,
+          align: u.align
+        }, {
+          default: () => l(u.children)
+        }) : u.prop ? y(k, {
+          key: u.prop + v,
+          prop: u.prop,
+          label: u.label,
+          width: u.width,
+          align: u.align,
+          "show-overflow-tooltip": u.showOverflowTooltip
+        }, {
+          default: (g) => u.customList?.map((b, h) => {
+            const A = g.row[u.prop], C = g.row;
+            return b.cellRenderer && o ? T(y("span", {
+              key: h + "b",
+              class: u.boxClass || "",
+              style: u.boxStyle,
+              onClick: (B) => {
+                b.click && (B.stopPropagation(), b.click?.(C));
+              }
+            }, null), [[o, [b.cellRenderer, A, C, u.prop]]]) : null;
+          })
+        }) : null);
+        return () => y(U, null, [l(a.columns)]);
+      }
+    }), r = _(), i = _(0), c = _(0), s = w(() => {
+      if (!t.isDataSlice.isSlice) return t.data;
+      const a = Math.max(0, c.value - 5), l = Math.min(t.data.length, a + (t.isDataSlice.num || 20) + 10);
+      return t.data.slice(a, l);
+    }), f = w(() => {
+      if (!t.isDataSlice.isSlice)
+        return 0;
+      const a = Math.min(t.data.length, c.value + (t.isDataSlice.num || 20) + 5);
+      return (t.data.length - a) * t.rowHeight;
+    }), p = ({
+      scrollTop: a
+    }) => {
+      if (i.value = a, t.isDataSlice.isSlice) {
+        c.value = Math.floor(a / t.rowHeight);
+        const l = r.value?.$el.querySelector(".el-scrollbar__view");
+        if (l) {
+          const d = Math.max(0, c.value - 5) * t.rowHeight;
+          l.style.transform = `translateY(${d}px)`;
+        }
+      }
+    };
+    return (a, l) => {
+      const d = F("el-table"), u = O("loading");
+      return T((H(), Q("div", X, [y(d, P({
+        onScroll: p,
+        ref_key: "customTableRef",
+        ref: r,
+        class: "sub_table",
+        style: {
+          width: "100%"
+        },
+        data: s.value
+      }, a.$attrs, {
+        "row-style": {
+          maxHeight: e.rowHeight + "px"
+        }
+      }), {
+        append: I(() => [L("div", {
+          style: M({
+            height: f.value + "px"
+          })
+        }, null, 4)]),
+        default: I(() => [y($(n), {
+          columns: e.tableHeader
+        }, null, 8, ["columns"])]),
+        _: 1
+      }, 16, ["data", "row-style"])])), [[u, e.customListLoading]]);
+    };
+  }
+}), K = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of t)
+    o[n] = r;
+  return o;
+}, Z = /* @__PURE__ */ K(Y, [["__scopeId", "data-v-b2d248d6"]]), ge = (e) => {
+  const t = document.createElement("div");
+  t.className = "eb-message-container";
+  const o = () => {
+    S(null, t), t.remove();
+  }, n = () => {
+    const c = {
+      position: "fixed",
+      zIndex: 1e3,
+      backgroundColor: "#fff",
+      border: "1px solid #ccc",
+      borderRadius: "8px",
+      padding: "20px",
+      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)"
+    };
+    if (e.position === "center")
+      return {
+        ...c,
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      };
+    const s = {
+      left: "50%",
+      transform: "translateX(-50%)"
+    };
+    return e.position === "left" ? (s.left = "20px", s.top = "50%", s.transform = "translateY(-50%)") : e.position === "right" ? (s.left = "auto", s.right = "20px", s.top = "50%", s.transform = "translateY(-50%)") : s[e.position] = "20px", {
+      ...c,
+      ...s
+    };
+  }, i = z(/* @__PURE__ */ x({
+    setup() {
+      return () => y("div", {
+        class: "dialog-message-wrapper",
+        style: n()
+      }, [typeof e.jsx == "function" ? e.jsx() : e.jsx]);
+    }
+  }));
+  return S(i, t), document.body.appendChild(t), e.timeClose && setTimeout(o, e.timeClose), {
+    close: o
+  };
+};
+function ee(e, t) {
+  return J() ? (q(e, t), !0) : !1;
+}
+const te = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function ne(e, t = !1, o = "Timeout") {
+  return new Promise((n, r) => {
+    setTimeout(t ? () => r(o) : n, e);
+  });
+}
+function R(e) {
+  return e;
+}
+const oe = te ? window : void 0, ae = {
+  easeInSine: [
+    0.12,
+    0,
+    0.39,
+    0
+  ],
+  easeOutSine: [
+    0.61,
+    1,
+    0.88,
+    1
+  ],
+  easeInOutSine: [
+    0.37,
+    0,
+    0.63,
+    1
+  ],
+  easeInQuad: [
+    0.11,
+    0,
+    0.5,
+    0
+  ],
+  easeOutQuad: [
+    0.5,
+    1,
+    0.89,
+    1
+  ],
+  easeInOutQuad: [
+    0.45,
+    0,
+    0.55,
+    1
+  ],
+  easeInCubic: [
+    0.32,
+    0,
+    0.67,
+    0
+  ],
+  easeOutCubic: [
+    0.33,
+    1,
+    0.68,
+    1
+  ],
+  easeInOutCubic: [
+    0.65,
+    0,
+    0.35,
+    1
+  ],
+  easeInQuart: [
+    0.5,
+    0,
+    0.75,
+    0
+  ],
+  easeOutQuart: [
+    0.25,
+    1,
+    0.5,
+    1
+  ],
+  easeInOutQuart: [
+    0.76,
+    0,
+    0.24,
+    1
+  ],
+  easeInQuint: [
+    0.64,
+    0,
+    0.78,
+    0
+  ],
+  easeOutQuint: [
+    0.22,
+    1,
+    0.36,
+    1
+  ],
+  easeInOutQuint: [
+    0.83,
+    0,
+    0.17,
+    1
+  ],
+  easeInExpo: [
+    0.7,
+    0,
+    0.84,
+    0
+  ],
+  easeOutExpo: [
+    0.16,
+    1,
+    0.3,
+    1
+  ],
+  easeInOutExpo: [
+    0.87,
+    0,
+    0.13,
+    1
+  ],
+  easeInCirc: [
+    0.55,
+    0,
+    1,
+    0.45
+  ],
+  easeOutCirc: [
+    0,
+    0.55,
+    0.45,
+    1
+  ],
+  easeInOutCirc: [
+    0.85,
+    0,
+    0.15,
+    1
+  ],
+  easeInBack: [
+    0.36,
+    0,
+    0.66,
+    -0.56
+  ],
+  easeOutBack: [
+    0.34,
+    1.56,
+    0.64,
+    1
+  ],
+  easeInOutBack: [
+    0.68,
+    -0.6,
+    0.32,
+    1.6
+  ]
+}, re = /* @__PURE__ */ Object.assign({}, { linear: R }, ae);
+function le([e, t, o, n]) {
+  const r = (a, l) => 1 - 3 * l + 3 * a, i = (a, l) => 3 * l - 6 * a, c = (a) => 3 * a, s = (a, l, d) => ((r(l, d) * a + i(l, d)) * a + c(l)) * a, f = (a, l, d) => 3 * r(l, d) * a * a + 2 * i(l, d) * a + c(l), p = (a) => {
+    let l = a;
+    for (let d = 0; d < 4; ++d) {
+      const u = f(l, e, o);
+      if (u === 0) return l;
+      const v = s(l, e, o) - a;
+      l -= v / u;
+    }
+    return l;
+  };
+  return (a) => e === t && o === n ? a : s(p(a), t, n);
+}
+function E(e, t, o) {
+  return e + o * (t - e);
+}
+function se(e, t, o) {
+  const n = m(e), r = m(t);
+  if (typeof n == "number" && typeof r == "number") return E(n, r, o);
+  if (Array.isArray(n) && Array.isArray(r)) return n.map((i, c) => E(i, m(r[c]), o));
+  throw new TypeError("Unknown transition type, specify an interpolation function.");
+}
+function N(e) {
+  var t;
+  return typeof e == "function" ? e : (t = m(e)) !== null && t !== void 0 ? t : R;
+}
+function ie(e, t, o, n = {}) {
+  var r;
+  const { window: i = oe } = n, c = m(t), s = m(o), f = (r = m(n.duration)) !== null && r !== void 0 ? r : 1e3, p = Date.now(), a = Date.now() + f, l = typeof n.interpolation == "function" ? n.interpolation : se, d = typeof n.easing < "u" ? N(n.easing) : N(n.transition), u = typeof d == "function" ? d : le(d);
+  return new Promise((v) => {
+    e.value = c;
+    const g = () => {
+      var b;
+      if (!((b = n.abort) === null || b === void 0) && b.call(n)) {
+        v();
+        return;
+      }
+      const h = Date.now();
+      e.value = l(c, s, u((h - p) / f)), h < a ? i?.requestAnimationFrame(g) : (e.value = s, v());
+    };
+    g();
+  });
+}
+function ue(e, t = {}) {
+  let o = 0;
+  const n = () => {
+    const i = m(e);
+    return typeof t.interpolation > "u" && Array.isArray(i) ? i.map(m) : i;
+  }, r = G(n());
+  return D(n, async (i) => {
+    var c, s;
+    if (m(t.disabled)) return;
+    const f = ++o;
+    t.delay && await ne(m(t.delay)), f === o && ((c = t.onStarted) === null || c === void 0 || c.call(t), await ie(r, r.value, i, {
+      ...t,
+      abort: () => {
+        var p;
+        return f !== o || ((p = t.abort) === null || p === void 0 ? void 0 : p.call(t));
+      }
+    }), (s = t.onFinished) === null || s === void 0 || s.call(t));
+  }, { deep: !0 }), D(() => m(t.disabled), (i) => {
+    i && (o++, r.value = n());
+  }), ee(() => {
+    o++;
+  }), w(() => m(t.disabled) ? n() : r.value);
+}
+function ce(e, t, o) {
+  return o ? e.toLocaleString(void 0, {
+    minimumFractionDigits: t,
+    maximumFractionDigits: t
+  }) : e.toFixed(t);
+}
+function V(e, t) {
+  const {
+    value: o,
+    duration: n = 1e3,
+    transition: r = "easeInOutCubic",
+    format: i = !1
+  } = t;
+  if (typeof o != "number") {
+    e.textContent = String(o ?? "");
+    return;
+  }
+  const c = e.__transitionNumber__?.source.value, s = _(typeof c == "number" ? c : 0), f = ue(s, {
+    duration: n,
+    transition: re[r]
+  }), p = w(() => {
+    const l = o.toString(), d = l.indexOf(".");
+    return d === -1 ? 0 : l.length - d - 1;
+  }), a = W(() => {
+    e.textContent = ce(f.value, p.value, i);
+  });
+  e.__transitionNumber__ = { source: s, stop: a }, s.value = o;
+}
+const de = {
+  mounted(e, t, o) {
+    const n = typeof t.value == "object" ? t.value.value : t.value;
+    typeof n == "number" ? V(e, t.value) : e.textContent = String(n ?? "");
+  },
+  updated(e, t, o) {
+    const n = t.value, r = typeof n == "object" ? n.value : n;
+    typeof r == "number" ? e.__transitionNumber__ ? e.__transitionNumber__.source.value = r : V(e, n) : e.textContent = String(r ?? "");
+  },
+  unmounted(e) {
+    e.__transitionNumber__?.stop(), delete e.__transitionNumber__;
+  }
+}, fe = {
+  mounted(e, t, o) {
+    j(e, t, o);
+  },
+  updated(e, t, o) {
+    pe(t) && j(e, t, o);
+  }
+};
+function j(e, t, o) {
+  try {
+    const [n, r, i, c] = t.value, [s, f, p] = t.oldValue || [];
+    (r !== f || JSON.stringify(i) !== JSON.stringify(p)) && S(
+      n(
+        {
+          val: r,
+          rowData: i,
+          prop: c
+        },
+        e,
+        t,
+        o
+      ),
+      e
+    );
+  } catch (n) {
+    console.error("[v-jsx-table] updated error:", n);
+  }
+}
+function pe(e) {
+  return JSON.stringify(e.value) !== JSON.stringify(e.oldValue);
+}
+const me = (e) => {
+  e.directive("eb-jsx-table", fe), e.directive("eb-transition-text", de);
+}, be = {
+  EbCustomTable: Z
+}, he = {
+  install(e, t = { global: !0 }) {
+    if (me(e), t.global !== !1) {
+      for (const [o, n] of Object.entries(be))
+        e.component(o, n);
+      console.log("[Everybody-UI] 全量组件已注册");
+    } else
+      console.log("[Everybody-UI] 按需模式：组件需通过 Resolver 或手动引入");
+  }
+};
+export {
+  Z as EbCustomTable,
+  ge as EbMessage,
+  he as default
+};

package/dist/index.type.d.ts

@@ -0,0 +1,2 @@
+import { everybodyTableHeader } from './components/table/src/EbCustomTable';
+export type { everybodyTableHeader };

package/dist/main.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as EbCustomTable } from './components/table/src/EbCustomTable.vue';
+import { EbMessage } from './components/message/src/EBmessage';
+export interface EverybodyUIOptions {
+    global?: boolean;
+}
+export { EbCustomTable, EbMessage };
+export * from './index.type';
+declare const _default: {
+    install(app: App, options?: EverybodyUIOptions): void;
+};
+export default _default;

package/dist/resolver.d.ts

@@ -0,0 +1,2 @@
+import { ComponentResolver } from 'unplugin-vue-components/types';
+export declare function EverybodyUIResolver(): ComponentResolver;

package/dist/resolver.js

@@ -0,0 +1,19 @@
+function t() {
+  return {
+    type: "component",
+    resolve: (e) => {
+      if (e.startsWith("Eb")) {
+        const r = e.slice(2);
+        return r.charAt(0).toLowerCase() + r.slice(1), {
+          name: e,
+          from: "@yuiyideyui/everybody-ui"
+          // 如果你的 CSS 也是按组件名分的，可以开启自动加载样式
+          // sideEffects: `@yuiyideyui/everybody-ui/dist/theme/${exportName}.css`
+        };
+      }
+    }
+  };
+}
+export {
+  t as EverybodyUIResolver
+};

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@yuiyideyui/everybody-ui",
+  "version": "1.0.26",
+  "private": false,
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuiyideyui/everybody-ui.git",
+    "directory": "packages/everybody-ui" 
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/main.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./resolver": {
+      "types": "./dist/resolver.d.ts",
+      "import": "./dist/resolver.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.13.2"
+  },
+  "dependencies": {
+    "@vueuse/core": "^14.2.1",
+    "vue": "^3.5.20"
+  }
+}