Commit 2f787c9d authored by dengxiaofeng's avatar dengxiaofeng

fix keyword

parent 0703d461
...@@ -10,7 +10,7 @@ const pkgList = readdirSync(join(__dirname, 'packages')).filter( ...@@ -10,7 +10,7 @@ const pkgList = readdirSync(join(__dirname, 'packages')).filter(
); );
const alias = pkgList.reduce((pre, pkg) => { const alias = pkgList.reduce((pre, pkg) => {
pre[`@winsdom-components/pro-${pkg}`] = join(__dirname, 'packages', pkg, 'src'); pre[`@wisdom-components/pro-${pkg}`] = join(__dirname, 'packages', pkg, 'src');
return { return {
...pre, ...pre,
}; };
...@@ -25,7 +25,7 @@ const tailPkgList = pkgList ...@@ -25,7 +25,7 @@ const tailPkgList = pkgList
const isProduction = process.env.NODE_ENV === 'production'; const isProduction = process.env.NODE_ENV === 'production';
export default { export default {
title: 'winsdom-components', title: 'wisdom-components',
mode: 'site', mode: 'site',
logo: 'https://panda-water.cn/web4/assets/images/logo/单独图案-蓝绿色.svg', logo: 'https://panda-water.cn/web4/assets/images/logo/单独图案-蓝绿色.svg',
extraBabelPlugins: [ extraBabelPlugins: [
......
...@@ -10,7 +10,7 @@ nav: ...@@ -10,7 +10,7 @@ nav:
## 安装 ## 安装
当前 winsdom-components 每一个组件都是一个独立的包,你需要在你的项目中安装对应的 npm 包并使用。 当前 wisdom-components 每一个组件都是一个独立的包,你需要在你的项目中安装对应的 npm 包并使用。
--- ---
title: 介绍 - WinsDOM-Components title: 介绍 - WisDOM-Components
order: 10 order: 10
sidebar: false sidebar: false
hero: hero:
title: WinsDOM-Components title: WisDOM-Components
desc: 🏆 Use Ant Design like a Pro! desc: 🏆 Use Ant Design like a Pro!
actions: actions:
- text: 快速开始 → - text: 快速开始 →
...@@ -15,5 +15,4 @@ hero: ...@@ -15,5 +15,4 @@ hero:
| 组件 | 下载量 | 版本 | | 组件 | 下载量 | 版本 |
| --- | --- | --- | | --- | --- | --- |
## 🖥 浏览器兼容性
...@@ -9,12 +9,10 @@ nav: ...@@ -9,12 +9,10 @@ nav:
path: /docs path: /docs
--- ---
## ProComponents 的理念 ## wisdom-components 的理念
Ant Design 定义了基础的设计规范,对应也提供了大量的基础组件。但是对于大量的中后台类应用,我们希望提供更高程度的抽象,提供更上层的设计规范,并且对应提供相应的组件使得开发者可以快速搭建出高质量的页面。 Ant Design 定义了基础的设计规范,对应也提供了大量的基础组件。但是对于大量的中后台类应用,我们希望提供更高程度的抽象,提供更上层的设计规范,并且对应提供相应的组件使得开发者可以快速搭建出高质量的页面。
在 ProComponents 中我们内置了一系列的设计规范,预设了常用的逻辑。在这个基础上我们同样提供了灵活性的支持,比如对于 ProTable 来说你也可以把它完全当做 antd 的 Table 来用,对于 ProForm 来说你也可以直接使用 antd 的基础组件或者你的自定义组件。我们希望通过 Pro 系列组件提供快速高效大家高质量中后台应用的能力,进一步扩展 Ant Design 的能力,欢迎使用并提出宝贵的意见。
## 设计思路 ## 设计思路
对于几乎所有的业务来说,我们做的其实就是根据一个状态定义一系列的行为,以上面的 table 为例,首先我们需要一个状态 对于几乎所有的业务来说,我们做的其实就是根据一个状态定义一系列的行为,以上面的 table 为例,首先我们需要一个状态
...@@ -43,13 +41,6 @@ dataSource 用于存储从服务器请求的数据,为了优化体验,我们 ...@@ -43,13 +41,6 @@ dataSource 用于存储从服务器请求的数据,为了优化体验,我们
在实际开发中我们也经常会碰到一些设计问题,比如经典的按钮应该放在左面还是右面,查询表单怎么布局,日期怎么格式化,数字对齐问题,在重型组件中都进行了抽象。对于各种行为我们都经过了设计师的讨论与设计。默认好看并且好用。 在实际开发中我们也经常会碰到一些设计问题,比如经典的按钮应该放在左面还是右面,查询表单怎么布局,日期怎么格式化,数字对齐问题,在重型组件中都进行了抽象。对于各种行为我们都经过了设计师的讨论与设计。默认好看并且好用。
## 参与贡献
我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 :smiley::
- 在你的公司或个人项目中使用 Ant Design Pro,umi 和 ProComponents。
- 通过 [Issue](http://github.com/ant-design/pro-components/issues) 报告 bug 或进行咨询。
- 提交 [Pull Request](http://github.com/ant-design/pro-components/pulls) 改进 ProComponents 的代码。
### 脚手架概览 ### 脚手架概览
...@@ -117,7 +108,7 @@ dataSource 用于存储从服务器请求的数据,为了优化体验,我们 ...@@ -117,7 +108,7 @@ dataSource 用于存储从服务器请求的数据,为了优化体验,我们
### 一些约定 ### 一些约定
ProComponents 基于 antd 之上来开发,为了与 antd 的生态保持兼容性,我们要求覆盖 antd 的样式必须要使用 `.@{ant-prefix}` 变量来生成类名,在 js 中使用如下代码来配置实现。 wisdom-components 基于 antd 之上来开发,为了与 antd 的生态保持兼容性,我们要求覆盖 antd 的样式必须要使用 `.@{ant-prefix}` 变量来生成类名,在 js 中使用如下代码来配置实现。
```tsx | pure ```tsx | pure
const { getPrefixCls } = useContext(ConfigProvider.ConfigContext); const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
......
...@@ -6,7 +6,7 @@ const pkgList = readdirSync(join(__dirname, './packages')).filter((pkg) => pkg.c ...@@ -6,7 +6,7 @@ const pkgList = readdirSync(join(__dirname, './packages')).filter((pkg) => pkg.c
const moduleNameMapper = {}; const moduleNameMapper = {};
pkgList.forEach((shortName) => { pkgList.forEach((shortName) => {
const name = `@ant-design/pro-${shortName}`; const name = `@wisdom-components/pro-${shortName}`;
moduleNameMapper[name] = join(__dirname, `./packages/${shortName}/src`); moduleNameMapper[name] = join(__dirname, `./packages/${shortName}/src`);
}); });
......
{ {
"name": "@winsdom-components/pro-card", "name": "@wisdom-components/pro-card",
"version": "1.0.0-beta.2", "version": "1.0.0-beta.2",
"description": "@winsdom-components/pro-card", "description": "@wisdom-components/pro-card",
"module": "es/index.js", "module": "es/index.js",
"main": "lib/index.js", "main": "lib/index.js",
"types": "lib/index.d.ts", "types": "lib/index.d.ts",
...@@ -28,13 +28,11 @@ ...@@ -28,13 +28,11 @@
"ant-design-pro" "ant-design-pro"
], ],
"authors": [ "authors": [
"dengxiaofeng", "dengxiaofeng"
], ],
"license": "MIT", "license": "MIT",
"bugs": "http://github.com/umijs/plugins/issues", "bugs": "http://github.com/umijs/plugins/issues",
"homepage": "https://g.civnet.cn:8443/test/winsdom-components/tree/master/packages/card#readme", "homepage": "https://g.civnet.cn:8443/test/winsdom-components/tree/master/packages/card#readme",
"umi": "3.x"
},
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
} }
......
{ {
"name": "@winsdom-components/pro-card", "name": "@wisdom-components/pro-card",
"version": "1.0.0", "version": "1.0.0",
"description": "@winsdom-components/pro-card", "description": "@wisdom-components/pro-card",
"keywords": [ "keywords": [
"antd", "antd",
"admin", "admin",
"antd-design", "antd-design",
"winsdom-components" "wisdom-components"
], ],
"sideEffects": [ "sideEffects": [
"*.less" "*.less"
......
...@@ -9,7 +9,7 @@ const { yParser } = require('@umijs/utils'); ...@@ -9,7 +9,7 @@ const { yParser } = require('@umijs/utils');
const pkgs = readdirSync(join(__dirname, '../packages')).filter((pkg) => pkg.charAt(0) !== '.'); const pkgs = readdirSync(join(__dirname, '../packages')).filter((pkg) => pkg.charAt(0) !== '.');
pkgs.forEach((shortName) => { pkgs.forEach((shortName) => {
const name = `@winsdom-components/pro-${shortName}`; const name = `@wisdom-components/pro-${shortName}`;
const pkgJSONPath = join(__dirname, '..', 'packages', shortName, 'package.json'); const pkgJSONPath = join(__dirname, '..', 'packages', shortName, 'package.json');
const pkgJSONExists = existsSync(pkgJSONPath); const pkgJSONExists = existsSync(pkgJSONPath);
......
...@@ -20,7 +20,7 @@ tailPkgs.forEach((pkg) => { ...@@ -20,7 +20,7 @@ tailPkgs.forEach((pkg) => {
entry, entry,
output: { output: {
filename: '[name].js', filename: '[name].js',
library: `WinsDOM${pkg.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase())}`, library: `WisDOM${pkg.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase())}`,
libraryExport: 'default', libraryExport: 'default',
path: path.resolve(__dirname, 'packages', pkg, 'dist'), path: path.resolve(__dirname, 'packages', pkg, 'dist'),
globalObject: 'this' globalObject: 'this'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment