el-plus 0.0.51 → 0.0.53

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # el-plus
 
+## 0.0.53
+
+### Patch Changes
+
+- 1
+
+## 0.0.52
+
+### Patch Changes
+
+- 1
+
 ## 0.0.51
 
 ### Patch Changes

package/dist/index.css

@@ -1 +1 @@
-.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-textarea__inner{font-size:13px!important}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}.ep-table__action-buttons{white-space:nowrap}.ep-table .table-column-link .el-form-item{display:inline-block}.ep-table .table-column-link .el-form-item .el-form-item__label{display:none}.ep-table .el-table{font-size:13px}.ep-table .el-table .el-table__cell .is-edit{cursor:pointer}.ep-table .el-table .el-table__cell .is-edit:hover{color:#409eff}.ep-table .el-table .el-table__cell .is-edit .el-icon{vertical-align:-2px}.ep-table .el-table .cell{line-height:30px}.ep-table .el-table thead tr th{height:42px}.ep-table .el-table td,.ep-table .el-table th{padding:3px 0}.ep-table .el-form-item__error{position:unset;text-align:left}.ep-table .el-form-item{margin-bottom:0}.ep-table .el-form-item .el-form-item__label{padding:0}.ep-table .el-pagination{margin-top:12px;--el-pagination-font-size:13px}.ep-table .el-pagination .el-select{--el-select-font-size:13px}.ep-table .el-pagination .el-select .el-select__wrapper{font-size:13px}.ep-button{height:auto;padding:9px 15px}.ep-button.el-button--text{padding:0}.ep-button.el-button+.el-button{margin-left:10px}.ep-search-list-page #middle{overflow:hidden}.ep-search-list-page__middle-left{float:left}.ep-search-list-page__middle-left>.el-button{margin:16px 0}.ep-search-list-page__middle-right{float:right}.ep-search-list-page__middle-right .el-button{margin:16px 0}.ep-title__header{line-height:50px;overflow:hidden}.ep-title__title{float:left;font-size:15px;font-weight:500}.ep-title__toggle{color:#409eff;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin-left:10px;white-space:nowrap}.ep-title__toggle .el-icon{transition:transform .3s;vertical-align:-2px}.ep-title.is-expanded .ep-title__toggle .el-icon{transform:rotate(-180deg)}.ep-title__buttons{float:right}.ep-title__content{overflow:hidden;transition:max-height .3s ease-in-out}.ep-header{display:flex;margin-bottom:10px}.ep-header .el-page-header .el-page-header__left{margin-right:-10px;margin-top:4px}.ep-template-promise{position:relative;z-index:8888888888888888}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}.ep-custom-column__dialog .el-dialog__body{text-align:center}.ep-custom-column__dialog .el-transfer{display:inline-block}.ep-custom-column__dialog .el-transfer-panel__footer{border-bottom:0;height:0}.ep-custom-column__dialog .el-transfer-panel{overflow:visible}.ep-custom-column__operate{position:absolute;right:-100%;top:50%;transform:translate(calc(25% - 52px),32px)}.ep-link{font-size:13px}.ep-uni-vue{background:#fff}.ep-uni-vue__skeleton .el-skeleton__item{margin-top:10px}.ep-attachment__dialog--normal{background:none;position:static!important}.ep-attachment__dialog--normal .el-overlay-dialog{position:static}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog{margin:0;padding:0;width:auto!important}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog .el-dialog__header{display:none}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog .el-dialog__body{padding:0}.ep-attachment__handler{height:auto;padding:9px 15px}.ep-attachment__handler.el-button--text{padding:0}
+.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-textarea__inner{font-size:13px!important}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}.ep-table__action-buttons{white-space:nowrap}.ep-table .table-column-link .el-form-item{display:inline-block}.ep-table .table-column-link .el-form-item .el-form-item__label{display:none}.ep-table .el-table{font-size:13px}.ep-table .el-table .el-table__cell .is-edit{cursor:pointer}.ep-table .el-table .el-table__cell .is-edit:hover{color:#409eff}.ep-table .el-table .el-table__cell .is-edit .el-icon{vertical-align:-2px}.ep-table .el-table .cell{line-height:30px}.ep-table .el-table thead tr th{height:42px}.ep-table .el-table td,.ep-table .el-table th{padding:3px 0}.ep-table .el-form-item__error{position:unset;text-align:left}.ep-table .el-form-item{margin-bottom:0}.ep-table .el-form-item .el-form-item__label{padding:0}.ep-table .el-pagination{margin-top:12px;--el-pagination-font-size:13px}.ep-table .el-pagination .el-select{--el-select-font-size:13px}.ep-table .el-pagination .el-select .el-select__wrapper{font-size:13px}.ep-button{height:auto;padding:9px 15px}.ep-button.el-button--text{padding:0}.ep-button.el-button+.el-button{margin-left:10px}.ep-search-list-page #middle{overflow:hidden}.ep-search-list-page__middle-left{float:left}.ep-search-list-page__middle-left>.el-button{margin:16px 0}.ep-search-list-page__middle-right{float:right}.ep-search-list-page__middle-right .el-button{margin:16px 0}.ep-title__header{line-height:50px;overflow:hidden}.ep-title__title{float:left;font-size:15px;font-weight:500}.ep-title__toggle{color:#409eff;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin-left:10px;white-space:nowrap}.ep-title__toggle .el-icon{transition:transform .3s;vertical-align:-2px}.ep-title.is-expanded .ep-title__toggle .el-icon{transform:rotate(-180deg)}.ep-title__buttons{float:right}.ep-title__content{overflow:hidden;transition:max-height .3s ease-in-out}.ep-header{display:flex;margin-bottom:10px}.ep-header .el-page-header .el-page-header__left{margin-right:-10px;margin-top:4px}.ep-template-promise{position:relative;z-index:8888888888888888}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}.ep-confirm-dialog{padding-bottom:20px}.ep-confirm-dialog .ep-dialog__footer{padding-top:0}.ep-custom-column__dialog .el-dialog__body{text-align:center}.ep-custom-column__dialog .el-transfer{display:inline-block}.ep-custom-column__dialog .el-transfer-panel__footer{border-bottom:0;height:0}.ep-custom-column__dialog .el-transfer-panel{overflow:visible}.ep-custom-column__operate{position:absolute;right:-100%;top:50%;transform:translate(calc(25% - 52px),32px)}.ep-link{font-size:13px}.ep-uni-vue{background:#fff}.ep-uni-vue__skeleton .el-skeleton__item{margin-top:10px}.ep-attachment__dialog--normal{background:none;position:static!important}.ep-attachment__dialog--normal .el-overlay-dialog{position:static}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog{margin:0;padding:0;width:auto!important}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog .el-dialog__header{display:none}.ep-attachment__dialog--normal .el-overlay-dialog .el-dialog .el-dialog__body{padding:0}.ep-attachment__handler{height:auto;padding:9px 15px}.ep-attachment__handler.el-button--text{padding:0}

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.51 */
+/*! ElPlus v0.0.53 */
 
 (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')) :
@@ -719,7 +719,7 @@
     }
   }
 
