@aplus-frontend/ui 0.2.4 → 0.2.6

package/es/index.mjs

@@ -1,16 +1,16 @@
-import * as o from "./src/index.mjs";
+import * as e from "./src/index.mjs";
 import { default as l } from "./src/path-map.mjs";
 import "./src/hooks/index.mjs";
 import { configProviderProps as d } from "./src/config-provider/config-provider-props.mjs";
 import { configProviderContextKey as u } from "./src/config-provider/constants.mjs";
 import { keysOf as i, provideGlobalConfig as n, useGlobalConfig as c } from "./src/config-provider/hooks/use-global-config.mjs";
 import { buildLocaleContext as b, buildTranslator as T, localeContextKey as I, translate as C, useLocale as g } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as h, namespaceContextKey as G, useGetDerivedNamespace as S, useNamespace as y } from "./src/config-provider/hooks/use-namespace.mjs";
+import { defaultNamespace as h, namespaceContextKey as S, useGetDerivedNamespace as G, useNamespace as y } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as L, globalConfigCached as M } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as k } from "./src/config-provider/index.mjs";
 import { ApFormItemText as R } from "./src/ap-form/items/text/index.mjs";
-import { default as E } from "./src/ap-form/items/text-area/index.vue.mjs";
-import { default as B } from "./src/ap-form/items/number/index.vue.mjs";
+import { default as B } from "./src/ap-form/items/text-area/index.vue.mjs";
+import { default as K } from "./src/ap-form/items/number/index.vue.mjs";
 import { default as W } from "./src/ap-form/items/date/index.vue.mjs";
 import { default as U } from "./src/ap-form/items/date-range/index.vue.mjs";
 import { default as $ } from "./src/ap-form/items/radio/index.vue.mjs";
@@ -18,60 +18,60 @@ import { default as q } from "./src/ap-form/items/select/index.vue.mjs";
 import { default as J } from "./src/ap-form/items/switch/index.vue.mjs";
 import { default as X } from "./src/ap-form/items/checkbox/index.vue.mjs";
 import { default as Z } from "./src/ap-form/items/text/password.vue.mjs";
