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

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

@@ -0,0 +1,6 @@
+import { AppDictItem } from "@knockout-js/api/ucenter";
+/**
+ * 用来处理缓存字典项列表
+ * @returns
+ */
+export declare const useDistItems: (dictCode: string, dataSource?: AppDictItem[]) => [AppDictItem[], () => Promise<void>];

package/es2017/components/dictionary/index.js

@@ -0,0 +1,64 @@
+import { getDictItems } from "@knockout-js/api";
+import { useEffect, useState } from "react";
+let distItemList = [], timeoutFn = undefined;
+const collectCode = [];
+/**
+ * 用来处理缓存字典项列表
+ * @returns
+ */ export const useDistItems = (dictCode, dataSource)=>{
+    const [items, setItems] = useState([]);
+    /**
+   * 通过列表设置存储
+   * @param list
+   */ const setDistItems = (list)=>{
+        const dictCodes = [
+            ...new Set(list.map((item)=>{
+                var _item_dict;
+                return (_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code;
+            }))
+        ];
+        // 清理掉旧数据
+        const newDistItems = distItemList.filter((item)=>{
+            var _item_dict;
+            return !dictCodes.includes((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code);
+        });
+        newDistItems.push(...list);
+        distItemList = newDistItems;
+    };
+    /**
+   * 刷新列表接口
+   */ const reloadDistItems = async ()=>{
+        const result = await getDictItems(dictCode, true);
+        if (result.length) setDistItems(result);
+    };
+    useEffect(()=>{
+        if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) setDistItems(dataSource);
+        else {
+            if (!collectCode.includes(dictCode)) collectCode.push(dictCode);
+            clearTimeout(timeoutFn);
+            // 设置收集时间毫秒内收集需要请求的数据
+            timeoutFn = setTimeout(()=>{
+                getDictItems(collectCode).then((result)=>{
+                    if (result.length) setDistItems(result);
+                });
+            }, 100);
+        }
+    }, [
+        dictCode,
+        dataSource
+    ]);
+    useEffect(()=>{
+        setItems(distItemList.filter((item)=>{
+            var _item_dict;
+            return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) === dictCode;
+        }));
+    }, [
+        distItemList
+    ]);
+    return [
+        items,
+        reloadDistItems
+    ];
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\index.ts"],"sourcesContent":["import { getDictItems } from \"@knockout-js/api\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nlet distItemList: AppDictItem[] = [],\r\n  timeoutFn: NodeJS.Timeout | undefined = undefined;\r\nconst collectCode: string[] = [];\r\n\r\n/**\r\n * 用来处理缓存字典项列表\r\n * @returns\r\n */\r\nexport const useDistItems = (dictCode: string, dataSource?: AppDictItem[]): [AppDictItem[], () => Promise<void>] => {\r\n\r\n  const [items, setItems] = useState<AppDictItem[]>([]);\r\n\r\n  /**\r\n   * 通过列表设置存储\r\n   * @param list\r\n   */\r\n  const setDistItems = (list: AppDictItem[]) => {\r\n    const dictCodes = [...new Set(list.map(item => item.dict?.code))];\r\n    // 清理掉旧数据\r\n    const newDistItems = distItemList.filter(item => !dictCodes.includes(item.dict?.code));\r\n    newDistItems.push(...list);\r\n    distItemList = newDistItems;\r\n  }\r\n\r\n  /**\r\n   * 刷新列表接口\r\n   */\r\n  const reloadDistItems = async () => {\r\n    const result = await getDictItems(dictCode, true);\r\n    if (result.length) {\r\n      setDistItems(result);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (dataSource?.length) {\r\n      setDistItems(dataSource);\r\n    } else {\r\n      if (!collectCode.includes(dictCode)) {\r\n        collectCode.push(dictCode);\r\n      }\r\n      clearTimeout(timeoutFn)\r\n      // 设置收集时间毫秒内收集需要请求的数据\r\n      timeoutFn = setTimeout(() => {\r\n        getDictItems(collectCode).then(result => {\r\n          if (result.length) {\r\n            setDistItems(result);\r\n          }\r\n        });\r\n      }, 100);\r\n    }\r\n  }, [dictCode, dataSource]);\r\n\r\n  useEffect(() => {\r\n    setItems(distItemList.filter(item => item.dict?.code === dictCode))\r\n  }, [distItemList])\r\n\r\n\r\n  return [items, reloadDistItems];\r\n}\r\n"],"names":["getDictItems","useEffect","useState","distItemList","timeoutFn","undefined","collectCode","useDistItems","dictCode","dataSource","items","setItems","setDistItems","list","dictCodes","Set","map","item","dict","code","newDistItems","filter","includes","push","reloadDistItems","result","length","clearTimeout","setTimeout","then"],"mappings":"AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,IAAIC,eAA8B,EAAE,EAClCC,YAAwCC;AAC1C,MAAMC,cAAwB,EAAE;AAEhC;;;CAGC,GACD,OAAO,MAAMC,eAAe,CAACC,UAAkBC,aAAqE;IAElH,MAAM,CAACC,OAAOC,SAAS,GAAGT,SAAwB,EAAE;IAEpD;;;GAGC,GACD,MAAMU,eAAe,CAACC,OAAwB;QAC5C,MAAMC,YAAY;eAAI,IAAIC,IAAIF,KAAKG,GAAG,CAACC,CAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI;;SAAG;QACjE,SAAS;QACT,MAAMC,eAAejB,aAAakB,MAAM,CAACJ,CAAAA;gBAA4BA;YAApB,OAAA,CAACH,UAAUQ,QAAQ,CAACL,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI;;QACpFC,aAAaG,IAAI,IAAIV;QACrBV,eAAeiB;IACjB;IAEA;;GAEC,GACD,MAAMI,kBAAkB,UAAY;QAClC,MAAMC,SAAS,MAAMzB,aAAaQ,UAAU,IAAI;QAChD,IAAIiB,OAAOC,MAAM,EACfd,aAAaa;IAEjB;IAEAxB,UAAU,IAAM;QACd,IAAIQ,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYiB,MAAM,EACpBd,aAAaH;aACR;YACL,IAAI,CAACH,YAAYgB,QAAQ,CAACd,WACxBF,YAAYiB,IAAI,CAACf;YAEnBmB,aAAavB;YACb,qBAAqB;YACrBA,YAAYwB,WAAW,IAAM;gBAC3B5B,aAAaM,aAAauB,IAAI,CAACJ,CAAAA,SAAU;oBACvC,IAAIA,OAAOC,MAAM,EACfd,aAAaa;gBAEjB;YACF,GAAG;QACL,CAAC;IACH,GAAG;QAACjB;QAAUC;KAAW;IAEzBR,UAAU,IAAM;QACdU,SAASR,aAAakB,MAAM,CAACJ,CAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,MAAMX;;IAC3D,GAAG;QAACL;KAAa;IAGjB,OAAO;QAACO;QAAOc;KAAgB;AACjC,EAAC"}

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

