@web-utils/component 2.7.20 → 2.7.21

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.bf552d98.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
 };

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

@@ -1,54 +1,54 @@
-import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var r = function() {
-  var t = this, n = t.$createElement, a = t._self._c || n;
-  return a("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-data-tabs"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(s, o) {
-    return a("ElCol", {
-      key: o,
+  }, _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: {
-        background: s.color
+        background: item.color
       }
-    }, [a("a", {
+    }, [_c("a", {
       attrs: {
-        href: s.href,
-        target: s.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(p) {
-          s.click && s.click(s);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-header"
-    }, [a("p", [t._v(t._s(s.title))]), a("span", [t._v(t._s(s.subtitle))])]), a("div", {
+    }, [_c("p", [_vm._v(_vm._s(item.title))]), _c("span", [_vm._v(_vm._s(item.subtitle))])]), _c("div", {
       staticClass: "item-body"
-    }, [a("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "h2",
       attrs: {
-        decimals: s.decimals || t.decimals,
-        animation: s.animation || t.animation,
-        end: s.count
+        decimals: item.decimals || _vm.decimals,
+        animation: item.animation || _vm.animation,
+        end: item.count
       }
-    })], 1), a("div", {
+    })], 1), _c("div", {
       staticClass: "item-footer"
-    }, [a("span", [t._v(t._s(s.allcount))]), a("p", [t._v(t._s(s.text))])]), a("p", {
+    }, [_c("span", [_vm._v(_vm._s(item.allcount))]), _c("p", [_vm._v(_vm._s(item.text))])]), _c("p", {
       staticClass: "item-tip"
-    }, [t._v(t._s(s.key))])])])]);
+    }, [_vm._v(_vm._s(item.key))])])])]);
   }), 1)], 1);
