@douyinfe/semi-foundation 2.16.0 → 2.16.1

package/dropdown/menuFoundation.ts

@@ -42,7 +42,8 @@ export default class DropdownMenuFoundation extends BaseFoundation<Partial<Defau
 
         if (this.firstChars.length === 0){
             this.menuItemNodes.forEach((item: Element) => {
-                this.firstChars.push(item.textContent.trim()[0].toLowerCase());
+                // the menuItemNodes can be an component and not exit textContent
+                this.firstChars.push(item.textContent.trim()[0]?.toLowerCase());
             });
         }
 
@@ -69,7 +70,8 @@ export default class DropdownMenuFoundation extends BaseFoundation<Partial<Defau
             default:
                 if (isPrintableCharacter(event.key)) {
                     this.setFocusByFirstCharacter(curItem, event.key);
-                    handlePrevent(event);
+                    // it can be an input on Dropdown, handlePrevent may affect the input of the component
+                    // handlePrevent(event); 
                 }
                 break;
         }

package/input/input.scss

@@ -445,6 +445,11 @@ $module: #{$prefix}-input;
     background-color: transparent;
     box-sizing: border-box;
 
+    &[type="password"]::-ms-reveal, 
+    &[type="password"]::-ms-clear {
+        display: none;
+    }
+
     &::placeholder {
         color: $color-input_placeholder-text-default;
     }

package/lib/cjs/dropdown/menuFoundation.js

