@knockout-js/layout 0.1.0 → 0.1.1-beta.0

package/es2017/components/layout/index.js

@@ -5,16 +5,17 @@ import { ProLayout } from "@ant-design/pro-layout";
 import I18nDropdown from "../i18n-dropdown/index";
 import TenantDropdown from "../tenant-dropdown/index";
 import AvatarDropdown from "../avatar-dropdown/index";
+import MsgDropdown from "../msg-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
 import { CollectProviders, LocaleType } from "../index";
 import { gql, query } from "@knockout-js/ice-urql/request";
-import { iceUrqlInstance } from "../index";
 import { OpenWin } from "../icons/index";
 import { logoBase64 } from "./logo";
 import AggregateMenu from "../aggregate-menu/index";
 import { BarsOutlined } from "@ant-design/icons";
 import { listFormatTreeData } from "../_util/index";
+import { instanceName } from "@knockout-js/api";
 const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
   userMenus(appCode: $appCode){
     id,parentID,kind,name,comments,displaySort,icon,route
@@ -67,7 +68,7 @@ const Layout = (props)=>{
                         const result = await query(userMenuListQuery, {
                             appCode: props.appCode
                         }, {
-                            instanceName: iceUrqlInstance.ucenter
+                            instanceName: instanceName.UCENTER
                         });
                         if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMenus.length) {
                             const meunList = result.data.userMenus.sort((d1, d2)=>{
@@ -97,6 +98,9 @@ const Layout = (props)=>{
                 actionsRender: ()=>{
                     const actions = [];
                     if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
+                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
+                        ref: props.msgRef
+                    }, props.msgProps)));
                     actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
                     actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
                     if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));
@@ -125,7 +129,7 @@ const Layout = (props)=>{
             }, props.proLayoutProps), {
                 children: props.children
             })),
-            /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps))
+            props.aggregateMenuProps ? /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps)) : /*#__PURE__*/ _jsx(_Fragment, {})
         ]
     });
 };

