el-plus 0.0.47 → 0.0.51

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.47 */
+/*! ElPlus v0.0.51 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus'), require('@vue/shared'), require('axios'), require('js-cookie'), require('defu'), require('qs'), require('element-plus/es/components/table/src/table/defaults'), require('@element-plus/icons-vue'), require('mitt'), require('lodash-unified'), require('@vueuse/core'), require('vue-router'), require('js-base64'), require('vue2'), require('vue-router3')) :
@@ -289,6 +289,18 @@
         notFound: "\u672A\u627E\u5230, \u8BF7\u6C42\u7684\u8D44\u6E90\u4E0D\u5B58\u5728",
         //
         serverError: "\u5185\u90E8\u670D\u52A1\u5668\u9519\u8BEF\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"
+      },
+      attachment: {
+        addAttachment: "\u6DFB\u52A0\u9644\u4EF6",
+        manageAttachment: "\u9644\u4EF6\u7BA1\u7406",
+        operation: "\u64CD\u4F5C",
+        download: "\u4E0B\u8F7D",
+        delete: "\u5220\u9664",
+        attachmentType: "\u9644\u4EF6\u7C7B\u578B",
+        fileName: "\u6587\u4EF6\u540D\u79F0",
+        creator: "\u521B\u5EFA\u4EBA",
+        createTime: "\u521B\u5EFA\u65F6\u95F4",
+        description: "\u8BF4\u660E"
       }
     }
   };
@@ -1564,9 +1576,10 @@
           ...reqParams,
           ...config.params
         };
-        if (data.$query) {
-          config.data[data.$query] = data.$searchValue;
-          delete data.$searchValue;
+        if (config.data.$query) {
+          config.data[config.data.$query] = data.$searchValue;
+          delete config.data.$searchValue;
+          delete config.data.$query;
         }
         if (reqBefore) {
           reqBefore(config);
@@ -1812,7 +1825,7 @@
           size: "small",
           onClick: open
         }, {
-          default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(vue.unref(t)("ep.customColumn.defineColumn")), 1)]),
+          default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(vue.unref(t)("ep.customColumn.columnSettings")), 1)]),
           _: 1
         }, 8, ["class"])) : vue.createCommentVNode("", true), vue.createVNode(vue.unref(CustomColumnDialog), null, {
           default: vue.withCtx(() => [vue.createVNode(_component_el_transfer, {
@@ -1965,7 +1978,14 @@
       ...formProps
     } = options;
     const formRef = vue.ref();
-    let formData = formProps.formData || vue.reactive({});
+    const isUseComFormData = !formProps.formData;
+    let formData = isUseComFormData ? vue.reactive({}) : formProps.formData;
+    const isDestroy = dialogProps?.destroyOnClose;
+    const resetForm = async () => {
+      if (isDestroy) {
+        await formRef.value?.resetFields();
+      }
+    };
     return useDialog({
       class: bem$1.b(),
       width: "80%",
@@ -1983,7 +2003,12 @@
       },
       onConfirm: async (resolve) => {
         await formRef.value.validate();
-        resolve(formData);
+        resolve(JSON.parse(JSON.stringify(formData)));
+        resetForm();
+      },
+      onCancel: async (resolve) => {
+        await resetForm();
+        resolve("cancel");
       },
       ...dialogProps
     });
@@ -2086,6 +2111,9 @@
     const resetFields = (props2) => {
       return elFormRef.value.resetFields(props2);
     };
+    const clearSelection = () => {
+      return elTableRef.value.clearSelection();
+    };
     const clearValidate = (props2) => {
       return elFormRef.value.clearValidate(props2);
     };
@@ -2104,6 +2132,7 @@
       pagination,
       paginationProps,
       validate,
+      clearSelection,
       resetFields,
       clearValidate,
       elFormRef,
@@ -2357,6 +2386,7 @@
         validate,
         resetFields,
         clearValidate,
+        clearSelection,
         loading,
         search,
         elFormRef,
@@ -2377,6 +2407,7 @@
         validate,
         resetFields,
         clearValidate,
+        clearSelection,
         search,
         openCustomColumnDialog: () => {
           customColumnRef.value?.open();
@@ -2710,7 +2741,7 @@
     const list = mergeListByKey(defaultButtons, props.leftButtons);
     if (props.customColumnModule) {
       list.push({
-        name: t("ep.customColumn.defineColumn"),
+        name: t("ep.customColumn.columnSettings"),
         prop: "customColumn",
         type: "primary",
         onClick: () => {
@@ -3171,7 +3202,12 @@
       default: () => []
     },
     // 工作流id
-    workflowId: String
+    workflowId: String,
+    // 是否显示附件按钮
+    isShowAttachmentButton: {
+      type: Boolean,
+      default: false
+    }
   };
   const headerEmits = {};
 
@@ -3270,67 +3306,452 @@
     };
   };
   const useButtons = (props, emit) => {
-    const { t } = useLocale();
+    const {
+      t
+    } = useLocale();
+    const {
+      mode: defaultMode
+    } = useNavigation();
+    const mode = vue.computed(() => {
+      return props.mode || defaultMode.value;
+    });
+    let defaultButtons = [{
+      name: t("ep.header.edit"),
+      prop: "modify",
+      permission: props.name ? `${props.name}:UPDATE` : "",
+      disabled: () => {
+        return mode.value !== "browse";
+      }
+    }, {
+      name: t("ep.header.save"),
+      prop: "save",
+      permission: props.name ? `${props.name}:SAVE` : "",
+      disabled: () => {
+        return !(mode.value === "edit" || mode.value === "add");
+      }
+    }, {
+      name: t("ep.header.cancel"),
+      prop: "cancel",
+      disabled: () => {
+        return mode.value !== "edit";
+      }
+    }, {
+      name: t("ep.header.refresh"),
+      prop: "refresh",
+      permission: props.name ? `${props.name}:REFRESH` : "",
+      disabled: () => {
+        return mode.value !== "browse";
+      }
+    }, {
+      name: t("ep.header.approvalLog"),
+      prop: "approvalLog",
+      permission: props.name ? `${props.name}:APPROVALLOG` : "",
+      show: () => {
+        return !!props.workflowId;
+      },
+      onClick: () => {
+        gotoTaskTrace(props.workflowId);
+      }
+    }];
+    if (props.defaultButtons.length) {
+      defaultButtons = defaultButtons.filter((item) => {
+        return props.defaultButtons.some((item1) => item1 === item.prop);
+      });
+    }
+    const buttons = mergeListByKey(defaultButtons, props.buttons);
+    return {
+      buttons
+    };
+  };
+
+  const attachmentProps = {
+    // 格式化列
+    formatColumns: {
+      ...tableProps.formatColumns
+    },
+    // 页面模式
+    mode: {
+      ...headerProps.mode
+    },
+    // 展示模式
+    openType: {
+      type: String,
+      default: "dialog"
+    },
+    // 是否需要类型
+    isType: {
+      type: Boolean,
+      default: true
+    },
+    // 是否需要备注
+    isNote: {
+      type: Boolean,
+      default: false
+    },
+    // 是否需要打开弹窗按钮
+    isShowOpenDialogButton: {
+      type: Boolean,
+      default: false
+    }
+  };
+
+  const getFullUrl = (filePath) => {
+    return filePath.indexOf("hongxinshop.com") > -1 ? filePath : `${window.location.protocol}${getEnv() === "local" ? `//${getLocationEnv()}-hxjf.hongxinshop.com` : ""}/image/${filePath}`;
+  };
+  const downloadSrc = ({
+    src,
+    fileName,
+    blob
+  }) => {
+    if (src) {
+      fileName = fileName || src.split("/")[src.split("/").length - 1];
+      const a = document.createElement("a");
+      a.style.display = "none";
+      document.body.appendChild(a);
+      const event = new MouseEvent("click");
+      a.download = fileName;
+      a.href = blob ? src : getFullUrl(src);
+      a.target = "_blank";
+      a.dispatchEvent(event);
+      document.body.removeChild(a);
+    }
+  };
+  async function downloadFile({
+    api = "",
+    blob,
+    data = {},
+    src,
+    fileName = "",
+    config = {}
+  }) {
+    if (src) {
+      downloadSrc({ src, fileName });
+      return;
+    }
+    http.request(api, {
+      method: config.method || "post",
+      data,
+      loading: true,
+      responseType: blob ? "blob" : void 0,
+      responseReturn: "raw",
+      ...config
+    }).then((res) => {
+      const { headers } = res;
+      if (!res.data.success) {
+        return elementPlus.ElMessage.error(res.data.msg);
+      }
+      const data2 = res.data?.data || res.data?.data?.url || "";
+      const lowerHeaders = {};
+      for (const key in headers) {
+        lowerHeaders[key.toLowerCase()] = headers[key];
+      }
+      let src2 = "";
+      if (blob) {
+        const contentDisposition = lowerHeaders["content-disposition"] || "";
+        fileName = fileName || decodeURIComponent(contentDisposition.split("filename=")[1]);
+        const blob2 = new Blob([data2], {
+          type: headers["content-type"]
+        });
+        src2 = window.URL.createObjectURL(blob2);
+        setTimeout(() => window.URL.revokeObjectURL(src2), 100);
+      } else {
+        src2 = data2;
+      }
+      downloadSrc({ src: src2, fileName, blob });
+    });
+  }
+  const importFile = async ({
+    accept = "*",
+    multiple = false,
+    fieldName = "file",
+    failedFileName = "",
+    extraData = {},
+    api = ""
+  }) => {
+    return new Promise((resolve, reject) => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = accept;
+      input.multiple = multiple;
+      const formData = new FormData();
+      Object.keys(extraData).forEach((key) => {
+        formData.append(key, extraData[key]);
+      });
+      input.onchange = async (event) => {
+        const target = event.target;
+        const files = target.files;
+        if (files && files.length > 0) {
+          if (!multiple) {
+            formData.append(fieldName, files[0]);
+          } else {
+            Array.from(files).forEach((file, index) => {
+              formData.append(`${fieldName}${index}`, file);
+            });
+          }
+          try {
+            const { data } = await http.request(api, {
+              method: "post",
+              data: formData,
+              loading: true,
+              responseReturn: "raw",
+              transformRequest: [
+                function(data2) {
+                  return data2;
+                }
+              ]
+            });
+            if (data.success) {
+              return resolve(data.data);
+            }
+            if (data.code === -2) {
+              const fileName = failedFileName || data.data.split("/")[data.data.split("/").length - 1];
+              const url = `${window.location.origin}/image/${data.data}`;
+              const failedHtml = `<div style="word-break: break-all;">\u5931\u8D25\u8BE6\u60C5\uFF1A<a style="color:#409EFF;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${url}" href="${url}" download="${fileName}">${url}</a></div>`;
+              elementPlus.ElMessageBox.alert(failedHtml, "\u63D0\u793A", {
+                confirmButtonText: "\u786E\u5B9A",
+                type: "error",
+                dangerouslyUseHTMLString: true
+              });
+              return;
+            }
+            return elementPlus.ElMessage.error(data.msg);
+          } catch (error) {
+            console.error(error);
+          }
+          input.onchange = null;
+        }
+      };
+      input.click();
+    });
+  };
+  const previewFile = (url) => {
+    url = getFullUrl(url);
+    const origin = getFullUrl("").replace("/image/", "");
+    const previewUrl = `${origin}/kfv/onlinePreview?url=${jsBase64.encode(url)}`;
+    window.open(previewUrl, "_blank");
+  };
+
+  const useAttachment = (props, { data }) => {
     const { mode: defaultMode } = useNavigation();
+    const { t } = useLocale();
     const mode = vue.computed(() => {
       return props.mode || defaultMode.value;
     });
-    let defaultButtons = [
+    const tableRef = vue.useTemplateRef("tableRef");
+    const isNormalOpen = props.openType === "normal";
+    const isDialogOpen = props.openType === "dialog";
+    let toBeConfirmData = [];
+    let toBeDeleteData = {};
+    const columns = vue.ref([
       {
-        name: t("ep.header.edit"),
-        prop: "modify",
-        permission: props.name ? `${props.name}:UPDATE` : "",
-        disabled: () => {
-          return mode.value !== "browse";
+        type: "EpButtons",
+        label: t("ep.attachment.operation"),
+        width: "120px",
+        props: {
+          type: "text",
+          list: [
+            {
+              name: t("ep.attachment.download"),
+              onClick({ row }) {
+                downloadFile({
+                  src: row.filePath,
+                  fileName: row.originalFilename || row.originalFileName
+                });
+              }
+            },
+            {
+              name: t("ep.attachment.delete"),
+              disabled: () => {
+                return mode.value === "browse";
+              },
+              onClick: ({ $index, row }) => {
+                if (isDialogOpen) {
+                  toBeDeleteData[$index] = row;
+                }
+                data.value.splice($index, 1);
+              }
+            }
+          ]
         }
       },
       {
-        name: t("ep.header.save"),
-        prop: "save",
-        permission: props.name ? `${props.name}:SAVE` : "",
-        disabled: () => {
-          return !(mode.value === "edit" || mode.value === "add");
+        label: t("ep.attachment.attachmentType"),
+        prop: "type",
+        type: "EpSelect",
+        required: true,
+        show: () => props.isType,
+        props: {
+          desc: ({ row }) => {
+            return row.typeDesc;
+          }
         }
       },
       {
-        name: t("ep.header.cancel"),
-        prop: "cancel",
-        disabled: () => {
-          return mode.value !== "edit";
+        label: t("ep.attachment.fileName"),
+        prop: "originalFilename",
+        type: "EpLink",
+        onClick({ row }) {
+          previewFile(row.filePath);
         }
       },
       {
-        name: t("ep.header.refresh"),
-        prop: "refresh",
-        permission: props.name ? `${props.name}:REFRESH` : "",
-        disabled: () => {
-          return mode.value !== "browse";
-        }
+        label: t("ep.attachment.creator"),
+        prop: "createBy"
       },
       {
-        name: t("ep.header.approvalLog"),
-        prop: "approvalLog",
-        permission: props.name ? `${props.name}:APPROVALLOG` : "",
-        show: () => {
-          return !!props.workflowId;
-        },
-        onClick: () => {
-          gotoTaskTrace(props.workflowId);
-        }
+        label: t("ep.attachment.createTime"),
+        prop: "createTime"
+      },
+      {
+        label: t("ep.attachment.description"),
+        prop: "note",
+        type: "EpInput",
+        show: () => props.isNote
       }
-    ];
-    if (props.defaultButtons.length) {
-      defaultButtons = defaultButtons.filter((item) => {
-        return props.defaultButtons.some((item1) => item1 === item.prop);
+    ]);
+    const addAttachment = async () => {
+      toBeConfirmData = [];
+      const fileData = await importFile({
+        api: "api-f/fast/files/save",
+        extraData: {
+          createBy: Cookies.get("accountName") || ""
+        }
       });
-    }
-    const buttons = mergeListByKey(defaultButtons, props.buttons);
+      fileData.fileId = fileData.id;
+      delete fileData.id;
+      if (isDialogOpen) {
+        toBeConfirmData.push(fileData);
+      }
+      data.value.push(fileData);
+    };
+    const onConfirm = async (resolve) => {
+      await tableRef.value?.validate();
+      resolve(data.value);
+    };
+    const onCancel = (resolve) => {
+      if (toBeConfirmData.length) {
+        const index = data.value.findIndex((item) => {
+          return item.fileId === toBeConfirmData[0].fileId;
+        });
+        if (index !== -1) {
+          data.value.splice(index, 1);
+        }
+        toBeConfirmData = [];
+      }
+      if (Object.keys(toBeDeleteData).length) {
+        Object.keys(toBeDeleteData).forEach((oldIndex) => {
+          data.value.splice(Number(oldIndex), 0, toBeDeleteData[oldIndex]);
+        });
+        toBeDeleteData = {};
+      }
+      resolve();
+    };
     return {
-      buttons
+      columns,
+      addAttachment,
+      isNormalOpen,
+      isDialogOpen,
+      onConfirm,
+      onCancel
     };
   };
 
   var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "EpAttachment",
+      inheritAttrs: false
+    },
+    __name: "attachment",
+    props: /* @__PURE__ */ vue.mergeModels(attachmentProps, {
+      "modelValue": {},
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props, { expose: __expose }) {
+      const { t } = useLocale();
+      const bem = createNameSpace("attachment");
+      const props = __props;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const { columns, addAttachment, isNormalOpen, onConfirm, onCancel } = useAttachment(props, {
+        data: modelValue
+      });
+      const AttachmentDialog = useDialog({
+        width: 850,
+        center: true,
+        title: isNormalOpen ? "" : t("ep.attachment.manageAttachment"),
+        modal: !isNormalOpen,
+        showClose: !isNormalOpen,
+        showFooter: !isNormalOpen,
+        transition: isNormalOpen ? "" : "dialog-fade",
+        modalClass: bem.em(
+          "dialog",
+          props.openType === "normal" ? props.openType : ""
+        ),
+        onConfirm: async (resolve) => {
+          onConfirm(resolve);
+        },
+        onCancel: (resolve) => {
+          onCancel(resolve);
+        }
+      });
+      const open = AttachmentDialog.open;
+      if (isNormalOpen) {
+        open();
+      }
+      __expose({
+        open
+      });
+      return (_ctx, _cache) => {
+        const _component_EpButtons = vue.resolveComponent("EpButtons");
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          _ctx.isShowOpenDialogButton ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+            key: 0,
+            type: "primary",
+            plain: "",
+            size: "small",
+            class: vue.normalizeClass(vue.unref(bem).e("handler")),
+            onClick: vue.unref(open)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("ep.attachment.manageAttachment")) + "(" + vue.toDisplayString(modelValue.value?.length || 0) + ") ", 1)
+            ]),
+            _: 1
+          }, 8, ["class", "onClick"])) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(AttachmentDialog), null, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
+                _ctx.openType === "dialog" ? (vue.openBlock(), vue.createBlock(_component_EpButtons, {
+                  key: 0,
+                  type: "primary",
+                  list: [
+                    {
+                      name: vue.unref(t)("ep.attachment.addAttachment"),
+                      type: "primary",
+                      onClick: vue.unref(addAttachment)
+                    }
+                  ]
+                }, null, 8, ["list"])) : vue.createCommentVNode("", true)
+              ]),
+              vue.createVNode(vue.unref(EpTable), vue.mergeProps({
+                ref: "tableRef",
+                class: `${vue.unref(bem).b()} ${vue.unref(prepareClassNames)()}`,
+                style: {
+                  ...vue.unref(prepareStyles)()
+                },
+                columns: vue.unref(columns),
+                data: modelValue.value
+              }, props), null, 16, ["class", "style", "columns", "data"])
+            ]),
+            _: 1
+          })
+        ], 64);
+      };
+    }
+  });
+
+  const EpAttachment = withInstall(_sfc_main$4);
+
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpHeader",
       inheritAttrs: false
