@aplus-frontend/ui 0.4.4 → 0.4.6

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

@@ -1,11 +1,12 @@
-import { defineComponent as B, computed as n, openBlock as b, createBlock as _, mergeProps as u, unref as f, withCtx as g, createVNode as x } from "vue";
+import { defineComponent as g, computed as i, openBlock as _, createBlock as x, mergeProps as u, unref as m, withCtx as p, createVNode as s } from "vue";
 import "./index.vue2.mjs";
 import "../../ap-form/item/index.vue2.mjs";
-import { isValid as d } from "@aplus-frontend/utils";
-import { omit as p } from "lodash-unified";
-import V from "../../ap-form/item/index.vue.mjs";
-import k from "./index.vue.mjs";
-const A = /* @__PURE__ */ B({
+import { isValid as c } from "@aplus-frontend/utils";
+import { isEmpty as C, merge as k, omit as y } from "lodash-unified";
+import { ApForm as F } from "../../ap-form/index.mjs";
+import S from "../../ap-form/item/index.vue.mjs";
+import V from "./index.vue.mjs";
+const R = /* @__PURE__ */ g({
   __name: "form-item",
   props: {
     htmlFor: {},
@@ -15,15 +16,15 @@ const A = /* @__PURE__ */ B({
     extra: {},
     labelCol: {},
     wrapperCol: {},
-    hasFeedback: { type: Boolean },
-    colon: { type: Boolean },
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
     labelAlign: {},
     prop: {},
     name: {},
     rules: {},
-    autoLink: { type: Boolean },
-    required: { type: Boolean },
-    validateFirst: { type: Boolean },
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
     validateStatus: {},
     validateTrigger: {},
     messageVariables: {},
@@ -42,60 +43,60 @@ const A = /* @__PURE__ */ B({
     xl: {},
     xxl: {},
     flex: {},
-    bordered: { type: Boolean },
+    bordered: { type: Boolean, default: !1 },
     valuePropName: {},
     initialValue: {},
     _signal: {},
     transform: {},
-    field: {},
-    disabled: { type: Boolean },
+    field: { default: () => ({}) },
+    disabled: { type: Boolean, default: void 0 },
     placeholer: {},
-    trim: { type: Boolean, default: !0 }
+    trim: { type: Boolean, default: !0 },
+    defaultSelectedAllKey: { type: Boolean, default: !0 }
   },
-  setup(c) {
-    const l = c, y = n(() => (l == null ? void 0 : l.transform) || {
+  setup(v) {
+    const l = v, h = i(() => (l == null ? void 0 : l.transform) || {
       flat: !1,
       transformer: (e) => {
-        var o, a, i, r, m, s;
+        var o, a, r, d, n, f;
         if (e)
           return !(e != null && e.value) || ((o = e == null ? void 0 : e.value) == null ? void 0 : o.length) < 1 ? void 0 : (a = l == null ? void 0 : l.field) != null && a.options ? {
             ...e,
-            value: (r = (i = e == null ? void 0 : e.value) == null ? void 0 : i.filter((t) => d(t == null ? void 0 : t.trim()))) == null ? void 0 : r.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
-          } : (s = (m = e == null ? void 0 : e.value) == null ? void 0 : m.filter((t) => d(t == null ? void 0 : t.trim()))) == null ? void 0 : s.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
+            value: (d = (r = e == null ? void 0 : e.value) == null ? void 0 : r.filter((t) => c(t == null ? void 0 : t.trim()))) == null ? void 0 : d.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
+          } : (f = (n = e == null ? void 0 : e.value) == null ? void 0 : n.filter((t) => c(t == null ? void 0 : t.trim()))) == null ? void 0 : f.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
       }
-    }), v = n(() => {
+    }), b = (e, o) => {
+      var a, r, d;
+      return !(l != null && l.initialValue) && l.defaultSelectedAllKey && C(o.value) && ((d = o["onUpdate:value"]) == null || d.call(o, {
+        key: (r = (a = l == null ? void 0 : l.field) == null ? void 0 : a.options) == null ? void 0 : r.map((n) => n.value)
+      })), k(y(e, ["style"]), o);
+    }, B = i(() => {
       var e;
       return ((e = l.field) == null ? void 0 : e.style) || "width:auto";
-    }), h = n(() => {
-      var e, o;
-      return (l == null ? void 0 : l.initialValue) || {
-        key: (o = (e = l == null ? void 0 : l.field) == null ? void 0 : e.options) == null ? void 0 : o.map((a) => a.value)
-      };
     });
-    return (e, o) => (b(), _(V, u(
-      f(p)(l, [
-        "field",
-        "initialValue",
-        "transform",
-        "placeholder",
-        "disabled"
-      ]),
-      {
-        "initial-value": h.value,
-        transform: y.value
-      }
-    ), {
-      default: g(() => [
-        x(k, u(f(p)(l.field, ["style"]), {
-          style: v.value,
-          disabled: e.disabled,
-          placeholer: e.placeholer
-        }), null, 16, ["style", "disabled", "placeholer"])
-      ]),
-      _: 1
-    }, 16, ["initial-value", "transform"]));
+    return (e, o) => {
+      var a, r;
+      return _(), x(S, u(m(y)(l, ["field", "transform", "placeholder", "disabled"]), {
+        transform: h.value,
+        bordered: (r = (a = e.field) == null ? void 0 : a.options) != null && r.length ? !1 : e.bordered
+      }), {
+        default: p(() => [
+          s(m(F).ControlRender, null, {
+            default: p(({ ...d }) => [
+              s(V, u(b(l.field, d), {
+                style: B.value,
+                disabled: e.disabled,
+                placeholer: e.placeholer
+              }), null, 16, ["style", "disabled", "placeholer"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["transform", "bordered"]);
+    };
   }
 });
 export {
-  A as default
+  R as default
 };

package/es/src/business/batch-input-group/interface.d.ts

@@ -39,4 +39,9 @@ export type ApFormItemBatchInputProps = ApFormItemProps & {
     disabled?: boolean;
     placeholer?: string;
     trim?: boolean;
+    /**
+     * 是否默认选择所有的key
+     * @default true
+     */
+    defaultSelectedAllKey?: boolean;
 };

package/es/src/index.mjs

@@ -19,16 +19,16 @@ import "./editable-table/index.mjs";
 import "./ap-descriptions/index.mjs";
 import "./scroll-bar/index.mjs";
 import { configProviderProps as M } from "./config-provider/config-provider-props.mjs";
-import { DEFAULT_NAMESPACE as R, DEFAULT_UIMODE as k, configProviderContextKey as v } from "./config-provider/constants.mjs";
+import { DEFAULT_NAMESPACE as w, DEFAULT_UIMODE as k, configProviderContextKey as v } from "./config-provider/constants.mjs";
 import { keysOf as K, provideGlobalConfig as U, useGlobalConfig as O } from "./config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as _, buildTranslator as z, localeContextKey as H, translate as j, useLocale as q } from "./config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as Q, namespaceContextKey as V, useGetDerivedNamespace as X, useNamespace as Y } from "./config-provider/hooks/use-namespace.mjs";
+import { buildLocaleContext as _, buildTranslator as z, localeContextKey as H, translate as V, useLocale as j } from "./config-provider/hooks/use-locale.mjs";
+import { defaultNamespace as J, namespaceContextKey as Q, useGetDerivedNamespace as X, useNamespace as Y } from "./config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as $, globalConfigCached as oo } from "./config-provider/config-provider.mjs";
 import { ApFormItemText as ro } from "./ap-form/items/text/index.mjs";
 import { default as po } from "./ap-form/items/text-area/index.vue.mjs";
 import { default as mo } from "./ap-form/items/number/index.vue.mjs";
 import { default as lo } from "./ap-form/items/date/index.vue.mjs";
-import { default as Ao } from "./ap-form/items/date-range/index.vue.mjs";
+import { default as uo } from "./ap-form/items/date-range/index.vue.mjs";
 import { default as so } from "./ap-form/items/radio/index.vue.mjs";
 import { default as no } from "./ap-form/items/select/index.vue.mjs";
 import { default as Fo } from "./ap-form/items/switch/index.vue.mjs";
@@ -39,23 +39,23 @@ import { default as ho } from "./ap-form/item-group/index.vue.mjs";
 import { default as Po } from "./ap-form/list/index.vue.mjs";
 import { default as Lo } from "./ap-form/search-form/index.vue.mjs";
 import { default as yo } from "./ap-form/modal-form/index.vue.mjs";
-import { default as wo } from "./ap-form/dependency/index.vue.mjs";
+import { default as Ro } from "./ap-form/dependency/index.vue.mjs";
 import { default as ko } from "./ap-form/set/index.vue.mjs";
 import { default as Bo } from "./ap-form/drawer-form/index.vue.mjs";
 import { default as Uo } from "./ap-form/render/control.vue.mjs";
 import { default as Wo } from "./ap-form/render/item.vue.mjs";
 import { default as zo } from "./ap-form/provider/index.vue.mjs";
-import { ApFieldText as jo } from "./ap-field/text/index.mjs";
-import { default as Jo } from "./ap-field/checkbox/index.vue.mjs";
-import { default as Vo } from "./ap-field/date/index.vue.mjs";
+import { ApFieldText as Vo } from "./ap-field/text/index.mjs";
+import { default as qo } from "./ap-field/checkbox/index.vue.mjs";
+import { default as Qo } from "./ap-field/date/index.vue.mjs";
 import { default as Yo } from "./ap-field/number/index.vue.mjs";
 import { default as $o } from "./ap-field/radio/index.vue.mjs";
 import { default as ee } from "./ap-field/switch/index.vue.mjs";
 import { default as te } from "./ap-field/text-area/index.vue.mjs";
 import { default as ae } from "./ap-field/date-range/index.vue.mjs";
 import { default as fe } from "./ap-field/select/index.vue.mjs";
-import { default as de } from "./ap-field/text/password.vue.mjs";
-import { default as Ae } from "./ap-field/slider/index.vue.mjs";
+import { default as xe } from "./ap-field/text/password.vue.mjs";
+import { default as ue } from "./ap-field/slider/index.vue.mjs";
 import { default as se } from "./ap-field/segmented/index.vue.mjs";
 import { default as ne } from "./ap-field/rate/index.vue.mjs";
 import { default as Fe } from "./ap-action/item-modal/index.vue.mjs";
@@ -66,14 +66,14 @@ import { DictCode as he, langMap as Ge } from "./work-order-modal/interfaces.mjs
 import { createWorkOrderModal as Ee } from "./work-order-modal/createWorkOrder.mjs";
 import { default as Ne } from "./work-order-modal/work-order-modal.vue.mjs";
 import { default as Me } from "./ap-tag/ap-tag.vue.mjs";
-import { default as Re } from "./ap-tag/ap-tag-group.vue.mjs";
+import { default as we } from "./ap-tag/ap-tag-group.vue.mjs";
 import { default as ve } from "./ap-info-layout/ApInfoLayout.vue.mjs";
 import { NeedNameKeyDefault as Ke } from "./ap-upload/apUploadTypes.mjs";
 import { default as Oe } from "./ap-upload/apUpload.vue.mjs";
 import { ApDownLoadNeedNameKeyDefault as _e } from "./ap-download/interface.mjs";
 import { default as He } from "./ap-download/ap-download.vue.mjs";
-import { default as qe } from "./check-card/group.vue.mjs";
-import { default as Qe } from "./ap-list/index.vue.mjs";
+import { default as je } from "./check-card/group.vue.mjs";
+import { default as Je } from "./ap-list/index.vue.mjs";
 import { default as Xe } from "./ap-button/ap-button.vue.mjs";
 import { default as Ze } from "./ap-button/ap-action-button.vue.mjs";
 import { ApTransformDataHelper as or } from "./utils/ap-trans-data/index.mjs";
@@ -81,8 +81,8 @@ import { default as rr } from "./business/ap-table-modal/index.mjs";
 import { useTableModal as pr } from "./business/ap-table-modal/hooks/use-table-modal.mjs";
 import { useTableSelectModal as mr } from "./business/ap-table-modal/hooks/use-table-select-modal.mjs";
 import { ApAttachment as lr } from "./business/ap-attachment/index.mjs";
-import { ApBatchAction as xr } from "./business/ap-batch-action/index.mjs";
-import { ApBatchActionGroup as ur } from "./business/ap-batch-action-group/index.mjs";
+import { ApBatchAction as dr } from "./business/ap-batch-action/index.mjs";
+import { ApBatchActionGroup as Ar } from "./business/ap-batch-action-group/index.mjs";
 import { ApButtonGroup as ir } from "./business/ap-button-group/index.mjs";
 import { ApCard as cr } from "./business/ap-card/index.mjs";
 import { ApExpandAlert as Ir } from "./business/ap-expand-alert/index.mjs";
@@ -92,20 +92,20 @@ import { handleExportDownload as gr } from "./business/ap-export-group/handleExp
 import { convertExportField as Gr } from "./business/ap-export-group/convertExportField.mjs";
 import { ApImage as Er } from "./business/ap-image/index.mjs";
 import { ApInputRadio as Nr } from "./business/ap-input-radio/index.mjs";
-import { ApLabel as Mr, ApLabelGroup as wr } from "./business/ap-label/index.mjs";
+import { ApLabel as Mr, ApLabelGroup as Rr } from "./business/ap-label/index.mjs";
 import { locales as kr } from "./business/ap-ladder/interface.mjs";
 import { ApLadder as Br } from "./business/ap-ladder/index.mjs";
 import { ApSelectLayout as Ur } from "./business/ap-select-layout/index.mjs";
 import { ApStatus as Wr, ApStatusGroup as _r } from "./business/ap-status/index.mjs";
 import { ApTitle as Hr } from "./business/ap-title/index.mjs";
-import { usePageListApTable as qr } from "./business/hooks/usePageListApTable.mjs";
-import { useTableRefresh as Qr } from "./business/hooks/useTableRefresh.mjs";
+import { usePageListApTable as jr } from "./business/hooks/usePageListApTable.mjs";
+import { useTableRefresh as Jr } from "./business/hooks/useTableRefresh.mjs";
 import { computedRecords as Xr, flattenColumns as Yr, formatDataIndex as Zr, formatNumber as $r } from "./business/ap-summary/utils.mjs";
 import { ApSummary as et } from "./business/ap-summary/index.mjs";
 import { ApNeedNameKeyDefault as tt } from "./business/ap-appendix/interface.mjs";
 import { ApAppendix as at } from "./business/ap-appendix/index.mjs";
-import { ApExtensionSelect as ft, ApGroupSearch as lt, ApPopoverSelect as dt } from "./business/ap-group-search/index.mjs";
-import { default as At } from "./business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
+import { ApExtensionSelect as ft, ApGroupSearch as lt, ApPopoverSelect as xt } from "./business/ap-group-search/index.mjs";
+import { default as ut } from "./business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
 import { default as st } from "./business/batch-input-group/index.vue.mjs";
 import { default as nt } from "./business/batch-input-group/form-item.vue.mjs";
 import { ApSizeInput as Ft } from "./business/ap-size-input/index.mjs";
@@ -113,8 +113,9 @@ import { useTablePaging as Tt } from "./ap-table/hooks/use-table-paging.mjs";
 import { default as Dt } from "./editable-table/index.vue.mjs";
 import { default as St } from "./editable-table/form-item.vue.mjs";
 import { default as ht } from "./ap-descriptions/ap-descriptions.vue.mjs";
-import { default as Pt } from "./scroll-bar/index.vue.mjs";
-import { default as Lt } from "./scroll-bar/internal.vue.mjs";
+import { ensureRangeValue as Pt } from "./scroll-bar/utils/index.mjs";
+import { default as Lt } from "./scroll-bar/index.vue.mjs";
+import { default as yt } from "./scroll-bar/internal.vue.mjs";
 export {
   s as APConfigProvider,
   Ze as ApActionButton,
@@ -125,8 +126,8 @@ export {
   Te as ApActionItemPopconfirm,
   at as ApAppendix,
   lr as ApAttachment,
-  xr as ApBatchAction,
-  ur as ApBatchActionGroup,
+  dr as ApBatchAction,
+  Ar as ApBatchActionGroup,
   Xe as ApButton,
   ir as ApButtonGroup,
   cr as ApCard,
@@ -139,28 +140,28 @@ export {
   br as ApExportGroupActionType,
   ft as ApExtensionSelect,
   F as ApField,
-  Jo as ApFieldCheckbox,
-  Vo as ApFieldDate,
+  qo as ApFieldCheckbox,
+  Qo as ApFieldDate,
   ae as ApFieldDateRange,
   Yo as ApFieldNumber,
-  de as ApFieldPassword,
+  xe as ApFieldPassword,
   $o as ApFieldRadio,
   ne as ApFieldRate,
   se as ApFieldSegmented,
   fe as ApFieldSelect,
-  Ae as ApFieldSlider,
+  ue as ApFieldSlider,
   ee as ApFieldSwitch,
-  jo as ApFieldText,
+  Vo as ApFieldText,
   te as ApFieldTextArea,
   n as ApForm,
   Uo as ApFormControlRender,
-  wo as ApFormDependency,
+  Ro as ApFormDependency,
   Bo as ApFormDrawerForm,
   So as ApFormItem,
   nt as ApFormItemBatchInput,
   To as ApFormItemCheckbox,
   lo as ApFormItemDate,
-  Ao as ApFormItemDateRange,
+  uo as ApFormItemDateRange,
   ho as ApFormItemGroup,
   mo as ApFormItemNumber,
   so as ApFormItemRadio,
@@ -180,12 +181,12 @@ export {
   ve as ApInfoLayout,
   Nr as ApInputRadio,
   Mr as ApLabel,
-  wr as ApLabelGroup,
+  Rr as ApLabelGroup,
   Br as ApLadder,
-  Qe as ApList,
+  Je as ApList,
   G as ApModal,
   tt as ApNeedNameKeyDefault,
-  dt as ApPopoverSelect,
+  xt as ApPopoverSelect,
   Ur as ApSelectLayout,
   Ft as ApSizeInput,
   Wr as ApStatus,
@@ -194,23 +195,23 @@ export {
   N as ApTable,
   rr as ApTableModal,
   Me as ApTag,
-  Re as ApTagGroup,
+  we as ApTagGroup,
   Hr as ApTitle,
   or as ApTransformDataHelper,
   Oe as ApUpload,
-  At as ApUploadSingle,
+  ut as ApUploadSingle,
   st as BatchInputGroup,
   g as CheckCard,
-  qe as CheckCardGroup,
+  je as CheckCardGroup,
   $ as ConfigProvider,
-  R as DEFAULT_NAMESPACE,
+  w as DEFAULT_NAMESPACE,
   k as DEFAULT_UIMODE,
   he as DictCode,
   Dt as EditableTable,
   St as EditableTableFormItem,
-  Lt as InternalScrollBar,
+  yt as InternalScrollBar,
   Ke as NeedNameKeyDefault,
-  Pt as ScrollBar,
+  Lt as ScrollBar,
   Ne as WorkOrderModal,
   T as adminToken,
   b as aplusToken,
@@ -221,7 +222,8 @@ export {
   M as configProviderProps,
   Gr as convertExportField,
   Ee as createWorkOrderModal,
-  Q as defaultNamespace,
+  J as defaultNamespace,
+  Pt as ensureRangeValue,
   Yr as flattenColumns,
   Zr as formatDataIndex,
   $r as formatNumber,
@@ -231,16 +233,16 @@ export {
   Ge as langMap,
   H as localeContextKey,
   kr as locales,
-  V as namespaceContextKey,
+  Q as namespaceContextKey,
   U as provideGlobalConfig,
-  j as translate,
+  V as translate,
   X as useGetDerivedNamespace,
   O as useGlobalConfig,
-  q as useLocale,
+  j as useLocale,
   Y as useNamespace,
-  qr as usePageListApTable,
+  jr as usePageListApTable,
   pr as useTableModal,
   Tt as useTablePaging,
-  Qr as useTableRefresh,
+  Jr as useTableRefresh,
   mr as useTableSelectModal
 };

package/es/src/locale/lang/en.mjs

@@ -139,6 +139,9 @@ const e = {
     },
     batchInputGroup: {
       popoverInputPlaceholder: "A maximum of 200 entries can be entered in batches, separated by newlines"
+    },
+    apSummary: {
+      total: "Total"
     }
   }
 };

package/es/src/locale/lang/zh-cn.mjs

@@ -148,6 +148,9 @@ const e = {
     },
     batchInputGroup: {
       popoverInputPlaceholder: "支持批量输入，可用换行符分隔，最多输入200条"
+    },
+    apSummary: {
+      total: "合计"
     }
   }
 };

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

@@ -1,4 +1,5 @@
 import { default as ScrollBar } from './index.vue';
 import { default as InternalScrollBar } from './internal.vue';
 export { ScrollBar, InternalScrollBar };
+export { ensureRangeValue } from './utils';
 export * from './interface';

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

@@ -1,3 +1,7 @@
 import "./index.vue2.mjs";
 import "./internal.vue2.mjs";
+import { ensureRangeValue as t } from "./utils/index.mjs";
 import "./interface.mjs";
+export {
+  t as ensureRangeValue
+};

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

@@ -6,9 +6,10 @@ declare const _default: DefineComponent<ScrollBarProps, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
     disabled: boolean;
     direction: ScrollBarDirection;
-    showTrack: boolean;
-    trackSpeed: number;
     extraSize: number;
+    trackSpeed: number;
+    barLength: number;
+    showTrack: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
         currentScroll: Ref<number, number>;
@@ -20,9 +21,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
         scroll: number;
         disabled: boolean;
         direction: ScrollBarDirection;
+        trackSpeed: number;
         barLength: number;
         showTrack: boolean;
-        trackSpeed: number;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
         container: HTMLDivElement;
         track: HTMLDivElement;
@@ -44,9 +45,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
         scroll: number;
         disabled: boolean;
         direction: ScrollBarDirection;
+        trackSpeed: number;
         barLength: number;
         showTrack: boolean;
-        trackSpeed: number;
     }> | null;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

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

@@ -1,9 +1,10 @@
-import { defineComponent as b, toRef as z, ref as f, watchEffect as x, unref as c, computed as _, openBlock as k, createBlock as C, mergeProps as g } from "vue";
+import { defineComponent as z, toRef as g, ref as d, watchEffect as k, unref as c, watch as x, computed as C, openBlock as L, createBlock as _, mergeProps as B, createCommentVNode as R } from "vue";
 import "./internal.vue2.mjs";
-import { omit as B } from "lodash-unified";
-import { getScrollable as i, ensureRangeValue as R } from "./utils/index.mjs";
-import w from "./internal.vue.mjs";
-const N = /* @__PURE__ */ b({
+import { omit as w } from "lodash-unified";
+import { getScrollable as s, ensureRangeValue as y } from "./utils/index.mjs";
+import { useResizeObserver as E } from "@vueuse/core";
+import N from "./internal.vue.mjs";
+const W = /* @__PURE__ */ z({
   name: "ScrollBar",
   __name: "index",
   props: {
@@ -11,6 +12,7 @@ const N = /* @__PURE__ */ b({
     extraSize: { default: 0 },
     direction: { default: "vertical" },
     scroll: {},
+    barLength: { default: 30 },
     width: {},
     barColor: {},
     trackColor: {},
@@ -22,56 +24,67 @@ const N = /* @__PURE__ */ b({
     onScroll: {},
     onScrollEnd: {}
   },
-  setup(d, { expose: p }) {
-    var u;
-    const r = d, n = z(r, "scrollContainer"), l = f(), s = f(30);
-    function S() {
-      if (!n.value || !l.value) return;
-      const { totalSize: e, visibleSize: t, distance: o } = i(
-        n.value,
+  setup(p, { expose: S }) {
+    var f;
+    const r = p, o = g(r, "scrollContainer"), l = d(), i = d(r.barLength);
+    function m() {
+      if (!o.value || !l.value) return;
+      const { totalSize: e, visibleSize: t, distance: n } = s(
+        o.value,
         r.direction
-      ), a = o / (e + r.extraSize - t || 1) * 100;
+      ), a = n / (e + r.extraSize - t || 1) * 100;
       l.value.scroll(a);
     }
-    x(
+    function u() {
+      const { visibleSize: e, totalSize: t } = s(
+        o.value,
+        r.direction
+      );
+      i.value = y(
+        Math.min(e / (t + r.extraSize || 1) * 100)
+      );
+    }
+    E(o, () => {
+      u();
+    }), k(
       () => {
-        const e = c(n.value);
-        if (!e)
-          return;
-        const { visibleSize: t, totalSize: o } = i(
-          e,
-          r.direction
-        );
-        s.value = R(
-          Math.min(t / (o + r.extraSize || 1) * 100)
-        ), e.addEventListener("scroll", S);
+        const e = c(o.value);
+        e && (u(), e.addEventListener("scroll", m));
       },
       { flush: "post" }
+    ), x(
+      () => r.barLength,
+      (e) => {
+        i.value = e;
+      }
     );
-    function m(e) {
-      const t = c(n);
+    function h(e) {
+      const t = c(o);
       if (!t) return;
-      const { totalSize: o, visibleSize: a, topOrLeft: v } = i(
+      const { totalSize: n, visibleSize: a, topOrLeft: v } = s(
         t,
         r.direction
       );
-      if (o <= a) return;
-      const h = `scroll${v}`;
-      t[h] = e * (o + r.extraSize - a) / 100;
+      if (n <= a) return;
+      const b = `scroll${v}`;
+      t[b] = e * (n + r.extraSize - a) / 100;
     }
-    return p({
-      currentScroll: _(() => {
+    return S({
+      currentScroll: C(() => {
         var e;
         return c((e = l.value) == null ? void 0 : e.currentScroll);
       }),
-      scroll: (u = l.value) == null ? void 0 : u.scroll
-    }), (e, t) => (k(), C(w, g({
+      scroll: (f = l.value) == null ? void 0 : f.scroll
+    }), (e, t) => e.barLength !== 100 ? (L(), _(N, B({
+      key: 0,
       ref_key: "barRef",
-      ref: l,
-      "bar-length": s.value
-    }, c(B)(r, ["onScroll", "extraSize", "scrollContainer"]), { onScroll: m }), null, 16, ["bar-length"]));
+      ref: l
+    }, c(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
+      "bar-length": i.value,
+      onScroll: h
+    }), null, 16, ["bar-length"])) : R("", !0);
   }
 });
 export {
-  N as default
+  W as default
 };

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

@@ -46,7 +46,7 @@ export interface InternalScrollBarProps {
     onScroll?: (percent: number) => void;
     onScrollEnd?: (percent: number) => void;
 }
-export interface ScrollBarProps extends Omit<InternalScrollBarProps, 'barLength'> {
+export interface ScrollBarProps extends InternalScrollBarProps {
     /**
      * 可滚动容器
      */

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

@@ -11,9 +11,9 @@ declare const _default: DefineComponent<InternalScrollBarProps, {
     scroll: number;
     disabled: boolean;
     direction: ScrollBarDirection;
+    trackSpeed: number;
     barLength: number;
     showTrack: boolean;
-    trackSpeed: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     container: HTMLDivElement;
     track: HTMLDivElement;

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

@@ -20,3 +20,10 @@ export declare function getScrollable(dom: HTMLElement, direction: ScrollBarDire
     topOrLeft: string;
     widthOrHeight: string;
 };
+/**
+ * 某个元素是否在某个方向上可滚动
+ * @param dom
+ * @param direction
+ * @returns
+ */
+export declare function isScrollable(dom: HTMLElement, direction: ScrollBarDirection): boolean;