el-plus 0.0.30 → 0.0.33

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # el-plus
 
+## 0.0.33
+
+### Patch Changes
+
+- 1
+
+## 0.0.32
+
+### Patch Changes
+
+- 1
+
+## 0.0.31
+
+### Patch Changes
+
+- 1
+
 ## 0.0.30
 
 ### Patch Changes

package/dist/index.full.js

@@ -1,10 +1,10 @@
-/*! ElPlus v0.0.30 */
+/*! ElPlus v0.0.33 */
 
 (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')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus', '@vue/shared', 'axios', 'js-cookie', 'defu', 'qs', 'element-plus/es/components/table/src/table/defaults', '@element-plus/icons-vue', 'mitt', 'lodash-unified', '@vueuse/core', 'vue-router'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ElPlus = {}, global.Vue, global.ElementPlus, global.shared, global.axios, global.Cookies, global.defu, global.qs, global.elTableProps, global.iconsVue, global.mitt, global.lodashUnified, global.core, global.vueRouter));
-})(this, (function (exports, vue, elementPlus, shared, axios, Cookies, defu, qs, elTableProps, iconsVue, mitt, lodashUnified, core, vueRouter) { 'use strict';
+  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')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus', '@vue/shared', 'axios', 'js-cookie', 'defu', 'qs', 'element-plus/es/components/table/src/table/defaults', '@element-plus/icons-vue', 'mitt', 'lodash-unified', '@vueuse/core', 'vue-router', 'js-base64'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ElPlus = {}, global.Vue, global.ElementPlus, global.shared, global.axios, global.Cookies, global.defu, global.qs, global.elTableProps, global.iconsVue, global.mitt, global.lodashUnified, global.core, global.vueRouter, global.jsBase64));
+})(this, (function (exports, vue, elementPlus, shared, axios, Cookies, defu, qs, elTableProps, iconsVue, mitt, lodashUnified, core, vueRouter, jsBase64) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -887,17 +887,10 @@
   const useFormItemSlots = (props) => {
     const attrs = vue.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")) {
@@ -912,11 +905,15 @@
     };
     const scopedSlots = {
       default: () => {
+        const {
+          scopedSlots: renderScopedSlots,
+          ...renderProps
+        } = props.props || {};
         let disabled = props.disabled;
         if (typeof props.disabled === "function") {
           disabled = props.disabled(formData);
         }
-        return type ? vue.h(vue.resolveComponent(type), {
+        return props.type ? vue.h(vue.resolveComponent(props.type), {
           modelValue: formData[prop],
           "onUpdate:modelValue": (value) => {
             formData[prop] = value;
@@ -931,21 +928,21 @@
         return vue.createVNode(elementPlus.ElTooltip, {
           "placement": "top",
           "effect": "dark",
-          "content": label,
+          "content": props.label,
           "disabled": !props.isShowLabel || isTipDisabled.value
         }, {
           default: () => [vue.createVNode("span", {
             "onMouseenter": checkOverflow,
             "style": "display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
-          }, [!props.hideRequiredAsterisk && required ? vue.createVNode("span", {
+          }, [!props.hideRequiredAsterisk && props.required ? vue.createVNode("span", {
             "style": "color: var(--el-color-danger);"
-          }, [vue.createTextVNode("*")]) : null, props.isShowLabel ? vue.createVNode("span", null, [label]) : ""])]
+          }, [vue.createTextVNode("*")]) : null, props.isShowLabel ? vue.createVNode("span", null, [props.label]) : ""])]
         });
       }
     };
     if (labelRender) {
       scopedSlots.label = () => labelRender({
-        label
+        label: props.label
       });
     }
     if (render) {
@@ -1056,7 +1053,7 @@
     }
   });
 
-  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpForm",
       inheritAttrs: false
@@ -1154,7 +1151,7 @@
     }
   });
 
-  const EpForm = withInstall(_sfc_main$9);
+  const EpForm = withInstall(_sfc_main$a);
 
   const { t: t$2 } = useLocale();
   const inputProps = {
@@ -1183,7 +1180,7 @@
   };
   const inputEmitsKeys = Object.keys(inputEmits);
 
-  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpInput",
       inheritAttrs: false
@@ -1317,7 +1314,7 @@
     }
   });
 
-  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]" && !vue.isVNode(s);
@@ -1632,6 +1629,14 @@
     }
     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) => {
@@ -1647,7 +1652,7 @@
     }
   };
 
-  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpCustomColumn",
       inheritAttrs: false
@@ -1852,7 +1857,7 @@
     }
   });
 