@@ -3357,13 +3778,17 @@
             content: vue.withCtx(() => []),
             _: 1
           }, 8, ["onBack"])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(EpButtons), { list: vue.unref(buttons) }, null, 8, ["list"])
+          vue.createVNode(vue.unref(EpButtons), { list: vue.unref(buttons) }, null, 8, ["list"]),
+          props.isShowAttachmentButton ? (vue.openBlock(), vue.createBlock(vue.unref(EpAttachment), {
+            key: 1,
+            "is-show-open-dialog-button": ""
+          })) : vue.createCommentVNode("", true)
         ], 6);
       };
     }
   });
 
-  const EpHeader = withInstall(_sfc_main$4);
+  const EpHeader = withInstall(_sfc_main$3);
 
   const { t } = useLocale();
   const datePickerRangeProps = {
@@ -3433,7 +3858,7 @@
   };
   const datePickerRangeEmits = {};
 
-  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpDatePickerRange",
       inheritAttrs: false
@@ -3489,7 +3914,7 @@
     }
   });
 
-  const EpDatePickerRange = withInstall(_sfc_main$3);
+  const EpDatePickerRange = withInstall(_sfc_main$2);
 
   const linkProps = {
     ...elementPlus.linkProps,
@@ -3506,7 +3931,7 @@
     }
   };
 
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpLink",
       inheritAttrs: false
