amis-ui 2.8.0 → 2.9.0

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
@@ -35,8 +35,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^2.8.0",
-    "amis-formula": "^2.8.0",
+    "amis-core": "^2.9.0",
+    "amis-formula": "^2.9.0",
     "classnames": "2.3.1",
     "codemirror": "^5.63.0",
     "downshift": "6.1.12",
@@ -80,8 +80,8 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@types/babel__core": "^7.1.19",
     "@types/jest": "^28.1.0",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
     "autoprefixer": "^10.4.12",
     "jest": "^29.0.3",
     "jest-environment-jsdom": "^29.0.3",
@@ -141,5 +141,5 @@
       "/.rollup.cache/"
     ]
   },
-  "gitHead": "b92b6ca54eb2bbe0029d79b9d185ff2ee6d8d7d5"
+  "gitHead": "cc289e56da53504995df57c84b517f5801d9fd0f"
 }

package/scss/_components.scss

@@ -12,7 +12,7 @@
   --button-default-default-bottom-border-style: var(--borders-style-2);
   --button-default-default-bottom-border-width: var(--borders-width-2);
   --button-default-default-shadow: var(--shadows-shadow-none);
-  --button-default-default-bg-color: transparent;
+  --button-default-default-bg-color: var(--colors-neutral-fill-11);
   --button-default-default-font-color: var(--colors-neutral-text-2);
   --button-default-hover-top-border-color: var(--colors-brand-5);
   --button-default-hover-top-border-style: var(--borders-style-2);
@@ -27,7 +27,7 @@
   --button-default-hover-bottom-border-style: var(--borders-style-2);
   --button-default-hover-bottom-border-width: var(--borders-width-2);
   --button-default-hover-shadow: var(--shadows-shadow-none);
-  --button-default-hover-bg-color: transparent;
+  --button-default-hover-bg-color: var(--colors-neutral-fill-11);
   --button-default-hover-font-color: var(--colors-brand-5);
   --button-default-active-top-border-color: var(--colors-brand-4);
   --button-default-active-top-border-style: var(--borders-style-2);
@@ -42,7 +42,7 @@
   --button-default-active-bottom-border-style: var(--borders-style-2);
   --button-default-active-bottom-border-width: var(--borders-width-2);
   --button-default-active-shadow: var(--shadows-shadow-none);
-  --button-default-active-bg-color: transparent;
+  --button-default-active-bg-color: var(--colors-neutral-fill-11);
   --button-default-active-font-color: var(--colors-brand-4);
   --button-default-disabled-top-border-color: var(--colors-neutral-line-10);
   --button-default-disabled-top-border-style: var(--borders-style-2);
@@ -194,7 +194,7 @@
   --button-enhance-default-bottom-border-style: var(--borders-style-2);
   --button-enhance-default-bottom-border-width: var(--borders-width-2);
   --button-enhance-default-shadow: var(--shadows-shadow-none);
-  --button-enhance-default-bg-color: transparent;
+  --button-enhance-default-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-default-font-color: var(--colors-brand-5);
   --button-enhance-hover-top-border-color: var(--colors-brand-6);
   --button-enhance-hover-top-border-style: var(--borders-style-2);
@@ -209,7 +209,7 @@
   --button-enhance-hover-bottom-border-style: var(--borders-style-2);
   --button-enhance-hover-bottom-border-width: var(--borders-width-2);
   --button-enhance-hover-shadow: var(--shadows-shadow-none);
-  --button-enhance-hover-bg-color: transparent;
+  --button-enhance-hover-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-hover-font-color: var(--colors-brand-6);
   --button-enhance-active-top-border-color: var(--colors-brand-4);
   --button-enhance-active-top-border-style: var(--borders-style-2);
@@ -224,7 +224,7 @@
   --button-enhance-active-bottom-border-style: var(--borders-style-2);
   --button-enhance-active-bottom-border-width: var(--borders-width-2);
   --button-enhance-active-shadow: var(--shadows-shadow-none);
