@web-utils/component 4.0.0 → 4.0.2

package/element-dialog/index.mjs

@@ -1,24 +1,8 @@
-var s = (t, e, l) => new Promise((i, n) => {
-  var p = (o) => {
-    try {
-      a(l.next(o));
-    } catch (r) {
-      n(r);
-    }
-  }, u = (o) => {
-    try {
-      a(l.throw(o));
-    } catch (r) {
-      n(r);
-    }
-  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(p, u);
-  a((l = l.apply(t, e)).next());
-});
-import d from "element-ui/lib/dialog";
-import { dialogDrag as f } from "@web-utils/vue/directives/dialog-drag";
-import { getComputedHeight as h, isDef as m } from "@web-utils/core";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const g = {
+import i from "element-ui/lib/dialog";
+import { dialogDrag as a } from "@web-utils/vue/directives/dialog-drag";
+import { getComputedHeight as r, isDef as n } from "@web-utils/core";
+import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const d = {
   name: "EmulateForm",
   provide() {
     return {
@@ -30,16 +14,16 @@ const g = {
   render() {
     return this.$slots.default;
   }
-}, y = null, _ = null;
-var v = /* @__PURE__ */ c(
-  g,
-  y,
-  _,
+}, c = null, p = null;
+var u = /* @__PURE__ */ s(
+  d,
+  c,
+  p,
   !1,
   null,
   null
 );
-const C = v.exports, b = {
+const f = u.exports, h = {
   props: {
     /**
      * 对话框是否可见
@@ -107,13 +91,13 @@ const C = v.exports, b = {
       default: "76vh"
     }
   }
-}, S = {
+}, m = {
   name: "ElementDialog",
-  components: { EmulateForm: C },
+  components: { EmulateForm: f },
   directives: {
-    dialogDrag: f
+    dialogDrag: a
   },
-  mixins: [...d.mixins || d.default.mixins, b],
+  mixins: [...i.mixins || i.default.mixins, h],
   props: {
     /**
      * 对话框标题
@@ -234,10 +218,8 @@ const C = v.exports, b = {
     }
   },
   watch: {
-    visible(t) {
-      return s(this, null, function* () {
-        t ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
-      });
+    async visible(t) {
+      t ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), await this.$nextTick(), this.$refs.dialog.scrollTop = 0, await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
     },
     fullScreen(t) {
       this.$emit("toggle-fullscreen", t);
@@ -246,19 +228,15 @@ const C = v.exports, b = {
   created() {
     this.$watch(() => ({ offsetTop: this.offsetTop, verticalCenter: this.verticalCenter, top: this.top }), this.computeTop, { deep: !0 });
   },
-  mounted() {
-    return s(this, null, function* () {
-      this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
-    });
+  async mounted() {
+    this.visible && (this.rendered = !0, this.open(), await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
   },
   destroyed() {
     this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
   },
   methods: {
-    computeTop() {
-      return s(this, null, function* () {
-        yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - h(this.$refs.dialog)) / 2 + (m(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
-      });
+    async computeTop() {
+      await this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - r(this.$refs.dialog)) / 2 + (n(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
     },
     toggleFullScreen() {
       this.fullScreen = !this.fullScreen;
@@ -293,10 +271,10 @@ const C = v.exports, b = {
     }
   }
 };
-var $ = function() {
+var g = function() {
   var e = this, l = e._self._c;
-  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(i) {
-    return i.target !== i.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
+  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",
@@ -313,15 +291,15 @@ var $ = function() {
   ], 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("EmulateForm", [l("div", { staticClass: "header-button-wrapper" }, [e._t("header-button"), e.showFullScreen ? l("ElButton", { staticClass: "header-button", attrs: { disabled: !1, type: "text", icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen", size: "medium", title: e.fullScreen ? "还原" : "最大化" }, on: { click: e.toggleFullScreen } }) : e._e(), e.showClose ? l("ElButton", { staticClass: "header-button header-dialog-close", attrs: { disabled: !1, "aria-label": "Close", type: "text", title: "关闭", 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()])])]);
-}, w = [], x = /* @__PURE__ */ c(
-  S,
-  $,
-  w,
+}, y = [], _ = /* @__PURE__ */ s(
+  m,
+  g,
+  y,
   !1,
   null,
   null
 );
-const P = x.exports;
+const $ = _.exports;
 export {
-  P as default
+  $ as default
 };

package/element-dialog/style.css

@@ -1 +1 @@
-.element-dialog.el-dialog{margin:0 auto}.element-dialog.el-dialog.el-dialog-resizeable{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{flex:auto;padding:0;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{font-size:18px;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{text-align:right;padding-bottom:10px}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;width:100%!important;height:100%!important;margin-top:0!important;top:0!important;left:0!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{flex-direction:row;display:flex}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{background-color:#409eff;flex-direction:row;align-items:center;padding:4px 10px;font-size:16px;display:flex;position:relative}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:400}.element-dialog.el-dialog .header-button-wrapper{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{color:#fff;cursor:pointer;border:none;outline:0;padding:2px}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:rgba(0,0,0,.3)}
+.element-dialog.el-dialog{margin:0 auto}.element-dialog.el-dialog.el-dialog-resizeable{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{flex:auto;padding:0;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{font-size:18px;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{text-align:right;padding-bottom:10px}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;width:100%!important;height:100%!important;margin-top:0!important;top:0!important;left:0!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{flex-direction:row;display:flex}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{background-color:#409eff;flex-direction:row;align-items:center;padding:4px 10px;font-size:16px;display:flex;position:relative}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:400}.element-dialog.el-dialog .header-button-wrapper{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{color:#fff;cursor:pointer;border:none;outline:0;padding:2px}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:#0000004d}

package/flex-column/index.mjs

@@ -1,18 +1,6 @@
-var i = Object.defineProperty, f = Object.defineProperties;
-var u = Object.getOwnPropertyDescriptors;
-var o = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var a = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, s = (t, e) => {
-  for (var n in e || (e = {}))
-    C.call(e, n) && a(t, n, e[n]);
-  if (o)
-    for (var n of o(e))
-      m.call(e, n) && a(t, n, e[n]);
-  return t;
-}, c = (t, e) => f(t, u(e));
-import { g as h } from "../chunks/index.MAFc4eFi.mjs";
-import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
+import { g as o } from "../chunks/index.9OxHjTIE.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const s = {
   name: "FlexColumn",
   functional: !0,
   props: {
@@ -45,20 +33,20 @@ const d = {
       default: !1
     }
   },
-  render(t, { data: e, children: n, props: l }) {
-    const r = h(e.class, "flex-column");
-    return l.center || l.horizonCenter && l.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (l.horizonCenter && r.push("horizon-center"), l.verticalCenter && r.push("vertical-center")), l.textCenter && r.push("text-center"), t("div", c(s({}, e), { class: r }), n);
+  render(l, { data: t, children: r, props: e }) {
+    const n = o(t.class, "flex-column");
+    return e.center || e.horizonCenter && e.verticalCenter ? (n.push("horizon-center"), n.push("vertical-center")) : (e.horizonCenter && n.push("horizon-center"), e.verticalCenter && n.push("vertical-center")), e.textCenter && n.push("text-center"), l("div", { ...t, class: n }, r);
   }
-}, v = null, x = null;
-var p = /* @__PURE__ */ _(
-  d,
-  v,
-  x,
+}, c = null, i = null;
+var f = /* @__PURE__ */ a(
+  s,
+  c,
+  i,
   !1,
   null,
   null
 );
-const F = p.exports;
+const m = f.exports;
 export {
-  F as default
+  m as default
 };

package/flex-item/index.mjs

@@ -1,18 +1,6 @@
-var i = Object.defineProperty, u = Object.defineProperties;
-var c = Object.getOwnPropertyDescriptors;
-var s = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var r = (t, e, l) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, o = (t, e) => {
-  for (var l in e || (e = {}))
-    v.call(e, l) && r(t, l, e[l]);
-  if (s)
-    for (var l of s(e))
-      x.call(e, l) && r(t, l, e[l]);
-  return t;
-}, f = (t, e) => u(t, c(e));
-import { g as m } from "../chunks/index.MAFc4eFi.mjs";
-import { n as C } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
+import { g as o } from "../chunks/index.9OxHjTIE.mjs";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const s = {
   name: "FlexItem",
   functional: !0,
   props: {
@@ -49,29 +37,29 @@ const d = {
       default: !1
     }
   },
-  render(t, { children: e, data: l, props: n }) {
-    const a = m(l.class, n.relative ? "flex-item-relative" : "flex-item");
-    return n.absolute && !n.relative && a.push("flex-item-relative"), n.center || n.horizonCenter && n.verticalCenter ? (a.push("horizon-center"), a.push("vertical-center")) : (n.horizonCenter && a.push("horizon-center"), n.verticalCenter && a.push("vertical-center")), n.textCenter && a.push("text-center"), n.flexColumn && a.push("flex-column"), n.flexRow && a.push("flex-row"), n.absolute ? t("div", f(o({}, l), { class: a }), [
+  render(t, { children: a, data: n, props: e }) {
+    const l = o(n.class, e.relative ? "flex-item-relative" : "flex-item");
+    return e.absolute && !e.relative && l.push("flex-item-relative"), e.center || e.horizonCenter && e.verticalCenter ? (l.push("horizon-center"), l.push("vertical-center")) : (e.horizonCenter && l.push("horizon-center"), e.verticalCenter && l.push("vertical-center")), e.textCenter && l.push("text-center"), e.flexColumn && l.push("flex-column"), e.flexRow && l.push("flex-row"), e.absolute ? t("div", { ...n, class: l }, [
       t(
         "div",
         {
           class: "absolute",
           style: "overflow:auto"
         },
-        e
+        a
       )
-    ]) : t("div", f(o({}, l), { class: a }), e);
+    ]) : t("div", { ...n, class: l }, a);
   }
-}, h = null, _ = null;
-var y = /* @__PURE__ */ C(
-  d,
-  h,
-  _,
+}, r = null, i = null;
+var u = /* @__PURE__ */ f(
+  s,
+  r,
+  i,
   !1,
   null,
   null
 );
-const b = y.exports;
+const x = u.exports;
 export {
-  b as default
+  x as default
 };

package/flex-row/index.mjs

@@ -1,18 +1,6 @@
-var i = Object.defineProperty, f = Object.defineProperties;
-var u = Object.getOwnPropertyDescriptors;
-var o = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var a = (n, e, t) => e in n ? i(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, s = (n, e) => {
-  for (var t in e || (e = {}))
-    C.call(e, t) && a(n, t, e[t]);
-  if (o)
-    for (var t of o(e))
-      h.call(e, t) && a(n, t, e[t]);
-  return n;
-}, c = (n, e) => f(n, u(e));
-import { g as _ } from "../chunks/index.MAFc4eFi.mjs";
-import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
+import { g as o } from "../chunks/index.9OxHjTIE.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const s = {
   name: "FlexRow",
   functional: !0,
   props: {
@@ -33,20 +21,20 @@ const d = {
       default: !1
     }
   },
-  render(n, { data: e, children: t, props: r }) {
-    const l = _(e.class, "flex-row");
-    return r.center || r.horizonCenter && r.verticalCenter ? (l.push("horizon-center"), l.push("vertical-center")) : (r.horizonCenter && l.push("horizon-center"), r.verticalCenter && l.push("vertical-center")), r.textCenter && l.push("text-center"), n("div", c(s({}, e), { class: l }), t);
+  render(r, { data: n, children: l, props: e }) {
+    const t = o(n.class, "flex-row");
+    return e.center || e.horizonCenter && e.verticalCenter ? (t.push("horizon-center"), t.push("vertical-center")) : (e.horizonCenter && t.push("horizon-center"), e.verticalCenter && t.push("vertical-center")), e.textCenter && t.push("text-center"), r("div", { ...n, class: t }, l);
   }
-}, v = null, x = null;
-var p = /* @__PURE__ */ m(
-  d,
-  v,
-  x,
+}, c = null, i = null;
+var f = /* @__PURE__ */ a(
+  s,
+  c,
+  i,
   !1,
   null,
   null
 );
-const B = p.exports;
+const h = f.exports;
 export {
-  B as default
+  h as default
 };