@web-utils/component 2.8.30 → 2.9.1

package/context-menu/index.mjs

@@ -68,7 +68,7 @@ var d = function() {
       }, [e("div", {
         class: t.secondLeft ? "cm-left" : "",
         on: {
-          click: function(h) {
+          click: function(o) {
             return t.onItemClick(n, [l, r]);
           }
         }
@@ -90,22 +90,22 @@ var d = function() {
         staticClass: "cm-ul cm-ul-3 easy-cm-ul",
         class: t.underline ? "cm-underline" : "",
         style: t.thirdBorderCheck(l, r)
-      }, t._l(n.children, function(h, c) {
+      }, t._l(n.children, function(o, h) {
         return e("li", {
-          key: c,
+          key: h,
           style: t.liStyle
         }, [e("div", {
           on: {
-            click: function(x) {
-              return t.onItemClick(h, [l, r, c]);
+            click: function(p) {
+              return t.onItemClick(o, [l, r, h]);
             }
           }
         }, [e("i", {
           staticClass: "cm-item-icon",
-          class: h.icon
+          class: o.icon
         }), e("span", {
           staticClass: "cm-item-label"
-        }, [t._v(t._s(h.text))])])]);
+        }, [t._v(t._s(o.text))])])]);
       }), 0) : t._e()]);
     }), 0) : t._e()]);
   }), 0)]) : t._e();
@@ -118,10 +118,8 @@ const m = {
       required: !0
     },
     // 是否开启下划线
-    underline: {
-      type: Boolean,
-      default: !1
-    },
+    underline: Boolean,
+    appendToBody: Boolean,
     // 是否开启箭头
     arrow: {
       type: Boolean,
@@ -205,6 +203,10 @@ const m = {
       }
     }
   },
+  destroyed() {
+    var t;
+    this.appendToBody && ((t = this.$el) != null && t.parentNode) && this.$el.parentNode.removeChild(this.$el);
+  },
   methods: {
     secondBorderCheck(t) {
       const i = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (t + this.list[t].children.length) * this.itemHeight;
@@ -221,7 +223,7 @@ const m = {
       };
     },
     show(t) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0;
+      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0, this.appendToBody && document.body.appendChild(this.$el);
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.hide);
@@ -230,7 +232,7 @@ const m = {
       this.$emit("on-item-click", t, i);
     }
   }