-  --button-enhance-active-bg-color: transparent;
+  --button-enhance-active-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-active-font-color: var(--colors-brand-4);
   --button-enhance-disabled-top-border-color: var(--colors-neutral-line-10);
   --button-enhance-disabled-top-border-style: var(--borders-style-2);
@@ -917,7 +917,7 @@
   --input-default-default-paddingBottom: var(--sizes-size-3);
   --input-default-default-paddingLeft: var(--sizes-size-6);
   --input-default-default-paddingRight: var(--sizes-size-6);
-  --input-default-default-bg-color: transparent;
+  --input-default-default-bg-color: var(--colors-neutral-fill-11);
   --input-default-hover-top-border-color: var(--colors-brand-5);
   --input-default-hover-top-border-width: var(--borders-width-2);
   --input-default-hover-top-border-style: var(--borders-style-2);
@@ -938,7 +938,7 @@
   --input-default-hover-paddingBottom: var(--sizes-size-3);
   --input-default-hover-paddingLeft: var(--sizes-size-6);
   --input-default-hover-paddingRight: var(--sizes-size-6);
-  --input-default-hover-bg-color: transparent;
+  --input-default-hover-bg-color: var(--colors-neutral-fill-11);
   --input-default-active-top-border-color: var(--colors-brand-5);
   --input-default-active-top-border-width: var(--borders-width-2);
   --input-default-active-top-border-style: var(--borders-style-2);
@@ -960,7 +960,7 @@
   --input-default-active-paddingLeft: var(--sizes-size-6);
   --input-default-active-paddingRight: var(--sizes-size-6);
   --input-default-active-shadow: var(--shadows-shadow-none);
-  --input-default-active-bg-color: transparent;
+  --input-default-active-bg-color: var(--colors-neutral-fill-11);
   --input-default-disabled-top-border-color: var(--colors-neutral-line-8);
   --input-default-disabled-top-border-width: var(--borders-width-2);
   --input-default-disabled-top-border-style: var(--borders-style-2);
@@ -984,7 +984,7 @@
   --input-default-disabled-bg-color: var(--colors-neutral-fill-10);
   --input-clearable-icon: '<svg t="1642652418667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3606"><path d="M512 39.384615C250.092308 39.384615 39.384615 250.092308 39.384615 512s210.707692 472.615385 472.615385 472.615385 472.615385-210.707692 472.615385-472.615385S773.907692 39.384615 512 39.384615z m96.492308 488.369231l153.6 153.6c7.876923 7.876923 7.876923 19.692308 0 27.569231l-55.138462 55.138461c-7.876923 7.876923-19.692308 7.876923-27.569231 0L525.784615 610.461538c-7.876923-7.876923-19.692308-7.876923-27.56923 0l-153.6 153.6c-7.876923 7.876923-19.692308 7.876923-27.569231 0L261.907692 708.923077c-7.876923-7.876923-7.876923-19.692308 0-27.569231l153.6-153.6c7.876923-7.876923 7.876923-19.692308 0-27.569231l-155.56923-155.56923c-7.876923-7.876923-7.876923-19.692308 0-27.569231l55.138461-55.138462c7.876923-7.876923 19.692308-7.876923 27.569231 0l155.569231 155.569231c7.876923 7.876923 19.692308 7.876923 27.56923 0l153.6-153.6c7.876923-7.876923 19.692308-7.876923 27.569231 0l55.138462 55.138462c7.876923 7.876923 7.876923 19.692308 0 27.56923l-153.6 153.6c-5.907692 7.876923-5.907692 19.692308 0 27.569231z" p-id="3607"></path></svg>';
   --input-clearable-icon-size: var(--sizes-size-8);
-  --input-clearable-default-color: var(--colors-brand-5);
+  --input-clearable-default-color: var(--colors-neutral-text-7);
   --input-clearable-hover-color: var(--colors-neutral-text-4);
   --input-clearable-active-color: var(--colors-neutral-text-4);
   --input-count-single-fontSize: var(--fonts-size-7);
@@ -1003,8 +1003,8 @@
   --input-textarea-paddingBottom: var(--sizes-size-3);
   --input-textarea-paddingLeft: var(--sizes-size-6);
   --input-textarea-paddingRight: var(--sizes-base-11);
