rappel-ui 1.0.0

package/es/utils/util.mjs

@@ -0,0 +1,151 @@
+function O(n) {
+  const e = new FormData();
+  for (const t in n)
+    e.append(t, n[t]);
+  return e;
+}
+function A(n, e) {
+  const t = new URL(n), c = new URLSearchParams(t.search);
+  for (const r in e)
+    !["", void 0, null].includes(e[r]) && c.set(r, e[r]);
+  return t.search = c.toString(), t.href;
+}
+function S(...n) {
+  let e = n[0];
+  for (let t = 1; t < n.length; t++)
+    e[e.length - 1] === "/" && n[t][0] === "/" ? e += n[t].slice(1) : e[e.length - 1] === "/" || n[t][0] === "/" ? e += n[t] : e += "/" + n[t];
+  return e;
+}
+function B(n) {
+  try {
+    return JSON.parse(JSON.stringify(n));
+  } catch {
+    return null;
+  }
+}
+function M(n) {
+  const e = ["B", "KB", "MB", "GB", "TB"];
+  let t = 0, c = e[0];
+  for (; n >= 1024 && t < e.length - 1; )
+    n /= 1024, t++, c = e[t];
+  const r = n.toString(), o = r.indexOf(".");
+  return n = o === -1 ? n : parseFloat(r.substring(0, o + 3)), `${n}${c}}`;
+}
+function p(n, e) {
+  return new Promise((t, c) => {
+    const r = new FileReader();
+    r.onload = (o) => {
+      t(o.target?.result);
+    }, r.onerror = (o) => {
+      c(o);
+    }, r.readAsText(n, e);
+  });
+}
+async function b(n, e = ["UTF-8", "GBK", "GB2312"]) {
+  for (const t of e) {
+    const c = await p(n, t);
+    if (!(c && c.indexOf("�") > -1))
+      return c;
+  }
+  return "";
+}
+function P(n) {
+  if (!n) return "";
+  let e = "";
+  return n.includes("，") ? e = n.replace(/，/g, ",") : n.includes(`\r
+`) ? e = n.replace(/\r\n/g, ",") : n.includes(`
+`) ? e = n.replace(/\n/g, ",") : n.includes("\r") ? e = n.replace(/\r/g, ",") : n.includes("↵") && (e = n.replace(/↵/g, ",")), e.replace(/,+/g, ",").replace(/^,|,$/g, "").replace(/\s+/g, "");
+}
+function E(n) {
+  let e;
+  const t = new Proxy(n, {
+    construct(c, r) {
+      return e || (e = Reflect.construct(c, r), e);
+    }
+  });
+  return t.prototype.constructor = t, t;
+}
+function I() {
+  const n = /* @__PURE__ */ new Map();
+  function e(...t) {
+    const c = t.map((o) => typeof o).join(","), r = n.get(c);
+    if (!r)
+      throw new Error("没有找到对应的实现");
+    return r.apply(this, t);
+  }
+  return e.add = function(...t) {
+    const c = t.pop();
+    if (typeof c != "function")
+      throw new Error("最后一个参数必须是函数");
+    const r = t.join(",");
+    n.set(r, c);
+  }, e;
+}
+function R(n, e = { label: "label", value: "value", children: "children", parentId: "parentId" }) {
+  const t = [], c = /* @__PURE__ */ new WeakMap();
+  return n.forEach((r) => {
+    r.label = r[e.label], r.value = r[e.value], r.children = [], c.set(r[e.value], r);
+  }), n.forEach((r) => {
+    const o = c.get(r[e.parentId]);
+    o ? o.children.push(r) : t.push(r);
+  }), t;
+}
+function g(n, e = 1) {
+  n = n.replace("#", "");
+  const t = parseInt(n.substring(0, 2), 16), c = parseInt(n.substring(2, 4), 16), r = parseInt(n.substring(4, 6), 16), o = { r: 255, g: 255, b: 255 }, s = Math.round(t * e + o.r * (1 - e)), l = Math.round(c * e + o.g * (1 - e)), u = Math.round(r * e + o.b * (1 - e)), i = (d) => d.toString(16).padStart(2, "0");
+  return `#${i(s)}${i(l)}${i(u)}`;
+}
+function h(n, e = 0.15) {
+  n = n.replace("#", ""), n.length === 3 && (n = n.split("").map((i) => i + i).join(""));
+  const t = parseInt(n.substring(0, 2), 16), c = parseInt(n.substring(2, 4), 16), r = parseInt(n.substring(4, 6), 16), o = Math.round(t * (1 - e)), s = Math.round(c * (1 - e)), l = Math.round(r * (1 - e)), u = (i) => Math.round(i).toString(16).padStart(2, "0");
+  return `#${u(o)}${u(s)}${u(l)}`;
+}
+function $(n, e = 0.15, t = [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]) {
+  return [h(n, e)].concat(
+    t.map((c) => g(n, c))
+  );
+}
+function w(n, e) {
+  return Object.prototype.hasOwnProperty.call(n, e);
+}
+function a(n) {
+  return n !== null && typeof n == "object" && Object.getPrototypeOf(n) === Object.prototype;
+}
+function y(n, e) {
+  if (!n || !e || !a(n)) return n;
+  const t = { ...n };
+  return (Array.isArray(e) ? e : [e]).forEach((c) => {
+    Reflect.deleteProperty(t, c);
+  }), t;
+}
+function f(n, e = "children") {
+  return !n || !Array.isArray(n) ? [] : n.reduce((t, c) => Array.isArray(c) ? t.concat(f(c, e)) : c && a(c) && c[e] ? t.concat(y(c, [e]), f(c[e], e)) : t.concat(c), []);
+}
+function m(n, e = ["", void 0, null]) {
+  if (!n || !a(n)) return n;
+  const t = {}, c = (r) => e.some((o) => Array.isArray(o) && Array.isArray(r) ? o.length === 0 && r.length === 0 : a(o) && a(r) ? Object.keys(o).length === 0 && Object.keys(r).length === 0 : o === r);
+  for (const r in n)
+    w(n, r) && (c(n[r]) || (t[r] = n[r]));
+  return t;
+}
+export {
+  M as autoCalcFileSize,
+  R as buildTree,
+  $ as createColors,
+  I as createOverload,
+  h as darkenColor,
+  B as deepClone,
+  y as deleteKeys,
+  f as flatArr,
+  g as getEqualOpacityColor,
+  w as hasOwnProperty,
+  a as isPlainObject,
+  S as joinURLs,
+  P as lineBreakToComma,
+  m as omitEmptyKeys,
+  O as paramsToFormData,
+  b as readTxtByEncodes,
+  p as readTxtFile,
+  A as setURLSearchParams,
+  E as singleton
+};

