@aplus-frontend/ui 0.6.0-beta.5 → 0.6.0-beta.7

package/lib/src/business/ap-view/ap-view.vue2.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 L=require("./icons/line-down.vue.js"),A=require("../ap-batch-action-group/index.js");require("./components/main-button-content.vue.js");require("./components/menu-list-content.vue.js");const B=require("./hooks/use-view-provide.js"),F=require("../../ap-table/context.js"),y=require("./utils/enum.js"),G=require("@aplus-frontend/utils"),W=require("../../config-provider/hooks/use-global-config.js"),k=require("../../config-provider/hooks/use-namespace.js"),j=require("../../config-provider/hooks/use-locale.js"),D=require("./components/main-button-content.vue2.js"),z=require("./components/menu-list-content.vue2.js"),$=t.defineComponent({name:"ApView",__name:"ap-view",props:{tableKey:{},saveDataSource:{},viewCacheOption:{},maxViewNum:{default:20}},setup(g){const f=g,q=W.useGlobalConfig("viewCacheOption"),{b:p}=k.useNamespace("ap-view"),{t:E}=j.useLocale(),V=t.computed(()=>({viewKey:y.SYSTEM_VIEW_KEY,viewName:E("ap.apView.systemView")})),{getSearchFormValues:N,setSearchFormValues:S,submit:T,reset:Y}=F.useInjectApTable(),x=t.ref(!1),_=t.ref(!1),w=t.ref(""),M={dropdownType:"dropdown",content:t.createVNode(D.default,{maxViewNum:f.maxViewNum},null)},n=t.ref([V.value]),P=t.computed(()=>n.value.map(e=>({id:e.viewKey,content:t.createVNode(z.default,{view:e},null)}))),l={getSearchFormValues:N,setSearchFormValues:S,submit:T,reset:Y,...f.saveDataSource},a={...q.value,...f.viewCacheOption},b=()=>{const e=n.value.find(s=>s.isDefault);return(e==null?void 0:e.viewKey)??y.SYSTEM_VIEW_KEY},m=e=>{w.value=e;const s=n.value.find(u=>u.viewKey===w.value);s&&setTimeout(()=>{var u,r,i,o;s.viewKey===y.SYSTEM_VIEW_KEY?(u=l.reset)==null||u.call(l):((i=l.setSearchFormValues)==null||i.call(l,((r=s.viewConfig)==null?void 0:r.searchForm)??{}),(o=l.submit)==null||o.call(l))})},v={getViewList:async e=>{var s;try{const{tableKey:u}=e,r=await((s=a==null?void 0:a.getViewList)==null?void 0:s.call(a,{tableKey:u}));return n.value=[V.value,...r??[]],m(b()),n.value}catch{return n.value=[V.value],m(y.SYSTEM_VIEW_KEY),n.value}},addView:async e=>{var c;const{tableKey:s,viewKey:u,viewName:r,isDefault:i,viewConfig:o}=e;await((c=a==null?void 0:a.addView)==null?void 0:c.call(a,{tableKey:s,viewKey:u,viewName:r,isDefault:i,viewConfig:o})),i&&(n.value=n.value.map(d=>({...d,isDefault:!1}))),n.value=[...n.value,{viewKey:u,viewName:r,isDefault:i,viewConfig:o}],m(u)},changeView:async e=>{var d;const{tableKey:s,viewKey:u,viewName:r,isDefault:i,viewConfig:o}=e;await((d=a==null?void 0:a.changeView)==null?void 0:d.call(a,{tableKey:s,viewKey:u,viewName:r,isDefault:i,viewConfig:o})),i&&(n.value=n.value.map(K=>({...K,isDefault:!1})));const c=n.value.find(K=>K.viewKey===u);c&&(c.viewName=r,c.isDefault=i,c.viewConfig=o),m(u)},removeView:async e=>{var r;const{tableKey:s,viewKey:u}=e;await((r=a==null?void 0:a.removeView)==null?void 0:r.call(a,{tableKey:s,viewKey:u})),n.value=n.value.filter(i=>i.viewKey!==u),u===w.value&&m(b())}},I={tableKey:f.tableKey,currentViewKey:w,changeCurrentViewKey:m,popoverOpen:x,menuOpen:_,viewList:n,viewListCRUD:v,saveDataSource:l};return B.useViewProvide(I),t.watch(()=>f.tableKey,e=>{var s;G.isValid(e)&&((s=v==null?void 0:v.getViewList)==null||s.call(v,{tableKey:e}))},{immediate:!0}),(e,s)=>(t.openBlock(),t.createBlock(t.unref(A.ApBatchActionGroup),t.mergeProps({...e.$attrs},{open:_.value,"onUpdate:open":s[0]||(s[0]=u=>_.value=u),class:[t.unref(p)()],"button-props":M,"menu-list":P.value,"overlay-class-name":[t.unref(p)("overlay")],trigger:"click",placement:"bottom"}),{icon:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass([t.unref(p)("icon")])},[t.createVNode(L.default)],2)]),_:1},16,["open","class","menu-list","overlay-class-name"]))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../config-provider/index.js");const L=require("./icons/line-down.vue.js"),W=require("../ap-batch-action-group/index.js");require("./components/main-button-content.vue.js");require("./components/menu-list-content.vue.js");const A=require("./hooks/use-view-provide.js"),F=require("../../ap-table/context.js"),w=require("./utils/enum.js"),G=require("@aplus-frontend/utils"),k=require("../../config-provider/hooks/use-global-config.js"),j=require("../../config-provider/hooks/use-namespace.js"),D=require("../../config-provider/hooks/use-locale.js"),z=require("./components/main-button-content.vue2.js"),$=require("./components/menu-list-content.vue2.js"),H=t.defineComponent({name:"ApView",__name:"ap-view",props:{tableKey:{},saveDataSource:{},viewCacheOption:{},maxViewNum:{default:20},isDefaultSystemView:{type:Boolean,default:!1}},setup(E){const f=E,q=k.useGlobalConfig("viewCacheOption"),{b:V}=j.useNamespace("ap-view"),{t:N}=D.useLocale(),p=t.computed(()=>({viewKey:w.SYSTEM_VIEW_KEY,viewName:N("ap.apView.systemView")})),{getSearchFormValues:S,setSearchFormValues:Y,submit:T,reset:M}=F.useInjectApTable(),x=t.ref(!1),_=t.ref(!1),y=t.ref("");let K=!1;const I={dropdownType:"dropdown",content:t.createVNode(z.default,{maxViewNum:f.maxViewNum},null)},n=t.ref([p.value]),P=t.computed(()=>n.value.map(e=>({id:e.viewKey,content:t.createVNode($.default,{view:e},null)}))),i={getSearchFormValues:S,setSearchFormValues:Y,submit:T,reset:M,...f.saveDataSource},s={...q.value,...f.viewCacheOption},g=()=>{if(f.isDefaultSystemView)return w.SYSTEM_VIEW_KEY;const e=n.value.find(a=>a.isDefault);return(e==null?void 0:e.viewKey)??w.SYSTEM_VIEW_KEY},m=e=>{y.value=e;const a=n.value.find(u=>u.viewKey===y.value);a&&setTimeout(()=>{var u,l,r,c,o;a.viewKey===w.SYSTEM_VIEW_KEY?K?(u=i.submit)==null||u.call(i):(l=i.reset)==null||l.call(i):((c=i.setSearchFormValues)==null||c.call(i,((r=a.viewConfig)==null?void 0:r.searchForm)??{}),(o=i.submit)==null||o.call(i)),K=!1})},v={getViewList:async e=>{var a;try{const{tableKey:u}=e,l=await((a=s==null?void 0:s.getViewList)==null?void 0:a.call(s,{tableKey:u}));return n.value=[p.value,...l??[]],m(g()),n.value}catch{return n.value=[p.value],m(w.SYSTEM_VIEW_KEY),n.value}},addView:async e=>{var o;const{tableKey:a,viewKey:u,viewName:l,isDefault:r,viewConfig:c}=e;await((o=s==null?void 0:s.addView)==null?void 0:o.call(s,{tableKey:a,viewKey:u,viewName:l,isDefault:r,viewConfig:c})),r&&(n.value=n.value.map(d=>({...d,isDefault:!1}))),n.value=[...n.value,{viewKey:u,viewName:l,isDefault:r,viewConfig:c}],m(u)},changeView:async e=>{var d;const{tableKey:a,viewKey:u,viewName:l,isDefault:r,viewConfig:c}=e;await((d=s==null?void 0:s.changeView)==null?void 0:d.call(s,{tableKey:a,viewKey:u,viewName:l,isDefault:r,viewConfig:c})),r&&(n.value=n.value.map(b=>({...b,isDefault:!1})));const o=n.value.find(b=>b.viewKey===u);o&&(o.viewName=l,o.isDefault=r,o.viewConfig=c),m(u)},removeView:async e=>{var l;const{tableKey:a,viewKey:u}=e;await((l=s==null?void 0:s.removeView)==null?void 0:l.call(s,{tableKey:a,viewKey:u})),n.value=n.value.filter(r=>r.viewKey!==u),u===y.value&&m(g())}},B={tableKey:f.tableKey,currentViewKey:y,changeCurrentViewKey:m,popoverOpen:x,menuOpen:_,viewList:n,viewListCRUD:v,saveDataSource:i};return A.useViewProvide(B),t.watch(()=>f.tableKey,e=>{var a;G.isValid(e)&&(K=!0,(a=v==null?void 0:v.getViewList)==null||a.call(v,{tableKey:e}))},{immediate:!0}),(e,a)=>(t.openBlock(),t.createBlock(t.unref(W.ApBatchActionGroup),t.mergeProps({...e.$attrs},{open:_.value,"onUpdate:open":a[0]||(a[0]=u=>_.value=u),class:[t.unref(V)()],"button-props":I,"menu-list":P.value,"overlay-class-name":[t.unref(V)("overlay")],trigger:"click",placement:"bottom"}),{icon:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass([t.unref(V)("icon")])},[t.createVNode(L.default)],2)]),_:1},16,["open","class","menu-list","overlay-class-name"]))}});exports.default=H;

