text: (window.webpackJsonp=window.webpackJsonp||[]).push([[11],{SCRT:function(e,n,t){"use strict";t.r(n),t.d(n,"_frontmatter",(function(){return p})),t.d(n,"default",(function(){return i}));t("5hJT"),t("W1QL"),t("K/PF"),t("t91x"),t("75LO"),t("PJhk"),t("mXGw");var a=t("/FXl"),b=t("TjRS");t("aD51");function r(){return(r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var p={};void 0!==p&&p&&p===Object(p)&&Object.isExtensible(p)&&!p.hasOwnProperty("__filemeta")&&Object.defineProperty(p,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"src/Start.mdx"}});var l={_frontmatter:p},c=b.a;function i(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,b={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(b[t]=e[t]);return b}(e,["components"]);return Object(a.b)(c,r({},l,t,{components:n,mdxType:"MDXLayout"}),Object(a.b)("blockquote",null,Object(a.b)("p",{parentName:"blockquote"},"Ant Plus 4.2.2:"),Object(a.b)("p",{parentName:"blockquote"},"◆ Form ",Object(a.b)("inlineCode",{parentName:"p"},"cols")," 属性，以最简便的方式设置表单布局",Object(a.b)("br",{parentName:"p"}),"\n","◆ Input ",Object(a.b)("inlineCode",{parentName:"p"},"floatingLabel")," 属性，即刻拥有 Material Design 风格输入框",Object(a.b)("br",{parentName:"p"}),"\n","◆ 适配项目 ",Object(a.b)("inlineCode",{parentName:"p"},"antd")," 自定义主题配置",Object(a.b)("br",{parentName:"p"}),"\n","◆ 移除 Button 组件（请从 ",Object(a.b)("inlineCode",{parentName:"p"},"antd")," 引入）")),Object(a.b)("h1",{id:"开始"},"开始"),Object(a.b)("h2",{id:"介绍"},"介绍"),Object(a.b)("p",null,"Ant Plus 是 Ant Design 表单系统的简化版，提供了全新的表单开发方式。"),Object(a.b)("p",null,"若需了解 Ant Plus 核心开发方式，请查看 ",Object(a.b)("a",r({parentName:"p"},{href:"https://nanxiaobei.github.io/ant-plus/usage"}),"使用"),"。组件页面为组件使用示例、以及组件的简化版 Props。"),Object(a.b)("p",null,"Ant Plus 提供了 7 个表单相关组件的封装：",Object(a.b)("inlineCode",{parentName:"p"},"Form")," ",Object(a.b)("inlineCode",{parentName:"p"},"Input")," ",Object(a.b)("inlineCode",{parentName:"p"},"AutoComplete")," ",Object(a.b)("inlineCode",{parentName:"p"},"Select")," ",Object(a.b)("inlineCode",{parentName:"p"},"Transfer")," ",Object(a.b)("inlineCode",{parentName:"p"},"Cascader")," ",Object(a.b)("inlineCode",{parentName:"p"},"TreeSelect"),"，此 7 个组件，可直接从 ",Object(a.b)("inlineCode",{parentName:"p"},"antx")," 中引入。其它 Ant Design 组件，仍需从 ",Object(a.b)("inlineCode",{parentName:"p"},"antd")," 中引入。"),Object(a.b)("p",null,"Ant Plus 以渐进增强的理念实现，从 ",Object(a.b)("inlineCode",{parentName:"p"},"antx")," 引入的组件，可完全当做 ",Object(a.b)("inlineCode",{parentName:"p"},"antd")," 中的组件来使用，不会有任何限制。"),Object(a.b)("h2",{id:"安装"},"安装"),Object(a.b)("p",null,"使用 Yarn（推荐）："),Object(a.b)("pre",null,Object(a.b)("code",r({parentName:"pre"},{className:"language-sh"}),"yarn add antx\n")),Object(a.b)("p",null,"或者 npm："),Object(a.b)("pre",null,Object(a.b)("code",r({parentName:"pre"},{className:"language-sh"}),"npm install antx\n")),Object(a.b)("h2",{id:"引入"},"引入"),Object(a.b)("pre",null,Object(a.b)("code",r({parentName:"pre"},{className:"language-js"}),"import { Form, Input } from 'antx';\nimport { Row, Col, Switch } from 'antd'; // 非 Ant Plus 组件从 `antd` 引入\n")))}void 0!==i&&i&&i===Object(i)&&Object.isExtensible(i)&&!i.hasOwnProperty("__filemeta")&&Object.defineProperty(i,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"src/Start.mdx"}}),i.isMDXComponent=!0}}]);
  //# sourceMappingURL=component---src-start-mdx-e99389a150c8bf4ed0f0.js.map