geekplus-digital-ui 0.1.0 → 0.1.2

package/README.md

@@ -1,74 +1 @@
 # Geekplus Digital UI
-
-极智嘉数字化 Vue 3 组件库，基于 Element Plus 进行业务封装和样式定制。
-
-## 在线文档
-
-[https://ui.geekplus.cc/](https://ui.geekplus.cc/)
-
-## 开发规范
-
-本规范为组件库开发的基本原则与价值观，用于指导组件设计方向与技术选型。具体实现细则将随着组件库发展逐步补充。
-
-1. 项目使用 pnpm 进行包管理。
-2. 代码统一使用 ESLint 进行格式化，提交代码前请确保代码格式正确。
-3. 开发请严格遵循 Vue 3 规范，推荐使用 Composition API。
-4. 样式请使用 SCSS 编写，遵循 BEM 命名规范。
-5. 组件国际化请使用 Vue I18n 进行处理。
-6. 业务逻辑解耦，不得有与业务强耦合的代码及接口存在组件内。
-7. 易于扩展和维护，组件设计需考虑复用性和可配置性。
-8. 遵循 npm 包管理规范，确保版本控制清晰。
-9. 文档请使用 VitePress 进行编写，确保文档清晰易懂。
-10. 提交代码前请确保所有单元测试通过。
-
-## 目录结构
-
-开发核心目录说明：
-
-- docs（文档目录）
-- play（调试目录）
-- packages（组件目录）
-  - components（组件集合）
-  - hooks（钩子函数集合）
-  - locale（国际化文件）
-  - utils（工具函数集合）
-
-## 快速开始
-
-### 安装依赖
-
-```bash
-pnpm install
-```
-
-### 启动调试
-
-```bash
-pnpm run dev
-```
-
-### 构建组件库
-
-```bash
-pnpm run build
-```
-
-### 运行文档
-
-```bash
-pnpm run docs:dev
-```
-
-### 构建文档
-
-```bash
-pnpm run docs:build
-```
-
-### 发布组件库
-
-发布前请确保已正确设置 `package.json` 中的版本号及相关信息。
-
-```bash
-pnpm publish
-```

package/esm/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/esm/components/copy/index.js

@@ -0,0 +1,5 @@
+import o from "./src/copy.vue.js";
+const r = o;
+export {
+  r as DCopy
+};

package/esm/components/copy/src/copy-icon.vue.js

@@ -0,0 +1,18 @@
+import { openBlock as l, createElementBlock as o, createElementVNode as e } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 448 512"
+};
+function s(f, c) {
+  return l(), o("svg", n, [...c[0] || (c[0] = [
+    e("path", {
+      fill: "currentColor",
+      d: "M160 64c0-17.7 14.3-32 32-32l132.1 0c8.5 0 16.6 3.4 22.6 9.4l59.9 59.9c6 6 9.4 14.1 9.4 22.6L416 320c0 17.7-14.3 32-32 32l-192 0c-17.7 0-32-14.3-32-32l0-256zM192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-196.1c0-17-6.7-33.3-18.7-45.3L369.4 18.7C357.4 6.7 341.1 0 324.1 0L192 0zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-16-32 0 0 16c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l16 0 0-32-16 0z"
+    }, null, -1)
+  ])]);
+}
+const _ = /* @__PURE__ */ t(r, [["render", s]]);
+export {
+  _ as default
+};

package/esm/components/copy/src/copy.vue.js

