@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-1

package/web/static/js/6680.e7d9f942.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6680.e7d9f942.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAG,EACfC,KAAM,CAAC,EACPC,OAAQ,wt6B","sources":["routes/extensions/README.md"],"sourcesContent":["\nexport default {\n    components: {  },\n    data: {},\n    source: \"扩展\\n===\\n\\n在开发产品过程中我们积累了一些工具和扩展，部分基于 uiw 组件库扩展，还有一些完全不依赖组件库，这些组件库并**不包含在** [@uiw](https://github.com/uiwjs/uiw) 组件库中，你可以根据需求选择安装使用。\\n\\n名称 | 版本 | 依赖 | 预览 | 描述\\n---- | ---- | ---- | ---- | ----\\n[@uiw/reset.css](https://github.com/uiwjs/reset-css) | [![](https://img.shields.io/npm/v/@uiw/reset.css.svg)](https://www.npmjs.com/package/@uiw/reset.css) | - | - | 一个微小的现代 CSS 重置。\\n[@uiw/copy-to-clipboard](https://github.com/uiwjs/copy-to-clipboard) | [![](https://img.shields.io/npm/v/@uiw/copy-to-clipboard.svg)](https://www.npmjs.com/package/@uiw/copy-to-clipboard) | - | - | 在现代浏览器中将文本复制到剪贴板。\\n[@uiw/react-md-editor](https://github.com/uiwjs/react-md-editor) | [![](https://img.shields.io/npm/v/@uiw/react-md-editor.svg)](https://www.npmjs.com/package/@uiw/react-md-editor) | - | [demo](https://uiwjs.github.io/react-md-editor/) | 一个简单的带有预览的 Markdown 编辑器，使用 React 和 TypeScript 实现。\\n[@uiw/react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor) | [![](https://img.shields.io/npm/v/@uiw/react-monacoeditor.svg)](https://www.npmjs.com/package/@uiw/react-monacoeditor) | - | [demo](https://jaywcjlove.github.io/react-monacoeditor/) | 基于 React [**@monaco-editor**](https://github.com/Microsoft/monaco-editor) 代码编辑器组件。\\n[@uiw/react-prismjs](https://github.com/uiwjs/react-prismjs) | [![](https://img.shields.io/npm/v/@uiw/react-prismjs.svg)](https://www.npmjs.com/package/@uiw/react-prismjs) | - | [demo](https://uiwjs.github.io/react-prismjs/) | React Component for prismjs.\\n[@uiw/react-markdown-editor](https://github.com/uiwjs/react-markdown-editor) | [![](https://img.shields.io/npm/v/@uiw/react-markdown-editor.svg)](https://www.npmjs.com/package/@uiw/react-markdown-editor) | - | [demo](https://uiwjs.github.io/react-markdown-editor/) | 一个带有预览的 Markdown 编辑器，由 React.js 和 TypeScript 基于 [**@CodeMirror**](https://github.com/codemirror) 实现。\\n[@uiw/react-textarea-code-editor](https://github.com/uiwjs/react-textarea-code-editor) | [![](https://img.shields.io/npm/v/@uiw/react-textarea-code-editor.svg)](https://www.npmjs.com/package/@uiw/react-textarea-code-editor) | - | [demo](https://uiwjs.github.io/react-textarea-code-editor/) | 带有语法高亮的简单代码编辑器。\\n[@uiw/react-code-preview](https://github.com/uiwjs/react-code-preview) | [![](https://img.shields.io/npm/v/@uiw/react-code-preview.svg)](https://www.npmjs.com/package/@uiw/react-code-preview) | [**@uiw/react-split**](https://github.com/uiwjs/react-split) | [demo](https://uiwjs.github.io/react-code-preview/) | React 的 Markdown 预览，集成代码高亮。\\n[@uiw/react-markdown-preview](https://github.com/uiwjs/react-markdown-preview) | [![](https://img.shields.io/npm/v/@uiw/react-markdown-preview.svg)](https://www.npmjs.com/package/@uiw/react-markdown-preview) | - | [demo](https://uiwjs.github.io/react-markdown-preview/) | React 的代码编辑实时预览。\\n[@uiw/react-codemirror](https://github.com/uiwjs/react-codemirror) | [![](https://img.shields.io/npm/v/@uiw/react-codemirror.svg)](https://www.npmjs.com/package/@uiw/react-codemirror) | - | [demo](https://uiwjs.github.io/react-codemirror/) | 基于 React 的 [**@CodeMirror**](https://github.com/codemirror) 组件。\\n[@uiw/react-baidu-map](https://github.com/uiwjs/react-baidu-map) | [![](https://img.shields.io/npm/v/@uiw/react-baidu-map.svg)](https://www.npmjs.com/package/@uiw/react-baidu-map) | - | [demo](https://uiwjs.github.io/react-baidu-map/) | 一个基于 React 封装的百度地图组件，帮助你轻松的接入地图到 React 项目中。\\n[@uiw/react-amap](https://github.com/uiwjs/react-amap) | [![](https://img.shields.io/npm/v/@uiw/react-amap.svg)](https://www.npmjs.com/package/@uiw/react-amap) | - | [demo](https://uiwjs.github.io/react-amap/) | 基于 React 封装的高德地图组件，帮助你轻松的接入地图到 React 项目中。\\n[@uiw/react-clock](https://github.com/uiwjs/react-clock) | [![](https://img.shields.io/npm/v/@uiw/react-clock.svg)](https://www.npmjs.com/package/@uiw/react-clock) | - | [demo](https://uiwjs.github.io/react-clock/) | 基于 React 封装的始终组件。\\n[@uiw/react-heat-map](https://github.com/uiwjs/react-heat-map) | [![](https://img.shields.io/npm/v/@uiw/react-heat-map.svg)](https://www.npmjs.com/package/@uiw/react-heat-map) | - | [demo](https://uiwjs.github.io/react-heat-map/) | HeatMap 日历热图。\\n[@uiw/react-mac-keyboard](https://github.com/uiwjs/react-mac-keyboard) | [![](https://img.shields.io/npm/v/@uiw/react-mac-keyboard.svg)](https://www.npmjs.com/package/@uiw/react-mac-keyboard) | - | [demo](https://uiwjs.github.io/react-mac-keyboard/) | Macbook 键盘样式组件。\\n[@uiw/icons](https://github.com/uiwjs/icons) | [![](https://img.shields.io/npm/v/@uiw/icons.svg)](https://www.npmjs.com/package/@uiw/icons) | - | [demo](https://uiwjs.github.io/icons/) | 组件库内部集成的高级图标字体。\\n[@uiw/file-icons](https://github.com/uiwjs/file-icons) | [![](https://img.shields.io/npm/v/@uiw/file-icons.svg)](https://www.npmjs.com/package/@uiw/file-icons) | - | [demo](https://uiwjs.github.io/file-icons/) | 文件树中的文件图标字体。\\n[@uiw/bootstrap-icons](https://github.com/uiwjs/bootstrap-icons) | [![](https://img.shields.io/npm/v/@uiw/bootstrap-icons.svg)](https://www.npmjs.com/package/@uiw/bootstrap-icons) | - | [demo](https://uiwjs.github.io/bootstrap-icons/) | 基于 Bootstrap 官方使用的图标生成的图标字体。\\n[@uiw/react-github-corners](https://github.com/uiwjs/react-github-corners) | [![](https://img.shields.io/npm/v/@uiw/react-github-corners.svg)](https://www.npmjs.com/package/@uiw/react-github-corners) | - | [demo](https://uiwjs.github.io/react-github-corners/) | GitHub Corners for React.\\n[@uiw/react-codesandbox](https://github.com/uiwjs/react-codesandbox) | [![](https://img.shields.io/npm/v/@uiw/react-codesandbox.svg)](https://www.npmjs.com/package/@uiw/react-codesandbox) | - | [demo](https://uiwjs.github.io/react-codesandbox/) | A React component is provided that allows you to programmatically generate [codesandbox](https://codesandbox.io/) projects from code samples on the fly.\\n[@uiw/react-codepen](https://github.com/uiwjs/react-codepen) | [![](https://img.shields.io/npm/v/@uiw/react-codepen.svg)](https://www.npmjs.com/package/@uiw/react-codepen) | - | [demo](https://uiwjs.github.io/react-codepen/) | A React component is provided that allows you to programmatically generate [codepen](https://codepen.io/) projects from code samples on the fly.\\n[@uiw/react-stackblitz](https://github.com/uiwjs/react-stackblitz) | [![](https://img.shields.io/npm/v/@uiw/react-stackblitz.svg)](https://www.npmjs.com/package/@uiw/react-stackblitz) | - | [demo](https://uiwjs.github.io/react-stackblitz/) | A React component is provided that allows you to programmatically generate [stackblitz](https://stackblitz.com/) projects from code samples on the fly.\\n[@uiw/react-shields](https://github.com/uiwjs/react-shields) | [![](https://img.shields.io/npm/v/@uiw/react-shields.svg)](https://www.npmjs.com/package/@uiw/react-shields) | - | [demo](https://uiwjs.github.io/react-shields/) | Shields.io for react component, Quality metadata badges for open source projects.\\n[react-hotkeys](https://github.com/jaywcjlove/react-hotkeys) | [![](https://img.shields.io/npm/v/react-hot-keys.svg)](https://www.npmjs.com/package/react-hot-keys) | - | [demo](https://jaywcjlove.github.io/react-hotkeys/) | 基于 [hotkeys](https://github.com/jaywcjlove/hotkeys) 封装的 React 组件，侦听 keydown 和 keyup 键盘事件，定义和调度键盘快捷键。\\n[province-city-china](https://github.com/uiwjs/province-city-china) | [![](https://img.shields.io/npm/v/province-city-china.svg)](https://www.npmjs.com/package/province-city-china) | - | - | 最全最新🇨🇳中国【省、市、区县、乡镇街道】json,csv,sql数据。\\n\\n## React Native\\n\\n名称 | 版本 | 依赖 | 预览 | 描述\\n---- | ---- | ---- | ---- | ----\\n[@uiw/react-native](https://github.com/uiwjs/react-native-uiw) | [![](https://img.shields.io/npm/v/@uiw/react-native.svg)](https://www.npmjs.com/package/@uiw/react-native) | - | [文档](https://uimjs.github.io/) | React Native 组件库。\\n[@uiw/react-native-template](https://github.com/uiwjs/react-native-template) | [![](https://img.shields.io/npm/v/@uiw/react-native-template.svg)](https://www.npmjs.com/package/@uiw/react-native-template) | - | - | React Native 模板生成器，集成路由、Redux、Mock API等工具。\\n[@uiw/react-native-alipay](https://github.com/uiwjs/react-native-alipay) | [![](https://img.shields.io/npm/v/@uiw/react-native-alipay.svg)](https://www.npmjs.com/package/@uiw/react-native-alipay) | - | - | 基于 React Native 的宝支付包，已更新到最新的支付宝 SDK 版本，支持Android/iOS。\\n[@uiw/react-native-amap-geolocation](https://github.com/uiwjs/react-native-amap-geolocation) | [![](https://img.shields.io/npm/v/@uiw/react-native-amap-geolocation.svg)](https://www.npmjs.com/package/@uiw/react-native-amap-geolocation) | - | - | React Native 高德地图定位模块，支持 Android/iOS。\\n[@uiw/react-native-transport-location](https://github.com/uiwjs/react-native-transport-location) | [![](https://img.shields.io/npm/v/@uiw/react-native-transport-location.svg)](https://www.npmjs.com/package/@uiw/react-native-amap-geolocation) | - | - | 支持 Android/iOS。\\n[@uiw/react-native-wechat](https://github.com/uiwjs/react-native-wechat) | [![](https://img.shields.io/npm/v/@uiw/react-native-wechat.svg)](https://www.npmjs.com/package/@uiw/react-native-wechat) | - | - | React Native 包使用微信分享、登录、收藏、支付等功能，支持Android/iOS。\\n\\n## 依赖包\\n\\n包含在 uiw 组件库的依赖包，可以单独拎出来使用，下面属于 [`@uiw`](https://github.com/uiwjs/uiw) 包含的一些依赖包：\\n\\n名称 | 版本 | 预览 | 描述\\n---- | ---- | ---- | ----\\n[`@uiw/formatter`](https://github.com/uiwjs/date-formatter) | [![npm](https://img.shields.io/npm/v/@uiw/formatter.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/formatter) | [demo](https://codesandbox.io/s/date-formatter-demo-jib1u) | 获取格式化的日期。 \\n[`@uiw/react-affix`](https://github.com/uiwjs/uiw/packages/react-affix) | [![npm](https://img.shields.io/npm/v/@uiw/react-affix.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-affix) | - | - |\\n[`@uiw/react-alert`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-alert) | [![npm](https://img.shields.io/npm/v/@uiw/react-alert.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-alert) | - | - |\\n[`@uiw/react-avatar`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-avatar) | [![npm](https://img.shields.io/npm/v/@uiw/react-avatar.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-avatar) | - | - |\\n[`@uiw/react-back-top`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-back-top) | [![npm](https://img.shields.io/npm/v/@uiw/react-back-top.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-back-top) | - | - |\\n[`@uiw/react-badge`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-badge) | [![npm](https://img.shields.io/npm/v/@uiw/react-badge.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-badge) | - | - |\\n[`@uiw/react-breadcrumb`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-breadcrumb) | [![npm](https://img.shields.io/npm/v/@uiw/react-breadcrumb.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-breadcrumb) | - | - |\\n[`@uiw/react-button`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-button) | [![npm](https://img.shields.io/npm/v/@uiw/react-button.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-button) | - | - |\\n[`@uiw/react-button-group`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-button-group) | [![npm](https://img.shields.io/npm/v/@uiw/react-button-group.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-button-group) | - | - |\\n[`@uiw/react-calendar`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-calendar) | [![npm](https://img.shields.io/npm/v/@uiw/react-calendar.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-calendar) | - | - |\\n[`@uiw/react-card`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-card) | [![npm](https://img.shields.io/npm/v/@uiw/react-card.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-card) | - | - |\\n[`@uiw/react-checkbox`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-checkbox) | [![npm](https://img.shields.io/npm/v/@uiw/react-checkbox.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-checkbox) | - | - |\\n[`@uiw/react-collapse`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-collapse) | [![npm](https://img.shields.io/npm/v/@uiw/react-collapse.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-collapse) | - | - |\\n[`@uiw/react-copy-to-clipboard`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-copy-to-clipboard) | [![npm](https://img.shields.io/npm/v/@uiw/react-copy-to-clipboard.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-copy-to-clipboard) | - | - |\\n[`@uiw/react-date-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-date-input) | [![npm](https://img.shields.io/npm/v/@uiw/react-date-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-date-input) | - | - |\\n[`@uiw/react-date-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-date-picker) | [![npm](https://img.shields.io/npm/v/@uiw/react-date-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-date-picker) | - | - |\\n[`@uiw/react-descriptions`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-descriptions) | [![npm](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-descriptions) | - | - |\\n[`@uiw/react-divider`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-divider) | [![npm](https://img.shields.io/npm/v/@uiw/react-divider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-divider) | - | - |\\n[`@uiw/react-drawer`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-drawer) | [![npm](https://img.shields.io/npm/v/@uiw/react-drawer.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-drawer) | - | - |\\n[`@uiw/react-dropdown`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-dropdown) | [![npm](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown) | - | - |\\n[`@uiw/react-file-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-file-input) | [![npm](https://img.shields.io/npm/v/@uiw/react-file-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-file-input) | - | - |\\n[`@uiw/react-form`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-form) | [![npm](https://img.shields.io/npm/v/@uiw/react-form.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-form) | - | - |\\n[`@uiw/react-grid`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-grid) | [![npm](https://img.shields.io/npm/v/@uiw/react-grid.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-grid) | - | - |\\n[`@uiw/react-icon`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-icon) | [![npm](https://img.shields.io/npm/v/@uiw/react-icon.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-icon) | - | - |\\n[`@uiw/react-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-input) | [![npm](https://img.shields.io/npm/v/@uiw/react-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-input) | - | - |\\n[`@uiw/react-layout`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-layout) | [![npm](https://img.shields.io/npm/v/@uiw/react-layout.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-layout) | - | - |\\n[`@uiw/react-list`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-list) | [![npm](https://img.shields.io/npm/v/@uiw/react-list.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-list) | - | - |\\n[`@uiw/react-loader`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-loader) | [![npm](https://img.shields.io/npm/v/@uiw/react-loader.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-loader) | - | - |\\n[`@uiw/react-menu`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-menu) | [![npm](https://img.shields.io/npm/v/@uiw/react-menu.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-menu) | - | - |\\n[`@uiw/react-message`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-message) | [![npm](https://img.shields.io/npm/v/@uiw/react-message.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-message) | - | - |\\n[`@uiw/react-modal`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-modal) | [![npm](https://img.shields.io/npm/v/@uiw/react-modal.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-modal) | - | - |\\n[`@uiw/react-month-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-month-picker) | [![npm](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-month-picker) | - | - |\\n[`@uiw/react-notify`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-notify) | [![npm](https://img.shields.io/npm/v/@uiw/react-notify.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-notify) | - | - |\\n[`@uiw/react-overlay`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-overlay) | [![npm](https://img.shields.io/npm/v/@uiw/react-overlay.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-overlay) | - | - |\\n[`@uiw/react-overlay-trigger`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-overlay-trigger) | [![npm](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-overlay-trigger) | - | - |\\n[`@uiw/react-pagination`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-pagination) | [![npm](https://img.shields.io/npm/v/@uiw/react-pagination.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-pagination) | - | - |\\n[`@uiw/react-pin-code`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-pin-code) | [![npm](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-pin-code) | - | - |\\n[`@uiw/react-popover`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-popover) | [![npm](https://img.shields.io/npm/v/@uiw/react-popover.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-popover) | - | - |\\n[`@uiw/react-portal`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-portal) | [![npm](https://img.shields.io/npm/v/@uiw/react-portal.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-portal) | - | - |\\n[`@uiw/react-progress`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-progress) | [![npm](https://img.shields.io/npm/v/@uiw/react-progress.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-progress) | - | - |\\n[`@uiw/react-radio`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-radio) | [![npm](https://img.shields.io/npm/v/@uiw/react-radio.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-radio) | - | - |\\n[`@uiw/react-rate`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-rate) | [![npm](https://img.shields.io/npm/v/@uiw/react-rate.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-rate) | - | - |\\n[`@uiw/react-search-select`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-search-select) | [![npm](https://img.shields.io/npm/v/@uiw/react-search-select.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-search-select) | - | - |\\n[`@uiw/react-select`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-select) | [![npm](https://img.shields.io/npm/v/@uiw/react-select.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-select) | - | - |\\n[`@uiw/react-split`](https://github.com/uiwjs/react-split) | [![npm](https://img.shields.io/npm/v/@uiw/react-split.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-split) | [demo](https://uiwjs.github.io/react-split/) | 可将一块内容，分割为可以拖拽调整宽度或高度的区域。\\n[`@uiw/react-slider`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-slider) | [![npm](https://img.shields.io/npm/v/@uiw/react-slider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-slider) | - | - |\\n[`@uiw/react-steps`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-steps) | [![npm](https://img.shields.io/npm/v/@uiw/react-steps.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-steps) | - | - |\\n[`@uiw/react-switch`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-switch) | [![npm](https://img.shields.io/npm/v/@uiw/react-switch.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-switch) | - | - |\\n[`@uiw/react-table`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-table) | [![npm](https://img.shields.io/npm/v/@uiw/react-table.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-table) | - | - |\\n[`@uiw/react-tabs`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tabs) | [![npm](https://img.shields.io/npm/v/@uiw/react-tabs.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tabs) | - | - |\\n[`@uiw/react-tag`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tag) | [![npm](https://img.shields.io/npm/v/@uiw/react-tag.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tag) | - | - |\\n[`@uiw/react-textarea`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-textarea) | [![npm](https://img.shields.io/npm/v/@uiw/react-textarea.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-textarea) | - | - |\\n[`@uiw/react-time-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-time-picker) | [![npm](https://img.shields.io/npm/v/@uiw/react-time-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-time-picker) | - | - |\\n[`@uiw/react-tooltip`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tooltip) | [![npm](https://img.shields.io/npm/v/@uiw/react-tooltip.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tooltip) | - | - |\\n[`@uiw/react-tree`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tree) | [![npm](https://img.shields.io/npm/v/@uiw/react-tree.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tree) | - | - |\\n[`@uiw/react-tree-checked`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tree-checked) | [![npm](https://img.shields.io/npm/v/@uiw/react-tree-checked.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tree-checked) | - | - |\\n[`@uiw/utils`](https://github.com/uiwjs/uiw/tree/master/packages/packages/utils) | [![npm](https://img.shields.io/npm/v/@uiw/utils.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/utils) | - | - |\\n\\n## 工具\\n\\n名称 | 版本 | 预览 | 描述\\n---- | ---- | ---- | ----\\n[kkt](https://github.com/kktjs/kkt) | [![](https://img.shields.io/npm/v/kkt.svg)](https://www.npmjs.com/package/kkt) | [文档](https://kktjs.github.io/kkt) | 创建没有构建配置的React应用程序，这是用于创建React应用程序的Cli工具。\\n[tsbb](https://github.com/jaywcjlove/tsbb) | [![](https://img.shields.io/npm/v/tsbb.svg)](https://www.npmjs.com/package/tsbb) | [文档](http://jaywcjlove.github.io/tsbb) | 一个零配置CLI，可帮助您开发，测试和发布现代 TypeScript 项目。\\n[sgo](https://github.com/jaywcjlove/sgo) | [![](https://img.shields.io/npm/v/sgo.svg)](https://www.npmjs.com/package/sgo) | [文档](https://jaywcjlove.github.io/sgo) | 一个用于快速原型开发的开发服务器。 将目录设置为静态服务器，它提供404整洁的界面，用于列出目录的内容并切换到子文件夹。\\n[mocker-api](https://github.com/jaywcjlove/mocker-api) | [![](https://img.shields.io/npm/v/mocker-api.svg)](https://www.npmjs.com/package/mocker-api) | [文档](https://jaywcjlove.github.io/mocker-api) | 用于为 REST API 创建模拟。 当您尝试在没有实际 REST API 服务器的情况下测试应用程序时，这将很有帮助。\\n[svgtofont](https://github.com/jaywcjlove/svgtofont) | [![](https://img.shields.io/npm/v/svgtofont.svg)](https://www.npmjs.com/package/svgtofont) | [文档](https://jaywcjlove.github.io/svgtofont) | 阅读一组SVG图标并输出 TTF/EOT/WOFF/WOFF2/SVG 字体。\\n[bannerjs](https://github.com/jaywcjlove/bannerjs) | [![](https://img.shields.io/npm/v/bannerjs.svg)](https://www.npmjs.com/package/bannerjs) | [文档](https://jaywcjlove.github.io/bannerjs) | 将注释添加到代码中。 获取基于package.json的单行/多行注释横幅。\\n[markdown-to-html-cli](https://github.com/jaywcjlove/markdown-to-html-cli) | [![](https://img.shields.io/npm/v/markdown-to-html-cli.svg)](https://www.npmjs.com/package/markdown-to-html-cli) | [文档](https://jaywcjlove.github.io/markdown-to-html-cli) | 将 Markdown 文本转换为 HTML，提供命令行工具和方法。\\n[coverage-badges-cli](https://github.com/jaywcjlove/coverage-badges-cli) | [![](https://img.shields.io/npm/v/coverage-badges-cli.svg)](https://www.npmjs.com/package/coverage-badges-cli) | [文档](https://jaywcjlove.github.io/coverage-badges-cli) | 从覆盖率报告创建覆盖率徽章。\\n[compile-less](https://github.com/jaywcjlove/compile-less) | [![](https://img.shields.io/npm/v/compile-less-cli.svg)](https://www.npmjs.com/package/compile-less-cli) | [文档](https://jaywcjlove.github.io/compile-less) | 将所有 `.less` 文件编译为 `.css` 文件。。\\n[next-remove-imports](https://github.com/uiwjs/next-remove-imports) | [![](https://img.shields.io/npm/v/next-remove-imports.svg)](https://www.npmjs.com/package/next-remove-imports) | [文档](https://uiwjs.github.io/next-remove-imports/) | The default behavior is to remove all .less/.css/.scss/.sass/.styl imports from all packages in node_modules.\\n\\n## 一些小工具\\n\\n名称 | 版本 | 预览 | 描述\\n---- | ---- | ---- | ----\\n[nginx-editor](https://github.com/jaywcjlove/nginx-editor) | - | [home](https://jaywcjlove.github.io/nginx-editor) | 基于 Monaco 的 nginx 编辑器，支持语法提示。\\n[npm-unpkg](https://github.com/uiwjs/npm-unpkg) | - | [home](https://uiwjs.github.io/npm-unpkg) | 基于unpkg的Web应用程序，用于查看npm软件包文件。\\n[ui-color](https://github.com/uiwjs/ui-color) | - | [home](https://uiwjs.github.io/ui-color/) | Converting HEX & RGB colors to UIColor/NSColor/Color for both Objective C & Swift.\\n\"\n  }"],"names":["components","data","source"],"sourceRoot":""}

