vue-happy-framework 1.0.11 → 1.0.12

package/README.md

@@ -1,12 +1,9 @@
 # 基于Vue3的前端框架库
 
 ## 目录结构
+- common（公共的）
 - pc（面向PC端的工具库跟组件）
 - mobile（面向移动端的工具库跟组件）
-- styles（公共的scss样式）
-- utils（公共库）
-- index.css（面向PC端的组件样式）
-- indexx2.css（面向移动端的组件样式）
 
 ## 亮点
 源码采用typescript编写，最终转译成JavaScript，将公共库、PC端公用组件、移动端公用组件抽象出来整合在一起

package/common/utils/ApiBase.js

@@ -0,0 +1 @@
+

package/common/utils/EventBus.js

@@ -0,0 +1,21 @@
+class o {
+  constructor() {
+    this.bus = {};
+  }
+  $on(s, t) {
+    if (this.bus.hasOwnProperty(s)) {
+      console.log("该事件名已订阅过");
+      return;
+    }
+    this.bus[s] = t;
+  }
+  $emit(s, t) {
+    this.bus[s].apply(null, [t]);
+  }
+  $off(s) {
+    delete this.bus[s];
+  }
+}
+export {
+  o as default
+};

package/common/utils/animation.js

@@ -0,0 +1,42 @@
+function f(u, i, n) {
+  var e = document.getElementById(u), o = e.getAttribute(i), a = o - 1e3, r = function() {
+    a < o && (a++, e.innerText = a), setTimeout(r, n);
+  };
+  setTimeout(r, n);
+}
+function v(u, i) {
+  var n = document.getElementsByClassName(u)[0], e = n.firstElementChild, o = e.children.length;
+  let a = e == null ? void 0 : e.children;
+  const r = document.createDocumentFragment();
+  for (var d = 0; d < o; d++) {
+    let m = a[d].cloneNode(!0);
+    r.appendChild(m);
+  }
+  e.appendChild(r);
+  let s = 0;
+  o >= 2 && (s = e == null ? void 0 : e.children[1].offsetTop);
+  var t = 0;
+  function l() {
+    t >= o && (t = 0, e.style.top = "0px"), t++, e.children[t - 1].classList.add("active"), e.animate([
+      { top: -((t - 1) * s) + "px" },
+      { top: -(t * s) + "px" }
+    ], {
+      duration: 1e3,
+      delay: 100,
+      easing: "ease-in",
+      fill: "forwards"
+    }), setTimeout(function() {
+      e.children[t - 1].classList.remove("active");
+    }, 1e3), c = setTimeout(l, i);
+  }
+  var c = setTimeout(l, i);
+  n.onmouseover = function() {
+    clearTimeout(c);
+  }, n.onmouseout = function() {
+    c = setTimeout(l, i);
+  };
+}
+export {
+  v as AutoScroll,
+  f as NunberAdd
+};

package/common/utils/file.js

@@ -0,0 +1,21 @@
+function l(e) {
+  return `undefined${e}`;
+}
+function o(e) {
+  let t = {};
+  return typeof e == "string" ? t = JSON.parse(e || "{}") : t = e, t.url = l(t.path), t;
+}
+function i(e) {
+  let t;
+  return Array.isArray(e) ? t = e : t = JSON.parse(e || "[]"), t.map((n) => (n.url = l(n.path), n));
+}
+function c(e, t) {
+  let n = new Blob([e]), r = document.createElement("a");
+  r.download = "导出文件.xlsx", r.href = URL.createObjectURL(n), r.style.display = "none", r.target = "_blank", document.appendChild(r), r.click(), URL.revokeObjectURL(n), document.body.removeChild(r);
+}
+export {
+  c as exportExl,
+  l as getFileUrl,
+  o as getShowFile,
+  i as getShowFileList
+};

package/common/utils/function.js

