@web-utils/component 2.7.36 → 2.7.37

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

@@ -0,0 +1,96 @@
+import { n as i } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = function() {
+  var t = this, s = t.$createElement, a = t._self._c || s;
+  return a("div", {
+    staticClass: "avue-data-rotate"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(n, e) {
+    return a("ElCol", {
+      key: e,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item",
+      style: {
+        backgroundColor: n.color
+      }
+    }, [a("div", {
+      staticClass: "item-box"
+    }, [a("CountUp", {
+      staticClass: "item-count",
+      attrs: {
+        decimals: n.decimals || t.decimals,
+        animation: n.animation || t.animation,
+        end: n.count
+      }
+    }), a("span", {
+      staticClass: "item-title"
+    }, [t._v(t._s(n.title))]), a("i", {
+      staticClass: "item-icon",
+      class: n.icon
+    })], 1), a("a", {
+      attrs: {
+        href: n.href
+      },
+      on: {
+        click: function(p) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("p", {
+      staticClass: "item-more"
+    }, [t._v("更多"), a("i", {
+      staticClass: "el-icon-arrow-right"
+    })])])])]);
+  }), 1)], 1);
+}, r = [];
+const l = {
+  name: "DataRotate",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ i(
+  l,
+  c,
+  r,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

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

@@ -1,50 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-data-rotate .item {
-  margin: 5px 10px;
-  box-sizing: border-box;
-  position: relative;
-  color: #fff;
-  border-radius: 3px;
-}
-.avue-data-rotate .item-box {
-  padding: 10px 20px;
-}
-.avue-data-rotate .item-count {
-  margin-bottom: 5px;
-  font-size: 38px;
-  white-space: nowrap;
-  font-weight: 300;
-  display: block;
-}
-.avue-data-rotate .item-title {
-  font-size: 15px;
-}
-.avue-data-rotate .item-icon {
-  transition: all 0.3s linear;
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  font-size: 65px;
-  color: rgba(0, 0, 0, 0.15);
-}
-.avue-data-rotate .item-icon:hover {
-  font-size: 70px;
-}
-.avue-data-rotate .item-more {
-  position: relative;
-  text-align: center;
-  padding: 3px 0;
-  color: #fff;
-  color: rgba(255, 255, 255, 0.8);
-  display: block;
-  z-index: 10;
-  font-size: 14px;
-  letter-spacing: 2px;
-  background: rgba(0, 0, 0, 0.1);
-  text-decoration: none;
-}
+.avue-data-rotate .item{margin:5px 10px;box-sizing:border-box;position:relative;color:#fff;border-radius:3px}.avue-data-rotate .item-box{padding:10px 20px}.avue-data-rotate .item-count{margin-bottom:5px;font-size:38px;white-space:nowrap;font-weight:300;display:block}.avue-data-rotate .item-title{font-size:15px}.avue-data-rotate .item-icon{transition:all .3s linear;position:absolute;top:20px;right:20px;font-size:65px;color:#00000026}.avue-data-rotate .item-icon:hover{font-size:70px}.avue-data-rotate .item-more{position:relative;text-align:center;padding:3px 0;color:#fff;color:#fffc;display:block;z-index:10;font-size:14px;letter-spacing:2px;background:rgba(0,0,0,.1);text-decoration:none}

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

@@ -0,0 +1,137 @@
+import { dialog as o } from "@web-utils/vue/mixin/dialog";
+import { f as r } from "../../chunks/index.9b7a65d1.mjs";
+import { n as s } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var a = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return l("ElementDialog", {
+    attrs: {
+      visible: e.show,
+      title: e.title,
+      width: e.width,
+      height: e.height,
+      "flex-column": ""
+    },
+    on: {
+      "update:visible": function(n) {
+        e.show = n;
+      },
+      close: e.close,
+      closed: e.closed
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("search-form"), l("PageableTable", {
+          ref: "pageableTable",
+          staticStyle: {
+            height: "60vh"
+          },
+          attrs: {
+            "highlight-current-row": "",
+            "hide-on-single-page": "",
+            model: e.model,
+            columns: e.columns,
+            api: e.api,
+            "row-class-name": "pointer",
+            multiple: e.multiple
+          },
+          on: {
+            "selection-change": e.selectionChange,
+            "row-click": e.toggleRowSelection,
+            "current-change": e.currentChange
+          }
+        }, [e._t("default")], 2)];
+      },
+      proxy: !0
+    }, {
+      key: "footer",
+      fn: function() {
+        return [l("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: e.confirm
+          }
+        }, [e._v(" 确 定 ")]), l("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: e.close
+          }
+        }, [e._v(" 关 闭 ")])];
+      },
+      proxy: !0
+    }], null, !0)
+  });
+}, c = [];
+const u = {
+  name: "DataTablePicker",
+  mixins: [o],
+  props: {
+    api: Function,
+    columns: Array,
+    title: String,
+    width: {
+      type: String,
+      default: "60vw"
+    },
+    height: {
+      type: String,
+      default: null
+    },
+    model: {
+      type: Object,
+      default: () => {
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      selectedRows: [],
+      currentRow: null
+    };
+  },
+  methods: {
+    filterTableColumnProperties: r,
+    selectionChange(e) {
+      this.selectedRows = e;
+    },
+    currentChange(e) {
+      this.currentRow = e;
+    },
+    toggleRowSelection(e) {
+      this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+    },
+    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("请选择");
+    }
+  }
+}, i = {};
+var h = /* @__PURE__ */ s(
+  u,
+  a,
+  c,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const d = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  d as default
+};

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