package/es/utils/vue/index.d.ts

@@ -0,0 +1,17 @@
+import { App } from 'vue';
+export declare const INSTALLED_KEY: unique symbol;
+declare module 'vue' {
+    interface App {
+        [INSTALLED_KEY]?: boolean;
+    }
+}
+export declare const withInstall: <T extends Record<string, any>, E extends Record<string, any>>(main: T, extra?: E) => T;
+export declare function withMultiInstall<T extends Record<string, any>>(compEntries: T): T;
+export declare function createGlobalInstaller(comps?: {
+    install: (app: App) => void;
+    [key: string]: any;
+}[]): {
+    install: (app: App) => void;
+    version: string;
+};
+export declare function toLowerCase(input: string): string;

package/es/utils/vue/index.mjs

@@ -0,0 +1,36 @@
+import { version as s } from "../../package.json.mjs";
+const l = Symbol("INSTALLED_KEY"), a = (t, n) => {
+  if (t.install = (e) => {
+    e.component(t.name, t);
+  }, n)
+    for (const [e, o] of Object.entries(n))
+      t[e] = o, o.install = (r) => {
+        r.component(o.name, o);
+      };
+  return t;
+};
+function u(t) {
+  return Object.values(t).forEach((n) => {
+    n.install = (e) => {
+      e.component(n.name, n);
+    };
+  }), t;
+}
+function i(t = []) {
+  return {
+    install: (e) => {
+      e[l] || (e[l] = !0, t.forEach((o) => e.use(o)));
+    },
+    version: s
+  };
+}
+function f(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().replace(/\s+/g, "-");
+}
+export {
+  l as INSTALLED_KEY,
+  i as createGlobalInstaller,
+  f as toLowerCase,
+  a as withInstall,
+  u as withMultiInstall
+};