-  const bem$4 = createNameSpace("button");
+  const bem$5 = createNameSpace("button");
   var Buttons = /* @__PURE__ */ vue.defineComponent({
     name: "EpButtons",
     directives: {
@@ -771,7 +771,7 @@
       return () => vue.createVNode(vue.Fragment, null, [customList.value.map((item) => {
         const permissionArr = item.permission?.split(":") || [];
         return vue.withDirectives(vue.createVNode(vue.resolveComponent("el-button"), vue.mergeProps({
-          "class": [bem$4.b(), prepareClassNames()],
+          "class": [bem$5.b(), prepareClassNames()],
           "style": prepareStyles(),
           "key": item.prop || item.name
         }, {
@@ -1032,7 +1032,7 @@
   };
   const expandFormItemPropsKeys = Object.keys(expandFormItemProps);
 
-  const bem$3 = createNameSpace("form-item");
+  const bem$4 = createNameSpace("form-item");
   var EpFormItem = /* @__PURE__ */ vue.defineComponent({
     name: "EpFormItem",
     inheritAttrs: false,
@@ -1054,7 +1054,7 @@
       } = props;
       return () => {
         return vue.createVNode(elementPlus.ElFormItem, vue.mergeProps({
-          "class": [bem$3.b(), prepareClassNames()],
+          "class": [bem$4.b(), prepareClassNames()],
           "style": prepareStyles()
         }, {
           ...prepareProps(formItemProps2, [...expandFormItemPropsKeys]),
@@ -1328,7 +1328,7 @@
 
   const EpInput = withInstall(_sfc_main$a);
 
-  function _isSlot$1(s) {
+  function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
   const useTemplatePromise = (options = {}) => {
@@ -1402,7 +1402,7 @@
       });
       if (transition) return () => {
         let _slot;
-        return vue.createVNode(vue.Transition, transition, _isSlot$1(_slot = renderList()) ? _slot : {
+        return vue.createVNode(vue.Transition, transition, _isSlot(_slot = renderList()) ? _slot : {
           default: () => [_slot]
         });
       };
@@ -1412,10 +1412,7 @@
     return vue.markRaw(component);
   };
 
-  function _isSlot(s) {
-    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-  }
-  const bem$2 = createNameSpace("dialog");
+  const bem$3 = createNameSpace("dialog");
   const useDialog = (options = {}) => {
     const {
       t
@@ -1426,7 +1423,9 @@
       render,
       destroyOnClose,
       onConfirm,
+      confirmText,
       onCancel,
+      cancelText,
       showFooter = true,
       ...dialogProps
     } = options;
@@ -1446,38 +1445,35 @@
         };
         const slots = {};
         if (showFooter) {
-          slots.footer = () => {
-            let _slot, _slot2;
-            return vue.createVNode("div", {
-              "class": bem$2.e("footer")
-            }, [scopedSlots.footerPrepend?.(promiseOptions), vue.createVNode(elementPlus.ElButton, {
-              "size": "default",
-              "onClick": () => {
-                if (onCancel) {
-                  onCancel(reject);
-                } else {
-                  reject("cancel");
-                }
+          slots.footer = () => vue.createVNode("div", {
+            "class": bem$3.e("footer")
+          }, [scopedSlots.footerPrepend?.(promiseOptions), vue.createVNode(elementPlus.ElButton, {
+            "size": "default",
+            "onClick": () => {
+              if (onCancel) {
+                onCancel(reject);
+              } else {
+                reject("cancel");
               }
-            }, _isSlot(_slot = t("ep.dialog.cancel")) ? _slot : {
-              default: () => [_slot]
-            }), scopedSlots.footerInner?.(promiseOptions), vue.createVNode(elementPlus.ElButton, {
-              "type": "primary",
-              "onClick": async () => {
-                if (onConfirm) {
-                  onConfirm(resolve);
-                } else {
-                  resolve("confirm");
-                }
-              },
-              "loading": isResolving
-            }, _isSlot(_slot2 = t("ep.dialog.confirm")) ? _slot2 : {
-              default: () => [_slot2]
-            }), scopedSlots.footerAppend?.(promiseOptions)]);
-          };
+            }
+          }, {
+            default: () => [cancelText || t("ep.dialog.cancel")]
+          }), scopedSlots.footerInner?.(promiseOptions), vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "onClick": async () => {
+              if (onConfirm) {
+                onConfirm(resolve);
+              } else {
+                resolve("confirm");
+              }
+            },
+            "loading": isResolving
+          }, {
+            default: () => [confirmText || t("ep.dialog.confirm")]
+          }), scopedSlots.footerAppend?.(promiseOptions)]);
         }
         return vue.createVNode(elementPlus.ElDialog, vue.mergeProps({
-          "class": bem$2.b(),
+          "class": bem$3.b(),
           "modelValue": true
         }, {
           closeOnClickModal: false,
@@ -1970,11 +1966,12 @@
   const tableEmits = [...elementPlus.ElTable.emits, "single-selection-change"];
   const tableEmitsKeys = tableEmits;
 
-  const bem$1 = createNameSpace("form-dialog");
+  const bem$2 = createNameSpace("form-dialog");
   const useFormDialog = (options = {}) => {
     const {
       dialogProps,
       title,
+      width = "80%",
       ...formProps
     } = options;
     const formRef = vue.ref();
@@ -1987,10 +1984,10 @@
       }
     };
     return useDialog({
-      class: bem$1.b(),
-      width: "80%",
+      class: bem$2.b(),
+      width,
       title,
-      render: (props) => {
+      render: () => {
         return vue.createVNode(EpForm, vue.mergeProps({
           "ref": formRef,
           "modelValue": formData,
@@ -2003,7 +2000,7 @@
       },
       onConfirm: async (resolve) => {
         await formRef.value.validate();
-        resolve(JSON.parse(JSON.stringify(formData)));
+        resolve(isUseComFormData ? JSON.parse(JSON.stringify(formData)) : formData);
         resetForm();
       },
       onCancel: async (resolve) => {
@@ -3207,6 +3204,16 @@
     isShowAttachmentButton: {
       type: Boolean,
       default: false
+    },
+    // 附件列表
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    attachmentProps: {
+      type: Object,
+      default: () => {
+      }
     }
   };
   const headerEmits = {};
@@ -3371,7 +3378,7 @@
     },
     // 页面模式
     mode: {
-      ...headerProps.mode
+      type: String
     },
     // 展示模式
     openType: {
@@ -3627,6 +3634,8 @@
     const onConfirm = async (resolve) => {
       await tableRef.value?.validate();
       resolve(data.value);
+      toBeConfirmData = [];
+      toBeDeleteData = {};
     };
     const onCancel = (resolve) => {
       if (toBeConfirmData.length) {
@@ -3704,7 +3713,7 @@
       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), {
+          props.isShowOpenDialogButton ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
             key: 0,
             type: "primary",
             plain: "",
@@ -3720,7 +3729,7 @@
           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, {
+                props.openType === "dialog" ? (vue.openBlock(), vue.createBlock(_component_EpButtons, {
                   key: 0,
                   type: "primary",
                   list: [
@@ -3779,10 +3788,11 @@
             _: 1
           }, 8, ["onBack"])) : vue.createCommentVNode("", true),
           vue.createVNode(vue.unref(EpButtons), { list: vue.unref(buttons) }, null, 8, ["list"]),
-          props.isShowAttachmentButton ? (vue.openBlock(), vue.createBlock(vue.unref(EpAttachment), {
+          props.isShowAttachmentButton ? (vue.openBlock(), vue.createBlock(vue.unref(EpAttachment), vue.mergeProps({
             key: 1,
+            "model-value": props.fileList,
             "is-show-open-dialog-button": ""
-          })) : vue.createCommentVNode("", true)
+          }, props.attachmentProps), null, 16, ["model-value"])) : vue.createCommentVNode("", true)
         ], 6);
       };
     }
@@ -4167,7 +4177,7 @@
     EpUniVue
   ];
 
-  var version = "0.0.51";
+  var version = "0.0.53";
 
   var globalProperties = {
     install(app) {
@@ -4180,7 +4190,7 @@
     globalProperties: globalProperties
   });
 
-  const bem = createNameSpace("choose-dialog");
+  const bem$1 = createNameSpace("choose-dialog");
   const useChooseDialog = (options = {}) => {
     const {
       t
@@ -4197,7 +4207,7 @@
     if (!showSingleSelectionCol) {
       scopedSlots.footerPrepend = () => {
         return vue.createVNode("span", {
-          "class": bem.e("selected-count")
+          "class": bem$1.e("selected-count")
         }, [t("ep.chooseDialog.selected"), selections.value.length, t("ep.chooseDialog.unit")]);
       };
     }
@@ -4207,7 +4217,7 @@
     };
     let searchListPageRef;
     return useDialog({
-      class: bem.b(),
+      class: bem$1.b(),
       width: "80%",
       showFooter: !showSingleSelectionCol,
       scopedSlots,
@@ -4254,6 +4264,48 @@
     });
   };
 
+  const bem = createNameSpace("confirm-dialog");
+  const useConfirmDialog = (options = {}) => {
+    const {
+      dialogProps = {},
+      width = "50%",
+      title,
+      /** TextareaProps */
+      rows = 5,
+      maxlength = 500,
+      minlength,
+      showWordLimit = true,
+      /** TextareaFormItemProps */
+      rules,
+      required = true,
+      placeholder
+    } = options;
+    const formItemList = [{
+      rules,
+      prop: "value",
+      label: " ",
+      required,
+      props: {
+        placeholder,
+        type: "textarea",
+        rows,
+        maxlength,
+        minlength,
+        showWordLimit
+      }
+    }];
+    return useFormDialog({
+      title,
+      width,
+      formItemList,
+      dialogProps: {
+        ...dialogProps,
+        class: bem.b(),
+        destroyOnClose: true
+      }
+    });
+  };
+
   const INSTALLED_KEY = /* @__PURE__ */ Symbol("INSTALLED_KEY");
   const install = (app, options) => {
     if (app[INSTALLED_KEY]) return;
@@ -4315,6 +4367,7 @@
   exports.titleProps = titleProps;
   exports.uniVueProps = uniVueProps;
   exports.useChooseDialog = useChooseDialog;
+  exports.useConfirmDialog = useConfirmDialog;
   exports.useDialog = useDialog;
   exports.useFormDialog = useFormDialog;
   exports.useLocale = useLocale;