package/web/static/js/6716.02298cc2.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6716],{6716:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200},size:"small",onChange:function(e){console.log(e)}}),n.default.createElement("br",null),n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200}}),n.default.createElement("br",null))}}(),41:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"card",size:"large",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",shape:"circle",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",size:"small",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})))}}(),104:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var u,l,r=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(u=t.next()).done)&&(r.push(u.value),!n||r.length!==n);a=!0);}catch(i){o=!0,l=i}finally{try{a||null==t.return||t.return()}finally{if(o)throw l}}return r}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,u=new Array(n);t<n;t++)u[t]=e[t];return u}return function(){var e=l(n.default.useState(!1),2),t=e[0],r=e[1],a=l(n.default.useState(null),2),o=a[0],i=a[1];return console.log("curfile",o),n.default.createElement(n.default.Fragment,null,n.default.createElement(u.Overlay,{isOpen:t,onClosed:function(){return r(!1)}},n.default.createElement("img",{src:"".concat(null===o||void 0===o?void 0:o.dataURL),alt:"".concat(null===o||void 0===o?void 0:o.name)})),n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(e){r(!0),i(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Icon,{type:"plus"})))}}(),143:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",shape:"circle",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",size:"small",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"text",multiple:!0,maxNumber:2,value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")))}}(),201:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.Form,{onSubmit:function(e){e.initial;var n=e.current;console.log("current",n)},fields:{picture1:{label:"\u56fe\u7247\u5899",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"card"},n.default.createElement(u.Icon,{type:"plus"}))},picture2:{label:"\u56fe\u7247\u5217\u8868",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"picture"},n.default.createElement(u.Button,null,"\u65b0\u589e"))},picture3:{label:"\u56fe\u7247\u540d\u79f0\u5217\u8868",children:n.default.createElement(u.FileInput,{uploadType:"text"},n.default.createElement(u.Button,null,"\u65b0\u589e"))}}},(function(e){var t=e.fields,l=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture1)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture2)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture3)),n.default.createElement(u.Row,{gutter:10},n.default.createElement(u.Col,null,n.default.createElement(u.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(l.current,null,2)))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    },\n    size: "small",\n    onChange: onChange\n  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react["default"].createElement("br", null));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button } from \'uiw\';\n\nconst Demo = () => {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} size="small" onChange={onChange} />\n      <br />\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}\n\nexport default Demo'},41:{name:41,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "large",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    shape: "circle",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "small",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button,Icon } from \'uiw\';\n\nconst Demo = () => {\n  return (\n    <div>\n      <FileInput\n        uploadType="card"\n        size="large"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        shape="circle"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        size="small"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n    </div>\n  )\n}\n\nexport default Demo'},104:{name:104,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n  var _React$useState = _react["default"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      visible = _React$useState2[0],\n      visibleSet = _React$useState2[1];\n\n  var _React$useState3 = _react["default"].useState(null),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      curfile = _React$useState4[0],\n      curFileSet = _React$useState4[1];\n\n  console.log(\'curfile\', curfile);\n  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react["default"].createElement("img", {\n    src: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}\n\nexport default Demo"},143:{name:143,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    shape: "circle",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "small",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "text",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}\nexport default Demo"},201:{name:201,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log(\'current\', current);\n    },\n    fields: {\n      picture1: {\n        label: \'\u56fe\u7247\u5899\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "card"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "plus"\n        }))\n      },\n      picture2: {\n        label: \'\u56fe\u7247\u5217\u8868\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "picture"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      },\n      picture3: {\n        label: \'\u56fe\u7247\u540d\u79f0\u5217\u8868\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "text"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: \'10px 0 0 10px\'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Form\n      onSubmit={({initial, current}) => {\n         console.log('current',current)\n      }}\n      fields={{\n        picture1: {\n          label: '\u56fe\u7247\u5899',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"card\">\n              <Icon type=\"plus\" />\n            </FileInput>\n          )\n        },\n        picture2: {\n          label: '\u56fe\u7247\u5217\u8868',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"picture\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n        picture3: {\n          label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n          children: (\n            <FileInput uploadType=\"text\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n      }}>\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.picture1}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture2}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture3}</Col>\n            </Row>\n            <Row gutter={10}>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: '10px 0 0 10px' }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n}\nexport default Demo"}},source:"FileInput \u4e0a\u4f20\u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5      \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n      <br />\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5899\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button,Icon } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"card\"\n        size=\"large\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        shape=\"circle\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        size=\"small\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u9884\u89c8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u5728`Form`\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Form\n      onSubmit={({initial, current}) => {\n         console.log('current',current)\n      }}\n      fields={{\n        picture1: {\n          label: '\u56fe\u7247\u5899',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"card\">\n              <Icon type=\"plus\" />\n            </FileInput>\n          )\n        },\n        picture2: {\n          label: '\u56fe\u7247\u5217\u8868',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"picture\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n        picture3: {\n          label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n          children: (\n            <FileInput uploadType=\"text\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n      }}>\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.picture1}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture2}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture3}</Col>\n            </Row>\n            <Row gutter={10}>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: '10px 0 0 10px' }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n}\nexport default Demo\n```\n\n## Props\n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| uploadType | \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b | `input`\u3001`picture`\u3001`text`\u3001`card` | `input` |\n| className | CSS\u7c7b\u540d\u79f0 | String | - |\n| multiple | \u662f\u5426\u591a\u9009\u4e0a\u4f20 | boolean | - |\n\n\n### Props uploadType input\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| dataLabel | input \u540e\u7f6e\u6587\u5b57 | `string` | `Browse` |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u9ed8\u8ba4\u56fe\u7247\u5217\u8868  | FileInputValue[] | - |\n| readonly | \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f | boolean | false |\n| maxNumber | \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf | boolean | false |\n| shape | \u56fe\u7247\u5c55\u793a\u5f62\u72b6  | `circle`\u3001`round` | `round` |\n| size | \u56fe\u7247\u5c55\u793a\u5927\u5c0f  | `large`\u3001`middle`\u3001`small` | `middle` |\n| showFileIcon | \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\n| onChange | \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n| onPreview | \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n\n"}}}]);
+//# sourceMappingURL=6716.02298cc2.chunk.js.map

