@knockout-js/layout 0.1.1 → 0.1.2

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,71 @@
+import { getDictItems } from "@knockout-js/api";
+import { useEffect, useState } from "react";
+let timeoutFn = undefined, isLoad = false;
+const distData = {}, collectCode = [];
+/**
+ * 用来处理缓存字典项列表
+ * @returns
+ */ export const useDistItems = (dictCode, dataSource)=>{
+    var _distData_dictCode;
+    const [items, setItems] = useState((_distData_dictCode = distData[dictCode]) !== null && _distData_dictCode !== void 0 ? _distData_dictCode : []);
+    /**
+   * 通过列表设置存储
+   * @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;
+            }))
+        ];
+        dictCodes.forEach((code)=>{
+            if (code) distData[code] = list.filter((item)=>{
+                var _item_dict;
+                return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) == code;
+            });
+        });
+    };
+    /**
+   * 刷新列表接口
+   */ 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);
+                isLoad = true;
+            }
+            if (isLoad) {
+                clearTimeout(timeoutFn);
+                timeoutFn = setTimeout(()=>{
+                    getDictItems(collectCode).then((result)=>{
+                        if (result.length) setDistItems(result);
+                        isLoad = false;
+                    });
+                }, 100);
+            }
+        }
+    }, [
+        dictCode,
+        dataSource
+    ]);
+    useEffect(()=>{
+        var _distData_dictCode;
+        var _distData_dictCode_filter;
+        setItems((_distData_dictCode_filter = (_distData_dictCode = distData[dictCode]) === null || _distData_dictCode === void 0 ? void 0 : _distData_dictCode.filter((item)=>{
+            var _item_dict;
+            return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) === dictCode;
+        })) !== null && _distData_dictCode_filter !== void 0 ? _distData_dictCode_filter : []);
+    }, [
+        distData[dictCode]
+    ]);
+    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 timeoutFn: NodeJS.Timeout | undefined = undefined, isLoad = false;\r\nconst distData: Record<string, AppDictItem[] | undefined> = {},\r\n  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[]>(distData[dictCode] ?? []);\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    dictCodes.forEach(code => {\r\n      if (code) {\r\n        distData[code] = list.filter(item => item.dict?.code == code);\r\n      }\r\n    })\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        isLoad = true;\r\n      }\r\n      if (isLoad) {\r\n        clearTimeout(timeoutFn)\r\n        timeoutFn = setTimeout(() => {\r\n          getDictItems(collectCode).then(result => {\r\n            if (result.length) {\r\n              setDistItems(result);\r\n            }\r\n            isLoad = false;\r\n          });\r\n        }, 100);\r\n      }\r\n    }\r\n  }, [dictCode, dataSource]);\r\n\r\n  useEffect(() => {\r\n    setItems(distData[dictCode]?.filter(item => item.dict?.code === dictCode) ?? [])\r\n  }, [distData[dictCode]])\r\n\r\n\r\n  return [items, reloadDistItems];\r\n}\r\n"],"names":["getDictItems","useEffect","useState","timeoutFn","undefined","isLoad","distData","collectCode","useDistItems","dictCode","dataSource","items","setItems","setDistItems","list","dictCodes","Set","map","item","dict","code","forEach","filter","reloadDistItems","result","length","includes","push","clearTimeout","setTimeout","then"],"mappings":"AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,IAAIC,YAAwCC,WAAWC,SAAS,KAAK;AACrE,MAAMC,WAAsD,CAAC,GAC3DC,cAAwB,EAAE;AAE5B;;;CAGC,GACD,OAAO,MAAMC,eAAe,CAACC,UAAkBC,aAAqE;QAEhEJ;IAAlD,MAAM,CAACK,OAAOC,SAAS,GAAGV,SAAwBI,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,qBAAsB,EAAE;IAE1E;;;GAGC,GACD,MAAMO,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;QACjEL,UAAUM,OAAO,CAACD,CAAAA,OAAQ;YACxB,IAAIA,MACFd,QAAQ,CAACc,KAAK,GAAGN,KAAKQ,MAAM,CAACJ,CAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,KAAKA;;QAE5D;IACF;IAEA;;GAEC,GACD,MAAMG,kBAAkB,UAAY;QAClC,MAAMC,SAAS,MAAMxB,aAAaS,UAAU,IAAI;QAChD,IAAIe,OAAOC,MAAM,EACfZ,aAAaW;IAEjB;IAEAvB,UAAU,IAAM;QACd,IAAIS,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYe,MAAM,EACpBZ,aAAaH;aACR;YACL,IAAI,CAACH,YAAYmB,QAAQ,CAACjB,WAAW;gBACnCF,YAAYoB,IAAI,CAAClB;gBACjBJ,SAAS,IAAI;YACf,CAAC;YACD,IAAIA,QAAQ;gBACVuB,aAAazB;gBACbA,YAAY0B,WAAW,IAAM;oBAC3B7B,aAAaO,aAAauB,IAAI,CAACN,CAAAA,SAAU;wBACvC,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;wBAEfnB,SAAS,KAAK;oBAChB;gBACF,GAAG;YACL,CAAC;QACH,CAAC;IACH,GAAG;QAACI;QAAUC;KAAW;IAEzBT,UAAU,IAAM;YACLK;YAAAA;QAATM,SAASN,CAAAA,4BAAAA,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,KAAAA,IAAAA,mBAAoBgB,OAAOJ,CAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,MAAMX;wBAAvDH,uCAAAA,4BAAoE,EAAE;IACjF,GAAG;QAACA,QAAQ,CAACG,SAAS;KAAC;IAGvB,OAAO;QAACE;QAAOY;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 : 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 ?? 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,iBAAkBN,KAAK,cAAvBM,kBAAAA,OAA2B,EAAE;;AAElC,CAAA,EAAC"}

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/theme-switch/index.js