@@ -76,7 +76,10 @@ class DropdownMenuFoundation extends _foundation.default {
       (0, _forEach.default)(_context3 = this.menuItemNodes).call(_context3, item => {
         var _context4;
 
-        this.firstChars.push((0, _trim.default)(_context4 = item.textContent).call(_context4)[0].toLowerCase());
+        var _a; // the menuItemNodes can be an component and not exit textContent
+
+
+        this.firstChars.push((_a = (0, _trim.default)(_context4 = item.textContent).call(_context4)[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
       });
     } // get the currently focused menu item
 
@@ -106,8 +109,8 @@ class DropdownMenuFoundation extends _foundation.default {
 
       default:
         if ((0, _a11y.isPrintableCharacter)(event.key)) {
-          this.setFocusByFirstCharacter(curItem, event.key);
-          (0, _a11y.handlePrevent)(event);
+          this.setFocusByFirstCharacter(curItem, event.key); // it can be an input on Dropdown, handlePrevent may affect the input of the component
+          // handlePrevent(event); 
         }
 
         break;

package/lib/cjs/input/input.css

@@ -335,6 +335,9 @@
   background-color: transparent;
   box-sizing: border-box;
 }
+.semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
+  display: none;
+}
 .semi-input::placeholder {
   color: var(--semi-color-text-2);
 }

package/lib/cjs/input/input.scss

@@ -445,6 +445,11 @@ $module: #{$prefix}-input;
     background-color: transparent;
     box-sizing: border-box;
 
+    &[type="password"]::-ms-reveal, 
+    &[type="password"]::-ms-clear {
+        display: none;
+    }
+
     &::placeholder {
         color: $color-input_placeholder-text-default;
     }

package/lib/cjs/switch/switch.css

@@ -91,8 +91,8 @@
   left: 0;
 }
 .semi-switch-native-control[type=checkbox] {
-  width: 100%;
-  height: 100%;
+  width: inherit;
+  height: inherit;
 }
 .semi-switch-checked-text, .semi-switch-unchecked-text {
   position: absolute;

package/lib/cjs/switch/switch.scss

@@ -103,8 +103,8 @@ $module: #{$prefix}-switch;
     &-native-control {
 
         &[type="checkbox"] {
-            width: 100%;
-            height: 100%;
+            width: inherit;
+            height: inherit;
         }
         width: 100%;
         height: 100%;

package/lib/cjs/timePicker/foundation.d.ts

@@ -38,7 +38,7 @@ declare class TimePickerFoundation<P = Record<string, any>, S = Record<string, a
     setPanel(open: boolean): void;
     destroy(): void;
     handlePanelOpen(): void;
-    hanldePanelClose(clickedOutside: boolean, e: any): void;
+    handlePanelClose(clickedOutside: boolean, e: any): void;
     handleVisibleChange(visible: boolean): void;
     handleInputChange(input: string): void;
     doValidate(args: string | Array<Date>): boolean;

package/lib/cjs/timePicker/foundation.js

@@ -261,7 +261,7 @@ class TimePickerFoundation extends _foundation.default {
     this._adapter.notifyOpenChange(true);
   }
 
-  hanldePanelClose(clickedOutside, e) {
+  handlePanelClose(clickedOutside, e) {
     if (!this._isControlledComponent('open')) {
       this._adapter.unregisterClickOutSide();
 

package/lib/es/dropdown/menuFoundation.js

@@ -58,7 +58,10 @@ export default class DropdownMenuFoundation extends BaseFoundation {
       _forEachInstanceProperty(_context3 = this.menuItemNodes).call(_context3, item => {
         var _context4;
 
-        this.firstChars.push(_trimInstanceProperty(_context4 = item.textContent).call(_context4)[0].toLowerCase());
+        var _a; // the menuItemNodes can be an component and not exit textContent
+
+
+        this.firstChars.push((_a = _trimInstanceProperty(_context4 = item.textContent).call(_context4)[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
       });
     } // get the currently focused menu item
 
@@ -88,8 +91,8 @@ export default class DropdownMenuFoundation extends BaseFoundation {
 
       default:
         if (isPrintableCharacter(event.key)) {
-          this.setFocusByFirstCharacter(curItem, event.key);
-          handlePrevent(event);
+          this.setFocusByFirstCharacter(curItem, event.key); // it can be an input on Dropdown, handlePrevent may affect the input of the component
+          // handlePrevent(event); 
         }
 
         break;

package/lib/es/input/input.css

@@ -335,6 +335,9 @@
   background-color: transparent;
   box-sizing: border-box;
 }
+.semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
+  display: none;
+}
 .semi-input::placeholder {
   color: var(--semi-color-text-2);
 }

package/lib/es/input/input.scss

@@ -445,6 +445,11 @@ $module: #{$prefix}-input;
     background-color: transparent;
     box-sizing: border-box;
 
+    &[type="password"]::-ms-reveal, 
+    &[type="password"]::-ms-clear {
+        display: none;
+    }
+
     &::placeholder {
         color: $color-input_placeholder-text-default;
     }

package/lib/es/switch/switch.css

@@ -91,8 +91,8 @@
   left: 0;
 }
 .semi-switch-native-control[type=checkbox] {
-  width: 100%;
-  height: 100%;
+  width: inherit;
+  height: inherit;
 }
 .semi-switch-checked-text, .semi-switch-unchecked-text {
   position: absolute;

package/lib/es/switch/switch.scss

@@ -103,8 +103,8 @@ $module: #{$prefix}-switch;
     &-native-control {
 
         &[type="checkbox"] {
-            width: 100%;
-            height: 100%;
+            width: inherit;
+            height: inherit;
         }
         width: 100%;
         height: 100%;

package/lib/es/timePicker/foundation.d.ts

@@ -38,7 +38,7 @@ declare class TimePickerFoundation<P = Record<string, any>, S = Record<string, a
     setPanel(open: boolean): void;
     destroy(): void;
     handlePanelOpen(): void;
-    hanldePanelClose(clickedOutside: boolean, e: any): void;
+    handlePanelClose(clickedOutside: boolean, e: any): void;
     handleVisibleChange(visible: boolean): void;
     handleInputChange(input: string): void;
     doValidate(args: string | Array<Date>): boolean;

package/lib/es/timePicker/foundation.js

@@ -238,7 +238,7 @@ class TimePickerFoundation extends BaseFoundation {
     this._adapter.notifyOpenChange(true);
   }
 
-  hanldePanelClose(clickedOutside, e) {
+  handlePanelClose(clickedOutside, e) {
     if (!this._isControlledComponent('open')) {
       this._adapter.unregisterClickOutSide();
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.16.0",
+    "version": "2.16.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "71f3e6a9ae6f7794c993617dd3d94f565539ac49",
+    "gitHead": "3de98e4072b5614d5e41e2ad65f687507563dc7c",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/switch/switch.scss

@@ -103,8 +103,8 @@ $module: #{$prefix}-switch;
     &-native-control {
 
         &[type="checkbox"] {
-            width: 100%;
-            height: 100%;
+            width: inherit;
+            height: inherit;
         }
         width: 100%;
         height: 100%;

package/timePicker/foundation.ts

@@ -250,7 +250,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         this._adapter.notifyOpenChange(true);
     }
 
-    hanldePanelClose(clickedOutside: boolean, e: any) {
+    handlePanelClose(clickedOutside: boolean, e: any) {
         if (!this._isControlledComponent('open')) {
             this._adapter.unregisterClickOutSide();
             this.setPanel(false);