@knockout-js/layout 0.0.3-beta.0 → 0.0.4-beta.0
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.
- package/es2017/components/avatar-dropdown/index.js +1 -1
- package/es2017/components/avatar-dropdown/index.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/collect-providers/index.js +3 -6
- package/es2017/components/collect-providers/index.js.map +1 -1
- package/es2017/components/gather-menu/index.d.ts +34 -0
- package/es2017/components/gather-menu/index.js +278 -0
- package/es2017/components/gather-menu/index.js.map +1 -0
- package/es2017/components/gather-menu/index.module.css +120 -0
- package/es2017/components/gather-menu/locale/en_US.d.ts +3 -0
- package/es2017/components/gather-menu/locale/en_US.js +7 -0
- package/es2017/components/gather-menu/locale/en_US.js.map +1 -0
- package/es2017/components/gather-menu/locale/zh_CN.d.ts +3 -0
- package/es2017/components/gather-menu/locale/zh_CN.js +7 -0
- package/es2017/components/gather-menu/locale/zh_CN.js.map +1 -0
- package/es2017/components/i18n-dropdown/index.js +1 -1
- package/es2017/components/i18n-dropdown/index.js.map +1 -1
- package/es2017/components/icons/index.js +3 -3
- package/es2017/components/icons/index.js.map +1 -1
- package/es2017/components/index.d.ts +2 -0
- package/es2017/components/index.js +3 -1
- package/es2017/components/index.js.map +1 -1
- package/es2017/components/keep-alive/index.js +4 -8
- package/es2017/components/keep-alive/index.js.map +1 -1
- package/es2017/components/layout/index.d.ts +5 -0
- package/es2017/components/layout/index.js +108 -83
- package/es2017/components/layout/index.js.map +1 -1
- package/es2017/components/layout/logo.js +1 -1
- package/es2017/components/layout/logo.js.map +1 -1
- package/es2017/components/leave-prompt/index.js +5 -10
- package/es2017/components/leave-prompt/index.js.map +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js.map +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/es2017/components/locale/en_US.js +4 -2
- package/es2017/components/locale/en_US.js.map +1 -1
- package/es2017/components/locale/index.d.ts +2 -0
- package/es2017/components/locale/index.js +3 -5
- package/es2017/components/locale/index.js.map +1 -1
- package/es2017/components/locale/zh_CN.js +4 -2
- package/es2017/components/locale/zh_CN.js.map +1 -1
- package/es2017/components/modal/index.d.ts +18 -0
- package/es2017/components/modal/index.js +89 -0
- package/es2017/components/modal/index.js.map +1 -0
- package/es2017/components/modal/index.module.css +20 -0
- package/es2017/components/tenant-dropdown/index.js +4 -9
- package/es2017/components/tenant-dropdown/index.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/theme-switch/index.js +3 -3
- package/es2017/components/theme-switch/index.js.map +1 -1
- package/es2017/components/theme-switch/locale/en_US.js +1 -1
- package/es2017/components/theme-switch/locale/en_US.js.map +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/es2017/index.js +1 -1
- package/es2017/index.js.map +1 -1
- package/esm/components/avatar-dropdown/index.js +1 -1
- package/esm/components/avatar-dropdown/index.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/collect-providers/index.js +4 -7
- package/esm/components/collect-providers/index.js.map +1 -1
- package/esm/components/gather-menu/index.d.ts +34 -0
- package/esm/components/gather-menu/index.js +320 -0
- package/esm/components/gather-menu/index.js.map +1 -0
- package/esm/components/gather-menu/index.module.css +120 -0
- package/esm/components/gather-menu/locale/en_US.d.ts +3 -0
- package/esm/components/gather-menu/locale/en_US.js +7 -0
- package/esm/components/gather-menu/locale/en_US.js.map +1 -0
- package/esm/components/gather-menu/locale/zh_CN.d.ts +3 -0
- package/esm/components/gather-menu/locale/zh_CN.js +7 -0
- package/esm/components/gather-menu/locale/zh_CN.js.map +1 -0
- package/esm/components/i18n-dropdown/index.js +2 -2
- package/esm/components/i18n-dropdown/index.js.map +1 -1
- package/esm/components/icons/index.js +3 -3
- package/esm/components/icons/index.js.map +1 -1
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.js +3 -1
- package/esm/components/index.js.map +1 -1
- package/esm/components/keep-alive/index.js +4 -8
- package/esm/components/keep-alive/index.js.map +1 -1
- package/esm/components/layout/index.d.ts +5 -0
- package/esm/components/layout/index.js +129 -104
- package/esm/components/layout/index.js.map +1 -1
- package/esm/components/layout/logo.js +1 -1
- package/esm/components/layout/logo.js.map +1 -1
- package/esm/components/leave-prompt/index.js +5 -10
- package/esm/components/leave-prompt/index.js.map +1 -1
- package/esm/components/leave-prompt/locale/en_US.js +1 -1
- package/esm/components/leave-prompt/locale/en_US.js.map +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/esm/components/locale/en_US.js +4 -2
- package/esm/components/locale/en_US.js.map +1 -1
- package/esm/components/locale/index.d.ts +2 -0
- package/esm/components/locale/index.js +3 -5
- package/esm/components/locale/index.js.map +1 -1
- package/esm/components/locale/zh_CN.js +4 -2
- package/esm/components/locale/zh_CN.js.map +1 -1
- package/esm/components/modal/index.d.ts +18 -0
- package/esm/components/modal/index.js +90 -0
- package/esm/components/modal/index.js.map +1 -0
- package/esm/components/modal/index.module.css +20 -0
- package/esm/components/tenant-dropdown/index.js +7 -12
- package/esm/components/tenant-dropdown/index.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/theme-switch/index.js +3 -3
- package/esm/components/theme-switch/index.js.map +1 -1
- package/esm/components/theme-switch/locale/en_US.js +1 -1
- package/esm/components/theme-switch/locale/en_US.js.map +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/package.json +7 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\r\nimport { LogoutOutlined, UserOutlined } from '@ant-design/icons';\r\nimport { Dropdown, Avatar, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\n\r\nexport interface AvatarDropdownLocale {\r\n logout: string;\r\n}\r\n\r\nexport interface AvatarDropdownProps {\r\n /**\r\n * 用户名\r\n */\r\n name?: string;\r\n /**\r\n * 头像\r\n */\r\n avatar?: string;\r\n /**\r\n * ant的\r\n */\r\n menuProps?: MenuProps;\r\n /**\r\n * 单击退出事件 () => void;\r\n */\r\n onLogoutClick?: () => void;\r\n}\r\n\r\nconst AvatarDropdown = (props: AvatarDropdownProps) => {\r\n const locale = useLocale('AvatarDropdown'),\r\n menu = {\r\n items: [\r\n {\r\n key: 'logout',\r\n label: locale.logout,\r\n icon: <LogoutOutlined rev={undefined} />,\r\n onClick: useCallback(() => {\r\n props.onLogoutClick?.()\r\n }, []),\r\n className: styles.menu,\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n <Dropdown menu={props.menuProps || menu}>\r\n <span className={`${styles.action} ${styles.account}`}>\r\n <Avatar\r\n size=\"small\"\r\n className={styles.avatar}\r\n icon={<UserOutlined rev={undefined} />}\r\n src={props.avatar}\r\n alt=\"avatar\"\r\n />\r\n <span>{props.name}</span>\r\n </span>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default AvatarDropdown;\r\n"],"names":["React","useCallback","LogoutOutlined","UserOutlined","Dropdown","Avatar","styles","useLocale","AvatarDropdown","props","locale","menu","items","key","label","logout","icon","rev","undefined","onClick","onLogoutClick","className","menuProps","span","action","account","size","avatar","src","alt","name"],"mappings":";AAAA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,cAAc,EAAEC,YAAY,QAAQ,oBAAoB;AACjE,SAASC,QAAQ,EAAEC,MAAM,QAAmB,OAAO;AACnD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAyBtC,MAAMC,iBAAiB,CAACC,QAA+B;IACrD,MAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,IAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,CAAC,EAAEf,OAAOkB,MAAM,CAAC,CAAC,EAAElB,OAAOmB,OAAO,CAAC,CAAC;;8BACnD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n logout: 'logout'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n logout: '退出'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
|
|
@@ -10,11 +10,8 @@ import enUS from "antd/locale/en_US";
|
|
|
10
10
|
export default ((props)=>{
|
|
11
11
|
const [antLocale, setAntLocale] = useState(zhCN);
|
|
12
12
|
useEffect(()=>{
|
|
13
|
-
if (props.locale === LocaleType.zhCN)
|
|
14
|
-
|
|
15
|
-
} else if (props.locale === LocaleType.enUS) {
|
|
16
|
-
setAntLocale(enUS);
|
|
17
|
-
}
|
|
13
|
+
if (props.locale === LocaleType.zhCN) setAntLocale(zhCN);
|
|
14
|
+
else if (props.locale === LocaleType.enUS) setAntLocale(enUS);
|
|
18
15
|
}, [
|
|
19
16
|
props.locale
|
|
20
17
|
]);
|
|
@@ -35,4 +32,4 @@ export default ((props)=>{
|
|
|
35
32
|
});
|
|
36
33
|
});
|
|
37
34
|
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
35
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\collect-providers\index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { LocaleType } from \"../locale\"\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { BasicProvider, LeavePrompt } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n /**\r\n * @knockout-js 的多语言 locale\r\n */\r\n locale: LocaleType;\r\n /**\r\n * ProConfig dark主题\r\n */\r\n dark: boolean;\r\n /**\r\n * 传递动态的 location.pathname\r\n */\r\n pathname: string;\r\n /**\r\n * 默认插槽\r\n */\r\n children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n useEffect(() => {\r\n if (props.locale === LocaleType.zhCN) {\r\n setAntLocale(zhCN)\r\n } else if (props.locale === LocaleType.enUS) {\r\n setAntLocale(enUS)\r\n }\r\n }, [props.locale]);\r\n\r\n return (\r\n <ProConfigProvider dark={props.dark}>\r\n <BasicProvider locale={props.locale}>\r\n <ConfigProvider locale={antLocale}>\r\n <LeavePrompt pathname={props.pathname}>\r\n <AliveScope>\r\n {props.children}\r\n </AliveScope>\r\n </LeavePrompt>\r\n </ConfigProvider>\r\n </BasicProvider>\r\n </ProConfigProvider >\r\n )\r\n}\r\n"],"names":["LocaleType","useEffect","useState","ProConfigProvider","BasicProvider","LeavePrompt","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","pathname","children"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAW;AACtC,SAAoBC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,aAAa,EAAEC,WAAW,QAAQ,WAAK;AAChD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AAoBrC,eAAe,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,GAAGV,SAAiBM;IAEnDP,UAAU,IAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACV;QAAkBW,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACV;YAAcS,QAAQH,MAAMG,MAAM;sBACjC,cAAA,KAACP;gBAAeO,QAAQF;0BACtB,cAAA,KAACN;oBAAYU,UAAUL,MAAMK,QAAQ;8BACnC,cAAA,KAACR;kCACEG,MAAMM,QAAQ;;;;;;AAO7B,CAAA,EAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { App, AppMenu } from "@knockout-js/api";
|
|
3
|
+
export type GatherMenuLocale = {
|
|
4
|
+
notText: string;
|
|
5
|
+
searchPlaceholder: string;
|
|
6
|
+
};
|
|
7
|
+
export type GatherMenuDataSource = {
|
|
8
|
+
app: App;
|
|
9
|
+
menu: AppMenu[];
|
|
10
|
+
}[];
|
|
11
|
+
export interface GatherMenuProps {
|
|
12
|
+
/**
|
|
13
|
+
* 弹出开关
|
|
14
|
+
*/
|
|
15
|
+
open?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* 数据源
|
|
18
|
+
*/
|
|
19
|
+
dataSource?: GatherMenuDataSource;
|
|
20
|
+
/**
|
|
21
|
+
* 存储key
|
|
22
|
+
*/
|
|
23
|
+
storeKey?: string;
|
|
24
|
+
/**
|
|
25
|
+
* 弹出开关变更
|
|
26
|
+
*/
|
|
27
|
+
onChangeOpen?: (open: boolean) => void;
|
|
28
|
+
/**
|
|
29
|
+
* 选中菜单
|
|
30
|
+
*/
|
|
31
|
+
onClick?: (menuItem: AppMenu, app: App) => void;
|
|
32
|
+
}
|
|
33
|
+
declare const _default: (props: GatherMenuProps) => JSX.Element;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
import _object_spread from "@swc/helpers/src/_object_spread.mjs";
|
|
2
|
+
import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
|
+
import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
|
|
5
|
+
import { useCallback, useEffect, useState } from "react";
|
|
6
|
+
import styles from "./index.module.css";
|
|
7
|
+
import { Drawer, Empty, Input, Space } from "antd";
|
|
8
|
+
import { gql, paging, query } from "@knockout-js/ice-urql/request";
|
|
9
|
+
import { iceUrqlInstance } from "../index";
|
|
10
|
+
import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
|
|
11
|
+
import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
12
|
+
import { CSS } from "@dnd-kit/utilities";
|
|
13
|
+
import { useLocale } from "../locale/index";
|
|
14
|
+
const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
|
|
15
|
+
userMenus(appCode: $appCode){
|
|
16
|
+
id,name,route,appID
|
|
17
|
+
}
|
|
18
|
+
}`);
|
|
19
|
+
const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:Int){
|
|
20
|
+
userRootOrgs{
|
|
21
|
+
id,
|
|
22
|
+
apps(first: $first){
|
|
23
|
+
totalCount,
|
|
24
|
+
edges{ node{ id,name,code } }
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}`);
|
|
28
|
+
/**
|
|
29
|
+
* 排序拖拽使用的控件
|
|
30
|
+
* https://docs.dndkit.com/
|
|
31
|
+
* @param props
|
|
32
|
+
* @returns
|
|
33
|
+
*/ const DargItem = (props)=>{
|
|
34
|
+
const id = `${props.value.id}-${props.value.appID}`;
|
|
35
|
+
const { setNodeRef , listeners , attributes , transform , transition , setDraggableNodeRef } = useSortable({
|
|
36
|
+
id
|
|
37
|
+
});
|
|
38
|
+
const style = {
|
|
39
|
+
transform: CSS.Transform.toString(transform),
|
|
40
|
+
transition
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
|
|
43
|
+
ref: setNodeRef,
|
|
44
|
+
style: style
|
|
45
|
+
}, attributes), {
|
|
46
|
+
className: styles.customMenuDrawerMenuItem,
|
|
47
|
+
onClick: ()=>{
|
|
48
|
+
props.onClick();
|
|
49
|
+
},
|
|
50
|
+
children: [
|
|
51
|
+
/*#__PURE__*/ _jsx("div", {
|
|
52
|
+
className: styles.customMenuDrawerMenuItemName,
|
|
53
|
+
children: props.value.name
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ _jsx("div", {
|
|
56
|
+
className: styles.customMenuDrawerMenuItemIcons,
|
|
57
|
+
children: /*#__PURE__*/ _jsxs(Space, {
|
|
58
|
+
children: [
|
|
59
|
+
/*#__PURE__*/ _jsx(CloseOutlined, {
|
|
60
|
+
rev: undefined,
|
|
61
|
+
onClick: ()=>{
|
|
62
|
+
props.onDel();
|
|
63
|
+
}
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
|
|
66
|
+
rev: undefined
|
|
67
|
+
}, listeners), {
|
|
68
|
+
className: "dragIcon"
|
|
69
|
+
}))
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
})
|
|
73
|
+
]
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
export default ((props)=>{
|
|
77
|
+
const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), locale = useLocale('GatherMenu'), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
|
|
78
|
+
coordinateGetter: sortableKeyboardCoordinates
|
|
79
|
+
}));
|
|
80
|
+
const request = useCallback(async ()=>{
|
|
81
|
+
var _appsResult_data;
|
|
82
|
+
const appsResult = await paging(userOrgAppsQuery, {
|
|
83
|
+
first: 30
|
|
84
|
+
}, 1, {
|
|
85
|
+
instanceName: iceUrqlInstance.ucenter
|
|
86
|
+
}), apps = [];
|
|
87
|
+
if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach((org)=>{
|
|
88
|
+
var _org_apps_edges;
|
|
89
|
+
(_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach((oApp)=>{
|
|
90
|
+
if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
|
|
91
|
+
if (!apps.find((app)=>{
|
|
92
|
+
var _oApp_node;
|
|
93
|
+
return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
|
|
94
|
+
})) apps.push(oApp.node);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
const newAll = [];
|
|
99
|
+
for(let i in apps){
|
|
100
|
+
var _menuResult_data;
|
|
101
|
+
const menuResult = await query(userMenuListQuery, {
|
|
102
|
+
appCode: apps[i].code
|
|
103
|
+
}, {
|
|
104
|
+
instanceName: iceUrqlInstance.ucenter
|
|
105
|
+
});
|
|
106
|
+
if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
|
|
107
|
+
const menu = menuResult.data.userMenus.filter((item)=>item.route);
|
|
108
|
+
newAll.push({
|
|
109
|
+
app: apps[i],
|
|
110
|
+
menu
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
setAll(newAll);
|
|
115
|
+
setFilterList(newAll);
|
|
116
|
+
}, []), checkCollect = useCallback((menuItem)=>{
|
|
117
|
+
return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);
|
|
118
|
+
}, [
|
|
119
|
+
collects
|
|
120
|
+
]);
|
|
121
|
+
useEffect(()=>{
|
|
122
|
+
if (props.dataSource) {
|
|
123
|
+
setAll(props.dataSource);
|
|
124
|
+
setFilterList(props.dataSource);
|
|
125
|
+
} else request();
|
|
126
|
+
}, [
|
|
127
|
+
props.dataSource
|
|
128
|
+
]);
|
|
129
|
+
useEffect(()=>{
|
|
130
|
+
if (props.storeKey) {
|
|
131
|
+
const store = localStorage.getItem(props.storeKey);
|
|
132
|
+
if (store) try {
|
|
133
|
+
setCollects(JSON.parse(store));
|
|
134
|
+
} catch (error) {}
|
|
135
|
+
}
|
|
136
|
+
}, [
|
|
137
|
+
props.storeKey
|
|
138
|
+
]);
|
|
139
|
+
useEffect(()=>{
|
|
140
|
+
if (props.storeKey) {
|
|
141
|
+
if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
|
|
142
|
+
else localStorage.removeItem(props.storeKey);
|
|
143
|
+
}
|
|
144
|
+
}, [
|
|
145
|
+
collects
|
|
146
|
+
]);
|
|
147
|
+
return /*#__PURE__*/ _jsx(_Fragment, {
|
|
148
|
+
children: /*#__PURE__*/ _jsx(Drawer, {
|
|
149
|
+
className: styles.customMenuDrawer,
|
|
150
|
+
placement: "left",
|
|
151
|
+
open: props.open,
|
|
152
|
+
width: 1060,
|
|
153
|
+
onClose: ()=>{
|
|
154
|
+
var _props_onChangeOpen;
|
|
155
|
+
(_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
|
|
156
|
+
},
|
|
157
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
158
|
+
className: styles.customMenuDrawerRow,
|
|
159
|
+
children: [
|
|
160
|
+
/*#__PURE__*/ _jsx("div", {
|
|
161
|
+
style: {
|
|
162
|
+
width: 240
|
|
163
|
+
},
|
|
164
|
+
className: styles.customMenuDrawerMenu,
|
|
165
|
+
children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
|
|
166
|
+
sensors: sensors,
|
|
167
|
+
collisionDetection: closestCenter,
|
|
168
|
+
onDragEnd: (event)=>{
|
|
169
|
+
const { active , over } = event;
|
|
170
|
+
if (over && active.id !== over.id) setCollects((items)=>{
|
|
171
|
+
const oldIndex = items.findIndex((oItem)=>`${oItem.id}-${oItem.appID}` == active.id);
|
|
172
|
+
const newIndex = items.findIndex((nItem)=>`${nItem.id}-${nItem.appID}` == over.id);
|
|
173
|
+
return arrayMove(items, oldIndex, newIndex);
|
|
174
|
+
});
|
|
175
|
+
},
|
|
176
|
+
children: /*#__PURE__*/ _jsx(SortableContext, {
|
|
177
|
+
items: collects.map((item)=>`${item.id}-${item.appID}`),
|
|
178
|
+
strategy: verticalListSortingStrategy,
|
|
179
|
+
children: collects.map((item)=>{
|
|
180
|
+
/*#__PURE__*/ return _jsx(DargItem, {
|
|
181
|
+
value: item,
|
|
182
|
+
onDel: ()=>{
|
|
183
|
+
setCollects(collects.filter((c)=>!(c.id === item.id && c.appID === item.appID)));
|
|
184
|
+
},
|
|
185
|
+
onClick: ()=>{
|
|
186
|
+
var _props_onClick;
|
|
187
|
+
const allApp = all.find((allItem)=>allItem.app.id == item.appID);
|
|
188
|
+
if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
|
|
189
|
+
}
|
|
190
|
+
}, `c${item.id}-${item.appID}`);
|
|
191
|
+
})
|
|
192
|
+
})
|
|
193
|
+
}) : /*#__PURE__*/ _jsx(Empty, {
|
|
194
|
+
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
195
|
+
description: locale.notText
|
|
196
|
+
})
|
|
197
|
+
}),
|
|
198
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
199
|
+
style: {
|
|
200
|
+
width: 820
|
|
201
|
+
},
|
|
202
|
+
children: [
|
|
203
|
+
/*#__PURE__*/ _jsx("div", {
|
|
204
|
+
className: styles.customMenuDrawerAllInput,
|
|
205
|
+
children: /*#__PURE__*/ _jsx(Input, {
|
|
206
|
+
bordered: false,
|
|
207
|
+
prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
|
|
208
|
+
rev: undefined
|
|
209
|
+
}),
|
|
210
|
+
placeholder: locale.searchPlaceholder,
|
|
211
|
+
onChange: (event)=>{
|
|
212
|
+
const keyword = event.target.value;
|
|
213
|
+
if (keyword) {
|
|
214
|
+
const fList = all.map((f)=>{
|
|
215
|
+
return {
|
|
216
|
+
app: f.app,
|
|
217
|
+
menu: f.menu.filter((fMenuItem)=>fMenuItem.name.indexOf(keyword) > -1)
|
|
218
|
+
};
|
|
219
|
+
}).filter((f)=>f.menu.length);
|
|
220
|
+
setFilterList(fList);
|
|
221
|
+
} else setFilterList([
|
|
222
|
+
...all
|
|
223
|
+
]);
|
|
224
|
+
}
|
|
225
|
+
})
|
|
226
|
+
}),
|
|
227
|
+
/*#__PURE__*/ _jsx("div", {
|
|
228
|
+
className: styles.customMenuDrawerAllMenu,
|
|
229
|
+
children: filterList.map((item)=>{
|
|
230
|
+
/*#__PURE__*/ return _jsxs("div", {
|
|
231
|
+
className: styles.customMenuDrawerAllMenuColumn,
|
|
232
|
+
children: [
|
|
233
|
+
/*#__PURE__*/ _jsx("div", {
|
|
234
|
+
className: styles.customMenuDrawerAllMenuTitle,
|
|
235
|
+
children: item.app.name
|
|
236
|
+
}),
|
|
237
|
+
item.menu.map((menuItem)=>{
|
|
238
|
+
/*#__PURE__*/ return _jsxs("div", {
|
|
239
|
+
className: styles.customMenuDrawerAllMenuItem,
|
|
240
|
+
onClick: ()=>{
|
|
241
|
+
var _props_onClick;
|
|
242
|
+
(_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
|
|
243
|
+
},
|
|
244
|
+
children: [
|
|
245
|
+
/*#__PURE__*/ _jsx("div", {
|
|
246
|
+
className: styles.customMenuDrawerAllMenuItemName,
|
|
247
|
+
children: menuItem.name
|
|
248
|
+
}),
|
|
249
|
+
/*#__PURE__*/ _jsx("div", {
|
|
250
|
+
children: /*#__PURE__*/ _jsx(StarOutlined, {
|
|
251
|
+
rev: undefined,
|
|
252
|
+
className: checkCollect(menuItem) ? 'collect' : '',
|
|
253
|
+
onClick: (event)=>{
|
|
254
|
+
event.stopPropagation();
|
|
255
|
+
if (checkCollect(menuItem)) setCollects(collects.filter((c)=>!(c.id === menuItem.id && c.appID === menuItem.appID)));
|
|
256
|
+
else setCollects([
|
|
257
|
+
...collects,
|
|
258
|
+
menuItem
|
|
259
|
+
]);
|
|
260
|
+
}
|
|
261
|
+
})
|
|
262
|
+
})
|
|
263
|
+
]
|
|
264
|
+
}, `${menuItem.appID}-${menuItem.id}`);
|
|
265
|
+
})
|
|
266
|
+
]
|
|
267
|
+
}, item.app.code);
|
|
268
|
+
})
|
|
269
|
+
})
|
|
270
|
+
]
|
|
271
|
+
})
|
|
272
|
+
]
|
|
273
|
+
})
|
|
274
|
+
})
|
|
275
|
+
});
|
|
276
|
+
});
|
|
277
|
+
|
|
278
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Col, Drawer, Empty, Input, Row, Space } from \"antd\";\r\nimport { gql, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables, UserMenuListQuery, UserMenuListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID\r\n }\r\n}`);\r\n\r\nconst userOrgAppsQuery = gql(/* GraphQL */`query layoutPkgUserRootOrgs($first:Int){\r\n userRootOrgs{\r\n id,\r\n apps(first: $first){\r\n totalCount,\r\n edges{ node{ id,name,code } }\r\n }\r\n }\r\n}`);\r\n\r\nexport type GatherMenuLocale = {\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type GatherMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface GatherMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: GatherMenuDataSource;\r\n /**\r\n * 存储key\r\n */\r\n storeKey?: string;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: () => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition, setDraggableNodeRef } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.customMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.customMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <CloseOutlined rev={undefined} onClick={() => {\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: GatherMenuProps) => {\r\n const [all, setAll] = useState<GatherMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<GatherMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n locale = useLocale('GatherMenu'),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n ;\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables>(userOrgAppsQuery, {\r\n first: 30,\r\n }, 1, { instanceName: iceUrqlInstance.ucenter }), apps: App[] = [];\r\n if (appsResult.data?.userRootOrgs) {\r\n appsResult.data.userRootOrgs.forEach(org => {\r\n org.apps.edges?.forEach(oApp => {\r\n if (oApp?.node) {\r\n if (!apps.find(app => app.id === oApp.node?.id)) {\r\n apps.push(oApp.node as App);\r\n }\r\n }\r\n })\r\n })\r\n }\r\n const newAll: GatherMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: iceUrqlInstance.ucenter });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.filter(item => item.route) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu,\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n }, []),\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects])\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n useEffect(() => {\r\n if (props.storeKey) {\r\n const store = localStorage.getItem(props.storeKey);\r\n if (store) {\r\n try {\r\n setCollects(JSON.parse(store));\r\n } catch (error) {\r\n }\r\n }\r\n }\r\n }, [props.storeKey]);\r\n\r\n useEffect(() => {\r\n if (props.storeKey) {\r\n if (collects.length) {\r\n localStorage.setItem(props.storeKey, JSON.stringify(collects));\r\n } else {\r\n localStorage.removeItem(props.storeKey);\r\n }\r\n }\r\n }, [collects]);\r\n\r\n return <>\r\n <Drawer\r\n className={styles.customMenuDrawer}\r\n placement=\"left\"\r\n open={props.open}\r\n width={1060}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.customMenuDrawerMenu}>\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n return arrayMove(items, oldIndex, newIndex);\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={() => {\r\n setCollects(collects.filter(c => !(c.id === item.id && c.appID === item.appID)));\r\n }}\r\n onClick={() => {\r\n const allApp = all.find(allItem => allItem.app.id == item.appID);\r\n if (allApp) {\r\n props.onClick?.(item, allApp.app);\r\n }\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n <div className={styles.customMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n <div className={styles.customMenuDrawerAllMenu}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.customMenuDrawerAllMenuColumn}>\r\n <div className={styles.customMenuDrawerAllMenuTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (\r\n <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.customMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n props.onClick?.(menuItem, item.app);\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerAllMenuItemName}>{menuItem.name}</div>\r\n <div>\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={(event) => {\r\n event.stopPropagation();\r\n if (checkCollect(menuItem)) {\r\n setCollects(collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID)));\r\n } else {\r\n setCollects([...collects, menuItem]);\r\n }\r\n }} />\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","paging","query","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","userMenuListQuery","userOrgAppsQuery","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","setDraggableNodeRef","style","Transform","toString","div","ref","className","customMenuDrawerMenuItem","onClick","customMenuDrawerMenuItemName","name","customMenuDrawerMenuItemIcons","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","locale","sensors","coordinateGetter","request","appsResult","first","instanceName","ucenter","apps","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","filter","item","route","checkCollect","menuItem","dataSource","storeKey","store","localStorage","getItem","JSON","parse","error","length","setItem","stringify","removeItem","customMenuDrawer","placement","open","width","onClose","onChangeOpen","customMenuDrawerRow","customMenuDrawerMenu","collisionDetection","onDragEnd","event","active","over","items","oldIndex","findIndex","oItem","newIndex","nItem","map","strategy","c","allApp","allItem","image","PRESENTED_IMAGE_SIMPLE","description","notText","customMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","customMenuDrawerAllMenu","customMenuDrawerAllMenuColumn","customMenuDrawerAllMenuTitle","customMenuDrawerAllMenuItem","customMenuDrawerAllMenuItemName","stopPropagation"],"mappings":"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"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
.customMenu {
|
|
2
|
+
margin-right: 8px;
|
|
3
|
+
cursor: pointer;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.customMenuDrawer {
|
|
7
|
+
|
|
8
|
+
:global(.ant-drawer-header-title) {
|
|
9
|
+
flex-direction: row-reverse;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:global(.ant-drawer-body) {
|
|
13
|
+
padding: 0;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.customMenuDrawerRow {
|
|
19
|
+
height: 100%;
|
|
20
|
+
display: flex;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.customMenuDrawerMenu {
|
|
24
|
+
height: 100%;
|
|
25
|
+
border-right: 1px solid rgba(5, 5, 5, 0.06);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.customMenuDrawerAllMenu {
|
|
29
|
+
height: calc(100% - 52px);
|
|
30
|
+
padding: 16px;
|
|
31
|
+
overflow-y: auto;
|
|
32
|
+
column-count: 3;
|
|
33
|
+
column-gap: 10px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.customMenuDrawerAllMenuColumn {
|
|
37
|
+
/* 瀑布流关键写法 */
|
|
38
|
+
break-inside: avoid;
|
|
39
|
+
margin-bottom: 16px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
.customMenuDrawerAllMenuTitle {
|
|
44
|
+
font-weight: bold;
|
|
45
|
+
height: 32px;
|
|
46
|
+
line-height: 32px;
|
|
47
|
+
padding: 0 16px;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.customMenuDrawerAllMenuItem {
|
|
51
|
+
height: 32px;
|
|
52
|
+
line-height: 32px;
|
|
53
|
+
cursor: pointer;
|
|
54
|
+
padding: 0 16px;
|
|
55
|
+
display: flex;
|
|
56
|
+
|
|
57
|
+
&:hover {
|
|
58
|
+
background-color: #f1f1f1;
|
|
59
|
+
|
|
60
|
+
:global(.anticon-star) {
|
|
61
|
+
display: inline;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
:global(.anticon-star.collect) {
|
|
66
|
+
color: rgb(255, 106, 0);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:global(.anticon-star) {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.customMenuDrawerAllMenuItemName {
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
text-overflow: ellipsis;
|
|
77
|
+
white-space: nowrap;
|
|
78
|
+
flex: auto;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.customMenuDrawerAllInput {
|
|
82
|
+
padding: 10px 0;
|
|
83
|
+
margin: 0 16px;
|
|
84
|
+
border-bottom: 1px solid rgba(5, 5, 5, 0.06);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.customMenuDrawerMenuItem {
|
|
88
|
+
height: 40px;
|
|
89
|
+
line-height: 40px;
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
padding: 0 16px;
|
|
92
|
+
display: flex;
|
|
93
|
+
|
|
94
|
+
&:hover {
|
|
95
|
+
background-color: #f1f1f1;
|
|
96
|
+
|
|
97
|
+
.customMenuDrawerMenuItemIcons {
|
|
98
|
+
display: block;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.customMenuDrawerMenuItemIcons {
|
|
104
|
+
display: none;
|
|
105
|
+
|
|
106
|
+
:global(.anticon) {
|
|
107
|
+
color: #c1c1c1;
|
|
108
|
+
|
|
109
|
+
&:hover {
|
|
110
|
+
color: #8c8c8c;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.customMenuDrawerMenuItemName {
|
|
116
|
+
flex: auto;
|
|
117
|
+
text-overflow: ellipsis;
|
|
118
|
+
white-space: nowrap;
|
|
119
|
+
overflow: hidden;
|
|
120
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const locale = {
|
|
2
|
+
notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',
|
|
3
|
+
searchPlaceholder: "Please enter keyword"
|
|
4
|
+
};
|
|
5
|
+
export default locale;
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\locale\en_US.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\en_US.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n notText: '收藏列表为空,可在右侧将您常用地址添加到收藏。',\r\n searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { BasicContext, BasicProviderProps, LocaleType } from '../locale';\r\n\r\nexport interface I18nDropdownProps {\r\n /**\r\n * 值变更事件 (value: LocaleType) => void;\r\n */\r\n onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n const ctx = useContext<BasicProviderProps>(BasicContext),\r\n [localeName, setLocaleName] = useState(''),\r\n menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n props.onChange?.(key as LocaleType)\r\n }, []),\r\n menuItems = [\r\n {\r\n key: LocaleType.zhCN,\r\n label: '简体',\r\n onClick: menuItemOnClick,\r\n },\r\n {\r\n key: LocaleType.enUS,\r\n label: 'En',\r\n onClick: menuItemOnClick,\r\n }\r\n ];\r\n\r\n useEffect(() => {\r\n const item = menuItems?.find(item => item?.key == ctx.locale);\r\n setLocaleName(item?.label || '')\r\n }, [ctx.locale]);\r\n\r\n return (\r\n <Dropdown menu={{\r\n items: menuItems,\r\n }}>\r\n <span className={styles.action}>\r\n <span>{localeName}</span>\r\n </span>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","BasicContext","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,MAAMC,MAAMP,WAA+BG,eACzC,CAACK,YAAYC,cAAc,GAAGZ,SAAS,KACvCa,kBAAkBX,YAAY,CAAC,EAAEY,IAAG,EAAsB,GAAK;YAC7DL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,IAAM;QACd,MAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,CAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import _object_spread from "@swc/helpers/src/_object_spread.mjs";
|
|
2
|
+
import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
|
|
3
3
|
import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
export const OpenWin = (props)=>{
|
|
5
5
|
return /*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
|
|
@@ -16,4 +16,4 @@ export const OpenWin = (props)=>{
|
|
|
16
16
|
}));
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
19
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\icons\index.js.map
|