@web-utils/component 2.7.20 → 2.7.22

package/dist/components/data-price/index.js

@@ -1,50 +1,50 @@
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var t = this, n = t.$createElement, s = t._self._c || n;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "data-price"
-  }, [s("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, [t._l(t.data, function(a, c) {
-    return [s("ElCol", {
-      key: c,
+  }, [_vm._l(_vm.data, function(item, index) {
+    return [_c("ElCol", {
+      key: index,
       attrs: {
         xs: 12,
         sm: 6,
-        md: t.span
+        md: _vm.span
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item item--active"
-    }, [s("a", {
+    }, [_c("a", {
       attrs: {
-        href: a.href,
-        target: a.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(e) {
-          a.click && a.click(a);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "title"
-    }, [t._v(" " + t._s(a.title) + " ")]), s("div", {
+    }, [_vm._v(" " + _vm._s(item.title) + " ")]), _c("div", {
       staticClass: "body"
-    }, [s("span", {
+    }, [_c("span", {
       staticClass: "price"
-    }, [t._v(t._s(a.price))]), s("span", {
+    }, [_vm._v(_vm._s(item.price))]), _c("span", {
       staticClass: "append"
-    }, [t._v(t._s(a.append))])]), s("div", {
+    }, [_vm._v(_vm._s(item.append))])]), _c("div", {
       staticClass: "list"
-    }, t._l(a.list, function(e, i) {
-      return s("p", {
-        key: i
-      }, [t._v(" " + t._s(e) + " ")]);
+    }, _vm._l(item.list, function(citem, cindex) {
+      return _c("p", {
+        key: cindex
+      }, [_vm._v(" " + _vm._s(citem) + " ")]);
     }), 0)])])])];
   })], 2)], 1);
-}, _ = [];
-const p = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataPrice",
   props: {
     option: {
@@ -61,24 +61,24 @@ const p = {
       return this.option.data;
     }
   }
-}, r = {};
-var u = /* @__PURE__ */ l(
-  p,
-  o,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let n in r)
-    this[n] = r[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return u.exports;
+const DataPrice = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  DataPrice as default
 };

package/dist/components/data-progress/index.js

@@ -1,57 +1,57 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var a = this, n = a.$createElement, s = a._self._c || n;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "data-progress"
-  }, [s("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, a._l(a.data, function(t, o) {
-    return s("ElCol", {
-      key: o,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: a.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [s("a", {
+    }, [_c("a", {
       attrs: {
-        href: t.href,
-        target: t.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(d) {
-          t.click && t.click(t);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item-header"
-    }, [s("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        animation: t.animation || a.animation,
-        decimals: t.decimals || a.decimals,
-        end: t.count
+        animation: item.animation || _vm.animation,
+        decimals: item.decimals || _vm.decimals,
+        end: item.count
       }
-    }), s("div", {
+    }), _c("div", {
       staticClass: "item-title",
       domProps: {
-        textContent: a._s(t.title)
+        textContent: _vm._s(item.title)
       }
-    })], 1), s("ElProgress", {
+    })], 1), _c("ElProgress", {
       attrs: {
         "stroke-width": 15,
-        percentage: t.count,
-        color: t.color,
+        percentage: item.count,
+        color: item.color,
         "show-text": !1
       }
     })], 1)])]);
   }), 1)], 1);
