Closed #135

mantou132 · Apr 3, 2024 · 3b005a4 · 3b005a4
1 parent 22f879e
commit 3b005a4
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 25 deletions.
diff --git a/packages/duoyun-ui/docs/zh/30-blog/200-crud.md b/packages/duoyun-ui/docs/zh/30-blog/200-crud.md
@@ -120,7 +120,7 @@ import type { ContextMenus, UserInfo } from 'duoyun-ui/patterns/console';
 const contextMenus: ContextMenus = [
   {
     text: 'Languages',
-    handle: () => Toast.open('default', 'No Implement!'),
+    handle: () => Toast.open('info', 'No Implement!'),
   },
   { text: '---' },
   {

diff --git a/packages/duoyun-ui/src/elements/keyboard-access.ts b/packages/duoyun-ui/src/elements/keyboard-access.ts
@@ -146,7 +146,7 @@ export class DuoyunKeyboardAccessElement extends GemElement<State> {
       .filter(isNotNullish);
 
     if (!focusableElements.length) {
-      Toast.open('default', 'Not found focusable element');
+      Toast.open('info', 'Not found focusable element');
       return;
     }
 

diff --git a/packages/gem-book/src/element/elements/main.ts b/packages/gem-book/src/element/elements/main.ts
@@ -25,25 +25,27 @@ import './pre';
 
 // https://github.com/w3c/csswg-drafts/issues/9712
 const style = createCSSSheet(css`
-  :not(gbp-var):not(:defined) {
-    display: block;
-    margin-block: 2rem;
-    color: transparent;
-    /* maybe browser limit */
-    font-size: 0;
-  }
-  :not(gbp-var):not(:defined) * {
-    display: none;
-  }
-  :not(gbp-var):not(:defined)::before {
-    font-size: 1rem;
-    display: block;
-    content: 'The element is not defined';
-    padding: 2rem;
-    text-align: center;
-    color: ${theme.textColor};
-    background: ${theme.borderColor};
-    border-radius: ${theme.normalRound};
+  :host :not(gbp-var, :defined) {
+    & {
+      display: block;
+      margin-block: 2rem;
+      color: transparent;
+      /* maybe browser limit */
+      font-size: 0;
+    }
+    & * {
+      display: none;
+    }
+    &::before {
+      font-size: 1rem;
+      display: block;
+      content: 'The element is not defined';
+      padding: 2rem;
+      text-align: center;
+      color: ${theme.textColor};
+      background: ${theme.borderColor};
+      border-radius: ${theme.normalRound};
+    }
   }
 `);
 

diff --git a/packages/gem-examples/src/console/index.ts b/packages/gem-examples/src/console/index.ts
@@ -85,19 +85,19 @@ const navItems: NavItems = [
 const contextMenus: ContextMenus = [
   {
     text: 'Command',
-    handle: () => Toast.open('default', 'Click Menu Command'),
+    handle: () => Toast.open('info', 'Click Menu Command'),
   },
   {
     text: 'Command 1',
-    handle: () => Toast.open('default', 'Click Menu Command 1'),
+    handle: () => Toast.open('info', 'Click Menu Command 1'),
   },
   {
     text: 'Command 2',
-    handle: () => Toast.open('default', 'Click Menu Command 2'),
+    handle: () => Toast.open('info', 'Click Menu Command 2'),
   },
   {
     text: 'Command 3',
-    handle: () => Toast.open('default', 'Click Menu Command 3'),
+    handle: () => Toast.open('info', 'Click Menu Command 3'),
   },
   {
     text: '---',