antdpro / antdp Goto Github PK

View Code? Open in Web Editor NEW

19.0 3.0 18.0 397.15 MB

一个基于 antd 和 umi 的初始级别项目，集成路由、dva(Redux)、选项卡等特性，用于简化 antd 5.x + 的部分使用。

Home Page: https://antdpro.github.io/antdp

License: MIT License

JavaScript 1.30% CSS 3.32% TypeScript 95.38%

antd antd-design umi reactjs react-router antdp

antdp's Introduction

Ant Design Project

一个基于 antd 和 umi 的初始级别项目，集成路由、dva(Redux)、选项卡等特性，用于简化 antd 5.x + 的部分使用。

Features

🪖 简化 antd 5.x + 和 umi 框架配置使用；
📦 减少项目配置和依赖，将配置集成到包中开箱即用；
🐝 更简单直观的配置权限和更改 Layout；
💋 支持配置路由参数 /router/:id；
🤡 支持 tab 选项卡功能。

创建ts项目

使用 create-antdp 工具，将示例 basic 初始化，让我们快速创建这个 React 应用程序：

# npm 6.x ts版本
$ npm init antdp my-app --example basic
# npm 7+,ts版本 extra double-dash is needed:
$ npm init antdp my-app -- --example basic

$ yarn create antdp [appName]
# or npm
$ npm create antdp my-app
# or npx
$ npx create-antdp my-app

或者直接下载版本: basic.zip

创建js项目

# npm 6.x
$ npm init antdp my-app --example basicjs
# npm 7+，extra double-dash is needed:
$ npm init antdp my-app -- --example basicjs

$ yarn create antdp [appName] -- --example basicjs
# or npm
$ npm create antdp my-app -- --example basicjs
# or npx
$ npx create-antdp my-app -- --example basicjs

或者直接下载版本: basicjs.zip

在CodeSandbox中打开，查看实例

用户名密码： admin/admin

你可以也直接下载实例下载本地预览: antdp-base.zip

启动项目

cd [appName]
yarn install
yarn start

目录结构

├── config
│   ├── config.js
│   ├── proxy.js
│   └── router.json
├── mock
│   ├── load.js
│   └── user.js
├── package.json
└── src
    ├── components
    ├── layouts
    ├── locales
    ├── models
    ├── pages
    ├── services
    └── utils

Package	Version	Description
`@antdp/authorized`		-
`@antdp/basic-layouts`		-
`@antdp/antdp-ui`		-
`@antdp/document-title`		-
`@antdp/fullscreen`		-
`@antdp/user-login`		-
`@antdp/layout-tabs`		-
`@antdp/config`		-
`@antdp/dependencies`		-
~~`@antdp/icons`~~		-
`@antdp/page-loading`		-

参与框架开发

git clone https://github.com/antdpro/antdp.git

npm install               # 安装项目依赖
npm run build             # 实时监听包输出 JS
npm run start:website     # 运行文档网站
npm run start:antdp-base  # 运行实例

发布版本

npm run version -- patch # 配置的命令快捷方式，与下面命令效果相同
lerna version --no-changelog patch

发布版本可选参数，通过该关键字增加版本。

lerna version [major | minor | patch | premajor | preminor | prepatch | prerelease]

major - 重大的 1.1.1 => 2.0.0
minor - 小调 1.1.1 => 1.2.0 中间版本变化
patch - 补丁 1.1.1 => 1.1.2 小版本递增
premajor - 预发布重大的 1.1.1 => 2.0.0-alpha.0
preminor - 预发布小调 1.1.1 => 1.2.0-alpha.0
prepatch - 预发布补丁 1.1.1 => 1.1.2-alpha.0
prerelease - 预发行 1.1.1 => 1.1.2-alpha.0

License

Licensed under the MIT License.

antdp's People

Contributors

Stargazers

Watchers

Forkers

sunlxy wj0990 star-hamster matuancc chenlingasmx dibenny amber-nan codeyu001 zhaotianxiang whyzsm uiwjs huqiaoli rulishu panbibi huyi0916 hy916

antdp's Issues

初始化js项目，有tsconfig.json文件

命令

npm init antdp my-app -- --example basicjs

加一下这个标题侧边栏

readme 里的这个图跟实际上项目实例预览不一样

如何处理更多路由，比如动态路由，嵌套路由，权限路由等？缺少相关文档跟实例

组件菜单组件名错误

basic-layouts冲menu和header样式