@@ -0,0 +1,81 @@
+import { ref as p, toRef as d, computed as f, onMounted as x, onBeforeUnmount as L, openBlock as s, createBlock as v, unref as y, withModifiers as S, normalizeStyle as M, withCtx as g, createElementBlock as N, normalizeClass as B, createVNode as b, renderSlot as w, createCommentVNode as I } from "vue";
+import { useClipboard as R } from "@vueuse/core";
+import { ElLink as $, ElIcon as z, ElMessage as V } from "element-plus";
+import { useLocale as j } from "../../../hooks/use-locale/index.js";
+import D from "./copy-icon.vue.js";
+import '../../../../assets/components/copy/src/copy-B7_9JShm.css';/* empty css          */
+import H from "../../../_virtual/_plugin-vue_export-helper.js";
+const O = /* @__PURE__ */ Object.assign({
+  name: "DCopy"
+}, {
+  __name: "copy",
+  props: {
+    text: String,
+    type: {
+      type: String,
+      default: "primary"
+    },
+    icon: String,
+    triggerElement: String
+    // 触发元素显示的dom，不设置就一直显示
+  },
+  setup(a, { expose: E }) {
+    const o = a, r = p(null), l = p(!1), h = d(o, "text"), u = d(o, "icon"), { copy: k } = R({
+      source: h
+    }), { t: C } = j(), e = f(() => {
+      const n = r.value?.$el ?? r.value;
+      if (!o.triggerElement || !n)
+        return null;
+      let t = n.parentNode;
+      for (; t; ) {
+        if (t.matches(o.triggerElement))
+          return t;
+        t = t.parentNode;
+      }
+      return null;
+    }), _ = f(() => ({
+      display: o.triggerElement && !l.value ? "none" : ""
+    })), c = () => {
+      k().then(() => {
+        V.success(C("d.copy.success"));
+      });
+    }, i = () => {
+      l.value = !0;
+    }, m = () => {
+      l.value = !1;
+    };
+    return x(() => {
+      e.value && (e.value.addEventListener("mouseenter", i), e.value.addEventListener("mouseleave", m));
+    }), L(() => {
+      e.value && (e.value.removeEventListener("mouseenter", i), e.value.removeEventListener("mouseleave", m));
+    }), E({
+      rootRef: r,
+      handleCopy: c
+    }), (n, t) => (s(), v(y($), {
+      ref_key: "rootRef",
+      ref: r,
+      class: "d-copy",
+      type: a.type,
+      underline: "never",
+      style: M(_.value),
+      onClick: S(c, ["stop"])
+    }, {
+      default: g(() => [
+        u.value ? (s(), N("i", {
+          key: 0,
+          class: B(u.value)
+        }, null, 2)) : (s(), v(y(z), { key: 1 }, {
+          default: g(() => [
+            b(D)
+          ]),
+          _: 1
+        })),
+        n.$slots.default ? w(n.$slots, "default", { key: 2 }, void 0, !0) : I("", !0)
+      ]),
+      _: 3
+    }, 8, ["type", "style"]));
+  }
+}), P = /* @__PURE__ */ H(O, [["__scopeId", "data-v-cad5f2ba"]]);
+export {
+  P as default
+};

package/esm/components/index.js

@@ -0,0 +1,4 @@
+import { DCopy as r } from "./copy/index.js";
+export {
+  r as DCopy
+};

package/esm/geekplus-digital-ui/index.js

@@ -0,0 +1,19 @@
+import { install as o } from "./install.js";
+import { DCopy as f } from "../components/copy/index.js";
+import { useLocale as p } from "../hooks/use-locale/index.js";
+import { default as n } from "../locale/lang/en.js";
+import { default as x } from "../locale/lang/zh-cn.js";
+import { getLocale as c, initI18n as d, setLocale as u, t as L } from "../locale/i18n.js";
+const t = { install: o };
+export {
+  f as DCopy,
+  t as default,
+  n as en,
+  c as getLocale,
+  d as initI18n,
+  o as install,
+  u as setLocale,
+  L as t,
+  p as useLocale,
+  x as zhCn
+};

package/esm/geekplus-digital-ui/install.js

@@ -0,0 +1,11 @@
+import { initI18n as s } from "../locale/i18n.js";
+import * as a from "../components/index.js";
+const c = (n, o = {}) => {
+  const { locale: t } = o, e = s(t);
+  n.use(e), Object.values(a).forEach((i) => {
+    i?.name && n.component(i.name, i);
+  });
+};
+export {
+  c as install
+};

