@teamix/pro 1.6.0-beta.5 → 1.6.0-beta.6

package/es/form/Components/__builtins__/pickDataProps.js

@@ -0,0 +1,9 @@
+export var pickDataProps = function pickDataProps() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Object.keys(props).reduce(function (buf, key) {
+    if (key.includes('data-')) {
+      buf[key] = props[key];
+    }
+    return buf;
+  }, {});
+};

package/es/form/Components/form-layout/index.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+export interface IFormLayoutProps {
+    prefix?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    colon?: boolean;
+    labelAlign?: 'right' | 'left' | ('right' | 'left')[];
+    wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
+    labelWrap?: boolean;
+    labelWidth?: number;
+    wrapperWidth?: number;
+    wrapperWrap?: boolean;
+    labelCol?: number | number[];
+    wrapperCol?: number | number[];
+    fullness?: boolean;
+    size?: 'small' | 'default' | 'large';
+    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
+    direction?: 'rtl' | 'ltr';
+    inset?: boolean;
+    shallow?: boolean;
+    tooltipLayout?: 'icon' | 'text';
+    tooltipIcon?: React.ReactNode;
+    feedbackLayout?: 'loose' | 'terse' | 'popover' | 'none';
+    bordered?: boolean;
+    breakpoints?: number[];
+    gridColumnGap?: number;
+    gridRowGap?: number;
+    spaceGap?: number;
+}
+export interface IFormLayoutContext extends Omit<IFormLayoutProps, 'labelAlign' | 'wrapperAlign' | 'layout' | 'labelCol' | 'wrapperCol'> {
+    labelAlign?: 'right' | 'left';
+    wrapperAlign?: 'right' | 'left';
+    layout?: 'vertical' | 'horizontal' | 'inline';
+    labelCol?: number;
+    wrapperCol?: number;
+}
+export declare const FormLayoutDeepContext: React.Context<IFormLayoutContext>;
+export declare const FormLayoutShallowContext: React.Context<IFormLayoutContext>;
+export declare const useFormDeepLayout: () => IFormLayoutContext;
+export declare const useFormShallowLayout: () => IFormLayoutContext;
+export declare const useFormLayout: () => {
+    labelAlign?: "right" | "left" | undefined;
+    wrapperAlign?: "right" | "left" | undefined;
+    layout?: "inline" | "vertical" | "horizontal" | undefined;
+    labelCol?: number | undefined;
+    wrapperCol?: number | undefined;
+    breakpoints?: number[] | undefined;
+    prefix?: string | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    colon?: boolean | undefined;
+    labelWrap?: boolean | undefined;
+    labelWidth?: number | undefined;
+    wrapperWidth?: number | undefined;
+    wrapperWrap?: boolean | undefined;
+    fullness?: boolean | undefined;
+    size?: "default" | "large" | "small" | undefined;
+    direction?: "ltr" | "rtl" | undefined;
+    inset?: boolean | undefined;
+    shallow?: boolean | undefined;
+    tooltipLayout?: "text" | "icon" | undefined;
+    tooltipIcon?: React.ReactNode;
+    feedbackLayout?: "none" | "loose" | "terse" | "popover" | undefined;
+    bordered?: boolean | undefined;
+    gridColumnGap?: number | undefined;
+    gridRowGap?: number | undefined;
+    spaceGap?: number | undefined;
+};
+export declare const FormLayout: React.FC<React.PropsWithChildren<IFormLayoutProps>> & {
+    useFormLayout: () => IFormLayoutContext;
+    useFormDeepLayout: () => IFormLayoutContext;
+    useFormShallowLayout: () => IFormLayoutContext;
+};
+export default FormLayout;

package/es/form/Components/form-layout/index.js