参考procomponent

 <ProLayout
      token={{
        colorBgAppListIconHover: 'rgba(0,0,0,0.06)',
        colorTextAppListIconHover: 'rgba(255,255,255,0.95)',
        colorTextAppListIcon: 'rgba(255,255,255,0.85)',
        sider: {
          colorBgCollapsedButton: '#fff',
          colorTextCollapsedButtonHover: 'rgba(0,0,0,0.65)',
          colorTextCollapsedButton: 'rgba(0,0,0,0.45)',
          colorMenuBackground: '#004FD9',
          colorBgMenuItemCollapsedElevated: 'rgba(0,0,0,0.85)',
          colorMenuItemDivider: 'rgba(255,255,255,0.15)',
          colorBgMenuItemHover: 'rgba(0,0,0,0.06)',
          colorBgMenuItemSelected: 'rgba(0,0,0,0.15)',
          colorTextMenuSelected: '#fff',
          colorTextMenuItemHover: 'rgba(255,255,255,0.75)',
          colorTextMenu: 'rgba(255,255,255,0.75)',
          colorTextMenuSecondary: 'rgba(255,255,255,0.65)',
          colorTextMenuTitle: 'rgba(255,255,255,0.95)',
          colorTextMenuActive: 'rgba(255,255,255,0.95)',
          colorTextSubMenuSelected: '#fff',
        },
      }}
   />

开发清单

antd App包裹组件 message提示报错

Steps to reproduce

message提示报错

What is expected?

message提示报错

What is actually happening?

message提示报错

Environment	Info
@antdp/config	2.0.17
React	18.x
System	macOS 13.0 (22A8380)
Browser	Chrome Version 114.0.5735.110 (64-bit)

Inline JavaScript is not enabled. Is it set in your options

ant-design/ant-motion#44

> @example/[email protected] build /home/runner/work/antdp/antdp/examples/website
> kkt build

Creating an optimized production build...
Failed to compile.

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
      Error in /home/runner/work/antdp/antdp/node_modules/antd/lib/style/color/bezierEasing.less (line 110, column 0)

https://github.com/antdpro/antdp/runs/4709998226?check_suite_focus=true

layout-tabs 切换tabs的时候不再重新刷新页面

测试清单

#244

basic-layouts 刷新页面后保持原有展开菜单

首页样式问题

没有居中对齐

测试文档

测试清单

#246

antdp-base 页面实例弹窗数据清空了

点击明暗主题后点新增弹窗里的数据清空了

basic-layouts Image

BasicLayout 组件问题

退出登陆logout() 是api 还方法，方法跳转的话是用什么跳转，是api的话下面没写，引用的话是从哪里引用的

文档不够详细，api 设计有问题

优化组件文档，文档对 api 的介绍太简单，比如 `columns: 列`，api 不要用单词缩，缺少文档比如`optconfig`，api 很多但是例子不够多。

api 风格不够统一，比如这个

其他事件都没有on前缀，onDelete有。
这些问题其他组件也是类似问题，需要核查修改。

❗❗❗ ❗❗❗注意修改 api 的时候要兼容老的，文档上说明，以及哪个版本取消老 api

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	`@types/classnames`

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

fix(deps): update dependency react-frame-component to v5.2.7
chore(deps): update react monorepo to ~18.3.0 (@types/react, @types/react-dom)
fix(deps): update dependency @ant-design/icons to ~5.4.0
fix(deps): update dependency ahooks to ~3.8.0
chore(deps): update peaceiris/actions-gh-pages action to v4
fix(deps): update dependency lerna to v8
fix(deps): update dependency rc-field-form to v2
🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions

.github/workflows/ci.yml

actions/checkout v4

actions/setup-node v4

peaceiris/actions-gh-pages v3

.github/workflows/dev.yml

actions/checkout v4

actions/setup-node v4

peaceiris/actions-gh-pages v3

npm

package.json

compile-less-cli 1.9.1

husky ^9.0.11

jest-environment-jsdom 29.5.0

lerna ^7.0.0

lint-staged ~15.2.0

prettier 3.0.3

tsbb ^4.1.0

recursive-readdir-files 2.3.1

@babel/core ~7.21.3

@babel/preset-typescript ~7.21.0

react-dom ^18.2.0

react ^18.2.0

react-refresh ^0.14.0

antd 5.6.1

react-dom ^18.2.0

react ^18.2.0

react-refresh ^0.14.0

antd 5.6.1

packages/antdp-edit-table/package.json

@babel/runtime ~7.20.1

rc-field-form ~1.44.0

@types/react ~18.2.0

@types/react-dom ~18.2.0

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

antd >=4.16.13

react >=17.x

react-dom >=17.x

packages/antdp-fuzzy-query/package.json

@babel/runtime ~7.20.1

lodash 4.17.21

@types/lodash ~4.14.181

@types/react ~18.2.0

@types/react-dom ~18.2.0

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

antd >=4.16.13

react >=17.x

react-dom >=17.x

packages/antdp-ui/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

classnames 2.3.2

immutability-helper ^3.1.1

react-dnd ^16.0.1

react-dnd-html5-backend ^16.0.1

@types/classnames 2.3.1

@types/react ~18.2.0

@types/react-dom ~18.2.0

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

antd >=4.3.0

prop-types >=15.7.2

react >=16.9.0

react-dom >=16.9.0

packages/antdp/package.json

packages/authorized/package.json

@umijs/max ~4.0.47

react ^18.2.0

react-dom ^18.2.0

react-router ~6.11.0

react-router-dom ~6.11.0

react >=16.7.0

react-dom >=16.7.0

packages/basic-layouts/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