-  --input-addon-text-bg-color-default: transparent;
-  --input-addon-text-bg-color-hover: transparent;
+  --input-addon-text-bg-color-default: var(--colors-neutral-text-11);
+  --input-addon-text-bg-color-hover: var(--colors-neutral-text-11);
   --input-addon-text-top-border-color: var(--colors-neutral-line-8);
   --input-addon-text-top-border-width: var(--borders-width-2);
   --input-addon-text-top-border-style: var(--borders-style-2);
@@ -1048,7 +1048,7 @@
   --inputNumber-base-default-paddingBottom: var(--sizes-size-3);
   --inputNumber-base-default-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-default-paddingRight: var(--sizes-size-7);
-  --inputNumber-base-default-bg-color: transparent;
+  --inputNumber-base-default-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-hover-top-border-color: var(--colors-brand-5);
   --inputNumber-base-hover-top-border-width: var(--borders-width-2);
   --inputNumber-base-hover-top-border-style: var(--borders-style-2);
@@ -1069,7 +1069,7 @@
   --inputNumber-base-hover-paddingBottom: var(--sizes-size-3);
   --inputNumber-base-hover-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-hover-paddingRight: var(--sizes-size-7);
-  --inputNumber-base-hover-bg-color: transparent;
+  --inputNumber-base-hover-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-active-top-border-color: var(--colors-brand-5);
   --inputNumber-base-active-top-border-width: var(--borders-width-2);
   --inputNumber-base-active-top-border-style: var(--borders-style-2);
@@ -1091,7 +1091,7 @@
   --inputNumber-base-active-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-active-paddingRight: var(--sizes-size-7);
   --inputNumber-base-active-shadow: var(--Form-input-boxShadow);
-  --inputNumber-base-active-bg-color: transparent;
+  --inputNumber-base-active-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputNumber-base-disabled-top-border-width: var(--borders-width-2);
   --inputNumber-base-disabled-top-border-style: var(--borders-style-2);
@@ -1180,7 +1180,7 @@
   --inputNumber-enhance-default-paddingBottom: var(--sizes-size-3);
   --inputNumber-enhance-default-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-default-paddingRight: var(--sizes-size-7);
-  --inputNumber-enhance-default-bg-color: transparent;
+  --inputNumber-enhance-default-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-hover-top-border-color: var(--colors-brand-5);
   --inputNumber-enhance-hover-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-hover-top-border-style: var(--borders-style-2);
@@ -1205,7 +1205,7 @@
   --inputNumber-enhance-hover-paddingBottom: var(--sizes-size-3);
   --inputNumber-enhance-hover-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-hover-paddingRight: var(--sizes-size-7);
-  --inputNumber-enhance-hover-bg-color: transparent;
+  --inputNumber-enhance-hover-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-active-top-border-color: var(--colors-brand-5);
   --inputNumber-enhance-active-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-active-top-border-style: var(--borders-style-2);
@@ -1231,7 +1231,7 @@
   --inputNumber-enhance-active-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-active-paddingRight: var(--sizes-size-7);
   --inputNumber-enhance-active-shadow: var(--shadows-shadow-none);
-  --inputNumber-enhance-active-bg-color: transparent;
+  --inputNumber-enhance-active-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputNumber-enhance-disabled-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-disabled-top-border-style: var(--borders-style-2);
@@ -1297,7 +1297,7 @@
 
   // 勾选框
   --checkbox-checkbox-default-height: var(--sizes-size-9);
-  --checkbox-checkbox-default-bg-color: transparent;
+  --checkbox-checkbox-default-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-default-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-default-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
@@ -1317,7 +1317,7 @@
   --checkbox-checkbox-default-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-default-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-hover-height: var(--sizes-size-9);
-  --checkbox-checkbox-hover-bg-color: transparent;
+  --checkbox-checkbox-hover-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-hover-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-hover-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-hover-top-border-color: var(--colors-brand-5);
@@ -1337,7 +1337,7 @@
   --checkbox-checkbox-hover-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-hover-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-active-height: var(--sizes-size-9);