@@ -0,0 +1,71 @@
+var _excluded = ["shallow", "children", "prefix", "className", "style"];
+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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+import cls from 'classnames';
+import React, { createContext, useContext } from 'react';
+import { usePrefixCls } from '../__builtins__';
+import { useResponsiveFormLayout } from './useResponsiveFormLayout';
+export var FormLayoutDeepContext = /*#__PURE__*/createContext({});
+export var FormLayoutShallowContext = /*#__PURE__*/createContext({});
+export var useFormDeepLayout = function useFormDeepLayout() {
+  return useContext(FormLayoutDeepContext);
+};
+export var useFormShallowLayout = function useFormShallowLayout() {
+  return useContext(FormLayoutShallowContext);
+};
+export var useFormLayout = function useFormLayout() {
+  return _objectSpread(_objectSpread({}, useFormDeepLayout()), useFormShallowLayout());
+};
+export var FormLayout = function FormLayout(_ref) {
+  var _cls;
+  var shallow = _ref.shallow,
+    children = _ref.children,
+    prefix = _ref.prefix,
+    className = _ref.className,
+    style = _ref.style,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useResponsiveFormLay = useResponsiveFormLayout(otherProps),
+    ref = _useResponsiveFormLay.ref,
+    props = _useResponsiveFormLay.props;
+  var deepLayout = useFormDeepLayout();
+  var formPrefixCls = usePrefixCls('form', {
+    prefix: prefix
+  });
+  var layoutPrefixCls = usePrefixCls('formily-layout', {
+    prefix: prefix
+  });
+  var layoutClassName = cls(layoutPrefixCls, (_cls = {}, _defineProperty(_cls, "".concat(formPrefixCls, "-").concat(props.layout), true), _defineProperty(_cls, "".concat(formPrefixCls, "-rtl"), props.direction === 'rtl'), _defineProperty(_cls, "".concat(formPrefixCls, "-").concat(props.size), props.size), _cls), className);
+  var renderChildren = function renderChildren() {
+    var newDeepLayout = _objectSpread({}, deepLayout);
+    if (!shallow) {
+      Object.assign(newDeepLayout, props);
+    } else {
+      if (props.size) {
+        newDeepLayout.size = props.size;
+      }
+      if (props.colon) {
+        newDeepLayout.colon = props.colon;
+      }
+    }
+    return /*#__PURE__*/React.createElement(FormLayoutDeepContext.Provider, {
+      value: newDeepLayout
+    }, /*#__PURE__*/React.createElement(FormLayoutShallowContext.Provider, {
+      value: shallow ? props : undefined
+    }, children));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: layoutClassName,
+    style: style
+  }, renderChildren());
+};
+FormLayout.defaultProps = {
+  shallow: true
+};
+FormLayout.useFormDeepLayout = useFormDeepLayout;
+FormLayout.useFormShallowLayout = useFormShallowLayout;
+FormLayout.useFormLayout = useFormLayout;
+export default FormLayout;

package/es/form/Components/form-layout/style.d.ts

@@ -0,0 +1 @@
+

package/es/form/Components/form-layout/style.js

@@ -0,0 +1,3 @@
+"use strict";
+
+// @ts-ignore

package/es/form/Components/form-layout/useResponsiveFormLayout.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IProps {
+    breakpoints?: number[];
+    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
+    labelCol?: number | number[];
+    wrapperCol?: number | number[];
+    labelAlign?: 'right' | 'left' | ('right' | 'left')[];
+    wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
+    [props: string]: any;
+}
+interface IUseResponsiveFormLayout {
+    (props: IProps): {
+        ref: React.MutableRefObject<HTMLDivElement>;
+        props: any;
+    };
+}
+export declare const useResponsiveFormLayout: IUseResponsiveFormLayout;
+export {};

package/es/form/Components/form-layout/useResponsiveFormLayout.js

