@aplus-frontend/ui 0.4.23 → 0.4.25

package/lib/src/business/ap-expand-alert/index.d.ts

@@ -1,4 +1,4 @@
-import { Component, VNode, CSSProperties, PublicProps, ShallowUnwrapRef, RendererNode, RendererElement, Plugin } from 'vue';
+import { Component, VNode, CSSProperties, PublicProps, ShallowUnwrapRef, Plugin } from 'vue';
 export * from './interface';
 declare const ApExpandAlert: (<T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
@@ -20,7 +20,7 @@ declare const ApExpandAlert: (<T extends Record<string, any>>(__VLS_props: NonNu
     props: {
         readonly onExpand?: ((...args: any[]) => any) | undefined;
         readonly onChoose?: ((...args: any[]) => any) | undefined;
-        type?: "warning" | "error" | "success" | "info" | "card" | undefined;
+        type?: "warning" | "error" | "success" | "info" | "card" | undefined | undefined;
         data?: string | T[] | undefined;
         prefix?: string | undefined;
         tipTitle?: string | undefined;
@@ -29,7 +29,7 @@ declare const ApExpandAlert: (<T extends Record<string, any>>(__VLS_props: NonNu
         separatorStyle?: CSSProperties | undefined;
         contentStyle?: Omit< CSSProperties, "wordBreak" | "overflow" | "display" | "webkitLineClamp" | "webkitBoxOrient"> | undefined;
         prefixStyle?: CSSProperties | undefined;
-        rows?: (string | number) | undefined;
+        rows?: string | number | undefined;
         defaultExpand?: boolean | undefined;
         showIcon?: boolean | undefined;
     } & PublicProps;
@@ -51,9 +51,7 @@ declare const ApExpandAlert: (<T extends Record<string, any>>(__VLS_props: NonNu
         }): any;
     };
     emit: (event: "expand" | "choose", ...args: any[]) => void;
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & ( Plugin & (new (...args: any[]) => {
     $props: {

package/lib/src/business/ap-select-layout/index.d.ts

@@ -1,5 +1,5 @@
 import { ApSelectItem } from './interface';
-import { PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement, Plugin } from 'vue';
+import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
 export * from './interface';
 declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
@@ -38,9 +38,7 @@ declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: NonNullable
         (event: "afterEnter", el: Element): void;
         (event: "afterLeave", el: Element): void;
     };
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & ( Plugin & (new (...args: any[]) => {
     $props: {

package/lib/src/business/ap-select-layout/select-layout.vue.d.ts

@@ -1,5 +1,5 @@
 import { ApSelectItem, ApSelectLayoutProps } 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: <T extends ApSelectItem>(__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 onOnSelect?: ((value: T) => any) | undefined;
@@ -19,9 +19,7 @@ declare const _default: <T extends ApSelectItem>(__VLS_props: NonNullable<Awaite
         (event: "afterEnter", el: Element): void;
         (event: "afterLeave", el: Element): void;
     };
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import { EditableColumnType, EditableTableFormItemProps } from './interface';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 import { UnwrapRefSimple } from '@vue/reactivity';
 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;
@@ -48,9 +48,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/lib/src/editable-table/index.vue.d.ts

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

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

@@ -1,8 +1,9 @@
 import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+declare function handleBarScroll(percent: number): void;
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
-    scroll: (percent: number) => void | undefined;
+    scroll: typeof handleBarScroll;
     visible: ComputedRef<boolean>;
     rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {

package/lib/src/scroll-bar/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("./internal.vue2.js");const h=require("lodash-unified"),u=require("./utils/index.js"),_=require("@vueuse/core"),g=require("./internal.vue.js"),m=r.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(f,{expose:d}){const l=f,n=r.toRef(l,"scrollContainer"),a=r.ref(),c=r.ref(l.barLength);function S(){if(!n.value||!a.value)return;const{totalSize:e,visibleSize:t,distance:o}=u.getScrollable(n.value,l.direction),i=o/(e+l.extraSize-t||1)*100;a.value.scroll(i)}function s(){const{visibleSize:e,totalSize:t}=u.getScrollable(n.value,l.direction);c.value=u.ensureRangeValue(e/(t+l.extraSize||1)*100)}_.useResizeObserver(n,()=>{s()}),r.watchEffect(()=>{const e=r.unref(n.value);e&&(s(),e.addEventListener("scroll",S))},{flush:"post"}),r.watch(()=>l.barLength,e=>{c.value=e});function v(e){const t=r.unref(n);if(!t)return;const{totalSize:o,visibleSize:i,topOrLeft:p}=u.getScrollable(t,l.direction);if(o<=i)return;const b=`scroll${p}`;t[b]=e*(o+l.extraSize-i)/100}return d({currentScroll:r.computed(()=>{var e;return r.unref((e=a.value)==null?void 0:e.currentScroll)}),scroll:e=>{var t,o;return(o=(t=a.value)==null?void 0:t.scroll)==null?void 0:o.call(t,e)},visible:r.computed(()=>c.value<100),rootElement:r.computed(()=>{var e;return r.unref((e=a.value)==null?void 0:e.container)})}),(e,t)=>c.value!==100?(r.openBlock(),r.createBlock(g.default,r.mergeProps({key:0,ref_key:"barRef",ref:a},r.unref(h.omit)(l,["onScroll","extraSize","scrollContainer"]),{"bar-length":c.value,onScroll:v}),null,16,["bar-length"])):r.createCommentVNode("",!0)}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./internal.vue2.js");const h=require("lodash-unified"),u=require("./utils/index.js"),_=require("@vueuse/core"),g=require("./internal.vue.js"),m=e.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(d,{expose:S}){const t=d,o=e.toRef(t,"scrollContainer"),n=e.ref(),a=e.ref(t.barLength);function p(){if(!o.value||!n.value)return;const{totalSize:r,visibleSize:l,distance:c}=u.getScrollable(o.value,t.direction),i=c/(r+t.extraSize-l||1)*100;n.value.scroll(i)}function s(){const{visibleSize:r,totalSize:l}=u.getScrollable(o.value,t.direction);a.value=u.ensureRangeValue(r/(l+t.extraSize||1)*100)}_.useResizeObserver(o,()=>{s()}),e.watchEffect(()=>{const r=e.unref(o.value);r&&(s(),r.addEventListener("scroll",p))},{flush:"post"}),e.watch(()=>t.barLength,r=>{a.value=r});function f(r){const l=e.unref(o);if(!l)return;const{totalSize:c,visibleSize:i,topOrLeft:v}=u.getScrollable(l,t.direction);if(c<=i)return;const b=`scroll${v}`;l[b]=r*(c+t.extraSize-i)/100}return S({currentScroll:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.currentScroll)}),scroll:f,visible:e.computed(()=>a.value<100),rootElement:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.container)})}),(r,l)=>a.value!==100?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0,ref_key:"barRef",ref:n},e.unref(h.omit)(t,["onScroll","extraSize","scrollContainer"]),{"bar-length":a.value,onScroll:f}),null,16,["bar-length"])):e.createCommentVNode("",!0)}});exports.default=m;

package/lib/src/scroll-bar/internal.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),y=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(E,{expose:p}){const n=E,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.direction==="vertical"?(l.value.style.height=r,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=r,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=y.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){var r;Math.abs(t.unref(o)-e)<=.001||(o.value=y.ensureRangeValue(e),(r=n.onScroll)==null||r.call(n,e))}return p({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),p=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(y,{expose:E}){const n=y,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.direction==="vertical"?(l.value.style.height=r,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=r,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=p.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){Math.abs(t.unref(o)-e)<=.001||(o.value=p.ensureRangeValue(e))}return E({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;

package/lib/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/lib/src/tests/wrapper.d.ts

@@ -1,8 +1,8 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const Wrapper: DefineComponent<{
-    uiMode?: ("admin" | "aplus") | undefined;
-    lang?: ("en" | "zh-cn") | undefined;
+    uiMode?: "admin" | "aplus" | undefined;
+    lang?: "en" | "zh-cn" | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    uiMode?: ("admin" | "aplus") | undefined;
-    lang?: ("en" | "zh-cn") | undefined;
+    uiMode?: "admin" | "aplus" | undefined;
+    lang?: "en" | "zh-cn" | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/lib/src/work-order-modal/work-order-modal.vue.d.ts

@@ -1,14 +1,13 @@
 import { WorkOrderModalProps } from './interfaces';
 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 { ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity, NamePath, RuleObject, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { RuleObject } from '@aplus-frontend/antdv/es/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, ApFormInternalInstance, WatchFunc } from '..';
 import { OnCleanup } from '@vue/reactivity';
@@ -113,7 +112,7 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
             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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.23",
+  "version": "0.4.25",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ap-scroll-bar/index.css

@@ -0,0 +1,31 @@
+.aplus-ap-scroll-bar {
+  position: relative;
+  background-color: var(--ap-scroll-bar-background, rgba(0, 0, 0, 0.05));
+}
+.aplus-ap-scroll-bar--horizontal {
+  height: 10px;
+}
+.aplus-ap-scroll-bar--vertical {
+  width: 10px;
+  height: 100%;
+}
+.aplus-ap-scroll-bar__bar {
+  position: absolute;
+  border-radius: 8px;
+  background-color: rgba(144, 147, 153, 0.3);
+  background-color: var(--ap-scroll-bar-bar, rgba(144, 147, 153, 0.3));
+  box-shadow: var(--ap-scroll-bar-bar-shadow, inset 0 0 6px rgba(0, 0, 0, 0.2));
+}
+.aplus-ap-scroll-bar__bar--horizontal {
+  height: 8px;
+  top: 1px;
+}
+.aplus-ap-scroll-bar__bar--vertical {
+  width: 8px;
+  left: 1px;
+}
+.aplus-ap-scroll-bar__bar:hover,
+.aplus-ap-scroll-bar__bar:focus,
+.aplus-ap-scroll-bar__bar:active {
+  background-color: var(--ap-scroll-bar-bar-active, rgba(144, 147, 153, 0.5));
+}

package/theme/ap-scroll-bar/index.less

@@ -0,0 +1,39 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-scroll-bar', {
+  position: relative;
+  // z-index: 999;
+  background-color:  var(--ap-scroll-bar-background, rgb(0 0 0 / 5%));
+
+  &--horizontal {
+    height: 10px;
+  }
+
+  &--vertical {
+    width: 10px;
+    height: 100%;
+  }
+
+  &__bar {
+    position: absolute;
+    border-radius: 8px;
+    background-color: rgb(144 147 153 / 30%);
+    background-color:  var(--ap-scroll-bar-bar, rgb(144 147 153 / 30%));
+    box-shadow: var(--ap-scroll-bar-bar-shadow, inset 0 0 6px rgb(0 0 0 / 20%)); ;
+
+    &--horizontal {
+      height: 8px;
+      top: 1px;
+    }
+
+    &--vertical {
+      width: 8px;
+      left: 1px;
+    }
+
+    &:hover, &:focus, &:active {
+      background-color:  var(--ap-scroll-bar-bar-active, rgb(144 147 153 / 50%));
+    }
+  }
+});