-  --checkbox-checkbox-active-bg-color: transparent;
+  --checkbox-checkbox-active-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-active-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-active-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-active-top-border-color: var(--colors-brand-5);
@@ -1439,7 +1439,7 @@
   --checkbox-checked-active-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checked-active-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checked-disabled-height: var(--sizes-size-9);
-  --checkbox-checked-disabled-bg-color: transparent;
+  --checkbox-checked-disabled-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checked-disabled-color: var(--colors-neutral-text-2);
   --checkbox-checked-disabled-fontSize: var(--sizes-size-8);
   --checkbox-checked-disabled-top-border-color: var(--colors-neutral-line-8);
@@ -1505,7 +1505,7 @@
   --listSelect-base-default-paddingLeft: var(--sizes-size-6);
   --listSelect-base-default-paddingRight: var(--sizes-size-6);
   --listSelect-base-default-color: var(--colors-neutral-text-2);
-  --listSelect-base-default-bg-color: transparent;
+  --listSelect-base-default-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-hover-top-border-color: var(--colors-brand-5);
   --listSelect-base-hover-top-border-width: var(--borders-width-2);
   --listSelect-base-hover-top-border-style: var(--borders-style-2);
@@ -1527,7 +1527,7 @@
   --listSelect-base-hover-paddingLeft: var(--sizes-size-7);
   --listSelect-base-hover-paddingRight: var(--sizes-size-7);
   --listSelect-base-hover-color: var(--colors-brand-5);
-  --listSelect-base-hover-bg-color: transparent;
+  --listSelect-base-hover-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-active-top-border-color: var(--colors-brand-5);
   --listSelect-base-active-top-border-width: var(--borders-width-2);
   --listSelect-base-active-top-border-style: var(--borders-style-2);
@@ -1550,7 +1550,7 @@
   --listSelect-base-active-paddingRight: var(--sizes-size-7);
   --listSelect-base-active-shadow: var(--Form-input-boxShadow);
   --listSelect-base-active-color: var(--colors-brand-5);
-  --listSelect-base-active-bg-color: transparent;
+  --listSelect-base-active-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --listSelect-base-disabled-top-border-width: var(--borders-width-2);
   --listSelect-base-disabled-top-border-style: var(--borders-style-2);
@@ -1744,7 +1744,7 @@
   --Rating-inactive-color: var(--colors-neutral-text-9);
   --radio-default-default-color: var(--colors-neutral-text-8);
   --radio-default-default-text-color: var(--colors-neutral-text-1);
-  --radio-default-default-bg-color: transparent;
+  --radio-default-default-bg-color: var(--colors-neutral-fill-11);
   --radio-default-default-fontSize: var(--fonts-size-7);
   --radio-default-default-fontWeight: var(--fonts-weight-6);
   --radio-default-default-lineHeight: var(--fonts-lineHeight-2);
@@ -1757,10 +1757,10 @@
   --radio-default-default-distance: var(--sizes-size-5);
   --radio-default-hover-color: var(--colors-brand-5);
   --radio-default-hover-text-color: var(--colors-neutral-text-1);
-  --radio-default-hover-bg-color: transparent;
+  --radio-default-hover-bg-color: var(--colors-neutral-fill-11);
   --radio-default-active-color: var(--colors-brand-5);
   --radio-default-active-text-color: var(--colors-neutral-text-1);
-  --radio-default-active-bg-color: transparent;
+  --radio-default-active-bg-color: var(--colors-neutral-fill-11);
   --radio-default-disabled-color: var(--colors-neutral-text-6);
   --radio-default-disabled-text-color: var(--colors-neutral-text-6);
   --radio-default-disabled-bg-color: var(--colors-neutral-fill-8);
@@ -1883,7 +1883,7 @@
   --collapse-default-content-fontSize: var(--fonts-size-8);
   --collapse-default-content-fontWeight: var(--fonts-weight-6);
   --collapse-default-content-lineHeight: var(--fonts-lineHeight-2);
