@web-utils/component 4.0.7 → 4.0.9

package/license/index.mjs

@@ -1,5 +1,6 @@
 import { C as r } from "../chunks/util.DqFv_pWg.mjs";
 import { n as g } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 const l = {
   name: "License",
   props: {
@@ -109,7 +110,7 @@ var m = function() {
   null,
   null
 );
-const u = w.exports;
+const x = w.exports;
 export {
-  u as default
+  x as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "4.0.7",
+  "version": "4.0.9",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/page-skeleton/index.mjs

@@ -1,9 +1,9 @@
-import o from "../page/index.mjs";
-import "../page/style.css";
-import n from "../nav-bar/index.mjs";
-import "../nav-bar/style.css";
-import r from "../page-header/index.mjs";
-import "../page-header/style.css";
+import o from "./page/index.mjs";
+import "./page/style.css";
+import n from "./nav-bar/index.mjs";
+import "./nav-bar/style.css";
+import r from "./page-header/index.mjs";
+import "./page-header/style.css";
 import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const l = {
   name: "PageSkeleton",

package/pageable-table/index.mjs

@@ -2,11 +2,14 @@ import { copy as v, hasOwn as P } from "@web-utils/core";
 import S from "element-ui/lib/message";
 import { g as _, f as C, i as B, j as A } from "../chunks/index.B2TRddqf.mjs";
 import { merge as f } from "@web-utils/integrations/lodash";
-import { g as K } from "../chunks/dictionary.Dq1KRI7k.mjs";
+import { g as K } from "../chunks/dictionary.3O-Io7Vh.mjs";
 import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
 import "vue";
 import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 import { isEqual as L } from "lodash-es";
+import "async-validator";
+import "../chunks/core.DJEgjQW6.mjs";
+import "../chunks/configComponents.CpKi15WN.mjs";
 function F(t) {
   v(
     t,
@@ -506,7 +509,7 @@ var X = function() {
   null,
   null
 );
-const ne = Y.exports;
+const de = Y.exports;
 export {
-  ne as default
+  de as default
 };

package/pageable-view/index.mjs

@@ -1,7 +1,8 @@
-import { cloneDeep as n, merge as g } from "@web-utils/integrations/lodash";
-import { hasOwn as p, copy as f } from "@web-utils/core";
+import { cloneDeep as n, merge as p } from "@web-utils/integrations/lodash";
+import { hasOwn as g, copy as f } from "@web-utils/core";
 import { f as h, i as u, j as m } from "../chunks/index.B2TRddqf.mjs";
 import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "async-validator";
 function S(e) {
   let t = "";
   for (const s in e)
@@ -118,7 +119,7 @@ const i = {
       return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return g({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return p({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
@@ -215,7 +216,7 @@ const i = {
     },
     async getPage() {
       var o;
-      if (p(this.$attrs, "data")) {
+      if (g(this.$attrs, "data")) {
         this.records = this.$attrs.data, this.page.page = 1, this.page.total = this.records.length, this.page.limit = this.page.total;
         return;
       }
@@ -269,7 +270,7 @@ var v = function() {
   null,
   null
 );
-const x = T.exports;
+const O = T.exports;
 export {
-  x as default
+  O as default
 };

package/photo-swipe/index.mjs

@@ -1,49 +1,8 @@
-import u from "photoswipe";
+import { p as o } from "../chunks/index.BmYCjxZQ.mjs";
+import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "photoswipe";
 import "photoswipe/dist/photoswipe.css";
-import { n as g } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function d(t) {
-  new u(t).init();
-}
-async function l(t, r, n = { selector: "chat-image" }) {
-  const c = t.target;
-  if (!(!c || c.classList.contains(n.selector) || c.tagName === "IMG"))
-    return;
-  const e = r.querySelectorAll(n.selector === "img" ? n.selector : `.${n.selector}`), a = [...e].findIndex((s) => s === c);
-  a >= 0 && (n.index = a);
-  const i = await w(e);
-  await d({ dataSource: i, index: a });
-}
-async function w(t) {
-  const r = [];
-  for (let n = 0, c = t.length; n < c; n++) {
-    const e = t[n], a = e.getAttribute("data-src") || e.getAttribute("src"), i = {
-      src: a,
-      msrc: a,
-      alt: e.getAttribute("data-title") || e.getAttribute("alt"),
-      element: e
-    }, s = e.getAttribute("data-height"), h = e.getAttribute("data-width");
-    let o = { width: h, height: s };
-    !s && !h && (o = await f(e), e.setAttribute("data-height", o.height), e.setAttribute("data-width", o.width)), i.w = o.width, i.width = o.width, i.h = o.height, i.height = o.height, r.push(i);
-  }
-  return r;
-}
-function f(t) {
-  const r = t.getAttribute("data-src") || t.getAttribute("src"), n = t.getAttribute("data-height"), c = t.getAttribute("data-width");
-  return n && c ? { width: c, height: n } : t.complete ? {
-    width: t.naturalWidth,
-    height: t.naturalHeight
-  } : new Promise((e) => {
-    const a = new Image();
-    a.src = r;
-    const i = {};
-    a.complete ? (i.width = a.width, i.height = a.height, e(i)) : (a.onload = () => {
-      i.width = a.width, i.height = a.height, e(i);
-    }, a.onerror = () => {
-      i.width = 0, i.height = 0, e(i);
-    });
-  });
-}
-const m = {
+const i = {
   name: "PhotoSwipe",
   props: {
     urls: Array,
@@ -53,27 +12,27 @@ const m = {
     }
   },
   methods: {
-    async preview(t) {
-      await l(t, this.$refs.wrapper, { selector: this.selector });
+    async preview(e) {
+      await o(e, this.$refs.wrapper, { selector: this.selector });
     }
   }
 };
 var p = function() {
-  var r = this, n = r._self._c;
-  return n("div", { ref: "wrapper" }, [r._t("default", function() {
-    return r._l(r.urls, function(c) {
-      return n("img", { key: c.src, staticStyle: { cursor: "pointer" }, attrs: { width: "100", src: c.src, alt: "" }, on: { click: r.preview } });
+  var r = this, t = r._self._c;
+  return t("div", { ref: "wrapper" }, [r._t("default", function() {
+    return r._l(r.urls, function(s) {
+      return t("img", { key: s.src, staticStyle: { cursor: "pointer" }, attrs: { width: "100", src: s.src, alt: "" }, on: { click: r.preview } });
     });
   }, { urls: r.urls, preview: r.preview })], 2);
-}, _ = [], b = /* @__PURE__ */ g(
-  m,
+}, a = [], c = /* @__PURE__ */ n(
+  i,
   p,
-  _,
+  a,
   !1,
   null,
   null
 );
-const v = b.exports;
+const m = c.exports;
 export {
-  v as default
+  m as default
 };

package/picker-table-view/index.mjs

@@ -4,6 +4,7 @@ import { isPlainObject as y, isFunction as P } from "@web-utils/core";
 import { cloneDeep as T } from "@web-utils/integrations/lodash";
 import { g as B } from "../chunks/index.B2TRddqf.mjs";
 import { n as O } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "async-validator";
 const E = {
   name: "PickerTableView"
 }, R = /* @__PURE__ */ Object.assign(E, {
@@ -52,11 +53,11 @@ const E = {
     }
   },
   emits: ["cancel", "confirm", "update:visible"],
-  setup(f, { expose: e, emit: n }) {
-    const t = f, a = l([]), s = l(null), i = l([]), m = l([]), g = l(null), h = l(null), v = l(null), _ = l(null), b = (o) => {
-      a.value = o;
-    }, x = (o) => {
-      s.value = o;
+  setup(f, { expose: e, emit: o }) {
+    const t = f, a = l([]), s = l(null), i = l([]), m = l([]), g = l(null), h = l(null), v = l(null), _ = l(null), b = (n) => {
+      a.value = n;
+    }, x = (n) => {
+      s.value = n;
     }, d = () => {
       g.value.reload();
     }, k = () => {
@@ -64,20 +65,20 @@ const E = {
     }, u = () => {
       v.value.hide();
     }, w = () => {
-      n("cancel"), u();
+      o("cancel"), u();
     }, C = () => {
       var p;
-      let o;
-      if (t.multiple ? (p = a.value) != null && p.length && (o = a.value) : s.value && (o = [s.value]), !o.length) {
+      let n;
+      if (t.multiple ? (p = a.value) != null && p.length && (n = a.value) : s.value && (n = [s.value]), !n.length) {
         B(N).warning("请选择！");
         return;
       }
-      n("confirm", o), u();
-    }, F = (o) => {
-      n("update:visible", o);
+      o("confirm", n), u();
+    }, F = (n) => {
+      o("update:visible", n);
     };
     return S(async () => {
-      var o;
+      var n;
       if (t.useTree) {
         const c = (await t.treeApi()).data.data;
         if (y(t.customRootNode)) {
@@ -88,22 +89,22 @@ const E = {
           r[t.treeProps.children || "children"] = c, i.value = y(r) ? [r] : r;
         } else
           i.value = c;
-        t.expandFirstNode && (m.value = [(o = i.value[0]) == null ? void 0 : o.id]);
+        t.expandFirstNode && (m.value = [(n = i.value[0]) == null ? void 0 : n.id]);
       }
     }), e({
       search: d
-    }), { __sfc: !0, props: t, emits: n, rows: a, current: s, treeData: i, expandedKeys: m, table: g, form: h, dialog: v, tree: _, handleChange: b, handleCurrentChange: x, search: d, clear: k, closeDialog: u, onCancel: w, confirm: C, updateVisible: F };
+    }), { __sfc: !0, props: t, emits: o, rows: a, current: s, treeData: i, expandedKeys: m, table: g, form: h, dialog: v, tree: _, handleChange: b, handleCurrentChange: x, search: d, clear: k, closeDialog: u, onCancel: w, confirm: C, updateVisible: F };
   }
 });
 var D = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("ElementDialog", { ref: "dialog", attrs: { visible: e.visible, height: e.height, width: e.width, "body-padding": !1, "show-full-screen": "", title: e.title }, on: { "update:visible": t.updateVisible }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [n("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.confirm } }, [e._v("确定")]), n("ElButton", { attrs: { size: "mini" }, on: { click: t.onCancel } }, [e._v("取消")])];
-  }, proxy: !0 }]) }, [n("SkeletonPanel", { attrs: { "flex-column": "", "use-tab": !1, "hide-left": !e.useTree }, scopedSlots: e._u([e.useTree ? { key: "left", fn: function() {
-    return [n("div", { staticStyle: { padding: "10px 0", "font-size": "16px", "border-bottom": "1px solid #eee" } }, [e._v(e._s(e.treeTitle))]), n("ElTree", { ref: "tree", attrs: { "node-key": e.nodeKey, data: t.treeData, "default-expanded-keys": t.expandedKeys, props: e.treeProps, "expand-on-click-node": e.expandOnClickNode }, on: { "node-click": e.onNodeClick } })];
-  }, proxy: !0 } : null], null, !0) }, [n("FormHolder", { ref: "form", staticStyle: { padding: "10px" }, attrs: { model: e.model, "not-table-form": "" }, nativeOn: { submit: function(a) {
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o("ElementDialog", { ref: "dialog", attrs: { visible: e.visible, height: e.height, width: e.width, "body-padding": !1, "show-full-screen": "", title: e.title }, on: { "update:visible": t.updateVisible }, scopedSlots: e._u([{ key: "footer", fn: function() {
+    return [o("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.confirm } }, [e._v("确定")]), o("ElButton", { attrs: { size: "mini" }, on: { click: t.onCancel } }, [e._v("取消")])];
+  }, proxy: !0 }]) }, [o("SkeletonPanel", { attrs: { "flex-column": "", "use-tab": !1, "hide-left": !e.useTree }, scopedSlots: e._u([e.useTree ? { key: "left", fn: function() {
+    return [o("div", { staticStyle: { padding: "10px 0", "font-size": "16px", "border-bottom": "1px solid #eee" } }, [e._v(e._s(e.treeTitle))]), o("ElTree", { ref: "tree", attrs: { "node-key": e.nodeKey, data: t.treeData, "default-expanded-keys": t.expandedKeys, props: e.treeProps, "expand-on-click-node": e.expandOnClickNode }, on: { "node-click": e.onNodeClick } })];
+  }, proxy: !0 } : null], null, !0) }, [o("FormHolder", { ref: "form", staticStyle: { padding: "10px" }, attrs: { model: e.model, "not-table-form": "" }, nativeOn: { submit: function(a) {
     return a.preventDefault(), t.search.apply(null, arguments);
-  } } }, [n("FormItemConfigProvider", { attrs: { reactive: "" } }, [n("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form"), n("FormItem", { staticStyle: { "text-align": "right" }, attrs: { "hide-label": "", span: 24 } }, [n("ElButton", { attrs: { type: "primary", "native-type": "submit" } }, [e._v("搜索")]), n("ElButton", { on: { click: t.clear } }, [e._v("清空")])], 1)], 2)], 1)], 1), n("PageableTable", { ref: "table", attrs: { "highlight-current-row": "", "hide-on-single-page": "", "click-row-select": "", "row-key": e.rowKey, descs: e.descs, "payload-style": "body", api: e.tableApi, model: e.model, multiple: e.multiple }, on: { "current-change": t.handleCurrentChange, "selection-change": t.handleChange } }, [e._t("columns")], 2)], 1)], 1);
+  } } }, [o("FormItemConfigProvider", { attrs: { reactive: "" } }, [o("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form"), o("FormItem", { staticStyle: { "text-align": "right" }, attrs: { "hide-label": "", span: 24 } }, [o("ElButton", { attrs: { type: "primary", "native-type": "submit" } }, [e._v("搜索")]), o("ElButton", { on: { click: t.clear } }, [e._v("清空")])], 1)], 2)], 1)], 1), o("PageableTable", { ref: "table", attrs: { "highlight-current-row": "", "hide-on-single-page": "", "click-row-select": "", "row-key": e.rowKey, descs: e.descs, "payload-style": "body", api: e.tableApi, model: e.model, multiple: e.multiple }, on: { "current-change": t.handleCurrentChange, "selection-change": t.handleChange } }, [e._t("columns")], 2)], 1)], 1);
 }, K = [], j = /* @__PURE__ */ O(
   R,
   D,
@@ -112,7 +113,7 @@ var D = function() {
   null,
   null
 );
-const q = j.exports;
+const G = j.exports;
 export {
-  q as default
+  G as default
 };

package/present-view/index.mjs

@@ -1,7 +1,7 @@
 import { isInContainer as u, delay as m, hasOwn as a, toStringArray as h } from "@web-utils/core";
 import { merge as b } from "@web-utils/integrations/lodash";
-import p from "../resize-observer/index.mjs";
-import "../resize-observer/style.css";
+import p from "./resize-observer/index.mjs";
+import "./resize-observer/style.css";
 import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const f = [
   "back",

package/record-video/index.mjs

@@ -1,5 +1,6 @@
-import { s } from "../chunks/util.DqFv_pWg.mjs";
+import { s as r } from "../chunks/util.DqFv_pWg.mjs";
 import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 let o = class {
   /**
    * 构造函数
@@ -75,19 +76,19 @@ const n = {
   computed: {
     styleName() {
       return {
-        width: s(this.width)
+        width: r(this.width)
       };
     },
     imgStyleName() {
       return {
-        width: s(this.width / 2)
+        width: r(this.width / 2)
       };
     },
     borderStyleName() {
       return {
-        width: s(this.width / 15),
-        height: s(this.width / 15),
-        borderWidth: s(5)
+        width: r(this.width / 15),
+        height: r(this.width / 15),
+        borderWidth: r(5)
       };
     }
   },
@@ -107,10 +108,10 @@ const n = {
       this.videoObj.stopRecord();
     },
     getData() {
-      const r = new Blob(this.videoObj.chunks, {
+      const s = new Blob(this.videoObj.chunks, {
         type: "video/mp4"
       }), e = new FileReader();
-      e.readAsDataURL(r), e.addEventListener("loadend", () => {
+      e.readAsDataURL(s), e.addEventListener("loadend", () => {
         const t = e.result;
         this.$emit("data-change", t);
       });
@@ -128,7 +129,7 @@ var c = function() {
   null,
   null
 );
-const p = m.exports;
+const b = m.exports;
 export {
-  p as default
+  b as default
 };

package/resize-observer/index.mjs

@@ -1,5 +1,6 @@
 import { a as r } from "../chunks/index.9OxHjTIE.mjs";
 import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 let t;
 function i() {
   i.init || (i.init = !0, t = r() !== -1);
@@ -42,7 +43,7 @@ var a = function() {
   null,
   null
 );
-const _ = l.exports;
+const m = l.exports;
 export {
-  _ as default
+  m as default
 };

package/search/index.mjs

@@ -2,6 +2,8 @@ import { D as p } from "../chunks/util.DqFv_pWg.mjs";
 import { i } from "../chunks/init.DAsXSoLW.mjs";
 import { isBlank as o } from "@web-utils/core";
 import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "../chunks/dic.Dkl-leRW.mjs";
+import "../chunks/slot.DXIbhGat.mjs";
 const l = {
   name: "Search",
   mixins: [i],
@@ -101,7 +103,7 @@ var h = function() {
   null,
   null
 );
-const O = u.exports;
+const y = u.exports;
 export {
-  O as default
+  y as default
 };

package/sign/index.mjs

@@ -1,5 +1,6 @@
 import { s as v } from "../chunks/util.DqFv_pWg.mjs";
 import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 function p(e, s, n, r, t, o) {
   e.save(), e.fillStyle = t, e.translate(s, n), e.rotate(Math.PI + o), e.beginPath();
   let a = Math.sin(0), d = Math.cos(0);
@@ -105,7 +106,7 @@ var y = function() {
   null,
   null
 );
-const P = w.exports;
+const k = w.exports;
 export {
-  P as default
+  k as default
 };

package/split-pane/index.mjs

@@ -1,6 +1,6 @@
 import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import l from "../resize-observer/index.mjs";
-import "../resize-observer/style.css";
+import l from "./resize-observer/index.mjs";
+import "./resize-observer/style.css";
 function h(e, t) {
   for (let s = 0; s < t.length; s++)
     if (e === t[s])

package/swiper/index.mjs

@@ -1,6 +1,6 @@
 import { getEleWidth as r } from "@web-utils/core";
-import a from "../resize-observer/index.mjs";
-import "../resize-observer/style.css";
+import a from "./resize-observer/index.mjs";
+import "./resize-observer/style.css";
 import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const h = {
   name: "Swiper",

package/table-column/index.mjs

@@ -1,8 +1,11 @@
 import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
 import { h as d } from "vue";
-import { g as C } from "../chunks/dictionary.Dq1KRI7k.mjs";
+import { g as C } from "../chunks/dictionary.3O-Io7Vh.mjs";
 import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 import { f as V } from "../chunks/core.DJEgjQW6.mjs";
+import "../chunks/configComponents.CpKi15WN.mjs";
+import "@web-utils/core";
+import "@web-utils/integrations/lodash";
 const D = {
   name: "DictRender",
   inheritAttrs: !1,
@@ -219,7 +222,7 @@ var E = /* @__PURE__ */ B(
   null,
   null
 );
-const X = E.exports;
+const Q = E.exports;
 export {
-  X as default
+  Q as default
 };

package/table-view/index.mjs

@@ -2,10 +2,11 @@ import { isFunction as p, toStringArray as f, isString as o, isArray as c, trace
 import { merge as i } from "@web-utils/integrations/lodash";
 import { g as m, h as w } from "../chunks/index.B2TRddqf.mjs";
 import g from "../form-item-config-provider/index.mjs";
-import { a as v, p as _ } from "../chunks/configComponents.Bkix1pFY.mjs";
+import { a as v, p as _ } from "../chunks/configComponents.CpKi15WN.mjs";
 import { b as a } from "../chunks/core.DJEgjQW6.mjs";
 import y from "element-ui/lib/transitions/collapse-transition";
 import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "async-validator";
 const T = [
   "back",
   "create",
@@ -320,7 +321,7 @@ var C = function() {
   null,
   null
 );
-const V = k.exports;
+const O = k.exports;
 export {
-  V as default
+  O as default
 };

package/tabs-view/index.mjs

@@ -1,6 +1,6 @@
 import { toStringArray as a } from "@web-utils/core";
 import { merge as n } from "@web-utils/integrations/lodash";
-import { p as l } from "../chunks/configComponents.Bkix1pFY.mjs";
+import { p as l } from "../chunks/configComponents.CpKi15WN.mjs";
 import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const u = [
   "back",

package/text-ellipsis/index.mjs

@@ -1,5 +1,6 @@
 import { s as l } from "../chunks/util.DqFv_pWg.mjs";
 import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 const h = {
   name: "TextEllipsis",
   props: {
@@ -72,7 +73,7 @@ var r = function() {
   null,
   null
 );
-const d = f.exports;
+const x = f.exports;
 export {
-  d as default
+  x as default
 };

package/toolbar/index.mjs

@@ -1,7 +1,8 @@
 import { h as p } from "vue";
 import { copy as m, NOOP as d } from "@web-utils/core";
-import { h as y, b as g } from "../chunks/configComponents.Bkix1pFY.mjs";
+import { h as y, b as g } from "../chunks/configComponents.CpKi15WN.mjs";
 import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/integrations/lodash";
 const u = {
   back: {
     label: "返回",
@@ -248,7 +249,7 @@ var v = /* @__PURE__ */ B(
   null,
   null
 );
-const O = v.exports;
+const A = v.exports;
 export {
-  O as default
+  A as default
 };

package/toolbar-button/index.mjs

@@ -1,6 +1,7 @@
 import { isFunction as n, isArray as r } from "@web-utils/core";
-import { h as a } from "../chunks/configComponents.Bkix1pFY.mjs";
+import { h as a } from "../chunks/configComponents.CpKi15WN.mjs";
 import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/integrations/lodash";
 const s = {
   name: "ToolbarButton",
   inject: {
@@ -115,7 +116,7 @@ var c = function() {
   null,
   null
 );
-const g = f.exports;
+const m = f.exports;
 export {
-  g as default
+  m as default
 };

package/verify/index.mjs

@@ -1,5 +1,6 @@
 import { s } from "../chunks/util.DqFv_pWg.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
 const o = {
   name: "Verify",
   props: {
@@ -46,11 +47,11 @@ const o = {
   }
 };
 var l = function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "avue-verify" }, t._l(t.list, function(r, a) {
-    return n("span", { key: a, staticClass: "avue-verify__item", style: t.styleName }, [t._v(" " + t._s(r) + " ")]);
+  var t = this, r = t._self._c;
+  return r("div", { staticClass: "avue-verify" }, t._l(t.list, function(n, i) {
+    return r("span", { key: i, staticClass: "avue-verify__item", style: t.styleName }, [t._v(" " + t._s(n) + " ")]);
   }), 0);
-}, m = [], u = /* @__PURE__ */ i(
+}, m = [], u = /* @__PURE__ */ a(
   o,
   l,
   m,
@@ -58,7 +59,7 @@ var l = function() {
   null,
   null
 );
-const _ = u.exports;
+const f = u.exports;
 export {
-  _ as default
+  f as default
 };

package/watermark/index.mjs

@@ -1,6 +1,7 @@
-import { g as f } from "../chunks/index.9OxHjTIE.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const p = {
+import { g as p } from "../chunks/index.9OxHjTIE.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "@web-utils/core";
+const f = {
   name: "Watermark",
   functional: !0,
   props: {
@@ -47,29 +48,29 @@ const p = {
       default: "rgba(0,0,0,0)"
     }
   },
-  render(n, { props: { width: l, height: r, text: o, backgroundColor: s, rotate: c, color: u }, data: e }) {
-    const a = document.createElement("canvas");
-    a.width = l, a.height = r;
-    const t = a.getContext("2d");
-    return t.font = "15px Verdana", t.fillStyle = s, t.fillRect(0, 0, l, r), t.translate(l / 2, r / 2), t.rotate(c * Math.PI / 180), t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle", t.fillText(o, 0, 0), n("div", {
-      class: f(e.class, `watermark ${e.staticClass || ""}`),
+  render(n, { props: { width: a, height: l, text: o, backgroundColor: s, rotate: c, color: i }, data: e }) {
+    const r = document.createElement("canvas");
+    r.width = a, r.height = l;
+    const t = r.getContext("2d");
+    return t.font = "15px Verdana", t.fillStyle = s, t.fillRect(0, 0, a, l), t.translate(a / 2, l / 2), t.rotate(c * Math.PI / 180), t.fillStyle = i, t.textAlign = "center", t.textBaseline = "middle", t.fillText(o, 0, 0), n("div", {
+      class: p(e.class, `watermark ${e.staticClass || ""}`),
       style: {
         ...e.style || {},
         ...e.staticStyle || {},
-        background: `url(${a.toDataURL("image/png")}) left top repeat`
+        background: `url(${r.toDataURL("image/png")}) left top repeat`
       }
     });
   }
 }, m = null, d = null;
-var g = /* @__PURE__ */ i(
-  p,
+var g = /* @__PURE__ */ u(
+  f,
   m,
   d,
   !1,
   null,
   null
 );
-const x = g.exports;
+const b = g.exports;
 export {
-  x as default
+  b as default
 };

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "4.0.7",
+  "version": "4.0.9",
   "contributions": {
     "html": {
       "description-markup": "markdown",