-  const EpCustomColumn = withInstall(_sfc_main$7);
+  const EpCustomColumn = withInstall(_sfc_main$8);
 
   const inheritTableProps = {
     ...elTableProps,
@@ -2137,6 +2142,7 @@
   const useTableColumn = (props, tableData, customColumns) => {
     const instance = vue.getCurrentInstance();
     const columnProps = (column) => {
+      column.props = column.props || {};
       const attrs = {
         "show-overflow-tooltip": true,
         align: column.align || props.align,
@@ -2216,16 +2222,11 @@
     const columnList = vue.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
-            };
+            lodashUnified.merge(newColumn, formatColumn);
           }
         }
         return newColumn;
@@ -2239,7 +2240,6 @@
       });
     });
     return {
-      columnProps,
       columnList
     };
   };
@@ -2269,6 +2269,9 @@
           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) => {
@@ -2314,7 +2317,7 @@
     };
   };
 
-  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpTable",
       inheritAttrs: false
@@ -2359,7 +2362,6 @@
         customColumns
       } = useTable$1(props);
       const {
-        columnProps,
         columnList
       } = useTableColumn(props, data, customColumns);
       const {
@@ -2461,7 +2463,7 @@
                 key: index
               }, {
                 ref_for: true
-              }, vue.unref(columnProps)(item)), {
+              }, item), {
                 default: vue.withCtx((scope) => [item.type || item.render ? (vue.openBlock(), vue.createBlock(vue.unref(EpFormItem), vue.mergeProps({
                   key: 0,
                   "form-data": scope.row,
@@ -2500,7 +2502,7 @@
     }
   });
 
-  const EpTable = withInstall(_sfc_main$6);
+  const EpTable = withInstall(_sfc_main$7);
 
   const searchListPageProps = {
     ...apiProps,
@@ -2751,7 +2753,7 @@
     };
   };
 
-  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "EpSearchListPage" },
     __name: "search-list-page",
     props: searchListPageProps,
@@ -2804,7 +2806,7 @@
     }
   });
 
-  const EpSearchListPage = withInstall(_sfc_main$5);
+  const EpSearchListPage = withInstall(_sfc_main$6);
 
   const inheritSelectProps = {
     ...elementPlus.selectProps,
@@ -2930,7 +2932,7 @@
     };
   }
 
-  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpSelect",
       inheritAttrs: false
@@ -3009,7 +3011,7 @@
     }
   });
 
-  const EpSelect = withInstall(_sfc_main$4);
+  const EpSelect = withInstall(_sfc_main$5);
 
   const titleProps = {
     // 右侧按钮
@@ -3068,7 +3070,7 @@
     };
   };
 
-  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpTitle",
       inheritAttrs: false
@@ -3132,7 +3134,7 @@
     }
   });
 
-  const EpTitle = withInstall(_sfc_main$3);
+  const EpTitle = withInstall(_sfc_main$4);
 
   const headerProps = {
     // 页面模式
@@ -3313,7 +3315,7 @@
     };
   };
 
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpHeader",
       inheritAttrs: false
@@ -3346,7 +3348,7 @@
     }
   });
 
-  const EpHeader = withInstall(_sfc_main$2);
+  const EpHeader = withInstall(_sfc_main$3);
 
   const { t } = useLocale();
   const datePickerRangeProps = {
@@ -3416,7 +3418,7 @@
   };
   const datePickerRangeEmits = {};
 
-  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpDatePickerRange",
       inheritAttrs: false
@@ -3472,7 +3474,7 @@
     }
   });
 
-  const EpDatePickerRange = withInstall(_sfc_main$1);
+  const EpDatePickerRange = withInstall(_sfc_main$2);
 
   const linkProps = {
     ...elementPlus.linkProps,
@@ -3489,7 +3491,7 @@
     }
   };
 
-  var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpLink",
       inheritAttrs: false
@@ -3534,7 +3536,236 @@
     }
   });
 
-  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 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 = /* @__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);
 
   var components = [
     EpButtons,
@@ -3547,10 +3778,11 @@
     EpHeader,
     EpDatePickerRange,
     EpCustomColumn,
-    EpLink
+    EpLink,
+    EpAttachment
   ];
 
-  var version = "0.0.30";
+  var version = "0.0.33";
 
   var globalProperties = {
     install(app) {
@@ -3634,6 +3866,7 @@
     version
   };
 
+  exports.EpAttachment = EpAttachment;
   exports.EpButtons = EpButtons;
   exports.EpCustomColumn = EpCustomColumn;
   exports.EpDatePickerRange = EpDatePickerRange;
@@ -3646,6 +3879,7 @@
   exports.EpSelect = EpSelect;
   exports.EpTable = EpTable;
   exports.EpTitle = EpTitle;
+  exports.attachmentProps = attachmentProps;
   exports.buttonsProps = buttonsProps;
   exports.customColumnEmits = customColumnEmits;
   exports.customColumnProps = customColumnProps;