-}, c = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataTabs",
   props: {
     option: {
@@ -71,24 +71,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, e = {};
-var _ = /* @__PURE__ */ i(
-  l,
-  r,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const v = /* @__PURE__ */ function() {
-  return _.exports;
+const DataTabs = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  DataTabs as default
 };

package/dist/components/data-tabs/style.css

@@ -1 +1,64 @@
-.avue-data-tabs .item{position:relative;margin:15px;padding:12px;height:160px;border-radius:4px;box-sizing:border-box;overflow:hidden;color:#fff}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{position:absolute;right:0px;top:0px;padding:2px 8px;border-radius:4px;font-size:12px;background:rgba(255,255,255,.3)}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;line-height:60px;font-weight:700}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{display:flex;align-items:center;justify-content:center;position:absolute;width:80px;height:80px;bottom:10px;right:10px;border:2px solid #fff;border-radius:100%;font-size:48px;transform:rotate(-40deg);opacity:.1}
+.avue-data-tabs .item {
+  position: relative;
+  margin: 15px;
+  padding: 12px;
+  height: 160px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  overflow: hidden;
+  color: #fff;
+}
+.avue-data-tabs .item a {
+  color: #fff;
+}
+.avue-data-tabs .item-header {
+  position: relative;
+}
+.avue-data-tabs .item-header > p {
+  color: #fff;
+  margin: 0;
+  font-size: 14px;
+}
+.avue-data-tabs .item-header > span {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  background: rgba(255, 255, 255, .3);
+}
+.avue-data-tabs .item-body .h2 {
+  color: #fff;
+  margin: 0;
+  font-size: 32px;
+  line-height: 60px;
+  font-weight: 700;
+}
+.avue-data-tabs .item-footer {
+  padding-top: 8px;
+  line-height: 20px;
+}
+.avue-data-tabs .item-footer > span {
+  font-size: 10px;
+}
+.avue-data-tabs .item-footer > p {
+  color: #fff;
+  margin: 0;
+  font-size: 12px;
+}
+.avue-data-tabs .item-tip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  width: 80px;
+  height: 80px;
+  bottom: 10px;
+  right: 10px;
+  border: 2px solid #fff;
+  border-radius: 100%;
+  font-size: 48px;
+  transform: rotate(-40deg);
+  opacity: .1;
+}

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

@@ -1,30 +1,30 @@
-import { c as u } from "../../chunks/config.46422d7f.js";
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var d = function() {
-  var e = this, l = e.$createElement, r = e._self._c || l;
-  return e.columnBox ? r("div", [r("ElDrawer", {
+import { c as config } from "../../chunks/config.7dec2bf2.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.columnBox ? _c("div", [_c("ElDrawer", {
     staticClass: "avue-crud__dialog avue-crud__column avue-dialog",
     attrs: {
       "lock-scroll": "",
       "append-to-body": "",
       title: "列显隐",
-      size: e.crud.isMobile ? "100%" : "40%",
-      visible: e.columnBox
+      size: _vm.crud.isMobile ? "100%" : "40%",
+      visible: _vm.columnBox
     },
     on: {
-      "update:visible": function(o) {
-        e.columnBox = o;
+      "update:visible": function($event) {
+        _vm.columnBox = $event;
       }
     }
-  }, [r("ElTable", {
+  }, [_c("ElTable", {
     ref: "table",
     attrs: {
-      data: e.data,
+      data: _vm.data,
       height: "100%",
       size: "small",
       border: ""
     }
-  }, [r("ElTableColumn", {
+  }, [_c("ElTableColumn", {
     key: "label",
     attrs: {
       align: "center",
@@ -33,39 +33,39 @@ var d = function() {
       prop: "label",
       label: "列名"
     }
-  }), e._l(e.defaultColumn, function(o, i) {
-    return [o.hide !== !0 ? r("ElTableColumn", {
-      key: i,
+  }), _vm._l(_vm.defaultColumn, function(item, index) {
+    return [item.hide !== !0 ? _c("ElTableColumn", {
+      key: index,
       attrs: {
-        label: o.label,
-        prop: o.prop,
+        label: item.label,
+        prop: item.prop,
         align: "center",
         "header-align": "center"
       },
-      scopedSlots: e._u([{
+      scopedSlots: _vm._u([{
         key: "default",
-        fn: function(s) {
-          var t = s.row;
-          return [r("ElCheckbox", {
+        fn: function(_ref) {
+          var row = _ref.row;
+          return [_c("ElCheckbox", {
             on: {
-              change: function(n) {
-                return e.handleChange(o.prop);
+              change: function($event) {
+                return _vm.handleChange(item.prop);
               }
             },
             model: {
-              value: e.crud.objectOption[t.prop][o.prop],
-              callback: function(n) {
-                e.$set(e.crud.objectOption[t.prop], o.prop, n);
+              value: _vm.crud.objectOption[row.prop][item.prop],
+              callback: function($$v) {
+                _vm.$set(_vm.crud.objectOption[row.prop], item.prop, $$v);
               },
               expression: "crud.objectOption[row.prop][item.prop]"
             }
           })];
         }
       }], null, !0)
-    }) : e._e()];
-  })], 2)], 1)], 1) : e._e();
-}, p = [];
-const h = {
+    }) : _vm._e()];
+  })], 2)], 1)], 1) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DialogColumn",
   inject: ["crud"],
   data() {
@@ -101,39 +101,39 @@ const h = {
   },
   methods: {
     handleShow() {
-      this.data = [], this.crud.propOption.forEach((e) => {
-        e.showColumn !== !1 && this.data.push(e);
+      this.data = [], this.crud.propOption.forEach((column) => {
+        column.showColumn !== !1 && this.data.push(column);
       }), this.columnBox = !0, this.$nextTick(() => this.rowDrop());
     },
-    handleChange(e) {
-      ["hide", "filters"].includes(e) && this.crud.refreshTable();
+    handleChange(prop) {
+      ["hide", "filters"].includes(prop) && this.crud.refreshTable();
     },
     rowDrop() {
-      const e = this.$refs.table.$el.querySelectorAll(u.dropRowClass)[0];
-      this.crud.tableDrop("column", e, (l) => {
-        const r = l.oldIndex, o = l.newIndex;
-        this.crud.headerSort(r, o), this.crud.refreshTable(() => this.rowDrop());
+      const el = this.$refs.table.$el.querySelectorAll(config.dropRowClass)[0];
+      this.crud.tableDrop("column", el, (evt) => {
+        const oldIndex = evt.oldIndex, newIndex = evt.newIndex;
+        this.crud.headerSort(oldIndex, newIndex), this.crud.refreshTable(() => this.rowDrop());
       });
     }
   }
-}, a = {};
-var f = /* @__PURE__ */ c(
-  h,
-  d,
-  p,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  b,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function b(e) {
-  for (let l in a)
-    this[l] = a[l];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const v = /* @__PURE__ */ function() {
-  return f.exports;
+const DialogColumn = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  DialogColumn as default
 };