rappel-ui 1.0.0

package/es/directives/vResizable.mjs

@@ -0,0 +1,136 @@
+const h = "v-resizable-handle", $ = "v-resizable-handle-style";
+function C() {
+  if (document.getElementById($)) return;
+  const t = document.createElement("style");
+  t.id = $, t.textContent = `
+.${h} {
+  position: absolute;
+  background: transparent;
+  z-index: 9999;
+  user-select: none;
+  touch-action: none;
+  opacity: 0;
+}
+.${h}::after {
+  content: '';
+  display:block;
+  width:100%;
+  height:100%;
+  border-radius:2px;
+  background: rgba(0,0,0,0.12);
+}
+.${h}.hr { cursor: ew-resize; }
+.${h}.vr { cursor: ns-resize; }
+.${h}.corner { cursor: nwse-resize; }
+`, document.head.appendChild(t);
+}
+function u(t, i, r) {
+  let n = 0, c = 0;
+  switch (t) {
+    case "hr":
+      n = 4, c = r.height - 8;
+      break;
+    case "vr":
+      n = r.width - 8, c = 4;
+      break;
+    case "corner":
+      n = 8, c = 8;
+      break;
+  }
+  return i.style.width = `${n}px`, i.style.height = `${c}px`, i;
+}
+function f(t, i) {
+  const r = document.createElement("div"), n = i.getBoundingClientRect();
+  return r.className = `${h} ${t}`, u(t, r, n);
+}
+function S(t, i, r) {
+  switch (i) {
+    case "left":
+      t.style.left = "-2px", t.style.top = "4px", u("hr", t, r);
+      break;
+    case "right":
+      t.style.left = `${r.width - 2}px`, t.style.top = "4px", u("hr", t, r);
+      break;
+    case "top":
+      t.style.left = "4px", t.style.top = "-2px", u("vr", t, r);
+      break;
+    case "bottom":
+      t.style.left = "4px", t.style.top = `${r.height - 2}px`, u("vr", t, r);
+      break;
+    case "bottom-right":
+      t.style.left = `${r.width - 2}px`, t.style.top = `${r.height - 2}px`;
+      break;
+  }
+}
+function W(t, i) {
+  C(), getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.style.boxSizing = t.style.boxSizing || "border-box";
+  const n = {
+    startX: 0,
+    startY: 0,
+    startW: 0,
+    startH: 0,
+    startL: 0,
+    startT: 0,
+    minW: i?.minWidth ?? 40,
+    minH: i?.minHeight ?? 24,
+    maxW: i?.maxWidth,
+    maxH: i?.maxHeight,
+    handlers: []
+  }, c = f("hr", t), x = f("hr", t), v = f("vr", t), E = f("vr", t), b = f("corner", t);
+  c.dataset.side = "left", x.dataset.side = "right", v.dataset.side = "top", E.dataset.side = "bottom", b.dataset.side = "bottom-right", t.appendChild(c), t.appendChild(x), t.appendChild(v), t.appendChild(E), t.appendChild(b), n.handlers.push(c, x, v, E, b);
+  const w = (o) => {
+    const a = o.target;
+    if (!a || !a.dataset?.side) return;
+    const e = a.dataset.side;
+    o.target.setPointerCapture?.(o.pointerId), n.side = e, n.pointerId = o.pointerId;
+    const p = t.getBoundingClientRect();
+    n.startX = o.clientX, n.startY = o.clientY, n.startW = p.width, n.startH = p.height;
+    const l = getComputedStyle(t), s = parseFloat(l.left || "0"), d = parseFloat(l.top || "0");
+    n.startL = s, n.startT = d, n.onMove = (m) => M(m, t, n), n.onUp = (m) => D(m, t, n), window.addEventListener("pointermove", n.onMove), window.addEventListener("pointerup", n.onUp), window.addEventListener("pointercancel", n.onUp), o.preventDefault();
+  }, M = (o, a, e) => {
+    if (e.side === void 0) return;
+    const p = o.clientX - e.startX, l = o.clientY - e.startY;
+    let s = e.startW, d = e.startH, m = e.startL, g = e.startT;
+    e.side === "right" ? (s = Math.max(e.minW, e.startW + p), e.maxW && (s = Math.min(s, e.maxW))) : e.side === "left" ? (s = Math.max(e.minW, e.startW - p), e.maxW && (s = Math.min(s, e.maxW)), m = e.startL + (e.startW - s)) : e.side === "bottom" ? (d = Math.max(e.minH, e.startH + l), e.maxH && (d = Math.min(d, e.maxH))) : e.side === "top" ? (d = Math.max(e.minH, e.startH - l), e.maxH && (d = Math.min(d, e.maxH)), g = e.startT + (e.startH - d)) : e.side === "bottom-right" && (s = Math.max(e.minW, e.startW + p), d = Math.max(e.minH, e.startH + l), e.maxW && (s = Math.min(s, e.maxW)), e.maxH && (d = Math.min(d, e.maxH))), a.style.width = `${s}px`, a.style.height = `${d}px`;
+    const H = getComputedStyle(a).position;
+    (H === "absolute" || H === "relative" || H === "fixed") && (a.style.left = `${m}px`, a.style.top = `${g}px`);
+    const I = a.getBoundingClientRect();
+    e.handlers.forEach((_) => {
+      const z = _.dataset.side;
+      S(_, z, I);
+    }), o.preventDefault();
+  }, D = (o, a, e) => {
+    e.onMove && (window.removeEventListener("pointermove", e.onMove), window.removeEventListener("pointerup", e.onUp), window.removeEventListener("pointercancel", e.onUp)), e.side = void 0, e.pointerId = void 0;
+  }, y = () => {
+    const o = t.getBoundingClientRect();
+    n.handlers.forEach((a) => {
+      const e = a.dataset.side;
+      a.style.position = "absolute", a.style.boxSizing = "content-box", S(a, e, o);
+    });
+  };
+  n.handlers.forEach((o) => o.addEventListener("pointerdown", w));
+  const L = new ResizeObserver(y);
+  return L.observe(t), n.ro = L, y(), { destroy: () => {
+    n.handlers.forEach((o) => {
+      o.removeEventListener("pointerdown", w), o.parentElement === t && t.removeChild(o);
+    }), n.onMove && (window.removeEventListener("pointermove", n.onMove), window.removeEventListener("pointerup", n.onUp), window.removeEventListener("pointercancel", n.onUp)), n.ro && n.ro.disconnect();
+  } };
+}
+const N = {
+  mounted(t, i) {
+    const r = i.value, { destroy: n } = W(t, r);
+    t.__v_resizable_cleanup = n;
+  },
+  beforeUnmount(t) {
+    const i = t.__v_resizable_cleanup;
+    i && (i(), delete t.__v_resizable_cleanup);
+  }
+};
+function Z(t, i) {
+  const { destroy: r } = W(t, i);
+  return r;
+}
+export {
+  Z as applyResizable,
+  N as vResizable
+};