package/lib/src/business/ap-view/index.d.ts

@@ -4,6 +4,7 @@ export * from './interface';
 declare const ApView: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         maxViewNum: number;
+        isDefaultSystemView: boolean;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -13,12 +14,14 @@ declare const ApView: {
         Defaults: {};
     }, Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, {
         maxViewNum: number;
+        isDefaultSystemView: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     maxViewNum: number;
+    isDefaultSystemView: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/lib/src/business/ap-view/interface.d.ts

@@ -55,4 +55,8 @@ export interface ApViewProps {
      * 视图最大保存数
      */
     maxViewNum?: number;
+    /**
+     * 指定默认视图为系统视图
+     */
+    isDefaultSystemView?: boolean;
 }

package/package.json

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

package/theme/ap-action/item-dropdown.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-action/item.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-appendix/ap-appendix.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-attachment/ap-attachment.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-batch-action/ap-batch-action.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-button/ap-button.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-card/ap-card.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-descriptions/ap-descriptions.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-download/ap-download.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-expand-alert/ap-expand-alert.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-field/checkbox.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-field/index.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-field/number.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-field/radio.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-field/text-area.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/ap-form-item-group.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/ap-form-item.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/drawer-form.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/index.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/item-text-group.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/item-text.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/modal-form.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/search-form-sorter.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-form/search-form.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-grid/editable.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-grid/index.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
@@ -455,12 +456,13 @@
 }
 .aplus-ap-grid ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .aplus-ap-grid ::-webkit-scrollbar-track,
 .aplus-ap-grid ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .aplus-ap-grid ::-webkit-scrollbar-thumb:hover,
 .aplus-ap-grid ::-webkit-scrollbar-thumb:active {

package/theme/ap-group-search/ap-extension-select.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-group-search/ap-group-search.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-group-search/ap-popover-select.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-image/ap-image.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-input-radio/ap-input-radio.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {

package/theme/ap-label/ap-label.css

@@ -14,12 +14,13 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
   background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
   border-radius: 4px;
-  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
 }
 .reset-scrollbar ::-webkit-scrollbar-track,
 .reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: #ffffff;
+  background-color: var(--ap-table-header-bg, #f2f6f9);
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {