@aplus-frontend/ui 0.6.0-beta.12 → 0.6.0-beta.13

package/es/src/business/ap-view/components/main-button-content.vue.d.ts

@@ -2,13 +2,12 @@ import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc }
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
-import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, RuleObject, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { Options } from '../../../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../../node_modules/vue-types';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { OnCleanup } from '@vue/reactivity';
 type __VLS_Props = {
@@ -109,7 +108,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-            readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+            readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {

package/es/src/business/ap-view/components/main-button-content.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as z, ref as $, computed as I, watch as Y, openBlock as D, createBlock as E, unref as e, withCtx as t, createElementVNode as f, normalizeClass as r, createVNode as a, toDisplayString as s, createTextVNode as v, createSlots as K } from "vue";
-import { Popover as j, Checkbox as q, Space as N, Tooltip as B } from "@aplus-frontend/antdv";
+import { defineComponent as z, ref as $, computed as I, watch as Y, createBlock as D, openBlock as E, unref as e, withCtx as t, createElementVNode as f, normalizeClass as r, createVNode as a, createSlots as K, toDisplayString as s, createTextVNode as v } from "vue";
+import { Popover as j, Tooltip as q, Space as N, Checkbox as B } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import L from "../icons/line-eye.vue.mjs";
 import "../../../ap-form/ap-form.vue.mjs";
@@ -52,7 +52,7 @@ const re = /* @__PURE__ */ z({
         viewConfig: T
       })), c.value = !1;
     };