@@ -3551,236 +3976,7 @@
     }
   });
 
-  const EpLink = withInstall(_sfc_main$2);
-
-  const attachmentProps = {
-    // 格式化列
-    formatColumns: {
-      ...tableProps.formatColumns
-    },
-    // 页面模式
-    mode: {
-      ...headerProps.mode
-    },
-    // 展示模式
-    openType: {
-      type: String,
-      default: "dialog"
-    },
-    // 是否需要类型
-    isType: {
-      type: Boolean,
-      default: true
-    },
-    // 是否需要备注
-    isNote: {
-      type: Boolean,
-      default: false
-    }
-  };
-
-  const getFullUrl = (filePath) => {
-    return filePath.indexOf("hongxinshop.com") > -1 ? filePath : `${window.location.protocol}${getEnv() === "local" ? `//${getLocationEnv()}-hxjf.hongxinshop.com` : ""}/image/${filePath}`;
-  };
-  const downloadSrc = ({
-    src,
-    fileName,
-    blob
-  }) => {
-    if (src) {
-      fileName = fileName || src.split("/")[src.split("/").length - 1];
-      const a = document.createElement("a");
-      a.style.display = "none";
-      document.body.appendChild(a);
-      const event = new MouseEvent("click");
-      a.download = fileName;
-      a.href = blob ? src : getFullUrl(src);
-      a.target = "_blank";
-      a.dispatchEvent(event);
-      document.body.removeChild(a);
-    }
-  };
-  async function downloadFile({
-    api = "",
-    blob,
-    data = {},
-    src,
-    fileName = "",
-    config = {}
-  }) {
-    if (src) {
-      downloadSrc({ src, fileName });
-      return;
-    }
-    http.request(api, {
-      method: config.method || "post",
-      data,
-      loading: true,
-      responseType: blob ? "blob" : void 0,
-      responseReturn: "raw",
-      ...config
-    }).then((res) => {
-      const { headers } = res;
-      if (!res.data.success) {
-        return elementPlus.ElMessage.error(res.data.msg);
-      }
-      const data2 = res.data?.data || res.data?.data?.url || "";
-      const lowerHeaders = {};
-      for (const key in headers) {
-        lowerHeaders[key.toLowerCase()] = headers[key];
-      }
-      let src2 = "";
-      if (blob) {
-        const contentDisposition = lowerHeaders["content-disposition"] || "";
-        fileName = fileName || decodeURIComponent(contentDisposition.split("filename=")[1]);
-        const blob2 = new Blob([data2], {
-          type: headers["content-type"]
-        });
-        src2 = window.URL.createObjectURL(blob2);
-        setTimeout(() => window.URL.revokeObjectURL(src2), 100);
-      } else {
-        src2 = data2;
-      }
-      downloadSrc({ src: src2, fileName, blob });
-    });
-  }
-  const previewFile = (url) => {
-    url = getFullUrl(url);
-    const origin = getFullUrl("").replace("/image/", "");
-    const previewUrl = `${origin}/kfv/onlinePreview?url=${jsBase64.encode(url)}`;
-    window.open(previewUrl, "_blank");
-  };
-
-  const useAttachment = (props, { data }) => {
-    const { mode: defaultMode } = useNavigation();
-    const mode = vue.computed(() => {
-      return props.mode || defaultMode.value;
-    });
-    const columns = vue.ref([
-      {
-        type: "EpButtons",
-        label: "\u64CD\u4F5C",
-        width: "120px",
-        props: {
-          type: "text",
-          list: [
-            {
-              name: "\u4E0B\u8F7D",
-              onClick({ row }) {
-                downloadFile({
-                  src: row.filePath,
-                  fileName: row.originalFilename || row.originalFileName
-                });
-              }
-            },
-            {
-              name: "\u5220\u9664",
-              disabled: () => {
-                return mode.value === "browse";
-              },
-              onClick: ({ $index }) => {
-                data.value.splice($index, 1);
-              }
-            }
-          ]
-        }
-      },
-      {
-        label: "\u9644\u4EF6\u7C7B\u578B",
-        prop: "type",
-        type: "EpSelect",
-        required: true,
-        show: () => props.isType,
-        props: {
-          desc: ({ row }) => {
-            return row.typeDesc;
-          }
-        }
-      },
-      {
-        label: "\u6587\u4EF6\u540D\u79F0",
-        prop: "originalFilename",
-        type: "EpLink",
-        onClick({ row }) {
-          previewFile(row.filePath);
-        }
-      },
-      {
-        label: "\u521B\u5EFA\u4EBA",
-        prop: "createBy"
-      },
-      {
-        label: "\u521B\u5EFA\u65F6\u95F4",
-        prop: "createTime"
-      },
-      {
-        label: "\u8BF4\u660E",
-        prop: "note",
-        type: "EpInput",
-        show: () => props.isNote
-      }
-    ]);
-    return {
-      columns
-    };
-  };
-
-  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...{
-      name: "EpAttachment",
-      inheritAttrs: false
-    },
-    __name: "attachment",
-    props: /* @__PURE__ */ vue.mergeModels(attachmentProps, {
-      "modelValue": {},
-      "modelModifiers": {}
-    }),
-    emits: ["update:modelValue"],
-    setup(__props) {
-      const bem = createNameSpace("attachment");
-      const props = __props;
-      const modelValue = vue.useModel(__props, "modelValue");
-      const AttachmentDialog = useDialog({
-        class: bem.em("dialog", props.openType === "normal" ? props.openType : ""),
-        width: 850,
-        center: true,
-        title: "\u9644\u4EF6\u7BA1\u7406",
-        onConfirm: async (resolve) => {
-        }
-      });
-      const { columns } = useAttachment(props, {
-        data: modelValue
-      });
-      return (_ctx, _cache) => {
-        const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createBlock(vue.unref(AttachmentDialog), null, {
-          default: vue.withCtx(() => [
-            _ctx.openType === "dialog" ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-              key: 0,
-              type: "primary",
-              size: "default"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode("\u6DFB\u52A0\u9644\u4EF6")
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("", true),
-            vue.createVNode(vue.unref(EpTable), vue.mergeProps({
-              class: `${vue.unref(bem).b()} ${vue.unref(prepareClassNames)()}`,
-              style: {
-                ...vue.unref(prepareStyles)()
-              },
-              columns: vue.unref(columns),
-              data: modelValue.value
-            }, props), null, 16, ["class", "style", "columns", "data"])
-          ]),
-          _: 1
-        });
-      };
-    }
-  });
-
-  const EpAttachment = withInstall(_sfc_main$1);
+  const EpLink = withInstall(_sfc_main$1);
 
   const componentType = ["bpm", "address"];
   const uniVueProps = {
@@ -3971,7 +4167,7 @@
     EpUniVue
   ];
 
