el-plus 0.0.47 → 0.0.51

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.47 */
+/*! ElPlus v0.0.51 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
@@ -281,6 +281,18 @@ var zhCn = {
       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"
     }
   }
 };
@@ -1556,9 +1568,10 @@ const useRequest = ({
         ...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);
@@ -1804,7 +1817,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
         size: "small",
         onClick: open
       }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ep.customColumn.defineColumn")), 1)]),
+        default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ep.customColumn.columnSettings")), 1)]),
         _: 1
       }, 8, ["class"])) : createCommentVNode("", true), createVNode(unref(CustomColumnDialog), null, {
         default: withCtx(() => [createVNode(_component_el_transfer, {
@@ -1957,7 +1970,14 @@ const useFormDialog = (options = {}) => {
     ...formProps
   } = options;
   const formRef = ref();
-  let formData = formProps.formData || reactive({});
+  const isUseComFormData = !formProps.formData;
+  let formData = isUseComFormData ? reactive({}) : formProps.formData;
+  const isDestroy = dialogProps?.destroyOnClose;
+  const resetForm = async () => {
+    if (isDestroy) {
+      await formRef.value?.resetFields();
+    }
+  };
   return useDialog({
     class: bem$1.b(),
     width: "80%",
@@ -1975,7 +1995,12 @@ const useFormDialog = (options = {}) => {
     },
     onConfirm: async (resolve) => {
       await formRef.value.validate();
-      resolve(formData);
+      resolve(JSON.parse(JSON.stringify(formData)));
+      resetForm();
+    },
+    onCancel: async (resolve) => {
+      await resetForm();
+      resolve("cancel");
     },
     ...dialogProps
   });
@@ -2078,6 +2103,9 @@ const useTable$1 = (props) => {
   const resetFields = (props2) => {
     return elFormRef.value.resetFields(props2);
   };
+  const clearSelection = () => {
+    return elTableRef.value.clearSelection();
+  };
   const clearValidate = (props2) => {
     return elFormRef.value.clearValidate(props2);
   };
@@ -2096,6 +2124,7 @@ const useTable$1 = (props) => {
     pagination,
     paginationProps,
     validate,
+    clearSelection,
     resetFields,
     clearValidate,
     elFormRef,
@@ -2349,6 +2378,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
       validate,
       resetFields,
       clearValidate,
+      clearSelection,
       loading,
       search,
       elFormRef,
@@ -2369,6 +2399,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
       validate,
       resetFields,
       clearValidate,
+      clearSelection,
       search,
       openCustomColumnDialog: () => {
         customColumnRef.value?.open();
@@ -2702,7 +2733,7 @@ const useButtons$1 = (props, { validate, resetFields, tableRef }) => {
   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: () => {
@@ -3163,7 +3194,12 @@ const headerProps = {
     default: () => []
   },
   // 工作流id
-  workflowId: String
+  workflowId: String,
+  // 是否显示附件按钮
+  isShowAttachmentButton: {
+    type: Boolean,
+    default: false
+  }
 };
 const headerEmits = {};
 
@@ -3262,67 +3298,452 @@ const useHeader = (props, emit) => {
   };
 };
 const useButtons = (props, emit) => {
-  const { t } = useLocale();
+  const {
+    t
+  } = useLocale();
+  const {
+    mode: defaultMode
+  } = useNavigation();
+  const mode = 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 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>`;
+            ElMessageBox.alert(failedHtml, "\u63D0\u793A", {
+              confirmButtonText: "\u786E\u5B9A",
+              type: "error",
+              dangerouslyUseHTMLString: true
+            });
+            return;
+          }
+          return 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=${encode(url)}`;
+  window.open(previewUrl, "_blank");
+};
+
+const useAttachment = (props, { data }) => {
   const { mode: defaultMode } = useNavigation();
+  const { t } = useLocale();
   const mode = computed(() => {
     return props.mode || defaultMode.value;
   });
-  let defaultButtons = [
+  const tableRef = useTemplateRef("tableRef");
+  const isNormalOpen = props.openType === "normal";
+  const isDialogOpen = props.openType === "dialog";
+  let toBeConfirmData = [];
+  let toBeDeleteData = {};
+  const columns = 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__ */ defineComponent({
+  ...{
+    name: "EpAttachment",
+    inheritAttrs: false
+  },
+  __name: "attachment",
+  props: /* @__PURE__ */ mergeModels(attachmentProps, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const { t } = useLocale();
+    const bem = createNameSpace("attachment");
+    const props = __props;
+    const modelValue = 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 = resolveComponent("EpButtons");
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+          key: 0,
+          type: "primary",
+          plain: "",
+          size: "small",
+          class: normalizeClass(unref(bem).e("handler")),
+          onClick: unref(open)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ep.attachment.manageAttachment")) + "(" + toDisplayString(modelValue.value?.length || 0) + ") ", 1)
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"])) : createCommentVNode("", true),
+        createVNode(unref(AttachmentDialog), null, {
+          default: withCtx(() => [
+            createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
+              _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+                key: 0,
+                type: "primary",
+                list: [
+                  {
+                    name: unref(t)("ep.attachment.addAttachment"),
+                    type: "primary",
+                    onClick: unref(addAttachment)
+                  }
+                ]
+              }, null, 8, ["list"])) : createCommentVNode("", true)
+            ]),
+            createVNode(unref(EpTable), mergeProps({
+              ref: "tableRef",
+              class: `${unref(bem).b()} ${unref(prepareClassNames)()}`,
+              style: {
+                ...unref(prepareStyles)()
+              },
+              columns: 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__ */ defineComponent({
   ...{
     name: "EpHeader",
     inheritAttrs: false
@@ -3349,13 +3770,17 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
           content: withCtx(() => []),
           _: 1
         }, 8, ["onBack"])) : createCommentVNode("", true),
-        createVNode(unref(EpButtons), { list: unref(buttons) }, null, 8, ["list"])
+        createVNode(unref(EpButtons), { list: unref(buttons) }, null, 8, ["list"]),
+        props.isShowAttachmentButton ? (openBlock(), createBlock(unref(EpAttachment), {
+          key: 1,
+          "is-show-open-dialog-button": ""
+        })) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
 
-const EpHeader = withInstall(_sfc_main$4);
+const EpHeader = withInstall(_sfc_main$3);
 
 const { t } = useLocale();
 const datePickerRangeProps = {
@@ -3425,7 +3850,7 @@ const datePickerRangeProps = {
 };
 const datePickerRangeEmits = {};
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpDatePickerRange",
     inheritAttrs: false
@@ -3481,7 +3906,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpDatePickerRange = withInstall(_sfc_main$3);
+const EpDatePickerRange = withInstall(_sfc_main$2);
 
 const linkProps = {
   ...linkProps$1,
@@ -3498,7 +3923,7 @@ const linkProps = {
   }
 };
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpLink",
     inheritAttrs: false
@@ -3543,236 +3968,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 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=${encode(url)}`;
-  window.open(previewUrl, "_blank");
-};
-
-const useAttachment = (props, { data }) => {
-  const { mode: defaultMode } = useNavigation();
-  const mode = computed(() => {
-    return props.mode || defaultMode.value;
-  });
-  const columns = 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__ */ defineComponent({
-  ...{
-    name: "EpAttachment",
-    inheritAttrs: false
-  },
-  __name: "attachment",
-  props: /* @__PURE__ */ mergeModels(attachmentProps, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const bem = createNameSpace("attachment");
-    const props = __props;
-    const modelValue = 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 = resolveComponent("el-button");
-      return openBlock(), createBlock(unref(AttachmentDialog), null, {
-        default: withCtx(() => [
-          _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            type: "primary",
-            size: "default"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("\u6DFB\u52A0\u9644\u4EF6")
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          createVNode(unref(EpTable), mergeProps({
-            class: `${unref(bem).b()} ${unref(prepareClassNames)()}`,
-            style: {
-              ...unref(prepareStyles)()
-            },
-            columns: 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 = {
@@ -3963,7 +4159,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.47";
+var version = "0.0.51";
 
 var globalProperties = {
   install(app) {
@@ -3997,6 +4193,11 @@ const useChooseDialog = (options = {}) => {
       }, [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%",
@@ -4005,12 +4206,22 @@ const useChooseDialog = (options = {}) => {
     title,
     onConfirm: (resolve) => {
       resolve(JSON.parse(JSON.stringify(selections.value)));
+      clearSelections();
+    },
+    onCancel: async (resolve) => {
+      clearSelections();
+      resolve();
     },
     render: ({
       resolve
     }) => {
+      if (!searchListPageRef) {
+        searchListPageRef = useTemplateRef("searchListPage");
+      }
       const formData = rest.formData || reactive({});
-      return createVNode(EpSearchListPage, {
+      return createVNode(EpSearchListPage, mergeProps({
+        "ref": "searchListPage"
+      }, {
         showSelectionCol: multiple,
         showSingleSelectionCol,
         formData,
@@ -4029,7 +4240,7 @@ const useChooseDialog = (options = {}) => {
             resolve(toRaw(selections));
           }
         }
-      }, null);
+      }), null);
     },
     ...dialogProps
   });