yuang-framework-ui-pc 1.1.40 → 1.1.41

package/es/core-components.d.ts

@@ -1,4 +1,4 @@
-import { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
+import { default as YuSliderCaptchaDialog } from './yu-framework-slider-captcha-dialog/index';
 export { default as EleAdminLayout } from './ele-admin-layout/index';
 export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';

package/es/core-components.js

@@ -52,7 +52,7 @@ import { default as default52 } from "./ele-virtual-table/index";
 import { default as default53 } from "./ele-watermark/index";
 import { default as default54 } from "./ele-test/index";
 import { default as default55 } from "./yu-test/index";
-import { default as default56 } from "./yu-slider-captcha-dialog/index";
+import { default as default56 } from "./yu-framework-slider-captcha-dialog/index";
 export {
   default2 as EleAdminLayout,
   default3 as EleAlert,

package/es/style/plus.scss

@@ -45,4 +45,4 @@
 @use '../ele-virtual-table/style/index.scss' as virtualTable;
 
 
-@use '../yu-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;
+@use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;

package/es/yu-framework-attachment-image-upload/index.d.ts

@@ -0,0 +1,16 @@
+import { ComponentParam } from '@/model/component/param';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<ComponentParam>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<ComponentParam>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/yu-framework-attachment-image-upload/index.js

@@ -0,0 +1,164 @@
+import { defineComponent, mergeModels, ref, useModel, onMounted, resolveComponent, createElementBlock, openBlock, createVNode } from "vue";
+import { ElMessageBox } from "element-plus/es";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
+import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
+import { EleMessage } from "../../es/components";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "YuFrameworkAttachmentFileUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: {},
+    param: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const images = ref([]);
+    const isLoading = ref(false);
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (!file.type.startsWith("image")) {
+        EleMessage.error("只能选择图片");
+        return;
+      }
+      if (file.size / 1024 / 1024 > 2) {
+        EleMessage.error("大小不能超过 2MB");
+        return;
+      }
+      return true;
+    };
+    const model = useModel(__props, "modelValue");
+    model.value = model.value ?? getShortUuid();
+    onMounted(() => {
+      http.post(`${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/selectPage`, { code: model.value, pageSize: 100 }).then((res) => {
+        let attachemtList = res.data.data.records;
+        for (let i = 0; i < attachemtList.length; i++) {
+          images.value.push({
+            key: attachemtList[i].id,
+            url: attachemtList[i].fullUrl,
+            status: "done"
+          });
+        }
+      });
+    });
+    const handleUpload = (uploadItem2, retry) => {
+      if (!checkFile(uploadItem2.file)) {
+        return;
+      }
+      if (!retry) {
+        images.value.push({ ...uploadItem2 });
+      }
+      const item = images.value.find((t) => t.key === uploadItem2.key);
+      console.log(JSON.parse(JSON.stringify(item)));
+      if (!item) {
+        return;
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      let formData = new FormData();
+      formData.append("code", model.value);
+      formData.append("multipartFile", uploadItem2.file, uploadItem2.file.name);
+      http({
+        url: `${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        EleMessage.error(e.message);
+      });
+    };
+    const handleEditUpload = ({ item, newItem }) => {
+      if (!checkFile(newItem.file)) {
+        return;
+      }
+      const oldItem = images.value.find((t) => t.key === item.key);
+      if (oldItem) {
+        oldItem.url = void 0;
+        oldItem.name = newItem.name;
+        oldItem.file = newItem.file;
+        oldItem.status = void 0;
+        oldItem.progress = 0;
+      }
+    };
+    const handleRemove = (item) => {
+      ElMessageBox.confirm("确定要删除吗?", "系统提示", {
+        type: "warning",
+        draggable: true
+      }).then(() => {
+        images.value.splice(images.value.indexOf(item), 1);
+      }).catch(() => {
+      });
+    };
+    const uploadItem = (item) => {
+      item.status = "uploading";
+      if (item.progress == null) {
+        item.progress = 20;
+      }
+      const timer = setInterval(
+        () => {
+          if (Math.round(Math.random() * 10) < 3) {
+            item.status = "exception";
+            EleMessage.error("上传失败, 服务器繁忙，请重试");
+            clearInterval(timer);
+            return;
+          }
+          if (item.progress == null) {
+            item.progress = 20;
+          } else {
+            item.progress += 20;
+          }
+          if (item.progress === 100) {
+            item.status = "done";
+            clearInterval(timer);
+            if (checkDone()) {
+              submitForm();
+            }
+          }
+        },
+        Math.round(Math.random() * 2500) + 500
+      );
+    };
+    const checkDone = () => {
+      return !images.value.some((d) => d.status !== "done");
+    };
+    const submitForm = () => {
+      EleMessage.success("已全部上传完毕");
+      console.log(JSON.parse(JSON.stringify(images.value)));
+      isLoading.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_ele_upload_list = resolveComponent("ele-upload-list");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_ele_upload_list, {
+          drag: true,
+          tools: true,
+          modelValue: images.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+          readonly: isLoading.value,
+          disabled: _ctx.param.type != "edit",
+          sortable: { forceFallback: true },
+          onUpload: handleUpload,
+          onRetry: uploadItem,
+          onRemove: handleRemove,
+          onEditUpload: handleEditUpload
+        }, null, 8, ["modelValue", "readonly", "disabled"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/SliderCaptcha.js

@@ -1,9 +1,10 @@
 import { defineComponent, ref, onMounted, nextTick, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode, unref, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, createBlock } from "vue";
 import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
 import { RefreshRight, CircleClose } from "@element-plus/icons-vue";
 import { SliderArrowStatic, SliderArrowSlide } from "../icons";
-const _hoisted_1 = { class: "yu-slider-captcha" };
-const _hoisted_2 = { class: "yu-slider-captcha-title" };
+const _hoisted_1 = { class: "yu-framework-slider-captcha" };
+const _hoisted_2 = { class: "yu-framework-slider-captcha-title" };
 const _hoisted_3 = ["width", "height"];
 const _hoisted_4 = { class: "slider-hint" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -54,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getCaptcha();
     };
     const getCaptcha = () => {
-      http.get("/sso-api/core/framework-captcha/getSliderCaptcha", { params: {} }).then((res) => {
+      http.get(`${application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/getSliderCaptcha`, { params: {} }).then((res) => {
         key.value = res.data.data.key;
         block.value.src = res.data.data.blockSrc;
         block.value.style.top = res.data.data.blockY + "px";
@@ -147,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: key.value,
             captcha: moveLength
           };
-          http.get("/sso-api/core/framework-captcha/validateSliderCaptcha", { params }).then((res) => {
+          http.get(`${application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/validateSliderCaptcha`, { params }).then((res) => {
             verifySuccessEvent();
             setTimeout(() => {
               emit("success", { key: key.value, value: moveLength });
@@ -212,25 +213,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _cache[0] || (_cache[0] = createTextVNode(" 完成拼图验证 ")),
           createElementVNode("div", {
             onClick: refresh,
-            class: "yu-slider-captcha-refresh-icon"
+            class: "yu-framework-slider-captcha-refresh-icon"
           }, [
             createVNode(unref(RefreshRight))
           ]),
           createElementVNode("div", {
             onClick: close,
-            class: "yu-slider-captcha-close-icon"
+            class: "yu-framework-slider-captcha-close-icon"
           }, [
             createVNode(unref(CircleClose))
           ])
         ]),
         createElementVNode("div", {
-          class: "yu-slider-captcha",
+          class: "yu-framework-slider-captcha",
           style: normalizeStyle({ width: _ctx.canvasWidth + "px" }),
           onselectstart: "return false;"
         }, [
           isLoading.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass({ "yu-slider-captcha-img-loading": isLoading.value }),
+            class: normalizeClass({ "yu-framework-slider-captcha-img-loading": isLoading.value }),
             style: normalizeStyle({ height: _ctx.canvasHeight + "px" })
           }, null, 6)) : createCommentVNode("", true),
           isVerifySuccess.value ? (openBlock(), createElementBlock("div", {
@@ -241,33 +242,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("img", {
             ref_key: "canvas",
             ref: canvas,
-            class: "yu-slider-captcha-canvas",
+            class: "yu-framework-slider-captcha-canvas",
             width: _ctx.canvasWidth,
             height: _ctx.canvasHeight
           }, null, 8, _hoisted_3),
           createElementVNode("img", {
             ref_key: "block",
             ref: block,
-            class: normalizeClass(["yu-slider-captcha-block", { "is-verify-fail": isVerifyFail.value }])
+            class: normalizeClass(["yu-framework-slider-captcha-block", { "is-verify-fail": isVerifyFail.value }])
           }, null, 2),
           createElementVNode("div", {
-            class: normalizeClass(["yu-slider-captcha-slider", { "is-verify-active": isVerifyActive.value, "is-verify-success": isVerifySuccess.value, "is-verify-fail": isVerifyFail.value }])
+            class: normalizeClass(["yu-framework-slider-captcha-slider", { "is-verify-active": isVerifyActive.value, "is-verify-success": isVerifySuccess.value, "is-verify-fail": isVerifyFail.value }])
           }, [
             createElementVNode("div", {
-              class: "yu-slider-captcha-slider-box",
+              class: "yu-framework-slider-captcha-slider-box",
               style: normalizeStyle({ width: sliderBoxWidth.value + "px" })
             }, [
               createElementVNode("div", {
-                class: "yu-slider-captcha-slider-button",
+                class: "yu-framework-slider-captcha-slider-button",
                 id: "slider-button",
                 style: normalizeStyle({ left: sliderButtonLeft.value + "px" })
               }, [
                 !isSliderSlide.value ? (openBlock(), createBlock(unref(SliderArrowStatic), {
                   key: 0,
-                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
+                  class: "yu-framework-slider-captcha-slider-button-icon yu-color-primary"
                 })) : (openBlock(), createBlock(unref(SliderArrowSlide), {
                   key: 1,
-                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
+                  class: "yu-framework-slider-captcha-slider-button-icon yu-color-primary"
                 }))
               ], 4)
             ], 4),

package/es/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/index.js

@@ -2,13 +2,13 @@ import { defineComponent, ref, createElementBlock, createCommentVNode, openBlock
 import SliderCaptcha from "./SliderCaptcha";
 const _hoisted_1 = {
   key: 0,
-  class: "yu-slider-captcha-dialog"
+  class: "yu-framework-slider-captcha-dialog"
 };
-const _hoisted_2 = { class: "yu-slider-captcha-dialog-wrapper" };
-const _hoisted_3 = { class: "yu-slider-captcha-dialog yu-slider-captcha-slide-up" };
-const _hoisted_4 = { class: "yu-slider-captcha" };
+const _hoisted_2 = { class: "yu-framework-slider-captcha-dialog-wrapper" };
+const _hoisted_3 = { class: "yu-framework-slider-captcha-dialog yu-framework-slider-captcha-slide-up" };
+const _hoisted_4 = { class: "yu-framework-slider-captcha" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "YuSliderCaptchaDialog" },
+  ...{ name: "YuFrameworkSliderCaptchaDialog" },
   __name: "index",
   emits: ["success", "fail", "close"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return isShowSliderCaptcha.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("div", { class: "yu-slider-captcha-dialog-modal" }, null, -1)),
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "yu-framework-slider-captcha-dialog-modal" }, null, -1)),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("div", _hoisted_4, [

package/es/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/style/index.scss

@@ -2,8 +2,8 @@
 @use '../../style/default.scss' as *;
 
 /* 滑块验证码弹出框 */
-.yu-slider-captcha-dialog {
-  .yu-slider-captcha-dialog-modal {
+.yu-framework-slider-captcha-dialog {
+  .yu-framework-slider-captcha-dialog-modal {
     position: fixed;
     left: 0;
     top: 0;
@@ -15,7 +15,7 @@
     z-index: 1000;
   }
 
-  .yu-slider-captcha-dialog-wrapper {
+  .yu-framework-slider-captcha-dialog-wrapper {
     position: fixed;
     top: 0;
     right: 0;
@@ -26,7 +26,7 @@
 
     z-index: 1001;
 
-    .yu-slider-captcha-dialog {
+    .yu-framework-slider-captcha-dialog {
       // 在移动端禁止上下滑动，添加position: fixed;
       position: fixed;
       background: #fff;
@@ -47,15 +47,15 @@
 
       border-radius: 4px;
 
-      .yu-slider-captcha {
+      .yu-framework-slider-captcha {
       }
     }
 
-    .yu-slider-captcha-slide-up {
-      animation: yu-slider-captcha-slide-up-animation 0.5s ease;
+    .yu-framework-slider-captcha-slide-up {
+      animation: yu-framework-slider-captcha-slide-up-animation 0.5s ease;
     }
 
-    @keyframes yu-slider-captcha-slide-up-animation {
+    @keyframes yu-framework-slider-captcha-slide-up-animation {
       0% {
         transform: translate(-50%, 100%);
       }
@@ -70,18 +70,18 @@
 
 
 /* 滑块验证码弹容器 */
-.yu-slider-captcha {
-  .yu-slider-captcha {
+.yu-framework-slider-captcha {
+  .yu-framework-slider-captcha {
     position: relative;
   }
 
-  .yu-slider-captcha-title {
+  .yu-framework-slider-captcha-title {
     position: relative;
     height: 30px;
     font-size: 16px;
   }
 
-  .yu-slider-captcha-refresh-icon {
+  .yu-framework-slider-captcha-refresh-icon {
     position: absolute;
     right: 30px;
     top: 0;
@@ -94,11 +94,11 @@
     opacity: 0.7;
   }
 
-  .yu-slider-captcha-refresh-icon:hover {
+  .yu-framework-slider-captcha-refresh-icon:hover {
     opacity: 1;
   }
 
-  .yu-slider-captcha-close-icon {
+  .yu-framework-slider-captcha-close-icon {
     position: absolute;
     right: 0;
     top: 0;
@@ -111,20 +111,20 @@
     opacity: 0.7;
   }
 
-  .yu-slider-captcha-close-icon:hover {
+  .yu-framework-slider-captcha-close-icon:hover {
     opacity: 1;
   }
 }
 
 /*图片加载样式*/
-.yu-slider-captcha-img-loading {
+.yu-framework-slider-captcha-img-loading {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 999;
-  animation: yu-slider-captcha-loading 1.5s infinite;
+  animation: yu-framework-slider-captcha-loading 1.5s infinite;
   background-image: url(../images/loading.svg);
   background-repeat: no-repeat;
   background-position: center center;
@@ -133,7 +133,7 @@
   //border-radius: 5px;
 }
 
-@keyframes yu-slider-captcha-loading {
+@keyframes yu-framework-slider-captcha-loading {
   0% {
     opacity: 0.7;
   }
@@ -170,12 +170,12 @@
 //}
 
 /*验证图片*/
-.yu-slider-captcha-canvas {
+.yu-framework-slider-captcha-canvas {
   //border-radius: 5px;
 }
 
 /*阻塞块*/
-.yu-slider-captcha-block {
+.yu-framework-slider-captcha-block {
   position: absolute;
   left: 0;
   top: 0;
@@ -184,12 +184,12 @@
 }
 
 /*校验失败时的阻塞块样式*/
-.yu-slider-captcha-block.is-verify-fail {
+.yu-framework-slider-captcha-block.is-verify-fail {
   transition: left 0.5s linear;
 }
 
 /*滑动条*/
-.yu-slider-captcha-slider {
+.yu-framework-slider-captcha-slider {
   position: relative;
   text-align: center;
   width: 100%;
@@ -206,7 +206,7 @@
 }
 
 /*滑动盒子*/
-.yu-slider-captcha-slider-box {
+.yu-framework-slider-captcha-slider-box {
   position: absolute;
   left: 0;
   top: 0;
@@ -219,7 +219,7 @@
 }
 
 /*滑动按钮*/
-.yu-slider-captcha-slider-button {
+.yu-framework-slider-captcha-slider-button {
   background-color: rgb(255, 255, 255);
   color: white;
   text-align: center;
@@ -240,17 +240,17 @@
 }
 
 /*鼠标悬浮时的按钮样式*/
-.yu-slider-captcha-slider-button:hover {
+.yu-framework-slider-captcha-slider-button:hover {
   //background: #1991FA
   cursor: pointer;
 }
 
 /*鼠标悬浮时的按钮图标样式*/
-.yu-slider-captcha-slider-button:hover .yu-slider-captcha-slider-button-icon {
+.yu-framework-slider-captcha-slider-button:hover .yu-framework-slider-captcha-slider-button-icon {
 }
 
 /*滑动按钮图标*/
-.yu-slider-captcha-slider-button-icon {
+.yu-framework-slider-captcha-slider-button-icon {
   width: 32px;
   height: 32px;
   font-size: 24px;
@@ -266,13 +266,13 @@
 }
 
 /*校验时的滑动箱样式*/
-.is-verify-active .yu-slider-captcha-slider-box {
+.is-verify-active .yu-framework-slider-captcha-slider-box {
   height: 40px;
   border-width: 1px;
 }
 
 /*校验成功时的滑动箱样式*/
-.is-verify-success .yu-slider-captcha-slider-box {
+.is-verify-success .yu-framework-slider-captcha-slider-box {
   height: 40px;
 }
 
@@ -281,12 +281,12 @@
 }
 
 /*校验成功时的按钮图标样式*/
-.is-verify-success .yu-slider-captcha-slider-button-icon {
+.is-verify-success .yu-framework-slider-captcha-slider-button-icon {
   background-position: 0 0 !important;
 }
 
 /*校验失败时的滑动箱样式*/
-.is-verify-fail .yu-slider-captcha-slider-box {
+.is-verify-fail .yu-framework-slider-captcha-slider-box {
   transition: width 0.5s linear;
 }
 
@@ -296,5 +296,5 @@
 }
 
 /*校验失败时的按钮图标样式*/
-.is-verify-fail .yu-slider-captcha-slider-button-icon {
+.is-verify-fail .yu-framework-slider-captcha-slider-button-icon {
 }

package/lib/core-components.cjs

@@ -54,7 +54,7 @@ const index$P = require("./ele-virtual-table/index");
 const index$Q = require("./ele-watermark/index");
 const index$R = require("./ele-test/index");
 const index$S = require("./yu-test/index");
-const index = require("./yu-slider-captcha-dialog/index");
+const index = require("./yu-framework-slider-captcha-dialog/index");
 exports.EleAdminLayout = index$1;
 exports.EleAlert = index$2;
 exports.EleApp = index$3;

package/lib/core-components.d.ts

@@ -1,4 +1,4 @@
-import { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
+import { default as YuSliderCaptchaDialog } from './yu-framework-slider-captcha-dialog/index';
 export { default as EleAdminLayout } from './ele-admin-layout/index';
 export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';

package/lib/style/plus.scss

@@ -45,4 +45,4 @@
 @use '../ele-virtual-table/style/index.scss' as virtualTable;
 
 
-@use '../yu-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;
+@use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;

package/lib/yu-framework-attachment-image-upload/index.cjs

@@ -0,0 +1,163 @@
+"use strict";
+const vue = require("vue");
+const es = require("element-plus/es");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const uuidUtils = require("yuang-framework-ui-common/lib/utils/uuidUtils");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
+const components = require("../../es/components");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YuFrameworkAttachmentFileUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ vue.mergeModels({
+    modelValue: {},
+    param: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const images = vue.ref([]);
+    const isLoading = vue.ref(false);
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (!file.type.startsWith("image")) {
+        components.EleMessage.error("只能选择图片");
+        return;
+      }
+      if (file.size / 1024 / 1024 > 2) {
+        components.EleMessage.error("大小不能超过 2MB");
+        return;
+      }
+      return true;
+    };
+    const model = vue.useModel(__props, "modelValue");
+    model.value = model.value ?? uuidUtils.getShortUuid();
+    vue.onMounted(() => {
+      httpConfig.http.post(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/selectPage`, { code: model.value, pageSize: 100 }).then((res) => {
+        let attachemtList = res.data.data.records;
+        for (let i = 0; i < attachemtList.length; i++) {
+          images.value.push({
+            key: attachemtList[i].id,
+            url: attachemtList[i].fullUrl,
+            status: "done"
+          });
+        }
+      });
+    });
+    const handleUpload = (uploadItem2, retry) => {
+      if (!checkFile(uploadItem2.file)) {
+        return;
+      }
+      if (!retry) {
+        images.value.push({ ...uploadItem2 });
+      }
+      const item = images.value.find((t) => t.key === uploadItem2.key);
+      console.log(JSON.parse(JSON.stringify(item)));
+      if (!item) {
+        return;
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      let formData = new FormData();
+      formData.append("code", model.value);
+      formData.append("multipartFile", uploadItem2.file, uploadItem2.file.name);
+      httpConfig.http({
+        url: `${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        components.EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        components.EleMessage.error(e.message);
+      });
+    };
+    const handleEditUpload = ({ item, newItem }) => {
+      if (!checkFile(newItem.file)) {
+        return;
+      }
+      const oldItem = images.value.find((t) => t.key === item.key);
+      if (oldItem) {
+        oldItem.url = void 0;
+        oldItem.name = newItem.name;
+        oldItem.file = newItem.file;
+        oldItem.status = void 0;
+        oldItem.progress = 0;
+      }
+    };
+    const handleRemove = (item) => {
+      es.ElMessageBox.confirm("确定要删除吗?", "系统提示", {
+        type: "warning",
+        draggable: true
+      }).then(() => {
+        images.value.splice(images.value.indexOf(item), 1);
+      }).catch(() => {
+      });
+    };
+    const uploadItem = (item) => {
+      item.status = "uploading";
+      if (item.progress == null) {
+        item.progress = 20;
+      }
+      const timer = setInterval(
+        () => {
+          if (Math.round(Math.random() * 10) < 3) {
+            item.status = "exception";
+            components.EleMessage.error("上传失败, 服务器繁忙，请重试");
+            clearInterval(timer);
+            return;
+          }
+          if (item.progress == null) {
+            item.progress = 20;
+          } else {
+            item.progress += 20;
+          }
+          if (item.progress === 100) {
+            item.status = "done";
+            clearInterval(timer);
+            if (checkDone()) {
+              submitForm();
+            }
+          }
+        },
+        Math.round(Math.random() * 2500) + 500
+      );
+    };
+    const checkDone = () => {
+      return !images.value.some((d) => d.status !== "done");
+    };
+    const submitForm = () => {
+      components.EleMessage.success("已全部上传完毕");
+      console.log(JSON.parse(JSON.stringify(images.value)));
+      isLoading.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_ele_upload_list = vue.resolveComponent("ele-upload-list");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_ele_upload_list, {
+          drag: true,
+          tools: true,
+          modelValue: images.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+          readonly: isLoading.value,
+          disabled: _ctx.param.type != "edit",
+          sortable: { forceFallback: true },
+          onUpload: handleUpload,
+          onRetry: uploadItem,
+          onRemove: handleRemove,
+          onEditUpload: handleEditUpload
+        }, null, 8, ["modelValue", "readonly", "disabled"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/yu-framework-attachment-image-upload/index.d.ts

@@ -0,0 +1,16 @@
+import { ComponentParam } from '@/model/component/param';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<ComponentParam>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<ComponentParam>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/SliderCaptcha.cjs

@@ -1,10 +1,11 @@
 "use strict";
 const vue = require("vue");
 const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
 const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../icons");
-const _hoisted_1 = { class: "yu-slider-captcha" };
-const _hoisted_2 = { class: "yu-slider-captcha-title" };
+const _hoisted_1 = { class: "yu-framework-slider-captcha" };
+const _hoisted_2 = { class: "yu-framework-slider-captcha-title" };
 const _hoisted_3 = ["width", "height"];
 const _hoisted_4 = { class: "slider-hint" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -55,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       getCaptcha();
     };
     const getCaptcha = () => {
-      httpConfig.http.get("/sso-api/core/framework-captcha/getSliderCaptcha", { params: {} }).then((res) => {
+      httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/getSliderCaptcha`, { params: {} }).then((res) => {
         key.value = res.data.data.key;
         block.value.src = res.data.data.blockSrc;
         block.value.style.top = res.data.data.blockY + "px";
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             key: key.value,
             captcha: moveLength
           };
-          httpConfig.http.get("/sso-api/core/framework-captcha/validateSliderCaptcha", { params }).then((res) => {
+          httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/validateSliderCaptcha`, { params }).then((res) => {
             verifySuccessEvent();
             setTimeout(() => {
               emit("success", { key: key.value, value: moveLength });
@@ -213,25 +214,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           _cache[0] || (_cache[0] = vue.createTextVNode(" 完成拼图验证 ")),
           vue.createElementVNode("div", {
             onClick: refresh,
-            class: "yu-slider-captcha-refresh-icon"
+            class: "yu-framework-slider-captcha-refresh-icon"
           }, [
             vue.createVNode(vue.unref(iconsVue.RefreshRight))
           ]),
           vue.createElementVNode("div", {
             onClick: close,
-            class: "yu-slider-captcha-close-icon"
+            class: "yu-framework-slider-captcha-close-icon"
           }, [
             vue.createVNode(vue.unref(iconsVue.CircleClose))
           ])
         ]),
         vue.createElementVNode("div", {
-          class: "yu-slider-captcha",
+          class: "yu-framework-slider-captcha",
           style: vue.normalizeStyle({ width: _ctx.canvasWidth + "px" }),
           onselectstart: "return false;"
         }, [
           isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vue.normalizeClass({ "yu-slider-captcha-img-loading": isLoading.value }),
+            class: vue.normalizeClass({ "yu-framework-slider-captcha-img-loading": isLoading.value }),
             style: vue.normalizeStyle({ height: _ctx.canvasHeight + "px" })
           }, null, 6)) : vue.createCommentVNode("", true),
           isVerifySuccess.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -242,33 +243,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("img", {
             ref_key: "canvas",
             ref: canvas,
-            class: "yu-slider-captcha-canvas",
+            class: "yu-framework-slider-captcha-canvas",
             width: _ctx.canvasWidth,
             height: _ctx.canvasHeight
           }, null, 8, _hoisted_3),
           vue.createElementVNode("img", {
             ref_key: "block",
             ref: block,
-            class: vue.normalizeClass(["yu-slider-captcha-block", { "is-verify-fail": isVerifyFail.value }])
+            class: vue.normalizeClass(["yu-framework-slider-captcha-block", { "is-verify-fail": isVerifyFail.value }])
           }, null, 2),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["yu-slider-captcha-slider", { "is-verify-active": isVerifyActive.value, "is-verify-success": isVerifySuccess.value, "is-verify-fail": isVerifyFail.value }])
+            class: vue.normalizeClass(["yu-framework-slider-captcha-slider", { "is-verify-active": isVerifyActive.value, "is-verify-success": isVerifySuccess.value, "is-verify-fail": isVerifyFail.value }])
           }, [
             vue.createElementVNode("div", {
-              class: "yu-slider-captcha-slider-box",
+              class: "yu-framework-slider-captcha-slider-box",
               style: vue.normalizeStyle({ width: sliderBoxWidth.value + "px" })
             }, [
               vue.createElementVNode("div", {
-                class: "yu-slider-captcha-slider-button",
+                class: "yu-framework-slider-captcha-slider-button",
                 id: "slider-button",
                 style: vue.normalizeStyle({ left: sliderButtonLeft.value + "px" })
               }, [
                 !isSliderSlide.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.SliderArrowStatic), {
                   key: 0,
-                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
+                  class: "yu-framework-slider-captcha-slider-button-icon yu-color-primary"
                 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.SliderArrowSlide), {
                   key: 1,
-                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
+                  class: "yu-framework-slider-captcha-slider-button-icon yu-color-primary"
                 }))
               ], 4)
             ], 4),

package/lib/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/index.cjs

@@ -3,13 +3,13 @@ const vue = require("vue");
 const SliderCaptcha = require("./SliderCaptcha");
 const _hoisted_1 = {
   key: 0,
-  class: "yu-slider-captcha-dialog"
+  class: "yu-framework-slider-captcha-dialog"
 };
-const _hoisted_2 = { class: "yu-slider-captcha-dialog-wrapper" };
-const _hoisted_3 = { class: "yu-slider-captcha-dialog yu-slider-captcha-slide-up" };
-const _hoisted_4 = { class: "yu-slider-captcha" };
+const _hoisted_2 = { class: "yu-framework-slider-captcha-dialog-wrapper" };
+const _hoisted_3 = { class: "yu-framework-slider-captcha-dialog yu-framework-slider-captcha-slide-up" };
+const _hoisted_4 = { class: "yu-framework-slider-captcha" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "YuSliderCaptchaDialog" },
+  ...{ name: "YuFrameworkSliderCaptchaDialog" },
   __name: "index",
   emits: ["success", "fail", "close"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return isShowSliderCaptcha.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "yu-slider-captcha-dialog-modal" }, null, -1)),
+        _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "yu-framework-slider-captcha-dialog-modal" }, null, -1)),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [

package/lib/{yu-slider-captcha-dialog → yu-framework-slider-captcha-dialog}/style/index.scss

@@ -2,8 +2,8 @@
 @use '../../style/default.scss' as *;
 
 /* 滑块验证码弹出框 */
-.yu-slider-captcha-dialog {
-  .yu-slider-captcha-dialog-modal {
+.yu-framework-slider-captcha-dialog {
+  .yu-framework-slider-captcha-dialog-modal {
     position: fixed;
     left: 0;
     top: 0;
@@ -15,7 +15,7 @@
     z-index: 1000;
   }
 
-  .yu-slider-captcha-dialog-wrapper {
+  .yu-framework-slider-captcha-dialog-wrapper {
     position: fixed;
     top: 0;
     right: 0;
@@ -26,7 +26,7 @@
 
     z-index: 1001;
 
-    .yu-slider-captcha-dialog {
+    .yu-framework-slider-captcha-dialog {
       // 在移动端禁止上下滑动，添加position: fixed;
       position: fixed;
       background: #fff;
@@ -47,15 +47,15 @@
 
       border-radius: 4px;
 
-      .yu-slider-captcha {
+      .yu-framework-slider-captcha {
       }
     }
 
-    .yu-slider-captcha-slide-up {
-      animation: yu-slider-captcha-slide-up-animation 0.5s ease;
+    .yu-framework-slider-captcha-slide-up {
+      animation: yu-framework-slider-captcha-slide-up-animation 0.5s ease;
     }
 
-    @keyframes yu-slider-captcha-slide-up-animation {
+    @keyframes yu-framework-slider-captcha-slide-up-animation {
       0% {
         transform: translate(-50%, 100%);
       }
@@ -70,18 +70,18 @@
 
 
 /* 滑块验证码弹容器 */
-.yu-slider-captcha {
-  .yu-slider-captcha {
+.yu-framework-slider-captcha {
+  .yu-framework-slider-captcha {
     position: relative;
   }
 
-  .yu-slider-captcha-title {
+  .yu-framework-slider-captcha-title {
     position: relative;
     height: 30px;
     font-size: 16px;
   }
 
-  .yu-slider-captcha-refresh-icon {
+  .yu-framework-slider-captcha-refresh-icon {
     position: absolute;
     right: 30px;
     top: 0;
@@ -94,11 +94,11 @@
     opacity: 0.7;
   }
 
-  .yu-slider-captcha-refresh-icon:hover {
+  .yu-framework-slider-captcha-refresh-icon:hover {
     opacity: 1;
   }
 
-  .yu-slider-captcha-close-icon {
+  .yu-framework-slider-captcha-close-icon {
     position: absolute;
     right: 0;
     top: 0;
@@ -111,20 +111,20 @@
     opacity: 0.7;
   }
 
-  .yu-slider-captcha-close-icon:hover {
+  .yu-framework-slider-captcha-close-icon:hover {
     opacity: 1;
   }
 }
 
 /*图片加载样式*/
-.yu-slider-captcha-img-loading {
+.yu-framework-slider-captcha-img-loading {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 999;
-  animation: yu-slider-captcha-loading 1.5s infinite;
+  animation: yu-framework-slider-captcha-loading 1.5s infinite;
   background-image: url(../images/loading.svg);
   background-repeat: no-repeat;
   background-position: center center;
@@ -133,7 +133,7 @@
   //border-radius: 5px;
 }
 
-@keyframes yu-slider-captcha-loading {
+@keyframes yu-framework-slider-captcha-loading {
   0% {
     opacity: 0.7;
   }
@@ -170,12 +170,12 @@
 //}
 
 /*验证图片*/
-.yu-slider-captcha-canvas {
+.yu-framework-slider-captcha-canvas {
   //border-radius: 5px;
 }
 
 /*阻塞块*/
-.yu-slider-captcha-block {
+.yu-framework-slider-captcha-block {
   position: absolute;
   left: 0;
   top: 0;
@@ -184,12 +184,12 @@
 }
 
 /*校验失败时的阻塞块样式*/
-.yu-slider-captcha-block.is-verify-fail {
+.yu-framework-slider-captcha-block.is-verify-fail {
   transition: left 0.5s linear;
 }
 
 /*滑动条*/
-.yu-slider-captcha-slider {
+.yu-framework-slider-captcha-slider {
   position: relative;
   text-align: center;
   width: 100%;
@@ -206,7 +206,7 @@
 }
 
 /*滑动盒子*/
-.yu-slider-captcha-slider-box {
+.yu-framework-slider-captcha-slider-box {
   position: absolute;
   left: 0;
   top: 0;
@@ -219,7 +219,7 @@
 }
 
 /*滑动按钮*/
-.yu-slider-captcha-slider-button {
+.yu-framework-slider-captcha-slider-button {
   background-color: rgb(255, 255, 255);
   color: white;
   text-align: center;
@@ -240,17 +240,17 @@
 }
 
 /*鼠标悬浮时的按钮样式*/
-.yu-slider-captcha-slider-button:hover {
+.yu-framework-slider-captcha-slider-button:hover {
   //background: #1991FA
   cursor: pointer;
 }
 
 /*鼠标悬浮时的按钮图标样式*/
-.yu-slider-captcha-slider-button:hover .yu-slider-captcha-slider-button-icon {
+.yu-framework-slider-captcha-slider-button:hover .yu-framework-slider-captcha-slider-button-icon {
 }
 
 /*滑动按钮图标*/
-.yu-slider-captcha-slider-button-icon {
+.yu-framework-slider-captcha-slider-button-icon {
   width: 32px;
   height: 32px;
   font-size: 24px;
@@ -266,13 +266,13 @@
 }
 
 /*校验时的滑动箱样式*/
-.is-verify-active .yu-slider-captcha-slider-box {
+.is-verify-active .yu-framework-slider-captcha-slider-box {
   height: 40px;
   border-width: 1px;
 }
 
 /*校验成功时的滑动箱样式*/
-.is-verify-success .yu-slider-captcha-slider-box {
+.is-verify-success .yu-framework-slider-captcha-slider-box {
   height: 40px;
 }
 
@@ -281,12 +281,12 @@
 }
 
 /*校验成功时的按钮图标样式*/
-.is-verify-success .yu-slider-captcha-slider-button-icon {
+.is-verify-success .yu-framework-slider-captcha-slider-button-icon {
   background-position: 0 0 !important;
 }
 
 /*校验失败时的滑动箱样式*/
-.is-verify-fail .yu-slider-captcha-slider-box {
+.is-verify-fail .yu-framework-slider-captcha-slider-box {
   transition: width 0.5s linear;
 }
 
@@ -296,5 +296,5 @@
 }
 
 /*校验失败时的按钮图标样式*/
-.is-verify-fail .yu-slider-captcha-slider-button-icon {
+.is-verify-fail .yu-framework-slider-captcha-slider-button-icon {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.40",
+  "version": "1.1.41",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts --mode dev",