@aplus-frontend/ui 0.6.0-beta.12 → 0.6.0-beta.14

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

@@ -2,9 +2,12 @@ import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicP
 import { ApViewProps } from './interface';
 export * from './interface';
 declare const ApView: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApViewProps> & Readonly<{}>, {
+        setFirstDefaultSystemView: (value: boolean) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         maxViewNum: number;
         isDefaultSystemView: boolean;
+        isFirstDefaultSystemView: boolean;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -12,16 +15,22 @@ declare const ApView: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly< ApViewProps> & Readonly<{}>, {
+        setFirstDefaultSystemView: (value: boolean) => void;
+    }, {}, {}, {}, {
         maxViewNum: number;
         isDefaultSystemView: boolean;
+        isFirstDefaultSystemView: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ApViewProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+} & ComponentOptionsBase<Readonly< ApViewProps> & Readonly<{}>, {
+    setFirstDefaultSystemView: (value: boolean) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     maxViewNum: number;
     isDefaultSystemView: boolean;
+    isFirstDefaultSystemView: 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

@@ -59,4 +59,11 @@ export interface ApViewProps {
      * 指定默认视图为系统视图
      */
     isDefaultSystemView?: boolean;
+    /**
+     * 指定初始化默认视图为系统视图(仅初始化生效)
+     */
+    isFirstDefaultSystemView?: boolean;
+}
+export interface ApViewExpose {
+    setFirstDefaultSystemView: (value: boolean) => void;
 }

package/lib/src/business/hooks/usePageListApGrid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../config-provider/index.js");require("../index.js");const u=require("lodash-unified"),v=require("vue"),b=require("../../config-provider/hooks/use-global-config.js"),q=require("./useTableRefresh.js");function G(a){const o=v.ref(null),{isShowRowSelection:c=!0,clearSelectionOnRequest:d=!0,transformSearchFormValues:s,api:l,tableRefresh:f=!0,virtual:h,...p}=a||{};let n=null;const S=b.useGlobalConfig("uiMode","aplus"),i=()=>{var e,r;(r=(e=o.value)==null?void 0:e.rowSelection)==null||r.clearAll()};q.useTableRefresh({...R(f),apTableRef:o});const g=async e=>{n=e.sort;const r=s?s(e):e;try{if(!l)throw new Error("api is not defined");const{records:t,total:m}=await l(r);return d&&i(),{data:t,total:m}}catch(t){return console.error(t),{data:[],total:0}}};return[u.merge({scroll:{x:"100%",y:"100%"},columnResizable:!0,request:l?g:void 0,rowSelection:c?{fixed:"left",columnWidth:34}:void 0,ref(e){o.value=e},virtual:u.merge({oSize:20,y:20},h),card:!0,bordered:S.value==="admin"},p),{reload:()=>{var e;(e=o.value)==null||e.submit()},reset:()=>{var e;(e=o.value)==null||e.reset()},getSearchFormValues:(e=!0)=>{var t;const r=((t=o.value)==null?void 0:t.getSearchFormValues(!!e))||{};return s?s(r):r},getApGridInstance:()=>o.value,getSearchFormValuesAndSorted:(e=!0)=>{var t;const r=((t=o.value)==null?void 0:t.getSearchFormValues(!!e))||{};return r.sort=n&&u.cloneDeep(n),s?s(r):r},clearSelection:i}]}function R(a){return a===!0?{}:a===!1?{refreshBefore:()=>!1}:a}exports.usePageListApGrid=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index.js");const u=require("lodash-unified"),g=require("vue"),v=require("./useTableRefresh.js");function b(a){const o=g.ref(null),{isShowRowSelection:i=!0,clearSelectionOnRequest:d=!0,transformSearchFormValues:s,api:n,tableRefresh:f=!0,virtual:h,...S}=a||{};let l=null;const c=()=>{var e,r;(r=(e=o.value)==null?void 0:e.rowSelection)==null||r.clearAll()};v.useTableRefresh({...R(f),apTableRef:o});const p=async e=>{l=e.sort;const r=s?s(e):e;try{if(!n)throw new Error("api is not defined");const{records:t,total:m}=await n(r);return d&&c(),{data:t,total:m}}catch(t){return console.error(t),{data:[],total:0}}};return[u.merge({scroll:{x:"100%",y:"100%"},columnResizable:!0,request:n?p:void 0,rowSelection:i?{fixed:"left",columnWidth:34}:void 0,ref(e){o.value=e},virtual:u.merge({oSize:20,y:20},h),card:!0},S),{reload:()=>{var e;(e=o.value)==null||e.submit()},reset:()=>{var e;(e=o.value)==null||e.reset()},getSearchFormValues:(e=!0)=>{var t;const r=((t=o.value)==null?void 0:t.getSearchFormValues(!!e))||{};return s?s(r):r},getApGridInstance:()=>o.value,getSearchFormValuesAndSorted:(e=!0)=>{var t;const r=((t=o.value)==null?void 0:t.getSearchFormValues(!!e))||{};return r.sort=l&&u.cloneDeep(l),s?s(r):r},clearSelection:c}]}function R(a){return a===!0?{}:a===!1?{refreshBefore:()=>!1}:a}exports.usePageListApGrid=b;

package/lib/src/config-provider/hooks/use-namespace.d.ts

@@ -2,7 +2,11 @@ import { InjectionKey, Ref, ComputedRef } from 'vue';
 export declare const defaultNamespace = "aplus";
 export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
 export declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string | undefined>) => ComputedRef<string>;
