@aplus-frontend/ui 0.0.40 → 0.1.1

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

@@ -1,19 +1,19 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
-import { StyleValue } from 'src/type';
+import { StyleValue } from '../type';
 export * from './interface';
 export declare const Scrollbar: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         native: {
             type: PropType<boolean>;
         };
-        wrapStyle: {
-            type: PropType<StyleValue>;
-            default: string;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        wrapStyle: {
+            type: PropType<StyleValue>;
+            default: string;
+        };
         wrapClass: {
             type: PropType<string | string[]>;
             default: string;
@@ -39,14 +39,14 @@ export declare const Scrollbar: {
         native: {
             type: PropType<boolean>;
         };
-        wrapStyle: {
-            type: PropType<StyleValue>;
-            default: string;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        wrapStyle: {
+            type: PropType<StyleValue>;
+            default: string;
+        };
         wrapClass: {
             type: PropType<string | string[]>;
             default: string;
@@ -67,8 +67,8 @@ export declare const Scrollbar: {
             default: string;
         };
     }>>, {
-        wrapStyle: StyleValue;
         scrollHeight: number;
+        wrapStyle: StyleValue;
         wrapClass: string | string[];
         viewClass: string | string[];
         viewStyle: string | string[];
@@ -84,14 +84,14 @@ export declare const Scrollbar: {
         native: {
             type: PropType<boolean>;
         };
-        wrapStyle: {
-            type: PropType<StyleValue>;
-            default: string;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        wrapStyle: {
+            type: PropType<StyleValue>;
+            default: string;
+        };
         wrapClass: {
             type: PropType<string | string[]>;
             default: string;
@@ -114,28 +114,28 @@ export declare const Scrollbar: {
     }>>, {
         wrap: Ref<any>;
     }, {}, {}, {}, {
-        wrapStyle: StyleValue;
         scrollHeight: number;
+        wrapStyle: StyleValue;
         wrapClass: string | string[];
         viewClass: string | string[];
         viewStyle: string | string[];
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     native: {
         type: PropType<boolean>;
     };
-    wrapStyle: {
-        type: PropType<StyleValue>;
-        default: string;
-    };
     scrollHeight: {
         type: PropType<number>;
         default: number;
     };
+    wrapStyle: {
+        type: PropType<StyleValue>;
+        default: string;
+    };
     wrapClass: {
         type: PropType<string | string[]>;
         default: string;
@@ -158,19 +158,19 @@ export declare const Scrollbar: {
 }>>, {
     wrap: Ref<any>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    wrapStyle: StyleValue;
     scrollHeight: number;
+    wrapStyle: StyleValue;
     wrapClass: string | string[];
     viewClass: string | string[];
     viewStyle: string | string[];
     tag: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+}, {}, string, {}> & ( VNodeProps & AllowedComponentProps & ( ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
-}) & Plugin & (new (...args: any[]) => {
+}) & ( Plugin & (new (...args: any[]) => {
     $props: {
-        onClick?: (() => void) | undefined;
+        onClick?: () => void;
     };
-});
+}))));
 export default Scrollbar;

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

@@ -1,5 +1,4 @@
 import { StyleValue } from '../type';
-
 export interface BarMapItem {
     offset: string;
     scroll: string;

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

@@ -1,8 +1,10 @@
 import { ScrollbarProps } from './interface';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { StyleValue } from 'src/type';
-
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
+import { StyleValue } from '../type';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ScrollbarProps>, {
     wrapStyle: string;
     wrapClass: string;
     viewStyle: string;
@@ -11,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     scrollHeight: number;
 }>, {
     wrap: Ref<any>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ScrollbarProps>, {
     wrapStyle: string;
     wrapClass: string;
     viewStyle: string;
@@ -19,25 +21,15 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     tag: string;
     scrollHeight: number;
 }>>>, {
-    wrapStyle: StyleValue;
     scrollHeight: number;
+    wrapStyle: StyleValue;
     wrapClass: string | string[];
     viewClass: string | string[];
     viewStyle: string | string[];
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -51,3 +43,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -25,8 +25,7 @@ const x = /* @__PURE__ */ W({
     const E = () => {
       r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
     }, o = () => {
-      if (!e(t))
-        return;
+      if (!e(t)) return;
       const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
       m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
     };

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

@@ -1,5 +1,4 @@
 import { BarMap, BarMapItem } from './interface';
-
 export declare const BAR_MAP: BarMap;
 type RenderThumbStyleParams = {
     move?: number;

package/es/src/strength-meter/index.d.ts

@@ -2,12 +2,12 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const StrengthMeter: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        disabled: {
-            type: PropType<boolean>;
-        };
         value: {
             type: PropType<string>;
         };
+        disabled: {
+            type: PropType<boolean>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -19,12 +19,12 @@ export declare const StrengthMeter: {
         change: (...args: any[]) => void;
         "score-change": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        disabled: {
-            type: PropType<boolean>;
-        };
         value: {
             type: PropType<string>;
         };
+        disabled: {
+            type: PropType<boolean>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -42,12 +42,12 @@ export declare const StrengthMeter: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        disabled: {
-            type: PropType<boolean>;
-        };
         value: {
             type: PropType<string>;
         };
+        disabled: {
+            type: PropType<boolean>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -58,16 +58,16 @@ export declare const StrengthMeter: {
     }, {}, {}, {}, {}, {
         showInput: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    disabled: {
-        type: PropType<boolean>;
-    };
     value: {
         type: PropType<string>;
     };
+    disabled: {
+        type: PropType<boolean>;
+    };
     showInput: {
         type: PropType<boolean>;
         default: boolean;
@@ -80,10 +80,10 @@ export declare const StrengthMeter: {
     "score-change": (...args: any[]) => void;
 }, string, {
     showInput: boolean;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+}, {}, string, {}> & ( VNodeProps & AllowedComponentProps & ( ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: any) => any>>;
-}) & Plugin & (new (...args: any[]) => {
+}) & ( Plugin & (new (...args: any[]) => {
     $props: {
-        onClick?: (() => void) | undefined;
+        onClick?: () => void;
     };
-});
+}))));

package/es/src/strength-meter/strength-meter.vue.d.ts

@@ -1,29 +1,21 @@
 import { StrengthMeterProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<StrengthMeterProps>, {
     showInput: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "score-change": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<StrengthMeterProps>, {
     showInput: boolean;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onScore-change"?: ((...args: any[]) => any) | undefined;
 }, {
     showInput: boolean;
-}, {}>, Partial<Record<string, (_: any) => any>>>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -37,3 +29,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/strength-meter/strength-meter.vue2.mjs

@@ -16,8 +16,7 @@ const A = ["data-score"], G = /* @__PURE__ */ v({
   setup(i, { emit: m }) {
     const s = i, n = m, r = b(""), { b: l, bm: d } = j("strength-meter"), p = w(() => {
       const { disabled: e } = s;
-      if (e)
-        return -1;
+      if (e) return -1;
       const a = t(r) ? R(t(r)).score : -1;
       return n("score-change", a), a;
     });

package/es/src/tests/wrapper.d.ts

@@ -0,0 +1,8 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps } from 'vue';
+export declare const Wrapper: DefineComponent<{
+    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;
+}>, {}, {}>;

package/es/src/theme/antd-global-overwrite/admin/index.css

@@ -365,11 +365,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
-  line-height: 27px;
+  flex-shrink: 0;
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  flex-shrink: 0;
+  line-height: 27px;
 }
 .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
   font-weight: 500;
@@ -467,10 +467,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
   width: 24px;
   height: 24px;
   margin-top: 3px;
+  line-height: 25px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
   margin-top: 2px;
@@ -480,10 +480,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   margin: 3px -1px;
 }
 .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
+  flex-shrink: 0;
   width: 24px;
   height: 24px;
-  flex-shrink: 0;
+  line-height: 25px;
 }
 [class$='-basic-table'],
 [class$='-basic-table-form-container'] {

package/es/src/theme/antd-global-overwrite/admin/steps.css

@@ -5,11 +5,11 @@
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
-  line-height: 27px;
+  flex-shrink: 0;
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  flex-shrink: 0;
+  line-height: 27px;
 }
 .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
   font-weight: 500;
@@ -107,10 +107,10 @@
   margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
   width: 24px;
   height: 24px;
   margin-top: 3px;
+  line-height: 25px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
   margin-top: 2px;
@@ -120,8 +120,8 @@
   margin: 3px -1px;
 }
 .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
+  flex-shrink: 0;
   width: 24px;
   height: 24px;
-  flex-shrink: 0;
+  line-height: 25px;
 }

package/es/src/theme/antd-global-overwrite/aplus/form.css

@@ -53,8 +53,8 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .a
   /** 适配Aplus UI */
 }
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item.aplus-ui-adaptation {
-  border-radius: 4px 4px 4px 4px;
   border: 1px solid #dee4ed;
+  border-radius: 4px;
 }
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item.aplus-ui-adaptation .ant-form-item-label {
   padding-left: 12px;

package/es/src/theme/antd-global-overwrite/aplus/index.css

@@ -130,8 +130,8 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .a
   /** 适配Aplus UI */
 }
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item.aplus-ui-adaptation {
-  border-radius: 4px 4px 4px 4px;
   border: 1px solid #dee4ed;
+  border-radius: 4px;
 }
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item.aplus-ui-adaptation .ant-form-item-label {
   padding-left: 12px;
@@ -401,11 +401,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
-  line-height: 27px;
+  flex-shrink: 0;
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  flex-shrink: 0;
+  line-height: 27px;
 }
 .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
   font-weight: 500;
@@ -501,10 +501,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
-  line-height: 25px;
   width: 24px;
   height: 24px;
   margin-top: 3px;
+  line-height: 25px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
   margin-top: 2px;
@@ -514,10 +514,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   margin: 3px -1;
 }
 .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
+  flex-shrink: 0;
   width: 24px;
   height: 24px;
-  flex-shrink: 0;
+  line-height: 25px;
 }
 [class$='-basic-table'],
 [class$='-basic-table-form-container'] {

package/es/src/theme/antd-global-overwrite/aplus/steps.css

@@ -5,11 +5,11 @@
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
-  line-height: 27px;
+  flex-shrink: 0;
   width: 28px;
   height: 28px;
   margin-top: 3px;
-  flex-shrink: 0;
+  line-height: 27px;
 }
 .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
   font-weight: 500;
@@ -105,10 +105,10 @@
   margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
-  line-height: 25px;
   width: 24px;
   height: 24px;
   margin-top: 3px;
+  line-height: 25px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
   margin-top: 2px;
@@ -118,8 +118,8 @@
   margin: 3px -1;
 }
 .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
-  line-height: 25px;
+  flex-shrink: 0;
   width: 24px;
   height: 24px;
-  flex-shrink: 0;
+  line-height: 25px;
 }

package/es/src/theme/ap-action/item.css

@@ -4,35 +4,20 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item-aplus--primary {
-  color: #0070ff;
+.aplus-action-item--primary {
+  color: var(--ap-action-color-primary-base, #0070FF);
 }
-.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
-  color: #66a9ff;
+.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+  color: var(--ap-action-color-primary-hover, #66A9FF);
 }
-.aplus-action-item-admin--primary {
-  color: #1890FF;
+.aplus-action-item--success {
+  color: var(--ap-action-color-success, #2ED1A3);
 }
-.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
-  color: #5EB1FF;
+.aplus-action-item--error {
+  color: var(--ap-action-color-error, #FF4D4F);
 }
-.aplus-action-item-aplus--success {
-  color: #2ed1a3;
-}
-.aplus-action-item-aplus--error {
-  color: #FF4D4F;
-}
-.aplus-action-item-aplus--warn {
-  color: #FFA940;
-}
-.aplus-action-item-admin--success {
-  color: #52C41A;
-}
-.aplus-action-item-admin--error {
-  color: #FF4D4F;
-}
-.aplus-action-item-admin--warn {
-  color: #FAAD14;
+.aplus-action-item--warn {
+  color: var(--ap-action-color-warn, #FFA940);
 }
 .aplus-action-item--loading {
   opacity: 0.35;

package/es/src/theme/ap-field/checkbox.css

@@ -0,0 +1,7 @@
+.aplus-field-checkbox--vertical {
+  display: inline-block;
+}
+.aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}

package/es/src/theme/ap-field/radio.css

@@ -0,0 +1,4 @@
+.aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}

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

@@ -1,6 +1,6 @@
 .aplus-ap-form-item--bordered {
   box-sizing: border-box;
-  border: 1px solid var(--ap-form-bordered-border-color-base);
+  border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
   border-radius: 4px;
   padding-inline: 12px;
 }
@@ -38,15 +38,15 @@
   min-height: 30px;
 }
 .aplus-ap-form-item--bordered:hover {
-  border-color: var(--ap-form-bordered-border-color-hover);
+  border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
 }
 .aplus-ap-form-item--bordered:focus {
-  border-color: var(--ap-form-bordered-border-color-active);
-  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color);
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item--focused {
-  border-color: var(--ap-form-bordered-border-color-active);
-  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color);
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
   font-size: 12px;

package/es/src/theme/ap-select-layout/ap-select-layout.css

@@ -44,6 +44,9 @@
   border-radius: 2px;
   cursor: pointer;
   font-size: 24px;
+  color: #999;
+  display: flex;
+  height: 24px;
 }
 .aplus-ap-select-layout-side__header--imgWrap:hover {
   background: #f5f5f5;
@@ -86,6 +89,9 @@
   color: #34b77c;
   font-weight: bold;
 }
+.aplus-ap-select-layout-side__body--scroll-item.active > .ant-typography-single-line {
+  color: #34b77c;
+}
 .aplus-ap-select-layout-content {
   flex: 1;
   overflow-x: hidden;
@@ -105,6 +111,8 @@
   border-radius: 2px;
   cursor: pointer;
   font-size: 24px;
+  display: flex;
+  height: 24px;
 }
 .aplus-ap-select-layout-content__header--imgWrap:hover {
   background: #f5f5f5;