Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
W
wisdom-components
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
ReactWeb5
wisdom-components
Commits
2f787c9d
Commit
2f787c9d
authored
Oct 22, 2020
by
dengxiaofeng
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix keyword
parent
0703d461
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
16 additions
and
28 deletions
+16
-28
.umirc.js
.umirc.js
+2
-2
getting-started.md
docs/getting-started.md
+1
-1
index.md
docs/index.md
+2
-3
intro.md
docs/intro.md
+2
-11
jest.config.js
jest.config.js
+1
-1
package.json
packages/card/package.json
+3
-5
package.json
packages/card/src/package.json
+3
-3
bootstrap.js
scripts/bootstrap.js
+1
-1
webpack.config.js
webpack.config.js
+1
-1
No files found.
.umirc.js
View file @
2f787c9d
...
@@ -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
[
`@wi
n
sdom-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
:
'wi
n
sdom-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
:
[
...
...
docs/getting-started.md
View file @
2f787c9d
...
@@ -10,7 +10,7 @@ nav:
...
@@ -10,7 +10,7 @@ nav:
## 安装
## 安装
当前 wi
n
sdom-components 每一个组件都是一个独立的包,你需要在你的项目中安装对应的 npm 包并使用。
当前 wisdom-components 每一个组件都是一个独立的包,你需要在你的项目中安装对应的 npm 包并使用。
docs/index.md
View file @
2f787c9d
---
---
title
:
介绍 - Wi
n
sDOM-Components
title
:
介绍 - WisDOM-Components
order
:
10
order
:
10
sidebar
:
false
sidebar
:
false
hero
:
hero
:
title
:
Wi
n
sDOM-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:
| 组件 | 下载量 | 版本 |
| 组件 | 下载量 | 版本 |
| --- | --- | --- |
| --- | --- | --- |
## 🖥 浏览器兼容性
docs/intro.md
View file @
2f787c9d
...
@@ -9,12 +9,10 @@ nav:
...
@@ -9,12 +9,10 @@ nav:
path
:
/docs
path
:
/docs
---
---
##
ProC
omponents 的理念
##
wisdom-c
omponents 的理念
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 用于存储从服务器请求的数据,为了优化体验,我们
### 一些约定
### 一些约定
ProC
omponents 基于 antd 之上来开发,为了与 antd 的生态保持兼容性,我们要求覆盖 antd 的样式必须要使用
`.@{ant-prefix}`
变量来生成类名,在 js 中使用如下代码来配置实现。
wisdom-c
omponents 基于 antd 之上来开发,为了与 antd 的生态保持兼容性,我们要求覆盖 antd 的样式必须要使用
`.@{ant-prefix}`
变量来生成类名,在 js 中使用如下代码来配置实现。
```
tsx | pure
```
tsx | pure
const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
...
...
jest.config.js
View file @
2f787c9d
...
@@ -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`
);
});
});
...
...
packages/card/package.json
View file @
2f787c9d
{
{
"name"
:
"@wi
n
sdom-components/pro-card"
,
"name"
:
"@wisdom-components/pro-card"
,
"version"
:
"1.0.0-beta.2"
,
"version"
:
"1.0.0-beta.2"
,
"description"
:
"@wi
n
sdom-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"
}
}
...
...
packages/card/src/package.json
View file @
2f787c9d
{
{
"name"
:
"@wi
n
sdom-components/pro-card"
,
"name"
:
"@wisdom-components/pro-card"
,
"version"
:
"1.0.0"
,
"version"
:
"1.0.0"
,
"description"
:
"@wi
n
sdom-components/pro-card"
,
"description"
:
"@wisdom-components/pro-card"
,
"keywords"
:
[
"keywords"
:
[
"antd"
,
"antd"
,
"admin"
,
"admin"
,
"antd-design"
,
"antd-design"
,
"wi
n
sdom-components"
"wisdom-components"
],
],
"sideEffects"
:
[
"sideEffects"
:
[
"*.less"
"*.less"
...
...
scripts/bootstrap.js
View file @
2f787c9d
...
@@ -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
=
`@wi
n
sdom-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
);
...
...
webpack.config.js
View file @
2f787c9d
...
@@ -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
:
`Wi
n
sDOM
${
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'
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment