@web-utils/component 4.0.0 → 4.0.2

package/present-view/index.mjs

@@ -1,37 +1,9 @@
-var y = Object.defineProperty, _ = Object.defineProperties;
-var g = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var b = (e, t, o) => t in e ? y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, c = (e, t) => {
-  for (var o in t || (t = {}))
-    x.call(t, o) && b(e, o, t[o]);
-  if (h)
-    for (var o of h(t))
-      $.call(t, o) && b(e, o, t[o]);
-  return e;
-}, f = (e, t) => _(e, g(t));
-var d = (e, t, o) => new Promise((r, s) => {
-  var i = (n) => {
-    try {
-      a(o.next(n));
-    } catch (u) {
-      s(u);
-    }
-  }, l = (n) => {
-    try {
-      a(o.throw(n));
-    } catch (u) {
-      s(u);
-    }
-  }, a = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(i, l);
-  a((o = o.apply(e, t)).next());
-});
-import { isInContainer as S, delay as F, hasOwn as p, toStringArray as k } from "@web-utils/core";
-import { merge as B } from "@web-utils/integrations/lodash";
-import L from "../resize-observer/index.mjs";
+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 { n as C } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const w = [
+import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const f = [
   "back",
   "create",
   "save",
@@ -51,17 +23,17 @@ const w = [
   "disabled",
   "reload",
   "slot"
-], T = w.map((e) => `${e}-down`), I = ["back", "withdraw", "edit"], v = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], m = (e, t) => {
+], w = f.map((e) => `${e}-down`), y = ["back", "withdraw", "edit"], c = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], l = (e, t) => {
   if (e.classList.contains(t))
     return e;
   let o = e.parentNode;
   for (; o && !o.classList.contains(t); )
     o = o.parentNode;
   return o.classList.contains(t) ? o : null;
-}, N = {
+}, _ = {
   name: "PresentView",
   components: {
-    ResizeObserver: L
+    ResizeObserver: p
   },
   inject: {
     flowContext: {
@@ -104,24 +76,24 @@ const w = [
   },
   computed: {
     isFormLoading() {
-      return this.loading || p(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
+      return this.loading || a(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
     },
     toolbarProps() {
       var r;
-      const e = {}, t = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, o = B({}, this.toolbarAttrs, e);
-      return o.buttons = t || ["back"], o.buttons = k(o.buttons), o;
+      const e = {}, t = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, o = b({}, this.toolbarAttrs, e);
+      return o.buttons = t || ["back"], o.buttons = h(o.buttons), o;
     }
   },
   created() {
     this.$on("FormView.addTab", (e) => {
       e && (this.activeIndex === -1 && (this.activeIndex = 0), this.tabs.push(e), this.tabs = this.tabs.sort((t, o) => {
-        const r = m(t.$el, "form-card"), s = m(o.$el, "form-card");
+        const r = l(t.$el, "form-card"), s = l(o.$el, "form-card");
         if (r === s) {
-          const i = [].indexOf.call(t.$el.parentNode.children, t.$el), l = [].indexOf.call(o.$el.parentNode.children, o.$el);
-          return i - l;
+          const i = [].indexOf.call(t.$el.parentNode.children, t.$el), n = [].indexOf.call(o.$el.parentNode.children, o.$el);
+          return i - n;
         } else {
-          const i = m(r, "form-scroller"), l = [].indexOf.call(i.children, r), a = [].indexOf.call(i.children, s);
-          return l - a;
+          const i = l(r, "form-scroller"), n = [].indexOf.call(i.children, r), d = [].indexOf.call(i.children, s);
+          return n - d;
         }
       }), e.active && (this.activeIndex = this.tabs.indexOf(e), this.tabClick(e, this.activeIndex)));
     }), this.$on("FormView.removeTab", (e) => {
@@ -131,17 +103,15 @@ const w = [
       }
     }), this.onFormResize({ width: window.document.body.clientWidth });
   },
-  activated() {
-    return d(this, null, function* () {
-      this.$refs.formScroller && (yield this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-    });
+  async activated() {
+    this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
   },
   methods: {
     getToolbarSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((e) => w.includes(e));
+      return Object.keys(this.$scopedSlots).filter((e) => f.includes(e));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((e) => T.includes(e));
+      return Object.keys(this.$scopedSlots).filter((e) => w.includes(e));
     },
     getFooterSlotKey(e) {
       return e.replace("-down", "");
@@ -150,23 +120,19 @@ const w = [
       this.showNav = e > 1500;
     },
     onEdit() {
-      !this.toolbarListeners.edit && p(this.$parent, "disabled") && (this.$parent.disabled = !1);
+      !this.toolbarListeners.edit && a(this.$parent, "disabled") && (this.$parent.disabled = !1);
     },
-    tabClick(e, t) {
-      return d(this, null, function* () {
-        this.showNav && (yield this.$nextTick(), e.expand || (e.open(), yield F(200), yield this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
-      });
+    async tabClick(e, t) {
+      this.showNav && (await this.$nextTick(), e.expand || (e.open(), await m(200), await this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
     },
-    tryActive() {
-      return d(this, null, function* () {
-        if (this.showNav) {
-          for (let e = 0; e < this.tabs.length; e++)
-            if (S(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-              this.activeIndex = e;
-              break;
-            }
-        }
-      });
+    async tryActive() {
+      if (this.showNav) {
+        for (let e = 0; e < this.tabs.length; e++)
+          if (u(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
+            this.activeIndex = e;
+            break;
+          }
+      }
     },
     onFormScroll() {
       this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.tabs.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
@@ -175,15 +141,15 @@ const w = [
       e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
     },
     getToolbarButtons(e) {
-      return e.filter((t) => !v.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
+      return e.filter((t) => !c.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
     },
     getFooterBarButtons(e) {
-      let t = e.filter((o) => !I.includes(o) && (v.includes(o) || o.indexOf(":down") > -1)).map((o) => o.replace(":down", ""));
+      let t = e.filter((o) => !y.includes(o) && (c.includes(o) || o.indexOf(":down") > -1)).map((o) => o.replace(":down", ""));
       return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
     }
   }
 };
-var O = function() {
+var g = function() {
   var t = this, o = t._self._c;
   return o("div", { class: ["form-view", t.className] }, [o("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-view-toolbar" }, [t._t("form-view-toolbar", function() {
     return [o("Toolbar", t._g(t._b({ directives: [{ name: "show", rawName: "v-show", value: t.showToolbar, expression: "showToolbar" }], on: { edit: t.onEdit }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r }) {
@@ -194,7 +160,7 @@ var O = function() {
       }, proxy: !0 };
     }), { key: "toolbar-right", fn: function() {
       return [t._t("toolbar-right")];
-    }, proxy: !0 }], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.getToolbarButtons(t.toolbarProps.buttons) }), !1), t.toolbarListeners))];
+    }, proxy: !0 }], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getToolbarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners))];
   })], 2), o("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-scroller-wrapper" }, [o("div", { ref: "formScroller", class: ["form-scroller", "absolute-box", t.contentClass], on: { scroll: t.onFormScroll } }, [t.notForm ? o("div", { staticClass: "not-form", style: { width: t.formWidth } }, [t.title ? o("div", { staticClass: "form-view-title" }, [t._v(t._s(t.title))]) : t._e(), t._t("default", function() {
     return [o("EmptyView", { attrs: { "empty-tips": "请添加表单内容" } })];
   }), o("Toolbar", t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
@@ -203,7 +169,7 @@ var O = function() {
     return { key: t.getFooterSlotKey(r), fn: function() {
       return [t._t(r)];
     }, proxy: !0 };
-  })], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }), !1), t.toolbarListeners)), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : o("div", { class: ["form-card", { "un-limit": t.unLimit }], style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [t.title ? o("div", { staticClass: "form-view-title" }, [t._v(t._s(t.title))]) : t._e(), t._t("default", function() {
+  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners)), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : o("div", { class: ["form-card", { "un-limit": t.unLimit }], style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [t.title ? o("div", { staticClass: "form-view-title" }, [t._v(t._s(t.title))]) : t._e(), t._t("default", function() {
     return [o("EmptyView", { attrs: { "empty-tips": "请添加表单内容" } })];
   }), t.getFooterBarButtons(t.toolbarProps.buttons).length ? o("Toolbar", t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
     return [t._t("footer-button", null, { buttons: r, footer: s })];
@@ -211,20 +177,20 @@ var O = function() {
     return { key: t.getFooterSlotKey(r), fn: function() {
       return [t._t(r)];
     }, proxy: !0 };
-  })], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }), !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? o("div", { class: ["form-card", { "un-limit": t.unLimit }], staticStyle: { "min-height": "0" }, style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [o("FormItemGroup", { attrs: { "block-title": "流程日志" } }, [o("FlowLog", { attrs: { fetch: !1, "show-title": !1, "business-key": t.$parent.bizKey } })], 1), t._t("form-bottom")], 2)]) : t._e()]), o("ResizeObserver", { on: { notify: t.onFormResize } })], 1), t.formNav && !t.isFormLoading && t.showNav && t.tabs.length ? o("div", { staticClass: "form-nav" }, [o("div", { staticClass: "form-nav-header" }, [t._v("表单导航")]), o("ul", { staticClass: "form-nav-list" }, t._l(t.tabs, function(r, s) {
+  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? o("div", { class: ["form-card", { "un-limit": t.unLimit }], staticStyle: { "min-height": "0" }, style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [o("FormItemGroup", { attrs: { "block-title": "流程日志" } }, [o("FlowLog", { attrs: { fetch: !1, "show-title": !1, "business-key": t.$parent.bizKey } })], 1), t._t("form-bottom")], 2)]) : t._e()]), o("ResizeObserver", { on: { notify: t.onFormResize } })], 1), t.formNav && !t.isFormLoading && t.showNav && t.tabs.length ? o("div", { staticClass: "form-nav" }, [o("div", { staticClass: "form-nav-header" }, [t._v("表单导航")]), o("ul", { staticClass: "form-nav-list" }, t._l(t.tabs, function(r, s) {
     return o("li", { key: r.blockTitle, class: ["form-nav-item", { active: t.activeIndex === s }], on: { click: function(i) {
       return t.tabClick(r, s);
     } } }, [t._v(" " + t._s(r.blockTitle) + " ")]);
   }), 0)]) : t._e(), t.isFormLoading ? o("LoadingView", { attrs: { "icon-size": "34px", "font-size": "16px" } }) : t._e()], 1);
-}, P = [], z = /* @__PURE__ */ C(
-  N,
-  O,
-  P,
+}, x = [], $ = /* @__PURE__ */ v(
+  _,
+  g,
+  x,
   !1,
   null,
   null
 );
-const W = z.exports;
+const C = $.exports;
 export {
-  W as default
+  C as default
 };

package/present-view/style.css

@@ -1 +1 @@
-.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.1)}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;position:relative;font-family:element-icons!important}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-top:-10px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}
+.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;position:relative;font-family:element-icons!important}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-top:-10px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}