package/es/directives/vSvgLoading.d.ts

@@ -0,0 +1,4 @@
+export declare const vSvgLoading: {
+    mounted(el: HTMLElement, binding: any, vNode: any): void;
+    updated(el: HTMLElement, binding: any, vNode: any): void;
+};

package/es/directives/vSvgLoading.mjs

@@ -0,0 +1,48 @@
+import { svgLoadingContent as C } from "../constants/svgLoading.mjs";
+import { ref as x } from "vue";
+const v = x(1e3), h = x(2e3), $ = {
+  mounted(l, r, t) {
+    const o = (s, a, m) => {
+      const c = {
+        svgClass: "",
+        svgContent: C,
+        svgViewBox: "",
+        //min-x min-y width height
+        markBgColor: "rgba(255,255,255,0.8)",
+        markClass: "",
+        spinnerClass: "",
+        spinnerH: 300,
+        spinnerContent: "",
+        zIndex: h.value++
+      }, e = Object.assign({}, c, a?.arg || {}), p = `background-color:${e.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`, u = `position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${e.spinnerH}px;`, i = document.createElement("div"), n = document.createElement("div");
+      v.value++, i.className = `svg-loading ${e.markClass} uid-${v.value}`, n.className = `svg-loading-spinner ${e.spinnerClass}`, n.innerHTML = `${e.svgContent}`;
+      const g = n.getElementsByTagName("svg")[0];
+      if (e.spinnerH && (g.setAttribute("width", `${e.spinnerH}px`), g.setAttribute("height", `${e.spinnerH}px`)), e.svgClass && g.setAttribute("class", e.svgClass), e.svgViewBox && g.setAttribute("viewBox", e.svgViewBox), m.ctx.markSelector = ".svg-loading", e.spinnerContent) {
+        const d = document.createElement("div");
+        d.setAttribute("style", "text-align:center;"), d.innerHTML = e.spinnerContent, n.appendChild(d);
+      }
+      n.setAttribute("style", u), n.style.setProperty("margin-top", `${-(e.spinnerH / 2)}px`), n.style.setProperty("margin-left", `${-(e.spinnerH / 2)}px`), i.setAttribute("style", p), i.style.setProperty("z-index", e.zIndex), i.appendChild(n), s.style.setProperty("position", "relative"), s.appendChild(i);
+    }, y = (s) => 1 - (1 - s) ** 3, f = (s, a = 150) => {
+      const m = performance.now(), c = (e) => {
+        const p = e - m;
+        if (p >= a) {
+          s.style.setProperty("opacity", "0"), s?.remove();
+          return;
+        }
+        const u = a ? y(p / a) : 1;
+        s.style.setProperty("opacity", String(1 - u)), requestAnimationFrame(c);
+      };
+      requestAnimationFrame(c);
+    };
+    t.ctx.fadeOut = f, t.ctx.createLoading = o, r.value && o(l, r, t);
+  },
+  updated(l, r, t) {
+    if (r.value !== r.oldValue) {
+      const o = l.querySelector(t.ctx.markSelector);
+      r.value ? !o && t.ctx.createLoading(l, r, t) : o && t.ctx.fadeOut(o);
+    }
+  }
+};
+export {
+  $ as vSvgLoading
+};