-}, o = {};
+}, c = {};
 var f = /* @__PURE__ */ a(
   m,
   d,
@@ -242,8 +244,8 @@ var f = /* @__PURE__ */ a(
   null
 );
 function y(t) {
-  for (let i in o)
-    this[i] = o[i];
+  for (let i in c)
+    this[i] = c[i];
 }
 const _ = /* @__PURE__ */ function() {
   return f.exports;

package/custom-scrollbar/index.mjs

@@ -1,93 +1,42 @@
-var c = Object.defineProperty, h = Object.defineProperties;
-var d = Object.getOwnPropertyDescriptors;
-var o = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var l = (t, e, s) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, i = (t, e) => {
-  for (var s in e || (e = {}))
-    v.call(e, s) && l(t, s, e[s]);
-  if (o)
-    for (var s of o(e))
-      p.call(e, s) && l(t, s, e[s]);
-  return t;
-}, a = (t, e) => h(t, d(e));
-import r from "overlayscrollbars";
-import "overlayscrollbars/css/OverlayScrollbars.css";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var u = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
-    staticClass: "os-host"
-  }, [s("div", {
-    staticClass: "os-resize-observer-host"
-  }), s("div", {
-    staticClass: "os-padding"
-  }, [s("div", {
-    ref: "viewport",
-    staticClass: "os-viewport"
-  }, [s("div", {
-    ref: "content",
-    staticClass: "os-content"
-  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
-    staticClass: "os-scrollbar-corner"
-  })]);
-}, m = [function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
-    staticClass: "os-scrollbar os-scrollbar-horizontal "
-  }, [s("div", {
-    staticClass: "os-scrollbar-track"
-  }, [s("div", {
-    staticClass: "os-scrollbar-handle"
-  })])]);
-}, function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
-    staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [s("div", {
-    staticClass: "os-scrollbar-track"
-  }, [s("div", {
-    staticClass: "os-scrollbar-handle"
-  })])]);
-}];
-const _ = {
+import "overlayscrollbars/overlayscrollbars.css";
+import { OverlayScrollbars as r } from "overlayscrollbars";
+import c from "lodash/defaults";
+import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, o = t._self._c || e;
+  return o(t.element, {
+    tag: "Component"
+  }, [t._t("default")], 2);
+}, p = [];
+const u = {
   name: "CustomScrollbar",
   props: {
-    options: {
-      type: Object,
-      default: void 0
-    },
-    extensions: {
-      type: [String, Array, Object],
-      default: void 0
+    element: {
+      type: String,
+      default: "div"
     },
+    options: Object,
     theme: {
       type: String,
-      default: void 0
-    },
-    onLoadMore: {
-      type: Function,
-      default: null
-    },
-    onScroll: {
-      type: Function
-    },
-    reverse: {
-      type: Boolean,
-      default: !1
+      default: "os-theme-dark"
     },
-    textarea: {
-      type: Boolean,
-      default: !1
-    }
+    onLoadMore: Function,
+    onScroll: Function,
+    reverse: Boolean
+  },
+  data() {
+    return {
+      scrollTop: 0
+    };
   },
   computed: {
     innerOptions() {
-      const t = this.options || {};
-      return a(i({}, t), {
-        className: this.theme || "os-theme-dark",
-        scrollbars: { autoHide: "l", autoHideDelay: 100 },
-        callbacks: { onScroll: this.internalScroll }
-      });
+      return c(
+        {
+          scrollbars: { autoHide: "leave", autoHideDelay: 100, theme: this.theme }
+        },
+        this.options
+      );
     }
   },
   watch: {
@@ -97,71 +46,71 @@ const _ = {
     }
   },
   mounted() {
-    this.viewport = this.$refs.viewport, this.scroller = r(
-      this.getContentWrapper(),
-      this.options || {
-        className: this.theme || "os-theme-dark",
-        scrollbars: { autoHide: "l", autoHideDelay: 100 },
-        callbacks: { onScroll: this.internalScroll }
-      },
-      this.extensions
+    this.scroller = r(
+      this.$el,
+      this.innerOptions,
+      {
+        scroll: this.internalScroll,
+        initialized: this.initialized
+      }
     );
   },
   activated() {
     var t;
-    this.$refs.viewport.scrollTop = (t = this.scrollOffset) != null ? t : 0;
+    this.viewport.scrollTop = (t = this.scrollTop) != null ? t : 0;
   },
   deactivated() {
-    this.scrollOffset = this.$refs.viewport.scrollTop;
+    this.scrollTop = this.viewport.scrollTop;
   },
   beforeDestroy() {
     const t = this.scroller;
     r.valid(t) && (t.destroy(), this.scroller = null);
   },
   methods: {
+    initialized(t) {
+      const { viewport: e } = t.elements();
+      this.viewport = e;
+    },
     scrollBottom() {
-      this.$refs.viewport.scrollTop = this.$refs.viewport.scrollHeight;
+      this.viewport.scrollTop = this.viewport.scrollHeight;
     },
     getScroller() {
       return this.scroller;
     },
     getScrollHeight() {
-      return this.$refs.viewport.scrollHeight;
+      return this.viewport.scrollHeight;
     },
     setScrollTop(t) {
-      this.$refs.viewport.scrollTop = t;
-    },
-    getContentWrapper() {
-      return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
+      this.viewport.scrollTop = t;
     },
-    internalScroll(t) {
-      this.onScroll && this.onScroll(t);
-      const e = t.target;
-      if (!this.reverse && Math.ceil(e.clientHeight + e.scrollTop) >= e.scrollHeight) {
-        this.onLoadMore && this.onLoadMore();
+    internalScroll(t, e) {
+      var l, i, s;
+      const o = this.viewport;
+      if ((l = this.onScroll) == null || l.call(this, e), !this.reverse && Math.ceil(o.clientHeight + o.scrollTop) >= o.scrollHeight) {
+        (i = this.onLoadMore) == null || i.call(this);
         return;
       }
-      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
+      this.reverse && o.scrollTop === 0 && ((s = this.onLoadMore) == null || s.call(this));
     }
   }
 }, n = {};
-var b = /* @__PURE__ */ f(
-  _,
+var d = /* @__PURE__ */ a(
   u,
-  m,
+  h,
+  p,
   !1,
-  S,
+  v,
   null,
   null,
   null
 );
-function S(t) {
+function v(t) {
   for (let e in n)
     this[e] = n[e];
 }
-const w = /* @__PURE__ */ function() {
-  return b.exports;
+const g = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  w as default
+  g as default
 };

package/element-dialog/index.mjs

@@ -1,7 +1,23 @@
-import i from "element-ui/lib/dialog";
-import { dialogDrag as s } from "@web-utils/vue/directives/dialog-drag";
-import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var r = function() {
+var r = (e, l, t) => new Promise((i, n) => {
+  var c = (o) => {
+    try {
+      a(t.next(o));
+    } catch (s) {
+      n(s);
+    }
+  }, p = (o) => {
+    try {
+      a(t.throw(o));
+    } catch (s) {
+      n(s);
+    }
+  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(c, p);
+  a((t = t.apply(e, l)).next());
+});
+import d from "element-ui/lib/dialog";
+import { dialogDrag as h } from "@web-utils/vue/directives/dialog-drag";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var m = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("Transition", {
     attrs: {
@@ -28,8 +44,8 @@ var r = function() {
     }],
     staticClass: "el-dialog__wrapper",
     on: {
-      click: function(o) {
-        return o.target !== o.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
+      click: function(i) {
+        return i.target !== i.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
       }
     }
   }, [t("div", {
@@ -88,8 +104,8 @@ var r = function() {
   }, [e._t("footer", null, {
     handleClose: e.handleClose
   })], 2) : e._e()])])]);
-}, d = [];
-const u = {
+}, g = [];
+const y = {
   props: {
     visible: {
       type: Boolean,
@@ -124,12 +140,12 @@ const u = {
       default: "76vh"
     }
   }
-}, c = {
+}, _ = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: s
+    dialogDrag: h
   },
-  mixins: [...i.mixins || i.default.mixins, u],
+  mixins: [...d.mixins || d.default.mixins, y],
   props: {
     title: {
       type: String,
@@ -194,9 +210,9 @@ const u = {
   },
   watch: {
     visible(e) {
-      e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), this.$nextTick(() => {
-        this.$refs.dialog.scrollTop = 0;
-      }), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+      return r(this, null, function* () {
+        e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+      });
     }
   },
   mounted() {
@@ -238,24 +254,24 @@ const u = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, a = {};
-var p = /* @__PURE__ */ n(
-  c,
-  r,
-  d,
+}, u = {};
+var v = /* @__PURE__ */ f(
+  _,
+  m,
+  g,
   !1,
-  h,
+  C,
   null,
   null,
   null
 );
-function h(e) {
-  for (let l in a)
-    this[l] = a[l];
+function C(e) {
+  for (let l in u)
+    this[l] = u[l];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const B = /* @__PURE__ */ function() {
+  return v.exports;
 }();
 export {
-  _ as default
+  B as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.30",
+  "version": "2.9.1",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
@@ -13,5 +13,10 @@
     },
     "./*": "./*"
   },
-  "web-types": "web-types.json"
+  "web-types": "web-types.json",
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.sass"
+  ]
 }

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.30",
+  "version": "2.9.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -889,7 +889,15 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "false"
+              "default": ""
+            },
+            {
+              "name": "appendToBody",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": ""
             },
             {
               "name": "arrow",
@@ -1027,20 +1035,20 @@
           "description": "",
           "attributes": [
             {
-              "name": "options",
+              "name": "element",
               "value": {
                 "kind": "expression",
-                "type": "object"
+                "type": "string"
               },
-              "default": "undefined"
+              "default": "'div'"
             },
             {
-              "name": "extensions",
+              "name": "options",
               "value": {
                 "kind": "expression",
-                "type": "string|array|object"
+                "type": "object"
               },
-              "default": "undefined"
+              "default": ""
             },
             {
               "name": "theme",
@@ -1048,7 +1056,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "undefined"
+              "default": "'os-theme-dark'"
             },
             {
               "name": "onLoadMore",
@@ -1056,7 +1064,7 @@
                 "kind": "expression",
                 "type": "func"
               },
-              "default": "null"
+              "default": ""
             },
             {
               "name": "onScroll",
@@ -1072,15 +1080,7 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "false"
-            },
-            {
-              "name": "textarea",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
+              "default": ""
             }
           ],
           "slots": [