-    return (p, i) => (D(), E(e(j), {
+    return (p, i) => (E(), D(e(j), {
       open: y.value,
       "onUpdate:open": i[1] || (i[1] = (m) => y.value = m),
       placement: "bottom",
@@ -87,7 +87,7 @@ const re = /* @__PURE__ */ z({
                   "value-prop-name": "checked"
                 }, {
                   default: t(() => [
-                    a(e(q), null, {
+                    a(e(B), null, {
                       default: t(() => [
                         v(s(e(o)("ap.apView.setDefault")), 1)
                       ]),
@@ -154,7 +154,7 @@ const re = /* @__PURE__ */ z({
             [e(l)("main-content-disabled")]: e(u).length >= d.maxViewNum + 1
           })
         }, [
-          a(e(B), { placement: "bottom" }, K({
+          a(e(q), { placement: "bottom" }, K({
             default: t(() => [
               a(e(N), { size: 4 }, {
                 default: t(() => [

package/es/src/business/ap-view/components/menu-list-content.vue.d.ts

@@ -2,13 +2,12 @@ import { ViewListModel } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
-import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, RuleObject, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { Options } from '../../../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../../node_modules/vue-types';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc } from '../../../ap-form';
 import { OnCleanup } from '@vue/reactivity';
@@ -110,7 +109,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-            readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+            readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {

package/es/src/business/ap-view/components/menu-list-content.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as S, watch as O, openBlock as u, createElementBlock as p, normalizeClass as C, unref as e, createElementVNode as s, toDisplayString as f, createVNode as a, createCommentVNode as k, withModifiers as P, withCtx as v } from "vue";
+import { defineComponent as G, ref as S, watch as O, createElementBlock as u, openBlock as p, normalizeClass as C, unref as e, createElementVNode as s, createCommentVNode as k, toDisplayString as f, createVNode as a, withModifiers as P, withCtx as v } from "vue";
 import "../../../config-provider/index.mjs";
 import { useViewInject as W } from "../hooks/use-view-provide.mjs";
 import { SYSTEM_VIEW_KEY as E } from "../utils/enum.mjs";
@@ -61,7 +61,7 @@ const R = { class: "menu-list-content-name" }, L = ["title"], U = {
       }
     ), (i, o) => {
       var m, r, x, N, h, K, g;
-      return c.value === !1 ? (u(), p("div", {
+      return c.value === !1 ? (p(), u("div", {
         key: 0,
         class: C({
           [e(d)("menu-list-content")]: !0,
@@ -74,14 +74,14 @@ const R = { class: "menu-list-content-name" }, L = ["title"], U = {
             title: (r = n.view) == null ? void 0 : r.viewName
           }, f((x = n.view) == null ? void 0 : x.viewName), 9, L)
         ]),
-        ((N = n.view) == null ? void 0 : N.viewKey) !== e(E) && ((h = n.view) != null && h.isDefault) ? (u(), p("div", U, [
+        ((N = n.view) == null ? void 0 : N.viewKey) !== e(E) && ((h = n.view) != null && h.isDefault) ? (p(), u("div", U, [
           a(e(D), {
             text: e(l)("ap.apView.default"),
             size: "small",
             color: $[e(I) ?? "aplus"]
           }, null, 8, ["text", "color"])
         ])) : k("", !0),
-        ((K = n.view) == null ? void 0 : K.viewKey) !== e(E) ? (u(), p("div", {
+        ((K = n.view) == null ? void 0 : K.viewKey) !== e(E) ? (p(), u("div", {
           key: 1,
           class: "menu-list-content-action",
           onClick: o[1] || (o[1] = P(() => {
@@ -95,7 +95,7 @@ const R = { class: "menu-list-content-name" }, L = ["title"], U = {
                   class: "menu-list-content-action-text",
                   onClick: o[0] || (o[0] = (ne) => c.value = !0)
                 }, f(e(l)("ap.apView.rename")), 1),
-                (_ = n.view) != null && _.isDefault ? k("", !0) : (u(), p("div", {
+                (_ = n.view) != null && _.isDefault ? k("", !0) : (p(), u("div", {
                   key: 0,
                   class: "menu-list-content-action-text",
                   onClick: Y
@@ -117,7 +117,7 @@ const R = { class: "menu-list-content-name" }, L = ["title"], U = {
             _: 1
           })
         ])) : k("", !0)
-      ], 2)) : (u(), p("div", {
+      ], 2)) : (p(), u("div", {
         key: 1,
         class: C([e(d)("menu-list-content"), e(d)("menu-list-content-edit")])
       }, [

package/es/src/business/ap-view/icons/line-delete.vue.mjs

@@ -1,4 +1,4 @@
-import { openBlock as l, createElementBlock as n, createElementVNode as e } from "vue";
+import { createElementBlock as l, openBlock as n, createElementVNode as e } from "vue";
 import o from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const r = {}, L = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const r = {}, L = {
   viewBox: "0 0 14 14"
 };
 function i(s, t) {
-  return l(), n("svg", L, t[0] || (t[0] = [
+  return n(), l("svg", L, t[0] || (t[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {

package/es/src/business/ap-view/icons/line-down.vue.mjs

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
+import { createElementBlock as o, openBlock as t, createElementVNode as e } from "vue";
 import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const r = {}, i = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const r = {}, i = {
   viewBox: "0 0 14 14"
 };
 function s(c, n) {
-  return o(), t("svg", i, n[0] || (n[0] = [
+  return t(), o("svg", i, n[0] || (n[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {

package/es/src/business/ap-view/icons/line-eye.vue.mjs

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as o, createElementVNode as e } from "vue";
+import { createElementBlock as n, openBlock as o, createElementVNode as e } from "vue";
 import Q from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const l = {}, r = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const l = {}, r = {
   viewBox: "0 0 16 16"
 };
 function i(s, t) {
-  return n(), o("svg", r, t[0] || (t[0] = [
+  return o(), n("svg", r, t[0] || (t[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {

package/es/src/business/batch-input-group/form-item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as r, openBlock as B, createBlock as g, mergeProps as u, unref as m, withCtx as _, createVNode as V } from "vue";
+import { defineComponent as b, computed as r, createBlock as B, openBlock as g, mergeProps as u, unref as m, withCtx as _, createVNode as V } from "vue";
 import "./index.vue2.mjs";
 import "../../ap-form/item/index.vue2.mjs";
 import { isValid as s } from "@aplus-frontend/utils";
@@ -76,7 +76,7 @@ const q = /* @__PURE__ */ b({
     });
     return (e, a) => {
       var o, i;
-      return B(), g(x, u(
+      return g(), B(x, u(
         m(p)(l, [
           "field",
           "initialValue",

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as g, computed as u, unref as n, openBlock as B, createElementBlock as $, normalizeClass as K, normalizeStyle as b, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as q } from "vue";
+import { defineComponent as N, ref as g, computed as u, unref as n, createElementBlock as $, openBlock as B, normalizeStyle as b, normalizeClass as K, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as q } from "vue";
 import "../../ap-field/index.mjs";
 import { Space as G } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";

package/es/src/business/batch-input-group/popover-input/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as m, openBlock as w, createElementBlock as B, normalizeClass as p, unref as e, createVNode as c, withCtx as d, createElementVNode as L } from "vue";
+import { defineComponent as A, ref as m, createElementBlock as w, openBlock as B, normalizeClass as p, unref as e, createVNode as c, withCtx as d, createElementVNode as L } from "vue";
 import { Popover as N, Textarea as P } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import { IconApAdLineScreen as z } from "@aplus-frontend/icon";
@@ -33,7 +33,7 @@ const D = /* @__PURE__ */ A({
       o.disabled ? n.value = !1 : n.value = t, !t && ((a = o.onClose) == null || a.call(o));
     }
     const { b: u, e: I, em: V, bm: k } = O("batch-input-group-popover-input");
-    return (t, a) => (w(), B("div", {
+    return (t, a) => (B(), w("div", {
       class: p(e(u)())
     }, [
       c(e(N), {

package/es/src/check-card/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as d, unref as o, createVNode as m, Fragment as W, watch as $, watchEffect as j, openBlock as c, createElementBlock as C, normalizeStyle as D, normalizeClass as z, withModifiers as M, createBlock as f, renderSlot as O, resolveDynamicComponent as S, createCommentVNode as g, createElementVNode as U } from "vue";
+import { defineComponent as I, computed as d, unref as o, createVNode as m, Fragment as W, watch as $, watchEffect as j, createElementBlock as C, openBlock as c, withModifiers as D, normalizeClass as z, normalizeStyle as M, createBlock as f, renderSlot as O, createCommentVNode as g, resolveDynamicComponent as S, createElementVNode as U } from "vue";
 import { Skeleton as q } from "@aplus-frontend/antdv";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
@@ -115,9 +115,9 @@ const K = ["src"], oe = /* @__PURE__ */ I({
         return (b = (u = l.value) == null ? void 0 : u.cancelValue) == null ? void 0 : b.call(u, a.value);
       });
     }), (e, t) => (c(), C("div", {
-      style: D(T.value),
+      style: M(T.value),
       class: z(w.value),
-      onClick: M(F, ["stop"])
+      onClick: D(F, ["stop"])
     }, [n.value.loading ? (c(), f(o(q), {
       key: 0,
       active: ""

package/es/src/config-provider/hooks/use-namespace.d.ts

@@ -2,7 +2,11 @@ import { InjectionKey, Ref, ComputedRef } from 'vue';
 export declare const defaultNamespace = "aplus";
 export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
 export declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string | undefined>) => ComputedRef<string>;
-export declare const useNamespace: (block: string, namespaceOverrides?: Ref<string | undefined>) => {
+export declare const useNamespace: (
+/**
+ * 块 一般是指组件名
+ */
+block: string, namespaceOverrides?: Ref<string | undefined>) => {
     namespace: ComputedRef<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;

package/es/src/editable-table/form-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { EditableColumnType, EditableTableFormItemExpose, EditableTableFormItemProps } from './interface';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType = 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<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<EditableTableFormItemExpose>): void;
@@ -36,9 +36,7 @@ declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<type
         }) => void;
     };
     emit: {};
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as c, unref as s, useSlots as H, toRef as U, watch as W, nextTick as $, openBlock as q, createBlock as J, mergeProps as h, withCtx as w, createVNode as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as I, guardReactiveProps as M } from "vue";
+import { defineComponent as G, ref as c, unref as s, useSlots as H, toRef as U, watch as W, nextTick as $, createBlock as q, openBlock as J, mergeProps as h, withCtx as w, createVNode as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as I, guardReactiveProps as M } from "vue";
 import { Table as ee } from "@aplus-frontend/antdv";
 import { ApForm as x } from "../ap-form/index.mjs";
 import { isArray as g, isUndefined as oe, isNumber as m, cloneDeep as te, omit as y } from "lodash-unified";
@@ -210,7 +210,7 @@ const ye = /* @__PURE__ */ G({
       setTableData: P,
       clear: O,
       removeByKey: k
-    }), (e, a) => (q(), J(s(x).FormItem, h(e.formItem, {
+    }), (e, a) => (J(), q(s(x).FormItem, h(e.formItem, {
       name: e.name,
       label: e.label
     }), {

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

@@ -1,6 +1,6 @@
 import { EditableTableProps, EditableColumnType, EditableTableExpose } from './interface';
 import { Recordable } from '../type';
-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;
@@ -39,9 +39,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,4 +1,4 @@
-import { defineComponent as q, useSlots as J, ref as y, watch as C, unref as r, openBlock as Q, createBlock as X, withCtx as h, createVNode as b, mergeProps as Y, createSlots as Z, renderList as M, renderSlot as ee, normalizeProps as te, guardReactiveProps as ae } from "vue";
+import { defineComponent as q, useSlots as J, ref as y, watch as C, unref as r, createBlock as Q, openBlock as X, withCtx as h, createVNode as b, mergeProps as Y, createSlots as Z, renderList as M, renderSlot as ee, normalizeProps as te, guardReactiveProps as ae } from "vue";
 import { Table as ne } from "@aplus-frontend/antdv";
 import { ApForm as x } from "../ap-form/index.mjs";
 import { isEqual as oe, isArray as v, isUndefined as le, isNumber as g, cloneDeep as ue, omit as R } from "lodash-unified";
@@ -230,7 +230,7 @@ const Fe = /* @__PURE__ */ q({
       clear: $,
       setTableData: U,
       removeByKey: j
-    }), (e, t) => (Q(), X(r(x), {
+    }), (e, t) => (X(), Q(r(x), {
       ref_key: "formRef",
       ref: i,
       "initial-values": {

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 d, createBlock as m, 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 d, openBlock as m, 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";
@@ -44,12 +44,12 @@ const H = /* @__PURE__ */ R({
       enter: r,
       exit: s,
       toggle: c
-    }), (e, o) => (d(), m(a(B), {
+    }), (e, o) => (m(), d(a(B), {
       to: e.to,
       disabled: l.value !== "window"
     }, {
       default: v(() => [
-        (d(), m(z(e.wrapperElementName), C({
+        (m(), d(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)]),

package/es/src/scroll-view/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { ScrollOptions, ScrollViewProps } from './interface';
-import { ScrollBarDirection, InternalScrollBarProps, ColorType } from '../scroll-bar';
+import { ScrollBarDirection, InternalScrollBarProps } from '../scroll-bar';
 import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ComputedRef } from 'vue';
 declare function scroll(x?: number, y?: number): void;
 declare function scrollTo({ smooth, left, top }: ScrollOptions): void;
@@ -106,8 +106,8 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: ColorType;
-        trackColor?: ColorType;
+        barColor?: import("csstype").Property.BackgroundColor | undefined;
+        trackColor?: import("csstype").Property.BackgroundColor | undefined;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;
@@ -118,8 +118,8 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: ColorType;
-        trackColor?: ColorType;
+        barColor?: import("csstype").Property.BackgroundColor | undefined;
+        trackColor?: import("csstype").Property.BackgroundColor | undefined;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;

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

@@ -1,4 +1,4 @@
-import { defineComponent as fe, ref as ue, reactive as he, computed as v, unref as l, watchEffect as _, watch as pe, openBlock as P, createElementBlock as ye, normalizeClass as B, normalizeStyle as M, withModifiers as A, createElementVNode as z, renderSlot as me, createBlock as L, mergeProps as O, createCommentVNode as T } from "vue";
+import { defineComponent as fe, ref as ue, reactive as he, computed as v, unref as l, watchEffect as _, watch as pe, createElementBlock as ye, openBlock as P, withModifiers as M, normalizeStyle as A, normalizeClass as B, createElementVNode as z, renderSlot as me, createBlock as L, createCommentVNode as O, mergeProps as T } from "vue";
 import "../config-provider/index.mjs";
 import "../scroll-bar/index.mjs";
 import { isDef as f } from "../utils/index.mjs";
@@ -206,10 +206,10 @@ const Ye = /* @__PURE__ */ fe({
       ref_key: "containerRef",
       ref: s,
       class: B(l(J)()),
-      style: M(oe.value),
+      style: A(oe.value),
       onWheel: [
-        A(ae, ["exact"]),
-        A(le, ["shift"])
+        M(ae, ["exact"]),
+        M(le, ["shift"])
       ]
     }, [
       z("div", {
@@ -221,21 +221,21 @@ const Ye = /* @__PURE__ */ fe({
       ], 2),
       z("div", {
         class: B([l(w)("bar-wrapper"), l(W)("bar-wrapper", "vertical")]),
-        style: M(`height: calc(100% - ${m.value ? t.xBarProps.trackWidth || 10 : 0}px)`)
+        style: A(`height: calc(100% - ${m.value ? t.xBarProps.trackWidth || 10 : 0}px)`)
       }, [
-        x.value ? (P(), L(l(H), O({
+        x.value ? (P(), L(l(H), T({
           key: 0,
           ref_key: "yBarRef",
           ref: Q
         }, t.yBarProps, {
           "bar-length": c.y,
           onScroll: e[0] || (e[0] = (a) => X(a, "vertical"))
-        }), null, 16, ["bar-length"])) : T("", !0)
+        }), null, 16, ["bar-length"])) : O("", !0)
       ], 6),
       z("div", {
         class: B([l(w)("bar-wrapper"), l(W)("bar-wrapper", "horizontal")])
       }, [
-        m.value ? (P(), L(l(H), O({
+        m.value ? (P(), L(l(H), T({
           key: 0,
           ref_key: "xBarRef",
           ref: K
@@ -243,7 +243,7 @@ const Ye = /* @__PURE__ */ fe({
           direction: "horizontal",
           "bar-length": c.x,
           onScroll: e[1] || (e[1] = (a) => X(a, "horizontal"))
-        }), null, 16, ["bar-length"])) : T("", !0)
+        }), null, 16, ["bar-length"])) : O("", !0)
       ], 2)
     ], 38));
   }

package/es/src/splitter/Panel.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as r, openBlock as i, createElementBlock as p, normalizeClass as m, unref as s, normalizeStyle as c, renderSlot as u } from "vue";
+import { defineComponent as n, computed as r, createElementBlock as i, openBlock as p, normalizeStyle as m, normalizeClass as c, unref as s, renderSlot as u } from "vue";
 import "../config-provider/index.mjs";
 import { useNamespace as d } from "../config-provider/hooks/use-namespace.mjs";
 const B = /* @__PURE__ */ n({
@@ -23,9 +23,9 @@ const B = /* @__PURE__ */ n({
         flexGrow: e ? 0 : 1
       };
     });
-    return (e, f) => (i(), p("div", {
-      class: m([s(l)(), { [s(l)("hidden")]: e.size === 0 }, e.className]),
-      style: c(o.value)
+    return (e, f) => (p(), i("div", {
+      class: c([s(l)(), { [s(l)("hidden")]: e.size === 0 }, e.className]),
+      style: m(o.value)
     }, [
       u(e.$slots, "default")
     ], 6));