@web-utils/component 1.2.5 → 1.2.6

package/dist/components/egd-collapse/index.js

@@ -1 +1,79 @@
-import{n as i}from"../../chunks/6499de3a.js";var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"el-collapse",attrs:{role:"tablist","aria-multiselectable":"true"}},[e._t("default")],2)},c=[];const l={name:"EgdCollapse",componentName:"EgdCollapse",provide(){return{collapse:this}},props:{accordion:Boolean,value:{type:[Array,String,Number],default(){return[]}}},data(){return{activeNames:[].concat(this.value)}},watch:{value(e){this.activeNames=[].concat(e)}},created(){this.$on("item-click",this.handleItemClick)},methods:{setActiveNames(e){e=[].concat(e);const t=this.accordion?e[0]:e;this.activeNames=e,this.$emit("input",t),this.$emit("change",t)},handleItemClick(e){if(this.accordion)this.setActiveNames((this.activeNames[0]||this.activeNames[0]===0)&&this.activeNames[0]===e.name?"":e.name);else{const t=this.activeNames.slice(0),a=t.indexOf(e.name);a>-1?t.splice(a,1):t.push(e.name),this.setActiveNames(t)}}}},s={};var o=i(l,n,c,!1,r,null,null,null);function r(e){for(let t in s)this[t]=s[t]}var m=function(){return o.exports}();export{m as default};
+import { n } from "../../chunks/6499de3a.js";
+var i = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    staticClass: "el-collapse",
+    attrs: {
+      role: "tablist",
+      "aria-multiselectable": "true"
+    }
+  }, [e._t("default")], 2);
+}, c = [];
+const l = {
+  name: "EgdCollapse",
+  componentName: "EgdCollapse",
+  provide() {
+    return {
+      collapse: this
+    };
+  },
+  props: {
+    accordion: Boolean,
+    value: {
+      type: [Array, String, Number],
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      activeNames: [].concat(this.value)
+    };
+  },
+  watch: {
+    value(e) {
+      this.activeNames = [].concat(e);
+    }
+  },
+  created() {
+    this.$on("item-click", this.handleItemClick);
+  },
+  methods: {
+    setActiveNames(e) {
+      e = [].concat(e);
+      const t = this.accordion ? e[0] : e;
+      this.activeNames = e, this.$emit("input", t), this.$emit("change", t);
+    },
+    handleItemClick(e) {
+      if (this.accordion)
+        this.setActiveNames(
+          (this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === e.name ? "" : e.name
+        );
+      else {
+        const t = this.activeNames.slice(0), s = t.indexOf(e.name);
+        s > -1 ? t.splice(s, 1) : t.push(e.name), this.setActiveNames(t);
+      }
+    }
+  }
+}, a = {};
+var o = /* @__PURE__ */ n(
+  l,
+  i,
+  c,
+  !1,
+  r,
+  null,
+  null,
+  null
+);
+function r(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const u = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  u as default
+};

package/dist/components/egd-collapse-item/index.js

@@ -1 +1,132 @@
-import a from"element-ui/src/mixins/emitter";import{generateId as n}from"element-ui/src/utils/util";import{n as c}from"../../chunks/6499de3a.js";var o=function(){var e=this,s=e.$createElement,i=e._self._c||s;return i("div",{staticClass:"el-collapse-item",class:{"is-active":e.isActive,"is-disabled":e.disabled}},[i("div",{attrs:{role:"tab","aria-expanded":e.isActive,"aria-controls":`el-collapse-content-${e.id}`,"aria-describedby":`el-collapse-content-${e.id}`}},[i("div",{staticClass:"el-collapse-item__header",class:{focusing:e.focusing,"is-active":e.isActive},attrs:{id:`el-collapse-head-${e.id}`,role:"button",tabindex:e.disabled?void 0:0},on:{click:e.handleHeaderClick,keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:(t.stopPropagation(),e.handleEnterClick.apply(null,arguments))},focus:e.handleFocus,blur:function(t){e.focusing=!1}}},[i("i",{staticClass:"el-collapse-item__arrow el-icon-arrow-right",class:{"is-active":e.isActive},staticStyle:{margin:"0 4px 0 0"}}),e._t("title",function(){return[e._v(" "+e._s(e.title)+" ")]},{title:e.title})],2)]),i("ElCollapseTransition",[i("div",{directives:[{name:"show",rawName:"v-show",value:e.isActive,expression:"isActive"}],staticClass:"el-collapse-item__wrap",attrs:{id:`el-collapse-content-${e.id}`,role:"tabpanel","aria-hidden":!e.isActive,"aria-labelledby":`el-collapse-head-${e.id}`}},[i("div",{staticClass:"el-collapse-item__content"},[e._t("default")],2)])])],1)},r=[];const d={name:"EgdCollapseItem",componentName:"EgdCollapseItem",mixins:[a],inject:["collapse"],props:{title:{type:String},name:{type:[String,Number],default(){return this._uid}},disabled:Boolean},data(){return{focusing:!1,isClick:!1,id:n()}},computed:{isActive(){return this.collapse.activeNames.indexOf(this.name)>-1}},methods:{handleFocus(){setTimeout(()=>{this.isClick?this.isClick=!1:this.focusing=!0},50)},handleHeaderClick(){this.disabled||(this.dispatch("EgdCollapse","item-click",this),this.focusing=!1,this.isClick=!0)},handleEnterClick(){this.dispatch("EgdCollapse","item-click",this)}}},l={};var p=c(d,o,r,!1,u,null,null,null);function u(e){for(let s in l)this[s]=l[s]}var m=function(){return p.exports}();export{m as default};
+import a from "element-ui/src/mixins/emitter";
+import { generateId as n } from "element-ui/src/utils/util";
+import { n as c } from "../../chunks/6499de3a.js";
+var o = function() {
+  var e = this, s = e.$createElement, t = e._self._c || s;
+  return t("div", {
+    staticClass: "el-collapse-item",
+    class: {
+      "is-active": e.isActive,
+      "is-disabled": e.disabled
+    }
+  }, [t("div", {
+    attrs: {
+      role: "tab",
+      "aria-expanded": e.isActive,
+      "aria-controls": `el-collapse-content-${e.id}`,
+      "aria-describedby": `el-collapse-content-${e.id}`
+    }
+  }, [t("div", {
+    staticClass: "el-collapse-item__header",
+    class: {
+      focusing: e.focusing,
+      "is-active": e.isActive
+    },
+    attrs: {
+      id: `el-collapse-head-${e.id}`,
+      role: "button",
+      tabindex: e.disabled ? void 0 : 0
+    },
+    on: {
+      click: e.handleHeaderClick,
+      keyup: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "space", 32, i.key, [" ", "Spacebar"]) && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : (i.stopPropagation(), e.handleEnterClick.apply(null, arguments));
+      },
+      focus: e.handleFocus,
+      blur: function(i) {
+        e.focusing = !1;
+      }
+    }
+  }, [t("i", {
+    staticClass: "el-collapse-item__arrow el-icon-arrow-right",
+    class: {
+      "is-active": e.isActive
+    },
+    staticStyle: {
+      margin: "0 4px 0 0"
+    }
+  }), e._t("title", function() {
+    return [e._v(" " + e._s(e.title) + " ")];
+  }, {
+    title: e.title
+  })], 2)]), t("ElCollapseTransition", [t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.isActive,
+      expression: "isActive"
+    }],
+    staticClass: "el-collapse-item__wrap",
+    attrs: {
+      id: `el-collapse-content-${e.id}`,
+      role: "tabpanel",
+      "aria-hidden": !e.isActive,
+      "aria-labelledby": `el-collapse-head-${e.id}`
+    }
+  }, [t("div", {
+    staticClass: "el-collapse-item__content"
+  }, [e._t("default")], 2)])])], 1);
+}, r = [];
+const d = {
+  name: "EgdCollapseItem",
+  componentName: "EgdCollapseItem",
+  mixins: [a],
+  inject: ["collapse"],
+  props: {
+    title: {
+      type: String
+    },
+    name: {
+      type: [String, Number],
+      default() {
+        return this._uid;
+      }
+    },
+    disabled: Boolean
+  },
+  data() {
+    return {
+      focusing: !1,
+      isClick: !1,
+      id: n()
+    };
+  },
+  computed: {
+    isActive() {
+      return this.collapse.activeNames.indexOf(this.name) > -1;
+    }
+  },
+  methods: {
+    handleFocus() {
+      setTimeout(() => {
+        this.isClick ? this.isClick = !1 : this.focusing = !0;
+      }, 50);
+    },
+    handleHeaderClick() {
+      this.disabled || (this.dispatch("EgdCollapse", "item-click", this), this.focusing = !1, this.isClick = !0);
+    },
+    handleEnterClick() {
+      this.dispatch("EgdCollapse", "item-click", this);
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ c(
+  d,
+  o,
+  r,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let s in l)
+    this[s] = l[s];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

package/dist/components/el-color-picker-dropdown/index.js

@@ -1 +1,170 @@
-import l from"element-ui/packages/color-picker/src/components/sv-panel";import i from"element-ui/packages/color-picker/src/components/hue-slider";import s from"element-ui/packages/color-picker/src/components/alpha-slider";import a from"element-ui/packages/color-picker/src/components/predefine";import c from"element-ui/src/utils/vue-popper";import p from"element-ui/src/mixins/locale";import{n as u}from"../../chunks/6499de3a.js";var m=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:"el-zoom-in-top"},on:{"after-leave":e.doDestroy}},[o("div",{directives:[{name:"show",rawName:"v-show",value:e.showPopper,expression:"showPopper"}],staticClass:"el-color-dropdown"},[o("div",{staticClass:"el-color-dropdown__main-wrapper"},[o("hue-slider",{ref:"hue",staticStyle:{float:"right"},attrs:{color:e.color,vertical:""}}),o("sv-panel",{ref:"sl",attrs:{color:e.color}})],1),e.showAlpha?o("alpha-slider",{ref:"alpha",attrs:{color:e.color}}):e._e(),e.predefine?o("predefine",{attrs:{color:e.color,colors:e.predefine}}):e._e(),o("div",{staticClass:"el-color-dropdown__btns"},[o("span",{staticClass:"el-color-dropdown__value"},[o("el-input",{attrs:{"validate-event":!1,size:"mini"},on:{blur:e.handleConfirm},nativeOn:{keyup:function(r){return!r.type.indexOf("key")&&e._k(r.keyCode,"enter",13,r.key,"Enter")?null:e.handleConfirm.apply(null,arguments)}},model:{value:e.customInput,callback:function(r){e.customInput=r},expression:"customInput"}})],1),o("el-button",{staticClass:"el-color-dropdown__link-btn",attrs:{size:"mini",type:"text"},on:{click:function(r){return e.$emit("clear")}}},[e._v(" "+e._s(e.t("el.colorpicker.clear"))+" ")]),o("el-button",{staticClass:"el-color-dropdown__btn",attrs:{plain:"",size:"mini"},on:{click:e.confirmValue}},[e._v(" "+e._s(e.t("el.colorpicker.confirm"))+" ")])],1)],1)])},d=[];const f={name:"ElColorPickerDropdown",components:{SvPanel:l,HueSlider:i,AlphaSlider:s,Predefine:a},mixins:[c,p],props:{color:{type:Object,required:!0},showAlpha:Boolean,predefine:Array},data(){return{customInput:""}},computed:{currentColor(){const e=this.$parent;return!e.value&&!e.showPanelColor?"":e.color.value}},watch:{showPopper(e){e===!0&&this.$nextTick(()=>{const{sl:t,hue:o,alpha:r}=this.$refs;t&&t.update(),o&&o.update(),r&&r.update()})},currentColor:{immediate:!0,handler(e){this.customInput=e}}},mounted(){this.$parent.popperElm=this.popperElm=this.$el,this.referenceElm=this.$parent.$el},methods:{confirmValue(){this.$emit("pick")},handleConfirm(){this.color.fromString(this.customInput)}}},n={};var h=u(f,m,d,!1,_,null,null,null);function _(e){for(let t in n)this[t]=n[t]}var v=function(){return h.exports}();export{v as default};
+import l from "element-ui/packages/color-picker/src/components/sv-panel";
+import i from "element-ui/packages/color-picker/src/components/hue-slider";
+import s from "element-ui/packages/color-picker/src/components/alpha-slider";
+import a from "element-ui/packages/color-picker/src/components/predefine";
+import c from "element-ui/src/utils/vue-popper";
+import p from "element-ui/src/mixins/locale";
+import { n as u } from "../../chunks/6499de3a.js";
+var m = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o("transition", {
+    attrs: {
+      name: "el-zoom-in-top"
+    },
+    on: {
+      "after-leave": e.doDestroy
+    }
+  }, [o("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.showPopper,
+      expression: "showPopper"
+    }],
+    staticClass: "el-color-dropdown"
+  }, [o("div", {
+    staticClass: "el-color-dropdown__main-wrapper"
+  }, [o("hue-slider", {
+    ref: "hue",
+    staticStyle: {
+      float: "right"
+    },
+    attrs: {
+      color: e.color,
+      vertical: ""
+    }
+  }), o("sv-panel", {
+    ref: "sl",
+    attrs: {
+      color: e.color
+    }
+  })], 1), e.showAlpha ? o("alpha-slider", {
+    ref: "alpha",
+    attrs: {
+      color: e.color
+    }
+  }) : e._e(), e.predefine ? o("predefine", {
+    attrs: {
+      color: e.color,
+      colors: e.predefine
+    }
+  }) : e._e(), o("div", {
+    staticClass: "el-color-dropdown__btns"
+  }, [o("span", {
+    staticClass: "el-color-dropdown__value"
+  }, [o("el-input", {
+    attrs: {
+      "validate-event": !1,
+      size: "mini"
+    },
+    on: {
+      blur: e.handleConfirm
+    },
+    nativeOn: {
+      keyup: function(r) {
+        return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.handleConfirm.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.customInput,
+      callback: function(r) {
+        e.customInput = r;
+      },
+      expression: "customInput"
+    }
+  })], 1), o("el-button", {
+    staticClass: "el-color-dropdown__link-btn",
+    attrs: {
+      size: "mini",
+      type: "text"
+    },
+    on: {
+      click: function(r) {
+        return e.$emit("clear");
+      }
+    }
+  }, [e._v(" " + e._s(e.t("el.colorpicker.clear")) + " ")]), o("el-button", {
+    staticClass: "el-color-dropdown__btn",
+    attrs: {
+      plain: "",
+      size: "mini"
+    },
+    on: {
+      click: e.confirmValue
+    }
+  }, [e._v(" " + e._s(e.t("el.colorpicker.confirm")) + " ")])], 1)], 1)]);
+}, d = [];
+const f = {
+  name: "ElColorPickerDropdown",
+  components: {
+    SvPanel: l,
+    HueSlider: i,
+    AlphaSlider: s,
+    Predefine: a
+  },
+  mixins: [c, p],
+  props: {
+    color: {
+      type: Object,
+      required: !0
+    },
+    showAlpha: Boolean,
+    predefine: Array
+  },
+  data() {
+    return {
+      customInput: ""
+    };
+  },
+  computed: {
+    currentColor() {
+      const e = this.$parent;
+      return !e.value && !e.showPanelColor ? "" : e.color.value;
+    }
+  },
+  watch: {
+    showPopper(e) {
+      e === !0 && this.$nextTick(() => {
+        const { sl: t, hue: o, alpha: r } = this.$refs;
+        t && t.update(), o && o.update(), r && r.update();
+      });
+    },
+    currentColor: {
+      immediate: !0,
+      handler(e) {
+        this.customInput = e;
+      }
+    }
+  },
+  mounted() {
+    this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$el;
+  },
+  methods: {
+    confirmValue() {
+      this.$emit("pick");
+    },
+    handleConfirm() {
+      this.color.fromString(this.customInput);
+    }
+  }
+}, n = {};
+var h = /* @__PURE__ */ u(
+  f,
+  m,
+  d,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const $ = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  $ as default
+};