@umijs/max ~4.0.47

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

react-intl ~6.4.0

react-router ~6.11.0

react-router-dom ~6.11.0

antd >=4.x

prop-types >=15.7.2

react >=16.7.0

react-dom >=16.7.0

packages/config/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

@umijs/max ~4.0.47

umi-plugin-antd-icon-config 3.0.1

webpack 5.89.0

packages/dependencies/package.json

@babel/runtime ~7.20.1

react ^18.2.0

react-dom ^18.2.0

packages/document-title/package.json

@babel/runtime ~7.20.1

react ^18.2.0

react-dom ^18.2.0

react >=16.7.0

react-dom >=16.7.0

packages/fullscreen/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

react ^18.2.0

react-dom ^18.2.0

react >=16.7.0

react-dom >=16.7.0

packages/hooks/package.json

@babel/runtime ~7.20.1

ahooks ~3.7.2

@umijs/max ~4.0.47

react ^18.2.0

react-dom ^18.2.0

react >=16.7.0

react-dom >=16.7.0

packages/icons/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

packages/layout-tabs/package.json

@babel/runtime ~7.20.1

react-frame-component 5.2.6

@umijs/max ~4.0.47

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

react-router ~6.11.0

react-router-dom ~6.11.0

prop-types >=15.7.2

react >=16.7.0

react-dom >=16.7.0

packages/page-loading/package.json

@babel/runtime ~7.20.1

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

antd >=4.x

react >=16.7.0

react-dom >=16.7.0

packages/request/package.json

@babel/runtime ~7.20.1

umi-request 1.4.0

react ^18.2.0

react-dom ^18.2.0

react >=16.7.0

react-dom >=16.7.0

packages/user-login/package.json

@ant-design/icons ~5.3.5

@babel/runtime ~7.20.1

@types/react ~18.2.0

@types/react-dom ~18.2.0

antd 5.6.1

react ^18.2.0

react-dom ^18.2.0

antd >=4.x

prop-types >=15.7.2

react >=16.7.0

react-dom >=16.7.0

Check this box to trigger a request for Renovate to run again on this repository

basic-layouts增加预览

文档里的kktp，跟项目有什么关系，没有看见相关介绍，只有一个跳转链接，看项目依赖并没有用到这个库

https://antdpro.github.io/antdp/#/docs/config

yarn install 项目报错，提示node版本号不对，文档没及时更新依赖说明

当前node版本 v16.13.1

error [email protected]: The engine "node" is incompatible with this module. Expected version "^14.18.0 || ^16.14.0 || >=18.0.0". Got "16.13.1"
error Found incompatible module.

https://antdpro.github.io/antdp/#/docs/quick-start
文档有问题，没说明具体需要哪个版本的node，只是笼统的说了下需要 14、16、18以上的版本。

这里的16.10.0按理说也不能install成功

这边加下组件中文标题

@antdp/authorized新增localStorage配置

@antdp/authorized默认是获取sessionStorage的authMenu来匹配权限，我现在遇到的问题是后台开发中如果我重新打开一个标签打开页面的话就会停留在登录页，但我的业务需求是需要从新的标签打开，望兼容localStorage。
第二个问题从"@antdp/basic-layouts": "2.0.16之后"组件的index.css没有经过编译，样式在safari中不生效

tab栏菜单切换会触发页面重新渲染，导致页面调的接口又重新调了一遍

FuzzyQuery 模糊查询 demo有问题

直接输入这个框没有列表加载出来

2. 有列表了没有没有筛选数据

antdp不支持动态路由

路由配置如下

      {
            "path":"/order/orderDetail/:id",
            "name": "订单详情",
            "component": "@/pages/order/orderDetail/$detail.jsx",
            "hideInMenu": true
       }

跳转代码如下

 history.push(`/order/orderDetail/${12}`);

结果：404页面不存在。用umi创建的项目不会出现这个问题

config在没有配置ANTD_AUTH_CONF权限时，一直跳往403页面

Steps to reproduce

config在没有配置ANTD_AUTH_CONF权限

What is expected?

一直跳往403页面

What is actually happening?

一直跳往403页面

Environment	Info
@antdp/config	2.0.17
React	18.x
System	macOS 13.0 (22A8380)
Browser	Chrome Version 114.0.5735.110 (64-bit)

在 SandBox 实例预览报错处理

can't run yarn: Could not write file "/sandbox/yarn-error.log": "ENOSPC: no space left on device, write

codesandbox/codesandbox-client#5646

antdpro / antdp Goto Github PK

antdp's Introduction

Ant Design Project

Features

创建ts项目

创建js项目

在CodeSandbox中打开，查看实例

启动项目

目录结构

相关依赖

参与框架开发

发布版本

License

antdp's People

Contributors

Stargazers

Watchers

Forkers

antdp's Issues

开发清单

Steps to reproduce

What is expected?

What is actually happening?

测试清单

测试清单

Rate-Limited

Open

Detected dependencies

Steps to reproduce

What is expected?

What is actually happening?

Recommend Projects

Recommend Topics

Recommend Org