@@ -0,0 +1,72 @@
+function o(n, r = /* @__PURE__ */ new WeakMap()) {
+  if (typeof n != "object" || n === null)
+    return n;
+  if (r.has(n))
+    return r.get(n);
+  let e;
+  return n instanceof Array ? (e = [], r.set(n, e), n.forEach((u, t) => {
+    e[t] = o(u, r);
+  }), e) : n instanceof Date ? (e = new Date(n), r.set(n, e), e) : n instanceof RegExp ? (e = new RegExp(n.source, n.flags), r.set(n, e), e) : typeof n == "object" ? (e = {}, r.set(n, e), Reflect.ownKeys(n).forEach((t) => {
+    e[t] = o(n[t], r);
+  }), e) : n;
+}
+function s(n, r) {
+  var e = null;
+  return function() {
+    clearTimeout(e), e = setTimeout(() => {
+      n.apply(this, arguments);
+    }, r);
+  };
+}
+function f(n, r) {
+  var e = !0;
+  return function() {
+    e && (e = !1, setTimeout(() => {
+      n.apply(this, arguments), e = !0;
+    }, r));
+  };
+}
+function l(n, ...r) {
+  const e = n.length;
+  return function(...u) {
+    let t = [...r, ...u];
+    return t.length < e ? l.call(this, n, ...t) : n.apply(this, t);
+  };
+}
+function c(n) {
+  var r = Array.prototype.slice.call(arguments, 1);
+  return function() {
+    var e = Array.prototype.slice.call(arguments), u = r.concat(e);
+    return n.apply(null, u);
+  };
+}
+function p(n, r, e, u) {
+  return n.addEventListener(r, (t) => {
+    let i = t.target;
+    for (; !i.matches(e); ) {
+      if (n === i) {
+        i = null;
+        break;
+      }
+      i = i.parentNode;
+    }
+    i && u.call(i, t, i);
+  }), n;
+}
+function a(n) {
+  if (!(n instanceof Function) || !n.prototype)
+    throw new Error("不是合法的构造函数");
+  let r;
+  return function() {
+    return r || (r = new n()), r;
+  };
+}
+export {
+  a as SingleWrapper,
+  c as curry,
+  l as currying,
+  s as debounce,
+  o as deepClone,
+  p as delegate,
+  f as throttle
+};

package/common/utils/img.js

@@ -0,0 +1,26 @@
+function i(t) {
+  return new Promise((a) => {
+    var e = new Image();
+    e.crossOrigin = "anonymous", e.src = t, e.onload = function() {
+      var n = document.createElement("canvas");
+      n.width = e.width, n.height = e.height, n.getContext("2d").drawImage(e, 0, 0);
+      var o = n.toDataURL();
+      a(o);
+    };
+  });
+}
+function r(t) {
+  return new Promise((a) => {
+    var e = new Image();
+    e.crossOrigin = "anonymous", e.src = t, e.onload = function() {
+      var n = document.createElement("canvas");
+      n.width = e.width, n.height = e.height, n.getContext("2d").drawImage(e, 0, 0), n.toBlob((o) => {
+        a(o);
+      });
+    };
+  });
+}
+export {
+  i as imgToBase64,
+  r as imgToBlob
+};

package/common/utils/index.js

@@ -0,0 +1,10 @@
+import { AutoScroll as r, NunberAdd as t } from "./animation.js";
+import { exportExl as i, getFileUrl as x, getShowFile as g, getShowFileList as p } from "./file.js";
+export {
+  r as AutoScroll,
+  t as NunberAdd,
+  i as exportExl,
+  x as getFileUrl,
+  g as getShowFile,
+  p as getShowFileList
+};

package/common/utils/request.js

@@ -0,0 +1 @@
+

package/common/utils/stringUtils.js

@@ -0,0 +1,14 @@
+function t(r, { char: n = "_" } = {}) {
+  return r.replace(new RegExp(`${n}([a-z])`, "g"), (e, a) => a.toUpperCase());
+}
+function p(r, { char: n = "_" } = {}) {
+  return r.replace(new RegExp(`${n}([a-z])`, "g"), function(e) {
+    return e[1].toUpperCase();
+  }).replace(/^([a-z])/, function(e) {
+    return e.toUpperCase();
+  });
+}
+export {
+  t as convertCamelCase,
+  p as convertPascalCase
+};

package/common/utils/table.js

@@ -0,0 +1,10 @@
+function m(l, f, t) {
+  let i = {};
+  for (let e of l)
+    i[e[f]] || (i[e[f]] = 0), i[e[f]]++;
+  for (let e of l)
+    i[e[f]] ? (e[t] = i[e[f]], delete i[e[f]]) : e[t] = 0;
+}
+export {
+  m as setRowSpan
+};

package/common/utils/tree.js

