jgy-public-component 0.0.2 → 0.0.3

package/dist/components/JIconRender/JIconRender.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/JIconRender/index.d.ts

@@ -0,0 +1,2 @@
+export { default as JIconRender } from './JIconRender';
+export type { JIconRenderProps } from './types';

package/dist/components/JIconRender/types.d.ts

@@ -0,0 +1,3 @@
+export interface JIconRenderProps {
+    icon: string;
+}

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 import { App } from 'vue';
 import { JButton } from './components/JButton';
 import { JUploadImg } from './components/JUploadImg';
+import { JIconRender } from './components/JIconRender';
 
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { JButton, JUploadImg };
+export { JButton, JUploadImg, JIconRender };
 export type { ButtonType, ButtonSize } from './components/JButton';
 export type { JUploadImgProps, JUploadImgEmits, ImageItem } from './components/JUploadImg';
+export type { JIconRenderProps } from './components/JIconRender';

package/dist/index.js

@@ -1,14 +1,15 @@
-import { defineComponent as D, openBlock as t, createElementBlock as d, normalizeClass as R, createCommentVNode as v, renderSlot as O, ref as w, watch as Z, resolveComponent as _, createVNode as n, unref as m, withCtx as f, createElementVNode as j, withModifiers as C, createBlock as g, Fragment as q, toDisplayString as I } from "vue";
+import { defineComponent as $, openBlock as t, createElementBlock as u, normalizeClass as A, createCommentVNode as g, renderSlot as O, ref as w, watch as Z, resolveComponent as _, createVNode as d, unref as c, withCtx as f, createElementVNode as j, withModifiers as C, createBlock as p, Fragment as q, toDisplayString as F, mergeProps as G } from "vue";
 import { ElMessage as y } from "element-plus";
