comfy-tool 1.0.4 → 1.0.5

package/es/index.mjs

@@ -1,54 +1,54 @@
-var ie = Object.defineProperty, ae = Object.defineProperties;
-var le = Object.getOwnPropertyDescriptors;
+var ae = Object.defineProperty, le = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
-var ue = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
-var W = (e, t, n) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var ue = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
+var W = (e, t, n) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
   for (var n in t || (t = {}))
     ue.call(t, n) && W(e, n, t[n]);
   if (R)
     for (var n of R(t))
-      ce.call(t, n) && W(e, n, t[n]);
+      fe.call(t, n) && W(e, n, t[n]);
   return e;
-}, _ = (e, t) => ae(e, le(t));
-import { camelize as K, pick as q, keysOf as z, merge as G, pickEx as E, Fn as fe, addUnit as h, arrayToGroup as se, base64ToBlob as de, cloneJSON as me, dateGo as he, dealTime as pe, debounce as ye, decodeURIComponentSafe as ve, decodeURISafe as ge, deepClone as be, deleteItemForArr as Ce, emptyArray as xe, entriesOf as X, extend as P, formatDate as we, formatSelectedData as Se, formatToSelectData as Ee, getArrayDataIndex as Te, getDateConfig as Le, getFuzzyMatchRegExp as Ae, getPercentage as De, getProperty as Oe, getRandomElements as _e, getUniqueParam as Ie, getWeek as Pe, getWeekByNo as Ne, hasSameItem as ke, isArrayString as $e, isFullUrl as He, isNumber as Me, isObjectString as Re, isRegExpString as We, isWebUrl as Ve, kebabCase as Ue, methodApply as J, padZero as je, parseArray as Fe, parseDate as Ye, parseObject as Be, parseRegExp as Ke, parseUrl as qe, queryParse as ze, queryStringify as Ge, removeEmptyForArr as Xe, removeFalseForArr as Je, removeItemForArr as Ze, selectDataToObj as Qe, shuffleArray as et, throttle as tt, throttleAsync as nt, toFormData as ot, toSelectData as rt, typeOf as it, urlAddParams as at, valuesOf as lt } from "./utils.mjs";
-import { h as N, reactive as ut, unref as ct, defineComponent as L, createVNode as y, mergeProps as T, render as ft, shallowRef as V, ref as st, shallowReactive as dt, watch as mt, provide as ht, nextTick as pt } from "vue";
+}, _ = (e, t) => le(e, ce(t));
+import { camelize as q, pick as z, keysOf as G, merge as X, pickEx as b, Fn as se, addUnit as p, arrayToGroup as de, base64ToBlob as me, cloneJSON as he, dateGo as pe, dealTime as ye, debounce as ve, decodeURIComponentSafe as ge, decodeURISafe as be, deepClone as Ce, deleteItemForArr as xe, emptyArray as we, entriesOf as J, extend as P, formatDate as Se, formatSelectedData as Ee, formatToSelectData as Te, getArrayDataIndex as Le, getDateConfig as Ae, getFuzzyMatchRegExp as De, getPercentage as Oe, getProperty as _e, getRandomElements as Ie, getUniqueParam as Pe, getWeek as Ne, getWeekByNo as ke, hasSameItem as $e, isArrayString as He, isFullUrl as Me, isNumber as Re, isObjectString as We, isRegExpString as Ve, isWebUrl as je, kebabCase as Fe, methodApply as Z, padZero as Ue, parseArray as Ye, parseDate as Be, parseObject as Ke, parseRegExp as qe, parseUrl as ze, queryParse as Ge, queryStringify as Xe, removeEmptyForArr as Je, removeFalseForArr as Ze, removeItemForArr as Qe, selectDataToObj as et, shuffleArray as tt, throttle as nt, throttleAsync as ot, toFormData as rt, toSelectData as it, typeOf as at, urlAddParams as lt, valuesOf as ct } from "./utils.mjs";
+import { h as N, reactive as ut, unref as ft, defineComponent as L, createVNode as h, mergeProps as T, render as V, shallowRef as j, ref as st, shallowReactive as dt, watch as mt, provide as ht, Fragment as pt, nextTick as yt } from "vue";
 function $(e) {
   return e.install = (t) => {
     let { name: n } = e;
-    t.component(n, e), t.component(K("-" + n), e);
+    t.component(n, e), t.component(q("-" + n), e);
   }, e;
 }