-import { ApForm as ee } from "./src/ap-form/index.mjs";
-import { default as re } from "./src/ap-form/item/index.vue.mjs";
-import { default as pe } from "./src/ap-form/item-group/index.vue.mjs";
-import { default as fe } from "./src/ap-form/list/index.vue.mjs";
-import { default as le } from "./src/ap-form/search-form/index.vue.mjs";
-import { default as de } from "./src/ap-form/modal-form/index.vue.mjs";
-import { default as ue } from "./src/ap-form/dependency/index.vue.mjs";
-import { default as ie } from "./src/ap-form/set/index.vue.mjs";
-import { default as ce } from "./src/ap-form/drawer-form/index.vue.mjs";
-import { ApField as be } from "./src/ap-field/index.mjs";
-import { ApFieldText as Ie } from "./src/ap-field/text/index.mjs";
-import { default as ge } from "./src/ap-field/checkbox/index.vue.mjs";
-import { default as he } from "./src/ap-field/date/index.vue.mjs";
-import { default as Se } from "./src/ap-field/number/index.vue.mjs";
-import { default as Ne } from "./src/ap-field/radio/index.vue.mjs";
-import { default as Me } from "./src/ap-field/switch/index.vue.mjs";
-import { default as ke } from "./src/ap-field/text-area/index.vue.mjs";
-import { default as Re } from "./src/ap-field/date-range/index.vue.mjs";
-import { default as Ee } from "./src/ap-field/select/index.vue.mjs";
-import { default as Be } from "./src/ap-field/text/password.vue.mjs";
-import { default as We } from "./src/ap-field/slider/index.vue.mjs";
-import { default as Ue } from "./src/ap-field/segmented/index.vue.mjs";
-import { default as $e } from "./src/ap-field/rate/index.vue.mjs";
-import { adminToken as qe, aplusToken as ze } from "./src/design-token/index.mjs";
-import { ApActionItem as Qe } from "./src/ap-action/index.mjs";
-import { default as Ye } from "./src/ap-action/item-modal/index.vue.mjs";
-import { default as _e } from "./src/ap-action/item-popconfirm/index.vue.mjs";
-import { default as oo } from "./src/ap-action/item-dropdown/index.vue.mjs";
-import { default as to } from "./src/ap-action/group/index.vue.mjs";
-import { DictCode as ao, langMap as fo } from "./src/work-order-modal/interfaces.mjs";
-import { createWorkOrderModal as lo } from "./src/work-order-modal/createWorkOrder.mjs";
-import { default as so } from "./src/work-order-modal/work-order-modal.vue.mjs";
-import { default as Ao } from "./src/ap-tag/ap-tag.vue.mjs";
-import { default as no } from "./src/ap-tag/ap-tag-group.vue.mjs";
-import { default as Fo } from "./src/ap-info-layout/ApInfoLayout.vue.mjs";
-import { NeedNameKeyDefault as To } from "./src/ap-upload/apUploadTypes.mjs";
-import { default as Co } from "./src/ap-upload/apUpload.vue.mjs";
-import { ApDownLoadNeedNameKeyDefault as Do } from "./src/ap-download/interface.mjs";
-import { default as Go } from "./src/ap-download/ap-download.vue.mjs";
-import { CheckCard as yo } from "./src/check-card/index.mjs";
-import { default as Lo } from "./src/check-card/group.vue.mjs";
-import { ApModal as Po } from "./src/ap-modal/index.mjs";
-import { default as wo } from "./src/ap-list/index.vue.mjs";
-import { default as vo } from "./src/ap-button/ap-button.vue.mjs";
-import { default as Ko } from "./src/ap-button/ap-action-button.vue.mjs";
-import { ApTransformDataHelper as Oo } from "./src/utils/ap-trans-data/index.mjs";
-import { default as Ho } from "./src/business/ap-table-modal/index.mjs";
-import { useTableModal as Vo } from "./src/business/ap-table-modal/hooks/use-table-modal.mjs";
-import { useTableSelectModal as jo } from "./src/business/ap-table-modal/hooks/use-table-select-modal.mjs";
-import { ApAttachment as zo } from "./src/business/ap-attachment/index.mjs";
-import { ApBatchAction as Qo } from "./src/business/ap-batch-action/index.mjs";
-import { ApBatchActionGroup as Yo } from "./src/business/ap-batch-action-group/index.mjs";
-import { ApButtonGroup as _o } from "./src/business/ap-button-group/index.mjs";
-import { ApCard as or } from "./src/business/ap-card/index.mjs";
+import { ApForm as oo } from "./src/ap-form/index.mjs";
+import { default as ro } from "./src/ap-form/item/index.vue.mjs";
+import { default as po } from "./src/ap-form/item-group/index.vue.mjs";
+import { default as fo } from "./src/ap-form/list/index.vue.mjs";
+import { default as lo } from "./src/ap-form/search-form/index.vue.mjs";
+import { default as so } from "./src/ap-form/modal-form/index.vue.mjs";
+import { default as Ao } from "./src/ap-form/dependency/index.vue.mjs";
+import { default as no } from "./src/ap-form/set/index.vue.mjs";
+import { default as Fo } from "./src/ap-form/drawer-form/index.vue.mjs";
+import { ApField as To } from "./src/ap-field/index.mjs";
+import { ApFieldText as Co } from "./src/ap-field/text/index.mjs";
+import { default as Do } from "./src/ap-field/checkbox/index.vue.mjs";
+import { default as So } from "./src/ap-field/date/index.vue.mjs";
+import { default as yo } from "./src/ap-field/number/index.vue.mjs";
+import { default as Lo } from "./src/ap-field/radio/index.vue.mjs";
+import { default as Po } from "./src/ap-field/switch/index.vue.mjs";
+import { default as wo } from "./src/ap-field/text-area/index.vue.mjs";
+import { default as vo } from "./src/ap-field/date-range/index.vue.mjs";
+import { default as Eo } from "./src/ap-field/select/index.vue.mjs";
+import { default as Oo } from "./src/ap-field/text/password.vue.mjs";
+import { default as Ho } from "./src/ap-field/slider/index.vue.mjs";
+import { default as Vo } from "./src/ap-field/segmented/index.vue.mjs";
+import { default as jo } from "./src/ap-field/rate/index.vue.mjs";
+import { adminToken as zo, aplusToken as Jo } from "./src/design-token/index.mjs";
+import { ApActionItem as Xo } from "./src/ap-action/index.mjs";
+import { default as Zo } from "./src/ap-action/item-modal/index.vue.mjs";
+import { default as oe } from "./src/ap-action/item-popconfirm/index.vue.mjs";
+import { default as re } from "./src/ap-action/item-dropdown/index.vue.mjs";
+import { default as pe } from "./src/ap-action/group/index.vue.mjs";
+import { DictCode as fe, langMap as me } from "./src/work-order-modal/interfaces.mjs";
+import { createWorkOrderModal as xe } from "./src/work-order-modal/createWorkOrder.mjs";
+import { default as se } from "./src/work-order-modal/work-order-modal.vue.mjs";
+import { default as Ae } from "./src/ap-tag/ap-tag.vue.mjs";
+import { default as ne } from "./src/ap-tag/ap-tag-group.vue.mjs";
+import { default as Fe } from "./src/ap-info-layout/ApInfoLayout.vue.mjs";
+import { NeedNameKeyDefault as Te } from "./src/ap-upload/apUploadTypes.mjs";
+import { default as Ce } from "./src/ap-upload/apUpload.vue.mjs";
+import { ApDownLoadNeedNameKeyDefault as De } from "./src/ap-download/interface.mjs";
+import { default as Se } from "./src/ap-download/ap-download.vue.mjs";
+import { CheckCard as ye } from "./src/check-card/index.mjs";
+import { default as Le } from "./src/check-card/group.vue.mjs";
+import { ApModal as Pe } from "./src/ap-modal/index.mjs";
+import { default as we } from "./src/ap-list/index.vue.mjs";
+import { default as ve } from "./src/ap-button/ap-button.vue.mjs";
+import { default as Ee } from "./src/ap-button/ap-action-button.vue.mjs";
+import { ApTransformDataHelper as Oe } from "./src/utils/ap-trans-data/index.mjs";
+import { default as He } from "./src/business/ap-table-modal/index.mjs";
+import { useTableModal as Ve } from "./src/business/ap-table-modal/hooks/use-table-modal.mjs";
+import { useTableSelectModal as je } from "./src/business/ap-table-modal/hooks/use-table-select-modal.mjs";
+import { ApAttachment as ze } from "./src/business/ap-attachment/index.mjs";
+import { ApBatchAction as Qe } from "./src/business/ap-batch-action/index.mjs";
+import { ApBatchActionGroup as Ye } from "./src/business/ap-batch-action-group/index.mjs";
+import { ApButtonGroup as _e } from "./src/business/ap-button-group/index.mjs";
+import { ApCard as er } from "./src/business/ap-card/index.mjs";
 import { ApExpandAlert as tr } from "./src/business/ap-expand-alert/index.mjs";
 import { ApExportGroupActionType as ar } from "./src/business/ap-export-group/interface.mjs";
 import { ApExportGroup as mr } from "./src/business/ap-export-group/index.mjs";