-}, c = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataProgress",
   props: {
     option: {
@@ -74,24 +74,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, e = {};
-var u = /* @__PURE__ */ r(
-  l,
-  i,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(a) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return u.exports;
+const DataProgress = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataProgress as default
 };

package/dist/components/data-rotate/index.js

@@ -1,56 +1,56 @@
-import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = function() {
-  var t = this, s = t.$createElement, a = t._self._c || s;
-  return a("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-data-rotate"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, e) {
-    return a("ElCol", {
-      key: e,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item",
       style: {
-        backgroundColor: n.color
+        backgroundColor: item.color
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-box"
-    }, [a("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        decimals: n.decimals || t.decimals,
-        animation: n.animation || t.animation,
-        end: n.count
+        decimals: item.decimals || _vm.decimals,
+        animation: item.animation || _vm.animation,
+        end: item.count
       }
-    }), a("span", {
+    }), _c("span", {
       staticClass: "item-title"
-    }, [t._v(t._s(n.title))]), a("i", {
+    }, [_vm._v(_vm._s(item.title))]), _c("i", {
       staticClass: "item-icon",
-      class: n.icon
-    })], 1), a("a", {
+      class: item.icon
+    })], 1), _c("a", {
       attrs: {
-        href: n.href
+        href: item.href
       },
       on: {
-        click: function(p) {
-          n.click && n.click(n);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("p", {
+    }, [_c("p", {
       staticClass: "item-more"
-    }, [t._v("更多"), a("i", {
+    }, [_vm._v("更多"), _c("i", {
       staticClass: "el-icon-arrow-right"
     })])])])]);
   }), 1)], 1);