package/es/index.d.ts

@@ -0,0 +1,86 @@
+export * from './components';
+export * from './constants';
+export * from './directives';
+export * from './composables';
+export * from './utils';
+export * from './purple-ui/index';
+import * as components from './components';
+export declare const install: (app: import('vue').App) => void;
+export declare const version: string;
+declare const _default: {
+    PuButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<components.ButtonProps> & Readonly<{
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (evt: MouseEvent) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<components.ButtonProps> & Readonly<{
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<components.ButtonProps> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (evt: MouseEvent) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            loading?(_: {}): any;
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    PuInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        size: string;
+        type: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
+    PuTabs: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'prev-button'?(_: {}): any;
+        };
+    });
+    PuColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    PuPrimaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    PuSecondaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    PuNeutralColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    install: (app: import('vue').App) => void;
+    version: string;
+};
+export default _default;

package/es/index.mjs

@@ -0,0 +1,76 @@
+import * as e from "./components/index.mjs";
+import { svgLoadingContent as p } from "./constants/svgLoading.mjs";
+import { vDraggable as u } from "./directives/vDraggable.mjs";
+import { applyResizable as x, vResizable as d } from "./directives/vResizable.mjs";
+import { vSvgLoading as C } from "./directives/vSvgLoading.mjs";
+import { useDraggable as g } from "./composables/useDraggable.mjs";
+import { useDateFormat as y } from "./composables/useDateFormat.mjs";
+import { useOnceFn as L } from "./composables/useOnceFn.mjs";
+import { useTimeNodes as F } from "./composables/useTimeNodes.mjs";
+import { useWaterFallLayout as O } from "./composables/useWaterFallLayout.mjs";
+import { useNamespace as E } from "./composables/use-namespace/index.mjs";
+import { createGlobalInstaller as r } from "./utils/vue/index.mjs";
+import { INSTALLED_KEY as S, toLowerCase as h, withInstall as w, withMultiInstall as N } from "./utils/vue/index.mjs";
+import { autoCalcFileSize as z, buildTree as B, createColors as K, createOverload as U, darkenColor as k, deepClone as A, deleteKeys as q, flatArr as G, getEqualOpacityColor as M, hasOwnProperty as W, isPlainObject as Y, joinURLs as _, lineBreakToComma as $, omitEmptyKeys as H, paramsToFormData as J, readTxtByEncodes as Q, readTxtFile as V, setURLSearchParams as X, singleton as Z } from "./utils/util.mjs";
+import { default as oe } from "./components/button/src/button.vue.mjs";
+import { default as te } from "./components/input/src/input.vue.mjs";
+import { default as le } from "./components/colors/src/colors.vue.mjs";
+import { default as me } from "./components/tabs/src/tabs.vue.mjs";
+import { default as pe } from "./components/colors/src/primary-color.vue.mjs";
+import { default as ue } from "./components/colors/src/secondary-color.vue.mjs";
+import { default as xe } from "./components/colors/src/neutral-color.vue.mjs";
+import { PurpleUIResolver as ce } from "./purple-ui/resolver.mjs";
+console.log(e);
+const o = r(Object.values(e)), t = o.install, a = o.version, s = {
+  install: t,
+  version: a,
+  ...e
+};
+export {
+  S as INSTALLED_KEY,
+  oe as PuButton,
+  le as PuColors,
+  te as PuInput,
+  xe as PuNeutralColor,
+  pe as PuPrimaryColor,
+  ue as PuSecondaryColor,
+  me as PuTabs,
+  ce as PurpleUIResolver,
+  x as applyResizable,
+  z as autoCalcFileSize,
+  B as buildTree,
+  K as createColors,
+  r as createGlobalInstaller,
+  U as createOverload,
+  k as darkenColor,
+  A as deepClone,
+  s as default,
+  q as deleteKeys,
+  G as flatArr,
+  M as getEqualOpacityColor,
+  W as hasOwnProperty,
+  t as install,
+  Y as isPlainObject,
+  _ as joinURLs,
+  $ as lineBreakToComma,
+  H as omitEmptyKeys,
+  J as paramsToFormData,
+  Q as readTxtByEncodes,
+  V as readTxtFile,
+  X as setURLSearchParams,
+  Z as singleton,
+  p as svgLoadingContent,
+  h as toLowerCase,
+  y as useDateFormat,
+  g as useDraggable,
+  E as useNamespace,
+  L as useOnceFn,
+  F as useTimeNodes,
+  O as useWaterFallLayout,
+  u as vDraggable,
+  d as vResizable,
+  C as vSvgLoading,
+  a as version,
+  w as withInstall,
+  N as withMultiInstall
+};

