@teamix/pro 1.2.10 → 1.2.11

package/es/actions/base.d.ts

@@ -1,13 +1,23 @@
+import { MaybePromise } from '@teamix/utils';
 export interface BaseAction {
+    /** 事件触发方式，默认是 onClick */
     trigger?: string;
-    onTrigger?: () => void;
-    onFinish?: (prams?: any) => any;
+    /** 事件发生时，是否执行 e.preventDefault() 方法 */
     preventDefault?: boolean;
+    /** 事件发生时，是否执行 e.stopPropagation() 方法 */
     stopPropagation?: boolean;
-    schema?: any;
-    component?: any;
+    /** 事件执行前的处理函数
+     * 如果返回 false 或者 Promise<false>，则停止 Action 执行。
+     * 如果返回 true 或者 Promise<true>，则正常执行 Action。
+     * 如果返回其他对象，则正常执行 Action，并把返回的对象放到接下来 Action 的上下文中。
+     */
+    beforeAction?: () => MaybePromise<any>;
+    /** 事件开始执行后的回调函数 */
+    onTrigger?: () => void;
+    /** 事件开始执行完毕的回调函数 */
+    onFinish?: (params?: any) => any;
 }
-export declare function eventHandler(action: BaseAction, onTrigger: () => void): {
-    [x: string]: (e: React.MouseEvent<HTMLElement>) => void;
+export declare function eventHandler(action: BaseAction, actionContext: any, onTrigger: (context: any) => void): {
+    [x: string]: (e: React.MouseEvent<HTMLElement>) => Promise<void>;
 };
 export default eventHandler;

package/es/actions/base.js

@@ -1,23 +1,77 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-export function eventHandler(action, onTrigger) {
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+import { resolveMaybePromiseMethod } from '@teamix/utils';
+export function eventHandler(action, actionContext, onTrigger) {
   var _action$trigger = action.trigger,
       trigger = _action$trigger === void 0 ? 'onClick' : _action$trigger,
       preventDefault = action.preventDefault,
-      stopPropagation = action.stopPropagation;
-  return _defineProperty({}, "".concat(trigger), function _(e) {
-    var _action$onTrigger;
+      stopPropagation = action.stopPropagation,
+      beforeAction = action.beforeAction;
+  return _defineProperty({}, "".concat(trigger), function () {
+    var _2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+      var _action$onTrigger;
 
-    if (preventDefault) {
-      e.preventDefault();
-    }
+      var beforeActionContext;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (preventDefault) {
+                e.preventDefault();
+              }
+
+              if (stopPropagation) {
+                e.stopPropagation();
+              }
+
+              if (!beforeAction) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.prev = 3;
+              _context.next = 6;
+              return resolveMaybePromiseMethod(beforeAction, actionContext);
+
+            case 6:
+              beforeActionContext = _context.sent;
+              _context.next = 12;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](3);
+              beforeActionContext = false;
+
+            case 12:
+              if (!(beforeActionContext === false)) {
+                _context.next = 14;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 14:
+              onTrigger(Object.assign({}, beforeActionContext, actionContext));
+              (_action$onTrigger = action.onTrigger) === null || _action$onTrigger === void 0 ? void 0 : _action$onTrigger.call(action);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 9]]);
+    }));
 
-    if (stopPropagation) {
-      e.stopPropagation();
+    function _(_x) {
+      return _2.apply(this, arguments);
     }
 
-    onTrigger();
-    (_action$onTrigger = action.onTrigger) === null || _action$onTrigger === void 0 ? void 0 : _action$onTrigger.call(action);
-  });
+    return _;
+  }());
 }
 export default eventHandler;

package/es/actions/confirm.d.ts

