component---docs-components-menu-menu-jp-mdx-b34825531e33d59d6348.js.map

{"version":3,"sources":["webpack:///../docs/components/menu/menu.jp.mdx"],"names":["_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","components","props","mdxType","__position","__code","__scope","Playground","Props","Button","Menu","MenuListItem","language","wrapper","menuListItemReturn","console","log","menuListItems","key","leftText","rightText","splitLine","onClickMenuListItem","variant","size","propsItems","name","type","default","description","isMDXComponent"],"mappings":"4RAUaA,G,UAAe,S,kNAC5B,IAAMC,EAAc,CAClBD,gBAEIE,EAAYC,IACH,SAASC,EAAT,GAGZ,MAFDC,EAEC,EAFDA,WACGC,EACF,8BACD,OAAO,YAACJ,EAAD,eAAeD,EAAiBK,EAAhC,CAAuCD,WAAYA,EAAYE,QAAQ,cAG5E,iBAAQ,CACN,GAAM,QADR,QAGA,6BAEA,iBAAQ,CACN,GAAM,KADR,KAGA,YAAC,IAAD,CAAYC,WAAY,EAAGC,OAAQ,m0EAAs6EC,SAAO,GAC98EJ,QACAH,kBACAQ,eACAC,UACAC,gBACAC,SACAC,kBAP88E,gBAQ98EZ,IAR88E,EAS98EH,eAT88E,GAU78EgB,SAAS,MACZC,QAAQ,wHAAwHV,QAAQ,eACvI,WA+FG,OAJAW,mBAAqB,SAAH,oGAAG,WAAAA,GACnBC,QAAQC,IAAI,8BAA+BF,MAGtC,gCACC,YAAC,IAAD,CAAMG,cA5FW,CAAC,CACxBC,IAAK,IACLC,SAAU,WACVC,UAAW,UACV,CACDF,IAAK,IACLC,SAAU,aACVC,UAAW,gBACV,CACDC,WAAW,GACV,CACDH,IAAK,IACLC,SAAU,eACVC,UAAW,UACV,CACDF,IAAK,IACLC,SAAU,iBACVC,UAAW,iBACV,CACDF,IAAK,IACLC,SAAU,cACVF,cAAe,CAAC,CACdC,IAAK,MACLC,SAAU,uBACVC,UAAW,eACXH,cAAe,CAAC,CACdC,IAAK,QACLC,SAAU,uBACVC,UAAW,gBACV,CACDC,WAAW,GACV,CACDH,IAAK,QACLC,SAAU,qCACT,CACDD,IAAK,QACLC,SAAU,+CACT,CACDD,IAAK,QACLC,SAAU,oCACT,CACDE,WAAW,GACV,CACDH,IAAK,QACLC,SAAU,UACVC,UAAW,UACV,CACDC,WAAW,GACV,CACDH,IAAK,QACLC,SAAU,2BAEX,CACDE,WAAW,GACV,CACDH,IAAK,MACLC,SAAU,qCACT,CACDD,IAAK,MACLC,SAAU,+CACT,CACDD,IAAK,MACLC,SAAU,oCACT,CACDE,WAAW,GACV,CACDH,IAAK,MACLC,SAAU,UACVC,UAAW,UACV,CACDC,WAAW,GACV,CACDH,IAAK,MACLC,SAAU,2BAEX,CACDE,WAAW,GACV,CACDH,IAAK,IACLC,SAAU,OACVC,UAAW,UACV,CACDF,IAAK,IACLC,SAAU,aACVC,UAAW,iBAQkCE,oBAAqBR,mBAAoBX,QAAQ,QACpF,YAAC,SAAD,CAAQoB,QAAQ,YAAYC,KAAK,QAAQrB,QAAQ,UAAjD,aAKhB,iBAAQ,CACN,GAAM,OADR,OAGA,YAAC,IAAD,CAAOsB,WAAY,CAAC,CAClBC,KAAM,YACNC,KAAM,SACNC,QAAS,GACTC,YAAa,qBACZ,CACDH,KAAM,WACNC,KAAM,kBACNC,QAAS,GACTC,YAAa,uBACZ,CACDH,KAAM,OACNC,KAAM,sBACNC,QAAS,OACTC,YAAa,gBACZ,CACDH,KAAM,gBACNC,KAAM,iBACNC,QAAS,GACTC,YAAa,aACZ,CACDH,KAAM,YACNC,KAAM,wBACNC,QAAS,qCACTC,YAAa,YACZ,CACDH,KAAM,qBACNC,KAAM,yBACNC,QAAS,uCACTC,YAAa,eACZ,CACDH,KAAM,YACNC,KAAM,0DACNC,QAAS,GACTC,YAAa,qBACZ,CACDH,KAAM,sBACNC,KAAM,sCACNC,QAAS,GACTC,YAAa,iBACZ,CACDH,KAAM,sBACNC,KAAM,6CACNC,QAAS,GACTC,YAAa,cACX1B,QAAQ,gB,gNAKhBH,EAAW8B,gBAAiB","file":"component---docs-components-menu-menu-jp-mdx-b34825531e33d59d6348.js","sourcesContent":["import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\n\nimport DefaultLayout from \"E:/Git/Zain/zain-ui-organizations/zain-ui/packages/zain-ui/node_modules/gatsby-theme-docz/src/base/Layout.js\";\nimport { Playground } from 'docz';\nimport { Props } from 'src/zain-components-docz';\nimport { Button } from 'zain-ui/button';\nimport { Menu, MenuListItem } from 'zain-ui/menu';\nexport const _frontmatter = {};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n    <h1 {...{\n      \"id\": \"メニュー\"\n    }}>{`メニュー`}</h1>\n    <p>{`メニュー`}</p>\n\n    <h2 {...{\n      \"id\": \"例\"\n    }}>{`例`}</h2>\n    <Playground __position={0} __code={'() => {\\n  /**\\n   * 文件菜单栏\\n   */\\n  const fileMenuListItem = [\\n    { key: \\'1\\', leftText: \\'New File\\', rightText: \\'Ctrl+N\\' },\\n    { key: \\'2\\', leftText: \\'New Window\\', rightText: \\'Ctrl+Shift+N\\' },\\n    { splitLine: true },\\n    { key: \\'3\\', leftText: \\'Open File...\\', rightText: \\'Ctrl+O\\' },\\n    { key: \\'4\\', leftText: \\'Open Folder...\\', rightText: \\'Ctrl+K Ctrl+O\\' },\\n    {\\n      key: \\'5\\',\\n      leftText: \\'Open Recent\\',\\n      menuListItems: [\\n        {\\n          key: \\'5-1\\',\\n          leftText: \\'Reopen Closed Editor\\',\\n          rightText: \\'Ctrl+Shift+T\\',\\n          menuListItems: [\\n            {\\n              key: \\'5-1-1\\',\\n              leftText: \\'Reopen Closed Editor\\',\\n              rightText: \\'Ctrl+Shift+T\\',\\n            },\\n            { splitLine: true },\\n            { key: \\'5-1-2\\', leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\zainote\\' },\\n            {\\n              key: \\'5-1-3\\',\\n              leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\zainote.github.io\\',\\n            },\\n            { key: \\'5-1-4\\', leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\vscode\\' },\\n            { splitLine: true },\\n            { key: \\'5-1-5\\', leftText: \\'More...\\', rightText: \\'Ctrl+R\\' },\\n            { splitLine: true },\\n            { key: \\'5-1-6\\', leftText: \\'Clear Recently Opened\\' },\\n          ],\\n        },\\n        { splitLine: true },\\n        { key: \\'5-2\\', leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\zainote\\' },\\n        {\\n          key: \\'5-3\\',\\n          leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\zainote.github.io\\',\\n        },\\n        { key: \\'5-4\\', leftText: \\'D:\\\\\\\\Documents\\\\\\\\Git\\\\\\\\Zain\\\\\\\\vscode\\' },\\n        { splitLine: true },\\n        { key: \\'5-5\\', leftText: \\'More...\\', rightText: \\'Ctrl+R\\' },\\n        { splitLine: true },\\n        { key: \\'5-6\\', leftText: \\'Clear Recently Opened\\' },\\n      ],\\n    },\\n    { splitLine: true },\\n    { key: \\'6\\', leftText: \\'Save\\', rightText: \\'Ctrl+S\\' },\\n    { key: \\'7\\', leftText: \\'Save As...\\', rightText: \\'Ctrl+Shift+S\\' },\\n  ]\\n  menuListItemReturn = menuListItemReturn => {\\n    console.log(\\'zain>>>>>menuListItemReturn\\', menuListItemReturn)\\n  }\\n  return (\\n    <>\\n      <Menu\\n        menuListItems={fileMenuListItem}\\n        onClickMenuListItem={menuListItemReturn}\\n      >\\n        <Button variant=\\\"contained\\\" size=\\\"small\\\">\\n          Menu\\n        </Button>\\n      </Menu>\\n    </>\\n  )\\n}'} __scope={{\n      props,\n      DefaultLayout,\n      Playground,\n      Props,\n      Button,\n      Menu,\n      MenuListItem,\n      DefaultLayout,\n      _frontmatter\n    }} language='tsx' // demo 网址，可以通过组件旁边的按钮，链接到不同平台的 demo (多个平台间 '|' 号隔开，第一个按钮 codesandbox，第二个按钮 stackblitz)\n    wrapper='https://stackblitz.com/edit/zain-ui-menu?file=menuDemo.tsx|https://stackblitz.com/edit/zain-ui-menu?file=menuDemo.tsx' mdxType=\"Playground\">\n    {() => {\n        /**\n        * 文件菜单栏\n        */\n        const fileMenuListItem = [{\n          key: '1',\n          leftText: 'New File',\n          rightText: 'Ctrl+N'\n        }, {\n          key: '2',\n          leftText: 'New Window',\n          rightText: 'Ctrl+Shift+N'\n        }, {\n          splitLine: true\n        }, {\n          key: '3',\n          leftText: 'Open File...',\n          rightText: 'Ctrl+O'\n        }, {\n          key: '4',\n          leftText: 'Open Folder...',\n          rightText: 'Ctrl+K Ctrl+O'\n        }, {\n          key: '5',\n          leftText: 'Open Recent',\n          menuListItems: [{\n            key: '5-1',\n            leftText: 'Reopen Closed Editor',\n            rightText: 'Ctrl+Shift+T',\n            menuListItems: [{\n              key: '5-1-1',\n              leftText: 'Reopen Closed Editor',\n              rightText: 'Ctrl+Shift+T'\n            }, {\n              splitLine: true\n            }, {\n              key: '5-1-2',\n              leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\zainote'\n            }, {\n              key: '5-1-3',\n              leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\zainote.github.io'\n            }, {\n              key: '5-1-4',\n              leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\vscode'\n            }, {\n              splitLine: true\n            }, {\n              key: '5-1-5',\n              leftText: 'More...',\n              rightText: 'Ctrl+R'\n            }, {\n              splitLine: true\n            }, {\n              key: '5-1-6',\n              leftText: 'Clear Recently Opened'\n            }]\n          }, {\n            splitLine: true\n          }, {\n            key: '5-2',\n            leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\zainote'\n          }, {\n            key: '5-3',\n            leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\zainote.github.io'\n          }, {\n            key: '5-4',\n            leftText: 'D:\\\\Documents\\\\Git\\\\Zain\\\\vscode'\n          }, {\n            splitLine: true\n          }, {\n            key: '5-5',\n            leftText: 'More...',\n            rightText: 'Ctrl+R'\n          }, {\n            splitLine: true\n          }, {\n            key: '5-6',\n            leftText: 'Clear Recently Opened'\n          }]\n        }, {\n          splitLine: true\n        }, {\n          key: '6',\n          leftText: 'Save',\n          rightText: 'Ctrl+S'\n        }, {\n          key: '7',\n          leftText: 'Save As...',\n          rightText: 'Ctrl+Shift+S'\n        }];\n\n        menuListItemReturn = menuListItemReturn => {\n          console.log('zain>>>>>menuListItemReturn', menuListItemReturn);\n        };\n\n        return <>\n                <Menu menuListItems={fileMenuListItem} onClickMenuListItem={menuListItemReturn} mdxType=\"Menu\">\n                    <Button variant=\"contained\" size=\"small\" mdxType=\"Button\">Menu</Button>\n                </Menu>\n            </>;\n      }}\n    </Playground>\n    <h2 {...{\n      \"id\": \"api\"\n    }}>{`API`}</h2>\n    <Props propsItems={[{\n      name: 'className',\n      type: 'string',\n      default: '',\n      description: '组件根元素新增 className'\n    }, {\n      name: 'children',\n      type: 'React.ReactNode',\n      default: '',\n      description: '触发显示菜单列表的元素，通过子元素传递'\n    }, {\n      name: 'open',\n      type: 'boolean | undefined',\n      default: 'true',\n      description: '是否可以显示菜单列表组件'\n    }, {\n      name: 'menuListItems',\n      type: 'MenuListItem[]',\n      default: '',\n      description: '菜单列表项具体内容'\n    }, {\n      name: 'placement',\n      type: 'MenuListPlacementEnum',\n      default: 'MenuListPlacementEnum.BOTTOM_START',\n      description: '菜单列表放置位置'\n    }, {\n      name: 'openMenuMouseEvent',\n      type: 'OpenMenuMouseEventEnum',\n      default: 'OpenMenuMouseEventEnum.ON_MOUSE_DOWN',\n      description: '打开菜单列表的鼠标事件'\n    }, {\n      name: 'container',\n      type: 'Element | React.Component | (() => React.ReactInstance)',\n      default: '',\n      description: '菜单列表渲染到指定 DOM 元素内'\n    }, {\n      name: 'onMenuListOpenClose',\n      type: '(open: boolean | undefined) => void',\n      default: '',\n      description: '监听菜单列表（打开/关闭）'\n    }, {\n      name: 'onClickMenuListItem',\n      type: '(menuListItemReturn: MenuListItem) => void',\n      default: '',\n      description: '监听单击每个菜单项'\n    }]} mdxType=\"Props\" />\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      "],"sourceRoot":""}