tntd 2.0.10 → 2.0.11

package/es/tntd-layout/SideMenu.js

@@ -1,30 +1,26 @@
-import _get from "lodash/get";
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-
+import { get } from 'lodash';
 import React, { useContext, useEffect, useState } from 'react';
 import styled, { withTheme } from 'styled-components';
 import Menu from '../menu';
-import { getSelectedMenuInfo, isGroupMenu, isNewTabMenu, openInNewTab, traverseTree } from '../utils';
+import { getSelectedMenuInfo, isGroupMenu, isNewTabMenu, openInNewTab, traverseTree, } from '../utils';
 import ActionsContext from './ActionsContext';
 import Iconfont from './Iconfont';
 import { setSideMenuStore } from './storage';
 const color = 'rgba(255,255,255,.85)';
 const compatibleColor = '#a1d7ff';
-const {
-  SubMenu,
-  Item: MenuItem
-} = Menu;
-const TNTMenu = styled(Menu)`
+const { SubMenu, Item: MenuItem } = Menu;
+const TNTMenu = styled(Menu) `
   background: none !important;
   &.ant-menu.ant-menu-root {
     position: relative;
@@ -34,7 +30,7 @@ const TNTMenu = styled(Menu)`
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    height: calc(100vh - ${props => `${props.theme.headerHeight}px`});
+    height: calc(100vh - ${(props) => `${props.theme.headerHeight}px`});
     overflow-y: auto;
     overflow-x: hidden;
     .collapseIconPlacementBottom & {
@@ -98,7 +94,7 @@ const TNTMenu = styled(Menu)`
     .ant-menu-submenu.ant-menu-submenu-selected {
       background: rgba(47, 129, 247, 0.25) !important;
       .tnt-themeS1 & {
-        background: ${props => props.theme.dividerColor} !important;
+        background: ${(props) => props.theme.dividerColor} !important;
       }
 
       // 蓝色系 一级菜单的选中效果
@@ -110,7 +106,7 @@ const TNTMenu = styled(Menu)`
     & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {
       background: none !important;
       .tnt-themeS1 & {
-        background: ${props => props.theme.dividerColor} !important;
+        background: ${(props) => props.theme.dividerColor} !important;
       }
       // 蓝色系 子级菜单级的选中效果
       .tnt-themeS3 & {
@@ -121,12 +117,8 @@ const TNTMenu = styled(Menu)`
       margin: 0;
       font-size: 14px;
       padding-left: 54px !important;
-      height: ${({
-  size
-}) => size === 'large' ? '40px' : '36px'};
-      line-height: ${({
-  size
-}) => size === 'large' ? '40px' : '36px'};
+      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};
+      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};
     }
 
     & > .ant-menu-item {
@@ -143,19 +135,15 @@ const TNTMenu = styled(Menu)`
 
     .ant-menu-submenu-title {
       position: relative;
-      color: ${props => props.theme.compatible ? compatibleColor : color};
+      color: ${(props) => (props.theme.compatible ? compatibleColor : color)};
       .tnt-themeS1 & {
-        color: ${props => props.theme.primaryTextColor};
+        color: ${(props) => props.theme.primaryTextColor};
       }
-      height: ${({
-  size
-}) => size === 'large' ? '40px' : '36px'};
-      line-height: ${({
-  size
-}) => size === 'large' ? '40px' : '36px'};
+      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};
+      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};
       .tnt-icon {
         .tnt-themeS1 & {
-          color: ${props => props.theme.lightIconColor};
+          color: ${(props) => props.theme.lightIconColor};
         }
       }
       & > .tnt-icon {
@@ -184,19 +172,19 @@ const TNTMenu = styled(Menu)`
   }
 
   &.ant-menu .menu-arrow-right {
-    color: ${props => props.theme.compatible ? compatibleColor : color};
+    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};
   }
 
   .ant-menu-item,
   .ant-menu-item > a {
-    color: ${props => props.theme.compatible ? compatibleColor : color};
+    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};
     .tnt-themeS1 & {
-      color: ${props => props.theme.primaryTextColor};
+      color: ${(props) => props.theme.primaryTextColor};
     }
     &:hover {
       color: #fff;
       .tnt-themeS1 & {
-        color: ${props => props.theme.primaryColor};
+        color: ${(props) => props.theme.primaryColor};
       }
     }
 
@@ -213,7 +201,7 @@ const TNTMenu = styled(Menu)`
   & > .ant-menu-item.ant-menu-item-selected,
   &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
     color: rgba(255, 255, 255, 0.85);
-    background-color: ${props => props.theme.primaryColor};
+    background-color: ${(props) => props.theme.primaryColor};
     .compatible & {
       background-color: #013479;
     }
@@ -224,7 +212,7 @@ const TNTMenu = styled(Menu)`
     }
     .tnt-themeS1 & {
       color: #fff;
-      background-color: ${props => props.theme.primaryColor};
+      background-color: ${(props) => props.theme.primaryColor};
     }
 
     // 蓝色系 子项选中颜色
@@ -246,7 +234,7 @@ const TNTMenu = styled(Menu)`
     }
   }
 `;
-const MenuTitle = styled.span`
+const MenuTitle = styled.span `
   font-size: 14px;
   .large-size & {
     font-size: 15px;
@@ -256,7 +244,7 @@ const MenuTitle = styled.span`
     color: #a1d7ff;
   }
   .tnt-themeS1 & {
-    color: ${props => props.theme.primaryTextColor};
+    color: ${(props) => props.theme.primaryTextColor};
   }
   .tnt-icon {
     margin-right: 12px;
@@ -270,237 +258,142 @@ const MenuTitle = styled.span`
     }
     .tnt-themeS1 & {
       /* color: #7e8081; */
-      color: ${props => `${props.theme.iconColor}`};
+      color: ${(props) => `${props.theme.iconColor}`};
     }
   }
 `;
-export default withTheme(props => {
-  const actions = useContext(ActionsContext);
-  const {
-    language,
-    menus = [],
-    formatMenuPath,
-    changeRouter,
-    selectedKey,
-    openKeys,
-    onSelect,
-    onBeforeChange,
-    onChange,
-    onOpenChange,
-    collapsed
-  } = props;
-  const {
-    subMenu,
-    parentMenus
-  } = getSelectedMenuInfo(selectedKey, menus);
-  const [selectedKeys, setSelectedKeys] = useState([_get(subMenu, 'code')]);
-
-  const onSelectMenu = param => {
-    const {
-      subMenu,
-      parentMenus
-    } = getSelectedMenuInfo(param.key, menus) || {};
-    const params = Object.assign(Object.assign({}, param), {
-      data: subMenu
-    });
-
-    const defaultBeforeChange = ({
-      data
-    }) => !isNewTabMenu(data);
-
-    const defaultSelect = ({
-      data
-    }) => {
-      var _a;
-
-      const {
-        path
-      } = data || {};
-
-      const formatPath = formatMenuPath || (path => path);
-
-      if (isNewTabMenu(data)) {
-        openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
-        return;
-      }
-
-      const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
-
-      if (path === null || path === void 0 ? void 0 : path.startsWith(routerPrefix)) {
-        const forwardPath = formatPath(path, data);
-        changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
-      } else {
-        window.location.href = formatPath(path, data);
-      }
-    };
-
-    const finalSelect = onSelect || defaultSelect;
-
-    if (param.key !== _get(selectedKeys, '0')) {
-      const finalBeforeChange = onBeforeChange || defaultBeforeChange;
-
-      if (finalBeforeChange(params, _get(selectedKeys, '0'))) {
-        // SideMenu菜单收起状态
-        if (collapsed) {
-          const newOpenKeys = parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(({
-            code
-          }) => code).reverse();
-          onOpenChange(newOpenKeys);
-          setSideMenuStore({
-            openKeys: newOpenKeys,
-            beforeOpenKeys: newOpenKeys
-          });
+export default withTheme((props) => {
+    const actions = useContext(ActionsContext);
+    const { language, menus = [], formatMenuPath, changeRouter, selectedKey, openKeys, onSelect, onBeforeChange, onChange, onOpenChange, collapsed, } = props;
+    const { subMenu, parentMenus } = getSelectedMenuInfo(selectedKey, menus);
+    const [selectedKeys, setSelectedKeys] = useState([get(subMenu, 'code')]);
+    const onSelectMenu = (param) => {
+        const { subMenu, parentMenus } = getSelectedMenuInfo(param.key, menus) || {};
+        const params = Object.assign(Object.assign({}, param), { data: subMenu });
+        const defaultBeforeChange = ({ data }) => !isNewTabMenu(data);
+        const defaultSelect = ({ data }) => {
+            var _a;
+            const { path } = data || {};
+            const formatPath = formatMenuPath || ((path) => path);
+            if (isNewTabMenu(data)) {
+                openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
+                return;
+            }
+            const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+            if (path === null || path === void 0 ? void 0 : path.startsWith(routerPrefix)) {
+                const forwardPath = formatPath(path, data);
+                changeRouter
+                    ? changeRouter(forwardPath, data)
+                    : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
+            }
+            else {
+                window.location.href = formatPath(path, data);
+            }
+        };
+        const finalSelect = onSelect || defaultSelect;
+        if (param.key !== get(selectedKeys, '0')) {
+            const finalBeforeChange = onBeforeChange || defaultBeforeChange;
+            if (finalBeforeChange(params, get(selectedKeys, '0'))) {
+                // SideMenu菜单收起状态
+                if (collapsed) {
+                    const newOpenKeys = parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(({ code }) => code).reverse();
+                    onOpenChange(newOpenKeys);
+                    setSideMenuStore({
+                        openKeys: newOpenKeys,
+                        beforeOpenKeys: newOpenKeys,
+                    });
+                }
+                setSelectedKeys([param.key]);
+                onChange && onChange(params);
+            }
         }
-
+        actions.setSelectedMenuKey(param.key);
         setSelectedKeys([param.key]);
-        onChange && onChange(params);
-      }
-    }
-
-    actions.setSelectedMenuKey(param.key);
-    setSelectedKeys([param.key]);
-    finalSelect(params);
-  };
-
-  const getExpandIcon = code => {
-    if (props.theme.compatible) {
-      return openKeys.includes(code) ? 'minus' : 'plus';
-    }
-
-    return openKeys.includes(code) ? 'up' : 'down';
-  };
-
-  const onOpenKeysChange = keys => {
-    const openKey = keys.find(key => !openKeys.includes(key)); // const closeKey = openKeys.find(key => !keys.includes(key));
-
-    let newOpenKeys = keys;
-
-    const findParentGroupKey = (key, openKeys) => {
-      let parentGroupKey;
-      traverseTree(menus, (node, pnode) => {
-        if (node.code === key) {
-          if (pnode && openKeys.includes(pnode === null || pnode === void 0 ? void 0 : pnode.code)) {
-            parentGroupKey = pnode === null || pnode === void 0 ? void 0 : pnode.code;
-          }
-
-          return false;
+        finalSelect(params);
+    };
+    const getExpandIcon = (code) => {
+        if (props.theme.compatible) {
+            return openKeys.includes(code) ? 'minus' : 'plus';
         }
-      });
-      return parentGroupKey;
-    }; // 展开openKey
-
-
-    if (openKey) {
-      // 父子关系展开
-      const parentGroupKey = findParentGroupKey(openKey, openKeys);
-
-      if (parentGroupKey) {
-        newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys;
-      } else {
-        newOpenKeys = [openKey];
-      }
-    } else {
-      // 收起closeKey
-      newOpenKeys = keys;
-    }
-
-    onOpenChange(newOpenKeys);
-  };
-
-  useEffect(() => {
-    setSelectedKeys([selectedKey]);
-
-    if (selectedKey && !collapsed && (parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.length)) {
-      onOpenChange(parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(({
-        code
-      }) => code).reverse());
-    }
-
-    actions.setSelectedMenuKey(selectedKey);
-  }, [selectedKey]);
-  actions.off('menuSelect', onSelectMenu);
-  actions.on('menuSelect', onSelectMenu);
-  return React.createElement(TNTMenu, {
-    mode: "inline",
-    defaultSelectedKeys: [],
-    openKeys: openKeys,
-    selectedKeys: selectedKeys,
-    onOpenChange: onOpenKeysChange
-  }, menus === null || menus === void 0 ? void 0 : menus.map(menu => {
-    var _a;
-
-    const MenuLink = ({
-      menuName,
-      enName,
-      path
-    }) => React.createElement("a", {
-      href: path,
-      onClick: evt => evt.preventDefault()
-    }, {
-      cn: menuName,
-      en: enName
-    }[language]);
-
-    if (isGroupMenu(menu)) {
-      const getSubMenuProps = ({
-        code,
-        groupIcon,
-        groupName,
-        enName
-      }, isSubGroup = false) => ({
-        key: code,
-        title: React.createElement(MenuTitle, {
-          style: collapsed && isSubGroup ? {
-            color: props.theme.primaryTextColor
-          } : {}
-        }, !isSubGroup && React.createElement(Iconfont, {
-          type: groupIcon
-        }), collapsed && !isSubGroup ? '' : {
-          cn: groupName,
-          en: enName
-        }[language]),
-        expandIcon: collapsed ? null : React.createElement(Iconfont
-        /*  */
-        , {
-          type: getExpandIcon(code)
-        })
-      });
-
-      return React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu), {
-        onClick: onSelectMenu
-      }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(menu => {
+        return openKeys.includes(code) ? 'up' : 'down';
+    };
+    const onOpenKeysChange = (keys) => {
+        const openKey = keys.find((key) => !openKeys.includes(key));
+        // const closeKey = openKeys.find(key => !keys.includes(key));
+        let newOpenKeys = keys;
+        const findParentGroupKey = (key, openKeys) => {
+            let parentGroupKey;
+            traverseTree(menus, (node, pnode) => {
+                if (node.code === key) {
+                    if (pnode && openKeys.includes(pnode === null || pnode === void 0 ? void 0 : pnode.code)) {
+                        parentGroupKey = pnode === null || pnode === void 0 ? void 0 : pnode.code;
+                    }
+                    return false;
+                }
+            });
+            return parentGroupKey;
+        };
+        // 展开openKey
+        if (openKey) {
+            // 父子关系展开
+            const parentGroupKey = findParentGroupKey(openKey, openKeys);
+            if (parentGroupKey) {
+                newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys;
+            }
+            else {
+                newOpenKeys = [openKey];
+            }
+        }
+        else {
+            // 收起closeKey
+            newOpenKeys = keys;
+        }
+        onOpenChange(newOpenKeys);
+    };
+    useEffect(() => {
+        setSelectedKeys([selectedKey]);
+        if (selectedKey && !collapsed && (parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.length)) {
+            onOpenChange(parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(({ code }) => code).reverse());
+        }
+        actions.setSelectedMenuKey(selectedKey);
+    }, [selectedKey]);
+    actions.off('menuSelect', onSelectMenu);
+    actions.on('menuSelect', onSelectMenu);
+    return (React.createElement(TNTMenu, { mode: "inline", defaultSelectedKeys: [], openKeys: openKeys, selectedKeys: selectedKeys, onOpenChange: onOpenKeysChange }, menus === null || menus === void 0 ? void 0 : menus.map((menu) => {
         var _a;
-
+        const MenuLink = ({ menuName, enName, path }) => (React.createElement("a", { href: path, onClick: (evt) => evt.preventDefault() }, {
+            cn: menuName,
+            en: enName,
+        }[language]));
         if (isGroupMenu(menu)) {
-          return React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu, true), {
-            onClick: onSelectMenu
-          }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(_a => {
-            var {
-              code
-            } = _a,
-                menu = __rest(_a, ["code"]);
-
-            return React.createElement(MenuItem, {
-              key: code
-            }, React.createElement(MenuLink, Object.assign({}, menu, {
-              style: {
-                paddingLeft: '24px'
-              }
+            const getSubMenuProps = ({ code, groupIcon, groupName, enName }, isSubGroup = false) => ({
+                key: code,
+                title: (React.createElement(MenuTitle, { style: collapsed && isSubGroup ? { color: props.theme.primaryTextColor } : {} },
+                    !isSubGroup && React.createElement(Iconfont, { type: groupIcon }),
+                    collapsed && !isSubGroup
+                        ? ''
+                        : {
+                            cn: groupName,
+                            en: enName,
+                        }[language])),
+                expandIcon: collapsed ? null : React.createElement(Iconfont /*  */, { type: getExpandIcon(code) }),
+            });
+            return (React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu), { onClick: onSelectMenu }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map((menu) => {
+                var _a;
+                if (isGroupMenu(menu)) {
+                    return (React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu, true), { onClick: onSelectMenu }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map((_a) => {
+                        var { code } = _a, menu = __rest(_a, ["code"]);
+                        return (React.createElement(MenuItem, { key: code },
+                            React.createElement(MenuLink, Object.assign({}, menu, { style: { paddingLeft: '24px' } }))));
+                    })));
+                }
+                return (React.createElement(MenuItem, { key: menu === null || menu === void 0 ? void 0 : menu.code },
+                    React.createElement(MenuLink, Object.assign({}, menu))));
             })));
-          }));
         }
-
-        return React.createElement(MenuItem, {
-          key: menu === null || menu === void 0 ? void 0 : menu.code
-        }, React.createElement(MenuLink, Object.assign({}, menu)));
-      }));
-    }
-
-    return React.createElement(MenuItem, {
-      key: menu.code,
-      onClick: onSelectMenu
-    }, React.createElement(Iconfont, {
-      type: menu.icon
-    }), React.createElement(MenuLink, Object.assign({}, menu)));
-  }));
-});
+        return (React.createElement(MenuItem, { key: menu.code, onClick: onSelectMenu },
+            React.createElement(Iconfont, { type: menu.icon }),
+            React.createElement(MenuLink, Object.assign({}, menu))));
+    })));
+});
+//# sourceMappingURL=SideMenu.js.map

package/es/tntd-layout/Theme.js

@@ -4,7 +4,7 @@ import Popover from '../popover';
 import Iconfont from './Iconfont';
 import images from './images';
 import { setThemeStore, getThemeStore } from './storage';
-const Theme = styled.li`
+const Theme = styled.li `
   margin-left: 20px;
   font-size: 20px;
   .tnt-themeS1 & {
@@ -14,7 +14,7 @@ const Theme = styled.li`
     display: none;
   }
 `;
-const ThemeSwitch = styled.div`
+const ThemeSwitch = styled.div `
   & > div {
     position: relative;
     display: inline-block;
@@ -34,60 +34,36 @@ const ThemeSwitch = styled.div`
     }
   }
 `;
-const ThemeContentWrapper = styled.div`
+const ThemeContentWrapper = styled.div `
   z-index: 1;
   background-color: #fff;
   border-radius: 4px;
   width: 156px;
 `;