package/es/package.json.mjs

@@ -0,0 +1,4 @@
+const o = "1.0.0";
+export {
+  o as version
+};

package/es/purple-ui/index.d.ts

@@ -0,0 +1 @@
+export * from './resolver';

package/es/purple-ui/resolver.d.ts

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

package/es/purple-ui/resolver.mjs

@@ -0,0 +1,18 @@
+import { toLowerCase as r } from "../utils/vue/index.mjs";
+function o() {
+  return {
+    type: "component",
+    resolve: (e) => {
+      if (e.match(/^Pu[A-Z]/))
+        return {
+          name: e,
+          from: "purple-ui",
+          //
+          sideEffects: [`purple-ui/dist/es/${r(e.replace("Pu", ""))}/style.css`]
+        };
+    }
+  };
+}
+export {
+  o as PurpleUIResolver
+};

package/es/theme-chalk/src/base.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--pu-color-primary: #937bff;--pu-color-text-darkest: #000000;--pu-color-text-base: #303131;--pu-color-text-secondary: #606062;--pu-color-text-neutral: #909093;--pu-color-text-placeholder: #b2b2b6;--pu-color-text-disabled: #cdcdd1;--pu-color-text-lightest: #ffffff;--pu-color-border-darker: #c3c3cb;--pu-color-border-dark: #d0d0d8;--pu-color-border-base: #dbdbe0;--pu-color-border-light: #e4e4e8;--pu-color-border-lighter: #ededef;--pu-color-border-extra-light: #efeff3;--pu-color-border-theme: #d4caff;--pu-color-fill-darker: #d7d7dc;--pu-color-fill-dark: #e8e8ec;--pu-color-fill-base: #ededf0;--pu-color-fill-light: #f1f1f4;--pu-color-fill-lighter: #f6f6f7;--pu-color-fill-extra-light: #f8f8f9;--pu-color-fill-theme: #f7f7fb;--pu-color-fill-blank: #ffffff;--pu-color-fill-transparent: transparent;--pu-color-primary-base: #937bff;--pu-color-primary-hover: #7d69d9;--pu-color-primary-shade-9: #9e88ff;--pu-color-primary-shade-8: #a995ff;--pu-color-primary-shade-7: #b3a3ff;--pu-color-primary-shade-6: #beb0ff;--pu-color-primary-shade-5: #c9bdff;--pu-color-primary-shade-4: #d4caff;--pu-color-primary-shade-3: #dfd7ff;--pu-color-primary-shade-2: #e9e5ff;--pu-color-primary-shade-1: #f4f2ff;--pu-color-success-base: #06b56d;--pu-color-success-hover: #059a5d;--pu-color-success-shade-9: #1fbc7c;--pu-color-success-shade-8: #38c48a;--pu-color-success-shade-7: #51cb99;--pu-color-success-shade-6: #6ad3a7;--pu-color-success-shade-5: #83dab6;--pu-color-success-shade-4: #9be1c5;--pu-color-success-shade-3: #b4e9d3;--pu-color-success-shade-2: #cdf0e2;--pu-color-success-shade-1: #e6f8f0;--pu-color-danger-base: #ee6979;--pu-color-danger-hover: #ca5967;--pu-color-danger-shade-9: #f07886;--pu-color-danger-shade-8: #f18794;--pu-color-danger-shade-7: #f396a1;--pu-color-danger-shade-6: #f5a5af;--pu-color-danger-shade-5: #f7b4bc;--pu-color-danger-shade-4: #f8c3c9;--pu-color-danger-shade-3: #fad2d7;--pu-color-danger-shade-2: #fce1e4;--pu-color-danger-shade-1: #fdf0f2;--pu-color-warning-base: #cd9a0a;--pu-color-warning-hover: #ae8309;--pu-color-warning-shade-9: #d2a422;--pu-color-warning-shade-8: #d7ae3b;--pu-color-warning-shade-7: #dcb853;--pu-color-warning-shade-6: #e1c26c;--pu-color-warning-shade-5: #e6cd85;--pu-color-warning-shade-4: #ebd79d;--pu-color-warning-shade-3: #f0e1b6;--pu-color-warning-shade-2: #f5ebce;--pu-color-warning-shade-1: #faf5e7;--pu-color-info-base: #8e8e91;--pu-color-info-hover: #79797b;--pu-color-info-shade-9: #99999c;--pu-color-info-shade-8: #a5a5a7;--pu-color-info-shade-7: #b0b0b2;--pu-color-info-shade-6: #bbbbbd;--pu-color-info-shade-5: #c7c7c8;--pu-color-info-shade-4: #d2d2d3;--pu-color-info-shade-3: #ddddde;--pu-color-info-shade-2: #e8e8e9;--pu-color-info-shade-1: #f4f4f4}*,*:before,*:after{box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,微软雅黑,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}