package/es2017/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 语言\r\n   * 默认 LocaleType.zhCN\r\n   */\r\n  locale?: LocaleType;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps?: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={props.locale ?? LocaleType.zhCN}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps?.value ?? false}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: iceUrqlInstance.ucenter });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTreeData(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => {\r\n          const actions: ReactNode[] = [];\r\n          if (props.i18nProps) {\r\n            actions.push(<I18nDropdown {...props.i18nProps} />)\r\n          }\r\n          actions.push(<TenantDropdown {...props.tenantProps} />)\r\n          actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n          if (props.themeSwitchProps) {\r\n            actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n          }\r\n          return actions;\r\n        }}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      <AggregateMenu\r\n        {...props.aggregateMenuProps}\r\n      />\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","iceUrqlInstance","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","instanceName","ucenter","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":";;;AAAA,SAAuBA,SAAS,QAAwB,yBAAyB;AACjF,OAAOC,kBAAyC,yBAAmB;AACnE,OAAOC,oBAA6C,2BAAqB;AACzE,OAAOC,oBAA6C,2BAAqB;AACzE,OAAOC,iBAAuC,wBAAkB;AAChE,OAAOC,YAAY,sBAAsB;AAGzC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,WAAK;AAClD,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,eAAe,QAAQ,WAAK;AACrC,SAASC,OAAO,QAAQ,iBAAW;AAEnC,SAASC,UAAU,QAAQ,SAAS;AACpC,OAAOC,mBAA2C,0BAAoB;AACtE,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,kBAAkB,QAAQ,iBAAW;AA6D9C,MAAMC,oBAAoBR,IAAI,WAAW,GAAE,CAAC;;;;CAI3C,CAAC;AAGF,MAAMS,SAAS,CAACC,QAAuB;QAQ3BA;QAHEA,eAGFA;IALV,qBACE,MAACZ;QACCa,QAAQD,CAAAA,gBAAAA,MAAMC,MAAM,cAAZD,2BAAAA,gBAAgBX,WAAWa,IAAI;QACvCC,SAASH,MAAMG,OAAO;QACtBC,UAAUJ,MAAMK,WAAW,CAACC,KAAK;QACjCC,MAAMP,CAAAA,gCAAAA,CAAAA,0BAAAA,MAAMQ,gBAAgB,cAAtBR,qCAAAA,KAAAA,IAAAA,wBAAwBM,KAAK,cAA7BN,2CAAAA,gCAAiC,KAAK;QAC5CS,UAAUT,MAAMS,QAAQ;;0BAExB,KAAC3B;gBACC4B,WAAWvB,OAAOwB,MAAM;gBACxBC,mBAAmB,CAACC,MAAMC,QAAU;wBAExBd;oBADV,qBAAO;;4BACJ,OAAOA,CAAAA,CAAAA,4BAAAA,MAAMe,kBAAkB,cAAxBf,uCAAAA,KAAAA,IAAAA,0BAA0BgB,IAAI,AAAD,MAAM,0BAAY,KAACpB;gCACtDqB,KAAKC;gCACLC,OAAO;oCAAEC,UAAU;oCAAIC,aAAa;gCAAG;gCACvCC,SAAS,IAAM;wCACbtB;oCAAAA,CAAAA,4BAAAA,MAAMe,kBAAkB,cAAxBf,uCAAAA,KAAAA,IAAAA,0CAAAA,0BAA0BuB,8EAA1BvB,KAAAA,IAAAA,uCAAAA,KAAAA,2BAAyC,IAAI;gCAC/C;+CACG,mBAAK;4BACTa;4BACAC;;;gBAEL;gBACAA,OAAM;gBACND,oBAAM,KAACW;oBAAIC,KAAK/B;oBAAYgC,KAAI;;gBAChCf,QAAO;gBACPgB,WAAW;gBACXC,0BAA0B;gBAC1BC,MAAM;oBACJ5B,QAAQ,IAAI;oBACZ6B,SAAS,UAAY;4BAIfC;wBAHJ,MAAMA,SAAS,MAAMxC,MAAqDO,mBAAmB;4BAC3FK,SAASH,MAAMG,OAAO;wBACxB,GAAG;4BAAE6B,cAAcxC,gBAAgByC,OAAO;wBAAC;wBAC3C,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,UAAUC,MAAM,EAAE;4BACjC,MAAMC,WAAWN,OAAOG,IAAI,CAACC,SAAS,CAACG,IAAI,CAAC,CAACC,IAAIC,KAAO;gCACtD,MAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;gCAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;4BACxH,GAAGE,GAAG,CAACC,CAAAA,OAAQ;gCACb,OAAO;oCACLC,KAAKD,KAAKE,EAAE;oCACZC,MAAMH,KAAKG,IAAI;oCACfC,MAAMJ,KAAKI,IAAI,GAAGlD,MAAMmD,QAAQ,iBAAG,KAACnD,MAAMmD,QAAQ;wCAACC,MAAMN,KAAKI,IAAI;uDAAO,KAACG;wCAAE3C,WAAWoC,KAAKI,IAAI;sCAAI,GAAGhC,SAAS;oCAChHoC,UAAUR,KAAKF,QAAQ;oCACvBW,MAAMT,KAAKU,KAAK;gCAClB;4BACF;4BAEA,OAAO3D,mBAAmBwC;wBAC5B,CAAC;wBACD,OAAO,EAAE;oBACX;gBACF;gBACAoB,UAAU;oBACRhD,UAAUT,MAAMS,QAAQ;gBAC1B;gBACAiD,eAAe,IAAM;oBACnB,MAAMC,UAAuB,EAAE;oBAC/B,IAAI3D,MAAM4D,SAAS,EACjBD,QAAQE,IAAI,eAAC,KAAC9E,iCAAiBiB,MAAM4D,SAAS;oBAEhDD,QAAQE,IAAI,eAAC,KAAC7E,mCAAmBgB,MAAMK,WAAW;oBAClDsD,QAAQE,IAAI,eAAC,KAAC5E,mCAAmBe,MAAM8D,WAAW;oBAClD,IAAI9D,MAAMQ,gBAAgB,EACxBmD,QAAQE,IAAI,eAAC,KAAC3E,gCAAgBc,MAAMQ,gBAAgB;oBAEtD,OAAOmD;gBACT;gBACAI,gBAAgB,CAACjB,MAAMkB;oBAAgBlB,OAAAA,KAAKS,IAAI,iBAAG;;0CACjD,KAACU;gCACC3C,SAAS,IAAM;wCACbtB;oCAAAA,CAAAA,yBAAAA,MAAMkE,eAAe,cAArBlE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB8C,MAAM,KAAK;gCACrC;0CACAkB;;0CACF,KAACvE;gCACCiB,WAAWvB,OAAOgF,aAAa;gCAC/B7C,SAAS,IAAM;wCACbtB;oCAAAA,CAAAA,yBAAAA,MAAMkE,eAAe,cAArBlE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB8C,MAAM,IAAI;gCACpC;;;yBAGAkB,UAAU;;eACVhE,MAAMoE,cAAc;0BAEvBpE,MAAMqE,QAAQ;;0BAEjB,KAAC1E,kCACKK,MAAMe,kBAAkB;;;AAIpC;AAEA,eAAehB,OAAM"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/esm/gql/ucenter/graphql';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 语言\r\n   * 默认 LocaleType.zhCN\r\n   */\r\n  locale?: LocaleType;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * MsgDropdown组件的高级方法\r\n   */\r\n  msgRef?: Ref<MsgDropdownRef>\r\n  /**\r\n   * MsgDropdown组件对应的参数\r\n   */\r\n  msgProps?: MsgDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps?: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={props.locale ?? LocaleType.zhCN}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps?.value ?? false}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: instanceName.UCENTER });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTreeData(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => {\r\n          const actions: ReactNode[] = [];\r\n          if (props.i18nProps) {\r\n            actions.push(<I18nDropdown {...props.i18nProps} />)\r\n          }\r\n          if (props.msgProps) {\r\n            actions.push(<MsgDropdown ref={props.msgRef} {...props.msgProps} />)\r\n          }\r\n          actions.push(<TenantDropdown {...props.tenantProps} />)\r\n          actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n          if (props.themeSwitchProps) {\r\n            actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n          }\r\n          return actions;\r\n        }}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      {\r\n        props.aggregateMenuProps ? <AggregateMenu\r\n          {...props.aggregateMenuProps}\r\n        /> : <></>\r\n      }\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","msgRef","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}