@@ -0,0 +1,94 @@
+import { n as i } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = function() {
+  var t = this, n = t.$createElement, a = t._self._c || n;
+  return a("div", {
+    staticClass: "avue-data-tabs"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(s, o) {
+    return a("ElCol", {
+      key: o,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item",
+      style: {
+        background: s.color
+      }
+    }, [a("a", {
+      attrs: {
+        href: s.href,
+        target: s.target
+      },
+      on: {
+        click: function(p) {
+          s.click && s.click(s);
+        }
+      }
+    }, [a("div", {
+      staticClass: "item-header"
+    }, [a("p", [t._v(t._s(s.title))]), a("span", [t._v(t._s(s.subtitle))])]), a("div", {
+      staticClass: "item-body"
+    }, [a("CountUp", {
+      staticClass: "h2",
+      attrs: {
+        decimals: s.decimals || t.decimals,
+        animation: s.animation || t.animation,
+        end: s.count
+      }
+    })], 1), a("div", {
+      staticClass: "item-footer"
+    }, [a("span", [t._v(t._s(s.allcount))]), a("p", [t._v(t._s(s.text))])]), a("p", {
+      staticClass: "item-tip"
+    }, [t._v(t._s(s.key))])])])]);
+  }), 1)], 1);
+}, c = [];
+const l = {
+  name: "DataTabs",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, e = {};
+var _ = /* @__PURE__ */ i(
+  l,
+  r,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const v = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  v as default
+};

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

@@ -1,70 +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: 0px;
-  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, 0.3);
-}
-.avue-data-tabs .item-body .h2 {
-  color: #fff;
-  margin: 0;
-  font-size: 32px;
-  line-height: 60px;
-  font-weight: bold;
-}
-.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: 0px;
-  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: 0.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:0;top:0;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.mjs

@@ -0,0 +1,139 @@
+import { c as u } from "../../chunks/config.46422d7f.mjs";
+import { n as c } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var d = function() {
+  var e = this, l = e.$createElement, r = e._self._c || l;
+  return e.columnBox ? r("div", [r("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
+    },
+    on: {
+      "update:visible": function(o) {
+        e.columnBox = o;
+      }
+    }
+  }, [r("ElTable", {
+    ref: "table",
+    attrs: {
+      data: e.data,
+      height: "100%",
+      size: "small",
+      border: ""
+    }
+  }, [r("ElTableColumn", {
+    key: "label",
+    attrs: {
+      align: "center",
+      width: "100",
+      "header-align": "center",
+      prop: "label",
+      label: "列名"
+    }
+  }), e._l(e.defaultColumn, function(o, i) {
+    return [o.hide !== !0 ? r("ElTableColumn", {
+      key: i,
+      attrs: {
+        label: o.label,
+        prop: o.prop,
+        align: "center",
+        "header-align": "center"
+      },
+      scopedSlots: e._u([{
+        key: "default",
+        fn: function(s) {
+          var t = s.row;
+          return [r("ElCheckbox", {
+            on: {
+              change: function(n) {
+                return e.handleChange(o.prop);
+              }
+            },
+            model: {
+              value: e.crud.objectOption[t.prop][o.prop],
+              callback: function(n) {
+                e.$set(e.crud.objectOption[t.prop], o.prop, n);
+              },
+              expression: "crud.objectOption[row.prop][item.prop]"
+            }
+          })];
+        }
+      }], null, !0)
+    }) : e._e()];
+  })], 2)], 1)], 1) : e._e();
+}, p = [];
+const h = {
+  name: "DialogColumn",
+  inject: ["crud"],
+  data() {
+    return {
+      data: [],
+      columnBox: !1
+    };
+  },
+  computed: {
+    defaultColumn() {
+      return [{
+        label: "隐藏",
+        prop: "hide"
+      }, {
+        label: "冻结",
+        prop: "fixed"
+      }, {
+        label: "过滤",
+        prop: "filters"
+      }, {
+        label: "潘旭",
+        prop: "sortable"
+      }, {
+        label: "序号",
+        prop: "index",
+        hide: !0
+      }, {
+        label: "宽度",
+        prop: "width",
+        hide: !0
+      }];
+    }
+  },
+  methods: {
+    handleShow() {
+      this.data = [], this.crud.propOption.forEach((e) => {
+        e.showColumn !== !1 && this.data.push(e);
+      }), this.columnBox = !0, this.$nextTick(() => this.rowDrop());
+    },
+    handleChange(e) {
+      ["hide", "filters"].includes(e) && 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());
+      });
+    }
+  }
+}, a = {};
+var f = /* @__PURE__ */ c(
+  h,
+  d,
+  p,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(e) {
+  for (let l in a)
+    this[l] = a[l];
+}
+const v = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  v as default
+};