@@ -0,0 +1,87 @@
+var _excluded = ["breakpoints", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _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."); }
+function _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); }
+function _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; }
+function _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; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 { isArr, isValid } from '@formily/shared';
+import { useEffect, useRef, useState } from 'react';
+var calcBreakpointIndex = function calcBreakpointIndex(breakpoints, width) {
+  for (var i = 0; i < breakpoints.length; i++) {
+    if (width <= breakpoints[i]) {
+      return i;
+    }
+  }
+};
+var calcFactor = function calcFactor(value, breakpointIndex) {
+  if (Array.isArray(value)) {
+    var _value$breakpointInde;
+    if (breakpointIndex === -1) return value[0];
+    return (_value$breakpointInde = value[breakpointIndex]) !== null && _value$breakpointInde !== void 0 ? _value$breakpointInde : value[value.length - 1];
+  } else {
+    return value;
+  }
+};
+var factor = function factor(value, breakpointIndex) {
+  return isValid(value) ? calcFactor(value, breakpointIndex) : value;
+};
+var calculateProps = function calculateProps(target, props) {
+  var clientWidth = target.clientWidth;
+  var breakpoints = props.breakpoints,
+    layout = props.layout,
+    labelAlign = props.labelAlign,
+    wrapperAlign = props.wrapperAlign,
+    labelCol = props.labelCol,
+    wrapperCol = props.wrapperCol,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
+  return _objectSpread({
+    layout: factor(layout, breakpointIndex),
+    labelAlign: factor(labelAlign, breakpointIndex),
+    wrapperAlign: factor(wrapperAlign, breakpointIndex),
+    labelCol: factor(labelCol, breakpointIndex),
+    wrapperCol: factor(wrapperCol, breakpointIndex)
+  }, otherProps);
+};
+export var useResponsiveFormLayout = function useResponsiveFormLayout(props) {
+  var ref = useRef(null);
+  var breakpoints = props.breakpoints;
+  if (!isArr(breakpoints)) {
+    return {
+      ref: ref,
+      props: props
+    };
+  }
+  var _useState = useState(props),
+    _useState2 = _slicedToArray(_useState, 2),
+    layoutProps = _useState2[0],
+    setLayout = _useState2[1];
+  var updateUI = function updateUI() {
+    if (ref.current) {
+      setLayout(calculateProps(ref.current, props));
+    }
+  };
+  useEffect(function () {
+    var observer = function observer() {
+      updateUI();
+    };
+    var resizeObserver = new ResizeObserver(observer);
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
+    }
+    updateUI();
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return {
+    ref: ref,
+    props: layoutProps
+  };
+};

package/es/form/Filter/AdvancedFilter.js

@@ -10,8 +10,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 { cls, getMessage, isBool, usePrefixCls } from '@teamix/utils';
 import React, { memo, useEffect, useMemo } from 'react';
-import { usePrefixCls, getMessage, cls, isBool } from '@teamix/utils';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
 /**
@@ -64,7 +64,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
             component: 'Submit',
             props: {
               style: {
-                marginRight: -8
+                marginRight: -4
               },
               children: getMessage('search')
             }

package/es/form/Filter/index2.js

@@ -10,9 +10,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-import React, { memo, useMemo } from 'react';
-import { usePrefixCls, getMessage, cls } from '@teamix/utils';
 import { createForm } from '@formily/core';
+import { cls, getMessage, usePrefixCls } from '@teamix/utils';
+import React, { memo, useMemo } from 'react';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
 import './index2.scss';
@@ -120,7 +120,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
             component: 'Submit',
             props: {
               style: _objectSpread({}, triggerType === 'submit' ? {
-                marginRight: -8
+                marginRight: -4
               } : {
                 display: 'none'
               }),

package/es/form/ProForm/index.js

@@ -4,26 +4,27 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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, { memo, useEffect, useMemo, useRef } from 'react';
-import { usePrefixCls, cls, getLanguage, getGlobalConfig } from '@teamix/utils';
+import { Affix } from '@alicloudfe/components';
 import { createForm, onFieldValueChange, onFormValuesChange, registerValidateLocale, setValidateLanguage } from '@formily/core';
 import { toJS } from '@formily/reactive';
-import { Form, Upload, SelectTable, FormLayout, FormItem, ArrayCollapse, ArrayCards, ArrayItems, ArrayTable, Space, FormGrid, FormTab, FormCollapse, FormStep, Editable, FormDialog, FormDrawer, FormButtonGroup, Submit, Reset } from '@teamix/formily';
-import { Affix } from '@alicloudfe/components';
-import ProFieldComponents from '../Components/ProField';
-import addCascadeEffect from './addCascadeEffect';
+import { ArrayCards, ArrayCollapse, ArrayItems, ArrayTable, Editable, Form, FormButtonGroup, FormCollapse, FormDialog, FormDrawer, FormGrid, FormItem, FormLayout, FormStep, FormTab, Reset, SelectTable, Space, Submit, Upload } from '@teamix/formily';
+import { cls, getGlobalConfig, getLanguage, usePrefixCls } from '@teamix/utils';
+import React, { memo, useEffect, useMemo, useRef } from 'react';
+import { ProComponentAspect } from '../../utils/aspect';
 import { EditableDialog, EditableDrawer, EditablePopover } from '../Components/Editable';
 import FormGroup from '../Components/FormGroup';
+import FormItem2 from '../Components/FormItem2';
 import LightFilter from '../Components/LightFilter';
+import ProFieldComponents from '../Components/ProField';
 import Text from '../Components/Text/index';
+import validateLocale from '../locales/validate';
 import SchemaForm from '../SchemaForm';
-import useAutoSubmit from './useAutoSubmit';
+import { parseSchema } from '../utils/parseSchema';
+import addCascadeEffect from './addCascadeEffect';
+import './index.scss';
 import useAutoLayout from './useAutoLayout';
+import useAutoSubmit from './useAutoSubmit';
 import useInitialRequest from './useInitialRequest';
-import validateLocale from '../locales/validate';
-import './index.scss';
-import { parseSchema } from '../utils/parseSchema';
-import { ProComponentAspect } from '../../utils/aspect';
 registerValidateLocale(validateLocale);
 var formilyComponents = {
   FormLayout: FormLayout,
@@ -51,7 +52,8 @@ var formilyComponents = {
   SelectTable: SelectTable,
   Affix: Affix,
   LightFilter: LightFilter,
-  Text: Text
+  Text: Text,
+  FormItem2: FormItem2
 };
 var ProForm = /*#__PURE__*/memo(function (_ref) {
   var outerForm = _ref.form,

package/es/info/utils/utils.d.ts

@@ -1 +1 @@
-export declare function getLayout(width: number): "xs" | "xl" | "l" | "s" | "m";
+export declare function getLayout(width: number): "l" | "xs" | "xl" | "s" | "m";

package/es/sidebar/utils/index.d.ts

@@ -141,7 +141,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "url" | "none" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "url" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "false" | "true") | undefined;
@@ -156,7 +156,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "false" | "true") | undefined;
         'aria-flowto'?: string | undefined;

package/es/table/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ProTableProps } from './typing';
 import './index.scss';