-  var version = "0.0.47";
+  var version = "0.0.51";
 
   var globalProperties = {
     install(app) {
@@ -4005,6 +4201,11 @@
         }, [t("ep.chooseDialog.selected"), selections.value.length, t("ep.chooseDialog.unit")]);
       };
     }
+    const clearSelections = async () => {
+      selections.value = [];
+      searchListPageRef.value?.tableRef?.clearSelection();
+    };
+    let searchListPageRef;
     return useDialog({
       class: bem.b(),
       width: "80%",
@@ -4013,12 +4214,22 @@
       title,
       onConfirm: (resolve) => {
         resolve(JSON.parse(JSON.stringify(selections.value)));
+        clearSelections();
+      },
+      onCancel: async (resolve) => {
+        clearSelections();
+        resolve();
       },
       render: ({
         resolve
       }) => {
+        if (!searchListPageRef) {
+          searchListPageRef = vue.useTemplateRef("searchListPage");
+        }
         const formData = rest.formData || vue.reactive({});
-        return vue.createVNode(EpSearchListPage, {
+        return vue.createVNode(EpSearchListPage, vue.mergeProps({
+          "ref": "searchListPage"
+        }, {
           showSelectionCol: multiple,
           showSingleSelectionCol,
           formData,
@@ -4037,7 +4248,7 @@
               resolve(vue.toRaw(selections));
             }
           }
-        }, null);
+        }), null);
       },
       ...dialogProps
     });