package/es/theme-chalk/src/button.css

@@ -0,0 +1 @@
+@charset "UTF-8";.pu-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .3s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--pu-button-bgcolor);color:var(--pu-button-color);border-color:var(--pu-button-border-color)}.pu-button__content{display:inline-flex;align-items:center}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pu-button__loading{animation:rotating 2s linear infinite}.pu-button__loading+*{margin-left:4px}.pu-button__icon{margin-right:4px;width:1em;height:1em}.pu-button.is-link{padding:2px;height:auto;border-color:var(--pu-color-fill-transparent);background-color:var(--pu-color-fill-transparent);text-decoration:underline}.pu-button.is-plain:hover:not(.is-disabled){border-color:var(--pu-color-primary-base);background-color:var(--pu-color-fill-blank)}.pu-button.is-round{border-radius:20px}.pu-button.is-circle{width:32px;border-radius:50%;padding:8px}.pu-button:active:not(.is-disabled){transform:scale(.97);transition:transform 0s ease}.pu-button:focus-visible{outline:none}.pu-button+.pu-button{margin-left:10px}.pu-button{--pu-button-bgcolor: var(--pu-color-fill-blank);--pu-button-color: var(--pu-color-text-secondary);--pu-button-border-color: var(--pu-color-border-base)}.pu-button:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-shade-1);--pu-button-color: var(--pu-color-primary-base);--pu-button-border-color: var(--pu-color-primary-shade-4)}.pu-button.is-disabled{cursor:not-allowed;background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-border-base);color:var(--pu-color-text-disabled)}.pu-button.is-link{--pu-button-color: var(--pu-color-text-secondary)}.pu-button.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-base);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-text-disabled)}.pu-button.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--primary{--pu-button-bgcolor: var(--pu-color-primary-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-base)}.pu-button--primary:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-hover)}.pu-button--primary.is-disabled{cursor:not-allowed;background-color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4);color:var(--pu-color-fill-blank)}.pu-button--primary.is-link{--pu-button-color: var(--pu-color-primary-base)}.pu-button--primary.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--primary.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-plain{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-shade-6)}.pu-button--primary.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-base)}.pu-button--primary.is-plain.is-disabled{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--success{--pu-button-bgcolor: var(--pu-color-success-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-base)}.pu-button--success:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-success-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-hover)}.pu-button--success.is-disabled{cursor:not-allowed;background-color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4);color:var(--pu-color-fill-blank)}.pu-button--success.is-link{--pu-button-color: var(--pu-color-success-base)}.pu-button--success.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-success-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--success.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-success-shade-4)}.pu-button--success.is-plain{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-base);border-color:var(--pu-color-success-shade-6)}.pu-button--success.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-success-base);border-color:var(--pu-color-success-base)}.pu-button--success.is-plain.is-disabled{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4)}.pu-button--success.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--danger{--pu-button-bgcolor: var(--pu-color-danger-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-base)}.pu-button--danger:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-danger-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-hover)}.pu-button--danger.is-disabled{cursor:not-allowed;background-color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4);color:var(--pu-color-fill-blank)}.pu-button--danger.is-link{--pu-button-color: var(--pu-color-danger-base)}.pu-button--danger.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-danger-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--danger.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-plain{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-shade-6)}.pu-button--danger.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-base)}.pu-button--danger.is-plain.is-disabled{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--warning{--pu-button-bgcolor: var(--pu-color-warning-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-base)}.pu-button--warning:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-warning-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-hover)}.pu-button--warning.is-disabled{cursor:not-allowed;background-color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4);color:var(--pu-color-fill-blank)}.pu-button--warning.is-link{--pu-button-color: var(--pu-color-warning-base)}.pu-button--warning.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-warning-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--warning.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-plain{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-shade-6)}.pu-button--warning.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-base)}.pu-button--warning.is-plain.is-disabled{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--info{--pu-button-bgcolor: var(--pu-color-info-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-base)}.pu-button--info:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-info-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-hover)}.pu-button--info.is-disabled{cursor:not-allowed;background-color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4);color:var(--pu-color-fill-blank)}.pu-button--info.is-link{--pu-button-color: var(--pu-color-info-base)}.pu-button--info.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-info-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--info.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-info-shade-4)}.pu-button--info.is-plain{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-base);border-color:var(--pu-color-info-shade-6)}.pu-button--info.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-info-base);border-color:var(--pu-color-info-base)}.pu-button--info.is-plain.is-disabled{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4)}.pu-button--info.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--large{padding:12px 20px}.pu-button--{padding:8px 16px}.pu-button--small{padding:6px 12px}.pu-button--mini{padding:4px 8px}