@@ -0,0 +1,75 @@
+function h(f, r) {
+  let e = JSON.parse(JSON.stringify(f)), t = "id", i = "pid";
+  r && (t = r.id, i = r.pid);
+  let o = /* @__PURE__ */ new Map();
+  for (let n of e)
+    o.set(n[t], n);
+  let d = [];
+  for (let n of e)
+    if (o.has(n[i])) {
+      let l = o.get(n[i]);
+      l.children == null && (l.children = []), l.children.push(n);
+    } else
+      d.push(n);
+  return d;
+}
+function s(f = [], r = [], e = []) {
+  if (!f.length) return [];
+  for (let t of f) {
+    if (!(r.includes(items.parentCode) || r.includes(t.organCode))) continue;
+    let i = {
+      ...t,
+      children: []
+    };
+    e.push(i), t.children && t.children.length && s(t.children, r, i.children);
+  }
+}
+function a(f, r, e) {
+  e == null && (e = "children");
+  for (let t of f) {
+    if (r(t))
+      return t;
+    if (t[e]) {
+      let i = a(t[e], r);
+      if (i)
+        return i;
+    }
+  }
+}
+function p(f, r, e) {
+  e == null && (e = "children");
+  for (let t of f) {
+    for (let i in r)
+      t[i] = r[i];
+    t[e] && p(t[e], r, e);
+  }
+}
+function c(f, r) {
+  var e = [];
+  let t = "children";
+  return r && (t = r.children), u(f, e, t), e;
+}
+function u(f, r, e) {
+  if (!(!f || !f.length))
+    for (let t of f) {
+      let i = JSON.parse(JSON.stringify(t));
+      t[e] && delete i[e], r.push(i), t[e] && u(t[e], r, e);
+    }
+}
+function T(f, r, e) {
+  let t = c(f, e);
+  for (let i of t) {
+    itemMap[i.id] = i;
+    let o = itemMap[i.parentId];
+    o && (i.parent = {}, i.parent = o), i.code == r && (data = itemMap[i.id]);
+  }
+  return data;
+}
+export {
+  p as addDataTree,
+  s as filterTree,
+  a as findTreeNode,
+  T as getParentData,
+  h as listToTree,
+  c as treeToList
+};

package/common/utils.js

@@ -0,0 +1,10 @@
+import { AutoScroll as r, NunberAdd as t } from "./utils/animation.js";
+import { exportExl as i, getFileUrl as x, getShowFile as g, getShowFileList as p } from "./utils/file.js";
+export {
+  r as AutoScroll,
+  t as NunberAdd,
+  i as exportExl,
+  x as getFileUrl,
+  g as getShowFile,
+  p as getShowFileList
+};

package/index.css