@@ -0,0 +1,4 @@
+.selectActions {
+  text-align: right;
+  padding: 2px 8px;
+}

package/es2017/components/dictionary/select.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { AppDictItem } from "@knockout-js/api/ucenter";
+import { SelectProps } from "antd";
+export interface DictionarySelectProps extends SelectProps {
+    /**
+     * 字典code
+     */
+    dictCode: string;
+    /**
+     * 外部提供数据源
+     */
+    dataSource?: AppDictItem[];
+    /**
+     * changeValue=id: onChange的第一个参数值就为code
+     */
+    changeValue?: "id" | "code";
+}
+declare const _default: (props: DictionarySelectProps) => JSX.Element;
+export default _default;

package/es2017/components/dictionary/select.js

@@ -0,0 +1,51 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { ReloadOutlined } from "@ant-design/icons";
+import { Select } from "antd";
+import { useEffect, useState } from "react";
+import styles from "./index.module.css";
+import { useDistItems } from "./index";
+export default ((props)=>{
+    const { dictCode , dataSource , changeValue  } = props, restProps = _object_without_properties(props, [
+        "dictCode",
+        "dataSource",
+        "changeValue"
+    ]), [items, itemsReload] = useDistItems(dictCode, dataSource), [loading, setLoading] = useState(false), [options, setOptions] = useState([]);
+    useEffect(()=>{
+        setOptions(items.map((item)=>({
+                label: item.name,
+                value: item[changeValue !== null && changeValue !== void 0 ? changeValue : 'code'],
+                data: item
+            })));
+    }, [
+        items
+    ]);
+    return /*#__PURE__*/ _jsx(Select, _object_spread_props(_object_spread({
+        style: {
+            width: '100%'
+        }
+    }, restProps), {
+        loading: loading,
+        options: options,
+        dropdownRender: (menu)=>/*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    menu,
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.selectActions,
+                        children: /*#__PURE__*/ _jsx(ReloadOutlined, {
+                            rev: undefined,
+                            onClick: async ()=>{
+                                setLoading(true);
+                                await itemsReload();
+                                setLoading(false);
+                            }
+                        })
+                    })
+                ]
+            })
+    }));
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\select.js.map