package/web/static/js/6716.02298cc2.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6716.02298cc2.chunk.js","mappings":"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","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    },\n    size: \"small\",\n    onChange: onChange\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null));\n};\n\nreturn Demo; })(),41: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"large\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    shape: \"circle\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"small\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),104: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n  var _React$useState = _react[\"default\"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      visible = _React$useState2[0],\n      visibleSet = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(null),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      curfile = _React$useState4[0],\n      curFileSet = _React$useState4[1];\n\n  console.log('curfile', curfile);\n  return /*#__PURE__*/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"img\", {\n    src: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),143: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    shape: \"circle\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"small\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"text\",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")));\n}\n\nreturn Demo; })(),201: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log('current', current);\n    },\n    fields: {\n      picture1: {\n        label: '图片墙',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"card\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n          type: \"plus\"\n        }))\n      },\n      picture2: {\n        label: '图片列表',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"picture\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      },\n      picture3: {\n        label: '图片名称列表',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"text\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: \"primary\",\n      htmlType: \"submit\"\n    }, \"\\u63D0\\u4EA4\"))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(\"pre\", {\n      style: {\n        padding: '10px 0 0 10px'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n}\n\nreturn Demo; })(), },\n    data: {\n  \"18\": {\n    \"name\": 18,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  var onChange = function onChange(e) {\\n    console.log(e);\\n  };\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    },\\n    size: \\\"small\\\",\\n    onChange: onChange\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"41\": {\n    \"name\": 41,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"large\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    shape: \\\"circle\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"small\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"104\": {\n    \"name\": 104,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Demo = function Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState(false),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      visible = _React$useState2[0],\\n      visibleSet = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(null),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      curfile = _React$useState4[0],\\n      curFileSet = _React$useState4[1];\\n\\n  console.log('curfile', curfile);\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n    isOpen: visible,\\n    onClosed: function onClosed() {\\n      return visibleSet(false);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"img\\\", {\\n    src: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\\n    alt: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview(file) {\\n      visibleSet(true);\\n      curFileSet(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\"\n  },\n  \"143\": {\n    \"name\": 143,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    shape: \\\"circle\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"small\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"text\\\",\\n    multiple: true,\\n    maxNumber: 2,\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\"\n  },\n  \"201\": {\n    \"name\": 201,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n    onSubmit: function onSubmit(_ref) {\\n      var initial = _ref.initial,\\n          current = _ref.current;\\n      console.log('current', current);\\n    },\\n    fields: {\\n      picture1: {\\n        label: '图片墙',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"card\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n          type: \\\"plus\\\"\\n        }))\\n      },\\n      picture2: {\\n        label: '图片列表',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"picture\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      },\\n      picture3: {\\n        label: '图片名称列表',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"text\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      }\\n    }\\n  }, function (_ref2) {\\n    var fields = _ref2.fields,\\n        state = _ref2.state,\\n        canSubmit = _ref2.canSubmit;\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      disabled: !canSubmit(),\\n      type: \\\"primary\\\",\\n      htmlType: \\\"submit\\\"\\n    }, \\\"\\\\u63D0\\\\u4EA4\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"pre\\\", {\\n      style: {\\n        padding: '10px 0 0 10px'\\n      }\\n    }, JSON.stringify(state.current, null, 2)))));\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\"\n  }\n},\n    source: \"FileInput 上传输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\\n\\n这个组件仅仅是对 `<input type=\\\"file\\\">` 的美化，他是基于 Input 组件封装      。\\n\\n```jsx\\nimport { FileInput } from 'uiw';\\n// or\\nimport FileInput from '@uiw/react-file-input';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片墙\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片预览\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片列表样式\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\\n```\\n\\n### 在`Form`表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n- `uploadType: input` 基础输入框上传\\n\\n- `uploadType: picture` 图片列展示列表，显示图片\\n\\n- `uploadType: text` 图片列展示列表，不显示图片\\n\\n- `uploadType: card` 图片墙列表\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| uploadType | 上传展示类型 | `input`、`picture`、`text`、`card` | `input` |\\n| className | CSS类名称 | String | - |\\n| multiple | 是否多选上传 | boolean | - |\\n\\n\\n### Props uploadType input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| dataLabel | input 后置文字 | `string` | `Browse` |\\n\\n更多属性文档请参考 [Input](#/components/input)。\\n\\n\\n### Props uploadType 非input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 默认图片列表  | FileInputValue[] | - |\\n| readonly | 是否是只读模式 | boolean | false |\\n| maxNumber | 文件上传数量 | boolean | false |\\n| shape | 图片展示形状  | `circle`、`round` | `round` |\\n| size | 图片展示大小  | `large`、`middle`、`small` | `middle` |\\n| showFileIcon | 设置图标按钮是否展示 | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\\n| onChange | 文件上传回调 | (value: FileInputValue[]) => void | - |\\n| onPreview | 预览图标时的回调 | (value: FileInputValue[]) => void | - |\\n\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","createElement","FileInput","multiple","style","maxWidth","size","onChange","e","console","log","uploadType","showFileIcon","showPreviewIcon","showRemoveIcon","onPreview","file","value","dataURL","items","Icon","type","shape","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","visible","visibleSet","_React$useState4","curfile","curFileSet","Fragment","Overlay","isOpen","onClosed","src","concat","alt","Button","maxNumber","Form","onSubmit","_ref","initial","current","fields","picture1","label","initialValue","children","picture2","picture3","_ref2","state","canSubmit","Row","Col","gutter","disabled","htmlType","padding","JSON","stringify","data","source"],"sourceRoot":""}

