@aplus-frontend/ui 0.5.25 → 0.5.27

package/es/src/editable-table/form-item.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as K, ref as d, unref as n, useSlots as M, watch as g, openBlock as G, createBlock as H, mergeProps as b, withCtx as w, createVNode as W, createSlots as $, renderList as q, renderSlot as U, normalizeProps as J, guardReactiveProps as Q } from "vue";
-import { Table as X } from "@aplus-frontend/antdv";
-import { ApForm as C } from "../ap-form/index.mjs";
-import { isArray as Y, isEqual as Z, isNumber as f, cloneDeep as m, omit as y } from "lodash-unified";
+import { defineComponent as O, ref as c, unref as s, useSlots as K, toRef as G, watch as H, nextTick as U, createBlock as W, openBlock as $, mergeProps as h, withCtx as x, createVNode as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Table as I } from "@aplus-frontend/antdv";
+import { ApForm as g } from "../ap-form/index.mjs";
+import { isArray as M, isUndefined as ee, isNumber as m, cloneDeep as oe, omit as w } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as I } from "../ap-form/context.mjs";
-import { isDef as i } from "../utils/index.mjs";
-import ee from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as oe } from "./utils.mjs";
-import { useNamespace as te } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ae } from "../config-provider/hooks/use-global-config.mjs";
-const he = /* @__PURE__ */ K({
+import { useInjectForm as te } from "../ap-form/context.mjs";
+import { isDef as b } from "../utils/index.mjs";
+import ae from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as le } from "./utils.mjs";
+import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ue } from "../config-provider/hooks/use-global-config.mjs";
+const we = /* @__PURE__ */ O({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -109,111 +109,111 @@ const he = /* @__PURE__ */ K({
       default: () => ({})
     }
   },
-  setup(R, {
-    expose: B
+  setup(y, {
+    expose: C
   }) {
-    const l = R;
-    function D(e, o) {
-      return Y(o) ? o.reduce((u, a) => u == null ? void 0 : u[a], e) : e == null ? void 0 : e[o];
+    const l = y;
+    function R(e, t) {
+      return M(t) ? t.reduce((n, o) => n == null ? void 0 : n[o], e) : e == null ? void 0 : e[t];
     }
     const {
-      internalInstance: t,
-      model: F
-    } = I(), r = d(D(n(F), l.name) || []), L = M(), c = d(l.name);
-    g(() => l.name, (e, o) => {
-      Z(e, o) || (c.value = e);
-    });
-    const T = C.useWatch(c);
-    g(() => T.value, (e) => {
-      var o;
-      r.value = e, (o = l.onChange) == null || o.call(l, e);
+      internalInstance: a,
+      model: B
+    } = te(), d = c(R(s(B), l.name) || []), F = K(), T = G(l, "name"), D = g.useWatch(T);
+    H(() => D.value, async (e) => {
+      var t;
+      await U(), d.value = e, (t = l.onChange) == null || t.call(l, e);
     }, {
       deep: !0
     });
     const {
-      b: v
-    } = te("editable-table"), p = d(), E = ae("valueTypeMap"), N = ee(l, E);
-    function V(e, o) {
-      var s;
-      const u = ((s = n(r)) == null ? void 0 : s.length) || 0;
-      if (i(l.maxLength) && u >= l.maxLength)
+      b: L
+    } = ne("editable-table"), p = c(), V = ue("valueTypeMap"), N = ae(l, V);
+    function S(e, t) {
+      var u;
+      const n = ((u = s(d)) == null ? void 0 : u.length) || 0;
+      if (b(l.maxLength) && n >= l.maxLength)
         return;
-      const a = [...n(r) || []];
-      i(o) ? a.splice(o, 0, {
+      const o = {
         ...e || {}
-      }) : a.push({
-        ...e || {}
-      }), t == null || t.setFieldValue(l.name, a);
+      };
+      a == null || a.setFieldValue(l.name, o, !0, (f, r) => {
+        f[r] || (f[r] = [o]), ee(t) ? f[r].push(o) : f[r].splice(t, 0, o);
+      });
     }
-    function S(e, o = "suffix") {
-      var x;
-      const u = ((x = n(r)) == null ? void 0 : x.length) || 0, a = f(e) ? e : e.length;
-      if (i(l.maxLength) && u + a > l.maxLength)
+    function k(e, t = "suffix") {
+      var f;
+      const n = ((f = s(d)) == null ? void 0 : f.length) || 0, o = m(e) ? e : e.length;
+      if (b(l.maxLength) && n + o > l.maxLength)
         return;
-      const s = [...n(r) || []], h = f(e) ? new Array(e).fill({}) : m(e);
-      o === "suffix" ? s.push(...h) : s.unshift(...h), t == null || t.setFieldValue(l.name, s);
+      const u = m(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
+      a == null || a.setFieldValue(l.name, u, !0, (r, i) => {
+        r[i] || (r[i] = [...u]), t === "suffix" ? r[i].push(...u) : r[i].unshift(...u);
+      });
     }
-    function _(e) {
-      let o = m(n(r) || []);
-      const u = f(e) ? [e] : e;
-      o = o.filter((a, s) => !u.includes(s)), t == null || t.setFieldValue(l.name, o);
+    function v(e) {
+      const t = new Set(m(e) ? [e] : e);
+      a == null || a.setFieldValue(l.name, void 0, !0, (n, o) => {
+        n[o] = n[o].filter((u, f) => !t.has(f));
+      });
     }
-    function k() {
-      return n(r);
+    function E() {
+      return s(d);
     }
-    function j(e) {
-      var o;
-      return (o = n(r)) == null ? void 0 : o[e];
+    function _(e) {
+      var t;
+      return (t = s(d)) == null ? void 0 : t[e];
     }
-    function A(e, o, u = !0) {
-      const a = m(n(r));
-      a[e] && (a[e] = {
-        ...u ? a[e] : {},
-        ...o
-      }, t == null || t.setFieldValue(l.name, [...a]));
+    function j(e, t, n = !0) {
+      a == null || a.setFieldValue(l.name, void 0, !0, (o, u) => {
+        !o[u] || !o[u][e] || (o[u][e] = {
+          ...n ? o[u][e] : {},
+          ...t
+        });
+      });
     }
     function P(e) {
-      t == null || t.setFieldValue(l.name, e);
+      a == null || a.setFieldValue(l.name, e);
     }
-    function z(e, o) {
-      var a;
-      const u = e === "end" ? r.value.length - 1 : e;
-      oe(u, (a = p.value) == null ? void 0 : a.$el, o);
+    function z(e, t) {
+      var o;
+      const n = e === "end" ? d.value.length - 1 : e;
+      le(n, (o = p.value) == null ? void 0 : o.$el, t);
     }
-    function O() {
+    function A() {
       var e;
-      (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, l.name, []);
+      (e = a == null ? void 0 : a.setFieldValue) == null || e.call(a, l.name, []);
     }
-    return B({
-      add: V,
-      remove: _,
-      getRowData: j,
-      getRowsData: k,
-      setRowData: A,
-      addMultiple: S,
+    return C({
+      add: S,
+      remove: v,
+      getRowData: _,
+      getRowsData: E,
+      setRowData: j,
+      addMultiple: k,
       scrollTo: z,
       setTableData: P,
-      clear: O
-    }), (e, o) => (G(), H(n(C).FormItem, b(e.formItem, {
+      clear: A
+    }), (e, t) => ($(), W(s(g).FormItem, h(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: w(() => [W(n(X), b(n(y)(l, ["name", "maxLength", "onChange"]), {
+      default: x(() => [q(s(I), h(s(w)(l, ["name", "maxLength", "onChange"]), {
         ref_key: "tableRef",
         ref: p,
-        class: n(v)(),
-        columns: n(N),
-        "data-source": r.value
-      }), $({
+        class: s(L)(),
+        columns: s(N),
+        "data-source": d.value
+      }), J({
         _: 2
-      }, [q(n(y)(L, ["headerCell"]), (u, a) => ({
-        name: a,
-        fn: w((s) => [U(e.$slots, a, J(Q(s || {})))])
+      }, [Q(s(w)(F, ["headerCell"]), (n, o) => ({
+        name: o,
+        fn: x((u) => [X(e.$slots, o, Y(Z(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  he as default
+  we as default
 };

package/es/src/editable-table/index.vue.d.ts

@@ -2,7 +2,7 @@ import { EditableTableProps, EditableColumnType } from './interface';
 import { NamePath, ValidateOptions } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../type';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -53,9 +53,7 @@ declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNu
         }) => void;
     };
     emit: (event: "update:value", ...args: any[]) => void;
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/es/src/editable-table/index.vue.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as W, useSlots as $, ref as w, watch as C, unref as o, openBlock as q, createBlock as J, withCtx as c, createVNode as b, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { defineComponent as $, useSlots as q, ref as w, watch as y, unref as s, createBlock as J, openBlock as Q, withCtx as h, createVNode as C, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
 import { Table as ae } from "@aplus-frontend/antdv";
-import { ApForm as p } from "../ap-form/index.mjs";
-import { isEqual as ne, isArray as R, isNumber as x, cloneDeep as h, omit as F } from "lodash-unified";
+import { ApForm as x } from "../ap-form/index.mjs";
+import { isEqual as ne, isArray as b, isUndefined as oe, isNumber as g, cloneDeep as le, omit as R } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
-import { isDef as g } from "../utils/index.mjs";
-import { scrollToRowIndex as oe } from "./utils.mjs";
-import le from "./hooks/use-get-columns.mjs";
+import { isDef as F } from "../utils/index.mjs";
+import { scrollToRowIndex as ue } from "./utils.mjs";
+import se from "./hooks/use-get-columns.mjs";
 import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as ue } from "../hooks/useControllableValue.mjs";
-import { useGlobalConfig as se } from "../config-provider/hooks/use-global-config.mjs";
-const Ce = /* @__PURE__ */ W({
+import { useControllableValue as ie } from "../hooks/useControllableValue.mjs";
+import { useGlobalConfig as de } from "../config-provider/hooks/use-global-config.mjs";
+const Re = /* @__PURE__ */ $({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -111,126 +111,131 @@ const Ce = /* @__PURE__ */ W({
   emits: ["update:value"],
   setup(B, {
     expose: V,
-    emit: D
+    emit: T
   }) {
     const n = B, {
       b: L
-    } = re("editable-table"), T = $(), _ = D, v = w(), {
-      value: u,
+    } = re("editable-table"), _ = q(), D = T, v = w(), {
+      value: m,
       updateValue: E
-    } = ue(n, _), s = w(), N = se("valueTypeMap"), m = p.useWatch(n.name, s);
-    C(() => m.value, (e) => {
+    } = ie(n, D), i = w(), N = de("valueTypeMap"), c = x.useWatch(n.name, i);
+    y(() => c.value, (e) => {
       var t;
       E(e), (t = n.onChange) == null || t.call(n, e);
     }, {
-      deep: !0
-    }), C(u, (e) => {
+      deep: !0,
+      flush: "post"
+    }), y(m, (e) => {
       var t;
-      e !== o(m) && (ne(e, o(m)) || (t = s.value) == null || t.setFieldValue(n.name, e));
+      e !== s(c) && (ne(e, s(c)) || (t = i.value) == null || t.setFieldValue(n.name, e));
     }, {
       deep: !0
     });
-    const k = le(n, N);
-    function A() {
+    const S = se(n, N);
+    function k() {
       var e;
-      (e = s.value) == null || e.resetFields();
+      (e = i.value) == null || e.resetFields();
     }
-    function S(e) {
-      return e ? (R(e) ? e : [e]).map((l) => R(l) ? [n.name, ...l] : [n.name, l]) : void 0;
+    function A(e) {
+      return e ? (b(e) ? e : [e]).map((o) => b(o) ? [n.name, ...o] : [n.name, o]) : void 0;
     }
-    async function P(e, t) {
+    async function I(e, t) {
       var a;
-      const l = await ((a = s.value) == null ? void 0 : a.validateFields(S(e), t));
-      return l == null ? void 0 : l[n.name];
+      const o = await ((a = i.value) == null ? void 0 : a.validateFields(A(e), t));
+      return o == null ? void 0 : o[n.name];
     }
-    function j(e, t) {
-      var r, d, i;
-      const l = ((r = o(u)) == null ? void 0 : r.length) || 0;
-      if (g(n.maxLength) && l >= n.maxLength)
+    function P(e, t) {
+      var l, u, r;
+      const o = ((l = s(m)) == null ? void 0 : l.length) || 0;
+      if (F(n.maxLength) && o >= n.maxLength)
         return;
-      const a = [...o(u) || []];
-      g(t) ? a.splice(t, 0, {
-        ...e || {}
-      }) : a.push({
+      const a = {
         ...e || {}
-      }), (i = (d = s.value) == null ? void 0 : d.setFieldValue) == null || i.call(d, n.name, a);
+      };
+      (r = (u = i.value) == null ? void 0 : u.setFieldValue) == null || r.call(u, n.name, a, !0, (d, f) => {
+        d[f] || (d[f] = [a]), oe(t) ? d[f].push(a) : d[f].splice(t, 0, a);
+      });
     }
-    function z(e, t = "suffix") {
-      var i, f, y;
-      const l = ((i = o(u)) == null ? void 0 : i.length) || 0, a = x(e) ? e : e.length;
-      if (g(n.maxLength) && l + a > n.maxLength)
+    function j(e, t = "suffix") {
+      var u, r, d;
+      const o = ((u = s(m)) == null ? void 0 : u.length) || 0, a = g(e) ? e : e.length;
+      if (F(n.maxLength) && o + a > n.maxLength)
         return;
-      const r = [...o(u) || []], d = x(e) ? new Array(e).fill({}) : h(e);
-      t === "suffix" ? r.push(...d) : r.unshift(...d), (y = (f = s.value) == null ? void 0 : f.setFieldValue) == null || y.call(f, n.name, r);
+      const l = g(e) ? new Array(e).fill({}) : le(e);
+      (d = (r = i.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, n.name, l, !0, (f, p) => {
+        f[p] || (f[p] = [...l]), t === "suffix" ? f[p].push(...l) : f[p].unshift(...l);
+      });
     }
-    function I(e) {
-      var a, r;
-      let t = h(o(u) || []);
-      const l = x(e) ? [e] : e;
-      t = t.filter((d, i) => !l.includes(i)), (r = (a = s.value) == null ? void 0 : a.setFieldValue) == null || r.call(a, n.name, t);
+    function z(e) {
+      var o, a;
+      const t = new Set(g(e) ? [e] : e);
+      (a = (o = i.value) == null ? void 0 : o.setFieldValue) == null || a.call(o, n.name, void 0, !0, (l, u) => {
+        l[u] = l[u].filter((r, d) => !t.has(d));
+      });
     }
     function O() {
-      return o(u);
+      return s(m);
     }
     function K(e) {
       var t;
-      (t = s.value) == null || t.setFieldValue(n.name, e);
+      (t = i.value) == null || t.setFieldValue(n.name, e);
     }
-    function M(e) {
+    function U(e) {
       var t;
-      return (t = o(u)) == null ? void 0 : t[e];
+      return (t = s(m)) == null ? void 0 : t[e];
     }
-    function G(e, t, l = !0) {
-      var r, d;
-      const a = h(o(u));
-      a[e] && (a[e] = {
-        ...l ? a[e] : {},
-        ...t
-      }, (d = (r = s.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, n.name, [...a]));
+    function G(e, t, o = !0) {
+      var a, l;
+      (l = (a = i.value) == null ? void 0 : a.setFieldValue) == null || l.call(a, n.name, void 0, !0, (u, r) => {
+        !u[r] || !u[r][e] || (u[r][e] = {
+          ...o ? u[r][e] : {},
+          ...t
+        });
+      });
     }
     function H(e, t) {
       var a;
-      const l = e === "end" ? u.value.length - 1 : e;
-      oe(l, (a = v.value) == null ? void 0 : a.$el, t);
+      const o = e === "end" ? m.value.length - 1 : e;
+      ue(o, (a = v.value) == null ? void 0 : a.$el, t);
     }
-    function U() {
+    function W() {
       var e, t;
-      (t = (e = s.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, n.name, []);
+      (t = (e = i.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, n.name, []);
     }
     return V({
-      resetFields: A,
-      validateFields: P,
-      add: j,
-      remove: I,
-      getRowData: M,
+      resetFields: k,
+      validateFields: I,
+      add: P,
+      remove: z,
+      getRowData: U,
       getRowsData: O,
       setRowData: G,
-      addMultiple: z,
+      addMultiple: j,
       scrollTo: H,
-      clear: U,
+      clear: W,
       setTableData: K
-    }), (e, t) => (q(), J(o(p), {
+    }), (e, t) => (Q(), J(s(x), {
       ref_key: "formRef",
-      ref: s,
+      ref: i,
       "initial-values": {
-        [n.name]: o(u)
+        [n.name]: s(m)
       }
     }, {
-      default: c(() => [b(o(p).FormItem, {
+      default: h(() => [C(s(x).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: c(() => [b(o(ae), Q(o(F)(n, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+        default: h(() => [C(s(ae), X(s(R)(n, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
           ref_key: "tableRef",
           ref: v,
-          class: o(L)(),
-          columns: o(k),
-          "data-source": o(u)
-        }), X({
+          class: s(L)(),
+          columns: s(S),
+          "data-source": s(m)
+        }), Y({
           _: 2
-        }, [Y(o(F)(T, ["headerCell"]), (l, a) => ({
+        }, [Z(s(R)(_, ["headerCell"]), (o, a) => ({
           name: a,
-          fn: c((r) => [Z(e.$slots, a, ee(te(r || {})))])
+          fn: h((l) => [M(e.$slots, a, ee(te(l || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -239,5 +244,5 @@ const Ce = /* @__PURE__ */ W({
   }
 });
 export {
-  Ce as default
+  Re as default
 };

package/es/src/full-screen/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as R, ref as i, watch as E, unref as a, computed as n, openBlock as m, createBlock as d, withCtx as v, resolveDynamicComponent as z, mergeProps as C, renderSlot as F, createElementVNode as N, normalizeClass as S } from "vue";
+import { defineComponent as R, ref as i, watch as E, unref as a, computed as n, createBlock as m, openBlock as d, withCtx as v, resolveDynamicComponent as z, mergeProps as C, renderSlot as F, createElementVNode as N, normalizeClass as S } from "vue";
 import "../hooks/index.mjs";
 import "../portal/index.mjs";
 import "../config-provider/index.mjs";
@@ -43,12 +43,12 @@ const H = /* @__PURE__ */ R({
       enter: o,
       exit: s,
       toggle: c
-    }), (e, r) => (m(), d(a(B), {
+    }), (e, r) => (d(), m(a(B), {
       to: "body",
       disabled: l.value !== "window"
     }, {
       default: v(() => [
-        (m(), d(z(e.wrapperElementName), C({
+        (d(), m(z(e.wrapperElementName), C({
           ref_key: "target",
           ref: f
         }, e.$attrs, {

package/es/src/hooks/useFullScreen.mjs

@@ -1,5 +1,5 @@
 import { isClient as d } from "@vueuse/core";
-import { computed as c, unref as u, isRef as v, ref as f, watch as p } from "vue";
+import { ref as c, computed as f, isRef as v, unref as u, watch as p } from "vue";
 const a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new Set();
 d && document.addEventListener("fullscreenchange", () => {
   if (o.forEach((e) => e.value = !1), document.fullscreenElement) {
@@ -9,13 +9,13 @@ d && document.addEventListener("fullscreenchange", () => {
     e && (e.value = !0);
   }
 });
-const E = (e = f(null)) => {
-  const i = c({
+const E = (e = c(null)) => {
+  const i = f({
     get: () => u(e),
     set: (t) => {
       v(e) && (e.value = t);
     }
-  }), l = f(!1);
+  }), l = c(!1);
   o.add(l), p(
     () => e.value,
     (t, n) => {
@@ -40,7 +40,7 @@ const E = (e = f(null)) => {
   }
   return {
     target: i,
-    full: c(() => u(l)),
+    full: f(() => u(l)),
     enter: r,
     exit: s,
     toggle: m

package/es/src/mask/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as m, watch as v, watchEffect as A, onMounted as M, onUnmounted as O, openBlock as y, createBlock as x, Teleport as P, createElementVNode as r, normalizeClass as d, unref as o, normalizeStyle as k, createVNode as C, Transition as b, withCtx as h, createElementBlock as T, renderSlot as B, createCommentVNode as i } from "vue";
+import { defineComponent as g, ref as m, watch as v, watchEffect as A, onMounted as M, onUnmounted as O, createBlock as x, createCommentVNode as r, openBlock as y, Teleport as P, createElementVNode as d, normalizeStyle as k, unref as o, normalizeClass as i, createVNode as C, Transition as b, withCtx as h, createElementBlock as T, renderSlot as B } from "vue";
 import "../hooks/index.mjs";
 import "../config-provider/index.mjs";
 import { getMaskZIndex as U, lockScrollable as $ } from "./utils.mjs";
@@ -68,10 +68,10 @@ const J = /* @__PURE__ */ g({
       key: 0,
       to: "body"
     }, [
-      r("div", {
+      d("div", {
         ref_key: "wrapper",
         ref: p,
-        class: d(o(z)()),
+        class: i(o(z)()),
         style: k({ zIndex: o(N), visibility: l.value ? void 0 : "hidden" })
       }, [
         C(b, {
@@ -82,19 +82,19 @@ const J = /* @__PURE__ */ g({
           default: h(() => [
             o(a) ? (y(), T("div", {
               key: 0,
-              class: d([o(u)("mask"), { [o(I)("mask", "disabled")]: e.disabled }]),
+              class: i([o(u)("mask"), { [o(I)("mask", "disabled")]: e.disabled }]),
               onClick: _
             }, [
               B(e.$slots, "mask", {}, () => [
-                r("div", {
-                  class: d(o(u)("mask-inner"))
+                d("div", {
+                  class: i(o(u)("mask-inner"))
                 }, null, 2)
               ])
-            ], 2)) : i("", !0)
+            ], 2)) : r("", !0)
           ]),
           _: 3
         }, 8, ["name"]),
-        r("div", {
+        d("div", {
           style: k(e.contentStyle)
         }, [
           C(b, {
@@ -102,13 +102,13 @@ const J = /* @__PURE__ */ g({
             name: o(c)()
           }, {
             default: h(() => [
-              o(a) ? B(e.$slots, "default", { key: 0 }) : i("", !0)
+              o(a) ? B(e.$slots, "default", { key: 0 }) : r("", !0)
             ]),
             _: 3
           }, 8, ["name"])
         ], 4)
       ], 6)
-    ])) : i("", !0);
+    ])) : r("", !0);
   }
 });
 export {

package/es/src/portal/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as n, createBlock as p, Teleport as a, mergeProps as l, renderSlot as s } from "vue";
+import { defineComponent as r, createBlock as n, openBlock as p, Teleport as a, mergeProps as l, renderSlot as s } from "vue";
 const m = /* @__PURE__ */ r({
   name: "Portal",
   __name: "index",
@@ -9,7 +9,7 @@ const m = /* @__PURE__ */ r({
   },
   setup(o) {
     const t = o;
-    return (e, d) => (n(), p(a, l(t, {
+    return (e, d) => (p(), n(a, l(t, {
       to: e.to || "body"
     }), [
       s(e.$slots, "default")

package/es/src/scroll-bar/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as z, toRef as g, ref as p, watchEffect as x, unref as a, watch as _, computed as s, openBlock as k, createBlock as C, mergeProps as B, createCommentVNode as L } from "vue";
+import { defineComponent as z, toRef as g, ref as p, watchEffect as x, unref as a, watch as _, computed as s, createBlock as k, createCommentVNode as C, openBlock as B, mergeProps as L } from "vue";
 import "./internal.vue2.mjs";
 import { omit as R } from "lodash-unified";
 import { getScrollable as u, ensureRangeValue as w } from "./utils/index.mjs";
@@ -79,14 +79,14 @@ const W = /* @__PURE__ */ z({
         var e;
         return a((e = l.value) == null ? void 0 : e.container);
       })
-    }), (e, t) => n.value !== 100 ? (k(), C(E, B({
+    }), (e, t) => n.value !== 100 ? (B(), k(E, L({
       key: 0,
       ref_key: "barRef",
       ref: l
     }, a(R)(r, ["onScroll", "extraSize", "scrollContainer"]), {
       "bar-length": n.value,
       onScroll: d
-    }), null, 16, ["bar-length"])) : L("", !0);
+    }), null, 16, ["bar-length"])) : C("", !0);
   }
 });
 export {

package/es/src/scroll-bar/internal.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as f, toRef as h, watch as W, watchEffect as z, unref as o, openBlock as A, createElementBlock as N, normalizeClass as m, normalizeStyle as U, createElementVNode as L } from "vue";
+import { defineComponent as V, ref as f, toRef as h, watch as W, watchEffect as z, unref as o, createElementBlock as A, openBlock as N, normalizeStyle as U, normalizeClass as m, createElementVNode as L } from "vue";
 import "../config-provider/index.mjs";
 import { useTrack as X } from "./hooks/use-track.mjs";
 import { ensureRangeValue as C } from "./utils/index.mjs";
@@ -88,7 +88,7 @@ const I = /* @__PURE__ */ V({
       bar: l,
       track: c,
       scroll: $
-    }), (e, n) => (A(), N("div", {
+    }), (e, n) => (N(), A("div", {
       ref_key: "container",
       ref: k,
       class: m([o(B)(), o(P)(e.direction)]),