package/es2017/components/dictionary/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\select.tsx"],"sourcesContent":["import { ReloadOutlined } from \"@ant-design/icons\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Select, SelectProps } from \"antd\";\r\nimport { useEffect, useState } from \"react\";\r\nimport styles from \"./index.module.css\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionarySelectProps extends SelectProps {\r\n  /**\r\n   * 字典code\r\n   */\r\n  dictCode: string;\r\n  /**\r\n   * 外部提供数据源\r\n   */\r\n  dataSource?: AppDictItem[];\r\n  /**\r\n   * changeValue=id: onChange的第一个参数值就为code\r\n   */\r\n  changeValue?: \"id\" | \"code\";\r\n}\r\n\r\ntype DictionarySelectOption = {\r\n  label: string;\r\n  value: string;\r\n  data: AppDictItem;\r\n}\r\n\r\nexport default (props: DictionarySelectProps) => {\r\n  const { dictCode, dataSource, changeValue, ...restProps } = props,\r\n    [items, itemsReload] = useDistItems(dictCode, dataSource),\r\n    [loading, setLoading] = useState(false),\r\n    [options, setOptions] = useState<DictionarySelectOption[]>([]);\r\n\r\n  useEffect(() => {\r\n    setOptions(items\r\n      .map(item => ({\r\n        label: item.name,\r\n        value: item[changeValue ?? 'code'],\r\n        data: item,\r\n      }))\r\n    );\r\n  }, [items])\r\n\r\n  return <Select\r\n    style={{ width: '100%' }}\r\n    {...restProps}\r\n    loading={loading}\r\n    options={options}\r\n    dropdownRender={(menu) => <>\r\n      {menu}\r\n      <div className={styles.selectActions}>\r\n        <ReloadOutlined rev={undefined} onClick={async () => {\r\n          setLoading(true);\r\n          await itemsReload();\r\n          setLoading(false);\r\n        }} />\r\n      </div>\r\n    </>\r\n    }\r\n  />\r\n}\r\n"],"names":["ReloadOutlined","Select","useEffect","useState","styles","useDistItems","props","dictCode","dataSource","changeValue","restProps","items","itemsReload","loading","setLoading","options","setOptions","map","item","label","name","value","data","style","width","dropdownRender","menu","div","className","selectActions","rev","undefined","onClick"],"mappings":";;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,MAAM,QAAqB,OAAO;AAC3C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,QAAQ,UAAI;AAuBjC,eAAe,CAAA,CAACC,QAAiC;IAC/C,MAAM,EAAEC,SAAQ,EAAEC,WAAU,EAAEC,YAAW,EAAgB,GAAGH,OAAdI,uCAAcJ;QAApDC;QAAUC;QAAYC;QAC5B,CAACE,OAAOC,YAAY,GAAGP,aAAaE,UAAUC,aAC9C,CAACK,SAASC,WAAW,GAAGX,SAAS,KAAK,GACtC,CAACY,SAASC,WAAW,GAAGb,SAAmC,EAAE;IAE/DD,UAAU,IAAM;QACdc,WAAWL,MACRM,GAAG,CAACC,CAAAA,OAAS,CAAA;gBACZC,OAAOD,KAAKE,IAAI;gBAChBC,OAAOH,IAAI,CAACT,wBAAAA,yBAAAA,cAAe,MAAM,CAAC;gBAClCa,MAAMJ;YACR,CAAA;IAEJ,GAAG;QAACP;KAAM;IAEV,qBAAO,KAACV;QACNsB,OAAO;YAAEC,OAAO;QAAO;OACnBd;QACJG,SAASA;QACTE,SAASA;QACTU,gBAAgB,CAACC,qBAAS;;oBACvBA;kCACD,KAACC;wBAAIC,WAAWxB,OAAOyB,aAAa;kCAClC,cAAA,KAAC7B;4BAAe8B,KAAKC;4BAAWC,SAAS,UAAY;gCACnDlB,WAAW,IAAI;gCACf,MAAMF;gCACNE,WAAW,KAAK;4BAClB;;;;;;AAKR,CAAA,EAAC"}

