@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.30

package/es/src/pro-table/pro-table.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     resizeHeightOffset: number;
     rowKey: string;
     divideSpace: string;
+    pagination: null;
 }>, {
     reload: (opt?: FetchParams | undefined) => Promise< Recordable<any>[] | undefined>;
     setSelectedRows: (rows: Recordable<any>[]) => void;
@@ -96,6 +97,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     resizeHeightOffset: number;
     rowKey: string;
     divideSpace: string;
+    pagination: null;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onRegister?: ((...args: any[]) => any) | undefined;
@@ -114,6 +116,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onRow-mouseleave"?: ((...args: any[]) => any) | undefined;
     "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    pagination: boolean | PaginationProps | null;
     immediate: boolean;
     columns: BasicColumn[];
     ellipsis: boolean;

package/es/src/pro-table/pro-table.vue.mjs

@@ -1,32 +1,31 @@
 import { defineComponent as Je, useAttrs as Qe, useSlots as Ue, ref as d, computed as p, unref as e, inject as Xe, watchEffect as Ye, toRaw as O, openBlock as V, createElementBlock as L, normalizeClass as W, normalizeStyle as Ze, createVNode as D, mergeProps as j, createSlots as M, renderList as G, withCtx as S, renderSlot as C, normalizeProps as y, guardReactiveProps as b, createCommentVNode as et, withDirectives as tt, vShow as ot } from "vue";
 import { Table as at } from "ant-design-vue";
-import { isString as nt, omit as rt, isFunction as lt } from "lodash-unified";
-import "@ant-design/icons-vue";
+import "../pro-form/index.mjs";
+import "./components/header-cell.vue.mjs";
+import { usePagination as nt } from "./hooks/use-pagination.mjs";
+import { useColumns as lt } from "./hooks/use-columns.mjs";
+import { useDataSource as rt } from "./hooks/use-data-source.mjs";
+import { useLoading as st } from "./hooks/use-loading.mjs";
+import { useRowSelection as it } from "./hooks/use-row-selection.mjs";
+import { useTableScroll as ct } from "./hooks/use-table-scroll.mjs";
+import { useTableScrollTo as ut } from "./hooks/use-scroll-to.mjs";
+import { useCustomRow as mt } from "./hooks/use-custom-row.mjs";
+import { useTableStyle as dt } from "./hooks/use-table-style.mjs";
+import { useTableHeader as pt } from "./hooks/use-table-header.mjs";
+import { useTableExpand as ft } from "./hooks/use-table-expand.mjs";
+import { createTableContext as gt } from "./hooks/use-table-context.mjs";
+import { useTableFooter as ht } from "./hooks/use-table-footer.mjs";
+import { useTableForm as St } from "./hooks/use-table-form.mjs";
 import "../config-provider/index.mjs";
-import "@fruits-chain/utils";
-import "@aplus-frontend/hooks";
-import st from "../pro-form/pro-form.vue.mjs";
-import { useForm as it } from "../pro-form/hooks/use-form.mjs";
-import ct from "./components/header-cell.vue.mjs";
-import { usePagination as mt } from "./hooks/use-pagination.mjs";
-import { useColumns as ut } from "./hooks/use-columns.mjs";
-import { useDataSource as dt } from "./hooks/use-data-source.mjs";
-import { useLoading as pt } from "./hooks/use-loading.mjs";
-import { useRowSelection as ft } from "./hooks/use-row-selection.mjs";
-import { useTableScroll as gt } from "./hooks/use-table-scroll.mjs";
-import { useTableScrollTo as ht } from "./hooks/use-scroll-to.mjs";
-import { useCustomRow as St } from "./hooks/use-custom-row.mjs";
-import { useTableStyle as Ct } from "./hooks/use-table-style.mjs";
-import { useTableHeader as yt } from "./hooks/use-table-header.mjs";
-import { useTableExpand as bt } from "./hooks/use-table-expand.mjs";
-import { createTableContext as wt } from "./hooks/use-table-context.mjs";
-import { useTableFooter as Rt } from "./hooks/use-table-footer.mjs";
-import { useTableForm as Ft } from "./hooks/use-table-form.mjs";
+import { isString as Ct, isFunction as yt, omit as bt } from "lodash-unified";
 import "./style/pro-table.css";
-import { formTableDivideSpaceMap as Tt } from "./const.mjs";
-import { useGlobalConfig as Bt } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as vt } from "../config-provider/hooks/use-namespace.mjs";
-const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
+import { formTableDivideSpaceMap as wt } from "./const.mjs";
+import { useGlobalConfig as Rt } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as Ft } from "../config-provider/hooks/use-namespace.mjs";
+import { useForm as Tt } from "../pro-form/hooks/use-form.mjs";
+import Bt from "../pro-form/pro-form.vue.mjs";
+import vt from "./components/header-cell.vue2.mjs";
+const Pt = "PageWrapperFixedHeight", oo = /* @__PURE__ */ Je({
   name: "BasicTable",
   __name: "pro-table",
   props: {
@@ -72,7 +71,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
     dataSource: {},
     rowKey: { default: "" },
     bordered: { type: Boolean },
-    pagination: { type: [Object, Boolean] },
+    pagination: { type: [Object, Boolean, null], default: null },
     loading: { type: Boolean },
     rowClassName: {},
     scroll: {},
@@ -99,42 +98,42 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
     "columns-change"
   ],
   setup(q, { expose: J, emit: Q }) {
-    const f = Bt().value.table, r = q, l = Q, z = Qe(), x = Ue(), s = d(null), w = d([]), R = d(null), K = d(null), F = d(), { b: i, m: U } = vt("pro-table"), [X, k] = it(), T = p(() => nt(r.divideSpace) ? Tt[r.divideSpace] : r.divideSpace), a = p(() => ({
-      ...r,
-      sortFn: r.sortFn || f.defaultSortFn,
-      filterFn: r.filterFn || f.defaultFilterFn,
-      fetchSetting: r.fetchSetting || f.fetchSetting,
-      size: r.size || f.defaultSize,
+    const f = Rt().value.table, l = q, r = Q, z = Qe(), x = Ue(), s = d(null), w = d([]), R = d(null), K = d(null), F = d(), { b: i, m: U } = Ft("pro-table"), [X, k] = Tt(), T = p(() => Ct(l.divideSpace) ? wt[l.divideSpace] : l.divideSpace), a = p(() => ({
+      ...l,
+      sortFn: l.sortFn || f.defaultSortFn,
+      filterFn: l.filterFn || f.defaultFilterFn,
+      fetchSetting: l.fetchSetting || f.fetchSetting,
+      size: l.size || f.defaultSize,
       ...e(F)
     })), Y = Xe(Pt, !1);
     Ye(() => {
-      e(Y) && r.canResize && console.warn(
+      e(Y) && l.canResize && console.warn(
         "'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)"
       );
     });
-    const { getLoading: E, setLoading: H } = pt(a), {
+    const { getLoading: E, setLoading: H } = st(a), {
       getPaginationInfo: B,
       getPagination: Z,
       setPagination: _,
       setShowPagination: ee,
       getShowPagination: te
-    } = mt(a), {
+    } = nt(a), {
       getRowSelection: oe,
       getRowSelectionRef: A,
       getSelectRows: ae,
       setSelectedRows: ne,
       clearSelectedRowKeys: g,
       getSelectRowKeys: v,
-      deleteSelectRowByKey: re,
+      deleteSelectRowByKey: le,
       setSelectedRowKeys: I
-    } = ft(a, w, l), {
-      handleTableChange: le,
+    } = it(a, w, r), {
+      handleTableChange: re,
       getDataSourceRef: c,
       getDataSource: se,
       getRawDataSource: ie,
       setTableData: ce,
-      updateTableDataRecord: me,
-      deleteTableDataRecord: ue,
+      updateTableDataRecord: ue,
+      deleteTableDataRecord: me,
       insertTableDataRecord: de,
       findTableDataRecord: pe,
       fetch: fe,
@@ -142,7 +141,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       reload: he,
       getAutoCreateKey: Se,
       updateTableData: Ce
-    } = dt(
+    } = rt(
       a,
       {
         tableData: w,
@@ -152,12 +151,12 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
         getFieldsValue: k.getFieldsValue,
         clearSelectedRowKeys: g
       },
-      l
+      r
     );
-    function ye(t, n, o, u) {
-      le(t, n, o), l("change", t, n, o);
+    function ye(t, n, o, m) {
+      re(t, n, o), r("change", t, n, o);
       const { onChange: P } = e(a);
-      P && lt(P) && P(t, n, o, u);
+      P && yt(P) && P(t, n, o, m);
     }
     const {
       getViewColumns: be,
@@ -168,7 +167,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       setColumns: Be,
       getColumnsRef: ve,
       getCacheColumns: Pe
-    } = ut(a, B), { getScrollRef: N, redoHeight: $ } = gt(
+    } = lt(a, B), { getScrollRef: N, redoHeight: $ } = ct(
       a,
       s,
       ve,
@@ -176,28 +175,28 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       c,
       R,
       K
-    ), { scrollTo: De } = ht(s, c), { customRow: ze } = St(a, {
+    ), { scrollTo: De } = ut(s, c), { customRow: ze } = mt(a, {
       setSelectedRowKeys: I,
       getSelectRowKeys: v,
       clearSelectedRowKeys: g,
       getAutoCreateKey: Se,
-      emit: l
-    }), { getRowClassName: xe } = Ct(a, i()), {
+      emit: r
+    }), { getRowClassName: xe } = dt(a, i()), {
       getExpandOption: Ke,
       expandAll: ke,
       expandRows: Ee,
       collapseRows: He,
       collapseAll: _e,
       handleTableExpand: Ae
-    } = bt(a, w, l), Ie = {
+    } = ft(a, w, r), Ie = {
       onColumnsChange: (t) => {
         var n, o;
-        l("columns-change", t), (o = (n = e(a)).onColumnsChange) == null || o.call(n, t);
+        r("columns-change", t), (o = (n = e(a)).onColumnsChange) == null || o.call(n, t);
       }
     }, Ne = {
       clearSelectedRowKeys: g,
       getSelectRowKeys: v
-    }, { getHeaderProps: $e } = yt(a, x, Ie, Ne), { getFooterProps: Oe } = Rt(
+    }, { getHeaderProps: $e } = pt(a, x, Ie, Ne), { getFooterProps: Oe } = ht(
       a,
       N,
       s,
@@ -207,7 +206,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       replaceFormSlotKey: Le,
       getFormSlotKeys: We,
       handleSearchInfoChange: je
-    } = Ft(a, x, fe, E), m = p(() => {
+    } = St(a, x, fe, E), u = p(() => {
       const t = e(c);
       let n = {
         ...z,
@@ -225,9 +224,9 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
         footer: e(Oe),
         ...e(Ke)
       };
-      return n = rt(n, ["class", "style", "onChange"]), n;
+      return n = bt(n, ["class", "style", "onChange"]), n;
     }), Me = p(() => {
-      const t = e(m);
+      const t = e(u);
       return [
         i(),
         z.class,
@@ -249,11 +248,11 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       setSelectedRows: ne,
       clearSelectedRowKeys: g,
       getSelectRowKeys: v,
-      deleteSelectRowByKey: re,
+      deleteSelectRowByKey: le,
       setPagination: _,
       setTableData: ce,
-      updateTableDataRecord: me,
-      deleteTableDataRecord: ue,
+      updateTableDataRecord: ue,
+      deleteTableDataRecord: me,
       insertTableDataRecord: de,
       findTableDataRecord: pe,
       redoHeight: $,
@@ -267,7 +266,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       getPaginationRef: Z,
       getColumns: we,
       getCacheColumns: Pe,
-      emit: l,
+      emit: r,
       updateTableData: Ce,
       setShowPagination: ee,
       getShowPagination: te,
@@ -277,15 +276,15 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       expandRows: Ee,
       collapseRows: He,
       scrollTo: De,
-      getSize: () => e(m).size,
+      getSize: () => e(u).size,
       setCacheColumns: Fe
     };
-    return wt({ ...h, wrapRef: R, getBindValues: m }), l("register", h, k), J({ tableElRef: s, ...h }), (t, n) => (V(), L("div", {
+    return gt({ ...h, wrapRef: R, getBindValues: u }), r("register", h, k), J({ tableElRef: s, ...h }), (t, n) => (V(), L("div", {
       ref_key: "wrapRef",
       ref: R,
       class: W(Me.value)
     }, [
-      m.value.useSearchForm ? (V(), L("div", {
+      u.value.useSearchForm ? (V(), L("div", {
         key: 0,
         class: W([
           e(i)("form-container"),
@@ -293,7 +292,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
         ]),
         style: Ze({ marginBottom: T.value + "px" })
       }, [
-        D(e(st), j({
+        D(e(Bt), j({
           ref_key: "formRef",
           ref: K,
           submitOnReset: ""
@@ -305,8 +304,8 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
         }), M({ _: 2 }, [
           G(e(We), (o) => ({
             name: e(Le)(o),
-            fn: S((u) => [
-              C(t.$slots, o, y(b(u || {})))
+            fn: S((m) => [
+              C(t.$slots, o, y(b(m || {})))
             ])
           }))
         ]), 1040, ["onRegister", "onSubmit", "onAdvancedChange"])
@@ -314,7 +313,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       tt(D(e(at), j({
         ref_key: "tableElRef",
         ref: s
-      }, m.value, {
+      }, u.value, {
         rowClassName: e(xe),
         onChange: ye,
         onResizeColumn: e(Te),
@@ -322,7 +321,7 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       }), M({
         headerCell: S(({ column: o }) => [
           C(t.$slots, "headerCell", y(b({ column: o })), () => [
-            D(ct, { column: o }, null, 8, ["column"])
+            D(vt, { column: o }, null, 8, ["column"])
           ])
         ]),
         bodyCell: S((o) => [
@@ -332,8 +331,8 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
       }, [
         G(Object.keys(t.$slots), (o) => ({
           name: o,
-          fn: S((u) => [
-            C(t.$slots, o, y(b(u || {})))
+          fn: S((m) => [
+            C(t.$slots, o, y(b(m || {})))
           ])
         }))
       ]), 1040, ["rowClassName", "onResizeColumn", "onExpand"]), [
@@ -343,5 +342,5 @@ const Pt = "PageWrapperFixedHeight", ao = /* @__PURE__ */ Je({
   }
 });
 export {
-  ao as default
+  oo as default
 };

package/es/src/pro-table/types/pagination.mjs

@@ -0,0 +1 @@
+

package/es/src/pro-table/types/table-action.mjs

@@ -0,0 +1 @@
+

package/es/src/pro-table/types/table.mjs

@@ -0,0 +1 @@
+

package/es/src/prompt/dialog.vue.mjs

@@ -1,63 +1,4 @@
-import { defineComponent as f, ref as l, openBlock as h, createBlock as w, unref as o, withCtx as x, createElementVNode as g, normalizeClass as v, createVNode as y } from "vue";
-import { Modal as k } from "ant-design-vue";
-import "lodash-unified";
-import "@ant-design/icons-vue";
-import "../config-provider/index.mjs";
-import "@fruits-chain/utils";
-import "@aplus-frontend/hooks";
-import T from "../pro-form/pro-form.vue.mjs";
-import { useForm as O } from "../pro-form/hooks/use-form.mjs";
-import "./style/dialog.css";
-import { useLocale as _ } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as b } from "../config-provider/hooks/use-namespace.mjs";
-const E = /* @__PURE__ */ f({
-  __name: "dialog",
-  props: {
-    title: {},
-    addFormSchemas: {},
-    onOK: { type: Function },
-    width: {},
-    labelWidth: {},
-    layout: {}
-  },
-  setup(m) {
-    const t = m, a = l(!0), n = l(!1), { t: i } = _(), { e: s } = b("prompt-dialog"), [c, { validate: p }] = O({
-      schemas: t.addFormSchemas,
-      showActionButtonGroup: !1,
-      labelWidth: t.labelWidth || 80,
-      layout: t.layout || "horizontal"
-    });
-    async function d() {
-      n.value = !0;
-      try {
-        const e = await p();
-        t.onOK && await t.onOK(e.txt), a.value = !1;
-      } finally {
-        n.value = !1;
-      }
-    }
-    return (e, r) => (h(), w(o(k), {
-      open: a.value,
-      "onUpdate:open": r[0] || (r[0] = (u) => a.value = u),
-      title: e.title,
-      onOk: d,
-      confirmLoading: n.value,
-      destroyOnClose: !0,
-      width: e.width || "500px",
-      okText: o(i)("ap.common.okText"),
-      cancelText: o(i)("ap.common.cancelText")
-    }, {
-      default: x(() => [
-        g("div", {
-          class: v(o(s)("content"))
-        }, [
-          y(o(T), { onRegister: o(c) }, null, 8, ["onRegister"])
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["open", "title", "confirmLoading", "width", "okText", "cancelText"]));
-  }
-});
+import f from "./dialog.vue2.mjs";
 export {
-  E as default
+  f as default
 };

package/es/src/prompt/dialog.vue2.mjs

@@ -1,4 +1,60 @@
-import f from "./dialog.vue.mjs";
+import { defineComponent as f, ref as l, openBlock as h, createBlock as w, unref as o, withCtx as x, createElementVNode as g, normalizeClass as v, createVNode as y } from "vue";
+import { Modal as k } from "ant-design-vue";
+import "../pro-form/index.mjs";
+import "../config-provider/index.mjs";
+import "./style/dialog.css";
+import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as O } from "../config-provider/hooks/use-namespace.mjs";
+import { useForm as _ } from "../pro-form/hooks/use-form.mjs";
+import b from "../pro-form/pro-form.vue.mjs";
+const R = /* @__PURE__ */ f({
+  __name: "dialog",
+  props: {
+    title: {},
+    addFormSchemas: {},
+    onOK: { type: Function },
+    width: {},
+    labelWidth: {},
+    layout: {}
+  },
+  setup(m) {
+    const e = m, a = l(!0), n = l(!1), { t: i } = T(), { e: s } = O("prompt-dialog"), [c, { validate: p }] = _({
+      schemas: e.addFormSchemas,
+      showActionButtonGroup: !1,
+      labelWidth: e.labelWidth || 80,
+      layout: e.layout || "horizontal"
+    });
+    async function d() {
+      n.value = !0;
+      try {
+        const t = await p();
+        e.onOK && await e.onOK(t.txt), a.value = !1;
+      } finally {
+        n.value = !1;
+      }
+    }
+    return (t, r) => (h(), w(o(k), {
+      open: a.value,
+      "onUpdate:open": r[0] || (r[0] = (u) => a.value = u),
+      title: t.title,
+      onOk: d,
+      confirmLoading: n.value,
+      destroyOnClose: !0,
+      width: t.width || "500px",
+      okText: o(i)("ap.common.okText"),
+      cancelText: o(i)("ap.common.cancelText")
+    }, {
+      default: x(() => [
+        g("div", {
+          class: v(o(s)("content"))
+        }, [
+          y(o(b), { onRegister: o(c) }, null, 8, ["onRegister"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["open", "title", "confirmLoading", "width", "okText", "cancelText"]));
+  }
+});
 export {
-  f as default
+  R as default
 };

package/es/src/prompt/index.mjs

@@ -1,11 +1,12 @@
-import { reactive as a, defineComponent as o, h as d, createVNode as i, render as u } from "vue";
-import { genFormSchemas as c } from "./utils.mjs";
-import m from "./dialog.vue.mjs";
-function g(r) {
+import { reactive as a, defineComponent as o, h as i, createVNode as d, render as u } from "vue";
+import { genFormSchemas as m } from "./utils.mjs";
+import "./dialog.vue.mjs";
+import c from "./dialog.vue2.mjs";
+function N(r) {
   let e = null;
   const t = a({
     ...r,
-    addFormSchemas: c({
+    addFormSchemas: m({
       label: r.label,
       required: r.required,
       inputType: r.inputType,
@@ -13,10 +14,10 @@ function g(r) {
     })
   }), n = o({
     render() {
-      return d(m, { ...t });
+      return i(c, { ...t });
     }
   });
-  e = i(n), u(e, document.createElement("div"));
+  e = d(n), u(e, document.createElement("div"));
   function l() {
     e != null && e.el && e.el.parentNode && e.el.parentNode.removeChild(e.el);
   }
@@ -29,5 +30,5 @@ function g(r) {
   };
 }
 export {
-  g as createPrompt
+  N as createPrompt
 };

package/es/src/prompt/utils.d.ts

@@ -1,5 +1,5 @@
-import { FormSchema } from '../pro-form';
-
+import { ComponentFormSchema } from '../pro-form';
+import { ComponentProps } from '../pro-form/types';
 type InputType = 'InputTextArea' | 'InputNumber' | 'Input';
 interface GenFormSchemasOptions {
     label?: string;
@@ -7,5 +7,5 @@ interface GenFormSchemasOptions {
     inputType?: InputType;
     defaultValue?: string | number;
 }
-export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): FormSchema[];
+export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): ComponentFormSchema<keyof ComponentProps, {}>[];
 export {};

package/es/src/scroll-bar/bar-item.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as S, getCurrentInstance as k, ref as m, inject as H, computed as M, onUnmounted as R, h as b } from "vue";
-import { off as h, on as P } from "@aplus-frontend/utils";
+import { on as h, off as P } from "@aplus-frontend/utils";
 import { BAR_MAP as T, renderThumbStyle as x } from "./utils.mjs";
 import "./style/bar-item.css";
 import "../config-provider/index.mjs";
@@ -25,7 +25,7 @@ const { e: w, is: A } = y("scrollbar"), _ = S({
       ), i = r.value[e.value.offset] / 2, v = (l - i) * 100 / ((u = o == null ? void 0 : o.vnode.el) == null ? void 0 : u[e.value.offset]);
       n.value[e.value.scroll] = v * n.value[e.value.scrollSize] / 100;
     }, C = (t) => {
-      t.stopImmediatePropagation(), c.value = !0, P(document, "mousemove", f), P(document, "mouseup", d), document.onselectstart = () => !1;
+      t.stopImmediatePropagation(), c.value = !0, h(document, "mousemove", f), h(document, "mouseup", d), document.onselectstart = () => !1;
     }, f = (t) => {
       var g, p;
       if (c.value === !1)
@@ -37,10 +37,10 @@ const { e: w, is: A } = y("scrollbar"), _ = S({
       n.value[e.value.scroll] = u * n.value[e.value.scrollSize] / 100;
     };
     function d() {
-      c.value = !1, s.value[e.value.axis] = 0, h(document, "mousemove", f), document.onselectstart = null;
+      c.value = !1, s.value[e.value.axis] = 0, P(document, "mousemove", f), document.onselectstart = null;
     }
     return R(() => {
-      h(document, "mouseup", d);
+      P(document, "mouseup", d);
     }), () => b(
       "div",
       {

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

@@ -1,6 +1,8 @@
-import o from "./scroll-bar.vue.mjs";
-import { withInstall as r } from "@aplus-frontend/utils";
-const l = r(o);
+import "./scroll-bar.vue.mjs";
+import { withInstall as o } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import r from "./scroll-bar.vue2.mjs";
+const l = o(r);
 export {
   l as Scrollbar,
   l as default

package/es/src/scroll-bar/interface.mjs

@@ -0,0 +1 @@
+

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

@@ -1,86 +1,4 @@
-import { defineComponent as W, computed as V, ref as a, provide as _, watch as P, onMounted as R, nextTick as T, unref as e, onBeforeUnmount as A, openBlock as c, createElementBlock as w, normalizeClass as u, createElementVNode as D, normalizeStyle as z, createBlock as F, resolveDynamicComponent as G, withCtx as M, renderSlot as U, Fragment as X, createVNode as g, createCommentVNode as Y } from "vue";
-import { addResizeListener as y, removeResizeListener as C } from "@aplus-frontend/utils";
-import b from "./bar-item.mjs";
-import "./style/index.css";
-import "../config-provider/index.mjs";
-import { useGlobalConfig as $ } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
-const x = /* @__PURE__ */ W({
-  name: "ApScrollbar",
-  __name: "scroll-bar",
-  props: {
-    native: { type: Boolean },
-    wrapStyle: { default: "" },
-    wrapClass: { default: "" },
-    viewClass: { default: "" },
-    viewStyle: { default: "" },
-    noresize: { type: Boolean },
-    tag: { default: "div" },
-    scrollHeight: { default: 0 }
-  },
-  setup(S, { expose: k }) {
-    var h;
-    const B = $(), s = S, H = !!((h = B.value.scrollbar) != null && h.native), r = V(() => s.native || H), v = a("0"), m = a("0"), d = a(0), f = a(0), t = a(), i = a(), { b: N, e: p, em: L } = j("scrollbar");
-    _("scroll-bar-wrap", t);
-    const E = () => {
-      r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
-    }, o = () => {
-      if (!e(t))
-        return;
-      const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
-      m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
-    };
-    return P(
-      () => s.scrollHeight,
-      () => {
-        r.value || o();
-      }
-    ), k({
-      wrap: t
-    }), R(() => {
-      r.value || (T(o), s.noresize || (y(e(i), o), y(e(t), o), addEventListener("resize", o)));
-    }), A(() => {
-      r.value || s.noresize || (C(e(i), o), C(e(t), o), removeEventListener("resize", o));
-    }), (l, n) => (c(), w("div", {
-      class: u(e(N)())
-    }, [
-      D("div", {
-        ref_key: "wrap",
-        ref: t,
-        class: u([
-          l.wrapClass,
-          e(p)("wrap"),
-          r.value ? "" : e(L)("wrap", "hidden-default")
-        ]),
-        style: z(l.wrapStyle),
-        onScroll: E
-      }, [
-        (c(), F(G(l.tag), {
-          ref_key: "resize",
-          ref: i,
-          class: u([e(p)("view"), l.viewClass]),
-          style: z(l.viewStyle)
-        }, {
-          default: M(() => [
-            U(l.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class", "style"]))
-      ], 38),
-      r.value ? Y("", !0) : (c(), w(X, { key: 0 }, [
-        g(e(b), {
-          move: d.value,
-          size: v.value
-        }, null, 8, ["move", "size"]),
-        g(e(b), {
-          vertical: "",
-          move: f.value,
-          size: m.value
-        }, null, 8, ["move", "size"])
-      ], 64))
-    ], 2));
-  }
-});
+import f from "./scroll-bar.vue2.mjs";
 export {
-  x as default
+  f as default
 };