package/esm/hooks/use-locale/index.js

@@ -0,0 +1,9 @@
+import { setLocale as e, getLocale as o, t } from "../../locale/i18n.js";
+const a = () => ({
+  t,
+  getLocale: o,
+  setLocale: e
+});
+export {
+  a as useLocale
+};

package/esm/locale/i18n.js

@@ -0,0 +1,29 @@
+import { createI18n as i } from "vue-i18n";
+import r from "./lang/en.js";
+const o = "en", f = {
+  [r.name]: r
+};
+let a;
+const s = (n) => n ? typeof n == "string" ? n : typeof n == "object" && n.name ? n.name : o : o, t = (n) => (a || (a = i({
+  legacy: !1,
+  locale: s(n),
+  fallbackLocale: o,
+  messages: { ...f }
+})), a), c = (n) => {
+  if (!n || typeof n != "object")
+    return;
+  const e = s(n);
+  t(n).global.setLocaleMessage(e, n);
+}, b = (n) => {
+  const e = t(n);
+  return c(n), e.global.locale.value = s(n), e;
+}, L = (n) => {
+  const e = t(n);
+  c(n), e.global.locale.value = s(n);
+}, l = () => t().global.locale.value, p = (...n) => t().global.t(...n);
+export {
+  l as getLocale,
+  b as initI18n,
+  L as setLocale,
+  p as t
+};

package/esm/locale/lang/en.js

@@ -0,0 +1,11 @@
+const s = {
+  name: "en",
+  d: {
+    copy: {
+      success: "Copy successful"
+    }
+  }
+};
+export {
+  s as default
+};

package/esm/locale/lang/zh-cn.js