package/global.d.ts

@@ -0,0 +1,7 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    PuButton: (typeof import('purple-ui'))['PuButton']
+  }
+}
+
+export {}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "rappel-ui",
+  "private": false,
+  "version": "1.0.0",
+  "description": "a vue3 ui library",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "owen",
+  "license": "ISC",
+  "packageManager": "pnpm@10.19.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./global": {
+      "types": "./es/global.d.ts"
+    },
+    "./es": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs"
+    },
+    "./cjs": {
+      "types": "./cjs/index.d.ts",
+      "require": "./cjs/index.js"
+    },
+    "./es/*.mjs": {
+      "types": "./es/*.d.ts",
+      "import": "./es/*.mjs"
+    },
+    "./es/*": {
+      "types": [
+        "./es/*.d.ts",
+        "./es/*/index.d.ts"
+      ],
+      "import": "./es/*.mjs"
+    },
+    "./cjs/*.js": {
+      "types": "./cjs/*.d.ts",
+      "require": "./cjs/*.js"
+    },
+    "./cjs/*": {
+      "types": [
+        "./cjs/*.d.ts",
+        "./cjs/*/index.d.ts"
+      ],
+      "require": "./cjs/*.js"
+    },
+    "./*": "./*"
+  },
+  "main": "./cjs/index.js",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "style": "./umd/index.css",
+  "sideEffects": [
+    "./es/components/**/*.css",
+    "./cjs/components/**/*.css"
+  ]
+}

package/theme-chalk/base.css

@@ -0,0 +1,148 @@
+@charset "UTF-8";
+/**
+ * 将十六进制颜色转换为RGB颜色
+ * @param $hex 十六进制颜色值
+ * @returns RGB颜色值
+ * color.channel($color, "red", $space: rgb)
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $value RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $color RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
+ * @param $color 颜色
+ * @param $opacity 透明度，默认值为1
+ * @returns 一个等效的透明度颜色
+ */
+/**
+ * 创建一个变暗的颜色，并返回一个变暗的颜色
+ * @param $color 颜色
+ * @param $factor 颜色变暗的度量，默认为0.15
+ * @returns 一个变暗的颜色
+ */
+/**
+ * 创建层级颜色
+ * @param $base-color 基础颜色
+ * @param $darkness 变暗的度量，默认为0.15
+ * @returns 主题色映射
+ */
+/**
+ * 生成不同(0.9-0.1)透明度对应的等值颜色：
+         primary: (
+            base: #937bff,
+            hover: #7e69dc,
+            shade-9: #9e88ff,
+            shade-8: #a995ff,
+            shade-7: #b3a3ff,
+            shade-6: #beb0ff,
+            shade-5: #c9bdff,
+            shade-4: #d4caff,
+            shade-3: #ded7ff,
+            shade-2: #e9e5ff,
+            shade-1: #f4f2ff
+        ),
+ */
+: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: normal;
+  -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/theme-chalk/css-vars/_button.css

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+/**
+ * 将十六进制颜色转换为RGB颜色
+ * @param $hex 十六进制颜色值
+ * @returns RGB颜色值
+ * color.channel($color, "red", $space: rgb)
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $value RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $color RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
+ * @param $color 颜色
+ * @param $opacity 透明度，默认值为1
+ * @returns 一个等效的透明度颜色
+ */
+/**
+ * 创建一个变暗的颜色，并返回一个变暗的颜色
+ * @param $color 颜色
+ * @param $factor 颜色变暗的度量，默认为0.15
+ * @returns 一个变暗的颜色
+ */
+/**
+ * 创建层级颜色
+ * @param $base-color 基础颜色
+ * @param $darkness 变暗的度量，默认为0.15
+ * @returns 主题色映射
+ */

