npm - c-image - Versions diffs - 1.0.0 - Mend

c-image 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/.env +5 -0
package/.env.development +8 -0
package/.env.production +13 -0
package/.eslintrc.cjs +32 -0
package/.prettierrc.json +8 -0
package/README.md +35 -0
package/index.html +13 -0
package/jsconfig.json +8 -0
package/lib/favicon.ico +0 -0
package/lib/my-vue-library.es.js +409 -0
package/lib/my-vue-library.umd.js +1 -0
package/lib/style.css +1 -0
package/package.json +38 -0
package/public/favicon.ico +0 -0
package/vite.config.js +35 -0

package/.env ADDED Viewed

@@ -0,0 +1,5 @@
+# 平台本地运行端口号
+VITE_PORT = 8848
+# 是否隐藏首页 隐藏 true 不隐藏 false （勿删除，VITE_HIDE_HOME只需在.env文件配置）
+VITE_HIDE_HOME = false

package/.env.development ADDED Viewed

@@ -0,0 +1,8 @@
+# 平台本地运行端口号
+VITE_PORT = 8848
+# 开发环境读取配置文件路径
+VITE_PUBLIC_PATH = /
+# 开发环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
+VITE_ROUTER_HISTORY = "hash"

package/.env.production ADDED Viewed

@@ -0,0 +1,13 @@
+# 线上环境平台打包路径
+VITE_PUBLIC_PATH = /
+# 线上环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
+VITE_ROUTER_HISTORY = "hash"
+# 是否在打包时使用cdn替换本地库 替换 true 不替换 false
+VITE_CDN = false
+# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
+# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+VITE_COMPRESSION = "none"

package/.eslintrc.cjs ADDED Viewed

@@ -0,0 +1,32 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-prettier/skip-formatting',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    // 关闭组件命名规则
+    // 'vue/multi-word-component-names': 'off',
+    // 添加组件命名忽略规则
+    'vue/multi-word-component-names': [
+      'error',
+      {
+        ignores: ['Home', 'User', 'index'], //在这个数组中加入需要忽略的组件名
+      },
+    ],
+  },
+}

package/.prettierrc.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "all"
+}

package/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+# 组件开发模板
+使用vue3开发vue组件，本模板只包含必须的依赖，如需使用插件或UI组件，请自行添加依赖。
+## Recommended IDE Setup
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+## Customize configuration
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+## Project Setup
+```sh
+pnpm install
+```
+### Compile and Hot-Reload for Development
+```sh
+pnpm dev
+```
+### Compile and Minify for Production
+```sh
+pnpm build
+```
+### Lint with [ESLint](https://eslint.org/)
+```sh
+pnpm lint
+```

package/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

package/jsconfig.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}

package/lib/favicon.ico ADDED Viewed

Binary file

package/lib/my-vue-library.es.js ADDED Viewed