-  --collapse-default-bg-color: transparent;
+  --collapse-default-bg-color: var(--colors-neutral-fill-11);
   --collapse-icon-icon: '<svg viewBox="0 0 99 176" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(-0.132812, 0.304688)" fill="currentColor" fill-rule="nonzero"><path d="M95.6353697,79.4031346 C95.3433678,79.1111326 95.037575,78.8417152 94.7219891,78.5906854 L19.819373,3.29993262 C15.6492004,-0.870040234 8.88818437,-0.870040234 4.71821172,3.29993262 C0.548238867,7.47010527 0.548238867,14.2309215 4.71821172,18.4010939 L72.9329621,87.0041811 L3.25320488,156.617783 C-0.916767969,160.787956 -0.916767969,167.548772 3.25320488,171.719144 C7.42317773,175.889117 14.1841937,175.889117 18.3543662,171.719144 L94.7211895,95.4180764 C95.0369754,95.1668467 95.342968,94.8976293 95.6351697,94.6054273 C97.7329475,92.5076496 98.7744412,89.7539166 98.7615739,87.0043809 C98.7746414,84.2544453 97.7331475,81.5009123 95.6353697,79.4031346 Z" id="路径"></path></g></svg>';
   --collapse-icon-size: var(--sizes-size-6);
   --collapse-icon-color: var(--colors-neutral-text-5);
@@ -2477,8 +2477,8 @@
   --inputFile-drag-icon-size: var(--sizes-base-24);
   --inputFile-drag-icon-color: var(--colors-neutral-fill-8);
   --inputFile-drag-icon-margin: var(--sizes-size-5);
-  --inputFile-drag-bg-color: transparent;
-  --inputFile-drag-bg-color-hover: transparent;
+  --inputFile-drag-bg-color: var(--colors-neutral-fill-11);
+  --inputFile-drag-bg-color-hover: var(--colors-neutral-text-11);
   --FileControl-danger-color: var(--colors-error-5);
   --FileControl-drag-color: var(--inputFile-drag-color);
   --FileControl-border-color: var(--inputFile-drag-top-border-color)
@@ -2515,7 +2515,7 @@
   --inputImage-base-default-icon-size: var(--sizes-base-12);
   --inputImage-base-default-icon-color: var(--colors-neutral-text-5);
   --inputImage-base-default-icon-margin: var(--sizes-size-5);
-  --inputImage-base-default-bg-color: transparent;
+  --inputImage-base-default-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-hover-top-border-color: var(--colors-brand-5);
   --inputImage-base-hover-top-border-width: var(--borders-width-2);
   --inputImage-base-hover-top-border-style: var(--borders-style-2);
@@ -2530,7 +2530,7 @@
   --inputImage-base-hover-left-border-style: var(--borders-style-2);
   --inputImage-base-hover-color: var(--colors-neutral-text-5);
   --inputImage-base-hover-icon-color: var(--colors-neutral-text-5);
-  --inputImage-base-hover-bg-color: transparent;
+  --inputImage-base-hover-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-active-top-border-color: var(--colors-brand-5);
   --inputImage-base-active-top-border-width: var(--borders-width-2);
   --inputImage-base-active-top-border-style: var(--borders-style-2);
@@ -2545,7 +2545,7 @@
   --inputImage-base-active-left-border-style: var(--borders-style-2);
   --inputImage-base-active-color: var(--colors-neutral-text-5);
   --inputImage-base-active-icon-color: var(--colors-neutral-text-5);
-  --inputImage-base-active-bg-color: transparent;
+  --inputImage-base-active-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputImage-base-disabled-top-border-width: var(--borders-width-2);
   --inputImage-base-disabled-top-border-style: var(--borders-style-2);
@@ -2600,7 +2600,7 @@
   --select-base-default-color: var(--colors-neutral-text-2);
   --select-base-default-fontSize: var(--fonts-size-7);
   --select-base-default-fontWeight: var(--fonts-weight-6);