package/theme-chalk/css-vars/_colors.css

@@ -0,0 +1,51 @@
+@charset "UTF-8";
+/**
+ * 将十六进制颜色转换为RGB颜色
+ * @param $hex 十六进制颜色值
+ * @returns RGB颜色值
+ * color.channel($color, "red", $space: rgb)
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $value RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $color RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
+ * @param $color 颜色
+ * @param $opacity 透明度，默认值为1
+ * @returns 一个等效的透明度颜色
+ */
+/**
+ * 创建一个变暗的颜色，并返回一个变暗的颜色
+ * @param $color 颜色
+ * @param $factor 颜色变暗的度量，默认为0.15
+ * @returns 一个变暗的颜色
+ */
+/**
+ * 创建层级颜色
+ * @param $base-color 基础颜色
+ * @param $darkness 变暗的度量，默认为0.15
+ * @returns 主题色映射
+ */
+/**
+ * 生成不同(0.9-0.1)透明度对应的等值颜色：
+         primary: (
+            base: #937bff,
+            hover: #7e69dc,
+            shade-9: #9e88ff,
+            shade-8: #a995ff,
+            shade-7: #b3a3ff,
+            shade-6: #beb0ff,
+            shade-5: #c9bdff,
+            shade-4: #d4caff,
+            shade-3: #ded7ff,
+            shade-2: #e9e5ff,
+            shade-1: #f4f2ff
+        ),
+ */

package/theme-chalk/function/_button.css

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+/**
+ * 将十六进制颜色转换为RGB颜色
+ * @param $hex 十六进制颜色值
+ * @returns RGB颜色值
+ * color.channel($color, "red", $space: rgb)
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $value RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $color RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
+ * @param $color 颜色
+ * @param $opacity 透明度，默认值为1
+ * @returns 一个等效的透明度颜色
+ */
+/**
+ * 创建一个变暗的颜色，并返回一个变暗的颜色
+ * @param $color 颜色
+ * @param $factor 颜色变暗的度量，默认为0.15
+ * @returns 一个变暗的颜色
+ */
+/**
+ * 创建层级颜色
+ * @param $base-color 基础颜色
+ * @param $darkness 变暗的度量，默认为0.15
+ * @returns 主题色映射
+ */

package/theme-chalk/function/index.css

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+/**
+ * 将十六进制颜色转换为RGB颜色
+ * @param $hex 十六进制颜色值
+ * @returns RGB颜色值
+ * color.channel($color, "red", $space: rgb)
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $value RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 将RGB颜色转换为十六进制颜色
+ * @param $color RGB颜色值
+ * @returns 十六进制颜色值
+ */
+/**
+ * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
+ * @param $color 颜色
+ * @param $opacity 透明度，默认值为1
+ * @returns 一个等效的透明度颜色
+ */
+/**
+ * 创建一个变暗的颜色，并返回一个变暗的颜色
+ * @param $color 颜色
+ * @param $factor 颜色变暗的度量，默认为0.15
+ * @returns 一个变暗的颜色
+ */
+/**
+ * 创建层级颜色
+ * @param $base-color 基础颜色
+ * @param $darkness 变暗的度量，默认为0.15
+ * @returns 主题色映射
+ */