@@ -1,21 +1,21 @@
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import React from "react";
 import { Moon, Sun } from "../icons/index";
+import styles from "./index.module.css";
 const ThemeSwitch = (props)=>{
-    return props.value ? /*#__PURE__*/ _jsx(Sun, {
-        style: {
-            color: 'rgba(0, 0, 0, 0.88)'
-        },
-        onClick: ()=>{
-            props.onChange(false);
-        }
-    }) : /*#__PURE__*/ _jsx(Moon, {
-        style: {
-            color: 'rgba(0, 0, 0, 0.88)'
-        },
-        onClick: ()=>{
-            props.onChange(true);
-        }
+    return /*#__PURE__*/ _jsx("span", {
+        className: styles.action,
+        children: /*#__PURE__*/ _jsx("span", {
+            children: props.value ? /*#__PURE__*/ _jsx(Moon, {
+                onClick: ()=>{
+                    props.onChange(false);
+                }
+            }) : /*#__PURE__*/ _jsx(Sun, {
+                onClick: ()=>{
+                    props.onChange(true);
+                }
+            })
+        })
     });
 };
 export default ThemeSwitch;

package/es2017/components/theme-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Moon, Sun } from '../icons';\r\n\r\nexport interface ThemeSwitchLocale {\r\n  bright: string;\r\n  dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value: boolean;\r\n  /**\r\n   * 值变更事件 (value: boolean) => void;\r\n   */\r\n  onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n  return props.value ? <Sun style={{ color: 'rgba(0, 0, 0, 0.88)' }} onClick={() => {\r\n    props.onChange(false)\r\n\r\n  }} /> : <Moon style={{ color: 'rgba(0, 0, 0, 0.88)' }} onClick={() => {\r\n    props.onChange(true)\r\n\r\n  }} />\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Moon","Sun","ThemeSwitch","props","value","style","color","onClick","onChange"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,GAAG,QAAQ,iBAAW;AAkBrC,MAAMC,cAA0C,CAACC,QAA4B;IAC3E,OAAOA,MAAMC,KAAK,iBAAG,KAACH;QAAII,OAAO;YAAEC,OAAO;QAAsB;QAAGC,SAAS,IAAM;YAChFJ,MAAMK,QAAQ,CAAC,KAAK;QAEtB;uBAAQ,KAACR;QAAKK,OAAO;YAAEC,OAAO;QAAsB;QAAGC,SAAS,IAAM;YACpEJ,MAAMK,QAAQ,CAAC,IAAI;QAErB;MAAK;AACP;AAEA,eAAeN,YAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Moon, Sun } from '../icons';\r\nimport styles from './index.module.css';\r\n\r\nexport interface ThemeSwitchLocale {\r\n  bright: string;\r\n  dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value: boolean;\r\n  /**\r\n   * 值变更事件 (value: boolean) => void;\r\n   */\r\n  onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n  return <span className={styles.action}>\r\n    <span>{\r\n      props.value ? <Moon onClick={() => {\r\n        props.onChange(false)\r\n\r\n      }} /> : <Sun onClick={() => {\r\n        props.onChange(true)\r\n\r\n      }} />}\r\n    </span>\r\n  </span>\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Moon","Sun","styles","ThemeSwitch","props","span","className","action","value","onClick","onChange"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,GAAG,QAAQ,iBAAW;AACrC,OAAOC,YAAY,qBAAqB;AAkBxC,MAAMC,cAA0C,CAACC,QAA4B;IAC3E,qBAAO,KAACC;QAAKC,WAAWJ,OAAOK,MAAM;kBACnC,cAAA,KAACF;sBACCD,MAAMI,KAAK,iBAAG,KAACR;gBAAKS,SAAS,IAAM;oBACjCL,MAAMM,QAAQ,CAAC,KAAK;gBAEtB;+BAAQ,KAACT;gBAAIQ,SAAS,IAAM;oBAC1BL,MAAMM,QAAQ,CAAC,IAAI;gBAErB;cAAK;;;AAGX;AAEA,eAAeP,YAAY"}

package/es2017/components/theme-switch/index.module.css

@@ -0,0 +1,14 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 42px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action svg {
+  vertical-align: middle;
+  width: 18px;
+  height: 18px;
+}

package/esm/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/esm/components/dictionary/index.js

@@ -0,0 +1,92 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { getDictItems } from "@knockout-js/api";
+import { useEffect, useState } from "react";
+var timeoutFn = undefined, isLoad = false;
+var distData = {}, collectCode = [];
+/**
+ * 用来处理缓存字典项列表
+ * @returns
+ */ export var useDistItems = function(dictCode, dataSource) {
+    var _distData_dictCode;
+    var _useState = _sliced_to_array(useState((_distData_dictCode = distData[dictCode]) !== null && _distData_dictCode !== void 0 ? _distData_dictCode : []), 2), items = _useState[0], setItems = _useState[1];
+    /**
+   * 通过列表设置存储
+   * @param list
+   */ var setDistItems = function(list) {
+        var dictCodes = _to_consumable_array(new Set(list.map(function(item) {
+            var _item_dict;
+            return (_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code;
+        })));
+        dictCodes.forEach(function(code) {
+            if (code) distData[code] = list.filter(function(item) {
+                var _item_dict;
+                return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) == code;
+            });
+        });
+    };
+    /**
+   * 刷新列表接口
+   */ var reloadDistItems = function() {
+        var _ref = _async_to_generator(function() {
+            var result;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            getDictItems(dictCode, true)
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if (result.length) setDistItems(result);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function reloadDistItems() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) setDistItems(dataSource);
+        else {
+            if (!collectCode.includes(dictCode)) {
+                collectCode.push(dictCode);
+                isLoad = true;
+            }
+            if (isLoad) {
+                clearTimeout(timeoutFn);
+                timeoutFn = setTimeout(function() {
+                    getDictItems(collectCode).then(function(result) {
+                        if (result.length) setDistItems(result);
+                        isLoad = false;
+                    });
+                }, 100);
+            }
+        }
+    }, [
+        dictCode,
+        dataSource
+    ]);
+    useEffect(function() {
+        var _distData_dictCode;
+        var _distData_dictCode_filter;
+        setItems((_distData_dictCode_filter = (_distData_dictCode = distData[dictCode]) === null || _distData_dictCode === void 0 ? void 0 : _distData_dictCode.filter(function(item) {
+            var _item_dict;
+            return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) === dictCode;
+        })) !== null && _distData_dictCode_filter !== void 0 ? _distData_dictCode_filter : []);
+    }, [
+        distData[dictCode]
+    ]);
+    return [
+        items,
+        reloadDistItems
+    ];
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\index.js.map

package/esm/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 timeoutFn: NodeJS.Timeout | undefined = undefined, isLoad = false;\r\nconst distData: Record<string, AppDictItem[] | undefined> = {},\r\n  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[]>(distData[dictCode] ?? []);\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    dictCodes.forEach(code => {\r\n      if (code) {\r\n        distData[code] = list.filter(item => item.dict?.code == code);\r\n      }\r\n    })\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        isLoad = true;\r\n      }\r\n      if (isLoad) {\r\n        clearTimeout(timeoutFn)\r\n        timeoutFn = setTimeout(() => {\r\n          getDictItems(collectCode).then(result => {\r\n            if (result.length) {\r\n              setDistItems(result);\r\n            }\r\n            isLoad = false;\r\n          });\r\n        }, 100);\r\n      }\r\n    }\r\n  }, [dictCode, dataSource]);\r\n\r\n  useEffect(() => {\r\n    setItems(distData[dictCode]?.filter(item => item.dict?.code === dictCode) ?? [])\r\n  }, [distData[dictCode]])\r\n\r\n\r\n  return [items, reloadDistItems];\r\n}\r\n"],"names":["getDictItems","useEffect","useState","timeoutFn","undefined","isLoad","distData","collectCode","useDistItems","dictCode","dataSource","items","setItems","setDistItems","list","dictCodes","Set","map","item","dict","code","forEach","filter","reloadDistItems","result","length","includes","push","clearTimeout","setTimeout","then"],"mappings":";;;;AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,IAAIC,YAAwCC,WAAWC,SAAS,KAAK;AACrE,IAAMC,WAAsD,CAAC,GAC3DC,cAAwB,EAAE;AAE5B;;;CAGC,GACD,OAAO,IAAMC,eAAe,SAACC,UAAkBC,YAAqE;QAEhEJ;IAAlD,IAA0BJ,6BAAAA,SAAwBI,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,qBAAsB,EAAE,OAAnEK,QAAmBT,cAAZU,WAAYV;IAE1B;;;GAGC,GACD,IAAMW,eAAe,SAACC,MAAwB;QAC5C,IAAMC,YAAa,qBAAG,IAAIC,IAAIF,KAAKG,GAAG,CAACC,SAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI;;QAC9DL,UAAUM,OAAO,CAACD,SAAAA,MAAQ;YACxB,IAAIA,MACFd,QAAQ,CAACc,KAAK,GAAGN,KAAKQ,MAAM,CAACJ,SAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,KAAKA;;QAE5D;IACF;IAEA;;GAEC,GACD,IAAMG;mBAAkB,oBAAA,WAAY;gBAC5BC;;;;wBAAS;;4BAAMxB,aAAaS,UAAU,IAAI;;;wBAA1Ce,SAAS;wBACf,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;;;;;;QAEjB;wBALMD;;;;IAONtB,UAAU,WAAM;QACd,IAAIS,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYe,MAAM,EACpBZ,aAAaH;aACR;YACL,IAAI,CAACH,YAAYmB,QAAQ,CAACjB,WAAW;gBACnCF,YAAYoB,IAAI,CAAClB;gBACjBJ,SAAS,IAAI;YACf,CAAC;YACD,IAAIA,QAAQ;gBACVuB,aAAazB;gBACbA,YAAY0B,WAAW,WAAM;oBAC3B7B,aAAaO,aAAauB,IAAI,CAACN,SAAAA,QAAU;wBACvC,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;wBAEfnB,SAAS,KAAK;oBAChB;gBACF,GAAG;YACL,CAAC;QACH,CAAC;IACH,GAAG;QAACI;QAAUC;KAAW;IAEzBT,UAAU,WAAM;YACLK;YAAAA;QAATM,SAASN,CAAAA,4BAAAA,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,KAAAA,IAAAA,mBAAoBgB,OAAOJ,SAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,MAAMX;wBAAvDH,uCAAAA,4BAAoE,EAAE;IACjF,GAAG;QAACA,QAAQ,CAACG,SAAS;KAAC;IAGvB,OAAO;QAACE;QAAOY;KAAgB;AACjC,EAAC"}

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

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