-  --select-base-default-bg-color: transparent;
+  --select-base-default-bg-color: var(--colors-neutral-fill-11);
   --select-base-default-option-paddingTop: var(--sizes-size-0);
   --select-base-default-option-paddingBottom: var(--sizes-size-0);
   --select-base-default-option-paddingLeft: var(--sizes-size-6);
@@ -2622,7 +2622,7 @@
   --select-base-hover-left-border-color: var(--colors-brand-5);
   --select-base-hover-left-border-width: var(--borders-width-2);
   --select-base-hover-left-border-style: var(--borders-style-2);
-  --select-base-hover-bg-color: transparent;
+  --select-base-hover-bg-color: var(--colors-neutral-fill-11);
   --select-base-hover-option-color: var(--colors-neutral-text-2);
   --select-base-hover-option-bg-color: var(--colors-brand-10);
   --select-base-active-top-border-color: var(--colors-brand-5);
@@ -2638,9 +2638,9 @@
   --select-base-active-left-border-width: var(--borders-width-2);
   --select-base-active-left-border-style: var(--borders-style-2);
   --select-base-active-shadow: var(--shadows-shadow-none);
-  --select-base-active-bg-color: transparent;
+  --select-base-active-bg-color: var(--colors-neutral-fill-11);
   --select-base-active-option-color: var(--colors-brand-5);
-  --select-base-active-option-bg-color: transparent;
+  --select-base-active-option-bg-color: var(--colors-neutral-fill-11);
   --select-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --select-base-disabled-top-border-width: var(--borders-width-2);
   --select-base-disabled-top-border-style: var(--borders-style-2);
@@ -2655,7 +2655,7 @@
   --select-base-disabled-left-border-style: var(--borders-style-2);
   --select-base-disabled-bg-color: var(--colors-neutral-fill-10);
   --select-base-disabled-option-color: var(--colors-neutral-text-6);
-  --select-base-disabled-option-bg-color: transparent;
+  --select-base-disabled-option-bg-color: var(--colors-neutral-fill-11);
   --select-multiple-top-right-border-radius: var(--borders-radius-2);
   --select-multiple-top-left-border-radius: var(--borders-radius-2);
   --select-multiple-bottom-right-border-radius: var(--borders-radius-2);
@@ -2824,7 +2824,7 @@
   --inputDate-default-color: var(--colors-neutral-text-2);
   --inputDate-default-bg-color: var(--colors-neutral-fill-11);
   --inputDate-default-icon: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
-  --inputDate-default-icon-color: var(--colors-brand-5);
+  --inputDate-default-icon-color: var(--colors-neutral-text-5);
   --inputDate-default-icon-size: var(--sizes-base-7);
   --inputDate-default-title-color: var(--colors-neutral-text-2);
   --inputDate-default-title-arrow-color: var(--colors-neutral-text-5);
@@ -2887,9 +2887,9 @@
   --inputDate-disabled-color: var(--colors-neutral-text-2);
   --inputDate-disabled-bg-color: var(--colors-neutral-fill-10);
   --inputDate-disabled-option-color: var(--colors-neutral-text-6);
-  --inputDate-disabled-option-bg-color: transparent;
+  --inputDate-disabled-option-bg-color: var(--colors-neutral-fill-11);
   --inputDate-other-color: var(--colors-neutral-text-2);
-  --inputDate-other-bg-color: transparent;
+  --inputDate-other-bg-color: var(--colors-neutral-fill-11);
   --inputDate-other-top-right-border-radius: var(--borders-radius-2);
   --inputDate-other-top-left-border-radius: var(--borders-radius-2);
   --inputDate-other-bottom-right-border-radius: var(--borders-radius-2);
@@ -3029,7 +3029,7 @@
   --inputTime-default-fontSize: var(--fonts-size-8);
   --inputTime-default-fontWeight: var(--fonts-weight-6);
   --inputTime-default-color: var(--colors-neutral-text-2);
-  --inputTime-default-bg-color: var(--colors-neutral-text-11);
+  --inputTime-default-bg-color: var(--colors-neutral-fill-11);
   --inputTime-hover-color: var(--colors-neutral-text-2);
   --inputTime-hover-bg-color: var(--colors-neutral-fill-10);
   --inputTime-active-color: var(--colors-neutral-text-2);