-import { Delete as S, Plus as E, Loading as U, ZoomIn as G } from "@element-plus/icons-vue";
-import H from "vuedraggable";
-const K = ["disabled"], Q = {
+import { Delete as S, Plus as E, Loading as U, ZoomIn as H } from "@element-plus/icons-vue";
+import K from "vuedraggable";
+import { Icon as Q } from "@iconify/vue";
+const W = ["disabled"], X = {
   key: 0,
   class: "j-button__loading-icon"
-}, W = {
+}, Y = {
   key: 1,
   class: "j-button__text"
-}, X = /* @__PURE__ */ D({
+}, ee = /* @__PURE__ */ $({
   __name: "JButton",
   props: {
     type: { default: "default" },
@@ -19,13 +20,13 @@ const K = ["disabled"], Q = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: u }) {
-    const l = e, c = u;
-    function s(p) {
-      !l.disabled && !l.loading && c("click", p);
+  setup(e, { emit: n }) {
+    const l = e, r = n;
+    function s(v) {
+      !l.disabled && !l.loading && r("click", v);
     }
-    return (p, V) => (t(), d("button", {
-      class: R(["j-button", [
+    return (v, V) => (t(), u("button", {
+      class: A(["j-button", [
         `j-button--${e.type}`,
         `j-button--${e.size}`,
         {
@@ -38,27 +39,27 @@ const K = ["disabled"], Q = {
       disabled: e.disabled || e.loading,
       onClick: s
     }, [
-      e.loading ? (t(), d("span", Q)) : v("", !0),
-      p.$slots.default ? (t(), d("span", W, [
-        O(p.$slots, "default", {}, void 0, !0)
-      ])) : v("", !0)
-    ], 10, K));
+      e.loading ? (t(), u("span", X)) : g("", !0),
+      v.$slots.default ? (t(), u("span", Y, [
+        O(v.$slots, "default", {}, void 0, !0)
+      ])) : g("", !0)
+    ], 10, W));
   }
-}), J = (e, u) => {
+}), D = (e, n) => {
   const l = e.__vccOpts || e;
-  for (const [c, s] of u)
-    l[c] = s;
+  for (const [r, s] of n)
+    l[r] = s;
   return l;
-}, Y = /* @__PURE__ */ J(X, [["__scopeId", "data-v-22864824"]]), ee = { class: "j-upload-img-container" }, te = {
+}, te = /* @__PURE__ */ D(ee, [["__scopeId", "data-v-22864824"]]), le = { class: "j-upload-img-container" }, ae = {
   key: 0,
   class: "images-wrapper"
-}, le = { class: "image-item" }, ae = ["onClick"], ie = {
+}, ie = { class: "image-item" }, oe = ["onClick"], ne = {
   key: 0,
   class: "image-item single-image-item"
-}, oe = { class: "image-actions" }, se = {
+}, se = { class: "image-actions" }, de = {
   key: 2,
   class: "upload-tip"
-}, ne = { key: 0 }, de = /* @__PURE__ */ D({
+}, ce = { key: 0 }, ue = /* @__PURE__ */ $({
   name: "JUploadImg",
   __name: "JUploadImg",
   props: {
@@ -73,25 +74,25 @@ const K = ["disabled"], Q = {
     uploadFn: { type: Function, default: void 0 }
   },
   emits: ["update:modelValue", "success", "error"],
-  setup(e, { emit: u }) {
-    const l = e, c = u, s = w(""), p = w(!1), V = l.showTip, M = () => {
-      p.value = !0;
-    }, T = () => {
-      s.value = "", c("update:modelValue", ""), y.success("删除成功");
-    }, r = w([]), h = w(!1), L = (a) => {
-      r.value = a.map((i, o) => ({
+  setup(e, { emit: n }) {
+    const l = e, r = n, s = w(""), v = w(!1), V = l.showTip, M = () => {
+      v.value = !0;
+    }, R = () => {
+      s.value = "", r("update:modelValue", ""), y.success("删除成功");
+    }, m = w([]), h = w(!1), P = (a) => {
+      m.value = a.map((i, o) => ({
         uid: Date.now() + o,
         url: i
       }));
     };
     Z(() => l.modelValue, (a) => {
-      l.multiple ? Array.isArray(a) && a.length > 0 ? L(a) : r.value = [] : typeof a == "string" ? s.value = a : s.value = "";
+      l.multiple ? Array.isArray(a) && a.length > 0 ? P(a) : m.value = [] : typeof a == "string" ? s.value = a : s.value = "";
     }, { immediate: !0 });
-    const N = () => {
+    const T = () => {
       B();
-    }, P = (a) => {
-      r.value.splice(a, 1), B(), y.success("删除成功");
-    }, $ = async (a) => {
+    }, L = (a) => {
+      m.value.splice(a, 1), B(), y.success("删除成功");
+    }, I = async (a) => {
       const i = a.raw;
       if (!i) {
         y.error("文件不存在，请重试");
@@ -108,159 +109,173 @@ const K = ["disabled"], Q = {
       try {
         h.value = !0;
         const o = await l.uploadFn(i);
-        l.multiple ? (r.value.push({ uid: Date.now(), url: o }), B()) : (s.value = o, c("update:modelValue", o)), c("success", o), y.success("上传成功");
+        l.multiple ? (m.value.push({ uid: Date.now(), url: o }), B()) : (s.value = o, r("update:modelValue", o)), r("success", o), y.success("上传成功");
       } catch (o) {
-        console.error("上传出错:", o), y.error("上传失败，请重试"), c("error", o);
+        console.error("上传出错:", o), y.error("上传失败，请重试"), r("error", o);
       } finally {
         h.value = !1;
       }
     }, B = () => {
-      const a = r.value.map((i) => i.url);
-      c("update:modelValue", a);
+      const a = m.value.map((i) => i.url);
+      r("update:modelValue", a);
     };
     return (a, i) => {
-      const o = _("el-image"), b = _("el-icon"), x = _("el-upload"), A = _("el-image-viewer");
-      return t(), d("div", ee, [
-        e.multiple ? (t(), d("div", te, [
-          n(m(H), {
-            modelValue: r.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (k) => r.value = k),
+      const o = _("el-image"), b = _("el-icon"), x = _("el-upload"), N = _("el-image-viewer");
+      return t(), u("div", le, [
+        e.multiple ? (t(), u("div", ae, [
+          d(c(K), {
+            modelValue: m.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (k) => m.value = k),
             class: "images-list",
             "item-key": "uid",
             animation: 200,
             disabled: e.disabled,
-            onEnd: N
+            onEnd: T
           }, {
-            item: f(({ element: k, index: z }) => [
-              j("div", le, [
-                n(o, {
+            item: f(({ element: k, index: J }) => [
+              j("div", ie, [
+                d(o, {
                   src: k.url,
-                  "preview-src-list": r.value.map((F) => F.url),
-                  "initial-index": z,
+                  "preview-src-list": m.value.map((z) => z.url),
+                  "initial-index": J,
                   fit: "cover",
                   class: "image-preview",
                   "preview-teleported": !0,
                   "hide-on-click-modal": !0
                 }, null, 8, ["src", "preview-src-list", "initial-index"]),
-                e.disabled ? v("", !0) : (t(), d("div", {
+                e.disabled ? g("", !0) : (t(), u("div", {
                   key: 0,
                   class: "delete-btn",
-                  onClick: C((F) => P(z), ["stop"])
+                  onClick: C((z) => L(J), ["stop"])
                 }, [
-                  n(b, { class: "icon-delete" }, {
+                  d(b, { class: "icon-delete" }, {
                     default: f(() => [
-                      n(m(S))
+                      d(c(S))
                     ]),
                     _: 1
                   })
-                ], 8, ae))
+                ], 8, oe))
               ])
             ]),
             _: 1
           }, 8, ["modelValue", "disabled"]),
-          !e.disabled && (!e.limit || r.value.length < e.limit) ? (t(), g(x, {
+          !e.disabled && (!e.limit || m.value.length < e.limit) ? (t(), p(x, {
             key: 0,
             class: "image-uploader",
             "auto-upload": !1,
             "show-file-list": !1,
-            "on-change": $,
+            "on-change": I,
             disabled: h.value,
             "list-type": "picture-card",
             accept: e.accept
           }, {
             default: f(() => [
-              h.value ? (t(), g(b, {
+              h.value ? (t(), p(b, {
                 key: 1,
                 class: "uploader-icon is-loading"
               }, {
                 default: f(() => [
-                  n(m(U))
+                  d(c(U))
                 ]),
                 _: 1
-              })) : (t(), g(b, {
+              })) : (t(), p(b, {
                 key: 0,
                 class: "uploader-icon"
               }, {
                 default: f(() => [
-                  n(m(E))
+                  d(c(E))
                 ]),
                 _: 1
               }))
             ]),
             _: 1
-          }, 8, ["disabled", "accept"])) : v("", !0)
-        ])) : (t(), d(q, { key: 1 }, [
-          s.value ? (t(), d("div", ie, [
-            n(o, {
+          }, 8, ["disabled", "accept"])) : g("", !0)
+        ])) : (t(), u(q, { key: 1 }, [
+          s.value ? (t(), u("div", ne, [
+            d(o, {
               src: s.value,
               fit: "cover",
               class: "image-preview"
             }, null, 8, ["src"]),
-            j("div", oe, [
-              n(b, {
+            j("div", se, [
+              d(b, {
                 class: "action-icon",
                 onClick: C(M, ["stop"])
               }, {
                 default: f(() => [
-                  n(m(G))
+                  d(c(H))
                 ]),
                 _: 1
               }),
-              e.disabled ? v("", !0) : (t(), g(b, {
+              e.disabled ? g("", !0) : (t(), p(b, {
                 key: 0,
                 class: "action-icon",
-                onClick: C(T, ["stop"])
+                onClick: C(R, ["stop"])
               }, {
                 default: f(() => [
-                  n(m(S))
+                  d(c(S))
                 ]),
                 _: 1
               }))
             ])
-          ])) : (t(), g(x, {
+          ])) : (t(), p(x, {
             key: 1,
             class: "image-uploader",
             "auto-upload": !1,
             "show-file-list": !1,
-            "on-change": $,
+            "on-change": I,
             disabled: e.disabled || h.value,
+            accept: e.accept,
             "list-type": "picture-card"
           }, {
             default: f(() => [
-              n(b, { class: "uploader-icon" }, {
+              d(b, { class: "uploader-icon" }, {
                 default: f(() => [
-                  h.value ? (t(), g(m(U), {
+                  h.value ? (t(), p(c(U), {
                     key: 1,
                     class: "is-loading"
-                  })) : (t(), g(m(E), { key: 0 }))
+                  })) : (t(), p(c(E), { key: 0 }))
                 ]),
                 _: 1
               })
             ]),
             _: 1
-          }, 8, ["disabled"])),
-          p.value ? (t(), g(A, {
+          }, 8, ["disabled", "accept"])),
+          v.value ? (t(), p(N, {
             key: 2,
             "url-list": [s.value],
             teleported: !0,
-            onClose: i[1] || (i[1] = (k) => p.value = !1)
-          }, null, 8, ["url-list"])) : v("", !0)
+            onClose: i[1] || (i[1] = (k) => v.value = !1)
+          }, null, 8, ["url-list"])) : g("", !0)
         ], 64)),
-        m(V) ? (t(), d("div", se, [
-          j("span", null, I(e.tip), 1),
-          e.multiple && e.limit ? (t(), d("span", ne, " (最多 " + I(e.limit) + " 张)", 1)) : v("", !0)
-        ])) : v("", !0)
+        c(V) ? (t(), u("div", de, [
+          j("span", null, F(e.tip), 1),
+          e.multiple && e.limit ? (t(), u("span", ce, " (最多 " + F(e.limit) + " 张)", 1)) : g("", !0)
+        ])) : g("", !0)
       ]);
     };
   }
-}), ue = /* @__PURE__ */ J(de, [["__scopeId", "data-v-9e73e6a2"]]), ce = [Y, ue], re = (e) => {
-  ce.forEach((u) => {
-    e.component(u.name ?? u.__name ?? "", u);
+}), re = /* @__PURE__ */ D(ue, [["__scopeId", "data-v-052bacda"]]), me = /* @__PURE__ */ $({
+  name: "JIconRender",
+  __name: "JIconRender",
+  props: {
+    icon: {}
+  },
+  setup(e) {
+    return (n, l) => e.icon ? (t(), p(c(Q), G({
+      key: 0,
+      icon: e.icon
+    }, n.$attrs), null, 16, ["icon"])) : g("", !0);
+  }
+}), fe = [te, re, me], pe = (e) => {
+  fe.forEach((n) => {
+    e.component(n.name ?? n.__name ?? "", n);
   });
-}, ve = { install: re };
+}, ke = { install: pe };
 export {
-  Y as JButton,
-  ue as JUploadImg,
-  ve as default
+  te as JButton,
+  me as JIconRender,
+  re as JUploadImg,
+  ke as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/JButton/JButton.vue","../src/components/JUploadImg/JUploadImg.vue","../src/index.ts"],"sourcesContent":["<template>\r\n  <button\r\n    class=\"j-button\"\r\n    :class=\"[\r\n      `j-button--${type}`,\r\n      `j-button--${size}`,\r\n      {\r\n        'j-button--plain': plain,\r\n        'j-button--round': round,\r\n        'j-button--disabled': disabled,\r\n        'j-button--loading': loading,\r\n      },\r\n    ]\"\r\n    :disabled=\"disabled || loading\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <span v-if=\"loading\" class=\"j-button__loading-icon\" />\r\n    <span v-if=\"$slots.default\" class=\"j-button__text\">\r\n      <slot />\r\n    </span>\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { ButtonType, ButtonSize } from './types'\r\n\r\ninterface Props {\r\n  type?: ButtonType\r\n  size?: ButtonSize\r\n  plain?: boolean\r\n  round?: boolean\r\n  disabled?: boolean\r\n  loading?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  type: 'default',\r\n  size: 'medium',\r\n  plain: false,\r\n  round: false,\r\n  disabled: false,\r\n  loading: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent]\r\n}>()\r\n\r\nfunction handleClick(event: MouseEvent) {\r\n  if (!props.disabled && !props.loading) {\r\n    emit('click', event)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.j-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: $spacing-xs;\r\n  padding: 8px 16px;\r\n  font-size: $font-size-base;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  border: 1px solid $color-border;\r\n  border-radius: $border-radius-base;\r\n  background-color: $color-white;\r\n  color: $color-text-regular;\r\n  transition: $transition-fast;\r\n  outline: none;\r\n  user-select: none;\r\n\r\n  &:hover {\r\n    color: $color-primary;\r\n    border-color: $color-primary;\r\n    background-color: color.adjust($color-primary, $lightness: 40%);\r\n  }\r\n\r\n  // 尺寸\r\n  &--small {\r\n    padding: 5px 12px;\r\n    font-size: $font-size-xs;\r\n  }\r\n\r\n  &--medium {\r\n    padding: 8px 16px;\r\n    font-size: $font-size-base;\r\n  }\r\n\r\n  &--large {\r\n    padding: 12px 20px;\r\n    font-size: $font-size-md;\r\n  }\r\n\r\n  // 类型\r\n  &--primary {\r\n    background-color: $color-primary;\r\n    border-color: $color-primary;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-primary, $lightness: 10%);\r\n      border-color: color.adjust($color-primary, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--success {\r\n    background-color: $color-success;\r\n    border-color: $color-success;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-success, $lightness: 10%);\r\n      border-color: color.adjust($color-success, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--danger {\r\n    background-color: $color-danger;\r\n    border-color: $color-danger;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-danger, $lightness: 10%);\r\n      border-color: color.adjust($color-danger, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--warning {\r\n    background-color: $color-warning;\r\n    border-color: $color-warning;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-warning, $lightness: 10%);\r\n      border-color: color.adjust($color-warning, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  // 朴素按钮\r\n  &--plain {\r\n    &.j-button--primary {\r\n      background-color: color.adjust($color-primary, $lightness: 40%);\r\n      color: $color-primary;\r\n      &:hover {\r\n        background-color: $color-primary;\r\n        color: $color-white;\r\n      }\r\n    }\r\n  }\r\n\r\n  // 圆角\r\n  &--round {\r\n    border-radius: $border-radius-round;\r\n  }\r\n\r\n  // 禁用\r\n  &--disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // 加载\r\n  &--loading {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &__loading-icon {\r\n    display: inline-block;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: j-spin 0.6s linear infinite;\r\n  }\r\n\r\n  @keyframes j-spin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\n  <div class=\"j-upload-img-container\">\n    <!-- 多图模式 -->\n    <template v-if=\"multiple\">\n      <div class=\"images-wrapper\">\n        <draggable\n          v-model=\"imageList\"\n          class=\"images-list\"\n          item-key=\"uid\"\n          :animation=\"200\"\n          :disabled=\"disabled\"\n          @end=\"handleDragEnd\"\n        >\n          <template #item=\"{ element, index }\">\n            <div class=\"image-item\">\n              <el-image\n                :src=\"element.url\"\n                :preview-src-list=\"imageList.map(img => img.url)\"\n                :initial-index=\"index\"\n                fit=\"cover\"\n                class=\"image-preview\"\n                :preview-teleported=\"true\"\n                :hide-on-click-modal=\"true\"\n              />\n              <div v-if=\"!disabled\" class=\"delete-btn\" @click.stop=\"handleRemove(index)\">\n                <el-icon class=\"icon-delete\">\n                  <Delete />\n                </el-icon>\n              </div>\n            </div>\n          </template>\n        </draggable>\n\n        <!-- 多图上传按钮 -->\n        <el-upload\n          v-if=\"!disabled && (!limit || imageList.length < limit)\"\n          class=\"image-uploader\"\n          :auto-upload=\"false\"\n          :show-file-list=\"false\"\n          :on-change=\"handleFileChange\"\n          :disabled=\"uploading\"\n          list-type=\"picture-card\"\n          :accept=\"accept\"\n        >\n          <el-icon v-if=\"!uploading\" class=\"uploader-icon\">\n            <Plus />\n          </el-icon>\n          <el-icon v-else class=\"uploader-icon is-loading\">\n            <Loading />\n          </el-icon>\n        </el-upload>\n      </div>\n    </template>\n\n    <!-- 单图模式 -->\n    <template v-else>\n      <!-- 已有图片：独立展示，hover 显示操作遮罩 -->\n      <div v-if=\"imageUrl\" class=\"image-item single-image-item\">\n        <el-image\n          :src=\"imageUrl\"\n          fit=\"cover\"\n          class=\"image-preview\"\n        />\n        <div class=\"image-actions\">\n          <el-icon class=\"action-icon\" @click.stop=\"handlePreviewSingle\">\n            <ZoomIn />\n          </el-icon>\n          <el-icon v-if=\"!disabled\" class=\"action-icon\" @click.stop=\"handleRemoveSingle\">\n            <Delete />\n          </el-icon>\n        </div>\n      </div>\n\n      <!-- 无图片：显示上传按钮 -->\n      <el-upload\n        v-else\n        class=\"image-uploader\"\n        :auto-upload=\"false\"\n        :show-file-list=\"false\"\n        :on-change=\"handleFileChange\"\n        :disabled=\"disabled || uploading\"\n        list-type=\"picture-card\"\n      >\n        <el-icon class=\"uploader-icon\">\n          <Plus v-if=\"!uploading\" />\n          <Loading v-else class=\"is-loading\" />\n        </el-icon>\n      </el-upload>\n\n      <!-- 大图预览 -->\n      <el-image-viewer\n        v-if=\"showPreview\"\n        :url-list=\"[imageUrl]\"\n        :teleported=\"true\"\n        @close=\"showPreview = false\"\n      />\n    </template>\n\n    <div v-if=\"showTipText\" class=\"upload-tip\">\n      <span>{{ tip }}</span>\n      <span v-if=\"multiple && limit\"> (最多 {{ limit }} 张)</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport type { UploadFile } from 'element-plus'\nimport { Plus, Loading, Delete, ZoomIn } from '@element-plus/icons-vue'\nimport draggable from 'vuedraggable'\nimport type { ImageItem } from './types'\n\ndefineOptions({\n  name: 'JUploadImg'\n})\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  disabled?: boolean\n  multiple?: boolean\n  limit?: number\n  maxSize?: number\n  accept?: string\n  tip?: string\n  showTip?: boolean\n  /** 自定义上传函数，接收 File 返回图片 URL */\n  uploadFn?: (file: File) => Promise<string>\n}>(), {\n  modelValue: '',\n  disabled: false,\n  multiple: false,\n  limit: 9,\n  maxSize: 2,\n  accept: 'image/jpeg,image/png,image/jpg,image/gif',\n  tip: '只能上传jpg/png/gif格式的图片,且不超过2MB',\n  showTip: true,\n  uploadFn: undefined\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string | string[]): void\n  (e: 'success', url: string): void\n  (e: 'error', error: any): void\n}>()\n\n// 单图模式\nconst imageUrl = ref<string>('')\nconst showPreview = ref(false)\nconst showTipText = props.showTip\n\nconst handlePreviewSingle = () => {\n  showPreview.value = true\n}\n\nconst handleRemoveSingle = () => {\n  imageUrl.value = ''\n  emit('update:modelValue', '')\n  ElMessage.success('删除成功')\n}\n\n// 多图模式\nconst imageList = ref<ImageItem[]>([])\nconst uploading = ref(false)\n\n// 初始化图片列表（多图模式）\nconst initImageList = (urls: string[]) => {\n  imageList.value = urls.map((url, index) => ({\n    uid: Date.now() + index,\n    url\n  }))\n}\n\n// 监听外部值变化\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val) && val.length > 0) {\n      initImageList(val)\n    } else {\n      imageList.value = []\n    }\n  } else {\n    if (typeof val === 'string') {\n      imageUrl.value = val\n    } else {\n      imageUrl.value = ''\n    }\n  }\n}, { immediate: true })\n\n// 拖拽结束（多图模式）\nconst handleDragEnd = () => {\n  emitMultipleUpdate()\n}\n\n// 删除图片（多图模式）\nconst handleRemove = (index: number) => {\n  imageList.value.splice(index, 1)\n  emitMultipleUpdate()\n  ElMessage.success('删除成功')\n}\n\n// 文件改变时触发\nconst handleFileChange = async (uploadFile: UploadFile) => {\n  const file = uploadFile.raw as File\n\n  if (!file) {\n    ElMessage.error('文件不存在，请重试')\n    return\n  }\n\n  if (file.size > props.maxSize * 1024 * 1024) {\n    ElMessage.error(`图片大小不能超过 ${props.maxSize}MB`)\n    return\n  }\n\n  if (!props.uploadFn) {\n    ElMessage.error('未配置上传函数 (uploadFn)')\n    return\n  }\n\n  try {\n    uploading.value = true\n    const url = await props.uploadFn(file)\n\n    if (props.multiple) {\n      imageList.value.push({ uid: Date.now(), url })\n      emitMultipleUpdate()\n    } else {\n      imageUrl.value = url\n      emit('update:modelValue', url)\n    }\n\n    emit('success', url)\n    ElMessage.success('上传成功')\n  } catch (error) {\n    console.error('上传出错:', error)\n    ElMessage.error('上传失败，请重试')\n    emit('error', error)\n  } finally {\n    uploading.value = false\n  }\n}\n\n// 触发多图更新\nconst emitMultipleUpdate = () => {\n  const urls = imageList.value.map(item => item.url)\n  emit('update:modelValue', urls)\n}\n</script>\n\n<style scoped>\n.j-upload-img-container {\n  display: inline-block;\n}\n\n/* 多图模式样式 */\n.images-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.images-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.image-item {\n  position: relative;\n  width: 74px;\n  height: 74px;\n  border: 1px solid var(--el-border-color);\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: move;\n}\n\n.image-preview {\n  width: 100%;\n  height: 100%;\n}\n\n.delete-btn {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 20px;\n  height: 20px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.image-item:hover .delete-btn {\n  opacity: 1;\n}\n\n.delete-btn:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n.icon-delete {\n  font-size: 12px;\n  color: #fff;\n}\n\n/* 单图和多图共用样式 */\n.image-uploader {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.image-uploader :deep(.el-upload) {\n  border: 1px dashed var(--el-border-color);\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  transition: var(--el-transition-duration-fast);\n  width: 74px !important;\n  height: 74px !important;\n}\n\n.image-uploader :deep(.el-upload:hover) {\n  border-color: var(--el-color-primary);\n}\n\n.uploader-icon {\n  font-size: 20px;\n  color: #8c939d;\n  width: 74px;\n  height: 74px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.single-image-item {\n  cursor: default;\n}\n\n.image-actions {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.single-image-item:hover .image-actions,\n.image-item:hover .image-actions {\n  opacity: 1;\n}\n\n.action-icon {\n  font-size: 18px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.action-icon:hover {\n  transform: scale(1.2);\n}\n\n.upload-tip {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #909399;\n  line-height: 1.5;\n}\n</style>\n","import type { App } from 'vue'\r\nimport { JButton } from './components/JButton'\r\nimport { JUploadImg } from './components/JUploadImg'\r\n\r\n// 组件列表，新增组件后在此处注册\r\nconst components = [JButton, JUploadImg]\r\n\r\n// 全量安装插件（app.use(JgyComponents)）\r\nconst install = (app: App) => {\r\n  components.forEach((component) => {\r\n    app.component(component.name ?? component.__name ?? '', component)\r\n  })\r\n}\r\n\r\n// 默认导出插件对象\r\nexport default { install }\r\n\r\n// 按需导出各组件\r\nexport { JButton, JUploadImg }\r\n\r\n// 导出类型\r\nexport type { ButtonType, ButtonSize } from './components/JButton'\r\nexport type { JUploadImgProps, JUploadImgEmits, ImageItem } from './components/JUploadImg'\r\n"],"names":["props","__props","emit","__emit","handleClick","event","_createElementBlock","_openBlock","_hoisted_2","$slots","_hoisted_3","_renderSlot","_ctx","imageUrl","ref","showPreview","showTipText","handlePreviewSingle","handleRemoveSingle","ElMessage","imageList","uploading","initImageList","urls","url","index","watch","val","handleDragEnd","emitMultipleUpdate","handleRemove","handleFileChange","uploadFile","file","error","item","_hoisted_1","_createVNode","_unref","draggable","$event","_withCtx","element","_createElementVNode","_component_el_image","img","_withModifiers","_component_el_icon","Delete","_createBlock","_component_el_upload","Loading","Plus","_Fragment","_hoisted_5","_hoisted_6","ZoomIn","_component_el_image_viewer","_hoisted_7","_hoisted_8","_toDisplayString","components","JButton","JUploadImg","install","app","component"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/JButton/JButton.vue","../src/components/JUploadImg/JUploadImg.vue","../src/components/JIconRender/JIconRender.vue","../src/index.ts"],"sourcesContent":["<template>\r\n  <button\r\n    class=\"j-button\"\r\n    :class=\"[\r\n      `j-button--${type}`,\r\n      `j-button--${size}`,\r\n      {\r\n        'j-button--plain': plain,\r\n        'j-button--round': round,\r\n        'j-button--disabled': disabled,\r\n        'j-button--loading': loading,\r\n      },\r\n    ]\"\r\n    :disabled=\"disabled || loading\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <span v-if=\"loading\" class=\"j-button__loading-icon\" />\r\n    <span v-if=\"$slots.default\" class=\"j-button__text\">\r\n      <slot />\r\n    </span>\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { ButtonType, ButtonSize } from './types'\r\n\r\ninterface Props {\r\n  type?: ButtonType\r\n  size?: ButtonSize\r\n  plain?: boolean\r\n  round?: boolean\r\n  disabled?: boolean\r\n  loading?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  type: 'default',\r\n  size: 'medium',\r\n  plain: false,\r\n  round: false,\r\n  disabled: false,\r\n  loading: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent]\r\n}>()\r\n\r\nfunction handleClick(event: MouseEvent) {\r\n  if (!props.disabled && !props.loading) {\r\n    emit('click', event)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.j-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: $spacing-xs;\r\n  padding: 8px 16px;\r\n  font-size: $font-size-base;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  border: 1px solid $color-border;\r\n  border-radius: $border-radius-base;\r\n  background-color: $color-white;\r\n  color: $color-text-regular;\r\n  transition: $transition-fast;\r\n  outline: none;\r\n  user-select: none;\r\n\r\n  &:hover {\r\n    color: $color-primary;\r\n    border-color: $color-primary;\r\n    background-color: color.adjust($color-primary, $lightness: 40%);\r\n  }\r\n\r\n  // 尺寸\r\n  &--small {\r\n    padding: 5px 12px;\r\n    font-size: $font-size-xs;\r\n  }\r\n\r\n  &--medium {\r\n    padding: 8px 16px;\r\n    font-size: $font-size-base;\r\n  }\r\n\r\n  &--large {\r\n    padding: 12px 20px;\r\n    font-size: $font-size-md;\r\n  }\r\n\r\n  // 类型\r\n  &--primary {\r\n    background-color: $color-primary;\r\n    border-color: $color-primary;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-primary, $lightness: 10%);\r\n      border-color: color.adjust($color-primary, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--success {\r\n    background-color: $color-success;\r\n    border-color: $color-success;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-success, $lightness: 10%);\r\n      border-color: color.adjust($color-success, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--danger {\r\n    background-color: $color-danger;\r\n    border-color: $color-danger;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-danger, $lightness: 10%);\r\n      border-color: color.adjust($color-danger, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--warning {\r\n    background-color: $color-warning;\r\n    border-color: $color-warning;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-warning, $lightness: 10%);\r\n      border-color: color.adjust($color-warning, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  // 朴素按钮\r\n  &--plain {\r\n    &.j-button--primary {\r\n      background-color: color.adjust($color-primary, $lightness: 40%);\r\n      color: $color-primary;\r\n      &:hover {\r\n        background-color: $color-primary;\r\n        color: $color-white;\r\n      }\r\n    }\r\n  }\r\n\r\n  // 圆角\r\n  &--round {\r\n    border-radius: $border-radius-round;\r\n  }\r\n\r\n  // 禁用\r\n  &--disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // 加载\r\n  &--loading {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &__loading-icon {\r\n    display: inline-block;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: j-spin 0.6s linear infinite;\r\n  }\r\n\r\n  @keyframes j-spin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\n  <div class=\"j-upload-img-container\">\n    <!-- 多图模式 -->\n    <template v-if=\"multiple\">\n      <div class=\"images-wrapper\">\n        <draggable\n          v-model=\"imageList\"\n          class=\"images-list\"\n          item-key=\"uid\"\n          :animation=\"200\"\n          :disabled=\"disabled\"\n          @end=\"handleDragEnd\"\n        >\n          <template #item=\"{ element, index }\">\n            <div class=\"image-item\">\n              <el-image\n                :src=\"element.url\"\n                :preview-src-list=\"imageList.map(img => img.url)\"\n                :initial-index=\"index\"\n                fit=\"cover\"\n                class=\"image-preview\"\n                :preview-teleported=\"true\"\n                :hide-on-click-modal=\"true\"\n              />\n              <div v-if=\"!disabled\" class=\"delete-btn\" @click.stop=\"handleRemove(index)\">\n                <el-icon class=\"icon-delete\">\n                  <Delete />\n                </el-icon>\n              </div>\n            </div>\n          </template>\n        </draggable>\n\n        <!-- 多图上传按钮 -->\n        <el-upload\n          v-if=\"!disabled && (!limit || imageList.length < limit)\"\n          class=\"image-uploader\"\n          :auto-upload=\"false\"\n          :show-file-list=\"false\"\n          :on-change=\"handleFileChange\"\n          :disabled=\"uploading\"\n          list-type=\"picture-card\"\n          :accept=\"accept\"\n        >\n          <el-icon v-if=\"!uploading\" class=\"uploader-icon\">\n            <Plus />\n          </el-icon>\n          <el-icon v-else class=\"uploader-icon is-loading\">\n            <Loading />\n          </el-icon>\n        </el-upload>\n      </div>\n    </template>\n\n    <!-- 单图模式 -->\n    <template v-else>\n      <!-- 已有图片：独立展示，hover 显示操作遮罩 -->\n      <div v-if=\"imageUrl\" class=\"image-item single-image-item\">\n        <el-image\n          :src=\"imageUrl\"\n          fit=\"cover\"\n          class=\"image-preview\"\n        />\n        <div class=\"image-actions\">\n          <el-icon class=\"action-icon\" @click.stop=\"handlePreviewSingle\">\n            <ZoomIn />\n          </el-icon>\n          <el-icon v-if=\"!disabled\" class=\"action-icon\" @click.stop=\"handleRemoveSingle\">\n            <Delete />\n          </el-icon>\n        </div>\n      </div>\n\n      <!-- 无图片：显示上传按钮 -->\n      <el-upload\n        v-else\n        class=\"image-uploader\"\n        :auto-upload=\"false\"\n        :show-file-list=\"false\"\n        :on-change=\"handleFileChange\"\n        :disabled=\"disabled || uploading\"\n        :accept=\"accept\"\n        list-type=\"picture-card\"\n      >\n        <el-icon class=\"uploader-icon\">\n          <Plus v-if=\"!uploading\" />\n          <Loading v-else class=\"is-loading\" />\n        </el-icon>\n      </el-upload>\n\n      <!-- 大图预览 -->\n      <el-image-viewer\n        v-if=\"showPreview\"\n        :url-list=\"[imageUrl]\"\n        :teleported=\"true\"\n        @close=\"showPreview = false\"\n      />\n    </template>\n\n    <div v-if=\"showTipText\" class=\"upload-tip\">\n      <span>{{ tip }}</span>\n      <span v-if=\"multiple && limit\"> (最多 {{ limit }} 张)</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport type { UploadFile } from 'element-plus'\nimport { Plus, Loading, Delete, ZoomIn } from '@element-plus/icons-vue'\nimport draggable from 'vuedraggable'\nimport type { ImageItem } from './types'\n\ndefineOptions({\n  name: 'JUploadImg'\n})\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  disabled?: boolean\n  multiple?: boolean\n  limit?: number\n  maxSize?: number\n  accept?: string\n  tip?: string\n  showTip?: boolean\n  /** 自定义上传函数，接收 File 返回图片 URL */\n  uploadFn?: (file: File) => Promise<string>\n}>(), {\n  modelValue: '',\n  disabled: false,\n  multiple: false,\n  limit: 9,\n  maxSize: 2,\n  accept: 'image/jpeg,image/png,image/jpg,image/gif',\n  tip: '只能上传jpg/png/gif格式的图片,且不超过2MB',\n  showTip: true,\n  uploadFn: undefined\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string | string[]): void\n  (e: 'success', url: string): void\n  (e: 'error', error: any): void\n}>()\n\n// 单图模式\nconst imageUrl = ref<string>('')\nconst showPreview = ref(false)\nconst showTipText = props.showTip\n\nconst handlePreviewSingle = () => {\n  showPreview.value = true\n}\n\nconst handleRemoveSingle = () => {\n  imageUrl.value = ''\n  emit('update:modelValue', '')\n  ElMessage.success('删除成功')\n}\n\n// 多图模式\nconst imageList = ref<ImageItem[]>([])\nconst uploading = ref(false)\n\n// 初始化图片列表（多图模式）\nconst initImageList = (urls: string[]) => {\n  imageList.value = urls.map((url, index) => ({\n    uid: Date.now() + index,\n    url\n  }))\n}\n\n// 监听外部值变化\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val) && val.length > 0) {\n      initImageList(val)\n    } else {\n      imageList.value = []\n    }\n  } else {\n    if (typeof val === 'string') {\n      imageUrl.value = val\n    } else {\n      imageUrl.value = ''\n    }\n  }\n}, { immediate: true })\n\n// 拖拽结束（多图模式）\nconst handleDragEnd = () => {\n  emitMultipleUpdate()\n}\n\n// 删除图片（多图模式）\nconst handleRemove = (index: number) => {\n  imageList.value.splice(index, 1)\n  emitMultipleUpdate()\n  ElMessage.success('删除成功')\n}\n\n// 文件改变时触发\nconst handleFileChange = async (uploadFile: UploadFile) => {\n  const file = uploadFile.raw as File\n\n  if (!file) {\n    ElMessage.error('文件不存在，请重试')\n    return\n  }\n\n  if (file.size > props.maxSize * 1024 * 1024) {\n    ElMessage.error(`图片大小不能超过 ${props.maxSize}MB`)\n    return\n  }\n\n  if (!props.uploadFn) {\n    ElMessage.error('未配置上传函数 (uploadFn)')\n    return\n  }\n\n  try {\n    uploading.value = true\n    const url = await props.uploadFn(file)\n\n    if (props.multiple) {\n      imageList.value.push({ uid: Date.now(), url })\n      emitMultipleUpdate()\n    } else {\n      imageUrl.value = url\n      emit('update:modelValue', url)\n    }\n\n    emit('success', url)\n    ElMessage.success('上传成功')\n  } catch (error) {\n    console.error('上传出错:', error)\n    ElMessage.error('上传失败，请重试')\n    emit('error', error)\n  } finally {\n    uploading.value = false\n  }\n}\n\n// 触发多图更新\nconst emitMultipleUpdate = () => {\n  const urls = imageList.value.map(item => item.url)\n  emit('update:modelValue', urls)\n}\n</script>\n\n<style scoped>\n.j-upload-img-container {\n  display: inline-block;\n}\n\n/* 多图模式样式 */\n.images-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.images-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.image-item {\n  position: relative;\n  width: 74px;\n  height: 74px;\n  border: 1px solid var(--el-border-color);\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: move;\n}\n\n.image-preview {\n  width: 100%;\n  height: 100%;\n}\n\n.delete-btn {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 20px;\n  height: 20px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.image-item:hover .delete-btn {\n  opacity: 1;\n}\n\n.delete-btn:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n.icon-delete {\n  font-size: 12px;\n  color: #fff;\n}\n\n/* 单图和多图共用样式 */\n.image-uploader {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.image-uploader :deep(.el-upload) {\n  border: 1px dashed var(--el-border-color);\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  transition: var(--el-transition-duration-fast);\n  width: 74px !important;\n  height: 74px !important;\n}\n\n.image-uploader :deep(.el-upload:hover) {\n  border-color: var(--el-color-primary);\n}\n\n.uploader-icon {\n  font-size: 20px;\n  color: #8c939d;\n  width: 74px;\n  height: 74px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.single-image-item {\n  cursor: default;\n}\n\n.image-actions {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.single-image-item:hover .image-actions,\n.image-item:hover .image-actions {\n  opacity: 1;\n}\n\n.action-icon {\n  font-size: 18px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.action-icon:hover {\n  transform: scale(1.2);\n}\n\n.upload-tip {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #909399;\n  line-height: 1.5;\n}\n</style>\n","<template>\n  <Icon v-if=\"icon\" :icon=\"icon\" v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { Icon } from '@iconify/vue'\n\ndefineOptions({\n  name: 'JIconRender'\n})\n\ndefineProps<{\n  icon: string\n}>()\n</script>\n","import type { App } from 'vue'\r\nimport { JButton } from './components/JButton'\r\nimport { JUploadImg } from './components/JUploadImg'\r\nimport { JIconRender } from './components/JIconRender'\r\n\r\n// 组件列表，新增组件后在此处注册\r\nconst components = [JButton, JUploadImg, JIconRender]\r\n\r\n// 全量安装插件（app.use(JgyComponents)）\r\nconst install = (app: App) => {\r\n  components.forEach((component) => {\r\n    app.component(component.name ?? component.__name ?? '', component)\r\n  })\r\n}\r\n\r\n// 默认导出插件对象\r\nexport default { install }\r\n\r\n// 按需导出各组件\r\nexport { JButton, JUploadImg, JIconRender }\r\n\r\n// 导出类型\r\nexport type { ButtonType, ButtonSize } from './components/JButton'\r\nexport type { JUploadImgProps, JUploadImgEmits, ImageItem } from './components/JUploadImg'\r\nexport type { JIconRenderProps } from './components/JIconRender'\r\n"],"names":["props","__props","emit","__emit","handleClick","event","_createElementBlock","_openBlock","_hoisted_2","$slots","_hoisted_3","_renderSlot","_ctx","imageUrl","ref","showPreview","showTipText","handlePreviewSingle","handleRemoveSingle","ElMessage","imageList","uploading","initImageList","urls","url","index","watch","val","handleDragEnd","emitMultipleUpdate","handleRemove","handleFileChange","uploadFile","file","error","item","_hoisted_1","_createVNode","_unref","draggable","$event","_withCtx","element","_createElementVNode","_component_el_image","img","_withModifiers","_component_el_icon","Delete","_createBlock","_component_el_upload","Loading","Plus","_Fragment","_hoisted_5","_hoisted_6","ZoomIn","_component_el_image_viewer","_hoisted_7","_hoisted_8","_toDisplayString","_mergeProps","$attrs","components","JButton","JUploadImg","JIconRender","install","app","component"],"mappings":"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"}

package/dist/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("@element-plus/icons-vue"),require("vuedraggable")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","@element-plus/icons-vue","vuedraggable"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.JgyPublicComponent={},o.Vue,o.ElementPlus,o.ElementPlusIconsVue,o.vuedraggable))})(this,function(o,e,p,f,N){"use strict";const x=["disabled"],j={key:0,class:"j-button__loading-icon"},M={key:1,class:"j-button__text"},$=e.defineComponent({__name:"JButton",props:{type:{default:"default"},size:{default:"medium"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:c}){const l=t,d=c;function s(m){!l.disabled&&!l.loading&&d("click",m)}return(m,w)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["j-button",[`j-button--${t.type}`,`j-button--${t.size}`,{"j-button--plain":t.plain,"j-button--round":t.round,"j-button--disabled":t.disabled,"j-button--loading":t.loading}]]),disabled:t.disabled||t.loading,onClick:s},[t.loading?(e.openBlock(),e.createElementBlock("span",j)):e.createCommentVNode("",!0),m.$slots.default?(e.openBlock(),e.createElementBlock("span",M,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],10,x))}}),h=(t,c)=>{const l=t.__vccOpts||t;for(const[d,s]of c)l[d]=s;return l},y=h($,[["__scopeId","data-v-22864824"]]),S={class:"j-upload-img-container"},I={key:0,class:"images-wrapper"},J={class:"image-item"},z=["onClick"],D={key:0,class:"image-item single-image-item"},F={class:"image-actions"},T={key:2,class:"upload-tip"},U={key:0},b=h(e.defineComponent({name:"JUploadImg",__name:"JUploadImg",props:{modelValue:{default:""},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},limit:{default:9},maxSize:{default:2},accept:{default:"image/jpeg,image/png,image/jpg,image/gif"},tip:{default:"只能上传jpg/png/gif格式的图片,且不超过2MB"},showTip:{type:Boolean,default:!0},uploadFn:{type:Function,default:void 0}},emits:["update:modelValue","success","error"],setup(t,{emit:c}){const l=t,d=c,s=e.ref(""),m=e.ref(!1),w=l.showTip,A=()=>{m.value=!0},O=()=>{s.value="",d("update:modelValue",""),p.ElMessage.success("删除成功")},r=e.ref([]),u=e.ref(!1),P=a=>{r.value=a.map((n,i)=>({uid:Date.now()+i,url:n}))};e.watch(()=>l.modelValue,a=>{l.multiple?Array.isArray(a)&&a.length>0?P(a):r.value=[]:typeof a=="string"?s.value=a:s.value=""},{immediate:!0});const R=()=>{B()},Z=a=>{r.value.splice(a,1),B(),p.ElMessage.success("删除成功")},C=async a=>{const n=a.raw;if(!n){p.ElMessage.error("文件不存在，请重试");return}if(n.size>l.maxSize*1024*1024){p.ElMessage.error(`图片大小不能超过 ${l.maxSize}MB`);return}if(!l.uploadFn){p.ElMessage.error("未配置上传函数 (uploadFn)");return}try{u.value=!0;const i=await l.uploadFn(n);l.multiple?(r.value.push({uid:Date.now(),url:i}),B()):(s.value=i,d("update:modelValue",i)),d("success",i),p.ElMessage.success("上传成功")}catch(i){console.error("上传出错:",i),p.ElMessage.error("上传失败，请重试"),d("error",i)}finally{u.value=!1}},B=()=>{const a=r.value.map(n=>n.url);d("update:modelValue",a)};return(a,n)=>{const i=e.resolveComponent("el-image"),g=e.resolveComponent("el-icon"),V=e.resolveComponent("el-upload"),G=e.resolveComponent("el-image-viewer");return e.openBlock(),e.createElementBlock("div",S,[t.multiple?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(e.unref(N),{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=k=>r.value=k),class:"images-list","item-key":"uid",animation:200,disabled:t.disabled,onEnd:R},{item:e.withCtx(({element:k,index:E})=>[e.createElementVNode("div",J,[e.createVNode(i,{src:k.url,"preview-src-list":r.value.map(_=>_.url),"initial-index":E,fit:"cover",class:"image-preview","preview-teleported":!0,"hide-on-click-modal":!0},null,8,["src","preview-src-list","initial-index"]),t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"delete-btn",onClick:e.withModifiers(_=>Z(E),["stop"])},[e.createVNode(g,{class:"icon-delete"},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Delete))]),_:1})],8,z))])]),_:1},8,["modelValue","disabled"]),!t.disabled&&(!t.limit||r.value.length<t.limit)?(e.openBlock(),e.createBlock(V,{key:0,class:"image-uploader","auto-upload":!1,"show-file-list":!1,"on-change":C,disabled:u.value,"list-type":"picture-card",accept:t.accept},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(g,{key:1,class:"uploader-icon is-loading"},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Loading))]),_:1})):(e.openBlock(),e.createBlock(g,{key:0,class:"uploader-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Plus))]),_:1}))]),_:1},8,["disabled","accept"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.value?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(i,{src:s.value,fit:"cover",class:"image-preview"},null,8,["src"]),e.createElementVNode("div",F,[e.createVNode(g,{class:"action-icon",onClick:e.withModifiers(A,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(f.ZoomIn))]),_:1}),t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(g,{key:0,class:"action-icon",onClick:e.withModifiers(O,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Delete))]),_:1}))])])):(e.openBlock(),e.createBlock(V,{key:1,class:"image-uploader","auto-upload":!1,"show-file-list":!1,"on-change":C,disabled:t.disabled||u.value,"list-type":"picture-card"},{default:e.withCtx(()=>[e.createVNode(g,{class:"uploader-icon"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(e.unref(f.Loading),{key:1,class:"is-loading"})):(e.openBlock(),e.createBlock(e.unref(f.Plus),{key:0}))]),_:1})]),_:1},8,["disabled"])),m.value?(e.openBlock(),e.createBlock(G,{key:2,"url-list":[s.value],teleported:!0,onClose:n[1]||(n[1]=k=>m.value=!1)},null,8,["url-list"])):e.createCommentVNode("",!0)],64)),e.unref(w)?(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("span",null,e.toDisplayString(t.tip),1),t.multiple&&t.limit?(e.openBlock(),e.createElementBlock("span",U," (最多 "+e.toDisplayString(t.limit)+" 张)",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-9e73e6a2"]]),q=[y,b],L={install:t=>{q.forEach(c=>{t.component(c.name??c.__name??"",c)})}};o.JButton=y,o.JUploadImg=b,o.default=L,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("@element-plus/icons-vue"),require("vuedraggable"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","@element-plus/icons-vue","vuedraggable","@iconify/vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.JgyPublicComponent={},o.Vue,o.ElementPlus,o.ElementPlusIconsVue,o.vuedraggable,o.IconifyVue))})(this,function(o,e,f,p,x,j){"use strict";const M=["disabled"],I={key:0,class:"j-button__loading-icon"},$={key:1,class:"j-button__text"},J=e.defineComponent({__name:"JButton",props:{type:{default:"default"},size:{default:"medium"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:c}){const l=t,d=c;function s(m){!l.disabled&&!l.loading&&d("click",m)}return(m,w)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["j-button",[`j-button--${t.type}`,`j-button--${t.size}`,{"j-button--plain":t.plain,"j-button--round":t.round,"j-button--disabled":t.disabled,"j-button--loading":t.loading}]]),disabled:t.disabled||t.loading,onClick:s},[t.loading?(e.openBlock(),e.createElementBlock("span",I)):e.createCommentVNode("",!0),m.$slots.default?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],10,M))}}),h=(t,c)=>{const l=t.__vccOpts||t;for(const[d,s]of c)l[d]=s;return l},y=h(J,[["__scopeId","data-v-22864824"]]),S={class:"j-upload-img-container"},z={key:0,class:"images-wrapper"},D={class:"image-item"},F=["onClick"],T={key:0,class:"image-item single-image-item"},U={class:"image-actions"},q={key:2,class:"upload-tip"},R={key:0},C=h(e.defineComponent({name:"JUploadImg",__name:"JUploadImg",props:{modelValue:{default:""},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},limit:{default:9},maxSize:{default:2},accept:{default:"image/jpeg,image/png,image/jpg,image/gif"},tip:{default:"只能上传jpg/png/gif格式的图片,且不超过2MB"},showTip:{type:Boolean,default:!0},uploadFn:{type:Function,default:void 0}},emits:["update:modelValue","success","error"],setup(t,{emit:c}){const l=t,d=c,s=e.ref(""),m=e.ref(!1),w=l.showTip,A=()=>{m.value=!0},O=()=>{s.value="",d("update:modelValue",""),f.ElMessage.success("删除成功")},r=e.ref([]),u=e.ref(!1),Z=a=>{r.value=a.map((n,i)=>({uid:Date.now()+i,url:n}))};e.watch(()=>l.modelValue,a=>{l.multiple?Array.isArray(a)&&a.length>0?Z(a):r.value=[]:typeof a=="string"?s.value=a:s.value=""},{immediate:!0});const G=()=>{B()},H=a=>{r.value.splice(a,1),B(),f.ElMessage.success("删除成功")},V=async a=>{const n=a.raw;if(!n){f.ElMessage.error("文件不存在，请重试");return}if(n.size>l.maxSize*1024*1024){f.ElMessage.error(`图片大小不能超过 ${l.maxSize}MB`);return}if(!l.uploadFn){f.ElMessage.error("未配置上传函数 (uploadFn)");return}try{u.value=!0;const i=await l.uploadFn(n);l.multiple?(r.value.push({uid:Date.now(),url:i}),B()):(s.value=i,d("update:modelValue",i)),d("success",i),f.ElMessage.success("上传成功")}catch(i){console.error("上传出错:",i),f.ElMessage.error("上传失败，请重试"),d("error",i)}finally{u.value=!1}},B=()=>{const a=r.value.map(n=>n.url);d("update:modelValue",a)};return(a,n)=>{const i=e.resolveComponent("el-image"),g=e.resolveComponent("el-icon"),E=e.resolveComponent("el-upload"),K=e.resolveComponent("el-image-viewer");return e.openBlock(),e.createElementBlock("div",S,[t.multiple?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(e.unref(x),{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=k=>r.value=k),class:"images-list","item-key":"uid",animation:200,disabled:t.disabled,onEnd:G},{item:e.withCtx(({element:k,index:_})=>[e.createElementVNode("div",D,[e.createVNode(i,{src:k.url,"preview-src-list":r.value.map(N=>N.url),"initial-index":_,fit:"cover",class:"image-preview","preview-teleported":!0,"hide-on-click-modal":!0},null,8,["src","preview-src-list","initial-index"]),t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"delete-btn",onClick:e.withModifiers(N=>H(_),["stop"])},[e.createVNode(g,{class:"icon-delete"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Delete))]),_:1})],8,F))])]),_:1},8,["modelValue","disabled"]),!t.disabled&&(!t.limit||r.value.length<t.limit)?(e.openBlock(),e.createBlock(E,{key:0,class:"image-uploader","auto-upload":!1,"show-file-list":!1,"on-change":V,disabled:u.value,"list-type":"picture-card",accept:t.accept},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(g,{key:1,class:"uploader-icon is-loading"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Loading))]),_:1})):(e.openBlock(),e.createBlock(g,{key:0,class:"uploader-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Plus))]),_:1}))]),_:1},8,["disabled","accept"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.value?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(i,{src:s.value,fit:"cover",class:"image-preview"},null,8,["src"]),e.createElementVNode("div",U,[e.createVNode(g,{class:"action-icon",onClick:e.withModifiers(A,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(p.ZoomIn))]),_:1}),t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(g,{key:0,class:"action-icon",onClick:e.withModifiers(O,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Delete))]),_:1}))])])):(e.openBlock(),e.createBlock(E,{key:1,class:"image-uploader","auto-upload":!1,"show-file-list":!1,"on-change":V,disabled:t.disabled||u.value,accept:t.accept,"list-type":"picture-card"},{default:e.withCtx(()=>[e.createVNode(g,{class:"uploader-icon"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(e.unref(p.Loading),{key:1,class:"is-loading"})):(e.openBlock(),e.createBlock(e.unref(p.Plus),{key:0}))]),_:1})]),_:1},8,["disabled","accept"])),m.value?(e.openBlock(),e.createBlock(K,{key:2,"url-list":[s.value],teleported:!0,onClose:n[1]||(n[1]=k=>m.value=!1)},null,8,["url-list"])):e.createCommentVNode("",!0)],64)),e.unref(w)?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("span",null,e.toDisplayString(t.tip),1),t.multiple&&t.limit?(e.openBlock(),e.createElementBlock("span",R," (最多 "+e.toDisplayString(t.limit)+" 张)",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-052bacda"]]),b=e.defineComponent({name:"JIconRender",__name:"JIconRender",props:{icon:{}},setup(t){return(c,l)=>t.icon?(e.openBlock(),e.createBlock(e.unref(j.Icon),e.mergeProps({key:0,icon:t.icon},c.$attrs),null,16,["icon"])):e.createCommentVNode("",!0)}}),L=[y,C,b],P={install:t=>{L.forEach(c=>{t.component(c.name??c.__name??"",c)})}};o.JButton=y,o.JIconRender=b,o.JUploadImg=C,o.default=P,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.cjs","sources":["../src/components/JButton/JButton.vue","../src/components/JUploadImg/JUploadImg.vue","../src/index.ts"],"sourcesContent":["<template>\r\n  <button\r\n    class=\"j-button\"\r\n    :class=\"[\r\n      `j-button--${type}`,\r\n      `j-button--${size}`,\r\n      {\r\n        'j-button--plain': plain,\r\n        'j-button--round': round,\r\n        'j-button--disabled': disabled,\r\n        'j-button--loading': loading,\r\n      },\r\n    ]\"\r\n    :disabled=\"disabled || loading\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <span v-if=\"loading\" class=\"j-button__loading-icon\" />\r\n    <span v-if=\"$slots.default\" class=\"j-button__text\">\r\n      <slot />\r\n    </span>\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { ButtonType, ButtonSize } from './types'\r\n\r\ninterface Props {\r\n  type?: ButtonType\r\n  size?: ButtonSize\r\n  plain?: boolean\r\n  round?: boolean\r\n  disabled?: boolean\r\n  loading?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  type: 'default',\r\n  size: 'medium',\r\n  plain: false,\r\n  round: false,\r\n  disabled: false,\r\n  loading: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent]\r\n}>()\r\n\r\nfunction handleClick(event: MouseEvent) {\r\n  if (!props.disabled && !props.loading) {\r\n    emit('click', event)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.j-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: $spacing-xs;\r\n  padding: 8px 16px;\r\n  font-size: $font-size-base;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  border: 1px solid $color-border;\r\n  border-radius: $border-radius-base;\r\n  background-color: $color-white;\r\n  color: $color-text-regular;\r\n  transition: $transition-fast;\r\n  outline: none;\r\n  user-select: none;\r\n\r\n  &:hover {\r\n    color: $color-primary;\r\n    border-color: $color-primary;\r\n    background-color: color.adjust($color-primary, $lightness: 40%);\r\n  }\r\n\r\n  // 尺寸\r\n  &--small {\r\n    padding: 5px 12px;\r\n    font-size: $font-size-xs;\r\n  }\r\n\r\n  &--medium {\r\n    padding: 8px 16px;\r\n    font-size: $font-size-base;\r\n  }\r\n\r\n  &--large {\r\n    padding: 12px 20px;\r\n    font-size: $font-size-md;\r\n  }\r\n\r\n  // 类型\r\n  &--primary {\r\n    background-color: $color-primary;\r\n    border-color: $color-primary;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-primary, $lightness: 10%);\r\n      border-color: color.adjust($color-primary, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--success {\r\n    background-color: $color-success;\r\n    border-color: $color-success;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-success, $lightness: 10%);\r\n      border-color: color.adjust($color-success, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--danger {\r\n    background-color: $color-danger;\r\n    border-color: $color-danger;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-danger, $lightness: 10%);\r\n      border-color: color.adjust($color-danger, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--warning {\r\n    background-color: $color-warning;\r\n    border-color: $color-warning;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-warning, $lightness: 10%);\r\n      border-color: color.adjust($color-warning, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  // 朴素按钮\r\n  &--plain {\r\n    &.j-button--primary {\r\n      background-color: color.adjust($color-primary, $lightness: 40%);\r\n      color: $color-primary;\r\n      &:hover {\r\n        background-color: $color-primary;\r\n        color: $color-white;\r\n      }\r\n    }\r\n  }\r\n\r\n  // 圆角\r\n  &--round {\r\n    border-radius: $border-radius-round;\r\n  }\r\n\r\n  // 禁用\r\n  &--disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // 加载\r\n  &--loading {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &__loading-icon {\r\n    display: inline-block;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: j-spin 0.6s linear infinite;\r\n  }\r\n\r\n  @keyframes j-spin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\n  <div class=\"j-upload-img-container\">\n    <!-- 多图模式 -->\n    <template v-if=\"multiple\">\n      <div class=\"images-wrapper\">\n        <draggable\n          v-model=\"imageList\"\n          class=\"images-list\"\n          item-key=\"uid\"\n          :animation=\"200\"\n          :disabled=\"disabled\"\n          @end=\"handleDragEnd\"\n        >\n          <template #item=\"{ element, index }\">\n            <div class=\"image-item\">\n              <el-image\n                :src=\"element.url\"\n                :preview-src-list=\"imageList.map(img => img.url)\"\n                :initial-index=\"index\"\n                fit=\"cover\"\n                class=\"image-preview\"\n                :preview-teleported=\"true\"\n                :hide-on-click-modal=\"true\"\n              />\n              <div v-if=\"!disabled\" class=\"delete-btn\" @click.stop=\"handleRemove(index)\">\n                <el-icon class=\"icon-delete\">\n                  <Delete />\n                </el-icon>\n              </div>\n            </div>\n          </template>\n        </draggable>\n\n        <!-- 多图上传按钮 -->\n        <el-upload\n          v-if=\"!disabled && (!limit || imageList.length < limit)\"\n          class=\"image-uploader\"\n          :auto-upload=\"false\"\n          :show-file-list=\"false\"\n          :on-change=\"handleFileChange\"\n          :disabled=\"uploading\"\n          list-type=\"picture-card\"\n          :accept=\"accept\"\n        >\n          <el-icon v-if=\"!uploading\" class=\"uploader-icon\">\n            <Plus />\n          </el-icon>\n          <el-icon v-else class=\"uploader-icon is-loading\">\n            <Loading />\n          </el-icon>\n        </el-upload>\n      </div>\n    </template>\n\n    <!-- 单图模式 -->\n    <template v-else>\n      <!-- 已有图片：独立展示，hover 显示操作遮罩 -->\n      <div v-if=\"imageUrl\" class=\"image-item single-image-item\">\n        <el-image\n          :src=\"imageUrl\"\n          fit=\"cover\"\n          class=\"image-preview\"\n        />\n        <div class=\"image-actions\">\n          <el-icon class=\"action-icon\" @click.stop=\"handlePreviewSingle\">\n            <ZoomIn />\n          </el-icon>\n          <el-icon v-if=\"!disabled\" class=\"action-icon\" @click.stop=\"handleRemoveSingle\">\n            <Delete />\n          </el-icon>\n        </div>\n      </div>\n\n      <!-- 无图片：显示上传按钮 -->\n      <el-upload\n        v-else\n        class=\"image-uploader\"\n        :auto-upload=\"false\"\n        :show-file-list=\"false\"\n        :on-change=\"handleFileChange\"\n        :disabled=\"disabled || uploading\"\n        list-type=\"picture-card\"\n      >\n        <el-icon class=\"uploader-icon\">\n          <Plus v-if=\"!uploading\" />\n          <Loading v-else class=\"is-loading\" />\n        </el-icon>\n      </el-upload>\n\n      <!-- 大图预览 -->\n      <el-image-viewer\n        v-if=\"showPreview\"\n        :url-list=\"[imageUrl]\"\n        :teleported=\"true\"\n        @close=\"showPreview = false\"\n      />\n    </template>\n\n    <div v-if=\"showTipText\" class=\"upload-tip\">\n      <span>{{ tip }}</span>\n      <span v-if=\"multiple && limit\"> (最多 {{ limit }} 张)</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport type { UploadFile } from 'element-plus'\nimport { Plus, Loading, Delete, ZoomIn } from '@element-plus/icons-vue'\nimport draggable from 'vuedraggable'\nimport type { ImageItem } from './types'\n\ndefineOptions({\n  name: 'JUploadImg'\n})\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  disabled?: boolean\n  multiple?: boolean\n  limit?: number\n  maxSize?: number\n  accept?: string\n  tip?: string\n  showTip?: boolean\n  /** 自定义上传函数，接收 File 返回图片 URL */\n  uploadFn?: (file: File) => Promise<string>\n}>(), {\n  modelValue: '',\n  disabled: false,\n  multiple: false,\n  limit: 9,\n  maxSize: 2,\n  accept: 'image/jpeg,image/png,image/jpg,image/gif',\n  tip: '只能上传jpg/png/gif格式的图片,且不超过2MB',\n  showTip: true,\n  uploadFn: undefined\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string | string[]): void\n  (e: 'success', url: string): void\n  (e: 'error', error: any): void\n}>()\n\n// 单图模式\nconst imageUrl = ref<string>('')\nconst showPreview = ref(false)\nconst showTipText = props.showTip\n\nconst handlePreviewSingle = () => {\n  showPreview.value = true\n}\n\nconst handleRemoveSingle = () => {\n  imageUrl.value = ''\n  emit('update:modelValue', '')\n  ElMessage.success('删除成功')\n}\n\n// 多图模式\nconst imageList = ref<ImageItem[]>([])\nconst uploading = ref(false)\n\n// 初始化图片列表（多图模式）\nconst initImageList = (urls: string[]) => {\n  imageList.value = urls.map((url, index) => ({\n    uid: Date.now() + index,\n    url\n  }))\n}\n\n// 监听外部值变化\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val) && val.length > 0) {\n      initImageList(val)\n    } else {\n      imageList.value = []\n    }\n  } else {\n    if (typeof val === 'string') {\n      imageUrl.value = val\n    } else {\n      imageUrl.value = ''\n    }\n  }\n}, { immediate: true })\n\n// 拖拽结束（多图模式）\nconst handleDragEnd = () => {\n  emitMultipleUpdate()\n}\n\n// 删除图片（多图模式）\nconst handleRemove = (index: number) => {\n  imageList.value.splice(index, 1)\n  emitMultipleUpdate()\n  ElMessage.success('删除成功')\n}\n\n// 文件改变时触发\nconst handleFileChange = async (uploadFile: UploadFile) => {\n  const file = uploadFile.raw as File\n\n  if (!file) {\n    ElMessage.error('文件不存在，请重试')\n    return\n  }\n\n  if (file.size > props.maxSize * 1024 * 1024) {\n    ElMessage.error(`图片大小不能超过 ${props.maxSize}MB`)\n    return\n  }\n\n  if (!props.uploadFn) {\n    ElMessage.error('未配置上传函数 (uploadFn)')\n    return\n  }\n\n  try {\n    uploading.value = true\n    const url = await props.uploadFn(file)\n\n    if (props.multiple) {\n      imageList.value.push({ uid: Date.now(), url })\n      emitMultipleUpdate()\n    } else {\n      imageUrl.value = url\n      emit('update:modelValue', url)\n    }\n\n    emit('success', url)\n    ElMessage.success('上传成功')\n  } catch (error) {\n    console.error('上传出错:', error)\n    ElMessage.error('上传失败，请重试')\n    emit('error', error)\n  } finally {\n    uploading.value = false\n  }\n}\n\n// 触发多图更新\nconst emitMultipleUpdate = () => {\n  const urls = imageList.value.map(item => item.url)\n  emit('update:modelValue', urls)\n}\n</script>\n\n<style scoped>\n.j-upload-img-container {\n  display: inline-block;\n}\n\n/* 多图模式样式 */\n.images-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.images-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.image-item {\n  position: relative;\n  width: 74px;\n  height: 74px;\n  border: 1px solid var(--el-border-color);\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: move;\n}\n\n.image-preview {\n  width: 100%;\n  height: 100%;\n}\n\n.delete-btn {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 20px;\n  height: 20px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.image-item:hover .delete-btn {\n  opacity: 1;\n}\n\n.delete-btn:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n.icon-delete {\n  font-size: 12px;\n  color: #fff;\n}\n\n/* 单图和多图共用样式 */\n.image-uploader {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.image-uploader :deep(.el-upload) {\n  border: 1px dashed var(--el-border-color);\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  transition: var(--el-transition-duration-fast);\n  width: 74px !important;\n  height: 74px !important;\n}\n\n.image-uploader :deep(.el-upload:hover) {\n  border-color: var(--el-color-primary);\n}\n\n.uploader-icon {\n  font-size: 20px;\n  color: #8c939d;\n  width: 74px;\n  height: 74px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.single-image-item {\n  cursor: default;\n}\n\n.image-actions {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.single-image-item:hover .image-actions,\n.image-item:hover .image-actions {\n  opacity: 1;\n}\n\n.action-icon {\n  font-size: 18px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.action-icon:hover {\n  transform: scale(1.2);\n}\n\n.upload-tip {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #909399;\n  line-height: 1.5;\n}\n</style>\n","import type { App } from 'vue'\r\nimport { JButton } from './components/JButton'\r\nimport { JUploadImg } from './components/JUploadImg'\r\n\r\n// 组件列表，新增组件后在此处注册\r\nconst components = [JButton, JUploadImg]\r\n\r\n// 全量安装插件（app.use(JgyComponents)）\r\nconst install = (app: App) => {\r\n  components.forEach((component) => {\r\n    app.component(component.name ?? component.__name ?? '', component)\r\n  })\r\n}\r\n\r\n// 默认导出插件对象\r\nexport default { install }\r\n\r\n// 按需导出各组件\r\nexport { JButton, JUploadImg }\r\n\r\n// 导出类型\r\nexport type { ButtonType, ButtonSize } from './components/JButton'\r\nexport type { JUploadImgProps, JUploadImgEmits, ImageItem } from './components/JUploadImg'\r\n"],"names":["props","__props","emit","__emit","handleClick","event","_createElementBlock","_openBlock","_hoisted_2","$slots","_hoisted_3","_renderSlot","_ctx","imageUrl","ref","showPreview","showTipText","handlePreviewSingle","handleRemoveSingle","ElMessage","imageList","uploading","initImageList","urls","url","index","watch","val","handleDragEnd","emitMultipleUpdate","handleRemove","handleFileChange","uploadFile","file","error","item","_hoisted_1","_createVNode","_unref","draggable","$event","_withCtx","element","_createElementVNode","_component_el_image","img","_withModifiers","_component_el_icon","Delete","_createBlock","_component_el_upload","Loading","Plus","_Fragment","_hoisted_5","_hoisted_6","ZoomIn","_component_el_image_viewer","_hoisted_7","_hoisted_8","_toDisplayString","components","JButton","JUploadImg","app","component"],"mappings":"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"}
+{"version":3,"file":"index.umd.cjs","sources":["../src/components/JButton/JButton.vue","../src/components/JUploadImg/JUploadImg.vue","../src/components/JIconRender/JIconRender.vue","../src/index.ts"],"sourcesContent":["<template>\r\n  <button\r\n    class=\"j-button\"\r\n    :class=\"[\r\n      `j-button--${type}`,\r\n      `j-button--${size}`,\r\n      {\r\n        'j-button--plain': plain,\r\n        'j-button--round': round,\r\n        'j-button--disabled': disabled,\r\n        'j-button--loading': loading,\r\n      },\r\n    ]\"\r\n    :disabled=\"disabled || loading\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <span v-if=\"loading\" class=\"j-button__loading-icon\" />\r\n    <span v-if=\"$slots.default\" class=\"j-button__text\">\r\n      <slot />\r\n    </span>\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { ButtonType, ButtonSize } from './types'\r\n\r\ninterface Props {\r\n  type?: ButtonType\r\n  size?: ButtonSize\r\n  plain?: boolean\r\n  round?: boolean\r\n  disabled?: boolean\r\n  loading?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  type: 'default',\r\n  size: 'medium',\r\n  plain: false,\r\n  round: false,\r\n  disabled: false,\r\n  loading: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent]\r\n}>()\r\n\r\nfunction handleClick(event: MouseEvent) {\r\n  if (!props.disabled && !props.loading) {\r\n    emit('click', event)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.j-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: $spacing-xs;\r\n  padding: 8px 16px;\r\n  font-size: $font-size-base;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  border: 1px solid $color-border;\r\n  border-radius: $border-radius-base;\r\n  background-color: $color-white;\r\n  color: $color-text-regular;\r\n  transition: $transition-fast;\r\n  outline: none;\r\n  user-select: none;\r\n\r\n  &:hover {\r\n    color: $color-primary;\r\n    border-color: $color-primary;\r\n    background-color: color.adjust($color-primary, $lightness: 40%);\r\n  }\r\n\r\n  // 尺寸\r\n  &--small {\r\n    padding: 5px 12px;\r\n    font-size: $font-size-xs;\r\n  }\r\n\r\n  &--medium {\r\n    padding: 8px 16px;\r\n    font-size: $font-size-base;\r\n  }\r\n\r\n  &--large {\r\n    padding: 12px 20px;\r\n    font-size: $font-size-md;\r\n  }\r\n\r\n  // 类型\r\n  &--primary {\r\n    background-color: $color-primary;\r\n    border-color: $color-primary;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-primary, $lightness: 10%);\r\n      border-color: color.adjust($color-primary, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--success {\r\n    background-color: $color-success;\r\n    border-color: $color-success;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-success, $lightness: 10%);\r\n      border-color: color.adjust($color-success, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--danger {\r\n    background-color: $color-danger;\r\n    border-color: $color-danger;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-danger, $lightness: 10%);\r\n      border-color: color.adjust($color-danger, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  &--warning {\r\n    background-color: $color-warning;\r\n    border-color: $color-warning;\r\n    color: $color-white;\r\n    &:hover {\r\n      background-color: color.adjust($color-warning, $lightness: 10%);\r\n      border-color: color.adjust($color-warning, $lightness: 10%);\r\n      color: $color-white;\r\n    }\r\n  }\r\n\r\n  // 朴素按钮\r\n  &--plain {\r\n    &.j-button--primary {\r\n      background-color: color.adjust($color-primary, $lightness: 40%);\r\n      color: $color-primary;\r\n      &:hover {\r\n        background-color: $color-primary;\r\n        color: $color-white;\r\n      }\r\n    }\r\n  }\r\n\r\n  // 圆角\r\n  &--round {\r\n    border-radius: $border-radius-round;\r\n  }\r\n\r\n  // 禁用\r\n  &--disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // 加载\r\n  &--loading {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &__loading-icon {\r\n    display: inline-block;\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: j-spin 0.6s linear infinite;\r\n  }\r\n\r\n  @keyframes j-spin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\n  <div class=\"j-upload-img-container\">\n    <!-- 多图模式 -->\n    <template v-if=\"multiple\">\n      <div class=\"images-wrapper\">\n        <draggable\n          v-model=\"imageList\"\n          class=\"images-list\"\n          item-key=\"uid\"\n          :animation=\"200\"\n          :disabled=\"disabled\"\n          @end=\"handleDragEnd\"\n        >\n          <template #item=\"{ element, index }\">\n            <div class=\"image-item\">\n              <el-image\n                :src=\"element.url\"\n                :preview-src-list=\"imageList.map(img => img.url)\"\n                :initial-index=\"index\"\n                fit=\"cover\"\n                class=\"image-preview\"\n                :preview-teleported=\"true\"\n                :hide-on-click-modal=\"true\"\n              />\n              <div v-if=\"!disabled\" class=\"delete-btn\" @click.stop=\"handleRemove(index)\">\n                <el-icon class=\"icon-delete\">\n                  <Delete />\n                </el-icon>\n              </div>\n            </div>\n          </template>\n        </draggable>\n\n        <!-- 多图上传按钮 -->\n        <el-upload\n          v-if=\"!disabled && (!limit || imageList.length < limit)\"\n          class=\"image-uploader\"\n          :auto-upload=\"false\"\n          :show-file-list=\"false\"\n          :on-change=\"handleFileChange\"\n          :disabled=\"uploading\"\n          list-type=\"picture-card\"\n          :accept=\"accept\"\n        >\n          <el-icon v-if=\"!uploading\" class=\"uploader-icon\">\n            <Plus />\n          </el-icon>\n          <el-icon v-else class=\"uploader-icon is-loading\">\n            <Loading />\n          </el-icon>\n        </el-upload>\n      </div>\n    </template>\n\n    <!-- 单图模式 -->\n    <template v-else>\n      <!-- 已有图片：独立展示，hover 显示操作遮罩 -->\n      <div v-if=\"imageUrl\" class=\"image-item single-image-item\">\n        <el-image\n          :src=\"imageUrl\"\n          fit=\"cover\"\n          class=\"image-preview\"\n        />\n        <div class=\"image-actions\">\n          <el-icon class=\"action-icon\" @click.stop=\"handlePreviewSingle\">\n            <ZoomIn />\n          </el-icon>\n          <el-icon v-if=\"!disabled\" class=\"action-icon\" @click.stop=\"handleRemoveSingle\">\n            <Delete />\n          </el-icon>\n        </div>\n      </div>\n\n      <!-- 无图片：显示上传按钮 -->\n      <el-upload\n        v-else\n        class=\"image-uploader\"\n        :auto-upload=\"false\"\n        :show-file-list=\"false\"\n        :on-change=\"handleFileChange\"\n        :disabled=\"disabled || uploading\"\n        :accept=\"accept\"\n        list-type=\"picture-card\"\n      >\n        <el-icon class=\"uploader-icon\">\n          <Plus v-if=\"!uploading\" />\n          <Loading v-else class=\"is-loading\" />\n        </el-icon>\n      </el-upload>\n\n      <!-- 大图预览 -->\n      <el-image-viewer\n        v-if=\"showPreview\"\n        :url-list=\"[imageUrl]\"\n        :teleported=\"true\"\n        @close=\"showPreview = false\"\n      />\n    </template>\n\n    <div v-if=\"showTipText\" class=\"upload-tip\">\n      <span>{{ tip }}</span>\n      <span v-if=\"multiple && limit\"> (最多 {{ limit }} 张)</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport type { UploadFile } from 'element-plus'\nimport { Plus, Loading, Delete, ZoomIn } from '@element-plus/icons-vue'\nimport draggable from 'vuedraggable'\nimport type { ImageItem } from './types'\n\ndefineOptions({\n  name: 'JUploadImg'\n})\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  disabled?: boolean\n  multiple?: boolean\n  limit?: number\n  maxSize?: number\n  accept?: string\n  tip?: string\n  showTip?: boolean\n  /** 自定义上传函数，接收 File 返回图片 URL */\n  uploadFn?: (file: File) => Promise<string>\n}>(), {\n  modelValue: '',\n  disabled: false,\n  multiple: false,\n  limit: 9,\n  maxSize: 2,\n  accept: 'image/jpeg,image/png,image/jpg,image/gif',\n  tip: '只能上传jpg/png/gif格式的图片,且不超过2MB',\n  showTip: true,\n  uploadFn: undefined\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string | string[]): void\n  (e: 'success', url: string): void\n  (e: 'error', error: any): void\n}>()\n\n// 单图模式\nconst imageUrl = ref<string>('')\nconst showPreview = ref(false)\nconst showTipText = props.showTip\n\nconst handlePreviewSingle = () => {\n  showPreview.value = true\n}\n\nconst handleRemoveSingle = () => {\n  imageUrl.value = ''\n  emit('update:modelValue', '')\n  ElMessage.success('删除成功')\n}\n\n// 多图模式\nconst imageList = ref<ImageItem[]>([])\nconst uploading = ref(false)\n\n// 初始化图片列表（多图模式）\nconst initImageList = (urls: string[]) => {\n  imageList.value = urls.map((url, index) => ({\n    uid: Date.now() + index,\n    url\n  }))\n}\n\n// 监听外部值变化\nwatch(() => props.modelValue, (val) => {\n  if (props.multiple) {\n    if (Array.isArray(val) && val.length > 0) {\n      initImageList(val)\n    } else {\n      imageList.value = []\n    }\n  } else {\n    if (typeof val === 'string') {\n      imageUrl.value = val\n    } else {\n      imageUrl.value = ''\n    }\n  }\n}, { immediate: true })\n\n// 拖拽结束（多图模式）\nconst handleDragEnd = () => {\n  emitMultipleUpdate()\n}\n\n// 删除图片（多图模式）\nconst handleRemove = (index: number) => {\n  imageList.value.splice(index, 1)\n  emitMultipleUpdate()\n  ElMessage.success('删除成功')\n}\n\n// 文件改变时触发\nconst handleFileChange = async (uploadFile: UploadFile) => {\n  const file = uploadFile.raw as File\n\n  if (!file) {\n    ElMessage.error('文件不存在，请重试')\n    return\n  }\n\n  if (file.size > props.maxSize * 1024 * 1024) {\n    ElMessage.error(`图片大小不能超过 ${props.maxSize}MB`)\n    return\n  }\n\n  if (!props.uploadFn) {\n    ElMessage.error('未配置上传函数 (uploadFn)')\n    return\n  }\n\n  try {\n    uploading.value = true\n    const url = await props.uploadFn(file)\n\n    if (props.multiple) {\n      imageList.value.push({ uid: Date.now(), url })\n      emitMultipleUpdate()\n    } else {\n      imageUrl.value = url\n      emit('update:modelValue', url)\n    }\n\n    emit('success', url)\n    ElMessage.success('上传成功')\n  } catch (error) {\n    console.error('上传出错:', error)\n    ElMessage.error('上传失败，请重试')\n    emit('error', error)\n  } finally {\n    uploading.value = false\n  }\n}\n\n// 触发多图更新\nconst emitMultipleUpdate = () => {\n  const urls = imageList.value.map(item => item.url)\n  emit('update:modelValue', urls)\n}\n</script>\n\n<style scoped>\n.j-upload-img-container {\n  display: inline-block;\n}\n\n/* 多图模式样式 */\n.images-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.images-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.image-item {\n  position: relative;\n  width: 74px;\n  height: 74px;\n  border: 1px solid var(--el-border-color);\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: move;\n}\n\n.image-preview {\n  width: 100%;\n  height: 100%;\n}\n\n.delete-btn {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 20px;\n  height: 20px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.image-item:hover .delete-btn {\n  opacity: 1;\n}\n\n.delete-btn:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n.icon-delete {\n  font-size: 12px;\n  color: #fff;\n}\n\n/* 单图和多图共用样式 */\n.image-uploader {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.image-uploader :deep(.el-upload) {\n  border: 1px dashed var(--el-border-color);\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  transition: var(--el-transition-duration-fast);\n  width: 74px !important;\n  height: 74px !important;\n}\n\n.image-uploader :deep(.el-upload:hover) {\n  border-color: var(--el-color-primary);\n}\n\n.uploader-icon {\n  font-size: 20px;\n  color: #8c939d;\n  width: 74px;\n  height: 74px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.single-image-item {\n  cursor: default;\n}\n\n.image-actions {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.single-image-item:hover .image-actions,\n.image-item:hover .image-actions {\n  opacity: 1;\n}\n\n.action-icon {\n  font-size: 18px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.action-icon:hover {\n  transform: scale(1.2);\n}\n\n.upload-tip {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #909399;\n  line-height: 1.5;\n}\n</style>\n","<template>\n  <Icon v-if=\"icon\" :icon=\"icon\" v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { Icon } from '@iconify/vue'\n\ndefineOptions({\n  name: 'JIconRender'\n})\n\ndefineProps<{\n  icon: string\n}>()\n</script>\n","import type { App } from 'vue'\r\nimport { JButton } from './components/JButton'\r\nimport { JUploadImg } from './components/JUploadImg'\r\nimport { JIconRender } from './components/JIconRender'\r\n\r\n// 组件列表，新增组件后在此处注册\r\nconst components = [JButton, JUploadImg, JIconRender]\r\n\r\n// 全量安装插件（app.use(JgyComponents)）\r\nconst install = (app: App) => {\r\n  components.forEach((component) => {\r\n    app.component(component.name ?? component.__name ?? '', component)\r\n  })\r\n}\r\n\r\n// 默认导出插件对象\r\nexport default { install }\r\n\r\n// 按需导出各组件\r\nexport { JButton, JUploadImg, JIconRender }\r\n\r\n// 导出类型\r\nexport type { ButtonType, ButtonSize } from './components/JButton'\r\nexport type { JUploadImgProps, JUploadImgEmits, ImageItem } from './components/JUploadImg'\r\nexport type { JIconRenderProps } from './components/JIconRender'\r\n"],"names":["props","__props","emit","__emit","handleClick","event","_createElementBlock","_openBlock","_hoisted_2","$slots","_hoisted_3","_renderSlot","_ctx","imageUrl","ref","showPreview","showTipText","handlePreviewSingle","handleRemoveSingle","ElMessage","imageList","uploading","initImageList","urls","url","index","watch","val","handleDragEnd","emitMultipleUpdate","handleRemove","handleFileChange","uploadFile","file","error","item","_hoisted_1","_createVNode","_unref","draggable","$event","_withCtx","element","_createElementVNode","_component_el_image","img","_withModifiers","_component_el_icon","Delete","_createBlock","_component_el_upload","Loading","Plus","_Fragment","_hoisted_5","_hoisted_6","ZoomIn","_component_el_image_viewer","_hoisted_7","_hoisted_8","_toDisplayString","_mergeProps","$attrs","components","JButton","JUploadImg","JIconRender","app","component"],"mappings":"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"}

package/dist/style.css

@@ -1 +1 @@
-.j-button[data-v-22864824]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:400;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;transition:all .15s ease;outline:none;-webkit-user-select:none;user-select:none}.j-button[data-v-22864824]:hover{color:#409eff;border-color:#409eff;background-color:#fff}.j-button--small[data-v-22864824]{padding:5px 12px;font-size:12px}.j-button--medium[data-v-22864824]{padding:8px 16px;font-size:14px}.j-button--large[data-v-22864824]{padding:12px 20px;font-size:16px}.j-button--primary[data-v-22864824]{background-color:#409eff;border-color:#409eff;color:#fff}.j-button--primary[data-v-22864824]:hover{background-color:#73b8ff;border-color:#73b8ff;color:#fff}.j-button--success[data-v-22864824]{background-color:#67c23a;border-color:#67c23a;color:#fff}.j-button--success[data-v-22864824]:hover{background-color:#85cf60;border-color:#85cf60;color:#fff}.j-button--danger[data-v-22864824]{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.j-button--danger[data-v-22864824]:hover{background-color:#f89c9c;border-color:#f89c9c;color:#fff}.j-button--warning[data-v-22864824]{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.j-button--warning[data-v-22864824]:hover{background-color:#ecb869;border-color:#ecb869;color:#fff}.j-button--plain.j-button--primary[data-v-22864824]{background-color:#fff;color:#409eff}.j-button--plain.j-button--primary[data-v-22864824]:hover{background-color:#409eff;color:#fff}.j-button--round[data-v-22864824]{border-radius:20px}.j-button--disabled[data-v-22864824]{opacity:.5;cursor:not-allowed;pointer-events:none}.j-button--loading[data-v-22864824]{opacity:.7;cursor:not-allowed;pointer-events:none}.j-button__loading-icon[data-v-22864824]{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:j-spin-22864824 .6s linear infinite}@keyframes j-spin-22864824{to{transform:rotate(360deg)}}.j-upload-img-container[data-v-9e73e6a2]{display:inline-block}.images-wrapper[data-v-9e73e6a2]{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.images-list[data-v-9e73e6a2]{display:flex;flex-wrap:wrap;gap:8px}.image-item[data-v-9e73e6a2]{position:relative;width:74px;height:74px;border:1px solid var(--el-border-color);border-radius:6px;overflow:hidden;cursor:move}.image-preview[data-v-9e73e6a2]{width:100%;height:100%}.delete-btn[data-v-9e73e6a2]{position:absolute;top:2px;right:2px;width:20px;height:20px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer;z-index:1}.image-item:hover .delete-btn[data-v-9e73e6a2]{opacity:1}.delete-btn[data-v-9e73e6a2]:hover{background-color:#000c}.icon-delete[data-v-9e73e6a2]{font-size:12px;color:#fff}.image-uploader[data-v-9e73e6a2]{display:inline-block;vertical-align:top}.image-uploader[data-v-9e73e6a2] .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast);width:74px!important;height:74px!important}.image-uploader[data-v-9e73e6a2] .el-upload:hover{border-color:var(--el-color-primary)}.uploader-icon[data-v-9e73e6a2]{font-size:20px;color:#8c939d;width:74px;height:74px;text-align:center;display:flex;align-items:center;justify-content:center}.single-image-item[data-v-9e73e6a2]{cursor:default}.image-actions[data-v-9e73e6a2]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s}.single-image-item:hover .image-actions[data-v-9e73e6a2],.image-item:hover .image-actions[data-v-9e73e6a2]{opacity:1}.action-icon[data-v-9e73e6a2]{font-size:18px;color:#fff;cursor:pointer;transition:transform .2s}.action-icon[data-v-9e73e6a2]:hover{transform:scale(1.2)}.upload-tip[data-v-9e73e6a2]{margin-top:8px;font-size:12px;color:#909399;line-height:1.5}
+.j-button[data-v-22864824]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:400;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;transition:all .15s ease;outline:none;-webkit-user-select:none;user-select:none}.j-button[data-v-22864824]:hover{color:#409eff;border-color:#409eff;background-color:#fff}.j-button--small[data-v-22864824]{padding:5px 12px;font-size:12px}.j-button--medium[data-v-22864824]{padding:8px 16px;font-size:14px}.j-button--large[data-v-22864824]{padding:12px 20px;font-size:16px}.j-button--primary[data-v-22864824]{background-color:#409eff;border-color:#409eff;color:#fff}.j-button--primary[data-v-22864824]:hover{background-color:#73b8ff;border-color:#73b8ff;color:#fff}.j-button--success[data-v-22864824]{background-color:#67c23a;border-color:#67c23a;color:#fff}.j-button--success[data-v-22864824]:hover{background-color:#85cf60;border-color:#85cf60;color:#fff}.j-button--danger[data-v-22864824]{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.j-button--danger[data-v-22864824]:hover{background-color:#f89c9c;border-color:#f89c9c;color:#fff}.j-button--warning[data-v-22864824]{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.j-button--warning[data-v-22864824]:hover{background-color:#ecb869;border-color:#ecb869;color:#fff}.j-button--plain.j-button--primary[data-v-22864824]{background-color:#fff;color:#409eff}.j-button--plain.j-button--primary[data-v-22864824]:hover{background-color:#409eff;color:#fff}.j-button--round[data-v-22864824]{border-radius:20px}.j-button--disabled[data-v-22864824]{opacity:.5;cursor:not-allowed;pointer-events:none}.j-button--loading[data-v-22864824]{opacity:.7;cursor:not-allowed;pointer-events:none}.j-button__loading-icon[data-v-22864824]{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:j-spin-22864824 .6s linear infinite}@keyframes j-spin-22864824{to{transform:rotate(360deg)}}.j-upload-img-container[data-v-052bacda]{display:inline-block}.images-wrapper[data-v-052bacda]{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.images-list[data-v-052bacda]{display:flex;flex-wrap:wrap;gap:8px}.image-item[data-v-052bacda]{position:relative;width:74px;height:74px;border:1px solid var(--el-border-color);border-radius:6px;overflow:hidden;cursor:move}.image-preview[data-v-052bacda]{width:100%;height:100%}.delete-btn[data-v-052bacda]{position:absolute;top:2px;right:2px;width:20px;height:20px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer;z-index:1}.image-item:hover .delete-btn[data-v-052bacda]{opacity:1}.delete-btn[data-v-052bacda]:hover{background-color:#000c}.icon-delete[data-v-052bacda]{font-size:12px;color:#fff}.image-uploader[data-v-052bacda]{display:inline-block;vertical-align:top}.image-uploader[data-v-052bacda] .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast);width:74px!important;height:74px!important}.image-uploader[data-v-052bacda] .el-upload:hover{border-color:var(--el-color-primary)}.uploader-icon[data-v-052bacda]{font-size:20px;color:#8c939d;width:74px;height:74px;text-align:center;display:flex;align-items:center;justify-content:center}.single-image-item[data-v-052bacda]{cursor:default}.image-actions[data-v-052bacda]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s}.single-image-item:hover .image-actions[data-v-052bacda],.image-item:hover .image-actions[data-v-052bacda]{opacity:1}.action-icon[data-v-052bacda]{font-size:18px;color:#fff;cursor:pointer;transition:transform .2s}.action-icon[data-v-052bacda]:hover{transform:scale(1.2)}.upload-tip[data-v-052bacda]{margin-top:8px;font-size:12px;color:#909399;line-height:1.5}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jgy-public-component",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "JGY 公共 Vue 3 组件库",
   "keywords": [
     "vue3",
@@ -43,12 +43,14 @@
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.1.0",
+    "@iconify/vue": "^4.1.0",
     "element-plus": "^2.4.0",
     "vue": "^3.3.0",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@element-plus/icons-vue": "^2.3.2",
+    "@iconify/vue": "^5.0.0",
     "@vitejs/plugin-vue": "^5.0.0",
     "element-plus": "^2.13.6",
     "sass": "^1.70.0",