package/web/static/js/6795.bebf54d1.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6795],{6795:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),41:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db"}))}}(),62:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814),r=n(4298);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"user"}),title:"\u6ce8\u518c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"picasa",spin:!0,color:"red"}),title:"\u4e0a\u4f20\u5934\u50cf",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.StepsStyleItemHeadInnerSvg,{as:r.Message}),title:"\u9a8c\u8bc1\u90ae\u7bb1",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),85:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:2,status:"error",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),107:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),129:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var u,r,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(u=n.next()).done)&&(i.push(u.value),!t||i.length!==t);a=!0);}catch(p){o=!0,r=p}finally{try{a||null==n.return||n.return()}finally{if(o)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,u=new Array(t);n<t;n++)u[n]=e[n];return u}var a={minHeight:200,backgroundColor:"#fafafa",textAlign:"center",borderRadius:6,paddingTop:80,marginTop:15},o=[{title:"\u7b2c\u4e00\u6b65",content:"\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7"},{title:"\u7b2c\u4e8c\u6b65",content:"\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002"},{title:"\u7b2c\u4e09\u6b65",content:"\u9a8c\u8bc1\u90ae\u7bb1"}];return function(){var e=r(t.default.useState(0),2),n=e[0],i=e[1];return t.default.createElement("div",null,t.default.createElement(u.Steps,{current:n},o.map((function(e){return t.default.createElement(u.Steps.Step,{key:e.title,title:e.title})}))),t.default.createElement("div",{style:a},o[n].content),t.default.createElement("div",{style:{marginTop:20}},n<o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return i(n+1)}},"\u4e0b\u4e00\u6b65"),n===o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return u.Notify.open({description:"\u5904\u7406\u5b8c\u6210!"})}},"\u5b8c\u6210"),n>0&&t.default.createElement(u.Button,{size:"small",style:{marginLeft:8},onClick:function(){return i(n-1)}},"\u4e0a\u4e00\u6b65")))}}(),179:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Row,{gutter:20},t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{current:1,direction:"vertical",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u5df2\u5b8c\u6210",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u8fdb\u884c\u4e2d",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{status:"error",title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}))),t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{direction:"vertical",progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))))}}()},data:{20:{name:20,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},41:{name:41,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo'},62:{name:62,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _icons = require("@uiw/icons");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "user"\n    }),\n    title: "\\u6CE8\\u518C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa",\n      spin: true,\n      color: "red"\n    }),\n    title: "\\u4E0A\\u4F20\\u5934\\u50CF",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\n      as: _icons.Message\n    }),\n    title: "\\u9A8C\\u8BC1\\u90AE\\u7BB1",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},85:{name:85,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 2,\n    status: "error",\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},107:{name:107,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},129:{name:129,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar conStyle = {\n  minHeight: 200,\n  backgroundColor: \'#fafafa\',\n  textAlign: \'center\',\n  borderRadius: 6,\n  paddingTop: 80,\n  marginTop: 15\n};\nvar steps = [{\n  title: \'\u7b2c\u4e00\u6b65\',\n  content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\'\n}, {\n  title: \'\u7b2c\u4e8c\u6b65\',\n  content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\'\n}, {\n  title: \'\u7b2c\u4e09\u6b65\',\n  content: \'\u9a8c\u8bc1\u90ae\u7bb1\'\n}];\n\nfunction Demo() {\n  var _React$useState = _react["default"].useState(0),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: current\n  }, steps.map(function (item) {\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n      key: item.title,\n      title: item.title\n    });\n  })), /*#__PURE__*/_react["default"].createElement("div", {\n    style: conStyle\n  }, steps[current].content), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      marginTop: 20\n    }\n  }, current < steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return setCurrent(current + 1);\n    }\n  }, "\\u4E0B\\u4E00\\u6B65"), current === steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return _uiw.Notify.open({\n        description: \'\u5904\u7406\u5b8c\u6210!\'\n      });\n    }\n  }, "\\u5B8C\\u6210"), current > 0 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "small",\n    style: {\n      marginLeft: 8\n    },\n    onClick: function onClick() {\n      return setCurrent(current - 1);\n    }\n  }, "\\u4E0A\\u4E00\\u6B65")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Steps, Button, Notify } from 'uiw';\n\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: '\u7b2c\u4e00\u6b65',\n    content: '\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7',\n  }, {\n    title: '\u7b2c\u4e8c\u6b65',\n    content: '\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002',\n  }, {\n    title: '\u7b2c\u4e09\u6b65',\n    content: '\u9a8c\u8bc1\u90ae\u7bb1',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => Notify.open({ description: '\u5904\u7406\u5b8c\u6210!' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size=\"small\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo"},179:{name:179,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    direction: "vertical",\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5DF2\\u5B8C\\u6210",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u8FDB\\u884C\\u4E2D",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    status: "error",\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    direction: "vertical",\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo'}},source:'Steps \u6b65\u9aa4\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: \'\u7b2c\u4e00\u6b65\',\n    content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n  }, {\n    title: \'\u7b2c\u4e8c\u6b65\',\n    content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n  }, {\n    title: \'\u7b2c\u4e09\u6b65\',\n    content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo\n```\n\n## Props\n\n### Steps\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| current | \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002| Number | `0` |\n| status | \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` | String | `process` |\n| direction | \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` |  | `horizontal` |\n| progressDot | \u70b9\u72b6\u6b65\u9aa4\u6761|  | `horizontal` |\n\n### Steps.Step\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| status | \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` | String | `wait` |\n| title | \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 | String/ReactNode | - |\n| description | \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 | String/ReactNode | - |\n| icon | \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 | ReactNode | - |\n'}}}]);
+//# sourceMappingURL=6795.bebf54d1.chunk.js.map