package/scss/_mixins.scss

@@ -417,7 +417,6 @@
 
   svg {
     fill: var(--Form-input-clearBtn-color);
-    top: 0;
     width: var(--Form-input-clearBtn-size);
     height: var(--Form-input-clearBtn-size);
   }

package/scss/_properties.scss

@@ -932,7 +932,7 @@ $remFactor: 16px;
   --Toast--success-bgColor: var(--colors-neutral-fill-11);
   --Toast--success-borderColor: var(--colors-neutral-line-11);
   --Toast--success-color: var(--colors-neutral-text-2);
-  --Toast--warning-bgColor: ar(--colors-neutral-fill-11);
+  --Toast--warning-bgColor: var(--colors-neutral-fill-11);
   --Toast--warning-borderColor: var(--colors-neutral-line-11);
   --Toast--warning-color: var(--colors-neutral-text-2);
 

package/scss/_variables.scss

@@ -410,6 +410,7 @@ $zindex-tooltip: 1600 !default;
 $zindex-toast: 2000 !default;
 $zindex-top: 3000 !default;
 $zindex-debug: 4000 !default;
+$zindex-spinner-overlay: 11 !default;
 
 $Form--horizontal-columns: 12;
 $Table-strip-bg: lighten(#f6f8f8, 1%) !default;

package/scss/components/_badge.scss

@@ -76,7 +76,7 @@
   &-ribbon-out {
     overflow: hidden;
     position: absolute;
-    top: 0;
+
     bottom: 0;
     right: 0;
   }
@@ -93,6 +93,11 @@
     top: 5px;
   }
 
+  &-ribbon-out--top-left,
+  &-ribbon-out--top-right {
+    top: 0;
+  }
+
   &-ribbon-out--top-left,
   &-ribbon-out--bottom-left {
     left: 0;
@@ -105,7 +110,8 @@
     right: auto;
   }
 
-  &-ribbon--bottom-left {
+  &-ribbon--bottom-left,
+  &-ribbon-out--bottom--left {
     transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
     transform-origin: 50% 100%;
     left: 0;
@@ -114,7 +120,8 @@
     top: auto;
   }
 
-  &-ribbon--bottom-right {
+  &-ribbon--bottom-right,
+  &-ribbon-out--bottom--right {
     transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
     transform-origin: 50% 100%;
     left: auto;

package/scss/components/_button-group.scss

@@ -12,7 +12,8 @@
     white-space: nowrap;
   }
 
-  > .#{$ns}Button {
+  > .#{$ns}Button,
+  .#{$ns}Badge {
     @include hover {
       z-index: 1;
     }
@@ -25,10 +26,22 @@
     }
   }
 
+  .#{$ns}Badge {
+    .#{$ns}Badge-text,
+    .#{$ns}Badge-dot,
+    .#{$ns}Badge-ribbon,
+    .#{$ns}Badge-dot {
+      z-index: 2;
+    }
+  }
+
   .#{$ns}Button + .#{$ns}Button,
   .#{$ns}Button + .#{$ns}ButtonGroup,
+  .#{$ns}Button + .#{$ns}Badge,
   .#{$ns}ButtonGroup + .#{$ns}Button,
-  .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {
+  .#{$ns}ButtonGroup + .#{$ns}ButtonGroup,
+  .#{$ns}Badge + .#{$ns}Badge,
+  .#{$ns}Badge + .#{$ns}Button {
     margin-left: calc(var(--ButtonGroup-borderWidth) * -1);
   }
 
@@ -51,7 +64,8 @@
 }
 
 .#{$ns}ButtonGroup {
-  > .#{$ns}Button:first-child {
+  > .#{$ns}Button:first-child,
+  > .#{$ns}Badge .#{$ns}Button {
     margin-left: 0;
   }
 
@@ -62,13 +76,15 @@
   }
 
   > .#{$ns}Button:not(:last-child),