package/es2017/components/dictionary/text.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { AppDictItem } from "@knockout-js/api/ucenter";
+import { TextProps } from "antd/es/typography/Text";
+export interface DictionaryTextProps extends TextProps {
+    /**
+     * 值
+     */
+    value?: string;
+    /**
+     * 字典code
+     */
+    dictCode: string;
+    /**
+     * 外部提供数据源
+     */
+    dataSource?: AppDictItem[];
+    /**
+     * 默认使用code来匹配value
+     */
+    valueKey?: "id" | "code";
+}
+declare const _default: (props: DictionaryTextProps) => JSX.Element;
+export default _default;

package/es2017/components/dictionary/text.js

@@ -0,0 +1,28 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { Typography } from "antd";
+import { useEffect, useState } from "react";
+import { useDistItems } from "./index";
+export default ((props)=>{
+    const { value , dataSource , dictCode , valueKey  } = props, restProps = _object_without_properties(props, [
+        "value",
+        "dataSource",
+        "dictCode",
+        "valueKey"
+    ]), [items] = useDistItems(dictCode, dataSource), [dictItem, setDictItem] = useState();
+    useEffect(()=>{
+        setDictItem(items.find((item)=>item[valueKey !== null && valueKey !== void 0 ? valueKey : 'code'] === value));
+    }, [
+        value,
+        valueKey,
+        items
+    ]);
+    var _dictItem_name, _ref;
+    return /*#__PURE__*/ _jsx(Typography.Text, _object_spread_props(_object_spread({}, restProps), {
+        children: (_ref = (_dictItem_name = dictItem === null || dictItem === void 0 ? void 0 : dictItem.name) !== null && _dictItem_name !== void 0 ? _dictItem_name : props.value) !== null && _ref !== void 0 ? _ref : ''
+    }));
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\text.js.map

package/es2017/components/dictionary/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\text.tsx"],"sourcesContent":["import { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Typography } from \"antd\"\r\nimport { TextProps } from \"antd/es/typography/Text\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionaryTextProps extends TextProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value?: string;\r\n  /**\r\n   * 字典code\r\n   */\r\n  dictCode: string;\r\n  /**\r\n   * 外部提供数据源\r\n   */\r\n  dataSource?: AppDictItem[];\r\n  /**\r\n   * 默认使用code来匹配value\r\n   */\r\n  valueKey?: \"id\" | \"code\";\r\n}\r\n\r\n\r\nexport default (props: DictionaryTextProps) => {\r\n  const { value, dataSource, dictCode, valueKey, ...restProps } = props,\r\n    [items] = useDistItems(dictCode, dataSource),\r\n    [dictItem, setDictItem] = useState<AppDictItem>();\r\n\r\n\r\n  useEffect(() => {\r\n    setDictItem(items.find(item => item[valueKey ?? 'code'] === value));\r\n  }, [value, valueKey, items]);\r\n\r\n  return <Typography.Text {...restProps}>\r\n    {dictItem?.name ?? props.value ?? ''}\r\n  </Typography.Text>\r\n}\r\n"],"names":["Typography","useEffect","useState","useDistItems","props","value","dataSource","dictCode","valueKey","restProps","items","dictItem","setDictItem","find","item","Text","name"],"mappings":";;;;AACA,SAASA,UAAU,QAAQ,OAAM;AAEjC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,YAAY,QAAQ,UAAI;AAsBjC,eAAe,CAAA,CAACC,QAA+B;IAC7C,MAAM,EAAEC,MAAK,EAAEC,WAAU,EAAEC,SAAQ,EAAEC,SAAQ,EAAgB,GAAGJ,OAAdK,uCAAcL;QAAxDC;QAAOC;QAAYC;QAAUC;QACnC,CAACE,MAAM,GAAGP,aAAaI,UAAUD,aACjC,CAACK,UAAUC,YAAY,GAAGV;IAG5BD,UAAU,IAAM;QACdW,YAAYF,MAAMG,IAAI,CAACC,CAAAA,OAAQA,IAAI,CAACN,qBAAAA,sBAAAA,WAAY,MAAM,CAAC,KAAKH;IAC9D,GAAG;QAACA;QAAOG;QAAUE;KAAM;QAGxBC,gBAAAA;IADH,qBAAO,KAACX,WAAWe,IAAI,0CAAKN;kBACzBE,CAAAA,OAAAA,CAAAA,iBAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUK,IAAI,cAAdL,4BAAAA,iBAAkBP,MAAMC,KAAK,cAA7BM,kBAAAA,OAAiC,EAAE;;AAExC,CAAA,EAAC"}

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

