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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzMjYxNDIsIm5iZiI6MTcyMTMyNTg0MiwicGF0aCI6Ii8zMjAwNDkyNS8zMzY3NjgyODUtYzc2ODY4Y2YtNjJkMS00NGY4LWJkMDYtYThiNDYxY2YxN2Q3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE4VDE4MDQwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI1MTZmZmE2ZDliODFlMWU5ZjUwMmM2YTA4MmRhNjk1ZTk0MjEyNzk3MTgzNGJmMDI3MGNkMTE3MTYzZGI2Y2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bzFgWGzk__gWq2C-Xjyrm11FE_4Mw6bI3NgQDrJ1RkY)
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)
- 图片预览下,ant-image-preview-footer 非操作栏区域点击不能关闭预览
- InputNumber组件无法输入Infinity,Infinity应作为number类型允许被输入 HOT 5
- Provide FullScreen Modal Model HOT 1
- 希望 <Select /> 选择器能够支持滚动加载 HOT 2
- antd datepicker and timepicker broken changes when migration from v4 to v5 HOT 1
- 使用Menu组件报Warning: findDOMNode is deprecated错误 HOT 3
- The second parameter of the onChange function is incorrect when the RangePicker is clicked to clear HOT 3
- Tour 在考虑 prefix 的情况下, 如何修改样式(如宽度)?
- Can't change pagination item background color with custom theme HOT 1
- Style folder for components HOT 3
- Make autoSize consistent between Input.TextArea and Mentions components
- AutoFocus does not work on an input HOT 2
- Select 多选模式长按回车会不断执行 onChange HOT 5
- 不要固定cardPaddingSM,有变更需求 HOT 1
- UploadDragger in sperate component and use in Form with scrollToFirstError not scroll HOT 2
- Select displaying option value with reduced spaces HOT 4
- Tabs flicker if browser zoom level is set to 90% HOT 1
- DatePicker - Incorrect Display of Dates in Turkish Date Format HOT 3
- Select组件在options变化时,会自动执行onChange事件返回的不正确的values HOT 2
- Select组件在options变化时,会自动执行onChange事件返回的不正确的values HOT 2
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.