@@ -82,12 +82,12 @@ import { ApLabel as nr, ApLabelGroup as cr } from "./src/business/ap-label/index
 import { locales as br } from "./src/business/ap-ladder/interface.mjs";
 import { ApLadder as Ir } from "./src/business/ap-ladder/index.mjs";
 import { ApSelectLayout as gr } from "./src/business/ap-select-layout/index.mjs";
-import { ApStatus as hr, ApStatusGroup as Gr } from "./src/business/ap-status/index.mjs";
+import { ApStatus as hr, ApStatusGroup as Sr } from "./src/business/ap-status/index.mjs";
 import { ApTitle as yr } from "./src/business/ap-title/index.mjs";
 import { usePageListApTable as Lr } from "./src/business/hooks/usePageListApTable.mjs";
 import { useTableRefresh as Pr } from "./src/business/hooks/useTableRefresh.mjs";
-import { computedRecords as wr, flattenColumns as Rr, formatDataIndex as vr, formatNumber as Er } from "./src/business/ap-summary/utils.mjs";
-import { ApSummary as Br } from "./src/business/ap-summary/index.mjs";
+import { computedRecords as wr, flattenColumns as Rr, formatDataIndex as vr, formatNumber as Br } from "./src/business/ap-summary/utils.mjs";
+import { ApSummary as Kr } from "./src/business/ap-summary/index.mjs";
 import { ApNeedNameKeyDefault as Wr } from "./src/business/ap-appendix/interface.mjs";
 import { ApAppendix as Ur } from "./src/business/ap-appendix/index.mjs";
 import { useTablePaging as $r } from "./src/ap-table/hooks/use-table-paging.mjs";