@@ -1,2 +1,4 @@
 import { SVGProps } from "react";
 export declare const OpenWin: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Sun: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Moon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;

package/es2017/components/icons/index.js

@@ -15,5 +15,25 @@ export const OpenWin = (props)=>{
         })
     }));
 };
+export const Sun = (props)=>/*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        width: "24",
+        height: "24"
+    }, props), {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"
+        })
+    }));
+export const Moon = (props)=>/*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
+        viewBox: "0 0 24 24",
+        width: "28",
+        height: "28",
+        fill: "currentColor"
+    }, props), {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"
+        })
+    }));
 
  //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\icons\index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\icons\\index.tsx"],"sourcesContent":["import { SVGProps } from \"react\"\r\n\r\nexport const OpenWin = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => {\r\n  return <svg\r\n    fill=\"currentColor\"\r\n    viewBox=\"0 0 1024 1024\"\r\n    p-id=\"19410\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    {...props}\r\n  >\r\n    <path d=\"M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z\" p-id=\"19411\"></path>\r\n  </svg>\r\n}\r\n"],"names":["OpenWin","props","svg","fill","viewBox","p-id","width","height","path","d"],"mappings":";;;AAEA,OAAO,MAAMA,UAAU,CAACC,QAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\icons\\index.tsx"],"sourcesContent":["import { SVGProps } from \"react\"\r\n\r\nexport const OpenWin = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => {\r\n  return <svg\r\n    fill=\"currentColor\"\r\n    viewBox=\"0 0 1024 1024\"\r\n    p-id=\"19410\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    {...props}\r\n  >\r\n    <path d=\"M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z\" p-id=\"19411\"></path>\r\n  </svg>\r\n}\r\n\r\nexport const Sun = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"  {...props}>\r\n  <path d=\"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z\"></path>\r\n</svg>\r\n\r\nexport const Moon = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"currentColor\" {...props}>\r\n  <path d=\"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z\"></path>\r\n</svg>\r\n"],"names":["OpenWin","props","svg","fill","viewBox","p-id","width","height","path","d","Sun","Moon"],"mappings":";;;AAEA,OAAO,MAAMA,UAAU,CAACC,QAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC;AAED,OAAO,MAAMK,MAAM,CAACT,sBAA6D,KAACC;QAAIC,MAAK;QAAeC,SAAQ;QAAYE,OAAM;QAAKC,QAAO;OAAUN;kBACxJ,cAAA,KAACO;YAAKC,GAAE;;QACJ;AAEN,OAAO,MAAME,OAAO,CAACV,sBAA6D,KAACC;QAAIE,SAAQ;QAAYE,OAAM;QAAKC,QAAO;QAAKJ,MAAK;OAAmBF;kBACxJ,cAAA,KAACO;YAAKC,GAAE;;QACJ"}

package/es2017/components/index.d.ts

@@ -2,6 +2,8 @@ export { default as Provider, Context, type ProviderProps, } from './provider';
 export { default as ThemeSwitch } from './theme-switch';
 export { default as AvatarDropdown } from './avatar-dropdown';
 export { default as KeepAlive } from './keep-alive';
+export { default as DictText } from './dictionary/text';
+export { default as DictSelect } from './dictionary/select';
 export { default as TenantDropdown } from './tenant-dropdown';
 export { default as MsgDropdown } from './msg-dropdown';
 export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';

package/es2017/components/index.js

@@ -2,6 +2,8 @@ export { default as Provider, Context } from "./provider/index";
 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 DictText } from "./dictionary/text";
+export { default as DictSelect } from "./dictionary/select";
 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";

package/es2017/components/index.js.map

@@ -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 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"}
+{"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 DictText } from './dictionary/text';\r\nexport { default as DictSelect } from './dictionary/select';\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","DictText","DictSelect","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,QAAQ,QAAQ,oBAAoB;AACxD,SAASN,WAAWO,UAAU,QAAQ,sBAAsB;AAC5D,SAASP,WAAWQ,cAAc,QAAQ,0BAAoB;AAC9D,SAASR,WAAWS,WAAW,QAAQ,uBAAiB;AACxD,SAAST,WAAWU,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAASX,WAAWY,YAAY,QAAQ,wBAAkB;AAC1D,SAASZ,WAAWa,gBAAgB,QAAQ,4BAAsB;AAClE,SAASC,UAAU,QAAQ,mBAAa;AACxC,SAASd,WAAWe,MAAM,QAAQ,iBAAW;AAC7C,SAASf,WAAWgB,KAAK,QAAyB,gBAAU;AAC5D,SAAShB,WAAWiB,aAAa,QAAsC,yBAAmB;AAC1F,SAASjB,WAAWkB,YAAY,QAAQ,6BAA6B;AACrE,SAASlB,WAAWmB,cAAc,QAAQ,+BAA+B;AACzE,SAASnB,WAAWoB,UAAU,QAAQ,2BAA2B;AAEjE,uBAAsB,gBAAU;AAAhC,SAAO,SAAKC,IAAI,GAAgB"}

package/es2017/components/layout/index.js

@@ -8,6 +8,7 @@ import AvatarDropdown from "../avatar-dropdown/index";
 import MsgDropdown from "../msg-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
+import { useRef, useImperativeHandle } from "react";
 import { CollectProviders, LocaleType } from "../index";
 import { gql, query } from "@knockout-js/ice-urql/request";
 import { OpenWin } from "../icons/index";
@@ -23,6 +24,8 @@ const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!
 }`);
 const Layout = (props)=>{
     var _props_themeSwitchProps;
+    const msgRef = useRef(null);
+    useImperativeHandle(props.msgRef, ()=>msgRef.current);
     var _props_locale, _props_themeSwitchProps_value;
     return /*#__PURE__*/ _jsxs(CollectProviders, {
         locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
@@ -98,9 +101,9 @@ const Layout = (props)=>{
                 actionsRender: ()=>{
                     const actions = [];
                     if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
-                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
-                        ref: props.msgRef
-                    }, props.msgProps)));
+                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread_props(_object_spread({}, props.msgProps), {
+                        ref: msgRef
+                    })));
                     actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
                     actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
                     if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 语言\r\n   * 默认 LocaleType.zhCN\r\n   */\r\n  locale?: LocaleType;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * MsgDropdown组件的高级方法\r\n   */\r\n  msgRef?: Ref<MsgDropdownRef>\r\n  /**\r\n   * MsgDropdown组件对应的参数\r\n   */\r\n  msgProps?: MsgDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps?: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={props.locale ?? LocaleType.zhCN}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps?.value ?? false}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: instanceName.UCENTER });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTreeData(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => {\r\n          const actions: ReactNode[] = [];\r\n          if (props.i18nProps) {\r\n            actions.push(<I18nDropdown {...props.i18nProps} />)\r\n          }\r\n          if (props.msgProps) {\r\n            actions.push(<MsgDropdown ref={props.msgRef} {...props.msgProps} />)\r\n          }\r\n          actions.push(<TenantDropdown {...props.tenantProps} />)\r\n          actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n          if (props.themeSwitchProps) {\r\n            actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n          }\r\n          return actions;\r\n        }}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      {\r\n        props.aggregateMenuProps ? <AggregateMenu\r\n          {...props.aggregateMenuProps}\r\n        /> : <></>\r\n      }\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","msgRef","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref, useRef, useImperativeHandle } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 语言\r\n   * 默认 LocaleType.zhCN\r\n   */\r\n  locale?: LocaleType;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * MsgDropdown组件的高级方法\r\n   */\r\n  msgRef?: Ref<MsgDropdownRef>\r\n  /**\r\n   * MsgDropdown组件对应的参数\r\n   */\r\n  msgProps?: MsgDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps?: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n  const msgRef = useRef<MsgDropdownRef>(null);\r\n\r\n  useImperativeHandle(props.msgRef, () => msgRef.current as MsgDropdownRef);\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={props.locale ?? LocaleType.zhCN}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps?.value ?? false}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: instanceName.UCENTER });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTreeData(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => {\r\n          const actions: ReactNode[] = [];\r\n          if (props.i18nProps) {\r\n            actions.push(<I18nDropdown {...props.i18nProps} />)\r\n          }\r\n          if (props.msgProps) {\r\n            actions.push(<MsgDropdown  {...props.msgProps} ref={msgRef} />)\r\n          }\r\n          actions.push(<TenantDropdown {...props.tenantProps} />)\r\n          actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n          if (props.themeSwitchProps) {\r\n            actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n          }\r\n          return actions;\r\n        }}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      {\r\n        props.aggregateMenuProps ? <AggregateMenu\r\n          {...props.aggregateMenuProps}\r\n        /> : <></>\r\n      }\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { Badge, Dropdown, List } from "antd";
 import styles from "./index.module.css";