package/esm/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/esm/components/dictionary/select.js

@@ -0,0 +1,71 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+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 _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.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 function(props) {
+    var dictCode = props.dictCode, dataSource = props.dataSource, changeValue = props.changeValue, restProps = _object_without_properties(props, [
+        "dictCode",
+        "dataSource",
+        "changeValue"
+    ]), _useDistItems = _sliced_to_array(useDistItems(dictCode, dataSource), 2), items = _useDistItems[0], itemsReload = _useDistItems[1], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), options = _useState1[0], setOptions = _useState1[1];
+    useEffect(function() {
+        setOptions(items.map(function(item) {
+            return {
+                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: function(menu) {
+            return /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    menu,
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.selectActions,
+                        children: /*#__PURE__*/ _jsx(ReloadOutlined, {
+                            rev: undefined,
+                            onClick: /*#__PURE__*/ _async_to_generator(function() {
+                                return _ts_generator(this, function(_state) {
+                                    switch(_state.label){
+                                        case 0:
+                                            setLoading(true);
+                                            return [
+                                                4,
+                                                itemsReload()
+                                            ];
+                                        case 1:
+                                            _state.sent();
+                                            setLoading(false);
+                                            return [
+                                                2
+                                            ];
+                                    }
+                                });
+                            })
+                        })
+                    })
+                ]
+            });
+        }
+    }));
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\select.js.map

