@web-utils/component 2.0.10 → 2.0.12

package/dist/components/context-menu/style.css

@@ -1 +1,88 @@
-.cm-container{position:fixed;z-index:9999;user-select:none}.cm-container .icon{position:absolute;top:50%;right:0;width:.9em;height:.9em;overflow:hidden;vertical-align:-.15em;transform:translateY(-50%);fill:currentcolor}.cm-container .cm-item-icon{margin-right:4px}.cm-container .cm-ul{width:100%;margin:0;padding:0;color:#2e2e2e;list-style:none;background-color:#fff;box-shadow:0 0 1px #666}.cm-container .cm-ul li{position:relative;box-sizing:border-box;width:100%;text-align:left;cursor:pointer}.cm-container .cm-ul li:hover>ul{display:block}.cm-container .cm-ul li div{position:relative;display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:0 .8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-container .cm-ul li i{display:inline-block;width:1em;font-size:1.3em;text-align:center}.cm-container .cm-ul li div:hover{color:#fff;background-color:#666}.cm-container .cm-ul-2,.cm-container .cm-ul-3{position:absolute;top:0;z-index:10000;display:none}.cm-container .cm-left svg{left:0;transform:translateY(-50%) rotate(180deg)}.cm-container .cm-underline li div:after{position:absolute;top:0;left:5%;z-index:10001;width:90%;height:1px;background-color:#ccc;content:""}.cm-container .cm-underline li div:hover:after,.cm-container .cm-underline>li:first-child>div:after{display:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.cm-container {
+  position: fixed;
+  z-index: 9999;
+  user-select: none;
+}
+.cm-container .icon {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 0.9em;
+  height: 0.9em;
+  overflow: hidden;
+  vertical-align: -0.15em;
+  transform: translateY(-50%);
+  fill: currentcolor;
+}
+.cm-container .cm-item-icon {
+  margin-right: 4px;
+}
+.cm-container .cm-ul {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  color: #2e2e2e;
+  list-style: none;
+  background-color: #fff;
+  box-shadow: 0 0 1px #666;
+}
+.cm-container .cm-ul li {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+}
+.cm-container .cm-ul li:hover > ul {
+  display: block;
+}
+.cm-container .cm-ul li div {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 0 0.8em;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.cm-container .cm-ul li i {
+  display: inline-block;
+  width: 1em;
+  font-size: 1.3em;
+  text-align: center;
+}
+.cm-container .cm-ul li div:hover {
+  color: #fff;
+  background-color: #666;
+}
+.cm-container .cm-ul-2, .cm-container .cm-ul-3 {
+  position: absolute;
+  top: 0;
+  z-index: 10000;
+  display: none;
+}
+.cm-container .cm-left svg {
+  left: 0;
+  transform: translateY(-50%) rotate(180deg);
+}
+.cm-container .cm-underline li div::after {
+  position: absolute;
+  top: 0;
+  left: 5%;
+  z-index: 10001;
+  width: 90%;
+  height: 1px;
+  background-color: #ccc;
+  content: "";
+}
+.cm-container .cm-underline li div:hover::after, .cm-container .cm-underline > li:first-child > div::after {
+  display: none;
+}

package/dist/components/custom-scrollbar/index.js

@@ -1,43 +1,50 @@
-import r from "overlayscrollbars";
+import OverlayScrollbars from "overlayscrollbars";
 import "overlayscrollbars/css/OverlayScrollbars.css";
-import { n as l } from "../../chunks/5d4282fb.js";
-var i = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-host"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-resize-observer-host"
-  }), s("div", {
+  }), _c("div", {
     staticClass: "os-padding"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "viewport",
     staticClass: "os-viewport"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "content",
     staticClass: "os-content"
-  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
+  }, [_vm._t("default")], 2)])]), _vm._m(0), _vm._m(1), _c("div", {
     staticClass: "os-scrollbar-corner"
   })]);
-}, a = [function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+};
+var staticRenderFns = [function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-horizontal"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }, function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }];
-const n = {
+const __vue2_script = {
   name: "CustomScrollbar",
   props: {
     options: {
@@ -61,26 +68,30 @@ const n = {
     },
     reverse: {
       type: Boolean,
-      default: !1
+      default: false
     },
     textarea: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   computed: {
     innerOptions() {
-      return { ...this.options || {}, className: this.theme || "os-theme-dark", scrollbars: { autoHide: "l", autoHideDelay: 100 }, callbacks: { onScroll: this.internalScroll } };
+      const options = this.options || {};
+      return { ...options, className: this.theme || "os-theme-dark", scrollbars: { autoHide: "l", autoHideDelay: 100 }, callbacks: { onScroll: this.internalScroll } };
     }
   },
   watch: {
-    innerOptions(t) {
-      const e = this.scroller;
-      r.valid(e) && e.options(t);
+    innerOptions(options) {
+      const scroller = this.scroller;
+      if (OverlayScrollbars.valid(scroller)) {
+        scroller.options(options);
+      }
     }
   },
   mounted() {
-    this.viewport = this.$refs.viewport, this.scroller = r(
+    this.viewport = this.$refs.viewport;
+    this.scroller = OverlayScrollbars(
       this.getContentWrapper(),
       this.options || {
         className: this.theme || "os-theme-dark",
@@ -97,8 +108,11 @@ const n = {
     this.scrollOffset = this.$refs.viewport.scrollTop;
   },
   beforeDestroy() {
-    const t = this.scroller;
-    r.valid(t) && (t.destroy(), this.scroller = null);
+    const scroller = this.scroller;
+    if (OverlayScrollbars.valid(scroller)) {
+      scroller.destroy();
+      this.scroller = null;
+    }
   },
   methods: {
     scrollBottom() {
@@ -110,40 +124,44 @@ const n = {
     getScrollHeight() {
       return this.$refs.viewport.scrollHeight;
     },
-    setScrollTop(t) {
-      this.$refs.viewport.scrollTop = t;
+    setScrollTop(scrollTop) {
+      this.$refs.viewport.scrollTop = scrollTop;
     },
     getContentWrapper() {
       return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
     },
-    internalScroll(t) {
-      this.onScroll && this.onScroll(t);
-      const e = t.target;
-      if (!this.reverse && Math.ceil(e.clientHeight + e.scrollTop) >= e.scrollHeight) {
+    internalScroll(event) {
+      this.onScroll && this.onScroll(event);
+      const target = event.target;
+      if (!this.reverse && Math.ceil(target.clientHeight + target.scrollTop) >= target.scrollHeight) {
         this.onLoadMore && this.onLoadMore();
         return;
       }
-      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
+      if (this.reverse && target.scrollTop === 0) {
+        this.onLoadMore && this.onLoadMore();
+      }
     }
   }
-}, o = {};
-var c = /* @__PURE__ */ l(
-  n,
-  i,
-  a,
-  !1,
-  h,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(t) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const f = /* @__PURE__ */ function() {
-  return c.exports;
+const CustomScrollbar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  CustomScrollbar as default
 };

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

@@ -1,75 +1,78 @@
-import { dialog as o } from "@web-utils/core/dist/mixin/index";
-import { f as r } from "../../chunks/f71045fc.js";
-import { n as s } from "../../chunks/5d4282fb.js";
-var a = function() {
-  var e = this, t = e.$createElement, l = e._self._c || t;
-  return l("ElementDialog", {
+import { dialog } from "@web-utils/core/dist/mixin/index";
+import { f as filterTableColumnProperties } from "../../chunks/c69d5628.js";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _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"
+            "height": "60vh"
           },
           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
+      proxy: true
     }, {
       key: "footer",
       fn: function() {
-        return [l("ElButton", {
+        return [_c("ElButton", {
           attrs: {
-            size: "mini",
-            type: "primary"
+            "size": "mini",
+            "type": "primary"
           },
           on: {
-            click: e.confirm
+            "click": _vm.confirm
           }
-        }, [e._v(" 确 定 ")]), l("ElButton", {
+        }, [_vm._v(" 确 定 ")]), _c("ElButton", {
           attrs: {
-            size: "mini"
+            "size": "mini"
           },
           on: {
-            click: e.close
+            "click": _vm.close
           }
-        }, [e._v(" 关 闭 ")])];
+        }, [_vm._v(" 关 闭 ")])];
       },
-      proxy: !0
-    }], null, !0)
+      proxy: true
+    }], null, true)
   });
-}, c = [];
-const u = {
+};
+var staticRenderFns = [];
+const __vue2_script = {
   name: "DataTablePicker",
-  mixins: [o],
+  mixins: [dialog],
   props: {
     api: Function,
     columns: Array,
@@ -89,7 +92,7 @@ const u = {
     },
     multiple: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
@@ -99,39 +102,55 @@ 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;
+      if (this.multiple) {
+        if ((_a = this.selectedRows) == null ? void 0 : _a.length) {
+          this.$emit("confirm", this.selectedRows);
+          this.close();
+        } else {
+          this.$message.warning("请选择");
+        }
+      } else {
+        if (this.currentRow) {
+          this.$emit("confirm", this.currentRow);
+          this.close();
+        } else {
+          this.$message.warning("请选择");
+        }
+      }
     }
   }
-}, i = {};
-var h = /* @__PURE__ */ s(
-  u,
-  a,
-  c,
-  !1,
-  m,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __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
 };