Comments (4)
或者是其他的方案, 官网文档只是5.xx版本. 但5.1和5.18版本总会有些许区别, 只看最新文档误导人
from ant-design.
![image](https://private-user-images.githubusercontent.com/32004925/336768285-c76868cf-62d1-44f8-bd06-a8b461cf17d7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwODI1ODMsIm5iZiI6MTcxOTA4MjI4MywicGF0aCI6Ii8zMjAwNDkyNS8zMzY3NjgyODUtYzc2ODY4Y2YtNjJkMS00NGY4LWJkMDYtYThiNDYxY2YxN2Q3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDE4NTEyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc5MTcxNzE3ZGQwZWM4NTkxYWExNWJiMmNiZDQzNTFjMTk0NmJjYTMxNDFhZmMyYzNjZmYyNjkzMTAxNWJiZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5SSfPxBuflOeb2lOwINbm_Cr0IGMArP8aqrVV7_QC0U)
from ant-design.
antd 从 v3 起已经原生支持 typescript 了,不需要额外安装 @types/antd
哈~
from ant-design.
@zombieJ @Wxh16144
感谢, 是我提错地方了
还有个问题, 麻烦解答一下, 后面为问题描述, 不知道/不回复也没事 提前感谢,
问题: umijs 和 ant-design-pro 是否也原生支持了ts?
ahooks 经我确认和ant-design-pro特有的组件现象类似, 也就是不原生支持ts吧.
我司都是Javaer, 主程使用umijs max 生成的前端项目, 里面用到了ant-design-pro, 这是为了说明我们不精通前端, 且项目封装的很深.
import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
<ModalForm<API.InstanceRemarkParam>
title="修改备注"
trigger={<EditTwoTone />}
modalProps={{ destroyOnClose: true }}
onFinish={onFinish}
>
<ProFormTextArea
allowClear
name={'remark'}
initialValue={props.remark}
></ProFormTextArea>
</ModalForm>
从ModalForm点进去, 有注释, 说明直接用的antd吧
/**
* 接收任意值,返回 真值 会关掉这个抽屉
*
* @name 表单结束后调用
*
* @example 结束后关闭抽屉
* onFinish: async ()=> {await save(); return true}
*
* @example 结束后不关闭抽屉
* onFinish: async ()=> {await save(); return false}
*/
onFinish?: (formData: T) => Promise<any>;
/** @name 提交数据时,禁用取消按钮的超时时间(毫秒)。 */
submitTimeout?: number;
从ProFormTextArea点进去无注释
import type { TextAreaProps } from 'antd/lib/input';
import type { TextAreaRef } from 'antd/lib/input/TextArea';
import React from 'react';
declare const _default: React.ForwardRefExoticComponent<{
fieldProps?: Partial<import("../../typing").FieldProps<TextAreaRef> & TextAreaProps> | undefined;
placeholder?: string | string[] | undefined;
secondary?: boolean | undefined;
cacheForSwr?: boolean | undefined;
disabled?: boolean | undefined;
width?: number | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
proFieldProps?: import("../../../../utils/src").ProFieldProps | undefined;
footerRender?: import("../../typing").LightFilterFooterRender | undefined;
children?: any;
} & Omit<import("..").ProFormItemProps, "valueType"> & Pick<import("../../typing").ProFormGridConfig, "colProps"> & import("../../typing").ExtendsProps & React.RefAttributes<any>>;
export default _default;
另外proform这样
import type { CommonFormProps } from '../../BaseForm';
export type ProFormProps<T = Record<string, any>, U = Record<string, any>> = Omit<FormProps<T>, 'onFinish'> & CommonFormProps<T, U>;
declare function ProForm<T = Record<string, any>>(props: ProFormProps<T> & {
children?: React.ReactNode | React.ReactNode[];
}): import("react/jsx-runtime").JSX.Element;
declare namespace ProForm {
var Group: React.FC<import("../..").GroupProps>;
var useForm: typeof import("antd/es/form/Form").useForm;
var Item: React.FC<import("../../components").ProFormItemProps>;
var useWatch: typeof import("rc-field-form/es/useWatch").default;
var ErrorList: React.FC<import("antd/es/form").ErrorListProps>;
var Provider: React.FC<import("antd/es/form/context").FormProviderProps>;
var useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
var EditOrReadOnlyContext: React.Context<{
mode: "read" | "edit" | "update";
}>;
}
export { ProForm };
from ant-design.
Related Issues (20)
- aria-required does not match the role of form items HOT 2
- Calendar opens several time if there is no need to confirm HOT 3
- 希望支持全局配置形态变体(variant) HOT 6
- Image自定义预览内容后工具栏不起作用 HOT 10
- Expansion items cannot be scrolled after table columns are fixed. 表格列固定后,扩展项无法滚动 HOT 2
- 希望能出一个Remixjs基于vite最新构建的antd5 ssr渲染的Demo? HOT 1
- antd5不支持Remix vite ssr渲染 HOT 9
- 官网 breadcrumb 部分demo加载失败 bug HOT 8
- Neutral Color Palette missing HOT 1
- Three way switch or switches with dynamic number of values HOT 3
- <StyleProvider layer /> messageApi.success() 等提示的图标颜色被覆盖 HOT 2
- Problem with hiding options and showing `notFoundContent` in Select "tags" mode
- [Input]chrome浏览器上微软中文输入法输入123,4会自动变成123,44被多加了一位(可能是对value格式化引起的) HOT 3
- rc-virtual-list horizontal scroll bug, very fast scrolling HOT 1
- 自定义全局组件的 Empty 样式后,Table的过滤面板没生效 HOT 6
- Badge has insufficient color contrast HOT 3
- 使用谷歌浏览器的插件DARK READER的暗黑模式,ant-design的网站会报错打不开 HOT 2
- Incorrect decimal formatting/parsing in InputNumber component HOT 3
- Table组件的中当数据源中存在BigInt数据类型时,无法渲染此类型的Bug HOT 7
- Modal Close Button aria-label Not Correctly Translated for "de" Locale HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ant-design.