@douyinfe/semi-foundation 2.15.0 → 2.15.1

package/dropdown/foundation.ts

@@ -13,7 +13,7 @@ export default class DropdownFoundation extends BaseFoundation<DropdownAdapter>
     }
 
     getMenuItemNodes(target: any): HTMLElement[] {
-        const id = target.attributes['data-popupId'].value;
+        const id = target.attributes['data-popupid'].value;
         const menuWrapper = document.getElementById(id);
         // if has dropdown item, the item must wrapped by li
         return menuWrapper ? Array.from(menuWrapper.getElementsByTagName('li')).filter(item => item.ariaDisabled === "false") : null;

package/dropdown/menuFoundation.ts

@@ -20,7 +20,7 @@ export default class DropdownMenuFoundation extends BaseFoundation<Partial<Defau
     handleEscape(menu: Element): void {
         const trigger = this._adapter.getContext('trigger');
         if (trigger === 'custom'){
-            const menuButton = menu && getMenuButton(document.querySelectorAll(`[data-popupId]`), menu.id); 
+            const menuButton = menu && getMenuButton(document.querySelectorAll(`[data-popupid]`), menu.id); 
             menuButton.focus();
         }
     }

package/lib/cjs/dropdown/foundation.js

@@ -28,7 +28,7 @@ class DropdownFoundation extends _foundation.default {
   getMenuItemNodes(target) {
     var _context;
 
-    const id = target.attributes['data-popupId'].value;
+    const id = target.attributes['data-popupid'].value;
     const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
 
     return menuWrapper ? (0, _filter.default)(_context = (0, _from.default)(menuWrapper.getElementsByTagName('li'))).call(_context, item => item.ariaDisabled === "false") : null;

package/lib/cjs/dropdown/menuFoundation.js

@@ -46,7 +46,7 @@ class DropdownMenuFoundation extends _foundation.default {
     const trigger = this._adapter.getContext('trigger');
 
     if (trigger === 'custom') {
-      const menuButton = menu && (0, _a11y.getMenuButton)(document.querySelectorAll("[data-popupId]"), menu.id);
+      const menuButton = menu && (0, _a11y.getMenuButton)(document.querySelectorAll("[data-popupid]"), menu.id);
       menuButton.focus();
     }
   }

package/lib/cjs/utils/a11y.js

@@ -121,12 +121,12 @@ function getAncestorNodeByRole(curElement, role) {
   }
 
   return curElement.parentElement;
-} // According to the Id, find the corresponding data-popupId element
+} // According to the Id, find the corresponding data-popupid element
 
 
 function getMenuButton(focusableEle, Id) {
   for (let i = 0; i < focusableEle.length; i++) {
-    const curAriDescribedby = focusableEle[i].attributes['data-popupId'];
+    const curAriDescribedby = focusableEle[i].attributes['data-popupid'];
 
     if (curAriDescribedby && curAriDescribedby.value === Id) {
       return focusableEle[i];

package/lib/es/dropdown/foundation.js

@@ -12,7 +12,7 @@ export default class DropdownFoundation extends BaseFoundation {
   getMenuItemNodes(target) {
     var _context;
 
-    const id = target.attributes['data-popupId'].value;
+    const id = target.attributes['data-popupid'].value;
     const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
 
     return menuWrapper ? _filterInstanceProperty(_context = _Array$from(menuWrapper.getElementsByTagName('li'))).call(_context, item => item.ariaDisabled === "false") : null;

package/lib/es/dropdown/menuFoundation.js

@@ -28,7 +28,7 @@ export default class DropdownMenuFoundation extends BaseFoundation {
     const trigger = this._adapter.getContext('trigger');
 
     if (trigger === 'custom') {
-      const menuButton = menu && getMenuButton(document.querySelectorAll("[data-popupId]"), menu.id);
+      const menuButton = menu && getMenuButton(document.querySelectorAll("[data-popupid]"), menu.id);
       menuButton.focus();
     }
   }

package/lib/es/utils/a11y.js

@@ -90,11 +90,11 @@ export function getAncestorNodeByRole(curElement, role) {
   }
 
   return curElement.parentElement;
-} // According to the Id, find the corresponding data-popupId element
+} // According to the Id, find the corresponding data-popupid element
 
 export function getMenuButton(focusableEle, Id) {
   for (let i = 0; i < focusableEle.length; i++) {
-    const curAriDescribedby = focusableEle[i].attributes['data-popupId'];
+    const curAriDescribedby = focusableEle[i].attributes['data-popupid'];
 
     if (curAriDescribedby && curAriDescribedby.value === Id) {
       return focusableEle[i];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.15.0",
+    "version": "2.15.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "236be8e52864297171e3b08da20475139dadd633",
+    "gitHead": "c17dbc08573d010f8ecfe60834412acd9e7ca154",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/utils/a11y.ts

@@ -97,10 +97,10 @@ export function getAncestorNodeByRole(curElement: Element, role: string): Elemen
     return curElement.parentElement;
 }
 
-// According to the Id, find the corresponding data-popupId element
+// According to the Id, find the corresponding data-popupid element
 export function getMenuButton(focusableEle: NodeListOf<HTMLElement>, Id: string): HTMLElement{
     for (let i = 0; i < focusableEle.length; i++){
-        const curAriDescribedby = focusableEle[i].attributes['data-popupId'];
+        const curAriDescribedby = focusableEle[i].attributes['data-popupid'];
         if (curAriDescribedby && curAriDescribedby.value === Id){
             return focusableEle[i];
         }