@@ -0,0 +1,409 @@
+import { defineComponent as S, createElementBlock as m, openBlock as n, createElementVNode as a, resolveComponent as o, createBlock as k, toDisplayString as C, withCtx as s, createVNode as t, unref as $, ref as v, Fragment as B, createTextVNode as y, renderList as V, normalizeClass as T, normalizeStyle as D } from "vue";
+/*! Element Plus Icons Vue v2.3.2 */
+var X = /* @__PURE__ */ S({
+  name: "ArrowLeft",
+  __name: "arrow-left",
+  setup(e) {
+    return (i, l) => (n(), m("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      a("path", {
+        fill: "currentColor",
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
+      })
+    ]));
+  }
+}), q = X, H = /* @__PURE__ */ S({
+  name: "ArrowRight",
+  __name: "arrow-right",
+  setup(e) {
+    return (i, l) => (n(), m("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      a("path", {
+        fill: "currentColor",
+        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+      })
+    ]));
+  }
+}), O = H, U = /* @__PURE__ */ S({
+  name: "Picture",
+  __name: "picture",
+  setup(e) {
+    return (i, l) => (n(), m("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      a("path", {
+        fill: "currentColor",
+        d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
+      }),
+      a("path", {
+        fill: "currentColor",
+        d: "M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"
+      })
+    ]));
+  }
+}), M = U;
+const w = (e, i) => {
+  const l = e.__vccOpts || e;
+  for (const [d, c] of i)
+    l[d] = c;
+  return l;
+}, W = { class: "wrap" }, G = { class: "name" }, J = { class: "flex justify-center items-center h-full" }, K = {
+  key: 1,
+  class: "flex justify-center items-center h-full"
+}, Q = {
+  __name: "cImageItem",
+  props: {
+    curImageIndex: { type: Number, default: 0 },
+    fit: { type: String, default: "contain" },
+    imgList: { type: Array, default: () => [] },
+    show: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const i = {
+      0: "融合智能识别",
+      1: "声迅智能识别",
+      2: "海康智能识别",
+      3: "讯飞智能识别"
+    };
+    return (l, d) => {
+      const c = o("el-icon"), u = o("el-image");
+      return n(), m("div", W, [
+        a("div", G, C(i[e.curImageIndex]), 1),
+        e.show ? (n(), k(u, {
+          key: 0,
+          class: "image-item",
+          src: e.imgList[e.curImageIndex].url,
+          fit: e.fit,
+          "preview-src-list": e.imgList.map((g) => g.url)
+        }, {
+          error: s(() => [
+            a("div", J, [
+              t(c, null, {
+                default: s(() => [
+                  t($(M))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["src", "fit", "preview-src-list"])) : (n(), m("div", K, [
+          t(c, null, {
+            default: s(() => [
+              t($(M))
+            ]),
+            _: 1
+          })
+        ]))
+      ]);
+    };
+  }
+}, L = /* @__PURE__ */ w(Q, [["__scopeId", "data-v-a887436b"]]), Y = { class: "image-box" }, Z = {
+  __name: "cImageBox",
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    typeList: {
+      type: Array,
+      default: () => [0, 1, 2, 3]
+    }
+  },
+  setup(e) {
+    return (i, l) => {
+      const d = o("el-col"), c = o("el-row"), u = o("el-empty");
+      return n(), m("div", Y, [
+        e.images.length ? (n(), k(c, {
+          key: 0,
+          gutter: 10,
+          class: "content"
+        }, {
+          default: s(() => [
+            t(d, {
+              span: 16,
+              class: "left"
+            }, {
+              default: s(() => [
+                t(L, {
+                  "img-list": e.images,
+                  "cur-image-index": 0,
+                  show: e.typeList.includes(0)
+                }, null, 8, ["img-list", "show"])
+              ]),
+              _: 1
+            }),
+            t(d, {
+              span: 8,
+              class: "right"
+            }, {
+              default: s(() => [
+                t(L, {
+                  "img-list": e.images,
+                  "cur-image-index": 1,
+                  show: e.typeList.includes(1),
+                  class: "item"
+                }, null, 8, ["img-list", "show"]),
+                t(L, {
+                  "img-list": e.images,
+                  "cur-image-index": 2,
+                  show: e.typeList.includes(2),
+                  class: "item"
+                }, null, 8, ["img-list", "show"]),
+                t(L, {
+                  "img-list": e.images,
+                  "cur-image-index": 3,
+                  show: e.typeList.includes(3),
+                  class: "item"
+                }, null, 8, ["img-list", "show"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : (n(), k(u, { key: 1 }, {
+          description: s(() => l[0] || (l[0] = [
+            a("div", null, "点击列表图片查看", -1)
+          ])),
+          _: 1
+        }))
+      ]);
+    };
+  }
+}, F = /* @__PURE__ */ w(Z, [["__scopeId", "data-v-56596cda"]]), ee = { class: "thumbnail-container" }, te = { class: "thumbnails-wrapper" }, le = ["onClick"], se = ["src", "alt"], ne = { class: "thumbnail-title" }, ae = { class: "image-container" }, N = 240, oe = {
+  __name: "cImage",
+  props: {
+    imageList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const i = e, l = v([0, 1, 2, 3]), d = v([]), c = v(-1), u = {
+      0: "融合智能识别",
+      1: "声迅智能识别",
+      2: "海康智能识别",
+      3: "讯飞智能识别"
+    }, g = v(null), h = (R) => {
+      c.value = R;
+      const { items: _ } = i.imageList[R];
+      d.value = _.map((p) => ({
+        ...p,
+        name: u[p.type]
+      }));
+    };
+    let f = 0, r = 0;
+    const x = () => {
+      r !== i.imageList.length && (r++, f -= N, g.value.style.transform = `translateX(${f}px)`);
+    }, A = () => {
+      r !== 0 && (r--, f += N, g.value.style.transform = `translateX(${f}px)`);
+    };
+    return (R, _) => {
+      const p = o("el-checkbox"), j = o("el-checkbox-group"), P = o("el-form-item"), E = o("el-form"), z = o("el-button");
+      return n(), m(B, null, [
+        t(E, { ref: "form" }, {
+          default: s(() => [
+            t(P, { label: "智能结果展示" }, {
+              default: s(() => [
+                t(j, {
+                  modelValue: l.value,
+                  "onUpdate:modelValue": _[0] || (_[0] = (b) => l.value = b),
+                  min: 1
+                }, {
+                  default: s(() => [
+                    t(p, { label: 0 }, {
+                      default: s(() => _[1] || (_[1] = [
+                        y("融合智能识别")
+                      ])),
+                      _: 1,
+                      __: [1]
+                    }),
+                    t(p, { label: 1 }, {
+                      default: s(() => _[2] || (_[2] = [
+                        y("声迅智能识别")
+                      ])),
+                      _: 1,
+                      __: [2]
+                    }),
+                    t(p, { label: 2 }, {
+                      default: s(() => _[3] || (_[3] = [
+                        y("海康智能识别")
+                      ])),
+                      _: 1,
+                      __: [3]
+                    }),
+                    t(p, { label: 3 }, {
+                      default: s(() => _[4] || (_[4] = [
+                        y("讯飞智能识别")
+                      ])),
+                      _: 1,
+                      __: [4]
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512),
+        a("div", ee, [
+          t(z, {
+            class: "arrow-button",
+            icon: $(q),
+            circle: "",
+            onClick: x
+          }, null, 8, ["icon"]),
+          a("div", te, [
+            a("div", {
+              ref_key: "thumbNavRef",
+              ref: g,
+              class: "thumbnail-nav"
+            }, [
+              (n(!0), m(B, null, V(e.imageList, (b, I) => (n(), m("div", {
+                key: I,
+                class: T(["thumbnail", { active: c.value === I }]),
+                onClick: (ge) => h(I)
+              }, [
+                a("img", {
+                  src: b.items[0].url,
+                  alt: `缩略图 ${I + 1}`,
+                  style: { "object-fit": "contain" }
+                }, null, 8, se),
+                a("span", ne, C(u[b.items[0].type]), 1)
+              ], 10, le))), 128))
+            ], 512)
+          ]),
+          t(z, {
+            class: "arrow-button",
+            icon: $(O),
+            circle: "",
+            onClick: A
+          }, null, 8, ["icon"])
+        ]),
+        a("div", ae, [
+          t(F, {
+            images: d.value,
+            "type-list": l.value
+          }, null, 8, ["images", "type-list"])
+        ])
+      ], 64);
+    };
+  }
+}, ie = /* @__PURE__ */ w(oe, [["__scopeId", "data-v-9ccb063a"]]), ce = { class: "info" }, re = { class: "info" }, me = {
+  __name: "cImageList",
+  props: {
+    imageList: {
+      type: Array,
+      default: () => []
+    },
+    width: {
+      type: String,
+      default: "800px"
+    },
+    countPerRow: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: ["downFile", "showDetail"],
+  setup(e, { emit: i }) {
+    const l = i, d = (u) => {
+      l("downFile", u);
+    }, c = (u) => {
+      l("showDetail", u);
+    };
+    return (u, g) => {
+      const h = o("el-image"), f = o("el-button");
+      return n(!0), m(B, null, V(e.imageList, (r, x) => (n(), m("div", {
+        key: x,
+        class: "img-item",
+        style: D({ width: 100 / e.countPerRow + "%" })
+      }, [
+        t(h, {
+          src: r.srcList[0],
+          style: { height: "300px", width: "240px" },
+          "zoom-rate": 1.2,
+          "max-scale": 7,
+          "min-scale": 0.2,
+          "show-progress": "",
+          "initial-index": x,
+          fit: "contain",
+          onClick: (A) => c(r)
+        }, null, 8, ["src", "initial-index", "onClick"]),
+        a("span", ce, C(r.time), 1),
+        a("span", re, C(r.name), 1),
+        t(f, {
+          type: "primary",
+          size: "small",
+          onClick: (A) => d(r)
+        }, {
+          default: s(() => g[0] || (g[0] = [
+            y("下载")
+          ])),
+          _: 2,
+          __: [0]
+        }, 1032, ["onClick"])
+      ], 4))), 128);
+    };
+  }
+}, ue = /* @__PURE__ */ w(me, [["__scopeId", "data-v-c9a26924"]]), _e = {
+  __name: "cImageScroll",
+  props: {
+    imageList: {
+      type: Array,
+      default: () => []
+    },
+    scrollBg: {
+      type: String,
+      default: "#ffffff"
+    }
+  },
+  setup(e, { expose: i }) {
+    const l = v(null);
+    return i({ setActive: (c) => {
+      l.value.setActiveItem(c);
+    } }), (c, u) => {
+      const g = o("CImageBox"), h = o("el-carousel-item"), f = o("el-carousel");
+      return n(), m("div", {
+        class: "c-image-scroll",
+        style: D({ background: e.scrollBg })
+      }, [
+        t(f, {
+          ref_key: "carouselRef",
+          ref: l,
+          arrow: "always",
+          trigger: "click",
+          autoplay: !1,
+          height: "100%",
+          style: { height: "100%" }
+        }, {
+          default: s(() => [
+            (n(!0), m(B, null, V(e.imageList, (r) => (n(), k(h, { key: r }, {
+              default: s(() => [
+                t(g, {
+                  images: r.items
+                }, null, 8, ["images"])
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }, 512)
+      ], 4);
+    };
+  }
+}, de = /* @__PURE__ */ w(_e, [["__scopeId", "data-v-7f12f7d7"]]), pe = {
+  install(e) {
+    e.component("CImage", ie).component("CImageBox", F).component("CImageList", ue).component("CImageScroll", de);
+  }
+};
+export {
+  pe as default
+};

package/lib/my-vue-library.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/lib/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";.wrap[data-v-a887436b]{width:100%;height:100%;position:relative;border:1px solid #eee}.wrap .name[data-v-a887436b]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.wrap .image-item[data-v-a887436b]{width:100%;height:100%}.image-box[data-v-56596cda]{width:100%;height:100%;position:relative;overflow-y:auto}.image-box .content[data-v-56596cda]{width:100%;height:100%}.image-box .content .left[data-v-56596cda],.image-box .content .right[data-v-56596cda]{height:100%;display:flex;flex-direction:column}.image-box .content .left .item[data-v-56596cda],.image-box .content .right .item[data-v-56596cda]{flex:1;overflow:hidden}.empty-state[data-v-56596cda]{padding:40px 0;text-align:center;color:#999;border:1px dashed #ddd;border-radius:8px;margin-top:15px}.image-container[data-v-9ccb063a]{height:100%;position:relative;overflow-y:auto}.thumbnail-container[data-v-9ccb063a]{width:100%;margin-top:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.thumbnail-container .thumbnails-wrapper[data-v-9ccb063a]{flex:1;display:flex;overflow-x:auto}.thumbnail-container .thumbnails-wrapper .thumbnail-nav[data-v-9ccb063a]{display:flex;gap:10px}.thumbnail[data-v-9ccb063a]{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s;box-sizing:border-box;border:2px solid #e0e0e0}.thumbnail.active[data-v-9ccb063a]{opacity:1;border:2px solid #2196f3}.thumbnail .thumbnail-title[data-v-9ccb063a]{position:absolute;right:5px;top:5px;font-size:12px;color:#666}.thumbnail img[data-v-9ccb063a]{width:100%;height:100%;object-fit:cover;display:block;text-align:center;line-height:9}.thumbnail-nav[data-v-9ccb063a]::-webkit-scrollbar{display:none}.thumbnail-nav[data-v-9ccb063a]{-ms-overflow-style:none;scrollbar-width:none}.thumbnail-nav[data-v-9ccb063a]:before,.thumbnail-nav[data-v-9ccb063a]:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}.thumbnail-nav[data-v-9ccb063a]:before{left:0;background:linear-gradient(to right,#fff,transparent)}.thumbnail-nav[data-v-9ccb063a]:after{right:0;background:linear-gradient(to left,#fff,transparent)}.info-meta p[data-v-9ccb063a]{margin-bottom:10px;color:#666;font-size:14px;display:flex}.info-meta span[data-v-9ccb063a]{width:80px;color:#999}@keyframes fadeInUp-9ccb063a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.thumbnail-container[data-v-9ccb063a]{height:100px}}.icon-plus[data-v-9ccb063a]:before{content:"+";font-weight:700}.img-item[data-v-c9a26924]{position:relative;display:flex;flex-direction:column;align-items:center}.img-item[data-v-c9a26924] .el-image{cursor:pointer}.img-item .info[data-v-c9a26924]{line-height:25px;font-size:14px}.img-item .big-img-wrap[data-v-c9a26924]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.c-image-scroll[data-v-7f12f7d7]{width:100%;height:100%}

package/package.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+  "name": "c-image",
+  "version": "1.0.0",
+  "type": "module",
+  "author": "",
+  "license": "MIT",
+  "description": "封装vue3组件库",
+  "keywords": [
+    "vue3",
+    "封装组件库"
+  ],
+  "main": "lib/my-vue-library.es.js",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "element-plus": "^2.11.4",
+    "pinia": "^2.1.7",
+    "vue": "^3.4.29",
+    "vue-router": "^4.3.3"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.8.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "prettier": "^3.2.5",
+    "sass-embedded": "^1.97.0",
+    "vite": "^5.3.1"
+  }
+}

package/public/favicon.ico ADDED Viewed

Binary file

package/vite.config.js ADDED Viewed

@@ -0,0 +1,35 @@
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { resolve } from 'path'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  build: {
+    outDir: 'lib',
+    lib: {
+      entry: resolve(__dirname, './packages/index.js'), // 指定入口文件，通常是index.ts或index.js，用于导出所有组件
+      name: 'MyVueLibrary', // 库的名字，将会作为UMD模块的名字和包名的一部分
+      fileName: (format) => `my-vue-library.${format}.js`, // 指定输出文件的命名规则
+    },
+    rollupOptions: {
+      // 配置打包选项
+      // 确保外部化处理那些你不想打包进库的依赖
+      external: ['vue'],
+      output: {
+        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    },
+  },
+})