+import { ProTableProps } from './typing';
 export * from './typing';
 declare const _default: React.FC<ProTableProps>;
 export default _default;

package/es/table/index.js

@@ -16,28 +16,28 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-import React, { useState, useEffect, useRef, useMemo } from 'react';
-import { Table, Checkbox } from '@alicloudfe/components';
-import Pagination from './components/Pagination';
-import genProColumnToColumn from './utils/genProColumnToColumn';
-import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTargetValue } from '@teamix/utils';
+import { Checkbox, Table } from '@alicloudfe/components';
+import { useUrlState } from '@teamix/hooks';
+import { EmptyContent } from '@teamix/pro-field';
+import { getDeepValue, getGlobalConfig, getMessage, getTargetValue, pickProps, request as utilResquest, usePrefixCls, useRequest } from '@teamix/utils';
+import classNames from 'classnames';
+import debounce from 'lodash.debounce';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { ProActionGroup } from '../actions';
+import ProPageContainer from '../page-container';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
-import './index.scss';
+import { ProComponentAspect } from '../utils/aspect';
+import CardView from './components/CardView';
 import Layout from './components/Layout';
+import Pagination from './components/Pagination';
+import FullScreen from './components/ToolBar/Fullscreen';
+import './index.scss';
 import { actionRefUseStateOn, emit, initActionRef, processDefaultFilter, useActionType } from './utils';
