el-plus 0.0.30 → 0.0.33

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.30 */
+/*! ElPlus v0.0.33 */
 
 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 } from 'element-plus';
@@ -10,9 +10,10 @@ import * as qs from 'qs';
 import elTableProps from 'element-plus/es/components/table/src/table/defaults';
 import { ArrowUp, ArrowDown, EditPen } from '@element-plus/icons-vue';
 import mitt from 'mitt';
-import { cloneDeep } from 'lodash-unified';
+import { merge, cloneDeep } from 'lodash-unified';
 import { useToggle } from '@vueuse/core';
 import { useRouter, useRoute } from 'vue-router';
+import { encode } from 'js-base64';
 
 const apiProps = {
   api: {
@@ -876,17 +877,10 @@ const useForm$1 = (props) => {
 const useFormItemSlots = (props) => {
   const attrs = useAttrs();
   const {
-    type,
-    label,
     render,
-    required,
     labelRender
   } = props;
   const prop = props.tableProp || props.prop;
-  const {
-    scopedSlots: renderScopedSlots,
-    ...renderProps
-  } = props.props || {};
   const events = {};
   for (const key in attrs) {
     if (key.startsWith("on")) {
@@ -901,11 +895,15 @@ const useFormItemSlots = (props) => {
   };
   const scopedSlots = {
     default: () => {
+      const {
+        scopedSlots: renderScopedSlots,
+        ...renderProps
+      } = props.props || {};
       let disabled = props.disabled;
       if (typeof props.disabled === "function") {
         disabled = props.disabled(formData);
       }
-      return type ? h(resolveComponent(type), {
+      return props.type ? h(resolveComponent(props.type), {
         modelValue: formData[prop],
         "onUpdate:modelValue": (value) => {
           formData[prop] = value;
@@ -920,21 +918,21 @@ const useFormItemSlots = (props) => {
       return createVNode(ElTooltip, {
         "placement": "top",
         "effect": "dark",
-        "content": label,
+        "content": props.label,
         "disabled": !props.isShowLabel || isTipDisabled.value
       }, {
         default: () => [createVNode("span", {
           "onMouseenter": checkOverflow,
           "style": "display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
-        }, [!props.hideRequiredAsterisk && required ? createVNode("span", {
+        }, [!props.hideRequiredAsterisk && props.required ? createVNode("span", {
           "style": "color: var(--el-color-danger);"
-        }, [createTextVNode("*")]) : null, props.isShowLabel ? createVNode("span", null, [label]) : ""])]
+        }, [createTextVNode("*")]) : null, props.isShowLabel ? createVNode("span", null, [props.label]) : ""])]
       });
     }
   };
   if (labelRender) {
     scopedSlots.label = () => labelRender({
-      label
+      label: props.label
     });
   }
   if (render) {
@@ -1045,7 +1043,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$9 = /* @__PURE__ */ defineComponent({
+var _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpForm",
     inheritAttrs: false
@@ -1143,7 +1141,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpForm = withInstall(_sfc_main$9);
+const EpForm = withInstall(_sfc_main$a);
 
 const { t: t$2 } = useLocale();
 const inputProps = {
@@ -1172,7 +1170,7 @@ const inputEmits = {
 };
 const inputEmitsKeys = Object.keys(inputEmits);
 
-var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpInput",
     inheritAttrs: false
@@ -1306,7 +1304,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpInput = withInstall(_sfc_main$8);
+const EpInput = withInstall(_sfc_main$9);
 
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -1621,6 +1619,14 @@ const getEnv = (mark = "hxjf", hostname = window.location.hostname) => {
   }
   return tag[0] ? tag[0].replace("-", "") : "production";
 };
+const getLocationEnv = () => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const devProxy = urlParams.get("devProxy");
+  if (devProxy) {
+    return devProxy.split("-")[0].replace("/", "");
+  }
+  return "";
+};
 
 const { t: t$1 } = useLocale();
 const gotoTaskTrace = (workflowId) => {
@@ -1636,7 +1642,7 @@ const gotoTaskTrace = (workflowId) => {
   }
 };
 
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpCustomColumn",
     inheritAttrs: false
@@ -1841,7 +1847,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpCustomColumn = withInstall(_sfc_main$7);
+const EpCustomColumn = withInstall(_sfc_main$8);
 
 const inheritTableProps = {
   ...elTableProps,
@@ -2126,6 +2132,7 @@ const usePagination = function(props, search) {
 const useTableColumn = (props, tableData, customColumns) => {
   const instance = getCurrentInstance();
   const columnProps = (column) => {
+    column.props = column.props || {};
     const attrs = {
       "show-overflow-tooltip": true,
       align: column.align || props.align,
@@ -2205,16 +2212,11 @@ const useTableColumn = (props, tableData, customColumns) => {
   const columnList = computed(() => {
     const columns = props.customColumnModule ? customColumns.value : props.columns;
     return columns.map((column) => {
-      let newColumn = {
-        ...column
-      };
+      const newColumn = columnProps(column);
       if (props.formatColumns.length) {
         const formatColumn = props.formatColumns.find((item) => item.prop === column.prop);
         if (formatColumn) {
-          newColumn = {
-            ...newColumn,
-            ...formatColumn
-          };
+          merge(newColumn, formatColumn);
         }
       }
       return newColumn;
@@ -2228,7 +2230,6 @@ const useTableColumn = (props, tableData, customColumns) => {
     });
   });
   return {
-    columnProps,
     columnList
   };
 };
@@ -2258,6 +2259,9 @@ const useTableFormItem = (props) => {
         const disabledOption = item.props.disabledOption;
         item.props.disabledOption = (...args) => disabledOption(...args, scope);
       }
+      if ("desc" in item.props && typeof item.props.desc === "function") {
+        item.props.desc = item.props.desc(scope);
+      }
     }
     if (item.type === "EpButtons" && item.props) {
       item.props.list.forEach((btnItem) => {
@@ -2303,7 +2307,7 @@ const useTableFormItem = (props) => {
   };
 };
 
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpTable",
     inheritAttrs: false
@@ -2348,7 +2352,6 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
       customColumns
     } = useTable$1(props);
     const {
-      columnProps,
       columnList
     } = useTableColumn(props, data, customColumns);
     const {
@@ -2450,7 +2453,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
               key: index
             }, {
               ref_for: true
-            }, unref(columnProps)(item)), {
+            }, item), {
               default: withCtx((scope) => [item.type || item.render ? (openBlock(), createBlock(unref(EpFormItem), mergeProps({
                 key: 0,
                 "form-data": scope.row,
@@ -2489,7 +2492,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpTable = withInstall(_sfc_main$6);
+const EpTable = withInstall(_sfc_main$7);
 
 const searchListPageProps = {
   ...apiProps,
@@ -2740,7 +2743,7 @@ const useButtons$1 = (props, { validate, resetFields, tableRef }) => {
   };
 };
 
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "EpSearchListPage" },
   __name: "search-list-page",
   props: searchListPageProps,
@@ -2793,7 +2796,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpSearchListPage = withInstall(_sfc_main$5);
+const EpSearchListPage = withInstall(_sfc_main$6);
 
 const inheritSelectProps = {
   ...selectProps$1,
@@ -2919,7 +2922,7 @@ function useSelect(props, emit) {
   };
 }
 
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpSelect",
     inheritAttrs: false
@@ -2998,7 +3001,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpSelect = withInstall(_sfc_main$4);
+const EpSelect = withInstall(_sfc_main$5);
 
 const titleProps = {
   // 右侧按钮
@@ -3057,7 +3060,7 @@ const useTitle = (emit) => {
   };
 };
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpTitle",
     inheritAttrs: false
@@ -3121,7 +3124,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpTitle = withInstall(_sfc_main$3);
+const EpTitle = withInstall(_sfc_main$4);
 
 const headerProps = {
   // 页面模式
@@ -3302,7 +3305,7 @@ const useButtons = (props, emit) => {
   };
 };
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpHeader",
     inheritAttrs: false
@@ -3335,7 +3338,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpHeader = withInstall(_sfc_main$2);
+const EpHeader = withInstall(_sfc_main$3);
 
 const { t } = useLocale();
 const datePickerRangeProps = {
@@ -3405,7 +3408,7 @@ const datePickerRangeProps = {
 };
 const datePickerRangeEmits = {};
 
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpDatePickerRange",
     inheritAttrs: false
@@ -3461,7 +3464,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpDatePickerRange = withInstall(_sfc_main$1);
+const EpDatePickerRange = withInstall(_sfc_main$2);
 
 const linkProps = {
   ...linkProps$1,
@@ -3478,7 +3481,7 @@ const linkProps = {
   }
 };
 
-var _sfc_main = /* @__PURE__ */ defineComponent({
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpLink",
     inheritAttrs: false
@@ -3523,7 +3526,236 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpLink = withInstall(_sfc_main);
+const EpLink = withInstall(_sfc_main$1);
+
+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 = /* @__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);
 
 var components = [
   EpButtons,
@@ -3536,10 +3768,11 @@ var components = [
   EpHeader,
   EpDatePickerRange,
   EpCustomColumn,
-  EpLink
+  EpLink,
+  EpAttachment
 ];
 
-var version = "0.0.30";
+var version = "0.0.33";
 
 var globalProperties = {
   install(app) {
@@ -3623,4 +3856,4 @@ const plugin = {
   version
 };
 
-export { EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, buttonsProps, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };
+export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, attachmentProps, buttonsProps, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };