npm - @knockout-js/layout - Versions diffs - 0.1.0 → 0.1.1-beta.0 - Mend

@knockout-js/layout 0.1.0 → 0.1.1-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.

Files changed (89) hide show

package/es2017/components/_util/index.d.ts CHANGED Viewed

@@ -38,3 +38,18 @@ export declare const randomId: (len: number) => string;
  * @returns
  */
 export declare const parseEnvAppAddress: (evnStr: string) => Record<string, string>;
+/**
+ * 格式化日期
+ * @param date
+ * @param format  YYYY-MM-DD HH:mm:ss
+ * @param tz  时区
+ * @param isTzSet  true将当前时间设置成这个时区，false 将当前时间根据时区转换
+ * 例子 isTzSet=true
+ *      dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
+ *      = "2022-07-07T16:30:00-04:00"
+ * 例子 isTzSet=false
+ *      dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
+ *      = "2022-07-07 16:30:00"
+ * @returns
+ */
+export declare const getDate: (date: dayjs.ConfigType, format?: string, tz?: string, isTzSet?: boolean) => any;

package/es2017/components/_util/index.js CHANGED Viewed

@@ -1,3 +1,9 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import dayjs from "dayjs";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
+dayjs.extend(utc);
+dayjs.extend(timezone);
 /**
  * 列表数据格式化成树结构
  * @param allList
@@ -5,8 +11,7 @@
  * @param defineKey
  * @param parentId
  * @returns
- */ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-export const listFormatTreeData = (allList, parentList, defineKey, parentId)=>{
+ */ export const listFormatTreeData = (allList, parentList, defineKey, parentId)=>{
     const dataKey = _object_spread({
         key: 'key',
         parentId: 'parentId'
@@ -65,5 +70,27 @@ export const listFormatTreeData = (allList, parentList, defineKey, parentId)=>{
     });
     return address;
 };
+/**
+ * 格式化日期
+ * @param date
+ * @param format  YYYY-MM-DD HH:mm:ss
+ * @param tz  时区
+ * @param isTzSet  true将当前时间设置成这个时区，false 将当前时间根据时区转换
+ * 例子 isTzSet=true
+ *      dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
+ *      = "2022-07-07T16:30:00-04:00"
+ * 例子 isTzSet=false
+ *      dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
+ *      = "2022-07-07 16:30:00"
+ * @returns
+ */ export const getDate = (date, format = 'YYYY-MM-DD', tz, isTzSet)=>{
+    if (date) {
+        if (tz) {
+            if (isTzSet) return dayjs.tz(date, tz).format(format);
+            else return dayjs(date).tz(tz).format(format);
+        }
+        return dayjs(date).format(format);
+    } else return null;
+};
  //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\_util\index.js.map

package/es2017/components/_util/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\_util\\index.ts"],"sourcesContent":["/*\r\n 列表数据格式化成树结构\r\n * @param allList\r\n * @param parentList\r\n * @param defineKey\r\n * @param parentId\r\n * @returns\r\n /\r\nexport const listFormatTreeData = <T extends Record<string, any> & { children?: T[] }>(\r\n allList: T[],\r\n parentList?: T[],\r\n defineKey?: {\r\n key?: string;\r\n parentId?: string;\r\n },\r\n parentId?: string \| number,\r\n) => {\r\n const dataKey = { key: 'key', parentId: 'parentId', ...defineKey },\r\n pid = parentId === undefined ? '0' : parentId;\r\n\r\n if (!parentList) {\r\n parentList = allList.filter(item => item[dataKey.parentId] == pid);\r\n }\r\n\r\n parentList.forEach((pItem) => {\r\n const children = allList.filter(\r\n (allItem) => allItem[dataKey.parentId] == pItem[dataKey.key],\r\n );\r\n if (children && children.length) {\r\n pItem.children = listFormatTreeData(allList, children, dataKey);\r\n }\r\n });\r\n return parentList;\r\n};\r\n\r\n/\r\n 解析树结构按树顺序处理成列表\r\n * @param treeList\r\n * @returns\r\n /\r\nexport const treeFormatList = <T extends Record<string, any> & { children?: T[] }>(treeList: T[]) => {\r\n const allList: T[] = [];\r\n\r\n treeList.forEach(item => {\r\n const children = item.children;\r\n delete item.children;\r\n allList?.push(item);\r\n if (children) {\r\n allList.push(...treeFormatList(children));\r\n }\r\n });\r\n\r\n return allList;\r\n}\r\n\r\n/\r\n 字节大小展示处理\r\n * @param fileSize\r\n * @returns\r\n /\r\nexport const formatFileSize = (fileSize: number) => {\r\n if (fileSize < 1024) {\r\n return fileSize + 'B';\r\n } else if (fileSize < (1024 1024)) {\r\n return (fileSize / 1024).toFixed(2) + 'KB';\r\n } else if (fileSize < (1024 * 1024 * 1024)) {\r\n return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';\r\n } else {\r\n return (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB';\r\n }\r\n}\r\n\r\n/*\r\n 随机数\r\n * @param len\r\n * @returns\r\n /\r\nexport const randomId = (len: number) => {\r\n let str = '';\r\n for (; str.length < len; str += Math.random().toString(36).substring(2));\r\n return str.substring(0, len);\r\n}\r\n\r\n\r\n/\r\n 解析env配置的app地址字符串\r\n * @param evnStr appCode@deploy_address;\r\n * @returns\r\n */\r\nexport const parseEnvAppAddress = (evnStr: string) => {\r\n const address: Record<string, string> = {};\r\n evnStr.split(';').forEach(str => {\r\n if (str) {\r\n const adds = str.split('@');\r\n if (adds.length === 2) {\r\n address[adds[0]] = adds[1];\r\n }\r\n }\r\n })\r\n return address;\r\n}\r\n"],"names":["listFormatTreeData","allList","parentList","defineKey","parentId","dataKey","key","pid","undefined","filter","item","forEach","pItem","children","allItem","length","treeFormatList","treeList","push","formatFileSize","fileSize","toFixed","randomId","len","str","Math","random","toString","substring","parseEnvAppAddress","evnStr","address","split","adds"],"mappings":"AAAA;;;;;;;CAOC~~;AACD~~,OAAO,~~MAAMA~~,qBAAqB,CAChCC,SACAC,YACAC,WAIAC,WACG;IACH,MAAMC,UAAU;QAAEC,KAAK;QAAOF,UAAU;OAAeD,YACrDI,MAAMH,aAAaI,YAAY,MAAMJ,QAAQ;IAE/C,IAAI,CAACF,YACHA,aAAaD,QAAQQ,MAAM,CAACC,CAAAA,OAAQA,IAAI,CAACL,QAAQD,QAAQ,CAAC,IAAIG;IAGhEL,WAAWS,OAAO,CAAC,CAACC,QAAU;QAC5B,MAAMC,WAAWZ,QAAQQ,MAAM,CAC7B,CAACK,UAAYA,OAAO,CAACT,QAAQD,QAAQ,CAAC,IAAIQ,KAAK,CAACP,QAAQC,GAAG,CAAC;QAE9D,IAAIO,YAAYA,SAASE,MAAM,EAC7BH,MAAMC,QAAQ,GAAGb,mBAAmBC,SAASY,UAAUR;IAE3D;IACA,OAAOH;AACT,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMc,iBAAiB,CAAqDC,WAAkB;IACnG,MAAMhB,UAAe,EAAE;IAEvBgB,SAASN,OAAO,CAACD,CAAAA,OAAQ;QACvB,MAAMG,WAAWH,KAAKG,QAAQ;QAC9B,OAAOH,KAAKG,QAAQ;QACpBZ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASiB,IAAI,CAACR;QACd,IAAIG,UACFZ,QAAQiB,IAAI,IAAIF,eAAeH;IAEnC;IAEA,OAAOZ;AACT,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMkB,iBAAiB,CAACC,WAAqB;IAClD,IAAIA,WAAW,MACb,OAAOA,WAAW;SACb,IAAIA,WAAY,SACrB,OAAO,AAACA,CAAAA,WAAW,IAAG,EAAGC,OAAO,CAAC,KAAK;SACjC,IAAID,WAAY,YACrB,OAAO,AAACA,CAAAA,WAAY,OAAW,EAAGC,OAAO,CAAC,KAAK;SAE/C,OAAO,AAACD,CAAAA,WAAY,UAAkB,EAAGC,OAAO,CAAC,KAAK;AAE1D,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAACC,MAAgB;IACvC,IAAIC,MAAM;IACV,MAAOA,IAAIT,MAAM,GAAGQ,KAAKC,OAAOC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,SAAS,CAAC;IACrE,OAAOJ,IAAII,SAAS,CAAC,GAAGL;AAC1B,EAAC;AAGD;;;;CAIC,GACD,OAAO,MAAMM,qBAAqB,CAACC,SAAmB;IACpD,MAAMC,UAAkC,CAAC;IACzCD,OAAOE,KAAK,CAAC,KAAKrB,OAAO,CAACa,CAAAA,MAAO;QAC/B,IAAIA,KAAK;YACP,MAAMS,OAAOT,IAAIQ,KAAK,CAAC;YACvB,IAAIC,KAAKlB,MAAM,KAAK,GAClBgB,OAAO,CAACE,IAAI,CAAC,EAAE,CAAC,GAAGA,IAAI,CAAC,EAAE;QAE9B,CAAC;IACH;IACA,OAAOF;AACT,EAAC"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\_util\\index.ts"],"sourcesContent":["import dayjs from 'dayjs';\r\nimport timezone from 'dayjs/plugin/timezone';\r\nimport utc from 'dayjs/plugin/utc';\r\n\r\ndayjs.extend(utc);\r\ndayjs.extend(timezone);\r\n\r\n/*\r\n 列表数据格式化成树结构\r\n * @param allList\r\n * @param parentList\r\n * @param defineKey\r\n * @param parentId\r\n * @returns\r\n /\r\nexport const listFormatTreeData = <T extends Record<string, any> & { children?: T[] }>(\r\n allList: T[],\r\n parentList?: T[],\r\n defineKey?: {\r\n key?: string;\r\n parentId?: string;\r\n },\r\n parentId?: string \| number,\r\n) => {\r\n const dataKey = { key: 'key', parentId: 'parentId', ...defineKey },\r\n pid = parentId === undefined ? '0' : parentId;\r\n\r\n if (!parentList) {\r\n parentList = allList.filter(item => item[dataKey.parentId] == pid);\r\n }\r\n\r\n parentList.forEach((pItem) => {\r\n const children = allList.filter(\r\n (allItem) => allItem[dataKey.parentId] == pItem[dataKey.key],\r\n );\r\n if (children && children.length) {\r\n pItem.children = listFormatTreeData(allList, children, dataKey);\r\n }\r\n });\r\n return parentList;\r\n};\r\n\r\n/\r\n 解析树结构按树顺序处理成列表\r\n * @param treeList\r\n * @returns\r\n /\r\nexport const treeFormatList = <T extends Record<string, any> & { children?: T[] }>(treeList: T[]) => {\r\n const allList: T[] = [];\r\n\r\n treeList.forEach(item => {\r\n const children = item.children;\r\n delete item.children;\r\n allList?.push(item);\r\n if (children) {\r\n allList.push(...treeFormatList(children));\r\n }\r\n });\r\n\r\n return allList;\r\n}\r\n\r\n/\r\n 字节大小展示处理\r\n * @param fileSize\r\n * @returns\r\n /\r\nexport const formatFileSize = (fileSize: number) => {\r\n if (fileSize < 1024) {\r\n return fileSize + 'B';\r\n } else if (fileSize < (1024 1024)) {\r\n return (fileSize / 1024).toFixed(2) + 'KB';\r\n } else if (fileSize < (1024 * 1024 * 1024)) {\r\n return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';\r\n } else {\r\n return (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB';\r\n }\r\n}\r\n\r\n/*\r\n 随机数\r\n * @param len\r\n * @returns\r\n /\r\nexport const randomId = (len: number) => {\r\n let str = '';\r\n for (; str.length < len; str += Math.random().toString(36).substring(2));\r\n return str.substring(0, len);\r\n}\r\n\r\n\r\n/\r\n 解析env配置的app地址字符串\r\n * @param evnStr appCode@deploy_address;\r\n * @returns\r\n /\r\nexport const parseEnvAppAddress = (evnStr: string) => {\r\n const address: Record<string, string> = {};\r\n evnStr.split(';').forEach(str => {\r\n if (str) {\r\n const adds = str.split('@');\r\n if (adds.length === 2) {\r\n address[adds[0]] = adds[1];\r\n }\r\n }\r\n })\r\n return address;\r\n}\r\n\r\n\r\n\r\n/\r\n 格式化日期\r\n * @param date\r\n * @param format YYYY-MM-DD HH:mm:ss\r\n * @param tz 时区\r\n * @param isTzSet true将当前时间设置成这个时区，false 将当前时间根据时区转换\r\n * 例子 isTzSet=true\r\n * dayjs.tz(\"2022-07-07 16:30:00\", \"America/New_York\").format(\"YYYY-MM-DDTHH:mm:ssZ\")\r\n * = \"2022-07-07T16:30:00-04:00\"\r\n * 例子 isTzSet=false\r\n * dayjs(\"2022-07-07T20:30:00Z\").tz(\"America/New_York\").format(\"YYYY-MM-DD HH:mm:ss\")\r\n * = \"2022-07-07 16:30:00\"\r\n * @returns\r\n */\r\nexport const getDate = (\r\n date: dayjs.ConfigType,\r\n format = 'YYYY-MM-DD',\r\n tz?: string,\r\n isTzSet?: boolean,\r\n) => {\r\n if (date) {\r\n if (tz) {\r\n if (isTzSet) {\r\n return dayjs.tz(date, tz).format(format);\r\n } else {\r\n return dayjs(date).tz(tz).format(format);\r\n }\r\n }\r\n return dayjs(date).format(format);\r\n } else {\r\n return null\r\n }\r\n};\r\n"],"names":["dayjs","timezone","utc","extend","listFormatTreeData","allList","parentList","defineKey","parentId","dataKey","key","pid","undefined","filter","item","forEach","pItem","children","allItem","length","treeFormatList","treeList","push","formatFileSize","fileSize","toFixed","randomId","len","str","Math","random","toString","substring","parseEnvAppAddress","evnStr","address","split","adds","getDate","date","format","tz","isTzSet"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,wBAAwB;AAC7C,OAAOC,SAAS,mBAAmB;AAEnCF,MAAMG,MAAM,CAACD;AACbF,MAAMG,MAAM,CAACF;AAEb;;;;;;;CAOC,GACD,OAAO,MAAMG,qBAAqB,CAChCC,SACAC,YACAC,WAIAC,WACG;IACH,MAAMC,UAAU;QAAEC,KAAK;QAAOF,UAAU;OAAeD,YACrDI,MAAMH,aAAaI,YAAY,MAAMJ,QAAQ;IAE/C,IAAI,CAACF,YACHA,aAAaD,QAAQQ,MAAM,CAACC,CAAAA,OAAQA,IAAI,CAACL,QAAQD,QAAQ,CAAC,IAAIG;IAGhEL,WAAWS,OAAO,CAAC,CAACC,QAAU;QAC5B,MAAMC,WAAWZ,QAAQQ,MAAM,CAC7B,CAACK,UAAYA,OAAO,CAACT,QAAQD,QAAQ,CAAC,IAAIQ,KAAK,CAACP,QAAQC,GAAG,CAAC;QAE9D,IAAIO,YAAYA,SAASE,MAAM,EAC7BH,MAAMC,QAAQ,GAAGb,mBAAmBC,SAASY,UAAUR;IAE3D;IACA,OAAOH;AACT,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMc,iBAAiB,CAAqDC,WAAkB;IACnG,MAAMhB,UAAe,EAAE;IAEvBgB,SAASN,OAAO,CAACD,CAAAA,OAAQ;QACvB,MAAMG,WAAWH,KAAKG,QAAQ;QAC9B,OAAOH,KAAKG,QAAQ;QACpBZ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASiB,IAAI,CAACR;QACd,IAAIG,UACFZ,QAAQiB,IAAI,IAAIF,eAAeH;IAEnC;IAEA,OAAOZ;AACT,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMkB,iBAAiB,CAACC,WAAqB;IAClD,IAAIA,WAAW,MACb,OAAOA,WAAW;SACb,IAAIA,WAAY,SACrB,OAAO,AAACA,CAAAA,WAAW,IAAG,EAAGC,OAAO,CAAC,KAAK;SACjC,IAAID,WAAY,YACrB,OAAO,AAACA,CAAAA,WAAY,OAAW,EAAGC,OAAO,CAAC,KAAK;SAE/C,OAAO,AAACD,CAAAA,WAAY,UAAkB,EAAGC,OAAO,CAAC,KAAK;AAE1D,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAACC,MAAgB;IACvC,IAAIC,MAAM;IACV,MAAOA,IAAIT,MAAM,GAAGQ,KAAKC,OAAOC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,SAAS,CAAC;IACrE,OAAOJ,IAAII,SAAS,CAAC,GAAGL;AAC1B,EAAC;AAGD;;;;CAIC,GACD,OAAO,MAAMM,qBAAqB,CAACC,SAAmB;IACpD,MAAMC,UAAkC,CAAC;IACzCD,OAAOE,KAAK,CAAC,KAAKrB,OAAO,CAACa,CAAAA,MAAO;QAC/B,IAAIA,KAAK;YACP,MAAMS,OAAOT,IAAIQ,KAAK,CAAC;YACvB,IAAIC,KAAKlB,MAAM,KAAK,GAClBgB,OAAO,CAACE,IAAI,CAAC,EAAE,CAAC,GAAGA,IAAI,CAAC,EAAE;QAE9B,CAAC;IACH;IACA,OAAOF;AACT,EAAC;AAID;;;;;;;;;;;;;CAaC,GACD,OAAO,MAAMG,UAAU,CACrBC,MACAC,SAAS,YAAY,EACrBC,IACAC,UACG;IACH,IAAIH,MAAM;QACR,IAAIE,IAAI;YACN,IAAIC,SACF,OAAO1C,MAAMyC,EAAE,CAACF,MAAME,IAAID,MAAM,CAACA;iBAEjC,OAAOxC,MAAMuC,MAAME,EAAE,CAACA,IAAID,MAAM,CAACA;QAErC,CAAC;QACD,OAAOxC,MAAMuC,MAAMC,MAAM,CAACA;IAC5B,OACE,OAAO,IAAI;AAEf,EAAE"}

package/es2017/components/aggregate-menu/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DrawerProps } from "antd";
-import { App, AppMenu } from "@knockout-js/api";
+import { App, AppMenu } from "@knockout-js/api/esm/gql/ucenter/graphql";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;

package/es2017/components/aggregate-menu/index.js CHANGED Viewed

@@ -6,8 +6,6 @@ import { useCallback, useEffect, useState } from "react";
 import styles from "./index.module.css";
 import { Drawer, Empty, Input, Space } from "antd";
 import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
-import { AppMenuKind } from "@knockout-js/api";
-import { iceUrqlInstance } from "../index";
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
@@ -15,6 +13,8 @@ import { useLocale } from "../locale/index";
 import { useDark } from "../provider/index";
 import { listFormatTreeData, treeFormatList } from "../_util/index";
 import { OpenWin } from "../icons/index";
+import { AppMenuKind } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { instanceName } from "@knockout-js/api";
 const userMenuListQuery = gql(/* GraphQL */ `query layoutPkgUserMenuList($appCode:String!){
   userMenus(appCode: $appCode){
     id,name,route,appID,parentID,displaySort,kind
@@ -96,7 +96,7 @@ export default ((props)=>{
     const request = useCallback(async ()=>{
         var _appsResult_data, _preferenceResult_data, _preferenceResult_data_orgUserPreference;
         const appsResult = await paging(userAppsQuery, {}, 1, {
-            instanceName: iceUrqlInstance.ucenter
+            instanceName: instanceName.UCENTER
         }), apps = [];
         if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userApps) appsResult.data.userApps.forEach((app)=>{
             apps.push(app);
@@ -107,7 +107,7 @@ export default ((props)=>{
             const menuResult = await query(userMenuListQuery, {
                 appCode: apps[i].code
             }, {
-                instanceName: iceUrqlInstance.ucenter
+                instanceName: instanceName.UCENTER
             });
             if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
                 const menu = menuResult.data.userMenus.sort((d1, d2)=>{
@@ -127,7 +127,7 @@ export default ((props)=>{
         setFilterList(newAll);
         // 初始化收藏和初始化最近数据
         const preferenceResult = await query(userPreferenceQuery, {}, {
-            instanceName: iceUrqlInstance.ucenter
+            instanceName: instanceName.UCENTER
         });
         if ((_preferenceResult_data = preferenceResult.data) === null || _preferenceResult_data === void 0 ? void 0 : (_preferenceResult_data_orgUserPreference = _preferenceResult_data.orgUserPreference) === null || _preferenceResult_data_orgUserPreference === void 0 ? void 0 : _preferenceResult_data_orgUserPreference.id) {
             const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite, menuRecent = preferenceResult.data.orgUserPreference.menuRecent, collectsList = [], latelyList = [];
@@ -159,7 +159,7 @@ export default ((props)=>{
                 menuFavorite: list.map((item)=>item.id)
             }
         }, {
-            instanceName: iceUrqlInstance.ucenter
+            instanceName: instanceName.UCENTER
         });
     }, requestRecent = async (ids)=>{
         // 异步存储访问菜单记录
@@ -168,7 +168,7 @@ export default ((props)=>{
                 menuRecent: ids
             }
         }, {
-            instanceName: iceUrqlInstance.ucenter
+            instanceName: instanceName.UCENTER
         });
     }, checkCollect = useCallback((menuItem)=>{
         return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);

package/es2017/components/aggregate-menu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-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 { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables } 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\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL /`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/ GraphQL /`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/ GraphQL /`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/ GraphQL /`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /\r\n 弹出开关\r\n /\r\n open?: boolean;\r\n /\r\n 数据源\r\n /\r\n dataSource?: AggregateMenuDataSource;\r\n /\r\n 弹框设置\r\n /\r\n drawerProps?: DrawerProps;\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, isOpen?: boolean) => 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: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = 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.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\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: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: iceUrqlInstance.ucenter\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(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.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 }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, { instanceName: iceUrqlInstance.ucenter });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: iceUrqlInstance.ucenter\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: iceUrqlInstance.ucenter\r\n });\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 onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\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 return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/ 收藏 /}\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 const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\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={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\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 {/ 过滤 /}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\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 setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/ 最近访问 /}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/ all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\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","mutation","paging","query","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","instanceName","ucenter","apps","data","userApps","forEach","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuFavorite","menuRecent","collectsList","latelyList","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","allItem","oldIdx","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-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 { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\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\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/esm/gql/ucenter/graphql\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL /`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/ GraphQL /`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/ GraphQL /`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/ GraphQL /`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /\r\n 弹出开关\r\n /\r\n open?: boolean;\r\n /\r\n 数据源\r\n /\r\n dataSource?: AggregateMenuDataSource;\r\n /\r\n 弹框设置\r\n /\r\n drawerProps?: DrawerProps;\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, isOpen?: boolean) => 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: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = 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.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\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: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.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 }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\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 onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\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 return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/ 收藏 /}\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 const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\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={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\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 {/ 过滤 /}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\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 setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/ 最近访问 /}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/ all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\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","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","UCENTER","apps","data","userApps","forEach","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuFavorite","menuRecent","collectsList","latelyList","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","allItem","oldIdx","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}

package/es2017/components/aggregate-menu/index.module.css CHANGED Viewed

@@ -3,14 +3,12 @@
   cursor: pointer;
 }
-.aggregateMenuDrawer {
-  :global(.ant-drawer-header-title) {
-    flex-direction: row-reverse;
-  }
+.aggregateMenuDrawer :global(.ant-drawer-header-title) {
+  flex-direction: row-reverse;
+}
-  :global(.ant-drawer-body) {
-    padding: 0;
-  }
+.aggregateMenuDrawer :global(.ant-drawer-body) {
+  padding: 0;
 }
 .aggregateMenuDrawerRow {
@@ -58,19 +56,19 @@
   cursor: pointer;
   padding: 0 6px 0 16px;
   display: flex;
+}
-  &:hover {
-    background-color: #f1f1f1;
+.aggregateMenuDrawerAllMenuItem :global(.anticon-star.collect) {
+  color: rgb(255, 106, 0);
+  display: inline-flex;
+}
-    :global(.anticon) {
-      display: inline;
-    }
-  }
+.aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #f1f1f1;
+}
-  :global(.anticon-star.collect) {
-    color: rgb(255, 106, 0);
-    display: inline-flex;
-  }
+.aggregateMenuDrawerAllMenuItem:hover :global(.anticon) {
+  display: inline;
 }
 .aggregateMenuDrawerAllMenuItemDir {
@@ -88,26 +86,22 @@
   font-weight: lighter;
 }
-.aggregateMenuDrawerAllMenuItemIcons {
-  :global(.ant-space) {
-    align-items: unset;
-  }
-  :global(.anticon) {
-    display: none;
-    color: #c1c1c1;
+.aggregateMenuDrawerAllMenuItemIcons :global(.ant-space) {
+  align-items: unset;
+}
-    &:hover {
-      color: #8c8c8c;
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon) {
+  display: none;
+  color: #c1c1c1;
+}
-      &:global(.anticon-star.collect) {
-        color: rgb(255, 106, 0);
-        display: inline-flex;
-      }
-    }
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
-  }
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover :global(.anticon-star.collect) {
+  color: rgb(255, 106, 0);
+  display: inline-flex;
 }
 .aggregateMenuDrawerAllInput {
@@ -127,26 +121,26 @@
   cursor: pointer;
   padding: 0 10px 0 16px;
   display: flex;
+}
-  &:hover {
-    background-color: #f1f1f1;
+.aggregateMenuDrawerMenuItem:hover {
+  background-color: #f1f1f1;
+}
-    .aggregateMenuDrawerMenuItemIcons {
-      display: block;
-    }
-  }
+.aggregateMenuDrawerMenuItem:hover .aggregateMenuDrawerMenuItemIcons {
+  display: block;
 }
 .aggregateMenuDrawerMenuItemIcons {
   display: none;
+}
-  :global(.anticon) {
-    color: #c1c1c1;
+.aggregateMenuDrawerMenuItemIcons :global(.anticon) {
+  color: #c1c1c1;
+}
-    &:hover {
-      color: #8c8c8c;
-    }
-  }
+.aggregateMenuDrawerMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
 }
 .aggregateMenuDrawerMenuItemName {
@@ -170,21 +164,17 @@
 /* 黑色主题处理 */
 .aggregateMenuDark {
   color: #ffffffcc;
+}
-  .aggregateMenuDrawerAllInput {
-    border-bottom: 1px solid #ffffff40;
-  }
+.aggregateMenuDark .aggregateMenuDrawerAllInput {
+  border-bottom: 1px solid #ffffff40;
+}
-  .aggregateMenuDrawerAllMenuItem {
-    &:hover {
-      background-color: #ffffff40;
-    }
-  }
+.aggregateMenuDark .aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #ffffff40;
-  .aggregateMenuDrawerMenuItem {
-    &:hover {
-      background-color: #ffffff40;
-    }
-  }
+}
+.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
+  background-color: #ffffff40;
 }

package/es2017/components/avatar-dropdown/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { LogoutOutlined, UserOutlined } from "@ant-design/icons";
 import { Dropdown, Avatar } from "antd";
 import styles from "./index.module.css";

package/es2017/components/avatar-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
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	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\index.tsx"],"sourcesContent":["import { 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":["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,SAASA,WAAW,QAAQ,QAAQ;AACpC,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"}

package/es2017/components/i18n-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
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 { Context, ProviderProps, LocaleType } from '..';\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<ProviderProps>(Context),\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","Context","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,OAAO,EAAiBC,UAAU,QAAQ,WAAK;AASxD,SAASC,aAAaC,KAAwB,EAAE;IAC9C,MAAMC,MAAMP,WAA0BG,UACpC,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	+ {"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 } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { Context, ProviderProps, LocaleType } from '..';\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<ProviderProps>(Context),\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","Context","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,QAAQ,OAAO;AAChC,OAAOC,YAAY,qBAAqB;AACxC,SAASC,OAAO,EAAiBC,UAAU,QAAQ,WAAK;AASxD,SAASC,aAAaC,KAAwB,EAAE;IAC9C,MAAMC,MAAMP,WAA0BG,UACpC,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"}

package/es2017/components/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export { default as ThemeSwitch } from './theme-switch';
 export { default as AvatarDropdown } from './avatar-dropdown';
 export { default as KeepAlive } from './keep-alive';
 export { default as TenantDropdown } from './tenant-dropdown';
+export { default as MsgDropdown } from './msg-dropdown';
 export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';
 export { default as I18nDropdown } from './i18n-dropdown';
 export { default as CollectProviders } from './collect-providers';
@@ -14,6 +15,3 @@ export { default as UploadAvatar } from './upload-file/uploadAvatar';
 export { default as UploadMultiple } from './upload-file/uploadMultiple';
 export { default as UploadTemp } from './upload-file/uploadTemp';
 export * as util from './_util';
-export declare enum iceUrqlInstance {
-    ucenter = "ucenter"
-}

package/es2017/components/index.js CHANGED Viewed

@@ -3,6 +3,7 @@ export { default as ThemeSwitch } from "./theme-switch/index";
 export { default as AvatarDropdown } from "./avatar-dropdown/index";
 export { default as KeepAlive } from "./keep-alive/index";
 export { default as TenantDropdown } from "./tenant-dropdown/index";
+export { default as MsgDropdown } from "./msg-dropdown/index";
 export { default as LeavePrompt, useLeavePrompt } from "./leave-prompt/index";
 export { default as I18nDropdown } from "./i18n-dropdown/index";
 export { default as CollectProviders } from "./collect-providers/index";
@@ -15,9 +16,5 @@ export { default as UploadMultiple } from "./upload-file/uploadMultiple";
 export { default as UploadTemp } from "./upload-file/uploadTemp";
 import * as _util from "./_util/index";
 export { _util as util };
-export var iceUrqlInstance;
-(function(iceUrqlInstance) {
-    iceUrqlInstance["ucenter"] = "ucenter";
-})(iceUrqlInstance || (iceUrqlInstance = {}));
  //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\index.js.map

package/es2017/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\index.ts"],"sourcesContent":["export { default as Provider, Context, type ProviderProps, } from './provider';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { LocaleType } from './provider';\r\nexport { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';\r\nexport { default as UploadAvatar } from './upload-file/uploadAvatar';\r\nexport { default as UploadMultiple } from './upload-file/uploadMultiple';\r\nexport { default as UploadTemp } from './upload-file/uploadTemp';\r\n\r\nexport * as util from './_util';\r\n~~\r\nexport enum iceUrqlInstance {\r\n ucenter = \~~"~~ucenter\"\r\n}\r\n"~~],"names":["default","Provider","Context","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","LocaleType","Layout","Modal","AggregateMenu","UploadAvatar","UploadMultiple","UploadTemp","util"~~,"iceUrqlInstance","ucenter"~~],"mappings":"AAAA,SAASA,WAAWC,QAAQ,EAAEC,OAAO,QAA6B,mBAAa;AAC/E,SAASF,WAAWG,WAAW,QAAQ,uBAAiB;AACxD,SAASH,WAAWI,cAAc,QAAQ,0BAAoB;AAC9D,SAASJ,WAAWK,SAAS,QAAQ,qBAAe;AACpD,SAASL,WAAWM,cAAc,QAAQ,0BAAoB;AAC9D,SAASN,WAAWO,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,~~SAASR~~,~~WAAWS~~,YAAY,QAAQ,wBAAkB;AAC1D,~~SAAST~~,~~WAAWU~~,gBAAgB,QAAQ,4BAAsB;AAClE,SAASC,UAAU,QAAQ,mBAAa;AACxC,~~SAASX~~,~~WAAWY~~,MAAM,QAAQ,iBAAW;AAC7C,~~SAASZ~~,~~WAAWa~~,KAAK,QAAyB,gBAAU;AAC5D,~~SAASb~~,~~WAAWc~~,aAAa,QAAsC,yBAAmB;AAC1F,~~SAASd~~,~~WAAWe~~,YAAY,QAAQ,6BAA6B;AACrE,~~SAASf~~,~~WAAWgB~~,cAAc,QAAQ,+BAA+B;AACzE,~~SAAShB~~,~~WAAWiB~~,UAAU,QAAQ,2BAA2B;AAEjE,uBAAsB,gBAAU;AAAhC,SAAO,SAAKC,IAAI,GAAgB~~;WAEzB;UAAKC,eAAe;IAAfA,gBACVC,aAAAA;GADUD,oBAAAA~~"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\index.ts"],"sourcesContent":["export { default as Provider, Context, type ProviderProps, } from './provider';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as MsgDropdown } from './msg-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { LocaleType } from './provider';\r\nexport { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';\r\nexport { default as UploadAvatar } from './upload-file/uploadAvatar';\r\nexport { default as UploadMultiple } from './upload-file/uploadMultiple';\r\nexport { default as UploadTemp } from './upload-file/uploadTemp';\r\n\r\nexport * as util from './_util';\r\n"],"names":["default","Provider","Context","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","MsgDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","LocaleType","Layout","Modal","AggregateMenu","UploadAvatar","UploadMultiple","UploadTemp","util"],"mappings":"AAAA,SAASA,WAAWC,QAAQ,EAAEC,OAAO,QAA6B,mBAAa;AAC/E,SAASF,WAAWG,WAAW,QAAQ,uBAAiB;AACxD,SAASH,WAAWI,cAAc,QAAQ,0BAAoB;AAC9D,SAASJ,WAAWK,SAAS,QAAQ,qBAAe;AACpD,SAASL,WAAWM,cAAc,QAAQ,0BAAoB;AAC9D,SAASN,WAAWO,WAAW,QAAQ,uBAAiB;AACxD,SAASP,WAAWQ,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAAST,WAAWU,YAAY,QAAQ,wBAAkB;AAC1D,SAASV,WAAWW,gBAAgB,QAAQ,4BAAsB;AAClE,SAASC,UAAU,QAAQ,mBAAa;AACxC,SAASZ,WAAWa,MAAM,QAAQ,iBAAW;AAC7C,SAASb,WAAWc,KAAK,QAAyB,gBAAU;AAC5D,SAASd,WAAWe,aAAa,QAAsC,yBAAmB;AAC1F,SAASf,WAAWgB,YAAY,QAAQ,6BAA6B;AACrE,SAAShB,WAAWiB,cAAc,QAAQ,+BAA+B;AACzE,SAASjB,WAAWkB,UAAU,QAAQ,2BAA2B;AAEjE,uBAAsB,gBAAU;AAAhC,SAAO,SAAKC,IAAI,GAAgB"}

package/es2017/components/layout/index.d.ts CHANGED Viewed

@@ -2,8 +2,9 @@ import { MenuDataItem, ProLayoutProps } from '@ant-design/pro-layout';
 import { I18nDropdownProps } from '../i18n-dropdown';
 import { TenantDropdownProps } from '../tenant-dropdown';
 import { AvatarDropdownProps } from '../avatar-dropdown';
+import { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';
 import { ThemeSwitchProps } from '../theme-switch';
-import { ReactNode, FC } from 'react';
+import { ReactNode, FC, Ref } from 'react';
 import { LocaleType } from '..';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
 import { AggregateMenuProps } from '../aggregate-menu';
@@ -41,6 +42,14 @@ export interface LayoutProps {
      * AvatarDropdown组件对应的参数
      */
     avatarProps: AvatarDropdownProps;
+    /**
+     * MsgDropdown组件的高级方法
+     */
+    msgRef?: Ref<MsgDropdownRef>;
+    /**
+     * MsgDropdown组件对应的参数
+     */
+    msgProps?: MsgDropdownProps;
     /**
      * ThemeSwitch组件对应的参数
      */