package/dist/components/element-dialog/index.js

@@ -1 +1,242 @@
-import{Dialog as a}from"element-ui";import{dialogDrag as n}from"@web-utils/core/dist/directives/index";import{n as d}from"../../chunks/6499de3a.js";var r=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("Transition",{attrs:{name:"dialog-fade"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[l("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"},{name:"dialog-drag",rawName:"v-dialog-drag:[fullScreen]",value:{onMove:e.updatePopper},expression:"{onMove:updatePopper}",arg:e.fullScreen}],staticClass:"el-dialog__wrapper",on:{click:function(o){return o.target!==o.currentTarget?null:e.handleWrapperClick.apply(null,arguments)}}},[l("div",{ref:"dialog",class:["el-dialog","element-dialog","el-dialog-resizeable","normalize",{"is-fullscreen":e.fullScreen,"el-dialog__body-padding":e.bodyPadding,"el-dialog--center":e.center,"el-dialog--flex-row":e.flexRow,"el-dialog--flex-column":e.flexColumn},e.customClass],style:e.style,attrs:{role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"}},[l("div",{staticClass:"el-dialog__header"},[e._t("title",function(){return[l("span",{staticClass:"el-dialog__title"},[e._v(e._s(e.title))])]}),l("div",{staticClass:"header-button-wrapper"},[e._t("header-button"),e.showFullScreen?l("ElButton",{staticClass:"header-button",attrs:{type:"text",icon:e.fullScreen?"el-icon-copy-document":"el-icon-full-screen",size:"medium",title:e.fullScreen?"\u8FD8\u539F":"\u6700\u5927\u5316"},on:{click:e.toggleFullScreen}}):e._e(),e.showClose?l("ElButton",{staticClass:"header-button",attrs:{"aria-label":"Close",type:"text",title:"\u5173\u95ED",icon:"el-icon-close",size:"medium"},on:{click:e.handleClose}}):e._e()],2)],2),e.rendered?l("div",{staticClass:"el-dialog__body",style:{height:e.fullScreen?"100%":e.height}},[e.destroyOnClose?[e.visible?e._t("default"):e._e()]:e._t("default")],2):e._e(),e.shouldShowFooter()?l("div",{staticClass:"el-dialog__footer"},[e._t("footer",null,{handleClose:e.handleClose})],2):e._e()])])])},s=[];const p={props:{modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}}},u={name:"ElementDialog",directives:{dialogDrag:n},mixins:[...a.mixins,p],props:{title:{type:String,default:""},appendToBody:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showFullScreen:Boolean,width:{type:String},height:{type:String},customClass:{type:String,default:""},top:{type:String,default:"15vh"},beforeClose:{type:Function},center:{type:Boolean,default:!0},destroyOnClose:Boolean,flexRow:Boolean,flexColumn:Boolean,bodyPadding:{type:Boolean,default:!0}},data(){return{fullScreen:!1,closed:!1}},computed:{style(){const e={};return this.fullScreen||(e.marginTop=this.top,this.width&&(e.width=this.width)),e}},watch:{visible(e){e?(this.closed=!1,this.$emit("open"),this.$el.addEventListener("scroll",this.updatePopper),this.$nextTick(()=>{this.$refs.dialog.scrollTop=0}),this.appendToBody&&document.body.appendChild(this.$el)):(this.$el.removeEventListener("scroll",this.updatePopper),this.closed||this.$emit("close"))}},mounted(){this.visible&&(this.rendered=!0,this.open(),this.appendToBody&&document.body.appendChild(this.$el))},destroyed(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)},methods:{toggleFullScreen(){this.fullScreen=!this.fullScreen},enterFullScreen(){this.fullScreen=!0},exitFullScreen(){this.fullScreen=!1},shouldShowFooter(){var e,t;return!!((t=(e=this.$scopedSlots).footer)!=null&&t.call(e))},handleWrapperClick(){!this.closeOnClickModal||this.handleClose()},handleClose(){typeof this.beforeClose=="function"?this.beforeClose(this.hide):this.hide()},hide(e){e!==!1&&(this.$emit("update:visible",!1),this.$emit("close"),this.closed=!0)},updatePopper(){this.broadcast("ElSelectDropdown","updatePopper"),this.broadcast("ElDropdownMenu","updatePopper")},afterEnter(){this.$emit("opened")},afterLeave(){this.exitFullScreen(),this.$emit("closed")}}},i={};var g=d(u,r,s,!1,c,null,null,null);function c(e){for(let t in i)this[t]=i[t]}var f=function(){return g.exports}();export{f as default};
+import { Dialog as s } from "element-ui";
+import { dialogDrag as a } from "@web-utils/core/dist/directives/index";
+import { n } from "../../chunks/6499de3a.js";
+var r = function() {
+  var e = this, l = e.$createElement, t = e._self._c || l;
+  return t("Transition", {
+    attrs: {
+      name: "dialog-fade"
+    },
+    on: {
+      "after-enter": e.afterEnter,
+      "after-leave": e.afterLeave
+    }
+  }, [t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.visible,
+      expression: "visible"
+    }, {
+      name: "dialog-drag",
+      rawName: "v-dialog-drag:[fullScreen]",
+      value: {
+        onMove: e.updatePopper
+      },
+      expression: "{onMove:updatePopper}",
+      arg: e.fullScreen
+    }],
+    staticClass: "el-dialog__wrapper",
+    on: {
+      click: function(o) {
+        return o.target !== o.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
+      }
+    }
+  }, [t("div", {
+    ref: "dialog",
+    class: ["el-dialog", "element-dialog", "el-dialog-resizeable", "normalize", {
+      "is-fullscreen": e.fullScreen,
+      "el-dialog__body-padding": e.bodyPadding,
+      "el-dialog--center": e.center,
+      "el-dialog--flex-row": e.flexRow,
+      "el-dialog--flex-column": e.flexColumn
+    }, e.customClass],
+    style: e.style,
+    attrs: {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": e.title || "dialog"
+    }
+  }, [t("div", {
+    staticClass: "el-dialog__header"
+  }, [e._t("title", function() {
+    return [t("span", {
+      staticClass: "el-dialog__title"
+    }, [e._v(e._s(e.title))])];
+  }), t("div", {
+    staticClass: "header-button-wrapper"
+  }, [e._t("header-button"), e.showFullScreen ? t("ElButton", {
+    staticClass: "header-button",
+    attrs: {
+      type: "text",
+      icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
+      size: "medium",
+      title: e.fullScreen ? "\u8FD8\u539F" : "\u6700\u5927\u5316"
+    },
+    on: {
+      click: e.toggleFullScreen
+    }
+  }) : e._e(), e.showClose ? t("ElButton", {
+    staticClass: "header-button",
+    attrs: {
+      "aria-label": "Close",
+      type: "text",
+      title: "\u5173\u95ED",
+      icon: "el-icon-close",
+      size: "medium"
+    },
+    on: {
+      click: e.handleClose
+    }
+  }) : e._e()], 2)], 2), e.rendered ? t("div", {
+    staticClass: "el-dialog__body",
+    style: {
+      height: e.fullScreen ? "100%" : e.height
+    }
+  }, [e.destroyOnClose ? [e.visible ? e._t("default") : e._e()] : e._t("default")], 2) : e._e(), e.shouldShowFooter() ? t("div", {
+    staticClass: "el-dialog__footer"
+  }, [e._t("footer", null, {
+    handleClose: e.handleClose
+  })], 2) : e._e()])])]);
+}, d = [];
+const u = {
+  props: {
+    modal: {
+      type: Boolean,
+      default: !0
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    lockScroll: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, c = {
+  name: "ElementDialog",
+  directives: {
+    dialogDrag: a
+  },
+  mixins: [...s.mixins, u],
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !1
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    showFullScreen: Boolean,
+    width: {
+      type: String
+    },
+    height: {
+      type: String
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    top: {
+      type: String,
+      default: "15vh"
+    },
+    beforeClose: {
+      type: Function
+    },
+    center: {
+      type: Boolean,
+      default: !0
+    },
+    destroyOnClose: Boolean,
+    flexRow: Boolean,
+    flexColumn: Boolean,
+    bodyPadding: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      fullScreen: !1,
+      closed: !1
+    };
+  },
+  computed: {
+    style() {
+      const e = {};
+      return this.fullScreen || (e.marginTop = this.top, this.width && (e.width = this.width)), e;
+    }
+  },
+  watch: {
+    visible(e) {
+      e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), this.$nextTick(() => {
+        this.$refs.dialog.scrollTop = 0;
+      }), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+    }
+  },
+  mounted() {
+    this.visible && (this.rendered = !0, this.open(), this.appendToBody && document.body.appendChild(this.$el));
+  },
+  destroyed() {
+    this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+  },
+  methods: {
+    toggleFullScreen() {
+      this.fullScreen = !this.fullScreen;
+    },
+    enterFullScreen() {
+      this.fullScreen = !0;
+    },
+    exitFullScreen() {
+      this.fullScreen = !1;
+    },
+    shouldShowFooter() {
+      var e, l;
+      return !!((l = (e = this.$scopedSlots).footer) != null && l.call(e));
+    },
+    handleWrapperClick() {
+      !this.closeOnClickModal || this.handleClose();
+    },
+    handleClose() {
+      typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
+    },
+    hide(e) {
+      e !== !1 && (this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
+    },
+    updatePopper() {
+      this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
+    },
+    afterEnter() {
+      this.$emit("opened");
+    },
+    afterLeave() {
+      this.exitFullScreen(), this.$emit("closed");
+    }
+  }
+}, i = {};
+var p = /* @__PURE__ */ n(
+  c,
+  r,
+  d,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let l in i)
+    this[l] = i[l];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};