-}, r = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataRotate",
   props: {
     option: {
@@ -73,24 +73,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, o = {};
-var u = /* @__PURE__ */ i(
-  l,
-  c,
-  r,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let s in o)
-    this[s] = o[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return u.exports;
+const DataRotate = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataRotate as default
 };

package/dist/components/data-table-picker/index.js

@@ -1,27 +1,125 @@
-import { dialog as o } from "@web-utils/core/dist/mixin/index";
-import { f as r } from "../../chunks/utils.fa73de78.js";
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var e = this, t = e.$createElement, l = e._self._c || t;
-  return l("ElementDialog", {
+import { getComputedHeight, drag, hasOwn } from "@web-utils/core";
+import { f as filterTableColumnProperties } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const nodeList = /* @__PURE__ */ new Map();
+let startClick;
+document.addEventListener("mousedown", (e) => startClick = e);
+document.addEventListener("mouseup", (e) => {
+  for (const { documentHandler } of nodeList.values())
+    documentHandler(e, startClick);
+});
+function bindDrag(el, binding) {
+  var _a, _b;
+  const dialogHeaderEl = el.querySelector(".el-dialog__header"), dragDom = el.querySelector(".el-dialog");
+  dialogHeaderEl && (binding.arg ? dialogHeaderEl.style.cssText += ";cursor:default;" : dialogHeaderEl.style.cssText += ";cursor:move;", drag(dragDom, dialogHeaderEl, hasOwn(binding.value, "limit") ? (_a = binding.value) == null ? void 0 : _a.limit : !0, { onMove: (_b = binding.value) == null ? void 0 : _b.onMove }));
+}
+const dialogDrag = {
+  bind: (el, binding) => bindDrag(el, binding),
+  update: (el, binding) => bindDrag(el, binding)
+};
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
+    try {
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, rejected = (value) => {
+    try {
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
+});
+const dialog = {
+  directives: {
+    dialogDrag,
+    alignCenter: {
+      inserted(el, binding, vNode) {
+        return __async(this, null, function* () {
+          yield vNode.componentInstance.$nextTick();
+          const dialogHeight = getComputedHeight(vNode.componentInstance.$refs.dialog), availableHeight = window.document.body.offsetHeight - dialogHeight;
+          vNode.componentInstance.$refs.dialog.style.marginTop = `${availableHeight / 2}px`;
+        });
+      }
+    }
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    closeOnClickModal: Boolean,
+    reservePositionOnClose: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      show: !1,
+      fullScreen: !1
+    };
+  },
+  methods: {
+    closed() {
+      if (!this.reservePositionOnClose && this.$refs.dialog) {
+        const { dialog: dialog2 } = this.$refs.dialog.$refs;
+        dialog2.style.top = "unset", dialog2.style.left = "unset";
+      }
+      this.exitFullScreen(), this.$emit("closed");
+    },
+    close() {
+      this.show = !1;
+    },
+    toggleFullScreen() {
+      this.fullScreen = !this.fullScreen;
+    },
+    enterFullScreen() {
+      this.fullScreen = !0;
+    },
+    exitFullScreen() {
+      this.fullScreen = !1;
+    }
+  },
+  watch: {
+    visible: {
+      immediate: !0,
+      handler(newVal) {
+        this.show = newVal;
+      }
+    },
+    show(newVal) {
+      newVal !== this.visible && this.$emit("update:visible", newVal), newVal || this.$emit("close");
+    }
+  },
+  beforeDestroy() {
+    this.show && this.close();
+  }
+};
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("ElementDialog", {
     attrs: {
-      visible: e.show,
-      title: e.title,
-      width: e.width,
-      height: e.height,
+      visible: _vm.show,
+      title: _vm.title,
+      width: _vm.width,
+      height: _vm.height,
       "flex-column": ""
     },
     on: {
-      "update:visible": function(n) {
-        e.show = n;
+      "update:visible": function($event) {
+        _vm.show = $event;
       },
-      close: e.close,
-      closed: e.closed
+      close: _vm.close,
+      closed: _vm.closed
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [e._t("search-form"), l("PageableTable", {
+        return [_vm._t("search-form"), _c("PageableTable", {
           ref: "pageableTable",
           staticStyle: {
             height: "60vh"
@@ -29,47 +127,47 @@ var a = function() {
           attrs: {
             "highlight-current-row": "",
             "hide-on-single-page": "",
-            model: e.model,
-            columns: e.columns,
-            api: e.api,
+            model: _vm.model,
+            columns: _vm.columns,
+            api: _vm.api,
             "row-class-name": "pointer",
-            multiple: e.multiple
+            multiple: _vm.multiple
           },
           on: {
-            "selection-change": e.selectionChange,
-            "row-click": e.toggleRowSelection,
-            "current-change": e.currentChange
+            "selection-change": _vm.selectionChange,
+            "row-click": _vm.toggleRowSelection,
+            "current-change": _vm.currentChange
           }
-        }, [e._t("default")], 2)];
+        }, [_vm._t("default")], 2)];
       },
       proxy: !0
     }, {
       key: "footer",
       fn: function() {
-        return [l("ElButton", {
+        return [_c("ElButton", {
           attrs: {
             size: "mini",
             type: "primary"
           },
           on: {
-            click: e.confirm
+            click: _vm.confirm
           }
-        }, [e._v(" 确 定 ")]), l("ElButton", {
+        }, [_vm._v(" 确 定 ")]), _c("ElButton", {
           attrs: {
             size: "mini"
           },
           on: {
-            click: e.close
+            click: _vm.close
           }
-        }, [e._v(" 关 闭 ")])];
+        }, [_vm._v(" 关 闭 ")])];
       },
       proxy: !0
     }], null, !0)
   });
-}, c = [];
-const u = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataTablePicker",
-  mixins: [o],
+  mixins: [dialog],
   props: {
     api: Function,
     columns: Array,
@@ -99,39 +197,39 @@ const u = {
     };
   },
   methods: {
-    filterTableColumnProperties: r,
-    selectionChange(e) {
-      this.selectedRows = e;
+    filterTableColumnProperties,
+    selectionChange(selectedRows) {
+      this.selectedRows = selectedRows;
     },
-    currentChange(e) {
-      this.currentRow = e;
+    currentChange(currentRow) {
+      this.currentRow = currentRow;
     },
-    toggleRowSelection(e) {
-      this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+    toggleRowSelection(row) {
+      this.$refs.pageableTable.$refs.table.toggleRowSelection(row);
     },
     confirm() {
-      var e;
-      this.multiple ? (e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
+      var _a;
+      this.multiple ? (_a = this.selectedRows) != null && _a.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
     }
   }
-}, i = {};
-var h = /* @__PURE__ */ s(
-  u,
-  a,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(e) {
-  for (let t in i)
-    this[t] = i[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const d = /* @__PURE__ */ function() {
-  return h.exports;
+const DataTablePicker = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  d as default
+  DataTablePicker as default
 };