-  > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {
+  > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button,
+  > .#{$ns}Badge:not(:last-child) > .#{$ns}Button {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
   > .#{$ns}Button:not(:first-child),
-  > .#{$ns}ButtonGroup:not(:first-child) > .#{$ns}Button {
+  > .#{$ns}ButtonGroup:not(:first-child) > .#{$ns}Button,
+  > .#{$ns}Badge:not(:first-child) > .#{$ns}Button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
@@ -90,33 +106,39 @@
 
   > .#{$ns}Button + .#{$ns}Button,
   > .#{$ns}Button + .#{$ns}ButtonGroup,
+  > .#{$ns}Button + .#{$ns}Badge,
   > .#{$ns}ButtonGroup + .#{$ns}Button,
-  > .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {
+  > .#{$ns}ButtonGroup + .#{$ns}ButtonGroup,
+  > .#{$ns}Badge + .#{$ns}Badge,
+  > .#{$ns}Badge + .#{$ns}Button {
     margin-top: calc(var(--ButtonGroup-borderWidth) * -1);
     margin-left: 0;
   }
-
   > .#{$ns}Button:not(:last-child),
-  > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {
+  > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button,
+  > .#{$ns}Badge:not(:last-child) > .#{$ns}Button {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }
 
   > .#{$ns}Button:not(:first-child),
-  > .#{$ns}ButtonGroup:not(:first-child) > .btn {
+  > .#{$ns}ButtonGroup:not(:first-child) > .btn,
+  > .#{$ns}Badge:not(:first-child) > .btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
 
   /* 修正头尾的圆角 */
   > .#{$ns}Button:first-child,
-  > .#{$ns}ButtonGroup:first-child > .#{$ns}Button:first-child {
-    border-top-right-radius: var(--Button-borderRadius);
+  > .#{$ns}ButtonGroup:first-child > .#{$ns}Button:first-child,
+  > .#{$ns}Badge:first-child > .#{$ns}Button:first-child {
+    border-top-right-radius: var(--borders-radius-3);
   }
 
   > .#{$ns}Button:last-child,
-  > .#{$ns}ButtonGroup:last-child > .#{$ns}Button:last-child {
-    border-bottom-left-radius: var(--Button-borderRadius);
+  > .#{$ns}ButtonGroup:last-child > .#{$ns}Button:last-child,
+  > .#{$ns}Badge:last-child > .#{$ns}Button:last-child {
+    border-bottom-left-radius: var(--borders-radius-3);
   }
 }
 

package/scss/components/_calendar.scss

@@ -249,7 +249,9 @@
       height: px2rem(36px);
       margin: px2rem(7px) 0;
       border-radius: var(--borderRadiusMd);
-      display: block;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
     .is-disabled {
       opacity: 0.5;

package/scss/components/_carousel.scss

@@ -176,6 +176,15 @@
     right: 0;
   }
 
+  &.#{$ns}Carousel-arrow--always {
+    .#{$ns}Carousel-leftArrow {
+      display: block;
+    }
+    .#{$ns}Carousel-rightArrow {
+      display: block;
+    }
+  }
+
   &:hover {
     .#{$ns}Carousel-leftArrow {
       display: block;

package/scss/components/_collapse.scss

@@ -76,7 +76,7 @@
   //   display: inline-block;
   // }
 
-  &.is-active &-arrow {
+  &.is-active > &-header > &-arrow-wrap > &-arrow {
     transform: rotate(var(--collapse-icon-rotate));
     transform-origin: 50% 50%;
   }

package/scss/components/_dropdown.scss

@@ -137,6 +137,11 @@
   &-popover {
     border: none;
     box-shadow: none;
+    // 如果是在PopOver position: absolute会使overlayNode没有高度 定位不正确
+    // 改成static z-index不生效 无法点击操作
+    > .#{$ns}DropDown-menu-root {
+      position: relative;
+    }
   }
 
   > .#{$ns}Button {

package/scss/components/_link.scss

@@ -16,5 +16,7 @@
     height: var(--link-icon-size);
     width: var(--link-icon-size);
     margin: 0 var(--link-icon-margin);
+    display: inline-block;
+    vertical-align: text-top;
   }
 }