-export declare const useNamespace: (block: string, namespaceOverrides?: Ref<string | undefined>) => {
+export declare const useNamespace: (
+/**
+ * 块 一般是指组件名
+ */
+block: string, namespaceOverrides?: Ref<string | undefined>) => {
     namespace: ComputedRef<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;

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

@@ -1,5 +1,5 @@
 import { EditableColumnType, EditableTableFormItemExpose, EditableTableFormItemProps } 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: <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;
     expose(exposed: ShallowUnwrapRef<EditableTableFormItemExpose>): void;
@@ -36,9 +36,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

@@ -1,6 +1,6 @@
 import { EditableTableProps, EditableColumnType, EditableTableExpose } from './interface';
 import { Recordable } from '../type';
-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;
@@ -39,9 +39,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-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/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.6.0-beta.12";
+declare const _default: "0.6.0-beta.14";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.0-beta.12";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.0-beta.14";exports.default=e;

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

@@ -2,13 +2,12 @@ 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 { ColSize } from '@aplus-frontend/antdv/es/grid';
-import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, RuleObject, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/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, UpdateModelOptimizeFn, 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/lib/test/setup.d.ts

@@ -0,0 +1,5 @@
+declare class MockResizeObserver {
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.6.0-beta.12",
+  "version": "0.6.0-beta.14",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -34,7 +34,7 @@
     "hooks": {
       "after:init": "echo Start publish ${npm.name}.",
       "after:git:release": "gulp -f ./script/build/index.ts",
-      "after:release": "pnpm run pub:cb"
+      "after:release": "pnpm run pub:cb && pnpm send:changelog"
     }
   },
   "sideEffects": [
@@ -63,8 +63,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.57"
+    "@aplus-frontend/utils": "1.0.57",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.1.5",
@@ -96,7 +96,8 @@
     "release:major:beta": "release-it major --preRelease=beta",
     "release:minor:beta": "release-it minor --preRelease=beta",
     "release:patch:beta": "release-it patch --preRelease=beta",
-    "generate:version": "gulp -f ./script/generate-version.ts"
+    "generate:version": "gulp -f ./script/generate-version.ts",
+    "send:changelog": "gulp -f ./script/send-changelog.ts"
   },
   "module": "./es/index.mjs",
   "typings": "lib/index.d.ts"

package/theme/ap-action/item.css

@@ -80,6 +80,17 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}

package/theme/ap-action/item.less

@@ -37,7 +37,19 @@
   }
 
   &--disabled {
-    color: #CCE2FF;
     cursor: not-allowed;
   }
+
+  &--primary&--disabled {
+    color: var(--ap-color-primary-disabled);
+  }
+  &--success&--disabled {
+    color: var(--ap-color-success-disabled);
+  }
+  &--error&--disabled {
+    color: var(--ap-color-error-disabled);
+  }
+  &--warn&--disabled {
+    color: var(--ap-color-warn-disabled);
+  }
 });

package/theme/ap-copy/ap-copy.css