package/esm/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,SAACC,OAAiC;IAC/C,IAAQC,WAAoDD,MAApDC,UAAUC,aAA0CF,MAA1CE,YAAYC,cAA8BH,MAA9BG,aAAgBC,uCAAcJ;QAApDC;QAAUC;QAAYC;QACLJ,iCAAAA,aAAaE,UAAUC,iBAA7CG,QAAsBN,kBAAfO,cAAeP,kBACCF,6BAAAA,SAAS,KAAK,OAArCU,UAAuBV,cAAdW,aAAcX,cACAA,8BAAAA,SAAmC,EAAE,OAA5DY,UAAuBZ,eAAda,aAAcb;IAE1BD,UAAU,WAAM;QACdc,WAAWL,MACRM,GAAG,CAACC,SAAAA;mBAAS;gBACZC,OAAOD,KAAKE,IAAI;gBAChBC,OAAOH,IAAI,CAACT,wBAAAA,yBAAAA,cAAe,MAAM,CAAC;gBAClCa,MAAMJ;YACR;;IAEJ,GAAG;QAACP;KAAM;IAEV,qBAAO,KAACV;QACNsB,OAAO;YAAEC,OAAO;QAAO;OACnBd;QACJG,SAASA;QACTE,SAASA;QACTU,gBAAgB,SAACC;iCAAS;;oBACvBA;kCACD,KAACC;wBAAIC,WAAWxB,OAAOyB,aAAa;kCAClC,cAAA,KAAC7B;4BAAe8B,KAAKC;4BAAWC,uBAAS,oBAAA,WAAY;;;;4CACnDlB,WAAW,IAAI;4CACf;;gDAAMF;;;4CAAN;4CACAE,WAAW,KAAK;;;;;;4BAClB;;;;;;;AAKR,EAAC"}