package/resize-observer/index.mjs

@@ -1,4 +1,4 @@
-import { j as r } from "../chunks/index.MAFc4eFi.mjs";
+import { a as r } from "../chunks/index.9OxHjTIE.mjs";
 import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 let t;
 function i() {

package/resize-observer/style.css

@@ -1 +1 @@
-.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:transparent;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}
+.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}

package/search/style.css

@@ -1 +1 @@
-.avue-search{padding:0 20px}.avue-search__item{border-bottom:1px dashed #e8e8e8;align-items:flex-start;padding:20px 0 10px;display:flex}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{color:rgba(0,0,0,.65);white-space:nowrap;cursor:pointer;margin-bottom:12px;margin-right:24px;padding:0 12px;font-size:14px;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{color:#fff;opacity:.85}.avue-search__title{box-sizing:border-box;text-align:right;width:120px;margin:0;padding:0 20px;font-size:14px;display:inline-block}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-bottom:10px;margin-right:10px}
+.avue-search{padding:0 20px}.avue-search__item{border-bottom:1px dashed #e8e8e8;align-items:flex-start;padding:20px 0 10px;display:flex}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{color:#000000a6;white-space:nowrap;cursor:pointer;margin-bottom:12px;margin-right:24px;padding:0 12px;font-size:14px;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{color:#fff;opacity:.85}.avue-search__title{box-sizing:border-box;text-align:right;width:120px;margin:0;padding:0 20px;font-size:14px;display:inline-block}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-bottom:10px;margin-right:10px}

package/search-popover/index.mjs

@@ -1,27 +1,11 @@
-var c = (r, e, t) => new Promise((s, i) => {
-  var n = (o) => {
-    try {
-      a(t.next(o));
-    } catch (l) {
-      i(l);
-    }
-  }, h = (o) => {
-    try {
-      a(t.throw(o));
-    } catch (l) {
-      i(l);
-    }
-  }, a = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(n, h);
-  a((t = t.apply(r, e)).next());
-});
-import { isInContainer as u, copy as d } from "@web-utils/core";
-import p from "element-ui/lib/utils/clickoutside";
-import { z as f } from "../chunks/util.DqFv_pWg.mjs";
-import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const m = {
+import { isInContainer as n, copy as a } from "@web-utils/core";
+import l from "element-ui/lib/utils/clickoutside";
+import { z as c } from "../chunks/util.DqFv_pWg.mjs";
+import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = {
   name: "SearchPopover",
   directives: {
-    ClickOutside: p
+    ClickOutside: l
   },
   props: {
     services: {
@@ -47,8 +31,8 @@ const m = {
     },
     evalResult() {
       try {
-        return f(this.keyword);
-      } catch (r) {
+        return c(this.keyword);
+      } catch {
         return "";
       }
     }
@@ -68,13 +52,11 @@ const m = {
     window.removeEventListener("keydown", this.keydown);
   },
   methods: {
-    onItemClick(r) {
-      return c(this, null, function* () {
-        r.path && (this.hidePopover(), yield this.$router.push(r.path));
-      });
+    async onItemClick(r) {
+      r.path && (this.hidePopover(), await this.$router.push(r.path));
     },
     copyEvalResult() {
-      return d(this.evalResult);
+      return a(this.evalResult);
     },
     hidePopover() {
       this.showPopover = !1;
@@ -85,14 +67,12 @@ const m = {
     mouseHoverItem(r, e) {
       this.currentIndex = e;
     },
-    keydown(r) {
-      return c(this, null, function* () {
-        if (r.key === "Shift") {
-          const e = Date.now() - this.last;
-          e > 0 && e < 500 ? (this.showPopover = !0, yield this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
-        }
-        this.showPopover === !0 && (r.key === "Escape" && this.hidePopover(), r.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && (yield this.onItemClick(this.currentItem)) : this.copyEvalResult()), r.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), r.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
-      });
+    async keydown(r) {
+      if (r.key === "Shift") {
+        const e = Date.now() - this.last;
+        e > 0 && e < 500 ? (this.showPopover = !0, await this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
+      }
+      this.showPopover === !0 && (r.key === "Escape" && this.hidePopover(), r.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && await this.onItemClick(this.currentItem) : this.copyEvalResult()), r.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), r.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
     },
     scrollIntoView(r) {
       if (r === 0) {
@@ -104,35 +84,35 @@ const m = {
         return;
       }
       const e = this.$refs.ul.querySelector(`#item-${r}`);
-      u(e, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = e.offsetTop - e.clientHeight + 20);
+      n(e, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = e.offsetTop - e.clientHeight + 20);
     }
   }
 };
-var w = function() {
+var d = function() {
   var e = this, t = e._self._c;
   return t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showPopover, expression: "showPopover" }, { name: "click-outside", rawName: "v-click-outside", value: e.hidePopover, expression: "hidePopover" }], staticClass: "search-popover" }, [t("div", { staticStyle: { padding: "10px" } }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.keyword, expression: "keyword" }], ref: "searchInput", staticClass: "search-input", attrs: { placeholder: e.currentItem ? e.currentItem.name : "输入关键字搜索 ..." }, domProps: { value: e.keyword }, on: { input: function(s) {
     s.target.composing || (e.keyword = s.target.value);
   } } })]), t("ul", { ref: "ul", staticStyle: { flex: "1", overflow: "auto", "list-style-type": "none" } }, [e.filterList.length ? e._l(e.filterList, function(s, i) {
-    return t("li", { key: s.name + i, staticClass: "search-li", attrs: { id: `item-${i}` }, on: { mousemove: function(n) {
+    return t("li", { key: s.name + i, staticClass: "search-li", attrs: { id: `item-${i}` }, on: { mousemove: function(o) {
       return e.mouseHoverItem(s, i);
-    } } }, [t("a", { class: ["search-item", { active: e.currentIndex === i }], attrs: { target: s.url ? "_blank" : "", rel: "noopener noreferrer", href: s.url ? s.url : "javascript:void(0)" }, on: { click: function(n) {
+    } } }, [t("a", { class: ["search-item", { active: e.currentIndex === i }], attrs: { target: s.url ? "_blank" : "", rel: "noopener noreferrer", href: s.url ? s.url : "javascript:void(0)" }, on: { click: function(o) {
       return e.onItemClick(s);
     } } }, [t("div", { staticClass: "search-icon" }, [t("i", { class: s.icon || "el-icon-menu" })]), t("div", { staticStyle: { flex: "1", "box-sizing": "border-box", padding: "0 10px", "overflow-x": "hidden", "text-align": "left" } }, [t("p", { staticStyle: { "margin-bottom": "4px", "font-size": "16px" } }, [e._v(e._s(s.name))]), t("p", { staticClass: "url" }, [e._v(e._s(s.url || s.path))])]), t("div", { staticClass: "search-icon search-action" }, [t("svg", { staticClass: "action", attrs: { width: "20", height: "20", viewBox: "0 0 20 20" } }, [t("g", { attrs: { stroke: "currentColor", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M18 3v4c0 2-2 4-4 4H2" } }), t("path", { attrs: { d: "M8 17l-6-6 6-6" } })])])])])]);
   }) : e.evalResult !== "" ? t("li", { staticClass: "search-li", on: { click: e.copyEvalResult, mousemove: function(s) {
     return e.mouseHoverItem({}, -1);
   } } }, [t("a", { class: ["search-item", { active: e.currentIndex === -1 }], attrs: { rel: "noopener noreferrer", href: "javascript:void(0)" } }, [e._m(0), t("div", { staticStyle: { flex: "1", "box-sizing": "border-box", padding: "0 10px", "overflow-x": "hidden", "text-align": "left" } }, [t("p", { staticStyle: { "margin-bottom": "4px", "font-size": "16px" } }, [e._v("Result: " + e._s(e.evalResult))]), t("p", { staticClass: "url" }, [e._v("点击或这按 Enter 键复制")])]), t("div", { staticClass: "search-icon search-action" }, [t("svg", { staticClass: "action", attrs: { width: "20", height: "20", viewBox: "0 0 20 20" } }, [t("g", { attrs: { stroke: "currentColor", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M18 3v4c0 2-2 4-4 4H2" } }), t("path", { attrs: { d: "M8 17l-6-6 6-6" } })])])])])]) : t("li", { staticStyle: { display: "flex", "align-items": "center", "justify-content": "center", height: "100%", color: "#808080" } }, [e._v("Sorry,no result !")])], 2), t("div", { staticClass: "footer-tips" }, [t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3" } })])])]), t("span", { staticStyle: { "margin-right": "20px", "font-size": "12px" } }, [e._v("选择")]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3" } })])])]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3" } })])])]), t("span", { staticStyle: { "margin-right": "20px", "font-size": "12px" } }, [e._v("切换")]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956" } })])])]), t("span", { staticStyle: { "font-size": "12px" } }, [e._v("关闭")])])]);
-}, k = [function() {
+}, p = [function() {
   var r = this, e = r._self._c;
   return e("div", { staticClass: "search-icon" }, [e("i", { staticClass: "fa fa-table" })]);
-}], y = /* @__PURE__ */ v(
-  m,
-  w,
-  k,
+}], f = /* @__PURE__ */ h(
+  u,
+  d,
+  p,
   !1,
   null,
   null
 );
-const b = y.exports;
+const y = f.exports;
 export {
-  b as default
+  y as default
 };

package/search-popover/style.css

@@ -1 +1 @@
-.search-popover{z-index:100;background-color:#f5f6f7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);background-repeat:repeat;border:1px solid #1989fa;border-radius:4px;flex-direction:column;width:560px;height:500px;display:inline-flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(calc(50vw - 280px),15%)}.search-popover .footer-tips{text-align:left;border-top:1px solid #1989fa;padding:10px}.search-popover .keyboard-key{background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;justify-content:center;align-items:center;width:20px;height:18px;margin-right:.4em;padding-bottom:2px;display:inline-flex;box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)}.search-popover .search-input{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:1px solid #1989fa;border-radius:4px;outline:none;width:100%;height:46px;padding:10px}.search-popover .search-li{padding:10px}.search-popover .search-icon{color:#969faf;flex-shrink:0;font-size:24px}.search-popover .search-item{box-sizing:border-box;color:#000;background-color:#fff;border-radius:4px;align-items:center;padding:10px;text-decoration:none;display:flex;overflow-x:hidden;box-shadow:0 1px 3px #d4d9e1}.search-popover .search-item .search-action{display:none}.search-popover .search-item .url{color:#969faf;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow-x:hidden}.search-popover .search-item.active{color:#fff;background-color:#1989fa}.search-popover .search-item.active .url{color:#fff}.search-popover .search-item.active .search-action{display:inline-block}.search-popover .search-item.active .search-icon{color:#fff}
+.search-popover{z-index:100;background-color:#f5f6f7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);background-repeat:repeat;border:1px solid #1989fa;border-radius:4px;flex-direction:column;width:560px;height:500px;display:inline-flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(calc(50vw - 280px),15%)}.search-popover .footer-tips{text-align:left;border-top:1px solid #1989fa;padding:10px}.search-popover .keyboard-key{background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;justify-content:center;align-items:center;width:20px;height:18px;margin-right:.4em;padding-bottom:2px;display:inline-flex;box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px #1e235a66}.search-popover .search-input{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1989fa;border-radius:4px;outline:none;width:100%;height:46px;padding:10px}.search-popover .search-li{padding:10px}.search-popover .search-icon{color:#969faf;flex-shrink:0;font-size:24px}.search-popover .search-item{box-sizing:border-box;color:#000;background-color:#fff;border-radius:4px;align-items:center;padding:10px;text-decoration:none;display:flex;overflow-x:hidden;box-shadow:0 1px 3px #d4d9e1}.search-popover .search-item .search-action{display:none}.search-popover .search-item .url{color:#969faf;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow-x:hidden}.search-popover .search-item.active{color:#fff;background-color:#1989fa}.search-popover .search-item.active .url{color:#fff}.search-popover .search-item.active .search-action{display:inline-block}.search-popover .search-item.active .search-icon{color:#fff}

package/sign/index.mjs

@@ -60,7 +60,7 @@ const x = {
     init() {
       this.canvas = this.$refs.canvas;
       const e = this.canvas, s = this;
-      typeof document.ontouchstart != "undefined" ? (e.addEventListener("touchmove", d, !1), e.addEventListener("touchstart", u, !1), e.addEventListener("touchend", h, !1)) : (e.addEventListener("mousemove", d, !1), e.addEventListener("mousedown", u, !1), e.addEventListener("mouseup", h, !1), e.addEventListener("mouseleave", h, !1)), this.context = e.getContext("2d");
+      typeof document.ontouchstart < "u" ? (e.addEventListener("touchmove", d, !1), e.addEventListener("touchstart", u, !1), e.addEventListener("touchend", h, !1)) : (e.addEventListener("mousemove", d, !1), e.addEventListener("mousedown", u, !1), e.addEventListener("mouseup", h, !1), e.addEventListener("mouseleave", h, !1)), this.context = e.getContext("2d");
       const n = this.context;
       this.linex = [], this.liney = [], this.linen = [];
       let r = 1, t = 30, o = 0;

package/sign-panel/style.css

@@ -1 +1 @@
-.sign-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:rgba(255,255,155,0);border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#1989fa;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}
+.sign-panel{-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:#ffff9b00;border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#1989fa;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton-panel/index.mjs

@@ -0,0 +1,38 @@
+import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const o = {
+  name: "SkeletonPanel"
+}, s = /* @__PURE__ */ Object.assign(o, {
+  props: {
+    flexColumn: Boolean,
+    flexRow: Boolean,
+    hideLeft: Boolean,
+    useTab: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(n) {
+    return { __sfc: !0 };
+  }
+});
+var a = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "skeleton-panel" }, [e.hideLeft ? e._e() : t("div", { staticClass: "skeleton-panel-left" }, [e.useTab ? t("ElTabs", { attrs: { "tab-position": "top", stretch: "" } }, [e._t("left", function() {
+    return [e._v("请添加内容")];
+  })], 2) : e._t("left", function() {
+    return [e._v("请添加内容")];
+  })], 2), t("div", { class: ["skeleton-panel-right", { "flex-column": e.flexColumn, "flex-row": e.flexRow }] }, [e._t("default", function() {
+    return [e._v("请添加内容")];
+  })], 2)]);
+}, r = [], _ = /* @__PURE__ */ l(
+  s,
+  a,
+  r,
+  !1,
+  null,
+  null
+);
+const u = _.exports;
+export {
+  u as default
+};

package/skeleton-panel/style.css

@@ -0,0 +1 @@
+.skeleton-panel{background-color:#fff;flex-direction:row;height:100%;display:flex;overflow:auto}.skeleton-panel .skeleton-panel-right{flex:auto;height:100%;overflow:auto}.skeleton-panel .skeleton-panel-left{border-right:1px solid #ccc;flex-shrink:0;min-width:200px;height:100%;padding:0 10px;overflow:auto}

package/split-pane/index.mjs

@@ -1,41 +1,25 @@
-var l = (e, t, s) => new Promise((o, i) => {
-  var n = (r) => {
-    try {
-      a(s.next(r));
-    } catch (f) {
-      i(f);
-    }
-  }, c = (r) => {
-    try {
-      a(s.throw(r));
-    } catch (f) {
-      i(f);
-    }
-  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(n, c);
-  a((s = s.apply(e, t)).next());
-});
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import d from "../resize-observer/index.mjs";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import l from "../resize-observer/index.mjs";
 import "../resize-observer/style.css";
-function g(e, t) {
+function h(e, t) {
   for (let s = 0; s < t.length; s++)
     if (e === t[s])
       return !0;
   return !1;
 }
-const h = (function() {
+const n = (function() {
   return document.addEventListener ? function(e, t, s) {
     e && t && s && e.addEventListener(t, s, !1);
   } : function(e, t, s) {
     e && t && s && e.attachEvent(`on${t}`, s);
   };
-})(), p = (function() {
+})(), a = (function() {
   return document.removeEventListener ? function(e, t, s) {
     e && t && e.removeEventListener(t, s, !1);
   } : function(e, t, s) {
     e && t && e.detachEvent(`on${t}`, s);
   };
-})(), m = {
+})(), p = {
   name: "Trigger",
   props: {
     mode: String,
@@ -66,27 +50,27 @@ const h = (function() {
     }
   }
 };
-var v = function() {
+var u = function() {
   var t = this, s = t._self._c;
   return s("div", { class: t.classes }, [t.showIcon ? s("div", { class: t.barConClasses }, t._m(0), 0) : t._e()]);
-}, x = [function() {
+}, c = [function() {
   var e = this, t = e._self._c;
   return e._l(8, function(s) {
     return t("i", { key: `trigger-${s}`, class: `${e.prefix}-bar` });
   });
-}], $ = /* @__PURE__ */ u(
-  m,
-  v,
-  x,
+}], d = /* @__PURE__ */ f(
+  p,
+  u,
+  c,
   !1,
   null,
   null
 );
-const _ = $.exports, z = {
+const g = d.exports, m = {
   name: "SplitPane",
   components: {
-    Trigger: _,
-    ResizeObserver: d
+    Trigger: g,
+    ResizeObserver: l
   },
   props: {
     value: {
@@ -95,7 +79,7 @@ const _ = $.exports, z = {
     },
     mode: {
       validator(e) {
-        return g(e, ["horizontal", "vertical"]);
+        return h(e, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -153,10 +137,8 @@ const _ = $.exports, z = {
   watch: {
     value: "resetOffset"
   },
-  mounted() {
-    return l(this, null, function* () {
-      yield this.$nextTick(), this.resetOffset();
-    });
+  async mounted() {
+    await this.$nextTick(), this.resetOffset();
   },
   methods: {
     resetOffset() {
@@ -180,35 +162,35 @@ const _ = $.exports, z = {
       return this.valueIsPx ? t = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : t = 1 - e, t;
     },
     handleMove(e) {
-      const s = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
-      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
-      const n = this.getAnotherOffset(i);
-      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", e);
+      const s = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, r = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(r * this.oldOffset + s, r);
+      const o = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(o) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(o, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", e);
     },
     handleUp() {
-      this.isMoving = !1, p(window, "mousemove", this.handleMove), p(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+      this.isMoving = !1, a(window, "mousemove", this.handleMove), a(window, "mouseup", this.handleUp), this.$emit("on-move-end");
     },
     handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, h(window, "mousemove", this.handleMove), h(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, n(window, "mousemove", this.handleMove), n(window, "mouseup", this.handleUp), this.$emit("on-move-start");
     }
   }
 };
-var M = function() {
+var v = function() {
   var t = this, s = t._self._c;
   return s("div", { ref: "outerWrapper", class: t.wrapperClasses }, [t.isHorizontal ? s("div", { class: `${t.prefix}-horizontal` }, [t.hideLeft ? s("div", { class: [`${t.prefix}-pane`, "right-pane"], staticStyle: { left: "0" } }, [t._t("right")], 2) : [s("div", { class: [`${t.prefix}-pane`, "left-pane"], style: { right: `${t.anotherOffset}%` } }, [t._t("left")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, width: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
     return [s("Trigger", { attrs: { mode: "vertical" } })];
   })], 2), s("div", { class: [`${t.prefix}-pane`, "right-pane"], style: { left: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("right")], 2)]], 2) : s("div", { class: `${t.prefix}-vertical` }, [s("div", { class: [`${t.prefix}-pane`, "top-pane"], style: { bottom: `${t.anotherOffset}%` } }, [t._t("top")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, height: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
     return [s("Trigger", { attrs: { mode: "horizontal" } })];
   })], 2), s("div", { class: [`${t.prefix}-pane`, "bottom-pane"], style: { top: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("bottom")], 2)]), s("ResizeObserver", { on: { notify: t.resetOffset } })], 1);
-}, O = [], w = /* @__PURE__ */ u(
-  z,
-  M,
-  O,
+}, x = [], $ = /* @__PURE__ */ f(
+  m,
+  v,
+  x,
   !1,
   null,
   null
 );
-const C = w.exports;
+const O = $.exports;
 export {
-  C as default
+  O as default
 };