package/es2017/components/layout/layout.module.css

@@ -1,32 +1,26 @@
-.layout {
-  :global(.ant-pro-sider-collapsed .ant-menu-item-active) {
-    .menuIconPopup {
-      display: none;
-    }
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-item-active) .menuIconPopup {
+  display: none;
+}
 
-  :global(.ant-pro-sider-collapsed .ant-menu-submenu-title .anticon) {
-    line-height: normal;
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-submenu-title .anticon) {
+  line-height: normal;
+}
 
-  :global(.ant-pro-sider-collapsed .ant-menu-item .anticon) {
-    line-height: normal;
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-item .anticon) {
+  line-height: normal;
+}
 
-  :global(.ant-pro-global-header-header-actions-item .ant-switch) {
-    padding-block: 0;
-    border-radius: 100px;
-  }
+.layout :global(.ant-pro-global-header-header-actions-item .ant-switch) {
+  padding-block: 0;
+  border-radius: 100px;
+}
 
-  :global(.ant-layout-content) {
-    padding: 0;
-  }
+.layout :global(.ant-layout-content) {
+  padding: 0;
 }
 
-:global(.ant-menu-item-active) {
-  .menuIconPopup {
-    display: block;
-  }
+:global(.ant-menu-item-active) .menuIconPopup {
+  display: block;
 }
 
 :global(.ant-menu-submenu-popup .ant-pro-base-menu-inline-item-title) {
@@ -39,8 +33,8 @@
   top: 50%;
   right: 16px;
   margin-top: -6px;
+}
 
-  :global(&.anticon) {
-    display: none;
-  }
+.menuIconPopup:global(.anticon) {
+  display: none;
 }

package/es2017/components/locale/en_US.js

@@ -4,6 +4,7 @@ import AvatarDropdown from "../avatar-dropdown/locale/en_US";
 import TenantDropdown from "../tenant-dropdown/locale/en_US";
 import AggregateMenu from "../aggregate-menu/locale/en_US";
 import UploadFile from "../upload-file/locale/en_US";
+import MsgDropdown from "../msg-dropdown/locale/en_US";
 const localeValues = {
     locale: 'en-us',
     ThemeSwitch,
@@ -11,7 +12,8 @@ const localeValues = {
     AvatarDropdown,
     TenantDropdown,
     AggregateMenu,
-    UploadFile
+    UploadFile,
+    MsgDropdown
 };
 export default localeValues;
 

package/es2017/components/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/en_US\";\r\nimport UploadFile from \"../upload-file/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AAErD,MAAMC,eAAuB;IAC3BC,QAAQ;IACRP;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAEA,eAAeC,aAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/en_US\";\r\nimport UploadFile from \"../upload-file/locale/en_US\";\r\nimport MsgDropdown from \"../msg-dropdown/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n  MsgDropdown,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","MsgDropdown","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AACrD,OAAOC,iBAAiB,+BAA+B;AAEvD,MAAMC,eAAuB;IAC3BC,QAAQ;IACRR;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAEA,eAAeC,aAAY"}

package/es2017/components/locale/index.d.ts

@@ -4,6 +4,7 @@ import { LeavePromptLocale } from '../leave-prompt';
 import { AvatarDropdownLocale } from '../avatar-dropdown';
 import { AggregateMenuLocale } from "../aggregate-menu";
 import { UploadFileLocale } from "../upload-file";
+import { MsgDropdownLocale } from "../msg-dropdown";
 export interface Locale {
     locale: string;
     ThemeSwitch: ThemeSwitchLocale;
@@ -12,6 +13,7 @@ export interface Locale {
     TenantDropdown: TenantDropdownLocale;
     AggregateMenu: AggregateMenuLocale;
     UploadFile: UploadFileLocale;
+    MsgDropdown: MsgDropdownLocale;
 }
 export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 /**

package/es2017/components/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { AggregateMenuLocale } from \"../aggregate-menu\";\r\nimport { Context, LocaleType, ProviderProps } from \"../provider\";\r\nimport { UploadFileLocale } from \"../upload-file\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  AggregateMenu: AggregateMenuLocale;\r\n  UploadFile: UploadFileLocale;\r\n}\r\n\r\n\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["useContext","zhCN","enUS","Context","LocaleType","useLocale","componentName","ctx","locale"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;AAM3B,SAASC,OAAO,EAAEC,UAAU,QAAuB,oBAAc;AAiBjE;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAgCC,gBAAqB;IAC5E,MAAMC,MAAMP,WAA0BG;IACtC,IAAII,IAAIC,MAAM,KAAKJ,WAAWF,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACI,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKL,IAAI,CAACK,cAAc;AACjC,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { AggregateMenuLocale } from \"../aggregate-menu\";\r\nimport { Context, LocaleType, ProviderProps } from \"../provider\";\r\nimport { UploadFileLocale } from \"../upload-file\";\r\nimport { MsgDropdownLocale } from \"../msg-dropdown\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  AggregateMenu: AggregateMenuLocale;\r\n  UploadFile: UploadFileLocale;\r\n  MsgDropdown: MsgDropdownLocale;\r\n}\r\n\r\n\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["useContext","zhCN","enUS","Context","LocaleType","useLocale","componentName","ctx","locale"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;AAM3B,SAASC,OAAO,EAAEC,UAAU,QAAuB,oBAAc;AAmBjE;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAgCC,gBAAqB;IAC5E,MAAMC,MAAMP,WAA0BG;IACtC,IAAII,IAAIC,MAAM,KAAKJ,WAAWF,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACI,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKL,IAAI,CAACK,cAAc;AACjC,EAAC"}

package/es2017/components/locale/zh_CN.js

@@ -4,6 +4,7 @@ import AvatarDropdown from "../avatar-dropdown/locale/zh_CN";
 import TenantDropdown from "../tenant-dropdown/locale/zh_CN";
 import AggregateMenu from "../aggregate-menu/locale/zh_CN";
 import UploadFile from "../upload-file/locale/zh_CN";
+import MsgDropdown from "../msg-dropdown/locale/zh_CN";
 const localeValues = {
     locale: 'zh-cn',
     ThemeSwitch,
@@ -11,7 +12,8 @@ const localeValues = {
     AvatarDropdown,
     TenantDropdown,
     AggregateMenu,
-    UploadFile
+    UploadFile,
+    MsgDropdown
 };
 export default localeValues;
 

package/es2017/components/locale/zh_CN.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\zh_CN.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/zh_CN\";\r\nimport LeavePrompt from \"../leave-prompt/locale/zh_CN\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/zh_CN\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/zh_CN\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/zh_CN\";\r\nimport UploadFile from \"../upload-file/locale/zh_CN\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'zh-cn',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AAErD,MAAMC,eAAuB;IAC3BC,QAAQ;IACRP;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAEA,eAAeC,aAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\zh_CN.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/zh_CN\";\r\nimport LeavePrompt from \"../leave-prompt/locale/zh_CN\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/zh_CN\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/zh_CN\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/zh_CN\";\r\nimport UploadFile from \"../upload-file/locale/zh_CN\";\r\nimport MsgDropdown from \"../msg-dropdown/locale/zh_CN\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'zh-cn',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n  MsgDropdown,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","MsgDropdown","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AACrD,OAAOC,iBAAiB,+BAA+B;AAEvD,MAAMC,eAAuB;IAC3BC,QAAQ;IACRR;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAEA,eAAeC,aAAY"}

package/es2017/components/modal/index.module.css

@@ -12,9 +12,9 @@
 .screenfulModal {
   max-width: 100vw;
   padding-bottom: 0;
+}
 
-  :global(.ant-modal-body) {
-    height: calc(100vh - 116px);
-    overflow: auto;
-  }
+.screenfulModal :global(.ant-modal-body) {
+  height: calc(100vh - 116px);
+  overflow: auto;
 }

package/es2017/components/msg-dropdown/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { MsgInternalTo } from '@knockout-js/api/esm/gql/msgcenter/graphql';
+export interface MsgDropdownLocale {
+    title: string;
+    footer: string;
+}
+export interface MsgDropdownProps {
+    /**
+     * 最多显示几条
+     */
+    maxLength?: number;
+    /**
+     * 选中一项
+     * @param data
+     * @returns
+     */
+    onItemClick?: (data: MsgInternalTo) => void;
+    /**
+     * 查看更多
+     * @returns
+     */
+    onMoreClick?: () => void;
+}
+export type MsgDropdownRef = {
+    setShowDot: () => void;
+};
+declare const _default: import("react").ForwardRefExoticComponent<MsgDropdownProps & import("react").RefAttributes<MsgDropdownRef>>;
+export default _default;

package/es2017/components/msg-dropdown/index.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { Badge, Dropdown, List } from "antd";
+import styles from "./index.module.css";
+import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { BellOutlined } from "@ant-design/icons";
+import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/esm/gql/msgcenter/graphql";
+import { getDate } from "../_util/index";
+import { useLocale } from "../locale/index";
+import { gql, paging, query } from "@knockout-js/ice-urql/request";
+import { instanceName } from "@knockout-js/api";
+const userMsgQuery = gql(/* GraphQL */ `query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){
+  userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){
+    totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }
+    edges{
+      cursor,node{
+        id,msgInternalID,createdAt,deleteAt,readAt,userID
+        msgInternal{
+          id,tenantID,createdBy,createdAt,subject,body,format,redirect,category
+        }
+      }
+    }
+  }
+}`);
+const userUnreadQuery = gql(/* GraphQL */ `query layoutPkgUserUnreadMsgInternals{
+  userUnreadMsgInternals
+}`);
+export default /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _props_maxLength;
+    const locale = useLocale('MsgDropdown'), [items, setItems] = useState([]), [open, setOpen] = useState(false), [showDot, setShowDot] = useState(false), [loading, setLoading] = useState(false), maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
+    const requestData = async ()=>{
+        var _result_data, _result_data_userMsgInternalTos_edges;
+        setLoading(true);
+        const result = await paging(userMsgQuery, {
+            first: maxLength,
+            where: {
+                readAtIsNil: true
+            },
+            orderBy: {
+                direction: OrderDirection.Desc,
+                field: MsgInternalToOrderField.CreatedAt
+            }
+        }, 1, {
+            instanceName: instanceName.MSGCENTER
+        }), list = [];
+        if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach((item)=>{
+            if (item === null || item === void 0 ? void 0 : item.node) list.push({
+                key: item.node.id,
+                data: item.node
+            });
+        });
+        setShowDot(list.length > 0);
+        setItems(list);
+        setLoading(false);
+    }, requestUnread = async ()=>{
+        var _result_data;
+        const result = await query(userUnreadQuery, {}, {
+            instanceName: instanceName.MSGCENTER
+        });
+        var _result_data_userUnreadMsgInternals;
+        setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
+    };
+    useImperativeHandle(ref, ()=>({
+            setShowDot: ()=>{
+                setShowDot(true);
+            }
+        }));
+    useEffect(()=>{
+        if (open) requestData();
+    }, [
+        open
+    ]);
+    useEffect(()=>{
+        requestUnread();
+    }, []);
+    return /*#__PURE__*/ _jsx(Dropdown, {
+        menu: {
+            items
+        },
+        trigger: [
+            'click'
+        ],
+        open: open,
+        onOpenChange: setOpen,
+        placement: "bottomRight",
+        dropdownRender: ()=>{
+            /*#__PURE__*/ return _jsx(List, {
+                loading: loading,
+                className: styles.list,
+                header: /*#__PURE__*/ _jsx("div", {
+                    children: locale.title
+                }),
+                footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
+                    className: styles.footer,
+                    onClick: ()=>{
+                        var _props_onMoreClick;
+                        (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
+                    },
+                    children: locale.footer
+                }) : undefined,
+                bordered: true,
+                size: "small",
+                dataSource: items,
+                renderItem: (item)=>{
+                    /*#__PURE__*/ return _jsx(List.Item, {
+                        onClick: ()=>{
+                            var _props_onItemClick;
+                            (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
+                        },
+                        children: /*#__PURE__*/ _jsx(List.Item.Meta, {
+                            title: item.data.msgInternal.subject,
+                            description: getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')
+                        })
+                    }, item.key);
+                }
+            });
+        },
+        children: /*#__PURE__*/ _jsx("span", {
+            className: styles.action,
+            children: /*#__PURE__*/ _jsx(Badge, {
+                dot: showDot,
+                children: /*#__PURE__*/ _jsx(BellOutlined, {
+                    rev: undefined
+                })
+            })
+        })
+    });
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\msg-dropdown\index.js.map

package/es2017/components/msg-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/esm/gql/msgcenter/graphql';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n  title: string;\r\n  footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n  /**\r\n   * 最多显示几条\r\n   */\r\n  maxLength?: number;\r\n  /**\r\n   * 选中一项\r\n   * @param data\r\n   * @returns\r\n   */\r\n  onItemClick?: (data: MsgInternalTo) => void;\r\n  /**\r\n   * 查看更多\r\n   * @returns\r\n   */\r\n  onMoreClick?: () => void;\r\n}\r\n\r\ntype ItemsTypeData = {\r\n  key: string;\r\n  data: MsgInternalTo;\r\n}\r\n\r\nconst userMsgQuery = gql(/* GraphQL */`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n  userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n    totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n    edges{\r\n      cursor,node{\r\n        id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n        msgInternal{\r\n          id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n        }\r\n      }\r\n    }\r\n  }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/* GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n  userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n  setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n  const locale = useLocale('MsgDropdown'),\r\n    [items, setItems] = useState<ItemsTypeData[]>([]),\r\n    [open, setOpen] = useState(false),\r\n    [showDot, setShowDot] = useState(false),\r\n    [loading, setLoading] = useState(false),\r\n    maxLength = props.maxLength ?? 5;\r\n\r\n  const\r\n    requestData = async () => {\r\n      setLoading(true);\r\n      const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n        userMsgQuery, {\r\n        first: maxLength,\r\n        where: {\r\n          readAtIsNil: true,\r\n        },\r\n        orderBy: {\r\n          direction: OrderDirection.Desc,\r\n          field: MsgInternalToOrderField.CreatedAt\r\n        },\r\n      }, 1, {\r\n        instanceName: instanceName.MSGCENTER,\r\n      }), list: ItemsTypeData[] = [];\r\n      if (result.data?.userMsgInternalTos) {\r\n        result.data.userMsgInternalTos.edges?.forEach(item => {\r\n          if (item?.node) {\r\n            list.push({\r\n              key: item.node.id,\r\n              data: item.node as MsgInternalTo,\r\n            });\r\n          }\r\n        })\r\n      }\r\n      setShowDot(list.length > 0);\r\n      setItems(list);\r\n      setLoading(false);\r\n    },\r\n    requestUnread = async () => {\r\n      const result = await query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, { instanceName: instanceName.MSGCENTER });\r\n      setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n    };\r\n\r\n  useImperativeHandle(ref, () => ({\r\n    setShowDot: () => {\r\n      setShowDot(true);\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      requestData();\r\n    }\r\n  }, [open])\r\n\r\n  useEffect(() => {\r\n    requestUnread();\r\n  }, [])\r\n\r\n  return <Dropdown\r\n    menu={{\r\n      items,\r\n    }}\r\n    trigger={['click']}\r\n    open={open}\r\n    onOpenChange={setOpen}\r\n    placement=\"bottomRight\"\r\n    dropdownRender={() => <List\r\n      loading={loading}\r\n      className={styles.list}\r\n      header={<div>{locale.title}</div>}\r\n      footer={props.onMoreClick ? <span\r\n        className={styles.footer}\r\n        onClick={() => {\r\n          props.onMoreClick?.();\r\n        }}\r\n      >\r\n        {locale.footer}\r\n      </span> : undefined}\r\n      bordered\r\n      size=\"small\"\r\n      dataSource={items}\r\n      renderItem={(item) => <List.Item\r\n        key={item.key}\r\n        onClick={() => {\r\n          props.onItemClick?.(item.data)\r\n        }}\r\n      >\r\n        <List.Item.Meta title={item.data.msgInternal.subject} description={getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n      </List.Item>\r\n      }\r\n    />}\r\n  >\r\n    <span className={styles.action}>\r\n      <Badge dot={showDot}>\r\n        <BellOutlined rev={undefined} />\r\n      </Badge>\r\n    </span>\r\n  </Dropdown >;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","list","data","userMsgInternalTos","edges","forEach","item","node","push","key","id","length","requestUnread","userUnreadMsgInternals","menu","trigger","onOpenChange","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","action","dot","rev"],"mappings":"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"}

package/es2017/components/msg-dropdown/index.module.css

@@ -0,0 +1,33 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action>span {
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.list {
+  background-color: #ffffff;
+  width: 380px;
+}
+
+.list :global(.ant-list-item) {
+  cursor: pointer;
+}
+
+.list :global(.ant-list-header) {
+  font-weight: bold;
+  border-radius: 8px 8px 0 0;
+  background-color: #fafafa;
+}
+
+
+.footer {
+  cursor: pointer;
+}

package/es2017/components/msg-dropdown/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import { MsgDropdownLocale } from "../index";
+declare const locale: MsgDropdownLocale;
+export default locale;

package/es2017/components/msg-dropdown/locale/en_US.js

@@ -0,0 +1,7 @@
+const locale = {
+    title: "Station message notification",
+    footer: "See more"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\msg-dropdown\locale\en_US.js.map

package/es2017/components/msg-dropdown/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n  title: \"Station message notification\",\r\n  footer: \"See more\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}

package/es2017/components/msg-dropdown/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { MsgDropdownLocale } from "../index";
+declare const locale: MsgDropdownLocale;
+export default locale;

package/es2017/components/msg-dropdown/locale/zh_CN.js

@@ -0,0 +1,7 @@
+const locale = {
+    title: "站内消息通知",
+    footer: "查看更多"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\msg-dropdown\locale\zh_CN.js.map

package/es2017/components/msg-dropdown/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n  title: \"站内消息通知\",\r\n  footer: \"查看更多\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}

package/es2017/components/tenant-dropdown/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Org } from '@knockout-js/api';
+import { Org } from '@knockout-js/api/esm/gql/ucenter/graphql';
 export interface TenantDropdownLocale {
     switchTipTitle: string;
     confirmTitle: string;

package/es2017/components/tenant-dropdown/index.js

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useState } from "react";
 import styles from "./index.module.css";
 import { useLocale } from "../locale/index";
 import { gql, query } from "@knockout-js/ice-urql/request";
-import { iceUrqlInstance } from "../index";
+import { instanceName } from "@knockout-js/api";
 const userRootOrgListQuery = gql(/* GraphQL */ `query userRootOrgs{
   userRootOrgs{
     id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone
@@ -16,7 +16,7 @@ export default ((props)=>{
     const getRequest = async ()=>{
         var _result_data;
         const result = await query(userRootOrgListQuery, {}, {
-            instanceName: iceUrqlInstance.ucenter
+            instanceName: instanceName.UCENTER
         });
         if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userRootOrgs.length) {
             const orgList = result.data.userRootOrgs;

package/es2017/components/tenant-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\n\r\nexport interface TenantDropdownLocale {\r\n  switchTipTitle: string;\r\n  confirmTitle: string;\r\n  confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n  /**\r\n   * 当前 tenantId\r\n   */\r\n  value: string;\r\n  /**\r\n   * 数据源\r\n   */\r\n  dataSource?: Org[];\r\n  /**\r\n   * value变更事件 (value: string) => void;\r\n   */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n  userRootOrgs{\r\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n  }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n  const locale = useLocale('TenantDropdown'),\r\n    [list, setList] = useState<Array<Org>>([]),\r\n    [info, setInfo] = useState<Org | undefined>(undefined),\r\n    [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n  const\r\n    getRequest = async () => {\r\n      const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: iceUrqlInstance.ucenter });\r\n      if (result.data?.userRootOrgs.length) {\r\n        const orgList = result.data.userRootOrgs as Org[]\r\n        setList(orgList)\r\n      }\r\n    },\r\n    setValue = () => {\r\n      setInfo(list.find(item => item.id == props.value));\r\n      setMenu({\r\n        items: list.filter(item => item?.id != props.value).map(item => {\r\n          return {\r\n            key: item.id,\r\n            label: item.name,\r\n            onClick: menuItemClick\r\n          };\r\n        }),\r\n      });\r\n    },\r\n    menuItemClick = useCallback(({ key }: { key: string }) => {\r\n      Modal.confirm({\r\n        title: locale.confirmTitle,\r\n        content: locale.confirmContent,\r\n        onOk: () => {\r\n          props.onChange(key)\r\n        },\r\n      });\r\n    }, []);\r\n\r\n  useEffect(() => {\r\n    if (document.hidden && (info && info.id != props.value)) {\r\n      const tipStr = locale.switchTipTitle;\r\n      document.title = tipStr;\r\n      document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n      window.close();\r\n    } else {\r\n      setValue()\r\n    }\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    setValue()\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\r\n\r\n  return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n    <span className={styles.action}>\r\n      <span>{info.name}</span>\r\n    </span>\r\n  </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","iceUrqlInstance","userRootOrgListQuery","props","menu","locale","list","setList","info","setInfo","undefined","setMenu","getRequest","result","instanceName","ucenter","data","userRootOrgs","length","orgList","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,eAAe,QAAQ,WAAK;AAuBrC,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAEY,cAAcb,gBAAgBc,OAAO;QAAC;QAC5I,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUN,OAAOG,IAAI,CAACC,YAAY;YACxCV,QAAQY;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfX,QAAQH,KAAKe,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,CAAC,EAAEkC,IAAG,EAAmB,GAAK;QACxDnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,IAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,IAAM;QACd,IAAI6C,SAASC,MAAM,IAAKjC,QAAQA,KAAKe,EAAE,IAAIpB,MAAMqB,KAAK,EAAG;YACvD,MAAMkB,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOxC,qBAAO,KAAChB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAM1C,KAAKsB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/esm/gql/ucenter/graphql';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n  switchTipTitle: string;\r\n  confirmTitle: string;\r\n  confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n  /**\r\n   * 当前 tenantId\r\n   */\r\n  value: string;\r\n  /**\r\n   * 数据源\r\n   */\r\n  dataSource?: Org[];\r\n  /**\r\n   * value变更事件 (value: string) => void;\r\n   */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n  userRootOrgs{\r\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n  }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n  const locale = useLocale('TenantDropdown'),\r\n    [list, setList] = useState<Array<Org>>([]),\r\n    [info, setInfo] = useState<Org | undefined>(undefined),\r\n    [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n  const\r\n    getRequest = async () => {\r\n      const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n      if (result.data?.userRootOrgs.length) {\r\n        const orgList = result.data.userRootOrgs as Org[]\r\n        setList(orgList)\r\n      }\r\n    },\r\n    setValue = () => {\r\n      setInfo(list.find(item => item.id == props.value));\r\n      setMenu({\r\n        items: list.filter(item => item?.id != props.value).map(item => {\r\n          return {\r\n            key: item.id,\r\n            label: item.name,\r\n            onClick: menuItemClick\r\n          };\r\n        }),\r\n      });\r\n    },\r\n    menuItemClick = useCallback(({ key }: { key: string }) => {\r\n      Modal.confirm({\r\n        title: locale.confirmTitle,\r\n        content: locale.confirmContent,\r\n        onOk: () => {\r\n          props.onChange(key)\r\n        },\r\n      });\r\n    }, []);\r\n\r\n  useEffect(() => {\r\n    if (document.hidden && (info && info.id != props.value)) {\r\n      const tipStr = locale.switchTipTitle;\r\n      document.title = tipStr;\r\n      document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n      window.close();\r\n    } else {\r\n      setValue()\r\n    }\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    setValue()\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\r\n\r\n  return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n    <span className={styles.action}>\r\n      <span>{info.name}</span>\r\n    </span>\r\n  </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","info","setInfo","undefined","setMenu","getRequest","result","UCENTER","data","userRootOrgs","length","orgList","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAED,cAAcA,aAAaa,OAAO;QAAC;QACzI,IAAID,CAAAA,eAAAA,OAAOE,IAAI,cAAXF,0BAAAA,KAAAA,IAAAA,aAAaG,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUL,OAAOE,IAAI,CAACC,YAAY;YACxCT,QAAQW;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfV,QAAQH,KAAKc,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,CAAC,EAAEiC,IAAG,EAAmB,GAAK;QACxDlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,IAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,IAAM;QACd,IAAI4C,SAASC,MAAM,IAAKhC,QAAQA,KAAKc,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,MAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,IAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAAChB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAaa,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}

package/es2017/components/upload-file/index.module.css

@@ -6,8 +6,8 @@
 
 .delText {
   color: #ff4d4f;
+}
 
-  &:hover {
-    color: #ff7875;
-  }
+.delText:hover {
+  color: #ff7875;
 }

package/es2017/components/upload-file/uploadAvatar.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import { PlusOutlined } from "@ant-design/icons";
 import { Spin, Upload, message } from "antd";
 import { useEffect, useState } from "react";
-import { files as fileApi } from "@knockout-js/api";
 import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
 import { formatFileSize, randomId } from "../_util/index";
+import { getFilesRaw, updateFiles } from "@knockout-js/api";
 export default ((props)=>{
     var _props_bucket, _props_appCode, _props_tenantId;
     const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local', appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
@@ -23,7 +23,7 @@ export default ((props)=>{
         const key = getUploadKey(file);
         setLoading(true);
         if (bucket === 'local') try {
-            const result = await fileApi.updateFiles({
+            const result = await updateFiles({
                 key,
                 bucket,
                 file
@@ -38,7 +38,7 @@ export default ((props)=>{
     }, getValueFile = async ()=>{
         if (props.value) {
             if (bucket === 'local') {
-                const result = await fileApi.getFilesRaw(props.value, 'url');
+                const result = await getFilesRaw(props.value, 'url');
                 if (typeof result === 'string') setImgsrc(result);
             }
         } else setImgsrc(undefined);