@@ -1 +1 @@
-.button-container[data-v-e1bf4c52]{background-color:#7fffd4;padding:10px}.badge-container[data-v-72e844b2]{background-color:#5f9ea0;padding:20px}
+.read-the-docs[data-v-47a910e0]{color:#888}.new-button[data-v-0b2bc4af]{color:red}

package/package.json

@@ -1,48 +1,39 @@
-{
-  "name": "vue-happy-framework",
-  "version": "1.0.11",
-  "description": "基于Vue的应用框架",
-  "keywords": [
-    "vue",
-    "framework",
-    "工具库"
-  ],
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "package": "vite build --mode package"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitee.com/Y_W_J/vue-happy-framework.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "@wangeditor/editor": "^5.1.23",
-    "animate.css": "^4.1.1",
-    "axios": "^1.7.4",
-    "clipboard": "^2.0.11",
-    "dayjs": "^1.11.10",
-    "echarts": "^5.4.3",
-    "element-plus": "^2.8.0",
-    "normalize.css": "^8.0.1",
-    "pinia": "^2.2.2",
-    "vant": "^4.7.3",
-    "vue": "^3.4.37",
-    "vue-router": "^4.4.3"
-  },
-  "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "sass": "^1.79.1",
-    "typescript": "^5.5.3",
-    "vite": "^6.0.1",
-    "vite-plugin-cp": "^4.0.8",
-    "vite-plugin-dts": "^4.4.0",
-    "vue-tsc": "^2.0.29"
-  }
+{
+  "name": "vue-happy-framework",
+  "version": "1.0.12",
+  "description": "基于Vue的应用框架",
+  "keywords": [
+    "vue",
+    "framework",
+    "工具库"
+  ],
+  "type": "module",
+  "main": "index.js",
+  "author": "",
+  "license": "ISC",
+  "packageManager": "pnpm@10.22.0",
+  "dependencies": {
+    "@wangeditor/editor": "^5.1.23",
+    "animate.css": "^4.1.1",
+    "axios": "^1.13.2",
+    "clipboard": "^2.0.11",
+    "dayjs": "^1.11.19",
+    "echarts": "^6.0.0",
+    "enum-plus": "^3.1.6",
+    "normalize.css": "^8.0.1",
+    "pinia": "^3.0.4",
+    "vue": "^3.5.26",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "glob": "^13.0.0",
+    "sass": "^1.97.1",
+    "typescript": "^5.9.3",
+    "vite": "^6.0.1",
+    "vite-plugin-cp": "^6.0.3",
+    "vite-plugin-dts": "^4.4.0",
+    "vue-tsc": "^3.2.1"
+  }
 }

package/pc/components/HelloWorld.js

@@ -0,0 +1,45 @@
+import { defineComponent as s, ref as a, createElementBlock as u, openBlock as i, Fragment as p, createElementVNode as e, toDisplayString as n, createTextVNode as o } from "D:/GitReponsitory/vue-happy-framework/node_modules/.pnpm/vue@3.5.26_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const m = { class: "card" }, f = /* @__PURE__ */ s({
+  __name: "HelloWorld",
+  props: {
+    msg: {}
+  },
+  setup(r) {
+    const l = a(0);
+    return (g, t) => (i(), u(p, null, [
+      e("h1", null, n(r.msg), 1),
+      e("div", m, [
+        e("button", {
+          type: "button",
+          onClick: t[0] || (t[0] = (c) => l.value++)
+        }, "count is " + n(l.value), 1),
+        t[1] || (t[1] = e("p", null, [
+          o(" Edit "),
+          e("code", null, "components/HelloWorld.vue"),
+          o(" to test HMR ")
+        ], -1))
+      ]),
+      t[2] || (t[2] = e("p", null, [
+        o(" Check out "),
+        e("a", {
+          href: "https://vuejs.org/guide/quick-start.html#local",
+          target: "_blank"
+        }, "create-vue"),
+        o(", the official Vue + Vite starter ")
+      ], -1)),
+      t[3] || (t[3] = e("p", null, [
+        o(" Install "),
+        e("a", {
+          href: "https://github.com/vuejs/language-tools",
+          target: "_blank"
+        }, "Volar"),
+        o(" in your IDE for a better DX ")
+      ], -1)),
+      t[4] || (t[4] = e("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1))
+    ], 64));
+  }
+}), V = /* @__PURE__ */ d(f, [["__scopeId", "data-v-47a910e0"]]);
+export {
+  V as default
+};

package/pc/components/NewButton.js

@@ -0,0 +1,46 @@
+import { defineComponent as f, mergeModels as u, useAttrs as V, useModel as _, toRefs as g, resolveComponent as x, createElementBlock as N, openBlock as b, withDirectives as h, createElementVNode as s, createVNode as w, vModelText as B, unref as C, mergeProps as M, withCtx as $, renderSlot as o, createTextVNode as y, toDisplayString as S } from "D:/GitReponsitory/vue-happy-framework/node_modules/.pnpm/vue@3.5.26_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = ["value"], D = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "NewButton",
+  props: /* @__PURE__ */ u({
+    value: String
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["update:value"], ["update:modelValue"]),
+  setup(l, { emit: a }) {
+    const r = V();
+    console.log("attrs", r);
+    const t = _(l, "modelValue"), d = l, { value: i } = g(d), p = a, m = (e) => {
+      p("update:value", e.target.value);
+    };
+    return (e, n) => {
+      const c = x("el-button");
+      return b(), N("div", null, [
+        h(s("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (v) => t.value = v)
+        }, null, 512), [
+          [B, t.value]
+        ]),
+        s("input", {
+          value: C(i),
+          onInput: m
+        }, null, 40, A),
+        w(c, M({ type: "primary" }, e.$attrs), {
+          default: $(() => [
+            o(e.$slots, "prefix", { text: "前缀文本" }, void 0, !0),
+            y(" modelValue的值" + S(t.value) + " ", 1),
+            o(e.$slots, "default", {}, void 0, !0),
+            o(e.$slots, "suffix", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16)
+      ]);
+    };
+  }
+}), T = /* @__PURE__ */ k(D, [["__scopeId", "data-v-0b2bc4af"]]);
+export {
+  T as default
+};

package/pc/components/index.js

@@ -1,63 +1,6 @@
-import { defineComponent as a, resolveComponent as s, openBlock as l, createElementBlock as r, createElementVNode as d, createVNode as _, withCtx as i, createTextVNode as m } from "vue";
-import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = { class: "button-container" }, k = /* @__PURE__ */ a({
-  __name: "index",
-  emits: ["click"],
-  setup(u, { emit: t }) {
-    const n = t, o = () => {
-      n("click");
-    };
-    return (f, e) => {
-      const c = s("el-button");
-      return l(), r("div", null, [
-        d("div", x, [
-          _(c, {
-            type: "primary",
-            onClick: o
-          }, {
-            default: i(() => e[0] || (e[0] = [
-              m("测试按钮")
-            ])),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-}), y = /* @__PURE__ */ p(k, [["__scopeId", "data-v-e1bf4c52"]]), v = { class: "badge-container" }, C = /* @__PURE__ */ a({
-  __name: "index",
-  emits: ["click"],
-  setup(u, { emit: t }) {
-    const n = t, o = () => {
-      n("click");
-    };
-    return (f, e) => {
-      const c = s("el-button"), b = s("el-badge");
-      return l(), r("div", null, [
-        d("div", v, [
-          _(b, {
-            value: 12,
-            class: "item"
-          }, {
-            default: i(() => [
-              _(c, {
-                type: "primary",
-                onClick: o
-              }, {
-                default: i(() => e[0] || (e[0] = [
-                  m("测试按钮")
-                ])),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-}), B = /* @__PURE__ */ p(C, [["__scopeId", "data-v-72e844b2"]]);
+import { default as t } from "./HelloWorld.js";
+import { default as r } from "./NewButton.js";
 export {
-  B as VhfBadge,
-  y as VhfButton
+  t as HelloWorld,
+  r as NewButton
 };

package/pc/directives/copy.js

@@ -0,0 +1,46 @@
+import t from "D:/GitReponsitory/vue-happy-framework/node_modules/.pnpm/clipboard@2.0.11/node_modules/clipboard/dist/clipboard.js";
+import { ElMessage as i } from "D:/GitReponsitory/vue-happy-framework/node_modules/.pnpm/element-plus@2.13.0_vue@3.5.26_typescript@5.9.3_/node_modules/element-plus/es/index.mjs";
+function u() {
+  return {
+    created(e, n, o, d) {
+      e.style.color = "#E6A23C";
+      let r;
+      e.onmouseenter = () => {
+        r = new t(e, {
+          text: () => n.value == null ? e.innerText : n.value
+        });
+      }, e.onclick = () => {
+        r.on("success", () => {
+          i.success({
+            message: "复制成功"
+          }), r.destroy();
+        });
+      }, e.onmouseleave = () => {
+        r.destroy();
+      };
+    },
+    // 在元素被插入到 DOM 前调用
+    beforeMount(e, n, o, d) {
+    },
+    // 在绑定元素的父组件
+    // 及他自己的所有子节点都挂载完成后调用
+    mounted(e, n, o, d) {
+    },
+    // 绑定元素的父组件更新前调用
+    beforeUpdate(e, n, o, d) {
+    },
+    // 在绑定元素的父组件
+    // 及他自己的所有子节点都更新后调用
+    updated(e, n, o, d) {
+    },
+    // 绑定元素的父组件卸载前调用
+    beforeUnmount(e, n, o, d) {
+    },
+    // 绑定元素的父组件卸载后调用
+    unmounted(e, n, o, d) {
+    }
+  };
+}
+export {
+  u as default
+};

package/pc/utils/ApiBase.js

@@ -0,0 +1 @@
+

package/pc/utils/EventBus.js

@@ -0,0 +1,21 @@
+class o {
+  constructor() {
+    this.bus = {};
+  }
+  $on(s, t) {
+    if (this.bus.hasOwnProperty(s)) {
+      console.log("该事件名已订阅过");
+      return;
+    }
+    this.bus[s] = t;
+  }
+  $emit(s, t) {
+    this.bus[s].apply(null, [t]);
+  }
+  $off(s) {
+    delete this.bus[s];
+  }
+}
+export {
+  o as default
+};