@knockout-js/layout 0.1.1-beta.1 → 0.1.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/es2017/components/layout/index.js +6 -3
  2. package/es2017/components/layout/index.js.map +1 -1
  3. package/es2017/components/msg-dropdown/index.js +45 -48
  4. package/es2017/components/msg-dropdown/index.js.map +1 -1
  5. package/esm/components/layout/index.js +8 -3
  6. package/esm/components/layout/index.js.map +1 -1
  7. package/esm/components/msg-dropdown/index.js +76 -101
  8. package/esm/components/msg-dropdown/index.js.map +1 -1
  9. package/package.json +4 -4
package/es2017/components/layout/index.js CHANGED
@@ -8,6 +8,7 @@ import AvatarDropdown from "../avatar-dropdown/index";
8
8
  import MsgDropdown from "../msg-dropdown/index";
9
9
  import ThemeSwitch from "../theme-switch/index";
10
10
  import styles from "./layout.module.css";
11
+ import { useRef, useImperativeHandle } from "react";
11
12
  import { CollectProviders, LocaleType } from "../index";
12
13
  import { gql, query } from "@knockout-js/ice-urql/request";
13
14
  import { OpenWin } from "../icons/index";
@@ -23,6 +24,8 @@ const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!
23
24
  }`);
24
25
  const Layout = (props)=>{
25
26
  var _props_themeSwitchProps;
27
+ const msgRef = useRef(null);
28
+ useImperativeHandle(props.msgRef, ()=>msgRef.current);
26
29
  var _props_locale, _props_themeSwitchProps_value;
27
30
  return /*#__PURE__*/ _jsxs(CollectProviders, {
28
31
  locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
@@ -98,9 +101,9 @@ const Layout = (props)=>{
98
101
  actionsRender: ()=>{
99
102
  const actions = [];
100
103
  if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
101
- if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
102
- ref: props.msgRef
103
- }, props.msgProps)));
104
+ if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread_props(_object_spread({}, props.msgProps), {
105
+ ref: msgRef
106
+ })));
104
107
  actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
105
108
  actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
106
109
  if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));
package/es2017/components/layout/index.js.map CHANGED
@@ -1 +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 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/ucenter';\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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"}
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 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, useRef, useImperativeHandle } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\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 const msgRef = useRef<MsgDropdownRef>(null);\r\n\r\n useImperativeHandle(props.msgRef, () => msgRef.current as MsgDropdownRef);\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 {...props.msgProps} ref={msgRef} />)\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","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","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","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}
package/es2017/components/msg-dropdown/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
2
2
  import { Badge, Dropdown, List } from "antd";
3
3
  import styles from "./index.module.css";
4
- import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
4
+ import { useEffect, useState, forwardRef, useImperativeHandle, useCallback } from "react";
5
5
  import { BellOutlined } from "@ant-design/icons";
6
6
  import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
7
7
  import { getDate } from "../_util/index";
@@ -27,7 +27,7 @@ const userUnreadQuery = gql(/* GraphQL */ `query layoutPkgUserUnreadMsgInternals
27
27
  export default /*#__PURE__*/ forwardRef((props, ref)=>{
28
28
  var _props_maxLength;
29
29
  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;
30
- const requestData = async ()=>{
30
+ const requestData = useCallback(async ()=>{
31
31
  var _result_data, _result_data_userMsgInternalTos_edges;
32
32
  setLoading(true);
33
33
  const result = await paging(userMsgQuery, {
@@ -43,22 +43,12 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
43
43
  instanceName: instanceName.MSGCENTER
44
44
  }), list = [];
45
45
  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)=>{
46
- if (item === null || item === void 0 ? void 0 : item.node) list.push({
47
- key: item.node.id,
48
- data: item.node
49
- });
46
+ if (item === null || item === void 0 ? void 0 : item.node) list.push(item.node);
50
47
  });
51
48
  setShowDot(list.length > 0);
52
49
  setItems(list);
53
50
  setLoading(false);
54
- }, requestUnread = async ()=>{
55
- var _result_data;
56
- const result = await query(userUnreadQuery, {}, {
57
- instanceName: instanceName.MSGCENTER
58
- });
59
- var _result_data_userUnreadMsgInternals;
60
- 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);
61
- };
51
+ }, []);
62
52
  useImperativeHandle(ref, ()=>({
63
53
  setShowDot: ()=>{
64
54
  setShowDot(true);
@@ -70,48 +60,55 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
70
60
  open
71
61
  ]);
72
62
  useEffect(()=>{
73
- requestUnread();
63
+ query(userUnreadQuery, {}, {
64
+ instanceName: instanceName.MSGCENTER
65
+ }).then((result)=>{
66
+ var _result_data;
67
+ var _result_data_userUnreadMsgInternals;
68
+ 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);
69
+ });
74
70
  }, []);
75
71
  return /*#__PURE__*/ _jsx(Dropdown, {
76
- menu: {
77
- items
78
- },
79
72
  trigger: [
80
73
  'click'
81
74
  ],
82
75
  open: open,
83
- onOpenChange: setOpen,
84
- placement: "bottomRight",
76
+ onOpenChange: useCallback((v)=>{
77
+ setOpen(v);
78
+ }, []),
79
+ placement: "bottom",
85
80
  dropdownRender: ()=>{
86
- /*#__PURE__*/ return _jsx(List, {
87
- loading: loading,
88
- className: styles.list,
89
- header: /*#__PURE__*/ _jsx("div", {
90
- children: locale.title
91
- }),
92
- footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
93
- className: styles.footer,
94
- onClick: ()=>{
95
- var _props_onMoreClick;
96
- (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
97
- },
98
- children: locale.footer
99
- }) : undefined,
100
- bordered: true,
101
- size: "small",
102
- dataSource: items,
103
- renderItem: (item)=>{
104
- /*#__PURE__*/ return _jsx(List.Item, {
81
+ /*#__PURE__*/ return _jsx(_Fragment, {
82
+ children: /*#__PURE__*/ _jsx(List, {
83
+ loading: loading,
84
+ className: styles.list,
85
+ header: /*#__PURE__*/ _jsx("div", {
86
+ children: locale.title
87
+ }),
88
+ footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
89
+ className: styles.footer,
105
90
  onClick: ()=>{
106
- var _props_onItemClick;
107
- (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
91
+ var _props_onMoreClick;
92
+ (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
108
93
  },
109
- children: /*#__PURE__*/ _jsx(List.Item.Meta, {
110
- title: item.data.msgInternal.subject,
111
- description: getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')
112
- })
113
- }, item.key);
114
- }
94
+ children: locale.footer
95
+ }) : undefined,
96
+ bordered: true,
97
+ size: "small",
98
+ dataSource: items,
99
+ renderItem: (item)=>{
100
+ /*#__PURE__*/ return _jsx(List.Item, {
101
+ onClick: ()=>{
102
+ var _props_onItemClick;
103
+ (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item);
104
+ },
105
+ children: /*#__PURE__*/ _jsx(List.Item.Meta, {
106
+ title: item.msgInternal.subject,
107
+ description: getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')
108
+ })
109
+ }, item.id);
110
+ }
111
+ })
115
112
  });
116
113
  },
117
114
  children: /*#__PURE__*/ _jsx("span", {
package/es2017/components/msg-dropdown/index.js.map CHANGED
@@ -1 +1 @@
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/msgcenter';\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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"}
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, useCallback } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/msgcenter';\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\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<MsgInternalTo[]>([]),\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 = useCallback(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: MsgInternalTo[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(item.node as MsgInternalTo);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\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 query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, {\r\n instanceName: instanceName.MSGCENTER,\r\n }).then(result => {\r\n setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n });\r\n }, [])\r\n\r\n return <Dropdown\r\n trigger={['click']}\r\n open={open}\r\n onOpenChange={useCallback((v: boolean) => {\r\n setOpen(v);\r\n }, [])}\r\n placement=\"bottom\"\r\n dropdownRender={() => <>\r\n <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.id}\r\n onClick={() => {\r\n props.onItemClick?.(item)\r\n }}\r\n >\r\n <List.Item.Meta title={item.msgInternal.subject} description={getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\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","useCallback","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","length","then","userUnreadMsgInternals","trigger","onOpenChange","v","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","id","action","dot","rev"],"mappings":"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"}
package/esm/components/layout/index.js CHANGED
@@ -10,6 +10,7 @@ import AvatarDropdown from "../avatar-dropdown/index";
10
10
  import MsgDropdown from "../msg-dropdown/index";
11
11
  import ThemeSwitch from "../theme-switch/index";
12
12
  import styles from "./layout.module.css";
13
+ import { useRef, useImperativeHandle } from "react";
13
14
  import { CollectProviders, LocaleType } from "../index";
14
15
  import { gql, query } from "@knockout-js/ice-urql/request";
15
16
  import { OpenWin } from "../icons/index";
@@ -21,6 +22,10 @@ import { instanceName } from "@knockout-js/api";
21
22
  var userMenuListQuery = gql("query userMenuList($appCode:String!){\n userMenus(appCode: $appCode){\n id,parentID,kind,name,comments,displaySort,icon,route\n }\n}");
22
23
  var Layout = function(props) {
23
24
  var _props_themeSwitchProps;
25
+ var msgRef = useRef(null);
26
+ useImperativeHandle(props.msgRef, function() {
27
+ return msgRef.current;
28
+ });
24
29
  var _props_locale, _props_themeSwitchProps_value;
25
30
  return /*#__PURE__*/ _jsxs(CollectProviders, {
26
31
  locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
@@ -112,9 +117,9 @@ var Layout = function(props) {
112
117
  actionsRender: function() {
113
118
  var actions = [];
114
119
  if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
115
- if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
116
- ref: props.msgRef
117
- }, props.msgProps)));
120
+ if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread_props(_object_spread({}, props.msgProps), {
121
+ ref: msgRef
122
+ })));
118
123
  actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
119
124
  actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
120
125
  if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));
package/esm/components/layout/index.js.map CHANGED
@@ -1 +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 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/ucenter';\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","meunList","UCENTER","data","userMenus","length","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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"}
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 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, useRef, useImperativeHandle } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\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 const msgRef = useRef<MsgDropdownRef>(null);\r\n\r\n useImperativeHandle(props.msgRef, () => msgRef.current as MsgDropdownRef);\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 {...props.msgProps} ref={msgRef} />)\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","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","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","meunList","UCENTER","data","userMenus","length","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","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,iBAAuD,wBAAkB;AAChF,OAAOC,iBAAuC,wBAAkB;AAChE,OAAOC,YAAY,sBAAsB;AACzC,SAA6BC,MAAM,EAAEC,mBAAmB,QAAQ,QAAQ;AAExE,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,WAAK;AAClD,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,iBAAW;AAEnC,SAASC,UAAU,QAAQ,SAAS;AACpC,OAAOC,mBAA2C,0BAAoB;AACtE,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,kBAAkB,QAAQ,iBAAW;AAC9C,SAASC,YAAY,QAAQ,mBAAmB;AAqEhD,IAAMC,oBAAoBR,IAAkB;AAO5C,IAAMS,SAAS,SAACC,OAAuB;QAW3BA;IATV,IAAMC,SAASf,OAAuB,IAAI;IAE1CC,oBAAoBa,MAAMC,MAAM,EAAE;eAAMA,OAAOC,OAAO;;QAI1CF,eAGFA;IALV,qBACE,MAACZ;QACCe,QAAQH,CAAAA,gBAAAA,MAAMG,MAAM,cAAZH,2BAAAA,gBAAgBX,WAAWe,IAAI;QACvCC,SAASL,MAAMK,OAAO;QACtBC,UAAUN,MAAMO,WAAW,CAACC,KAAK;QACjCC,MAAMT,CAAAA,gCAAAA,CAAAA,0BAAAA,MAAMU,gBAAgB,cAAtBV,qCAAAA,KAAAA,IAAAA,wBAAwBQ,KAAK,cAA7BR,2CAAAA,gCAAiC,KAAK;QAC5CW,UAAUX,MAAMW,QAAQ;;0BAExB,KAAChC;gBACCiC,WAAW3B,OAAO4B,MAAM;gBACxBC,mBAAmB,SAACC,MAAMC,OAAU;wBAExBhB;oBADV,qBAAO;;4BACJ,OAAOA,CAAAA,CAAAA,4BAAAA,MAAMiB,kBAAkB,cAAxBjB,uCAAAA,KAAAA,IAAAA,0BAA0BkB,IAAI,AAAD,MAAM,0BAAY,KAACvB;gCACtDwB,KAAKC;gCACLC,OAAO;oCAAEC,UAAU;oCAAIC,aAAa;gCAAG;gCACvCC,SAAS,WAAM;wCACbxB;oCAAAA,CAAAA,4BAAAA,MAAMiB,kBAAkB,cAAxBjB,uCAAAA,KAAAA,IAAAA,0CAAAA,0BAA0ByB,8EAA1BzB,KAAAA,IAAAA,uCAAAA,KAAAA,2BAAyC,IAAI;gCAC/C;+CACG,mBAAK;4BACTe;4BACAC;;;gBAEL;gBACAA,OAAM;gBACND,oBAAM,KAACW;oBAAIC,KAAKlC;oBAAYmC,KAAI;;gBAChCf,QAAO;gBACPgB,WAAW;gBACXC,0BAA0B;gBAC1BC,MAAM;oBACJ5B,QAAQ,IAAI;oBACZ6B,uBAAS,oBAAA,WAAY;4BAIfC,cAHEA,QAIEC;;;;oCAJO;;wCAAM3C,MAAqDO,mBAAmB;4CAC3FO,SAASL,MAAMK,OAAO;wCACxB,GAAG;4CAAER,cAAcA,aAAasC,OAAO;wCAAC;;;oCAFlCF,SAAS;oCAGf,IAAIA,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,UAAUC,MAAM,EAAE;wCAC3BJ,WAAWD,OAAOG,IAAI,CAACC,SAAS,CAACE,IAAI,CAAC,SAACC,IAAIC,IAAO;4CACtD,IAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;4CAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;wCACxH,GAAGE,GAAG,CAACC,SAAAA,MAAQ;4CACb,OAAO;gDACLC,KAAKD,KAAKE,EAAE;gDACZC,MAAMH,KAAKG,IAAI;gDACfC,MAAMJ,KAAKI,IAAI,GAAGnD,MAAMoD,QAAQ,iBAAG,KAACpD,MAAMoD,QAAQ;oDAACC,MAAMN,KAAKI,IAAI;mEAAO,KAACG;oDAAE1C,WAAWmC,KAAKI,IAAI;kDAAI,GAAG/B,SAAS;gDAChHmC,UAAUR,KAAKF,QAAQ;gDACvBW,MAAMT,KAAKU,KAAK;4CAClB;wCACF;wCAEA;;4CAAO7D,mBAAmBsC;;oCAC5B,CAAC;oCACD;;;;;;oBACF;gBACF;gBACAwB,UAAU;oBACR/C,UAAUX,MAAMW,QAAQ;gBAC1B;gBACAgD,eAAe,WAAM;oBACnB,IAAMC,UAAuB,EAAE;oBAC/B,IAAI5D,MAAM6D,SAAS,EACjBD,QAAQE,IAAI,eAAC,KAAClF,iCAAiBoB,MAAM6D,SAAS;oBAEhD,IAAI7D,MAAM+D,QAAQ,EAChBH,QAAQE,IAAI,eAAC,KAAC/E,qDAAiBiB,MAAM+D,QAAQ;wBAAEC,KAAK/D;;oBAEtD2D,QAAQE,IAAI,eAAC,KAACjF,mCAAmBmB,MAAMO,WAAW;oBAClDqD,QAAQE,IAAI,eAAC,KAAChF,mCAAmBkB,MAAMiE,WAAW;oBAClD,IAAIjE,MAAMU,gBAAgB,EACxBkD,QAAQE,IAAI,eAAC,KAAC9E,gCAAgBgB,MAAMU,gBAAgB;oBAEtD,OAAOkD;gBACT;gBACAM,gBAAgB,SAACnB,MAAMoB;oBAAgBpB,OAAAA,KAAKS,IAAI,iBAAG;;0CACjD,KAACY;gCACC5C,SAAS,WAAM;wCACbxB;oCAAAA,CAAAA,yBAAAA,MAAMqE,eAAe,cAArBrE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB+C,MAAM,KAAK;gCACrC;0CACAoB;;0CACF,KAAC3E;gCACCoB,WAAW3B,OAAOqF,aAAa;gCAC/B9C,SAAS,WAAM;wCACbxB;oCAAAA,CAAAA,yBAAAA,MAAMqE,eAAe,cAArBrE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB+C,MAAM,IAAI;gCACpC;;;yBAGAoB,UAAU;;eACVnE,MAAMuE,cAAc;0BAEvBvE,MAAMwE,QAAQ;;YAGfxE,MAAMiB,kBAAkB,iBAAG,KAACvB,kCACtBM,MAAMiB,kBAAkB,mBACzB,mBAAK;;;AAIlB;AAEA,eAAelB,OAAM"}
package/esm/components/msg-dropdown/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
2
2
  import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
3
3
  import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
4
- import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
4
+ import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
5
5
  import { Badge, Dropdown, List } from "antd";
6
6
  import styles from "./index.module.css";
7
- import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
7
+ import { useEffect, useState, forwardRef, useImperativeHandle, useCallback } from "react";
8
8
  import { BellOutlined } from "@ant-design/icons";
9
9
  import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
10
10
  import { getDate } from "../_util/index";
@@ -16,73 +16,41 @@ var userUnreadQuery = gql("query layoutPkgUserUnreadMsgInternals{\n userUnreadM
16
16
  export default /*#__PURE__*/ forwardRef(function(props, ref) {
17
17
  var _props_maxLength;
18
18
  var locale = useLocale("MsgDropdown"), _useState = _sliced_to_array(useState([]), 2), items = _useState[0], setItems = _useState[1], _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[1], _useState2 = _sliced_to_array(useState(false), 2), showDot = _useState2[0], setShowDot = _useState2[1], _useState3 = _sliced_to_array(useState(false), 2), loading = _useState3[0], setLoading = _useState3[1], maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
19
- var requestData = function() {
20
- var _ref = _async_to_generator(function() {
21
- var _result_data, _result_data_userMsgInternalTos_edges, result, list;
22
- return _ts_generator(this, function(_state) {
23
- switch(_state.label){
24
- case 0:
25
- setLoading(true);
26
- return [
27
- 4,
28
- paging(userMsgQuery, {
29
- first: maxLength,
30
- where: {
31
- readAtIsNil: true
32
- },
33
- orderBy: {
34
- direction: OrderDirection.Desc,
35
- field: MsgInternalToOrderField.CreatedAt
36
- }
37
- }, 1, {
38
- instanceName: instanceName.MSGCENTER
39
- })
40
- ];
41
- case 1:
42
- result = _state.sent(), list = [];
43
- 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(function(item) {
44
- if (item === null || item === void 0 ? void 0 : item.node) list.push({
45
- key: item.node.id,
46
- data: item.node
47
- });
48
- });
49
- setShowDot(list.length > 0);
50
- setItems(list);
51
- setLoading(false);
52
- return [
53
- 2
54
- ];
55
- }
56
- });
57
- });
58
- return function requestData() {
59
- return _ref.apply(this, arguments);
60
- };
61
- }(), requestUnread = function() {
62
- var _ref = _async_to_generator(function() {
63
- var _result_data, result, _result_data_userUnreadMsgInternals;
64
- return _ts_generator(this, function(_state) {
65
- switch(_state.label){
66
- case 0:
67
- return [
68
- 4,
69
- query(userUnreadQuery, {}, {
70
- instanceName: instanceName.MSGCENTER
71
- })
72
- ];
73
- case 1:
74
- result = _state.sent();
75
- 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);
76
- return [
77
- 2
78
- ];
79
- }
80
- });
19
+ var requestData = useCallback(/*#__PURE__*/ _async_to_generator(function() {
20
+ var _result_data, _result_data_userMsgInternalTos_edges, result, list;
21
+ return _ts_generator(this, function(_state) {
22
+ switch(_state.label){
23
+ case 0:
24
+ setLoading(true);
25
+ return [
26
+ 4,
27
+ paging(userMsgQuery, {
28
+ first: maxLength,
29
+ where: {
30
+ readAtIsNil: true
31
+ },
32
+ orderBy: {
33
+ direction: OrderDirection.Desc,
34
+ field: MsgInternalToOrderField.CreatedAt
35
+ }
36
+ }, 1, {
37
+ instanceName: instanceName.MSGCENTER
38
+ })
39
+ ];
40
+ case 1:
41
+ result = _state.sent(), list = [];
42
+ 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(function(item) {
43
+ if (item === null || item === void 0 ? void 0 : item.node) list.push(item.node);
44
+ });
45
+ setShowDot(list.length > 0);
46
+ setItems(list);
47
+ setLoading(false);
48
+ return [
49
+ 2
50
+ ];
51
+ }
81
52
  });
82
- return function requestUnread() {
83
- return _ref.apply(this, arguments);
84
- };
85
- }();
53
+ }), []);
86
54
  useImperativeHandle(ref, function() {
87
55
  return {
88
56
  setShowDot: function() {
@@ -96,48 +64,55 @@ export default /*#__PURE__*/ forwardRef(function(props, ref) {
96
64
  open
97
65
  ]);
98
66
  useEffect(function() {
99
- requestUnread();
67
+ query(userUnreadQuery, {}, {
68
+ instanceName: instanceName.MSGCENTER
69
+ }).then(function(result) {
70
+ var _result_data;
71
+ var _result_data_userUnreadMsgInternals;
72
+ 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);
73
+ });
100
74
  }, []);
101
75
  return /*#__PURE__*/ _jsx(Dropdown, {
102
- menu: {
103
- items: items
104
- },
105
76
  trigger: [
106
77
  "click"
107
78
  ],
108
79
  open: open,
109
- onOpenChange: setOpen,
110
- placement: "bottomRight",
80
+ onOpenChange: useCallback(function(v) {
81
+ setOpen(v);
82
+ }, []),
83
+ placement: "bottom",
111
84
  dropdownRender: function() {
112
- /*#__PURE__*/ return _jsx(List, {
113
- loading: loading,
114
- className: styles.list,
115
- header: /*#__PURE__*/ _jsx("div", {
116
- children: locale.title
117
- }),
118
- footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
119
- className: styles.footer,
120
- onClick: function() {
121
- var _props_onMoreClick;
122
- (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
123
- },
124
- children: locale.footer
125
- }) : undefined,
126
- bordered: true,
127
- size: "small",
128
- dataSource: items,
129
- renderItem: function(item) {
130
- /*#__PURE__*/ return _jsx(List.Item, {
85
+ /*#__PURE__*/ return _jsx(_Fragment, {
86
+ children: /*#__PURE__*/ _jsx(List, {
87
+ loading: loading,
88
+ className: styles.list,
89
+ header: /*#__PURE__*/ _jsx("div", {
90
+ children: locale.title
91
+ }),
92
+ footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
93
+ className: styles.footer,
131
94
  onClick: function() {
132
- var _props_onItemClick;
133
- (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
95
+ var _props_onMoreClick;
96
+ (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
134
97
  },
135
- children: /*#__PURE__*/ _jsx(List.Item.Meta, {
136
- title: item.data.msgInternal.subject,
137
- description: getDate(item.data.createdAt, "YYYY-MM-DD HH:mm:ss")
138
- })
139
- }, item.key);
140
- }
98
+ children: locale.footer
99
+ }) : undefined,
100
+ bordered: true,
101
+ size: "small",
102
+ dataSource: items,
103
+ renderItem: function(item) {
104
+ /*#__PURE__*/ return _jsx(List.Item, {
105
+ onClick: function() {
106
+ var _props_onItemClick;
107
+ (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item);
108
+ },
109
+ children: /*#__PURE__*/ _jsx(List.Item.Meta, {
110
+ title: item.msgInternal.subject,
111
+ description: getDate(item.createdAt, "YYYY-MM-DD HH:mm:ss")
112
+ })
113
+ }, item.id);
114
+ }
115
+ })
141
116
  });
142
117
  },
143
118
  children: /*#__PURE__*/ _jsx("span", {
package/esm/components/msg-dropdown/index.js.map CHANGED
@@ -1 +1 @@
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/msgcenter';\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","list","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","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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"}
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, useCallback } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/msgcenter';\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\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<MsgInternalTo[]>([]),\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 = useCallback(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: MsgInternalTo[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(item.node as MsgInternalTo);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\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 query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, {\r\n instanceName: instanceName.MSGCENTER,\r\n }).then(result => {\r\n setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n });\r\n }, [])\r\n\r\n return <Dropdown\r\n trigger={['click']}\r\n open={open}\r\n onOpenChange={useCallback((v: boolean) => {\r\n setOpen(v);\r\n }, [])}\r\n placement=\"bottom\"\r\n dropdownRender={() => <>\r\n <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.id}\r\n onClick={() => {\r\n props.onItemClick?.(item)\r\n }}\r\n >\r\n <List.Item.Meta title={item.msgInternal.subject} description={getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\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","useCallback","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","list","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","data","userMsgInternalTos","edges","forEach","item","node","push","length","then","userUnreadMsgInternals","trigger","onOpenChange","v","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","id","action","dot","rev"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knockout-js/layout",
3
- "version": "0.1.1-beta.1",
3
+ "version": "0.1.1-beta.2",
4
4
  "description": "组件功能描述",
5
5
  "files": [
6
6
  "esm",
@@ -50,8 +50,8 @@
50
50
  "dayjs": "^1.11.9",
51
51
  "react-activation": "^0.12.4",
52
52
  "react-draggable": "^4.4.5",
53
- "@knockout-js/api": "^0.1.1-beta.1",
54
- "@knockout-js/ice-urql": "^0.1.1-beta.1"
53
+ "@knockout-js/api": "^0.1.1-beta.3",
54
+ "@knockout-js/ice-urql": "^0.1.1-beta.2"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@ice/pkg": "^1.5.0",
@@ -74,6 +74,6 @@
74
74
  "license": "MIT",
75
75
  "scripts": {
76
76
  "start": "ice-pkg start",
77
- "build": "ice-pkg build"
77
+ "build": "rimraf esm es2017 && ice-pkg build"
78
78
  }
79
79
  }