@@ -95,130 +95,132 @@ import { ApTable as qr } from "./src/ap-table/index.mjs";
 import { default as Jr } from "./src/editable-table/index.vue.mjs";
 import { default as Xr } from "./src/editable-table/form-item.vue.mjs";
 import { default as Zr } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
-import { useMessage as et } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as rt } from "./src/hooks/useControllableValue.mjs";
+import { ApScrollBar as ot } from "./src/ap-scroll-bar/index.mjs";
+import { useMessage as rt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as pt } from "./src/hooks/useControllableValue.mjs";
 const a = {
   install: (r) => {
-    for (const t in o) {
-      const e = o[t];
-      e.install && r.use(e);
+    for (const t in e) {
+      const o = e[t];
+      o.install && r.use(o);
     }
   }
 };
 export {
   k as APConfigProvider,
-  Ko as ApActionButton,
-  to as ApActionGroup,
-  Qe as ApActionItem,
-  oo as ApActionItemDropdown,
-  Ye as ApActionItemModal,
-  _e as ApActionItemPopconfirm,
+  Ee as ApActionButton,
+  pe as ApActionGroup,
+  Xo as ApActionItem,
+  re as ApActionItemDropdown,
+  Zo as ApActionItemModal,
+  oe as ApActionItemPopconfirm,
   Ur as ApAppendix,
-  zo as ApAttachment,
-  Qo as ApBatchAction,
-  Yo as ApBatchActionGroup,
-  vo as ApButton,
-  _o as ApButtonGroup,
-  or as ApCard,
+  ze as ApAttachment,
+  Qe as ApBatchAction,
+  Ye as ApBatchActionGroup,
+  ve as ApButton,
+  _e as ApButtonGroup,
+  er as ApCard,
   Zr as ApDescriptions,
-  Do as ApDownLoadNeedNameKeyDefault,
-  Go as ApDownload,
+  De as ApDownLoadNeedNameKeyDefault,
+  Se as ApDownload,
   tr as ApExpandAlert,
   mr as ApExportGroup,
   ar as ApExportGroupActionType,
-  be as ApField,
-  ge as ApFieldCheckbox,
-  he as ApFieldDate,
-  Re as ApFieldDateRange,
-  Se as ApFieldNumber,
-  Be as ApFieldPassword,
-  Ne as ApFieldRadio,
-  $e as ApFieldRate,
-  Ue as ApFieldSegmented,
-  Ee as ApFieldSelect,
-  We as ApFieldSlider,
-  Me as ApFieldSwitch,
-  Ie as ApFieldText,
-  ke as ApFieldTextArea,
-  ee as ApForm,
-  ue as ApFormDependency,
-  ce as ApFormDrawerForm,
-  re as ApFormItem,
+  To as ApField,
+  Do as ApFieldCheckbox,
+  So as ApFieldDate,
+  vo as ApFieldDateRange,
+  yo as ApFieldNumber,
+  Oo as ApFieldPassword,
+  Lo as ApFieldRadio,
+  jo as ApFieldRate,
+  Vo as ApFieldSegmented,
+  Eo as ApFieldSelect,
+  Ho as ApFieldSlider,
+  Po as ApFieldSwitch,
+  Co as ApFieldText,
+  wo as ApFieldTextArea,
+  oo as ApForm,
+  Ao as ApFormDependency,
+  Fo as ApFormDrawerForm,
+  ro as ApFormItem,
   X as ApFormItemCheckbox,
   W as ApFormItemDate,
   U as ApFormItemDateRange,
-  pe as ApFormItemGroup,
-  B as ApFormItemNumber,
+  po as ApFormItemGroup,
+  K as ApFormItemNumber,
   $ as ApFormItemRadio,
   q as ApFormItemSelect,
   J as ApFormItemSwitch,
   R as ApFormItemText,
-  E as ApFormItemTextArea,
+  B as ApFormItemTextArea,
   Z as ApFormItemTextPassword,
-  fe as ApFormList,
-  de as ApFormModalForm,
-  le as ApFormSearchForm,
-  ie as ApFormSet,
+  fo as ApFormList,
+  so as ApFormModalForm,
+  lo as ApFormSearchForm,
+  no as ApFormSet,
   sr as ApImage,
-  Fo as ApInfoLayout,
+  Fe as ApInfoLayout,
   Ar as ApInputRadio,
   nr as ApLabel,
   cr as ApLabelGroup,
   Ir as ApLadder,
-  wo as ApList,
-  Po as ApModal,
+  we as ApList,
+  Pe as ApModal,
   Wr as ApNeedNameKeyDefault,
+  ot as ApScrollBar,
   gr as ApSelectLayout,
   hr as ApStatus,
-  Gr as ApStatusGroup,
-  Br as ApSummary,
+  Sr as ApStatusGroup,
+  Kr as ApSummary,
   qr as ApTable,
-  Ho as ApTableModal,
-  Ao as ApTag,
-  no as ApTagGroup,
+  He as ApTableModal,
+  Ae as ApTag,
+  ne as ApTagGroup,
   yr as ApTitle,
-  Oo as ApTransformDataHelper,
-  Co as ApUpload,
-  yo as CheckCard,
-  Lo as CheckCardGroup,
+  Oe as ApTransformDataHelper,
+  Ce as ApUpload,
+  ye as CheckCard,
+  Le as CheckCardGroup,
   L as ConfigProvider,
-  ao as DictCode,
+  fe as DictCode,
   Jr as EditableTable,
   Xr as EditableTableFormItem,
-  To as NeedNameKeyDefault,
-  so as WorkOrderModal,
-  qe as adminToken,
-  ze as aplusToken,
+  Te as NeedNameKeyDefault,
+  se as WorkOrderModal,
+  zo as adminToken,
+  Jo as aplusToken,
   b as buildLocaleContext,
   T as buildTranslator,
   wr as computedRecords,
   u as configProviderContextKey,
   d as configProviderProps,
-  lo as createWorkOrderModal,
+  xe as createWorkOrderModal,
   a as default,
   h as defaultNamespace,
   Rr as flattenColumns,
   vr as formatDataIndex,
-  Er as formatNumber,
+  Br as formatNumber,
   M as globalConfigCached,
   xr as handleExportDownload,
   i as keysOf,
-  fo as langMap,
+  me as langMap,
   I as localeContextKey,
   br as locales,
-  G as namespaceContextKey,
+  S as namespaceContextKey,
   l as pathMap,
   n as provideGlobalConfig,
   C as translate,
-  rt as useControllableValue,
-  S as useGetDerivedNamespace,
+  pt as useControllableValue,
+  G as useGetDerivedNamespace,
   c as useGlobalConfig,
   g as useLocale,
-  et as useMessage,
+  rt as useMessage,
   y as useNamespace,
   Lr as usePageListApTable,
-  Vo as useTableModal,
+  Ve as useTableModal,
   $r as useTablePaging,
   Pr as useTableRefresh,
-  jo as useTableSelectModal
+  je as useTableSelectModal
 };

package/es/src/ap-form/interface.d.ts

@@ -32,6 +32,7 @@ export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
      * @returns
      */
     transform?: ApFormItemTransformType;
+    tooltip?: any;
 };
 export type ApFormItemGroupProps = RowProps & {
     countPerRow?: number;

package/es/src/ap-scroll-bar/ap-scroll-bar.vue.d.ts

@@ -0,0 +1,27 @@
+import { ApScrollBarProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApScrollBarProps>, {
+    type: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApScrollBarProps>, {
+    type: string;
+}>>>, {
+    type: "horizontal" | "vertical";
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,4 @@
+import f from "./ap-scroll-bar.vue2.mjs";
+export {
+  f as default
+};

package/es/src/ap-scroll-bar/ap-scroll-bar.vue2.mjs

@@ -0,0 +1,116 @@
+import { defineComponent as O, ref as a, nextTick as $, onMounted as Q, watch as Z, onUnmounted as ee, openBlock as te, createElementBlock as le, normalizeClass as N, unref as u, normalizeStyle as U, createElementVNode as oe } from "vue";
+import "../config-provider/index.mjs";
+import { Subject as ae, fromEvent as v, map as _, takeUntil as h, throttleTime as X, concatAll as Y, withLatestFrom as ne } from "rxjs";
+import { useNamespace as ce } from "../config-provider/hooks/use-namespace.mjs";
+const ve = /* @__PURE__ */ O({
+  __name: "ap-scroll-bar",
+  props: {
+    target: {},
+    type: {
+      default: "horizontal"
+    }
+  },
+  setup(j) {
+    const o = j, r = a(), H = a(0), T = a(0), p = a(0), d = a(0), g = a(), y = a(), b = a(), W = a(), t = a(), w = a(!1), f = new ae(), z = a();
+    let k = 0, B = 0;
+    const E = (e) => e / y.value, S = (e) => e * y.value, R = () => {
+      if (t.value)
+        if (o.type === "horizontal") {
+          const e = t.value.scrollWidth, l = t.value.clientWidth;
+          w.value = l >= e;
+        } else {
+          const e = t.value.scrollHeight, l = t.value.clientHeight;
+          w.value = l >= e;
+        }
+    }, L = () => {
+      if (t.value && r.value)
+        if (o.type === "horizontal") {
+          const e = t.value.scrollWidth, l = t.value.clientWidth, n = t.value.scrollLeft, s = r.value.clientWidth;
+          g.value = l / e, y.value = s / e, H.value = Math.round(s * g.value), p.value = S(n);
+        } else {
+          const e = t.value.scrollHeight, l = t.value.clientHeight, n = t.value.scrollTop, s = r.value.clientHeight;
+          g.value = l / e, y.value = s / e, T.value = Math.floor(s * g.value), d.value = E(n);
+        }
+    }, P = () => {
+      const e = v(W.value, "mousedown"), l = v(b.value, "mousemove"), n = v(b.value, "mouseup"), s = v(b.value, "selectstart");
+      e.pipe(_(() => s.pipe(h(n), h(f), X(16))), Y()).subscribe((c) => c.preventDefault()), e.pipe(_(() => l.pipe(h(n), h(f), X(16))), Y(), ne(e), _(([c, x]) => {
+        console.log("move!!!", c);
+        const m = c, i = x, C = m.pageX - z.value.left - i.offsetX, M = m.pageY - z.value.top - i.offsetY, J = r.value.clientWidth, K = r.value.clientHeight;
+        return {
+          x: C > 0 ? Math.min(C, J - H.value) : Math.max(C, 0),
+          y: M > 0 ? Math.min(M, K - T.value) : Math.max(M, 0)
+        };
+      })).subscribe((c) => {
+        var x, m;
+        if (o.type === "horizontal") {
+          const i = E(c.x);
+          c.x !== p.value && t.value && ((x = t.value) == null || x.scrollTo({
+            left: i
+          })), p.value = c.x;
+        } else {
+          const i = E(c.y);
+          c.y !== d.value && t.value && ((m = t.value) == null || m.scrollTo({
+            top: i
+          })), d.value = c.y;
+        }
+      });
+    }, q = () => {
+      t.value && v(t.value, "scroll").pipe(h(f)).subscribe((l) => {
+        var s;
+        const n = l.target;
+        n && o.type === "horizontal" && (k = n.scrollLeft, p.value = S(k)), n && o.type === "vertical" && B !== ((s = t == null ? void 0 : t.value) == null ? void 0 : s.scrollTop) && (B = n.scrollTop, d.value = S(B));
+      });
+    }, A = () => {
+      v(window, "resize").pipe(h(f)).subscribe(() => {
+        R(), $(() => {
+          var l;
+          z.value = (l = r.value) == null ? void 0 : l.getBoundingClientRect(), L();
+        });
+      });
+    }, F = () => {
+      console.log("targetEle.value", t.value), t.value && W.value && (R(), $(() => {
+        var e;
+        z.value = (e = r.value) == null ? void 0 : e.getBoundingClientRect(), L(), P(), q(), A();
+      }));
+    };
+    Q(() => {
+      Z(() => o.target, () => {
+        $(() => {
+          var e, l;
+          typeof o.target == "string" ? t.value = document.querySelector(o.target) : t.value = (e = o.target) == null ? void 0 : e.call(o), b.value = (l = document.getElementsByTagName("body")) == null ? void 0 : l[0], W.value = document.getElementById("bar"), F();
+        });
+      }, {
+        immediate: !0
+      });
+    }), ee(() => {
+      f.next(0);
+    });
+    const {
+      b: V,
+      e: G,
+      m: D,
+      em: I
+    } = ce("ap-scroll-bar");
+    return (e, l) => (te(), le("div", {
+      class: N(`${u(V)()} ${o.type === "horizontal" ? u(D)("horizontal") : u(D)("vertical")}`),
+      style: U({
+        display: w.value ? "none" : "block"
+      }),
+      ref_key: "containerRef",
+      ref: r
+    }, [oe("div", {
+      id: "bar",
+      class: N(`${u(G)("bar")} ${o.type === "horizontal" ? u(I)("bar", "horizontal") : u(I)("bar", "vertical")}`),
+      style: U(o.type === "horizontal" ? {
+        width: `${H.value}px`,
+        left: `${p.value}px`
+      } : {
+        height: `${T.value}px`,
+        top: `${d.value}px`
+      })
+    }, null, 6)], 6));
+  }
+});
+export {
+  ve as default
+};

package/es/src/ap-scroll-bar/index.d.ts

@@ -0,0 +1,62 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+export * from './interface';
+declare const ApScrollBar: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        target: {
+            type: PropType<string | (() => Element)>;
+            required: true;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        target: {
+            type: PropType<string | (() => Element)>;
+            required: true;
+        };
+    }>>, {
+        type: "horizontal" | "vertical";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        target: {
+            type: PropType<string | (() => Element)>;
+            required: true;
+        };
+    }>>, {}, {}, {}, {}, {
+        type: "horizontal" | "vertical";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    type: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    target: {
+        type: PropType<string | (() => Element)>;
+        required: true;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    type: "horizontal" | "vertical";
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
+export { ApScrollBar };

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

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

package/es/src/ap-scroll-bar/interface.d.ts

@@ -0,0 +1,4 @@
+export interface ApScrollBarProps {
+    target: string | (() => Element);
+    type?: 'horizontal' | 'vertical';
+}

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

@@ -0,0 +1 @@
+

package/es/src/ap-scroll-bar/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/dist/ap-scroll-bar/index.css';

package/es/src/ap-scroll-bar/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-scroll-bar/index.less';

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

@@ -44,6 +44,7 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         customFilterIcon?: any;
         customFilterDropdown?: any;
         searchFormExtra?: any;
+        bottomPaginationTop?: any;
         headerCell?: (props: {
             title: any;
             column: ApColumnType;
@@ -68,6 +69,7 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         customFilterIcon?: any;
         customFilterDropdown?: any;
         searchFormExtra?: any;
+        bottomPaginationTop?: any;
         headerCell?: (props: {
             title: any;
             column: ApColumnType;