@@ -84,6 +84,8 @@
 .aplus-ap-copy__copy-btn .aplus-frontend-icon {
   cursor: pointer;
   color: #ABB7CC;
+  height: 14px;
+  line-height: 14px;
 }
 .aplus-ap-copy__copy-btn:hover .aplus-frontend-icon {
   cursor: pointer;

package/theme/ap-copy/ap-copy.less

@@ -41,6 +41,8 @@
       .aplus-frontend-icon{
         cursor: pointer;
         color:#ABB7CC;
+        height: 14px;
+        line-height: 14px;
       }
     }
     &__copy-btn:hover{

package/theme/ap-grid/index.css

@@ -442,9 +442,20 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

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

@@ -47,13 +47,14 @@
 .aplus-ap-radio-group {
   font-size: 12px;
   padding: 8px 8px 0;
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .aplus-ap-radio-group__item {
   cursor: pointer;
   padding-inline: 12px;
   border-radius: 4px;
   color: var(--ap-text-color-1);
+  transition: all 0.3s ease-in-out;
 }
 .aplus-ap-radio-group__item:hover {
   background-color: var(--ap-color-bg-2);

package/theme/ap-radio-group/ap-radio-group.less

@@ -4,13 +4,15 @@
 .b(ap-radio-group,{
   font-size: @font-size-base;
   padding: @spacing @spacing 0;
-  background-color: #ffffff;
+  background-color: @component-background;
+
 
   &__item{
     cursor: pointer;
     padding-inline: @spacing-lg;
     border-radius: 4px;
     color: var(--ap-text-color-1);
+    transition: all 0.3s ease-in-out;
     &:hover{
       background-color: var(--ap-color-bg-2);
     }

package/theme/ap-table/ap-table.css

@@ -634,9 +634,20 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

package/theme/ap-table-modal/index.css

@@ -634,9 +634,20 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

package/theme/editable-table/index.css

@@ -442,9 +442,20 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

package/theme/index.css

@@ -3,12 +3,16 @@
   --ap-hover-color-base: #66a9ff;
   --ap-active-color-base: #66a9ff;
   --ap-color-primary: #0070ff;
+  --ap-color-primary-disabled: #cce2ff;
   --ap-color-link: #0070ff;
   --ap-color-link-hover: #66a9ff;
   --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
   --ap-color-success: #2ed1a3;
+  --ap-color-success-disabled: #d5f6ed;
   --ap-color-error: #ff4d4f;
+  --ap-color-error-disabled: #ffdbdc;
   --ap-color-warn: #ffa940;
+  --ap-color-warn-disabled: #ffeed9;
   --ap-table-header-bg: #f2f6f9;
   --ap-text-color-1: #526a90;
   --ap-text-color-2: #182948;
@@ -27,12 +31,16 @@
   --ap-hover-color-base: #85d4b0;
   --ap-active-color-base: #85d4b0;
   --ap-color-primary: #34b77c;
+  --ap-color-primary-disabled: #d6f1e5;
   --ap-color-link: #1890ff;
   --ap-color-link-hover: #5eb1ff;
   --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
-  --ap-color-success: #52c41a;
+  --ap-color-success: #34b77c;
+  --ap-color-success-disabled: #d6f1e5;
   --ap-color-error: #ff4d4f;
+  --ap-color-error-disabled: #ffdbdc;
   --ap-color-warn: #faad14;
+  --ap-color-warn-disabled: #ffeed9;
   --ap-table-header-bg: #f7f7f7;
   --ap-text-color-1: #666666;
   --ap-text-color-2: #333333;
@@ -128,9 +136,20 @@
   margin-right: 4px;
 }
 .aplus-action-item--disabled {
-  color: #CCE2FF;
   cursor: not-allowed;
 }
+.aplus-action-item--primary.aplus-action-item--disabled {
+  color: var(--ap-color-primary-disabled);
+}
+.aplus-action-item--success.aplus-action-item--disabled {
+  color: var(--ap-color-success-disabled);
+}
+.aplus-action-item--error.aplus-action-item--disabled {
+  color: var(--ap-color-error-disabled);
+}
+.aplus-action-item--warn.aplus-action-item--disabled {
+  color: var(--ap-color-warn-disabled);
+}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }
@@ -1117,6 +1136,8 @@
 .aplus-ap-copy__copy-btn .aplus-frontend-icon {
   cursor: pointer;
   color: #ABB7CC;
+  height: 14px;
+  line-height: 14px;
 }
 .aplus-ap-copy__copy-btn:hover .aplus-frontend-icon {
   cursor: pointer;
@@ -3390,13 +3411,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-radio-group {
   font-size: 12px;
   padding: 8px 8px 0;
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .aplus-ap-radio-group__item {
   cursor: pointer;
   padding-inline: 12px;
   border-radius: 4px;
   color: var(--ap-text-color-1);
+  transition: all 0.3s ease-in-out;
 }
 .aplus-ap-radio-group__item:hover {
   background-color: var(--ap-color-bg-2);

package/theme/ui-mode.css

@@ -3,12 +3,16 @@
   --ap-hover-color-base: #66a9ff;
   --ap-active-color-base: #66a9ff;
   --ap-color-primary: #0070ff;
+  --ap-color-primary-disabled: #cce2ff;
   --ap-color-link: #0070ff;
   --ap-color-link-hover: #66a9ff;
   --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
   --ap-color-success: #2ed1a3;
+  --ap-color-success-disabled: #d5f6ed;
   --ap-color-error: #ff4d4f;
+  --ap-color-error-disabled: #ffdbdc;
   --ap-color-warn: #ffa940;
+  --ap-color-warn-disabled: #ffeed9;
   --ap-table-header-bg: #f2f6f9;
   --ap-text-color-1: #526a90;
   --ap-text-color-2: #182948;
@@ -27,12 +31,16 @@
   --ap-hover-color-base: #85d4b0;
   --ap-active-color-base: #85d4b0;
   --ap-color-primary: #34b77c;
+  --ap-color-primary-disabled: #d6f1e5;
   --ap-color-link: #1890ff;
   --ap-color-link-hover: #5eb1ff;
   --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
-  --ap-color-success: #52c41a;
+  --ap-color-success: #34b77c;
+  --ap-color-success-disabled: #d6f1e5;
   --ap-color-error: #ff4d4f;
+  --ap-color-error-disabled: #ffdbdc;
   --ap-color-warn: #faad14;
+  --ap-color-warn-disabled: #ffeed9;
   --ap-table-header-bg: #f7f7f7;
   --ap-text-color-1: #666666;
   --ap-text-color-2: #333333;

package/theme/ui-mode.less

@@ -7,6 +7,8 @@
   --ap-active-color-base: #66a9ff;
   // 系统主色
   --ap-color-primary: #0070ff;
+  // 主色-禁用
+  --ap-color-primary-disabled: #cce2ff;
   // 链接色
   --ap-color-link: #0070ff;
   // 链接hover色
@@ -15,10 +17,16 @@
   --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
   // 成功色
   --ap-color-success: #2ed1a3;
+  // 成功色-禁用
+  --ap-color-success-disabled: #d5f6ed;
   // 失败色
   --ap-color-error: #ff4d4f;
+  // 失败色-禁用
+  --ap-color-error-disabled: #ffdbdc;
   // 警告色
   --ap-color-warn: #ffa940;
+  // 警告色-禁用
+  --ap-color-warn-disabled: #ffeed9;
   // 表格表头背景色
   --ap-table-header-bg: #f2f6f9;
   // 文本颜色1号色
@@ -50,17 +58,25 @@
   --ap-active-color-base: #85d4b0;
   // 系统主色
   --ap-color-primary: #34b77c;
+  // 主色-禁用
+  --ap-color-primary-disabled: #d6f1e5;
   // 链接色
   --ap-color-link: #1890ff;
   // 链接hover色
   --ap-color-link-hover: #5eb1ff;
   --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
   // 成功色
-  --ap-color-success: #52c41a;
+  --ap-color-success: #34b77c;
+  // 成功色-禁用
+  --ap-color-success-disabled: #d6f1e5;
   // 失败色
   --ap-color-error: #ff4d4f;
+  // 失败色-禁用
+  --ap-color-error-disabled: #ffdbdc;
   // 警告色
   --ap-color-warn: #faad14;
+  // 警告色-禁用
+  --ap-color-warn-disabled: #ffeed9;
   // 表格表头背景色
   --ap-table-header-bg: #f7f7f7;
   // 文本颜色1号色