tntd 2.0.11 → 2.0.12

package/es/tntd-layout/SideMenu.js

@@ -1,26 +1,30 @@
-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/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;
 };
-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;
@@ -30,7 +34,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 & {
@@ -94,7 +98,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;
       }
 
       // 蓝色系 一级菜单的选中效果
@@ -106,7 +110,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 & {
@@ -117,8 +121,12 @@ 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 {
@@ -135,15 +143,19 @@ 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 {
@@ -172,19 +184,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};
       }
     }
 
@@ -201,7 +213,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;
     }
@@ -212,7 +224,7 @@ const TNTMenu = styled(Menu) `
     }
     .tnt-themeS1 & {
       color: #fff;
-      background-color: ${(props) => props.theme.primaryColor};
+      background-color: ${props => props.theme.primaryColor};
     }
 
     // 蓝色系 子项选中颜色
@@ -234,7 +246,7 @@ const TNTMenu = styled(Menu) `
     }
   }
 `;
-const MenuTitle = styled.span `
+const MenuTitle = styled.span`
   font-size: 14px;
   .large-size & {
     font-size: 15px;
@@ -244,7 +256,7 @@ const MenuTitle = styled.span `
     color: #a1d7ff;
   }
   .tnt-themeS1 & {
-    color: ${(props) => props.theme.primaryTextColor};
+    color: ${props => props.theme.primaryTextColor};
   }
   .tnt-icon {
     margin-right: 12px;
@@ -258,142 +270,237 @@ 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,
-                    });
-                }
-                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';
+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 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;
+
+    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
+          });
         }
-        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());
+
+        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;
         }
-        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) => {
+      });
+      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 => {
         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) => {
-                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(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.code, onClick: onSelectMenu },
-            React.createElement(Iconfont, { type: menu.icon }),
-            React.createElement(MenuLink, Object.assign({}, menu))));
-    })));
-});
-//# sourceMappingURL=SideMenu.js.map
+
+        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)));
+  }));
+});

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,36 +34,60 @@ 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" }))));
-};
-//# sourceMappingURL=Theme.js.map
+
+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"
+  })));
+});