-import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { useEffect, useState, forwardRef, useImperativeHandle, useCallback } from "react";
 import { BellOutlined } from "@ant-design/icons";
 import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
 import { getDate } from "../_util/index";
@@ -27,7 +27,7 @@ const userUnreadQuery = gql(/* GraphQL */ `query layoutPkgUserUnreadMsgInternals
 export default /*#__PURE__*/ forwardRef((props, ref)=>{
     var _props_maxLength;
     const locale = useLocale('MsgDropdown'), [items, setItems] = useState([]), [open, setOpen] = useState(false), [showDot, setShowDot] = useState(false), [loading, setLoading] = useState(false), maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
-    const requestData = async ()=>{
+    const requestData = useCallback(async ()=>{
         var _result_data, _result_data_userMsgInternalTos_edges;
         setLoading(true);
         const result = await paging(userMsgQuery, {
@@ -43,22 +43,12 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
             instanceName: instanceName.MSGCENTER
         }), list = [];
         if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach((item)=>{
-            if (item === null || item === void 0 ? void 0 : item.node) list.push({
-                key: item.node.id,
-                data: item.node
-            });
+            if (item === null || item === void 0 ? void 0 : item.node) list.push(item.node);
         });
         setShowDot(list.length > 0);
         setItems(list);
         setLoading(false);
-    }, requestUnread = async ()=>{
-        var _result_data;
-        const result = await query(userUnreadQuery, {}, {
-            instanceName: instanceName.MSGCENTER
-        });
-        var _result_data_userUnreadMsgInternals;
-        setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
-    };
+    }, []);
     useImperativeHandle(ref, ()=>({
             setShowDot: ()=>{
                 setShowDot(true);
@@ -70,48 +60,55 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
         open
     ]);
     useEffect(()=>{
-        requestUnread();
+        query(userUnreadQuery, {}, {
+            instanceName: instanceName.MSGCENTER
+        }).then((result)=>{
+            var _result_data;
+            var _result_data_userUnreadMsgInternals;
+            setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
+        });
     }, []);
     return /*#__PURE__*/ _jsx(Dropdown, {
-        menu: {
-            items
-        },
         trigger: [
             'click'
         ],
         open: open,
-        onOpenChange: setOpen,
-        placement: "bottomRight",
+        onOpenChange: useCallback((v)=>{
+            setOpen(v);
+        }, []),
+        placement: "bottom",
         dropdownRender: ()=>{
-            /*#__PURE__*/ return _jsx(List, {
-                loading: loading,
-                className: styles.list,
-                header: /*#__PURE__*/ _jsx("div", {
-                    children: locale.title
-                }),
-                footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
-                    className: styles.footer,
-                    onClick: ()=>{
-                        var _props_onMoreClick;
-                        (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
-                    },
-                    children: locale.footer
-                }) : undefined,
-                bordered: true,
-                size: "small",
-                dataSource: items,
-                renderItem: (item)=>{
-                    /*#__PURE__*/ return _jsx(List.Item, {
+            /*#__PURE__*/ return _jsx(_Fragment, {
+                children: /*#__PURE__*/ _jsx(List, {
+                    loading: loading,
+                    className: styles.list,
+                    header: /*#__PURE__*/ _jsx("div", {
+                        children: locale.title
+                    }),
+                    footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
+                        className: styles.footer,
                         onClick: ()=>{
-                            var _props_onItemClick;
-                            (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
+                            var _props_onMoreClick;
+                            (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
                         },
-                        children: /*#__PURE__*/ _jsx(List.Item.Meta, {
-                            title: item.data.msgInternal.subject,
-                            description: getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')
-                        })
-                    }, item.key);
-                }
+                        children: locale.footer
+                    }) : undefined,
+                    bordered: true,
+                    size: "small",
+                    dataSource: items,
+                    renderItem: (item)=>{
+                        /*#__PURE__*/ return _jsx(List.Item, {
+                            onClick: ()=>{
+                                var _props_onItemClick;
+                                (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item);
+                            },
+                            children: /*#__PURE__*/ _jsx(List.Item.Meta, {
+                                title: item.msgInternal.subject,
+                                description: getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')
+                            })
+                        }, item.id);
+                    }
+                })
             });
         },
         children: /*#__PURE__*/ _jsx("span", {

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

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

package/es2017/components/theme-switch/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { SwitchProps } from 'antd';
 export interface ThemeSwitchLocale {
     bright: string;
     dark: string;
@@ -9,10 +8,6 @@ export interface ThemeSwitchProps {
      * 值
      */
     value: boolean;
-    /**
-     * switch的设置
-     */
-    switchProps?: SwitchProps;
     /**
      * 值变更事件 (value: boolean) => void;
      */