+import genProColumnToColumn from './utils/genProColumnToColumn';
 import getTableProps from './utils/getTableProps';
 import getTableSortIcons from './utils/getTableSortIcons';
 import useTableSelection from './utils/useTableSelection';
-import FullScreen from './components/ToolBar/Fullscreen';
-import { EmptyContent } from '@teamix/pro-field';
-import { ProActionGroup } from '../actions';
-import classNames from 'classnames';
-import ProPageContainer from '../page-container';
-import debounce from 'lodash.debounce';
-import CardView from './components/CardView';
-import { useUrlState } from '@teamix/hooks';
 import { getUrlStateFilter } from './utils/util';
-import { ProComponentAspect } from '../utils/aspect';
 export * from './typing';
 var cls = usePrefixCls('teamix-pro-table');
 /**
@@ -192,7 +192,7 @@ var ProTable = function ProTable(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     sort = _useState10[0],
     setSort = _useState10[1];
-  var _useState11 = useState(!propsDataSource && requestWhenMount && propsShowSkeleton && !!url),
+  var _useState11 = useState(!propsDataSource && requestWhenMount && propsShowSkeleton),
     _useState12 = _slicedToArray(_useState11, 2),
     showSkeleton = _useState12[0],
     setShowSkeleton = _useState12[1]; // 首次加载，渲染骨架屏
@@ -874,7 +874,7 @@ var ProTable = function ProTable(props) {
             time = 60 * 1000;
           }
           if (autoRefresh && typeof autoRefresh !== 'boolean') {
-            time = autoRefresh ? autoRefresh(data) : 0;
+            time = autoRefresh ? autoRefresh(dataRes) : 0;
           }
           if (Number.isInteger(time) && time >= 1000) {
             autoRefreshTimerRef.current = setTimeout(function () {

package/es/utils/aspect.js

@@ -33,7 +33,7 @@ export function ProComponentAspect(WrapComponent, componentName) {
       key: "componentDidMount",
       value: function componentDidMount() {
         // @ts-ignore
-        if (!!window.ProComponentBeforeAspect) {
+        if (!!window.ProComponentBeforeAspectDebugger) {
           console.log('HOC', componentName);
           console.log('Props', this.props);
         }
@@ -46,7 +46,10 @@ export function ProComponentAspect(WrapComponent, componentName) {
           var _window$ProComponentB, _window;
           // @ts-ignore
           var props = (_window$ProComponentB = (_window = window).ProComponentBeforeAspect) === null || _window$ProComponentB === void 0 ? void 0 : _window$ProComponentB.call(_window, componentName, this.props);
-          console.log('NewProps', props);
+          // @ts-ignore
+          if (!!window.ProComponentBeforeAspectDebugger) {
+            console.log('NewProps', props);
+          }
           return /*#__PURE__*/React.createElement(WrapComponent, _objectSpread({}, props));
         }
         return /*#__PURE__*/React.createElement(WrapComponent, _objectSpread({}, this.props));

package/es/xconsole.scss