package/web/static/js/6795.bebf54d1.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6795.bebf54d1.chunk.js","mappings":"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","sources":["../../packages/react-steps/README.md"],"sourcesContent":["\nexport default {\n    components: { 20: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: \"20px 0\"\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E00\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E8C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E09\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u56DB\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }));\n}\n\nreturn Demo; })(),41: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: \"20px 0\"\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E00\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E8C\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E09\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u56DB\"\n  }));\n}\n\nreturn Demo; })(),62: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nvar _icons = require(\"@uiw/icons\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: \"20px 0\"\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: \"user\"\n    }),\n    title: \"\\u6CE8\\u518C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n      type: \"picasa\",\n      spin: true,\n      color: \"red\"\n    }),\n    title: \"\\u4E0A\\u4F20\\u5934\\u50CF\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react[\"default\"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\n      as: _icons.Message\n    }),\n    title: \"\\u9A8C\\u8BC1\\u90AE\\u7BB1\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }));\n}\n\nreturn Demo; })(),85: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: 2,\n    status: \"error\",\n    style: {\n      padding: \"20px 0\"\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E00\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E8C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E09\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u56DB\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }));\n}\n\nreturn Demo; })(),107: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    progressDot: true,\n    status: \"error\",\n    current: 2,\n    style: {\n      padding: \"20px 0\"\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E00\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E8C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E09\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u56DB\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }));\n}\n\nreturn Demo; })(),129: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar conStyle = {\n  minHeight: 200,\n  backgroundColor: '#fafafa',\n  textAlign: 'center',\n  borderRadius: 6,\n  paddingTop: 80,\n  marginTop: 15\n};\nvar steps = [{\n  title: '第一步',\n  content: '注册一个账号'\n}, {\n  title: '第二步',\n  content: '填写个人信息。'\n}, {\n  title: '第三步',\n  content: '验证邮箱'\n}];\n\nfunction Demo() {\n  var _React$useState = _react[\"default\"].useState(0),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: current\n  }, steps.map(function (item) {\n    return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n      key: item.title,\n      title: item.title\n    });\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: conStyle\n  }, steps[current].content), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      marginTop: 20\n    }\n  }, current < steps.length - 1 && /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"primary\",\n    size: \"small\",\n    onClick: function onClick() {\n      return setCurrent(current + 1);\n    }\n  }, \"\\u4E0B\\u4E00\\u6B65\"), current === steps.length - 1 && /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"primary\",\n    size: \"small\",\n    onClick: function onClick() {\n      return _uiw.Notify.open({\n        description: '处理完成!'\n      });\n    }\n  }, \"\\u5B8C\\u6210\"), current > 0 && /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    size: \"small\",\n    style: {\n      marginLeft: 8\n    },\n    onClick: function onClick() {\n      return setCurrent(current - 1);\n    }\n  }, \"\\u4E0A\\u4E00\\u6B65\")));\n}\n\nreturn Demo; })(),179: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    current: 1,\n    direction: \"vertical\",\n    style: {\n      padding: '20px 0'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u5DF2\\u5B8C\\u6210\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u8FDB\\u884C\\u4E2D\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    status: \"error\",\n    title: \"\\u5F85\\u8FDB\\u884C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u5F85\\u8FDB\\u884C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F\"\n  }))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps, {\n    direction: \"vertical\",\n    progressDot: true,\n    status: \"error\",\n    current: 2,\n    style: {\n      padding: '20px 0'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E00\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E8C\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u4E09\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Steps.Step, {\n    title: \"\\u6B65\\u9AA4\\u56DB\",\n    description: \"\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\"\n  }))));\n}\n\nreturn Demo; })(), },\n    data: {\n  \"20\": {\n    \"name\": 20,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: 1,\\n    style: {\\n      padding: \\\"20px 0\\\"\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E00\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E8C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E09\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u56DB\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps } from 'uiw';\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{ padding:\\\"20px 0\\\" }}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"41\": {\n    \"name\": 41,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: 1,\\n    style: {\\n      padding: \\\"20px 0\\\"\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E00\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E8C\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E09\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u56DB\\\"\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" />\\n    </Steps>\\n  )\\n}\\nexport default Demo\"\n  },\n  \"62\": {\n    \"name\": 62,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nvar _icons = require(\\\"@uiw/icons\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: 1,\\n    style: {\\n      padding: \\\"20px 0\\\"\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    icon: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: \\\"user\\\"\\n    }),\\n    title: \\\"\\\\u6CE8\\\\u518C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    icon: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n      type: \\\"picasa\\\",\\n      spin: true,\\n      color: \\\"red\\\"\\n    }),\\n    title: \\\"\\\\u4E0A\\\\u4F20\\\\u5934\\\\u50CF\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    icon: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\\n      as: _icons.Message\\n    }),\\n    title: \\\"\\\\u9A8C\\\\u8BC1\\\\u90AE\\\\u7BB1\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps, Icon } from 'uiw';\\nimport { StepsStyleItemHeadInnerSvg } from 'uiw';\\nimport { Message } from \\\"@uiw/icons\\\"\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step icon={<Icon type=\\\"user\\\"/>} title=\\\"注册\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step icon={<Icon type=\\\"picasa\\\" spin={true} color=\\\"red\\\" />} title=\\\"上传头像\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title=\\\"验证邮箱\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"85\": {\n    \"name\": 85,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: 2,\\n    status: \\\"error\\\",\\n    style: {\\n      padding: \\\"20px 0\\\"\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E00\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E8C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E09\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u56DB\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={2} status=\\\"error\\\" style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"107\": {\n    \"name\": 107,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    progressDot: true,\\n    status: \\\"error\\\",\\n    current: 2,\\n    style: {\\n      padding: \\\"20px 0\\\"\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E00\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E8C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E09\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u56DB\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps progressDot status=\\\"error\\\" current={2} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"129\": {\n    \"name\": 129,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar conStyle = {\\n  minHeight: 200,\\n  backgroundColor: '#fafafa',\\n  textAlign: 'center',\\n  borderRadius: 6,\\n  paddingTop: 80,\\n  marginTop: 15\\n};\\nvar steps = [{\\n  title: '第一步',\\n  content: '注册一个账号'\\n}, {\\n  title: '第二步',\\n  content: '填写个人信息。'\\n}, {\\n  title: '第三步',\\n  content: '验证邮箱'\\n}];\\n\\nfunction Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState(0),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      current = _React$useState2[0],\\n      setCurrent = _React$useState2[1];\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: current\\n  }, steps.map(function (item) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n      key: item.title,\\n      title: item.title\\n    });\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: conStyle\\n  }, steps[current].content), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      marginTop: 20\\n    }\\n  }, current < steps.length - 1 && /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"primary\\\",\\n    size: \\\"small\\\",\\n    onClick: function onClick() {\\n      return setCurrent(current + 1);\\n    }\\n  }, \\\"\\\\u4E0B\\\\u4E00\\\\u6B65\\\"), current === steps.length - 1 && /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"primary\\\",\\n    size: \\\"small\\\",\\n    onClick: function onClick() {\\n      return _uiw.Notify.open({\\n        description: '处理完成!'\\n      });\\n    }\\n  }, \\\"\\\\u5B8C\\\\u6210\\\"), current > 0 && /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    size: \\\"small\\\",\\n    style: {\\n      marginLeft: 8\\n    },\\n    onClick: function onClick() {\\n      return setCurrent(current - 1);\\n    }\\n  }, \\\"\\\\u4E0A\\\\u4E00\\\\u6B65\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps, Button, Notify } from 'uiw';\\n\\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\\nconst steps = [\\n  {\\n    title: '第一步',\\n    content: '注册一个账号',\\n  }, {\\n    title: '第二步',\\n    content: '填写个人信息。',\\n  }, {\\n    title: '第三步',\\n    content: '验证邮箱',\\n  }\\n]\\n\\nfunction Demo() {\\n  const [current, setCurrent] = React.useState(0);\\n    return (\\n      <div>\\n        <Steps current={current}>\\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\\n        </Steps>\\n        <div style={conStyle}>{steps[current].content}</div>\\n        <div style={{marginTop: 20}}>\\n          {current < steps.length - 1 && (\\n            <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => setCurrent(current + 1)}>下一步</Button>\\n          )}\\n          {current === steps.length - 1 && (\\n            <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => Notify.open({ description: '处理完成!' })}>完成</Button>\\n          )}\\n          {current > 0 && (\\n            <Button size=\\\"small\\\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\\n              上一步\\n            </Button>\\n          )}\\n        </div>\\n      </div>\\n    );\\n}\\n\\nexport default Demo\"\n  },\n  \"179\": {\n    \"name\": 179,\n    \"meta\": {\n      \"disableCheckered\": \"true\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 20\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    current: 1,\\n    direction: \\\"vertical\\\",\\n    style: {\\n      padding: '20px 0'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u5DF2\\\\u5B8C\\\\u6210\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u8BE5\\\\u6B65\\\\u9AA4\\\\u7684\\\\u63CF\\\\u8FF0\\\\u4FE1\\\\u606F\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u8FDB\\\\u884C\\\\u4E2D\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u8BE5\\\\u6B65\\\\u9AA4\\\\u7684\\\\u63CF\\\\u8FF0\\\\u4FE1\\\\u606F\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    status: \\\"error\\\",\\n    title: \\\"\\\\u5F85\\\\u8FDB\\\\u884C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u8BE5\\\\u6B65\\\\u9AA4\\\\u7684\\\\u63CF\\\\u8FF0\\\\u4FE1\\\\u606F\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u5F85\\\\u8FDB\\\\u884C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u8BE5\\\\u6B65\\\\u9AA4\\\\u7684\\\\u63CF\\\\u8FF0\\\\u4FE1\\\\u606F\\\"\\n  }))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps, {\\n    direction: \\\"vertical\\\",\\n    progressDot: true,\\n    status: \\\"error\\\",\\n    current: 2,\\n    style: {\\n      padding: '20px 0'\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E00\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E8C\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u4E09\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Steps.Step, {\\n    title: \\\"\\\\u6B65\\\\u9AA4\\\\u56DB\\\",\\n    description: \\\"\\\\u8FD9\\\\u91CC\\\\u662F\\\\u6B65\\\\u9AA4\\\\u4E00\\\\u7684\\\\u8BF4\\\\u660E\\\\uFF0C\\\\u53EF\\\\u4EE5\\\\u5F88\\\\u957F\\\\u5F88\\\\u957F\\\\u54E6\\\\u3002\\\"\\n  }))));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Steps, Row, Col } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Row gutter={20}>\\n      <Col>\\n        <Steps current={1} direction=\\\"vertical\\\" style={{ padding: '20px 0' }}>\\n          <Steps.Step title=\\\"已完成\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step title=\\\"进行中\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step status=\\\"error\\\" title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n        </Steps>\\n      </Col>\\n      <Col>\\n        <Steps direction=\\\"vertical\\\" progressDot status=\\\"error\\\" current={2} style={{ padding: '20px 0' }}>\\n          <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n        </Steps>\\n      </Col>\\n    </Row>\\n  )\\n}\\n\\nexport default Demo\"\n  }\n},\n    source: \"Steps 步骤条\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\\n\\n引导用户按照流程完成任务的导航条。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。\\n\\n```jsx\\nimport { Steps } from 'uiw';\\n// or\\nimport Steps from '@uiw/react-steps';\\n```\\n\\n### 基本用法\\n\\n简单的步骤条。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps } from 'uiw';\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{ padding:\\\"20px 0\\\" }}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 没有详情介绍\\n\\n简单的步骤条。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" />\\n    </Steps>\\n  )\\n}\\nexport default Demo\\n```\\n\\n### 带图标的步骤条\\n\\n通过设置 `Steps.Step` 的 `icon` 属性，可以启用自定义图标。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps, Icon } from 'uiw';\\nimport { StepsStyleItemHeadInnerSvg } from 'uiw';\\nimport { Message } from \\\"@uiw/icons\\\"\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step icon={<Icon type=\\\"user\\\"/>} title=\\\"注册\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step icon={<Icon type=\\\"picasa\\\" spin={true} color=\\\"red\\\" />} title=\\\"上传头像\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title=\\\"验证邮箱\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 步骤运行错误\\n\\n使用 `Steps` 的 `status` 属性来指定当前步骤的状态。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps current={2} status=\\\"error\\\" style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 点状步骤条\\n\\n包含步骤点的进度条。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Steps progressDot status=\\\"error\\\" current={2} style={{padding:\\\"20px 0\\\"}}>\\n      <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n      <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n    </Steps>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 步骤切换\\n\\n通常配合内容及按钮使用，表示一个流程的处理进度。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps, Button, Notify } from 'uiw';\\n\\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\\nconst steps = [\\n  {\\n    title: '第一步',\\n    content: '注册一个账号',\\n  }, {\\n    title: '第二步',\\n    content: '填写个人信息。',\\n  }, {\\n    title: '第三步',\\n    content: '验证邮箱',\\n  }\\n]\\n\\nfunction Demo() {\\n  const [current, setCurrent] = React.useState(0);\\n    return (\\n      <div>\\n        <Steps current={current}>\\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\\n        </Steps>\\n        <div style={conStyle}>{steps[current].content}</div>\\n        <div style={{marginTop: 20}}>\\n          {current < steps.length - 1 && (\\n            <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => setCurrent(current + 1)}>下一步</Button>\\n          )}\\n          {current === steps.length - 1 && (\\n            <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => Notify.open({ description: '处理完成!' })}>完成</Button>\\n          )}\\n          {current > 0 && (\\n            <Button size=\\\"small\\\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\\n              上一步\\n            </Button>\\n          )}\\n        </div>\\n      </div>\\n    );\\n}\\n\\nexport default Demo\\n```\\n\\n### 竖直方向的步骤条\\n\\n简单的竖直方向的步骤条。\\n\\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Steps, Row, Col } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <Row gutter={20}>\\n      <Col>\\n        <Steps current={1} direction=\\\"vertical\\\" style={{ padding: '20px 0' }}>\\n          <Steps.Step title=\\\"已完成\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step title=\\\"进行中\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step status=\\\"error\\\" title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n          <Steps.Step title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n        </Steps>\\n      </Col>\\n      <Col>\\n        <Steps direction=\\\"vertical\\\" progressDot status=\\\"error\\\" current={2} style={{ padding: '20px 0' }}>\\n          <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n          <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n        </Steps>\\n      </Col>\\n    </Row>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n## Props\\n\\n### Steps\\n\\n| 参数      | 说明    | 类型      |  默认值   |\\n|--------- |-------- |---------- |-------- |\\n| current | 指定当前步骤，从 `0` 开始记数。| Number | `0` |\\n| status | 当前步骤的状态，可选值为`wait`、`process`、`finish`、`error` | String | `process` |\\n| direction | 指定步骤条方向，支持水平`vertical`、`horizontal` |  | `horizontal` |\\n| progressDot | 点状步骤条|  | `horizontal` |\\n\\n### Steps.Step\\n\\n| 参数      | 说明    | 类型      |  默认值   |\\n|--------- |-------- |---------- |-------- |\\n| status | 指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。可选：`wait` `process` `finish` `error` | String | `wait` |\\n| title | 指定每个步骤标题 | String/ReactNode | - |\\n| description | 步骤的详情描述，可选 | String/ReactNode | - |\\n| icon | 步骤的图标，字符串类型从`<Icon/>`组件中找，可选 | ReactNode | - |\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Steps","current","style","padding","Step","title","description","_icons","icon","Icon","type","spin","color","StepsStyleItemHeadInnerSvg","as","Message","status","progressDot","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","conStyle","minHeight","backgroundColor","textAlign","borderRadius","paddingTop","marginTop","steps","content","_React$useState2","useState","setCurrent","map","item","key","Button","size","onClick","Notify","open","marginLeft","Row","gutter","Col","direction","data","source"],"sourceRoot":""}