package/esm/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/esm/components/dictionary/text.js

@@ -0,0 +1,31 @@
+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 _sliced_to_array from "@swc/helpers/src/_sliced_to_array.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 function(props) {
+    var value = props.value, dataSource = props.dataSource, dictCode = props.dictCode, valueKey = props.valueKey, restProps = _object_without_properties(props, [
+        "value",
+        "dataSource",
+        "dictCode",
+        "valueKey"
+    ]), _useDistItems = _sliced_to_array(useDistItems(dictCode, dataSource), 1), items = _useDistItems[0], _useState = _sliced_to_array(useState(), 2), dictItem = _useState[0], setDictItem = _useState[1];
+    useEffect(function() {
+        setDictItem(items.find(function(item) {
+            return 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 : value) !== null && _ref !== void 0 ? _ref : ""
+    }));
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\text.js.map

package/esm/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 ?? 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,SAACC,OAA+B;IAC7C,IAAQC,QAAwDD,MAAxDC,OAAOC,aAAiDF,MAAjDE,YAAYC,WAAqCH,MAArCG,UAAUC,WAA2BJ,MAA3BI,UAAaC,uCAAcL;QAAxDC;QAAOC;QAAYC;QAAUC;QACzBL,iCAAAA,aAAaI,UAAUD,iBAAhCI,QAASP,kBACgBD,6BAAAA,gBAAzBS,WAAyBT,cAAfU,cAAeV;IAG5BD,UAAU,WAAM;QACdW,YAAYF,MAAMG,IAAI,CAACC,SAAAA;mBAAQA,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,iBAAkBN,KAAK,cAAvBM,kBAAAA,OAA2B,EAAE;;AAElC,EAAC"}

package/esm/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/esm/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/esm/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/esm/components/theme-switch/index.js

@@ -1,21 +1,21 @@
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import React from "react";
 import { Moon, Sun } from "../icons/index";
+import styles from "./index.module.css";
 var ThemeSwitch = function(props) {
-    return props.value ? /*#__PURE__*/ _jsx(Sun, {
-        style: {
-            color: "rgba(0, 0, 0, 0.88)"
-        },
-        onClick: function() {
-            props.onChange(false);
-        }
-    }) : /*#__PURE__*/ _jsx(Moon, {
-        style: {
-            color: "rgba(0, 0, 0, 0.88)"
-        },
-        onClick: function() {
-            props.onChange(true);
-        }
+    return /*#__PURE__*/ _jsx("span", {
+        className: styles.action,
+        children: /*#__PURE__*/ _jsx("span", {
+            children: props.value ? /*#__PURE__*/ _jsx(Moon, {
+                onClick: function() {
+                    props.onChange(false);
+                }
+            }) : /*#__PURE__*/ _jsx(Sun, {
+                onClick: function() {
+                    props.onChange(true);
+                }
+            })
+        })
     });
 };
 export default ThemeSwitch;

package/esm/components/theme-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Moon, Sun } from '../icons';\r\n\r\nexport interface ThemeSwitchLocale {\r\n  bright: string;\r\n  dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value: boolean;\r\n  /**\r\n   * 值变更事件 (value: boolean) => void;\r\n   */\r\n  onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n  return props.value ? <Sun style={{ color: 'rgba(0, 0, 0, 0.88)' }} onClick={() => {\r\n    props.onChange(false)\r\n\r\n  }} /> : <Moon style={{ color: 'rgba(0, 0, 0, 0.88)' }} onClick={() => {\r\n    props.onChange(true)\r\n\r\n  }} />\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Moon","Sun","ThemeSwitch","props","value","style","color","onClick","onChange"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,GAAG,QAAQ,iBAAW;AAkBrC,IAAMC,cAA0C,SAACC,OAA4B;IAC3E,OAAOA,MAAMC,KAAK,iBAAG,KAACH;QAAII,OAAO;YAAEC,OAAO;QAAsB;QAAGC,SAAS,WAAM;YAChFJ,MAAMK,QAAQ,CAAC,KAAK;QAEtB;uBAAQ,KAACR;QAAKK,OAAO;YAAEC,OAAO;QAAsB;QAAGC,SAAS,WAAM;YACpEJ,MAAMK,QAAQ,CAAC,IAAI;QAErB;MAAK;AACP;AAEA,eAAeN,YAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Moon, Sun } from '../icons';\r\nimport styles from './index.module.css';\r\n\r\nexport interface ThemeSwitchLocale {\r\n  bright: string;\r\n  dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value: boolean;\r\n  /**\r\n   * 值变更事件 (value: boolean) => void;\r\n   */\r\n  onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n  return <span className={styles.action}>\r\n    <span>{\r\n      props.value ? <Moon onClick={() => {\r\n        props.onChange(false)\r\n\r\n      }} /> : <Sun onClick={() => {\r\n        props.onChange(true)\r\n\r\n      }} />}\r\n    </span>\r\n  </span>\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Moon","Sun","styles","ThemeSwitch","props","span","className","action","value","onClick","onChange"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,GAAG,QAAQ,iBAAW;AACrC,OAAOC,YAAY,qBAAqB;AAkBxC,IAAMC,cAA0C,SAACC,OAA4B;IAC3E,qBAAO,KAACC;QAAKC,WAAWJ,OAAOK,MAAM;kBACnC,cAAA,KAACF;sBACCD,MAAMI,KAAK,iBAAG,KAACR;gBAAKS,SAAS,WAAM;oBACjCL,MAAMM,QAAQ,CAAC,KAAK;gBAEtB;+BAAQ,KAACT;gBAAIQ,SAAS,WAAM;oBAC1BL,MAAMM,QAAQ,CAAC,IAAI;gBAErB;cAAK;;;AAGX;AAEA,eAAeP,YAAY"}

package/esm/components/theme-switch/index.module.css

@@ -0,0 +1,14 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 42px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action svg {
+  vertical-align: middle;
+  width: 18px;
+  height: 18px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -50,8 +50,8 @@
     "dayjs": "^1.11.9",
     "react-activation": "^0.12.4",
     "react-draggable": "^4.4.5",
-    "@knockout-js/api": "^0.1.1",
-    "@knockout-js/ice-urql": "^0.1.1"
+    "@knockout-js/api": "^0.1.2",
+    "@knockout-js/ice-urql": "^0.1.2"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",