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

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

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

package/esm/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;
      */

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

@@ -1,20 +1,22 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import React from "react";
-import { Switch } from "antd";
-import { useLocale } from "../locale/index";
+import { Moon, Sun } from "../icons/index";
+import styles from "./index.module.css";
 var ThemeSwitch = function(props) {
-    var locale = useLocale("ThemeSwitch");
-    return /*#__PURE__*/ _jsx(Switch, _object_spread_props(_object_spread({
-        checkedChildren: locale.bright,
-        unCheckedChildren: locale.dark
-    }, props.switchProps), {
-        checked: props.value,
-        onChange: function(checked) {
-            props.onChange(checked);
-        }
-    }));
+    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 { Switch, SwitchProps } from 'antd';\r\nimport { useLocale } from '../locale';\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   * switch的设置\r\n   */\r\n  switchProps?: SwitchProps;\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  const locale = useLocale('ThemeSwitch')\r\n  return (\r\n    <Switch\r\n      checkedChildren={locale.bright}\r\n      unCheckedChildren={locale.dark}\r\n      {...props.switchProps}\r\n      checked={props.value}\r\n      onChange={(checked) => {\r\n        props.onChange(checked)\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Switch","useLocale","ThemeSwitch","props","locale","checkedChildren","bright","unCheckedChildren","dark","switchProps","checked","value","onChange"],"mappings":";;;AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAqB,OAAO;AAC3C,SAASC,SAAS,QAAQ,kBAAY;AAsBtC,IAAMC,cAA0C,SAACC,OAA4B;IAC3E,IAAMC,SAASH,UAAU;IACzB,qBACE,KAACD;QACCK,iBAAiBD,OAAOE,MAAM;QAC9BC,mBAAmBH,OAAOI,IAAI;OAC1BL,MAAMM,WAAW;QACrBC,SAASP,MAAMQ,KAAK;QACpBC,UAAU,SAACF,SAAY;YACrBP,MAAMS,QAAQ,CAACF;QACjB;;AAGN;AAEA,eAAeR,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-beta.1",
+  "version": "0.1.1-beta.3",
   "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-beta.1",
-    "@knockout-js/ice-urql": "^0.1.1-beta.1"
+    "@knockout-js/api": "^0.1.1-beta.4",
+    "@knockout-js/ice-urql": "^0.1.1-beta.3"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",
@@ -74,6 +74,6 @@
   "license": "MIT",
   "scripts": {
     "start": "ice-pkg start",
-    "build": "ice-pkg build"
+    "build": "rimraf esm es2017 && ice-pkg build"
   }
 }