@@ -2,6 +2,6 @@ import { DialogAction } from './dialog';
 export interface ConfirmAction extends DialogAction {
 }
 export declare function useConfirmAction(action: DialogAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useConfirmAction;

package/es/actions/danger-confirm.d.ts

@@ -2,6 +2,6 @@ import { DialogAction } from './dialog';
 export interface DangerConfirmAction extends DialogAction {
 }
 export declare function useDangerConfirmAction(action: DialogAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDangerConfirmAction;

package/es/actions/dialog-component.d.ts

@@ -5,6 +5,6 @@ export interface DialogComponentAction extends DialogAction {
     component: React.FC<any>;
 }
 export declare function useDialogComponentAction(action: DialogComponentAction, context?: any): {
-    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDialogComponentAction;

package/es/actions/dialog-form.d.ts

@@ -17,6 +17,6 @@ export interface DialogFormAction extends DialogAction {
     schema: ProFormSchema | ProFormProps;
 }
 export declare function useDialogFormAction(action: DialogFormAction, context?: any): {
-    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDialogFormAction;

package/es/actions/dialog-form.js

@@ -140,14 +140,14 @@ export function useDialogFormAction(action, context) {
   return useDialogAction(Object.assign({
     size: size,
     closeable: true,
-    content: function content() {
+    content: function content(contentContext) {
       var dialogFormProps = {
         initialValues: initialValues,
         initialRequest: initialRequest,
         schema: schema,
         size: size,
         formProps: formProps,
-        context: context
+        context: contentContext
       };
       return /*#__PURE__*/React.createElement(DialogForm, _objectSpread({
         formRef: formRef

package/es/actions/dialog-info.d.ts

@@ -4,6 +4,6 @@ export interface DialogInfoAction extends DialogAction {
     schema: ProInfoProps;
 }
 export declare function useDialogInfoAction(action: DialogInfoAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDialogInfoAction;

package/es/actions/dialog-table.d.ts

@@ -4,6 +4,6 @@ export interface DialogTableAction extends DialogAction {
     schema: ProTableProps;
 }
 export declare function useDialogTableAction(action: DialogTableAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDialogTableAction;

package/es/actions/dialog.d.ts

@@ -21,8 +21,12 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
     afterContent?: React.ReactNode;
     /** 弹窗页脚描述区，位于按钮组的对面 */
     footerDescription?: React.ReactNode | ProFormSchema | ProFormSchemaItem;
+    /** 弹窗内容组件的 schema */
+    schema?: any;
+    /** 弹窗内容区的组件 */
+    component?: any;
 }
-export declare function useDialogAction(action: DialogAction, context?: any): {
-    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+export declare function useDialogAction(action: DialogAction, actionContext?: any): {
+    [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDialogAction;

package/es/actions/dialog.js

@@ -68,7 +68,7 @@ function getFooterAlignClass(isDrawer, align) {
 } // 弹窗 -> 请求（点击确认，发送数据请求）
 
 
-export function useDialogAction(action, context) {
+export function useDialogAction(action, actionContext) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       loading = _useState2[0],
@@ -77,7 +77,7 @@ export function useDialogAction(action, context) {
   var footerDescriptionRef = useRef();
   var history = useHistory();
 
-  var onActionStart = function onActionStart() {
+  var onActionStart = function onActionStart(context) {
     var url = action.url,
         method = action.method,
         params = action.params,
@@ -242,6 +242,6 @@ export function useDialogAction(action, context) {
     store.hide = ret.hide;
   };
 
-  return _objectSpread({}, eventHandler(action, onActionStart));
+  return _objectSpread({}, eventHandler(action, actionContext, onActionStart));
 }
 export default useDialogAction;

package/es/actions/drawer-form.d.ts

@@ -1,6 +1,6 @@
 import { DialogFormAction } from './dialog-form';
 export declare type DrawerFormAction = DialogFormAction;
 export declare function useDrawerFormAction(action: DrawerFormAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDrawerFormAction;

package/es/actions/drawer-info.d.ts

@@ -1,6 +1,6 @@
 import { DialogInfoAction } from './dialog-info';
 export declare type DrawerInfoAction = DialogInfoAction;
 export declare function useDrawerInfoAction(action: DrawerInfoAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDrawerInfoAction;

package/es/actions/drawer-table.d.ts

@@ -1,6 +1,6 @@
 import { DialogTableAction } from './dialog-table';
 export declare type DrawerTableAction = DialogTableAction;
 export declare function useDrawerTableAction(action: DrawerTableAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDrawerTableAction;

package/es/actions/drawer.d.ts

@@ -1,6 +1,6 @@
 import { DialogAction } from './dialog';
 export declare type DrawerAction = Omit<DialogAction, 'dialogQuickShowType' | 'messageType'>;
 export declare function useDrawerAction(action: DrawerAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useDrawerAction;

package/es/actions/error.d.ts

@@ -2,6 +2,6 @@ import { DialogAction } from './dialog';
 export interface ErrorAction extends DialogAction {
 }
 export declare function useErrorAction(action: DialogAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useErrorAction;

package/es/actions/link.d.ts

@@ -2,7 +2,7 @@ import { LocationHistory } from '@teamix/utils';
 import { BaseAction } from './base';
 export interface LinkAction extends BaseAction, LocationHistory {
 }
-export declare function useLinkAction(action: LinkAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+export declare function useLinkAction(action: LinkAction, actionContext?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useLinkAction;

package/es/actions/link.js

@@ -7,9 +7,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { getTargetValue, goToLink } from '@teamix/utils';
 import { useHistory } from 'react-router-dom';
 import { eventHandler } from './base';
-export function useLinkAction(action, context) {
+export function useLinkAction(action, actionContext) {
   var history = useHistory();
-  return _objectSpread({}, eventHandler(action, function () {
+  return _objectSpread({}, eventHandler(action, actionContext, function (context) {
     var linkAction = getTargetValue(action, context);
     goToLink(linkAction, history);
   }));

package/es/actions/notice.d.ts

@@ -2,6 +2,6 @@ import { DialogAction } from './dialog';
 export interface NoticeAction extends DialogAction {
 }
 export declare function useNoticeAction(action: DialogAction, context?: any): {
-    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
 };
 export default useNoticeAction;

package/es/actions/request.d.ts

@@ -3,7 +3,7 @@ import { BaseAction } from './base';
 export interface RequestAction extends CommonRequestConfig, BaseAction {
 }
 export declare function doRequest(action: RequestAction, context?: any, history?: any, extraParams?: any): Promise<unknown>;
-export declare function useRequestAction(action: RequestAction, context?: any): {
+export declare function useRequestAction(action: RequestAction, actionContext?: any): {
     loading: boolean;
 };
 export default useRequestAction;

package/es/actions/request.js

@@ -37,7 +37,7 @@ export function doRequest(action, context, history, extraParams) {
     method: method
   }, others), context, history, extraParams);
 }
-export function useRequestAction(action, context) {
+export function useRequestAction(action, actionContext) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       loading = _useState2[0],
@@ -48,7 +48,7 @@ export function useRequestAction(action, context) {
   var onFinish = action.onFinish,
       others = _objectWithoutProperties(action, _excluded2);
 
-  return _objectSpread(_objectSpread({}, eventHandler(action, function () {
+  return _objectSpread(_objectSpread({}, eventHandler(action, actionContext, function (context) {
     setLoading(true);
     doRequest(_objectSpread({}, others), context, history).then(function () {
       setLoading(false);

package/es/card/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ProTagItem } from '../utils/components/tags';
 import { ProActionGroupProps } from '../actions';
 import './index.scss';
 export * from './card-container';
@@ -13,6 +14,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     tooltip?: React.ReactNode;
     /** 标题右侧图标 */
     tooltipIcon?: React.ReactNode;
+    /** 标签组 */
+    tags?: ProTagItem[];
     /** 标题右侧描述 */
     description?: React.ReactNode;
     /** 额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
@@ -35,6 +38,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     centered?: boolean;
     /** 加载中状态 */
     loading?: boolean;
+    /** 空状态 */
+    empty?: boolean;
     /** 边框颜色 */
     borderColor?: 'blue' | 'green' | 'red' | 'orange' | 'yellow' | 'grey' | 'transparent' | 'none';
     /** 背景色 */
@@ -83,9 +88,13 @@ export declare const ProCard: {
         (props: import("./selectable").ProCardSelectableProps): JSX.Element;
         defaultProps: {
             hoveredShadow: boolean;
-        };
+        }; /** 标签组 */
         isProCard: boolean;
     };
+    Tab: {
+        (props: import("@alifd/next/types/tab").TabProps): JSX.Element;
+        Item: typeof import("@alifd/next/types/tab").Item;
+    };
     isProCard: boolean;
 };
 export default ProCard;

package/es/card/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["context"],
-    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -25,14 +25,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import classnames from 'classnames';
+import Result from '@teamix/result';
 import { Card as BasicCard, Balloon } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
-import { baseClass } from '@teamix/utils';
+import { baseClass, getMessage } from '@teamix/utils';
+import { renderTags } from '../utils/components/tags';
 import { ProSkeletonRaw } from '../skeleton';
 import { ProActionGroup } from '../actions';
 import { formatSpacing, getColClassAndStyle } from './utils';
 import ProCardDivider from './divider';
 import ProCardSelectable from './selectable';
+import ProCardTab from './tab';
 import './index.scss';
 export * from './card-container';
 var cls = baseClass('teamix-pro-card');
@@ -74,6 +77,7 @@ export var ProCard = function ProCard(props) {
       subTitle = props.subTitle,
       tooltip = props.tooltip,
       tooltipIcon = props.tooltipIcon,
+      tags = props.tags,
       description = props.description,
       extra = props.extra,
       actions = props.actions,
@@ -86,6 +90,7 @@ export var ProCard = function ProCard(props) {
       compacted = props.compacted,
       centered = props.centered,
       loading = props.loading,
+      empty = props.empty,
       borderColor = props.borderColor,
       backgroundColor = props.backgroundColor,
       contentClassName = props.contentClassName,
@@ -176,7 +181,7 @@ export var ProCard = function ProCard(props) {
   }, _defineProperty(_classnames, "border-".concat(borderColor), borderColor), _defineProperty(_classnames, "compacted", compacted), _defineProperty(_classnames, "hoverable", hoveredShadow), _classnames));
   var cardContentClassName = classnames(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames2 = {
     'contain-pro-card': containProCard
-  }, _defineProperty(_classnames2, "split-".concat(split), split), _defineProperty(_classnames2, 'flex-wrap', wrap), _defineProperty(_classnames2, "centered", centered), _classnames2));
+  }, _defineProperty(_classnames2, "split-".concat(split), split), _defineProperty(_classnames2, 'flex-wrap', wrap), _defineProperty(_classnames2, "centered", centered || empty), _classnames2));
   var cardContentMargin = containProCard && !split ? {
     marginRight: -horizonal,
     marginLeft: -horizonal,
@@ -211,7 +216,7 @@ export var ProCard = function ProCard(props) {
     }, /*#__PURE__*/React.createElement(Balloon.Tooltip, {
       align: "t",
       trigger: tooltipTrigger
-    }, tooltip)), description && /*#__PURE__*/React.createElement("div", {
+    }, tooltip)), tags && renderTags(tags, 'small'), description && /*#__PURE__*/React.createElement("div", {
       className: cls('title-description')
     }, description));
   };
@@ -236,7 +241,16 @@ export var ProCard = function ProCard(props) {
   }, loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/React.createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
-  }, childrenModified)));
+  }, empty && /*#__PURE__*/React.createElement("div", {
+    className: cls('empty')
+  }, childrenModified ? childrenModified : /*#__PURE__*/React.createElement(Result, {
+    theme: "hybridcloud-container",
+    img: "noData",
+    title: getMessage('noData'),
+    style: {
+      padding: '50px 0 60px'
+    }
+  })), !empty && childrenModified)));
 };
 ProCard.defaultProps = {
   bordered: true,
@@ -245,5 +259,6 @@ ProCard.defaultProps = {
 };
 ProCard.Divider = ProCardDivider;
 ProCard.Selectable = ProCardSelectable;
+ProCard.Tab = ProCardTab;
 ProCard.isProCard = true;
 export default ProCard;

package/es/card/index.scss

@@ -153,6 +153,25 @@
     }
   }
 
+  &-tab {
+    margin-top: calc(0px - var(--s-2));
+
+    & > .next-tabs-bar {
+      border-bottom: none;
+    }
+
+    & > .next-tabs-content {
+      padding-top: var(--s-5, 20px);
+    }
+  }
+
+  &-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--color-text1-8, #848484);
+  }
+
   & > .next-card-actions {
     & > .teamix-pro-actions {
       & > .next-btn {

package/es/card/tab.d.ts

@@ -0,0 +1,6 @@
+import { TabProps } from '@alicloudfe/components/types/tab';
+declare const ProCardTab: {
+    (props: TabProps): JSX.Element;
+    Item: typeof import("@alifd/next/types/tab").Item;
+};
+export default ProCardTab;

package/es/card/tab.js

@@ -0,0 +1,27 @@
+var _excluded = ["className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import classnames from 'classnames';
+import { Tab } from '@alicloudfe/components';
+
+var ProCardTab = function ProCardTab(props) {
+  var className = props.className,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tab, _objectSpread({
+    className: classnames('teamix-pro-card-tab', className)
+  }, others));
+};
+
+ProCardTab.Item = Tab.Item;
+export default ProCardTab;

package/es/form/ProForm/index.js

@@ -57,7 +57,8 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       context: context
     });
   }, [scope, context]);
-  var onAutoSubmit = useAutoSubmit(onSubmit);
+  var onAutoSubmit = useAutoSubmit(onSubmit); // todo 需要formily支持断点下的属性更新
+
   var getTeamixLayout = useMemo(function () {
     return breakpoints ? {
       breakpoints: breakpoints,
@@ -109,28 +110,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     schema: schema,
     scope: mergedScope,
     components: components
-  }), children); // return outerForm === false ? ( // 特殊表单，无需渲染form实例，例如FormDialog等
-  //   <FormLayout
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </FormLayout>
-  // ) : (
-  //   <Form
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //     form={form}
-  //     onAutoSubmit={onAutoSubmit}
-  //     onAutoSubmitFailed={onSubmitFailed}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </Form>
-  // );
+  }), children);
 });
 ProForm.defaultProps = {
   colon: false,

package/es/form/SchemaForm/index.js

@@ -62,6 +62,7 @@ export default /*#__PURE__*/memo(function (_ref) {
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
+  // 创建 SchemaField
   var SchemaField = useMemo(function () {
     return createSchemaField({
       components: _objectSpread(_objectSpread({}, ProFieldComponents), {}, {
@@ -92,15 +93,15 @@ export default /*#__PURE__*/memo(function (_ref) {
         Text: Text
       })
     });
-  }, []); // 合并schema中request的scope
+  }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = useMemo(function () {
     return _objectSpread({}, scope);
-  }, [scope]); // 格式化schema
+  }, [scope]); // 格式化 schema
 
   var formatSchema = useCallback(function (schema) {
     var schemaProperties = {};
-    schema.forEach(function (item) {
+    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item) {
       var newItem = warning(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -236,15 +237,15 @@ export default /*#__PURE__*/memo(function (_ref) {
     });
     return schemaProperties;
   }, [mergedScope]);
-  var schemaPro = useMemo(function () {
+  var proFormSchema = useMemo(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, []); // console.log(schemaPro);
+  }, []); // console.log(proFormSchema);
 
   return /*#__PURE__*/React.createElement(SchemaField, {
-    schema: schemaPro,
+    schema: proFormSchema,
     components: components,
     scope: mergedScope
   });

package/es/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.2.9";
+declare const version = "1.2.10";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/es/index.js

@@ -27,7 +27,7 @@ export * from './page-header';
 export * from './skeleton';
 export * from './table'; // export * from './sidebar';
 
-var version = '1.2.9';
+var version = '1.2.10';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, // ProSidebar,
 hooks, nocode, templates, utils };