-const themes = [{
-  value: 'themeS1',
-  img: images.themeSymbol1
-}, {
-  value: 'themeS2',
-  img: images.themeSymbol2
-}];
-
-const ThemeContent = props => {
-  const {
-    onChange
-  } = props;
-
-  const getTheme = () => {
-    let theme = getThemeStore() || props.theme || 'themeS2';
-    return themes.some(({
-      value
-    }) => value === theme) ? theme : 'themeS2';
-  };
-
-  const [theme, setTheme] = useState(getTheme());
-
-  const changeTheme = theme => {
-    setTheme(theme);
-    setThemeStore(theme);
-    onChange(theme);
-  };
-
-  return React.createElement(ThemeContentWrapper, null, React.createElement(ThemeSwitch, null, themes.map(({
-    value,
-    img
-  }) => React.createElement("div", {
-    key: value,
-    onClick: changeTheme.bind(this, value)
-  }, React.createElement("img", {
-    src: img
-  }), theme === value && React.createElement(Iconfont, {
-    type: "check1"
-  })))));
+const themes = [
+    { value: 'themeS1', img: images.themeSymbol1 },
+    { value: 'themeS2', img: images.themeSymbol2 },
+];
+const ThemeContent = (props) => {
+    const { onChange } = props;
+    const getTheme = () => {
+        let theme = getThemeStore() || props.theme || 'themeS2';
+        return themes.some(({ value }) => value === theme) ? theme : 'themeS2';
+    };
+    const [theme, setTheme] = useState(getTheme());
+    const changeTheme = (theme) => {
+        setTheme(theme);
+        setThemeStore(theme);
+        onChange(theme);
+    };
+    return (React.createElement(ThemeContentWrapper, null,
+        React.createElement(ThemeSwitch, null, themes.map(({ value, img }) => (React.createElement("div", { key: value, onClick: changeTheme.bind(this, value) },
+            React.createElement("img", { src: img }),
+            theme === value && React.createElement(Iconfont, { type: "check1" })))))));
 };
-
-export default (props => {
-  return React.createElement(Theme, null, React.createElement(Popover, {
-    placement: "bottomRight",
-    title: null,
-    content: React.createElement(ThemeContent, Object.assign({}, props)),
-    trigger: "click"
-  }, React.createElement(Iconfont, {
-    type: "change-theme"
-  })));
-});
+export default (props) => {
+    return (React.createElement(Theme, null,
+        React.createElement(Popover, { placement: "bottomRight", title: null, content: React.createElement(ThemeContent, Object.assign({}, props)), trigger: "click" },
+            React.createElement(Iconfont, { type: "change-theme" }))));
+};
+//# sourceMappingURL=Theme.js.map