@@ -1,4 +1,5 @@
 .theme-xconsole {
+  --tab-item-padding-lr-size-m: var(--s-4, 16px);
   --color-event-p9: rgba(121, 197, 224, 1);
   --color-event-p10: rgba(175, 222, 240, 1);
   --color-event-p8: rgba(73, 173, 209, 1);

package/lib/actions/index.d.ts

@@ -1,15 +1,15 @@
-import React, { ReactNode } from 'react';
+import { TooltipProps } from '@alicloudfe/components/types/balloon';
 import { ButtonProps } from '@alicloudfe/components/types/button';
 import { MenuButtonProps } from '@alicloudfe/components/types/menu-button';
-import { TooltipProps } from '@alicloudfe/components/types/balloon';
-import { LinkAction } from './link';
-import { RequestAction } from './request';
+import React, { ReactNode } from 'react';
 import { DialogAction } from './dialog';
 import { DialogFormAction } from './dialog-form';
-import { DialogTableAction } from './dialog-table';
 import { DialogInfoAction } from './dialog-info';
-import { PopConfirmAction } from './pop-confirm';
+import { DialogTableAction } from './dialog-table';
 import './index.scss';
+import { LinkAction } from './link';
+import { PopConfirmAction } from './pop-confirm';
+import { RequestAction } from './request';
 export declare type ProActionConfig = ({
     type: 'dialog-form' | 'drawer-form';
 } & DialogFormAction) | ({

package/lib/actions/index.js

@@ -18,28 +18,28 @@ exports.ProActionGroup = ProActionGroup;
 exports.default = exports.ProActionMenuButton = void 0;
 exports.registerActionHandler = registerActionHandler;
 exports.useAction = useAction;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@alicloudfe/components");
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 var _utils = require("@teamix/utils");
-var _link = require("./link");
-var _request = require("./request");
-var _dialog = require("./dialog");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
 var _confirm = require("./confirm");
 var _dangerConfirm = require("./danger-confirm");
-var _notice = require("./notice");
-var _error = require("./error");
+var _dangerPopConfirm = require("./danger-pop-confirm");
+var _dialog = require("./dialog");
 var _dialogForm = require("./dialog-form");
-var _dialogTable = require("./dialog-table");
 var _dialogInfo = require("./dialog-info");
+var _dialogTable = require("./dialog-table");
 var _drawer = require("./drawer");
 var _drawerForm = require("./drawer-form");
-var _drawerTable = require("./drawer-table");
 var _drawerInfo = require("./drawer-info");
-var _popConfirm = require("./pop-confirm");
-var _dangerPopConfirm = require("./danger-pop-confirm");
+var _drawerTable = require("./drawer-table");
+var _error = require("./error");
 require("./index.scss");
+var _link = require("./link");
+var _notice = require("./notice");
+var _popConfirm = require("./pop-confirm");
+var _request = require("./request");
 var _quick = require("./quick");
 Object.keys(_quick).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -147,6 +147,7 @@ var buttonContent = function buttonContent(content, iconType, iconSize, context)
     return renderedContent;
   }
   return [/*#__PURE__*/_react.default.createElement(_icon.default, {
+    className: 'teamix-pro-action-prefix-icon',
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
@@ -156,7 +157,7 @@ var ProActionButton = function ProActionButton(props) {
   var config = props.config,
     icon = props.icon,
     _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
+    iconSize = _props$iconSize === void 0 ? 'small' : _props$iconSize,
     _props$type = props.type,
     type = _props$type === void 0 ? 'primary' : _props$type,
     context = props.context,
@@ -238,7 +239,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   if (dataTeamixSpm) {
     buttonProps['data-teamix-spm'] = dataTeamixSpm;
   }
-  var content = buttonContent(children, icon, undefined, context);
+  var content = buttonContent(children, icon, 'small', context);
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',
     align: 't',
@@ -286,7 +287,8 @@ function renderCommonActionButtonMenuItem(action, key, context, dataTeamixSpm) {
 }
 var ProActionMenuButton = function ProActionMenuButton(props) {
   var icon = props.icon,
-    iconSize = props.iconSize,
+    _props$iconSize2 = props.iconSize,
+    iconSize = _props$iconSize2 === void 0 ? 'small' : _props$iconSize2,
     label = props.label,
     actions = props.actions,
     children = props.children,

package/lib/actions/index.scss

@@ -139,3 +139,7 @@
     background: var(--drawer-bg);
   }
 }
+
+.teamix-pro-action-prefix-icon {
+  margin-right: 4px
+}