-function yt(e, t = N("div"), n) {
+function vt(e, t = N("div"), n) {
   return e ? typeof e == "function" ? e() || t : N(e, n && ut(n)) : t;
 }
-function vt(e) {
+function gt(e) {
   return !!(e && e.$el && e.$props && e.$options && e.$emit);
 }
-function gt(e) {
-  let t = Z(e);
+function bt(e) {
+  let t = Q(e);
   t && (t.scrollTop = 0);
 }
-function Z(e) {
+function Q(e) {
   return document.getElementById(e);
 }
-function Q(e) {
-  let t = ct(e);
-  return vt(t) ? t.$el : t instanceof HTMLElement ? t : null;
+function ee(e) {
+  let t = ft(e);
+  return gt(t) ? t.$el : t instanceof HTMLElement ? t : null;
 }
-function bt(e, t) {
+function Ct(e, t) {
   return getComputedStyle(e).getPropertyValue(t);
 }
-function Ct(e, t, n = !0) {
+function xt(e, t, n = !0) {
   e.classList.remove(...t.split(" ")), n && e.classList.add(t);
 }
 const m = {
   rootId: "app",
   app: void 0
 };
-function xt(e = {}) {
+function wt(e = {}) {
   e.rootId && (m.rootId = e.rootId), e.app && (m.app = e.app);
 }
-const b = {
+const C = {
   toast(e) {
   },
   alert(e) {
@@ -59,32 +59,32 @@ const b = {
   hideLoading() {
   }
 };
-function wt(e) {
-  let t = z(m);
-  xt(q(e, t)), G(b, E(e, t), {
+function St(e) {
+  let t = G(m);
+  wt(z(e, t)), X(C, b(e, t), {
     deepMerge: !0,
     arrayMergeStrategy: "concat"
   });
 }
-function St() {
-}
-function Et(e) {
+function Et() {
 }
 function Tt(e) {
+}
+function Lt(e) {
   H(e);
 }
 function H(e) {
-  b.toast(e);
+  C.toast(e);
 }
-function Lt(e) {
-  b.alert(e);
+function At(e) {
+  C.alert(e);
 }
-const S = {
+const E = {
   show(e = "") {
-    b.showLoading(e);
+    C.showLoading(e);
   },
   hide() {
-    b.hideLoading();
+    C.hideLoading();
   }
 };
 let k;
@@ -92,138 +92,138 @@ try {
   k = document.createElement("a");
 } catch (e) {
 }
-function At(e, t = "未获取到联系电话") {
+function Dt(e, t = "未获取到联系电话") {
   if (!e) return H(t);
   e = typeof e == "number" ? e.toString() : e, k.href = /^tel:.*/.test(e) ? e : "tel:" + e, k.click();
 }
-const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  $: Z,
-  $alert: Lt,
-  $loading: S,
-  $refDOM: Q,
+  $: Q,
+  $alert: At,
+  $loading: E,
+  $refDOM: ee,
   $toast: H,
-  Fn: fe,
-  addUnit: h,
-  arrayToGroup: se,
-  base64ToBlob: de,
-  camelize: K,
-  cloneJSON: me,
-  dateGo: he,
-  dealTime: pe,
-  debounce: ye,
-  decodeURIComponentSafe: ve,
-  decodeURISafe: ge,
-  deepClone: be,
-  deleteItemForArr: Ce,
-  emptyArray: xe,
-  entriesOf: X,
-  errorCatch: Tt,
+  Fn: se,
+  addUnit: p,
+  arrayToGroup: de,
+  base64ToBlob: me,
+  camelize: q,
+  cloneJSON: he,
+  dateGo: pe,
+  dealTime: ye,
+  debounce: ve,
+  decodeURIComponentSafe: ge,
+  decodeURISafe: be,
+  deepClone: Ce,
+  deleteItemForArr: xe,
+  emptyArray: we,
+  entriesOf: J,
+  errorCatch: Lt,
   extend: P,
-  formatDate: we,
-  formatSelectedData: Se,
-  formatToSelectData: Ee,
-  getArrayDataIndex: Te,
-  getDateConfig: Le,
-  getElementPropertyValue: bt,
-  getFuzzyMatchRegExp: Ae,
-  getPercentage: De,
-  getProperty: Oe,
-  getRandomElements: _e,
-  getUniqueParam: Ie,
-  getWeek: Pe,
-  getWeekByNo: Ne,
-  hasSameItem: ke,
-  isArrayString: $e,
-  isFullUrl: He,
-  isNumber: Me,
-  isObjectString: Re,
-  isRegExpString: We,
-  isWebUrl: Ve,
-  kebabCase: Ue,
-  keysOf: z,
-  merge: G,
-  methodApply: J,
-  noop: St,
-  noopCatch: Et,
-  padZero: je,
-  parseArray: Fe,
-  parseDate: Ye,
-  parseObject: Be,
-  parseRegExp: Ke,
-  parseUrl: qe,
-  pick: q,
-  pickEx: E,
-  queryParse: ze,
-  queryStringify: Ge,
-  removeEmptyForArr: Xe,
-  removeFalseForArr: Je,
-  removeItemForArr: Ze,
-  scrollToTop: gt,
-  selectDataToObj: Qe,
-  shuffleArray: et,
-  telephoneCall: At,
-  throttle: tt,
-  throttleAsync: nt,
-  toFormData: ot,
-  toSelectData: rt,
-  toggleClass: Ct,
-  typeOf: it,
-  urlAddParams: at,
-  valuesOf: lt
+  formatDate: Se,
+  formatSelectedData: Ee,
+  formatToSelectData: Te,
+  getArrayDataIndex: Le,
+  getDateConfig: Ae,
+  getElementPropertyValue: Ct,
+  getFuzzyMatchRegExp: De,
+  getPercentage: Oe,
+  getProperty: _e,
+  getRandomElements: Ie,
+  getUniqueParam: Pe,
+  getWeek: Ne,
+  getWeekByNo: ke,
+  hasSameItem: $e,
+  isArrayString: He,
+  isFullUrl: Me,
+  isNumber: Re,
+  isObjectString: We,
+  isRegExpString: Ve,
+  isWebUrl: je,
+  kebabCase: Fe,
+  keysOf: G,
+  merge: X,
+  methodApply: Z,
+  noop: Et,
+  noopCatch: Tt,
+  padZero: Ue,
+  parseArray: Ye,
+  parseDate: Be,
+  parseObject: Ke,
+  parseRegExp: qe,
+  parseUrl: ze,
+  pick: z,
+  pickEx: b,
+  queryParse: Ge,
+  queryStringify: Xe,
+  removeEmptyForArr: Je,
+  removeFalseForArr: Ze,
+  removeItemForArr: Qe,
+  scrollToTop: bt,
+  selectDataToObj: et,
+  shuffleArray: tt,
+  telephoneCall: Dt,
+  throttle: nt,
+  throttleAsync: ot,
+  toFormData: rt,
+  toSelectData: it,
+  toggleClass: xt,
+  typeOf: at,
+  urlAddParams: lt,
+  valuesOf: ct
 }, Symbol.toStringTag, { value: "Module" })), s = {};
-function U(e) {
+function F(e) {
   return s[e.url] && s[e.url].status === 1 ? Promise.resolve("The resource is already loaded!") : s[e.url] && s[e.url].status === 2 ? new Promise((t, n) => {
     s[e.url].waiters.push(t);
-  }) : e.production ? Promise.resolve("Ignored in development environment!") : (S.show("资源加载中"), s[e.url] ? s[e.url].status = 2 : s[e.url] = {
+  }) : e.production ? Promise.resolve("Ignored in development environment!") : (E.show("资源加载中"), s[e.url] ? s[e.url].status = 2 : s[e.url] = {
     status: 2,
     waiters: []
   }, new Promise((t, n) => {
     const r = () => {
-      c(), d();
-    }, o = () => {
       u(), d();
+    }, o = () => {
+      c(), d();
     };
     let i = null;
     e.type === "js" ? (i = document.createElement("script"), i.src = e.url, i.onload = r, i.onerror = o) : e.type === "css" && (i = document.createElement("link"), i.rel = "stylesheet", i.href = e.url, i.onload = r, i.onerror = o), i && document.head.appendChild(i);
-    function c() {
-      s[e.url].status = 1, S.hide(), t(e.url), J(s[e.url].waiters, [e.url]);
-    }
     function u() {
-      s[e.url].status = 0, S.hide(), n(new Error("Failed to load " + e.url));
+      s[e.url].status = 1, E.hide(), t(e.url), Z(s[e.url].waiters, [e.url]);
+    }
+    function c() {
+      s[e.url].status = 0, E.hide(), n(new Error("Failed to load " + e.url));
     }
     function d() {
       i && (i.onload = null, i.onerror = null);
     }
   }));
 }
-function Jt(e) {
-  return Array.isArray(e) ? Promise.all(e.map((t) => U(t))) : U(e);
+function Zt(e) {
+  return Array.isArray(e) ? Promise.all(e.map((t) => F(t))) : F(e);
 }
-const j = Symbol("INSTALLED_KEY"), F = Symbol("COMPONENT_INSTALLED_KEY"), Y = Symbol("DIRECTIVES_INSTALLED_KEY"), Ot = {
+const U = Symbol("INSTALLED_KEY"), Y = Symbol("COMPONENT_INSTALLED_KEY"), B = Symbol("DIRECTIVES_INSTALLED_KEY"), _t = {
   mounted(e, t, n, r) {
     typeof t.value == "function" && t.value(e);
   },
   unmounted(e, t, n, r) {
     typeof t.value == "function" && t.value(null);
   }
-}, _t = {
+}, It = {
   mounted(e, t, n, r) {
     e.focus();
   },
   updated(e, t, n, r) {
   }
-}, It = function(t, n, r, o) {
+}, Pt = function(t, n, r, o) {
   t.style.height = t.parentElement.offsetHeight + "px", t.style.minHeight = "100%";
 };
-function Pt(e, t, n, r) {
+function Nt(e, t, n, r) {
   if (t.value.__used) return;
   let o = f({}, t.value);
   if (o.behavior = o.behavior || "smooth", typeof o.right == "number" && (o.left = e.scrollWidth - o.right), typeof o.bottom == "number" && (o.top = e.scrollHeight - o.bottom), o.target) {
-    let i = Q(o.target);
+    let i = ee(o.target);
     if (i) {
-      let { offsetTop: c, offsetLeft: u } = i.offsetParent || { offsetTop: 0, offsetLeft: 0 };
-      o.left = i.offsetLeft - e.offsetLeft + u, o.top = i.offsetTop - e.offsetTop + c;
+      let { offsetTop: u, offsetLeft: c } = i.offsetParent || { offsetTop: 0, offsetLeft: 0 };
+      o.left = i.offsetLeft - e.offsetLeft + c, o.top = i.offsetTop - e.offsetTop + u;
     }
   }
   o.left && typeof o.offsetX == "number" && (o.left += o.offsetX), o.top && typeof o.offsetY == "number" && (o.top += o.offsetY), Object.defineProperty(t.value, "__used", {
@@ -235,61 +235,63 @@ function Pt(e, t, n, r) {
   }, o, e) : e.scrollTo(o);
 }
 const I = {
-  dom: Ot,
-  focus: _t,
-  maxHeight: It,
-  scroll: Pt
+  dom: _t,
+  focus: It,
+  maxHeight: Pt,
+  scroll: Nt
 };
-function Nt(e) {
-  if (!e[Y]) {
-    e[Y] = !0;
+function kt(e) {
+  if (!e[B]) {
+    e[B] = !0;
     for (const t of Object.keys(I))
       e.directive(I[t].name || t, I[t]);
   }
 }
-const kt = {
+const $t = {
   reverse: Boolean
-}, $t = /* @__PURE__ */ L({
+}, Ht = /* @__PURE__ */ L({
   name: "column",
   inheritAttrs: !1,
-  props: kt,
+  props: $t,
   setup(e, {
     attrs: t,
     slots: n
   }) {
-    var r, o, i, c, u;
-    return y("div", T({
-      class: {
-        "comfy-tool--column": !0,
-        reverse: e.reverse
-      }
-    }, t), [((r = n.before) == null ? void 0 : r.call(n)) || "", ((o = n["before-content"]) == null ? void 0 : o.call(n)) || "", y("div", {
-      class: "main-content"
-    }, [((i = n.default) == null ? void 0 : i.call(n)) || ""]), ((c = n["after-content"]) == null ? void 0 : c.call(n)) || "", ((u = n.after) == null ? void 0 : u.call(n)) || ""]);
+    return () => {
+      var r, o, i, u, c;
+      return h("div", T({
+        class: {
+          "comfy-tool--column": !0,
+          reverse: e.reverse
+        }
+      }, t), [((r = n.before) == null ? void 0 : r.call(n)) || "", ((o = n["before-content"]) == null ? void 0 : o.call(n)) || "", h("div", {
+        class: "main-content"
+      }, [((i = n.default) == null ? void 0 : i.call(n)) || ""]), ((u = n["after-content"]) == null ? void 0 : u.call(n)) || "", ((c = n.after) == null ? void 0 : c.call(n)) || ""]);
+    };
   }
-}), Ht = $($t), Mt = {
+}), Mt = $(Ht), Rt = {
   reverse: Boolean
-}, Rt = /* @__PURE__ */ L({
+}, Wt = /* @__PURE__ */ L({
   name: "row",
   inheritAttrs: !1,
-  props: Mt,
+  props: Rt,
   setup(e, {
     attrs: t,
     slots: n
   }) {
     return () => {
-      var r, o, i, c, u;
-      return y("div", T({
+      var r, o, i, u, c;
+      return h("div", T({
         class: {
           "comfy-tool--row": !0,
           reverse: e.reverse
         }
-      }, t), [((r = n.before) == null ? void 0 : r.call(n)) || "", ((o = n["before-content"]) == null ? void 0 : o.call(n)) || "", y("div", {
+      }, t), [((r = n.before) == null ? void 0 : r.call(n)) || "", ((o = n["before-content"]) == null ? void 0 : o.call(n)) || "", h("div", {
         class: "main-content"
-      }, [((i = n.default) == null ? void 0 : i.call(n)) || ""]), ((c = n["after-content"]) == null ? void 0 : c.call(n)) || "", ((u = n.after) == null ? void 0 : u.call(n)) || ""]);
+      }, [((i = n.default) == null ? void 0 : i.call(n)) || ""]), ((u = n["after-content"]) == null ? void 0 : u.call(n)) || "", ((c = n.after) == null ? void 0 : c.call(n)) || ""]);
     };
   }
-}), Wt = $(Rt), Vt = {
+}), Vt = $(Wt), jt = {
   /** 当需要设定宽高时可能需要设置为 `-`;需要撑满容器时设置为 `100%` */
   flex: {
     type: [Number, String],
@@ -309,10 +311,10 @@ const kt = {
   row: Boolean,
   /** 启用flexbox纵向布局 */
   column: Boolean
-}, Ut = /* @__PURE__ */ L({
+}, Ft = /* @__PURE__ */ L({
   name: "expended",
   inheritAttrs: !1,
-  props: Vt,
+  props: jt,
   setup(e, {
     attrs: t,
     slots: n
@@ -332,9 +334,9 @@ const kt = {
           r.flex = e.flex;
           break;
       }
-    return e.minWidth && (r.minWidth = h(e.minWidth, "px")), e.minHeight && (r.minHeight = h(e.minHeight, "px")), e.maxWidth && (r.maxWidth = h(e.maxWidth, "px")), e.maxHeight && (r.maxHeight = h(e.maxHeight, "px")), e.width && (r.width = h(e.width, "px")), e.height && (r.height = h(e.height, "px")), e.column ? o.push("u-flex-nowrap u-box-flex-col") : e.row && o.push("u-flex-wrap"), () => {
+    return e.minWidth && (r.minWidth = p(e.minWidth, "px")), e.minHeight && (r.minHeight = p(e.minHeight, "px")), e.maxWidth && (r.maxWidth = p(e.maxWidth, "px")), e.maxHeight && (r.maxHeight = p(e.maxHeight, "px")), e.width && (r.width = p(e.width, "px")), e.height && (r.height = p(e.height, "px")), e.column ? o.push("u-flex-nowrap u-box-flex-col") : e.row && o.push("u-flex-wrap"), () => {
       var i;
-      return y("div", T({
+      return h("div", T({
         style: r,
         class: T({
           class: ["comfy-tool--expended", ...o]
@@ -342,34 +344,40 @@ const kt = {
       }, t), [((i = n.default) == null ? void 0 : i.call(n)) || ""]);
     };
   }
-}), jt = $(Ut), Ft = {
-  Column: Ht,
-  Row: Wt,
-  Expended: jt
+}), Ut = $(Ft), Yt = {
+  Column: Mt,
+  Row: Vt,
+  Expanded: Ut
 };
-function Yt(e) {
-  e[F] || (e[F] = !0, X(Ft).forEach(([t, n]) => {
+function Bt(e) {
+  e[Y] || (e[Y] = !0, J(Yt).forEach(([t, n]) => {
     e.component(t, n);
   }));
 }
-function Bt(e) {
-  wt({ app: e }), Nt(e), Yt(e);
+function Kt(e) {
+  St({ app: e }), kt(e), Bt(e);
 }
-class Kt {
+class qt {
   constructor(t, n) {
     this.properties = n, this.component = t, this.container = document.createElement("div");
-    const r = y(t, this.properties);
-    m.app && (r.appContext = m.app._context), ft(r, this.container), this.instance = r.component, this.appDOM = this.container.firstChild, this.init();
+    const r = h(t, this.properties);
+    m.app && (r.appContext = m.app._context), V(r, this.container), this.instance = r.component, this.appDOM = this.container, this.init();
   }
   init() {
-    this.properties.teleport ? this.properties.teleport : m.rootId, this.appDOM && !this.appDOM.nodeName.startsWith("#") && document.body.appendChild(this.appDOM);
+    this.mount();
   }
   // 声明静态方法
   static use(t) {
     Object.assign(m, t);
   }
+  mount() {
+    if (this.properties.teleport ? this.properties.teleport : m.rootId, this.appDOM && !this.appDOM.isConnected)
+      for (const t of Array.from(this.appDOM.childNodes))
+        document.body.appendChild(t);
+  }
   unmount() {
-    this.properties.teleport ? this.properties.teleport : m.rootId, document.body.removeChild(this.appDOM), this.instance.unmount();
+    var t;
+    this.properties.teleport ? this.properties.teleport : m.rootId, V(null, this.container), (t = this.appDOM.parentNode) == null || t.removeChild(this.appDOM);
   }
   close() {
     this.toggle(!1);
@@ -378,13 +386,20 @@ class Kt {
     t ? this.instance.open(n) : this.instance.close(n);
   }
 }
-const B = {
+const K = {
   show: !1,
   // 扩展
   keepAlive: !1
-}, qt = /* @__PURE__ */ L({
+}, zt = /* @__PURE__ */ L({
   name: "comfy-tool-layer",
+  inheritAttrs: !1,
   components: {},
+  props: {
+    baseContent: {
+      type: Object,
+      default: null
+    }
+  },
   emits: ["confirm", "close", "cancel"],
   setup(e, {
     attrs: t,
@@ -392,34 +407,34 @@ const B = {
     slots: r,
     expose: o
   }) {
-    const i = V(null), c = V(null), u = st(!0);
+    const i = j(e.baseContent), u = j(null), c = st(!0);
     let d;
-    const l = dt(f(f(f({}, B), t), e)), C = {
+    const l = dt(f(f(f({}, K), t), e)), x = {
       onConfirm() {
       },
       onClose() {
       }
-    }, M = y("div", {
+    }, M = h("div", {
       style: {
         height: "150px"
       }
     }, null);
-    function te(a) {
+    function ne(a) {
       l.show = a;
     }
-    function ne() {
-      return d = yt(c.value, M, _(f({}, l.contentProps), {
+    function oe() {
+      return d = vt(u.value, M, _(f({}, l.contentProps), {
         LAYERSHOW: l.show
       })), d;
     }
-    function oe() {
+    function re() {
       let a;
-      return !l.keepAlive && !l.show && !u.value ? a = () => M : a = r.default ? r.default : ne, () => a();
+      return !l.keepAlive && !l.show && !c.value ? a = () => M : a = r.default ? r.default : oe, () => a();
     }
-    function re() {
+    function ie() {
       v.cancel();
     }
-    function x(a) {
+    function w(a) {
       if (d && d.component) {
         let {
           ctx: g,
@@ -428,67 +443,67 @@ const B = {
         O && O[a] ? O[a]() : g && g[a] && g[a]();
       }
     }
-    let w;
+    let S;
     function D(a) {
-      l.show = a, l.show || l.keepAlive ? (u.value = !0, w && clearTimeout(w), w = null) : w = setTimeout(() => {
-        u.value = !1;
-      }, 500), pt(() => {
-        l.show && (x("onLayerShow"), x("queryData"));
+      l.show = a, l.show || l.keepAlive ? (c.value = !0, S && clearTimeout(S), S = null) : S = setTimeout(() => {
+        c.value = !1;
+      }, 500), yt(() => {
+        l.show && (w("onLayerShow"), w("queryData"));
       });
     }
     const v = {
-      init(a = {}, g = B) {
-        P(l, g, a && E(a, ["content", "baseContent"])), a.onConfirm && (C.onConfirm = a.onConfirm), a.onClose && (C.onClose = a.onClose), a.baseContent && (i.value = a.baseContent), c.value = a.content;
+      init(a = {}, g = K) {
+        P(l, g, a && b(a, ["content", "baseContent"])), a.onConfirm && (x.onConfirm = a.onConfirm), a.onClose && (x.onClose = a.onClose), a.baseContent && (i.value = a.baseContent), u.value = a.content;
       },
       open(a) {
         v.init(a, {}), D(!0);
       },
       confirm(a) {
-        n("confirm"), D(!!C.onConfirm(a, v.close));
+        n("confirm"), D(!!x.onConfirm(a, v.close));
       },
       close(a = "complete") {
-        C.onClose(a), n("close"), D(!1), x("onClose");
+        x.onClose(a), n("close"), D(!1), w("onClose");
       },
       cancel() {
-        v.close("cancel"), n("cancel"), x("onCancel");
+        v.close("cancel"), n("cancel"), w("onCancel");
       }
     };
     return mt(() => t, (a) => {
       P(l, {}, a);
     }), o(v), ht("Layer", v), () => {
       var a;
-      return i.value ? N(i.value, _(f(f(f({
+      return h(pt, null, [i.value ? N(i.value, _(f(f(f({
         class: ["comfy-tool--layer", (a = l.class) != null ? a : ""],
         style: f({}, l.style)
-      }, t), l.baseContentProps), E(l, ["content", "contentProps", "onClose", "width", "height", "class", "style", "baseContent", "baseContentProps"])), {
-        "onUpdate:show": te,
-        onClose: re
+      }, b(t, ["content", "contentProps", "baseContent", "baseContentProps"])), l.baseContentProps), b(l, ["content", "contentProps", "onClose", "width", "height", "class", "style", "baseContent", "baseContentProps"])), {
+        "onUpdate:show": ne,
+        onClose: ie
       }), {
-        default: oe(),
+        default: re(),
         overlayContent: r.overlayContent
-      }) : "";
+      }) : ""]);
     };
   }
 });
-var p;
-class A extends Kt {
+var y;
+class A extends qt {
   constructor(t, n) {
     super(t, n);
   }
   open(t) {
-    return this.appDOM && document.body.appendChild(this.appDOM), this.instance.exposed.open(t);
+    return super.mount(), this.instance.exposed.open(t);
   }
   static create(t = {}, n = !0) {
-    if (!p || n) {
-      let r = new A(qt, t);
+    if (!y || n) {
+      let r = new A(zt, t);
       if (n) return r;
-      p || (p = r);
+      y || (y = r);
     } else
-      p.instance.exposed.init(t);
-    return p;
+      y.instance.exposed.init(t);
+    return y;
   }
 }
-function ee(e, t = !1) {
+function te(e, t = !1) {
   return new Promise((n, r) => {
     A.create({}, t).open(f({
       onConfirm(o, i) {
@@ -500,24 +515,24 @@ function ee(e, t = !1) {
     }, e));
   });
 }
-ee.create = A.create;
-ee.close = () => {
-  p && p.close();
+te.create = A.create;
+te.close = () => {
+  y && y.close();
 };
-const Zt = "1.0.4", Qt = Dt, en = {
+const Qt = "1.0.5", en = Ot, tn = {
   install(e) {
-    e[j] || (e[j] = !0, Bt(e));
+    e[U] || (e[U] = !0, Kt(e));
   }
 };
 export {
-  Ht as Column,
-  Qt as ComfyTool,
-  jt as Expended,
-  ee as Layer,
-  Wt as Row,
-  wt as configComfyTool,
-  en as default,
-  Jt as resourceLoader,
-  Bt as useComfyTool,
-  Zt as version
+  Mt as Column,
+  en as ComfyTool,
+  Ut as Expanded,
+  te as Layer,
+  Vt as Row,
+  St as configComfyTool,
+  tn as default,
+  Zt as resourceLoader,
+  Kt as useComfyTool,
+  Qt as version
 };