@ccs-ui/rc-pro 2.5.1 → 2.5.2

package/es/page-layout/keep-alive/index.js

@@ -17,7 +17,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { MoreOutlined } from '@ant-design/icons';
 import CcsUtils from '@ccs-ui/utils';
 import { useMemoizedFn, useUpdate, useUpdateEffect } from 'ahooks';
-import { Button, Dropdown, Tabs } from 'antd';
+import { Breadcrumb, Button, Dropdown, Tabs } from 'antd';
 import classnames from 'classnames';
 import updateHelper from 'immutability-helper';
 import { useCallback, useMemo, useRef } from 'react';
@@ -126,7 +126,7 @@ export function findMenusByUrl(tree, targetUrl) {
   return null;
 }
 function KeepAliveTabs(_ref) {
-  var _defaultPage$menu;
+  var _defaultPage$menu, _routeProps$meta;
   var _ref$maxLen = _ref.maxLen,
     maxLen = _ref$maxLen === void 0 ? 10 : _ref$maxLen,
     appName = _ref.appName,
@@ -136,8 +136,11 @@ function KeepAliveTabs(_ref) {
     className = _ref.className,
     hideBreadcrumb = _ref.hideBreadcrumb,
     defaultPage = _ref.defaultPage,
-    basePath = _ref.basePath;
+    basePath = _ref.basePath,
+    useRouteProps = _ref.useRouteProps,
+    breadcrumbStyle = _ref.breadcrumbStyle;
   var location = useLocation();
+  var routeProps = (useRouteProps === null || useRouteProps === void 0 ? void 0 : useRouteProps()) || {};
 
   // 路由集合、添加默认页
   var routers = useRef(defaultPage ? [{
@@ -148,7 +151,7 @@ function KeepAliveTabs(_ref) {
     urlAuthList: ((_defaultPage$menu = defaultPage.menu) === null || _defaultPage$menu === void 0 || (_defaultPage$menu = _defaultPage$menu.btnAuth) === null || _defaultPage$menu === void 0 ? void 0 : _defaultPage$menu.map(function (b) {
       return b.code;
     })) || [],
-    breadcrumb: hideBreadcrumb || defaultPage.menu.hideBreadcrumb ? [] : [{
+    breadcrumb: hideBreadcrumb || (_routeProps$meta = routeProps.meta) !== null && _routeProps$meta !== void 0 && _routeProps$meta.hideBreadcrumb ? [] : [{
       key: '-1',
       title: '首页',
       href: basePath || undefined
@@ -196,6 +199,7 @@ function KeepAliveTabs(_ref) {
 
   // 当前菜单
   var curMenu = useMemo(function () {
+    var _routeProps$meta2;
     // 上下级菜单
     var menus = findMenusByUrl(menuItems, pathname) || [];
     // 当前菜单
@@ -253,7 +257,7 @@ function KeepAliveTabs(_ref) {
     }();
     if (menu) saveHistory();
     var breadcrumb = [];
-    if (!hideBreadcrumb && !(menu !== null && menu !== void 0 && menu.hideBreadcrumb)) {
+    if (!hideBreadcrumb && !((_routeProps$meta2 = routeProps.meta) !== null && _routeProps$meta2 !== void 0 && _routeProps$meta2.hideBreadcrumb)) {
       // 面包屑数据
       breadcrumb = menus.map(function (m) {
         return {
@@ -417,17 +421,26 @@ function KeepAliveTabs(_ref) {
         }));
       }
     }), routers.current.map(function (_ref4) {
+      var _routeProps$meta3;
       var key = _ref4.key,
         urlAuthList = _ref4.urlAuthList,
         outlet = _ref4.outlet,
-        breadcrumb = _ref4.breadcrumb,
+        _ref4$breadcrumb = _ref4.breadcrumb,
+        breadcrumb = _ref4$breadcrumb === void 0 ? [] : _ref4$breadcrumb,
         pageLocation = _ref4.pageLocation;
       return /*#__PURE__*/_jsx(Page, {
         active: pageLocation.pathname === pathname,
         location: pageLocation,
         onDestroy: onDestroy,
         urlAuthList: urlAuthList,
-        breadcrumb: breadcrumb,
+        isCustomLayout: (_routeProps$meta3 = routeProps.meta) === null || _routeProps$meta3 === void 0 ? void 0 : _routeProps$meta3.isCustomLayout,
+        breadcrumb: breadcrumb.length > 0 && /*#__PURE__*/_jsx(Breadcrumb, {
+          items: breadcrumb,
+          className: "ccs-breadcrumb",
+          style: _objectSpread({
+            marginTop: -6
+          }, breadcrumbStyle)
+        }),
         children: outlet
       }, key);
     })]

package/es/page-layout/keep-alive/page.d.ts

@@ -1,13 +1,15 @@
-import { CSSProperties } from 'react';
+import { ReactNode } from 'react';
 import { Location } from 'react-router';
 import { CacheRouter } from '.';
-export type CachePageProps = Pick<CacheRouter, 'breadcrumb' | 'urlAuthList' | 'children'> & {
+export type CachePageProps = Pick<CacheRouter, 'urlAuthList' | 'children'> & {
     /** 选中状态 */
     active: boolean;
     /** router location */
     location: Location;
-    /** 语义化style */
-    breadcrumbStyle?: CSSProperties;
+    /** 面包屑 */
+    breadcrumb?: ReactNode;
+    /** 是否自定义布局 */
+    isCustomLayout?: boolean;
     /** 销毁页面 */
     onDestroy: (path: string) => void;
 };

package/es/page-layout/keep-alive/page.js

@@ -1,4 +1,9 @@
-import { Breadcrumb } from 'antd';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import classNames from 'classnames';
 import { memo, useRef } from 'react';
 import { PageContext } from "../../context";
@@ -13,7 +18,7 @@ function CachePage(props) {
     _props$breadcrumb = props.breadcrumb,
     breadcrumb = _props$breadcrumb === void 0 ? [] : _props$breadcrumb,
     location = props.location,
-    breadcrumbStyle = props.breadcrumbStyle;
+    isCustomLayout = props.isCustomLayout;
   var id = "_tab_content_".concat(location.key);
   var dialogHolderRef = useRef(null);
   return /*#__PURE__*/_jsx(PageContext.Provider, {
@@ -22,7 +27,6 @@ function CachePage(props) {
       dialogHolderRef: dialogHolderRef,
       isActive: active,
       location: location,
-      breadcrumb: breadcrumb,
       onDestroy: onDestroy,
       onAuth: function onAuth(e) {
         return urlAuthList.includes(e);
@@ -30,24 +34,23 @@ function CachePage(props) {
     },
     children: /*#__PURE__*/_jsx("div", {
       id: id,
-      style: {
+      style: _objectSpread({
         display: active ? 'block' : 'none'
-      },
+      }, isCustomLayout ? {
+        padding: 0,
+        overflow: 'hidden'
+      } : {}),
       className: "ccs-tab-item",
       "data-display": active,
       children: /*#__PURE__*/_jsxs("div", {
         className: classNames('ccs-layout-page', {
           'page-avtive': active
         }),
-        children: [/*#__PURE__*/_jsx("div", {
-          className: breadcrumb && breadcrumb.length ? 'page-top-10' : 'page-top-16'
-        }), breadcrumb.length > 0 && /*#__PURE__*/_jsx(Breadcrumb, {
-          items: breadcrumb,
-          className: "ccs-breadcrumb",
-          style: breadcrumbStyle
-        }), children, /*#__PURE__*/_jsx(DialogElementsHolder, {
+        children: [!isCustomLayout && /*#__PURE__*/_jsx("div", {
+          className: "page-top-16"
+        }), breadcrumb, children, /*#__PURE__*/_jsx(DialogElementsHolder, {
           ref: dialogHolderRef
-        }, "modal-drawer-holder"), /*#__PURE__*/_jsx("div", {
+        }, "modal-drawer-holder"), !isCustomLayout && /*#__PURE__*/_jsx("div", {
           className: "page-bottom"
         })]
       })

package/es/page-layout/single-page/index.d.ts

@@ -1,5 +1,5 @@
 import { SinglePageProps } from '../_api';
-declare function SinglePage({ appName, menuItems, breadcrumbStyle, hideBreadcrumb, children, basePath, }: SinglePageProps): import("react/jsx-runtime").JSX.Element;
+declare function SinglePage({ appName, menuItems, breadcrumbStyle, hideBreadcrumb, children, basePath, useRouteProps, }: SinglePageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SinglePage {
     var displayName: string;
 }

package/es/page-layout/single-page/index.js

@@ -1,27 +1,43 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useInsertCss } from "../../hooks/use-insert-css";
+import { Breadcrumb } from 'antd';
 import { useMemo } from 'react';
 import { useLocation } from 'react-router';
 import { useOutlet } from 'react-router-dom';
 import CcsResult from "../../result";
 import { findMenusByUrl } from "../keep-alive";
 import Page from "./page";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 function SinglePage(_ref) {
+  var _routeProps$meta2;
   var appName = _ref.appName,
     _ref$menuItems = _ref.menuItems,
     menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
     breadcrumbStyle = _ref.breadcrumbStyle,
     hideBreadcrumb = _ref.hideBreadcrumb,
     children = _ref.children,
-    basePath = _ref.basePath;
+    basePath = _ref.basePath,
+    useRouteProps = _ref.useRouteProps;
   var location = useLocation();
   var pathname = location.pathname;
   var outlet = useOutlet();
+  var routeProps = (useRouteProps === null || useRouteProps === void 0 ? void 0 : useRouteProps()) || {};
+
+  // 添加额外样式
+  useInsertCss('single-page', function (prefixCls) {
+    return [".ccs-tabs-auto-height > .".concat(prefixCls, "-tabs-content-holder,\n        .ccs-tabs-auto-height > .").concat(prefixCls, "-tabs-content-holder > .").concat(prefixCls, "-tabs-content,\n        .ccs-tabs-auto-height > .").concat(prefixCls, "-tabs-content-holder > .").concat(prefixCls, "-tabs-content > div,\n        .ccs-tabs-auto-height> .").concat(prefixCls, "-tabs-content-holder> .").concat(prefixCls, "-tabs-content> div> .ccs-pl { height: 100%;}")];
+  });
 
   // 当前菜单
   var menuInfo = useMemo(function () {
-    var _menu$btnAuth;
+    var _routeProps$meta, _menu$btnAuth;
     var menus = findMenusByUrl(menuItems, pathname) || [];
     var menu = menus === null || menus === void 0 ? void 0 : menus.at(-1);
     if (!menu) return undefined;
@@ -31,7 +47,7 @@ function SinglePage(_ref) {
       document.title = "".concat((menu === null || menu === void 0 ? void 0 : menu.label) || (menu === null || menu === void 0 ? void 0 : menu.url), " - ").concat(appName);
     }, 10);
     var breadcrumb = [];
-    if (!hideBreadcrumb && !(menu !== null && menu !== void 0 && menu.hideBreadcrumb)) {
+    if (!hideBreadcrumb && !((_routeProps$meta = routeProps.meta) !== null && _routeProps$meta !== void 0 && _routeProps$meta.hideBreadcrumb)) {
       breadcrumb = menus.map(function (m) {
         return {
           key: m.key,
@@ -56,8 +72,14 @@ function SinglePage(_ref) {
     children: menuInfo !== null && menuInfo !== void 0 && menuInfo.auth ? /*#__PURE__*/_jsx(Page, {
       location: location,
       urlAuthList: menuInfo.auth,
-      breadcrumb: menuInfo.breadcrumb,
-      breadcrumbStyle: breadcrumbStyle,
+      breadcrumb: menuInfo.breadcrumb.length > 0 && /*#__PURE__*/_jsx(Breadcrumb, {
+        items: menuInfo.breadcrumb,
+        className: "ccs-breadcrumb",
+        style: _objectSpread({
+          marginTop: -6
+        }, breadcrumbStyle)
+      }),
+      isCustomLayout: (_routeProps$meta2 = routeProps.meta) === null || _routeProps$meta2 === void 0 ? void 0 : _routeProps$meta2.isCustomLayout,
       children: /*#__PURE__*/_jsxs(_Fragment, {
         children: [outlet, children]
       })

package/es/page-layout/single-page/page.d.ts

@@ -1,13 +1,15 @@
-import { CSSProperties, JSXElementConstructor, ReactElement } from 'react';
+import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
 import { Location } from 'react-router';
 import { CacheRouter } from '../keep-alive';
-export type PageProps = Pick<CacheRouter, 'breadcrumb' | 'urlAuthList'> & {
+export type PageProps = Pick<CacheRouter, 'urlAuthList'> & {
     /** router location */
     location: Location;
+    /** 面包屑 */
+    breadcrumb?: ReactNode;
+    /** 是否自定义布局 */
+    isCustomLayout?: boolean;
     /** children */
     children: ReactElement<any, string | JSXElementConstructor<any>> | null;
-    /** 语义化style */
-    breadcrumbStyle?: CSSProperties;
 };
 declare const _default: import("react").MemoExoticComponent<(props: PageProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/page-layout/single-page/page.js

@@ -1,4 +1,9 @@
-import { Breadcrumb } from 'antd';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { memo, useRef } from 'react';
 import { PageContext } from "../../context";
 import { DialogElementsHolder } from "../../dialog/hook";
@@ -10,7 +15,9 @@ export default /*#__PURE__*/memo(function (props) {
     _props$urlAuthList = props.urlAuthList,
     urlAuthList = _props$urlAuthList === void 0 ? [] : _props$urlAuthList,
     _props$breadcrumb = props.breadcrumb,
-    breadcrumb = _props$breadcrumb === void 0 ? [] : _props$breadcrumb;
+    breadcrumb = _props$breadcrumb === void 0 ? [] : _props$breadcrumb,
+    _props$isCustomLayout = props.isCustomLayout,
+    isCustomLayout = _props$isCustomLayout === void 0 ? false : _props$isCustomLayout;
   var dialogHolderRef = useRef(null);
   return /*#__PURE__*/_jsx(PageContext.Provider, {
     value: {
@@ -27,15 +34,15 @@ export default /*#__PURE__*/memo(function (props) {
     },
     children: /*#__PURE__*/_jsxs("div", {
       className: "ccs-layout-page single-page",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: breadcrumb.length ? 'page-top-10' : 'page-top-16'
-      }), breadcrumb.length > 0 && /*#__PURE__*/_jsx(Breadcrumb, {
-        items: breadcrumb,
-        className: "ccs-breadcrumb",
-        style: props.breadcrumbStyle
-      }), children, /*#__PURE__*/_jsx(DialogElementsHolder, {
+      style: _objectSpread({}, isCustomLayout ? {
+        padding: 0,
+        overflow: 'hidden'
+      } : {}),
+      children: [!isCustomLayout && /*#__PURE__*/_jsx("div", {
+        className: "page-top-16"
+      }), breadcrumb, children, /*#__PURE__*/_jsx(DialogElementsHolder, {
         ref: dialogHolderRef
-      }, "modal-drawer-holder"), /*#__PURE__*/_jsx("div", {
+      }, "modal-drawer-holder"), !isCustomLayout && /*#__PURE__*/_jsx("div", {
         className: "page-bottom"
       })]
     })

package/es/pro-table/table.js

@@ -90,10 +90,13 @@ var InternalProTable = function InternalProTable(props) {
     onEvent = props.onEvent;
   // antd config
   var config = useContext(ConfigContext);
+  // antd theme token
+  var _antTheme$useToken = antTheme.useToken(),
+    token = _antTheme$useToken.token;
 
   // 添加额外样式
   useInsertCss('table', function (prefixCls) {
-    return [".ccs-pl .".concat(prefixCls, "-table-title {padding: 0 !important;} ")];
+    return [".ccs-pl .".concat(prefixCls, "-table-title {padding: 0 !important;} "), ".ccs-pl .ant-table .ant-table-container .ant-table-body {scrollbar-width: thin;scrollbar-color: ".concat(token.colorBorder, " transparent;scrollbar-gutter: stable;} ")];
   });
 
   // table 参数
@@ -131,9 +134,6 @@ var InternalProTable = function InternalProTable(props) {
   // CCS 组件上下文配置
   var _useAppConfig = useAppConfig(),
     theme = _useAppConfig.theme;
-  // antd theme token
-  var _antTheme$useToken = antTheme.useToken(),
-    token = _antTheme$useToken.token;
   var _usePageRequest = usePageRequest({
       auth: auth,
       rowKey: rowKey,

package/es/table/index.js

@@ -94,18 +94,18 @@ var CustomTable = function CustomTable(props) {
             if (node.classList.contains("".concat(prefixCls, "-table-body"))) {
               antTablebody = node;
             } else {
-              childHeights.push(node.clientHeight || 0);
+              childHeights.push(node.offsetHeight || 0);
             }
           });
         } else {
-          childHeights.push(e.clientHeight || 0);
+          childHeights.push(e.offsetHeight || 0);
         }
       });
 
       // 分页高度
       var pagination = tableTarget.getElementsByClassName("".concat(prefixCls, "-pagination"));
       if (pagination && pagination.length > 0) {
-        childHeights.push(pagination[0].clientHeight);
+        childHeights.push(pagination[0].offsetHeight);
       }
 
       // 计算body滚动高度
@@ -230,7 +230,7 @@ var CustomTable = function CustomTable(props) {
         simple: restProps.size === 'small',
         className: 'ccs-table-pagination',
         style: {
-          borderTop: "1px solid ".concat(token.colorBorderSecondary)
+          boxShadow: "0 -1px 0 ".concat(token.colorBorderSecondary)
         }
       }, pagination),
       rowSelection: rowSelection ? _objectSpread(_objectSpread({}, rowSelection), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "",
   "license": "MIT",
   "author": {

package/docs-dist/upload__demos.003b4cc5.async.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkccs_ui=self.webpackChunkccs_ui||[]).push([[43],{90828:function(D,t,u){u.r(t),u.d(t,{default:function(){return f}});var a=u(48305),d=u.n(a),m=u(80882),e=u(80729),c=u(8984),_=u(18466),n=u(52676),E=function(){return new Promise(function(s){setTimeout(function(){s({success:!0,data:"fileid-".concat(Date.now()),message:"\u4E0A\u4F20\u6210\u529F"})},1500)})};function f(){var i=e.Z.useForm(),s=d()(i,1),o=s[0];return(0,n.jsxs)(e.Z,{form:o,onFinish:function(l){console.log("onFinish values",l),alert(JSON.stringify(l))},initialValues:{fileData:{uid:"1",name:"\u6587\u4EF61",url:"https://www.baidu.com"}},children:[(0,n.jsx)(e.Z.Item,{name:"fileData",label:"\u6587\u4EF6\u4E0A\u4F20",children:(0,n.jsx)(m.default,{uploadRequest:E,uploadText:"\u4E0A\u4F20\u6587\u4EF6",maxCount:3,valueFormat:"id"})}),(0,n.jsx)(e.Z.Item,{wrapperCol:{offset:3},children:(0,n.jsxs)(c.Z,{children:[(0,n.jsx)(_.ZP,{type:"primary",htmlType:"submit",children:"\u67E5\u770B\u4E0A\u4F20\u7ED3\u679C"}),(0,n.jsx)(_.ZP,{onClick:function(){return o.resetFields()},children:"\u91CD\u7F6E"}),(0,n.jsx)(_.ZP,{onClick:function(){return o.setFieldsValue({fileData:[]})},children:"\u6E05\u7A7A"})]})})]})}},22946:function(D,t,u){u.r(t),u.d(t,{default:function(){return f}});var a=u(48305),d=u.n(a),m=u(80882),e=u(80729),c=u(8984),_=u(18466),n=u(52676),E=function(){return new Promise(function(s){setTimeout(function(){s({success:!0,data:"fileid-".concat(Date.now()),message:"\u4E0A\u4F20\u6210\u529F"})},1500)})};function f(){var i=e.Z.useForm(),s=d()(i,1),o=s[0];return(0,n.jsxs)(e.Z,{form:o,onFinish:function(l){console.log("onFinish values",l),alert(JSON.stringify(l))},initialValues:{imageData:[{uid:"1",name:"\u6587\u4EF61",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"},{uid:"2",name:"\u6587\u4EF62",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}]},children:[(0,n.jsx)(e.Z.Item,{name:"imageData",label:"\u56FE\u7247\u4E0A\u4F20",children:(0,n.jsx)(m.default.Image,{uploadRequest:E,uploadText:"\u4E0A\u4F20\u56FE\u7247",valueFormat:"arrayId",maxCount:3})}),(0,n.jsx)(e.Z.Item,{wrapperCol:{offset:3},children:(0,n.jsxs)(c.Z,{children:[(0,n.jsx)(_.ZP,{type:"primary",htmlType:"submit",children:"\u67E5\u770B\u4E0A\u4F20\u7ED3\u679C"}),(0,n.jsx)(_.ZP,{onClick:function(){return o.resetFields()},children:"\u91CD\u7F6E"})]})})]})}}}]);