npm - @cloudbase/weda-ui - Versions diffs - 0.2.9 → 0.2.13 - Mend

@@ -0,0 +1,11 @@
+{
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

@@ -0,0 +1,4 @@
+i18n 目录说明
+============
+这里存放翻译的词条文件。

@@ -0,0 +1,10 @@
+/**
+ * @fileoverview
+ *
+ * 开发环境默认导出中文词条（无任何翻译）
+ *
+ *   - 如果要查看某个语言包的开发环境效果，使用命令 `tea dev --lang=en`
+ *   - 正式编译时，`@i18n/translation` 模块会重定向到相应的词条文件
+ */
+export { translation } from './zh';

@@ -0,0 +1,15 @@
+/**
+ * @fileoverview
+ *
+ * 本文件词条由 `tea scan` 命令扫描生成，可提交给翻译团队进行翻译。
+ * 具体使用方法，请参考 http://tapd.oa.com/QCloud_2015/markdown_wikis/view/#1010103951008365523
+ */
+/**
+ * @type {import('@tencent/tea-app').I18NTranslation}
+ */
+const translation = {
+  // 使用 `tea scan` 命令扫描词条
+};
+module.exports = { translation };

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "lib": ["es2017", "dom"],
+    "baseUrl": ".",
+    "paths": {
+      "@tea/app": ["./mock"],
+      "@tea/app/*": ["./mock/*"],
+      "@src/*": ["./src/*"]
+    },
+    "checkJs": true,
+    "jsx": "preserve",
+    "noImplicitAny": false
+  },
+  "exclude": ["dist"]
+}

@@ -0,0 +1,50 @@
+腾讯云 WEDATHEME 控制台前端项目
+======================
+<!-- 识别每类内容的标题是否具备，同时判断页面内容字数；
+	具备内容类别数，字数大于等于类别数*200字，得到该类别的总分数 -->
+## 项目介绍
+<!-- 本组织/项目的整体说明概览 -->
+介绍：
+控制台地址：
+## 快速上手
+<!-- 使用者如何快速上手使用本组织/项目，如下载，安装，启动，运行，教程。 -->
+- `src/app.js` 入口文件，主要进行业务路由定义
+- `src/routes` 存放业务路由实现
+- `src/configs` 存放 CSS 和菜单配置
+- `src/components` 存放公共业务组件
+- `src/utils` 存放公共工具方法
+## 常见问题
+<!-- 本组织/项目的常见通用问题和官方解答 -->
+- master：默认为主干分支，用于发包
+- dev：默认开发分支
+## 行为准则
+<!-- 本组织/项目在代码协作方面需遵循的责任、范围、软件许可证、冲突解决等章程 -->
+## 如何加入
+<!-- 本组织/项目有明确的如何加入和贡献的文字说明 -->
+## 团队介绍
+<!-- 本组织/项目的角色分工、人名和联络方式、官方交流/沟通渠道 -->
+产品经理：<!-- 姓名 -->
+交互设计：<!-- 姓名 -->
+视觉设计师：<!-- 姓名 -->
+前端开发：<!-- 姓名 -->
+仓库地址：<!-- 姓名 -->
+## 其他说明
+<!-- 其他需要补充的内容 -->

@@ -0,0 +1,42 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Router, Route, Redirect, Switch } from 'react-router-dom';
+import { createHashHistory } from 'history';
+import { AppLayout } from './layout';
+import { HistoryContext } from './history-context';
+import { ConfigProvider } from '@tencent/tea-component';
+// 菜单配置
+import { menu } from '../src/configs/menu';
+const history = createHashHistory();
+const App = ({ routes }) => (
+  <ConfigProvider classPrefix='wedatea2td'>
+    <Router history={history}>
+      <HistoryContext.Provider value={{ history }}>
+        <AppLayout menu={menu}>
+          <Switch>
+            {Object.entries(routes).map(([path, route]) => (route.render ? (
+                <Route key={path} path={`/${path}`} render={route.render} />
+            ) : (
+                <Route key={path} path={`/${path}`} component={route} />
+            )))}
+            <Route
+              render={() => (
+                <Redirect to={`/${(Object.entries(routes)[0] || [])[0]}`} />
+              )}
+            />
+          </Switch>
+        </AppLayout>
+      </HistoryContext.Provider>
+    </Router>
+  </ConfigProvider>
+);
+/**
+ * @param {import('@tencent/tea-app').AppRouteMap} appRoutes
+ */
+export async function routes(appRoutes) {
+  ReactDOM.render(<App routes={appRoutes} />, document.querySelector('#root'));
+}

@@ -0,0 +1,8 @@
+import React, { useContext } from 'react';
+export const HistoryContext = React.createContext(null);
+export const useHistory = () => {
+  const { history } = useContext(HistoryContext);
+  return history;
+};

@@ -0,0 +1,3 @@
+import * as app from './app';
+export * from './history-context';
+export { app };

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Layout, NavMenu } from '@tencent/tea-component';
+import { MenuWithRouter } from './MenuWithRouter';
+const { Header, Body, Sider } = Layout;
+export function AppLayout({ menu, children }) {
+  return (
+    <Layout>
+      <Header>
+        <NavMenu
+          left={
+            <NavMenu.Item type="logo">
+              <img
+                src="https://imgcache.qq.com/qcloud/app/resource/ac/favicon.ico"
+                alt="logo"
+              />
+            </NavMenu.Item>
+          }
+        />
+      </Header>
+      <Body>
+        <Sider>{menu && <MenuWithRouter menu={menu} />}</Sider>
+        {children}
+      </Body>
+    </Layout>
+  );
+}

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Link, withRouter } from 'react-router-dom';
+import { Menu } from '@tencent/tea-component';
+export const MenuWithRouter = withRouter(
+  /**
+   * @param {any} props
+   */
+  ({ location, menu }) => {
+    const { pathname } = location;
+    return (
+      <Menu
+        theme="dark"
+        title={menu.title}
+        icon={menu.icon}
+        collapsable={!!menu.icon}
+      >
+        {menu.items.map(({ label, items, title, route, icon }, index) => {
+          if (label) {
+            return <Menu.Group key={index} title={label} />;
+          }
+          if (items) {
+            return (
+              <Menu.SubMenu defaultOpened key={index} title={title} icon={icon}>
+                {items.map((subItem, index) => (
+                  <Menu.Item
+                    key={index}
+                    title={subItem.title}
+                    selected={pathname.includes(subItem.route.replace('#', ''))}
+                    render={children => (
+                      <Link to={subItem.route}>{children}</Link>
+                    )}
+                  />
+                ))}
+              </Menu.SubMenu>
+            );
+          }
+          return (
+            <Menu.Item
+              key={index}
+              title={title}
+              icon={icon}
+              selected={pathname.includes(route.replace('#', ''))}
+              render={children => <Link to={route}>{children}</Link>}
+            />
+          );
+        })}
+      </Menu>
+    );
+  });

	@@ -0,0 +1 @@
1	+ export * from './AppLayout';

@cloudbase/weda-ui 0.2.9 → 0.2.13