package/es/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './vue';
+export * from './util';

package/es/utils/util.d.ts

@@ -0,0 +1,143 @@
+/**
+ * 将对象转换为 FormData 对象
+ * @param { Object } params 要转换的对象
+ * @returns 转换后的 FormData 对象
+ */
+export declare function paramsToFormData(params: Record<string, any>): FormData;
+/**
+ * 设置URLSearchParams对象并返回新的URL字符串
+ * @param { string } urlString - URL字符串
+ * @param { Object } params - 要设置的参数对象
+ * @returns { string }设置参数后的新的URL字符串
+ */
+export declare function setURLSearchParams(urlString: string, params: Record<string, any>): string;
+/**
+ * 合并URL字符串
+ * @param { string[] } ...urls 可变参数: URL字符串参数
+ * @returns { string } 合并后的URL字符串
+ */
+export declare function joinURLs(...urls: string[]): string;
+/**
+ * 深度拷贝
+ * @param arr
+ * @returns
+ */
+export declare function deepClone(arr: any[]): any[] | null;
+/**
+ * 自动将文件大小转换成合适的带单位大小
+ * @param byte {number} - 文件大小（B）
+ * @returns
+ */
+export declare function autoCalcFileSize(byte: number): string;
+/**
+ * 根据编码读取txt文件
+ * @param file {File} - 文件对象
+ * @param encode {string} - 编码格式
+ * @returns
+ */
+export declare function readTxtFile(file: File, encode: string): Promise<string>;
+/**
+ * 用不同编码读取txt文件
+ * @param file {File} - 文件对象
+ * @param encodes {string[]} - 编码格式数组
+ * @returns
+ */
+export declare function readTxtByEncodes(file: File, encodes?: string[]): Promise<string>;
+/**
+ * 将以逗号或者换行符分隔的字符串转为只用逗号分隔的字符串――去除空格和重复逗号
+ * @param str {string} - 以逗号或者换行符分隔的字符串
+ */
+export declare function lineBreakToComma(str: string): string;
+/**
+ * 单例模式函数
+ * @param {Function} fn - 要执行的函数 / class类
+ */
+export declare function singleton(fn: (...args: unknown[]) => unknown): unknown;
+/**
+ * 函数重载
+ * @example
+ * const overload = createOverload()
+ * overload.add('string', (arg: string) => { console.log('string', arg) })
+ * overload.add('number','string', (arg1: number, arg2: string) => { console.log('number,string', arg1, arg2) })
+ * @returns {Function} 重载函数
+ */
+export declare function createOverload(): {
+    (...args: any[]): any;
+    add(...args: any[]): void;
+};
+/**
+ * 平铺数据构建树结构
+ * @param data {Array} - 数据源
+ * @param props {Object} - 属性映射
+ * @returns {Array} - 树结构
+ */
+export declare function buildTree(data: any[], props?: {
+    label: string;
+    value: string;
+    children: string;
+    parentId: string;
+}): any[];
+/**
+ * 计算半透明颜色与白色背景混合后的等效不透明颜色值
+ * @param hexColor 原始十六进制颜色值 (例如 '#7e69dc')
+ * @param opacity 透明度值 (0-1之间，默认为0.9)
+ * @returns 等效的不透明颜色值 (十六进制格式)
+ */
+export declare function getEqualOpacityColor(hexColor: string, opacity?: number): string;
+/**
+ * 将颜色向黑色靠近（变暗）
+ * @param hexColor 原始十六进制颜色值 (例如 '#7e69dc')
+ * @param factor 混合因子 (0-1, 0表示完全不改变，1表示完全变为黑色)
+ * @returns 调整后的颜色值
+ */
+export declare function darkenColor(hexColor: string, factor?: number): string;
+/**
+ * @description 创建层次颜色数组，包含一个变暗的颜色和多个不同透明度的颜色
+ * @param baseColor - 基础颜色的十六进制字符串 (例如 '#7e69dc')
+ * @param darkeness - 变暗程度，默认为0.15，取值范围为0-1，0表示不变，1表示完全变为黑色
+ * @param opacitySteps - 透明度数组，默认为 [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]
+ * @returns 层次颜色数组
+ */
+export declare function createColors(baseColor: string, darkeness?: number, opacitySteps?: number[]): string[];
+/**
+ * @description 判断对象是否具有指定的键.
+ *
+ * @param { Record<string, unknown> } obj - 待判断的对象.
+ * @param { string } key - 待判断的键.
+ * @returns { boolean } - 是否具有指定的键
+ */
+export declare function hasOwnProperty(obj: Record<string, unknown>, key: string): boolean;
+/**
+ * @description 判断对象是否为普通对象.
+ *
+ * @param { unknown } obj - 待判断的对象.
+ * @returns { boolean } - 是否为普通对象
+ */
+export declare function isPlainObject(obj: unknown): boolean;
+/**
+ * @description 删除对象中的指定键.
+ *
+ * @param { Record<string, unknown> } obj - 目标对象.
+ * @param { string[] } keys - 要删除的键/键数组.
+ * @returns { Record<string, unknown> } - 删除键后的新对象
+ */
+export declare function deleteKeys<T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: K[] | K): Omit<T, K>;
+/**
+ * @description 数组深度扁平化，支持数组子元素为基本类型、对象、数组.
+ *
+ * @param { Record<string, unknown>[] } arr - 目标数组.
+ * @param { string } key - 拍平的键.
+ * @returns { Record<string, unknown>[] } - 拍平后的数组
+ */
+export declare function flatArr<T extends Record<string, unknown>, K extends keyof T>(arr: T[], key?: K): T[];
+/**
+ * @description 删除对象中的空值.
+ *
+ * @param { Record<string, unknown> } obj - 目标对象.
+ * @param { unknown[] } emptyValues - 空值数组 （默认为 ['', undefined, null]，支持数组和对象的空值判断['', undefined,
+ *   null, {}, [], false, 0]）
+ * @returns { Partial<T> | T } - 删除空值后的新对象
+ */
+export declare function omitEmptyKeys<T extends Record<string, unknown> & {
+    length?: never;
+}>(obj: T, emptyValues?: unknown[]): Partial<T> | T;