@@ -0,0 +1,11 @@
+const c = {
+  name: "zh-cn",
+  d: {
+    copy: {
+      success: "复制成功"
+    }
+  }
+};
+export {
+  c as default
+};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
-  "main": "esm/index.js",
-  "module": "esm/index.js",
+  "main": "esm/geekplus-digital-ui/index.js",
+  "module": "esm/geekplus-digital-ui/index.js",
   "exports": {
     ".": {
-      "import": "./esm/index.js"
+      "import": "./esm/geekplus-digital-ui/index.js"
     }
   },
   "sideEffects": [

package/esm/index.js

@@ -1,150 +0,0 @@
-import { createI18n as N } from "vue-i18n";
-import { openBlock as u, createElementBlock as M, createElementVNode as j, ref as g, toRef as _, computed as L, onMounted as O, onBeforeUnmount as B, createBlock as E, unref as b, withModifiers as $, normalizeStyle as D, withCtx as C, normalizeClass as R, createVNode as V, renderSlot as A, createCommentVNode as T } from "vue";
-import { useClipboard as U } from "@vueuse/core";
-import { ElLink as F, ElIcon as H, ElMessage as P } from "element-plus";
-const h = {
-  name: "en",
-  d: {
-    copy: {
-      success: "Copy successful"
-    }
-  }
-}, ie = {
-  name: "zh-cn",
-  d: {
-    copy: {
-      success: "复制成功"
-    }
-  }
-}, m = "en", q = {
-  [h.name]: h
-};
-let f;
-const i = (e) => e ? typeof e == "string" ? e : typeof e == "object" && e.name ? e.name : m : m, a = (e) => (f || (f = N({
-  legacy: !1,
-  locale: i(e),
-  fallbackLocale: m,
-  messages: { ...q }
-})), f), k = (e) => {
-  if (!e || typeof e != "object")
-    return;
-  const t = i(e);
-  a(e).global.setLocaleMessage(t, e);
-}, G = (e) => {
-  const t = a(e);
-  return k(e), t.global.locale.value = i(e), t;
-}, J = (e) => {
-  const t = a(e);
-  k(e), t.global.locale.value = i(e);
-}, K = () => a().global.locale.value, Q = (...e) => a().global.t(...e), W = () => ({
-  t: Q,
-  getLocale: K,
-  setLocale: J
-}), x = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [s, o] of t)
-    n[s] = o;
-  return n;
-}, X = {}, Y = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512"
-};
-function Z(e, t) {
-  return u(), M("svg", Y, [...t[0] || (t[0] = [
-    j("path", {
-      fill: "currentColor",
-      d: "M160 64c0-17.7 14.3-32 32-32l132.1 0c8.5 0 16.6 3.4 22.6 9.4l59.9 59.9c6 6 9.4 14.1 9.4 22.6L416 320c0 17.7-14.3 32-32 32l-192 0c-17.7 0-32-14.3-32-32l0-256zM192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-196.1c0-17-6.7-33.3-18.7-45.3L369.4 18.7C357.4 6.7 341.1 0 324.1 0L192 0zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-16-32 0 0 16c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l16 0 0-32-16 0z"
-    }, null, -1)
-  ])]);
-}
-const ee = /* @__PURE__ */ x(X, [["render", Z]]), te = /* @__PURE__ */ Object.assign({
-  name: "DCopy"
-}, {
-  __name: "copy",
-  props: {
-    text: String,
-    type: {
-      type: String,
-      default: "primary"
-    },
-    icon: String,
-    triggerElement: String
-    // 触发元素显示的dom，不设置就一直显示
-  },
-  setup(e, { expose: t }) {
-    const n = e, s = g(null), o = g(!1), z = _(n, "text"), d = _(n, "icon"), { copy: w } = U({
-      source: z
-    }), { t: I } = W(), c = L(() => {
-      const l = s.value?.$el ?? s.value;
-      if (!n.triggerElement || !l)
-        return null;
-      let r = l.parentNode;
-      for (; r; ) {
-        if (r.matches(n.triggerElement))
-          return r;
-        r = r.parentNode;
-      }
-      return null;
-    }), S = L(() => ({
-      display: n.triggerElement && !o.value ? "none" : ""
-    })), p = () => {
-      w().then(() => {
-        P.success(I("d.copy.success"));
-      });
-    }, v = () => {
-      o.value = !0;
-    }, y = () => {
-      o.value = !1;
-    };
-    return O(() => {
-      c.value && (c.value.addEventListener("mouseenter", v), c.value.addEventListener("mouseleave", y));
-    }), B(() => {
-      c.value && (c.value.removeEventListener("mouseenter", v), c.value.removeEventListener("mouseleave", y));
-    }), t({
-      rootRef: s,
-      handleCopy: p
-    }), (l, r) => (u(), E(b(F), {
-      ref_key: "rootRef",
-      ref: s,
-      class: "d-copy",
-      type: e.type,
-      underline: "never",
-      style: D(S.value),
-      onClick: $(p, ["stop"])
-    }, {
-      default: C(() => [
-        d.value ? (u(), M("i", {
-          key: 0,
-          class: R(d.value)
-        }, null, 2)) : (u(), E(b(H), { key: 1 }, {
-          default: C(() => [
-            V(ee)
-          ]),
-          _: 1
-        })),
-        l.$slots.default ? A(l.$slots, "default", { key: 2 }, void 0, !0) : T("", !0)
-      ]),
-      _: 3
-    }, 8, ["type", "style"]));
-  }
-}), ne = /* @__PURE__ */ x(te, [["__scopeId", "data-v-cad5f2ba"]]), oe = ne, se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DCopy: oe
-}, Symbol.toStringTag, { value: "Module" })), ce = (e, t = {}) => {
-  const { locale: n } = t, s = G(n);
-  e.use(s), Object.values(se).forEach((o) => {
-    o?.name && e.component(o.name, o);
-  });
-}, fe = { install: ce };
-export {
-  oe as DCopy,
-  fe as default,
-  h as en,
-  K as getLocale,
-  G as initI18n,
-  ce as install,
-  J as setLocale,
-  Q as t,
-  W as useLocale,
-  ie as zhCn
-};