@teamix/pro 1.6.0-beta.5 → 1.6.0-beta.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/pro.all.min.css +1 -1
- package/dist/pro.css +1 -1
- package/dist/pro.js +15860 -11211
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +9 -0
- package/dist/pro.xconsole.min.css +1 -1
- package/es/actions/index.d.ts +6 -6
- package/es/actions/index.js +18 -16
- package/es/actions/index.scss +4 -0
- package/es/form/Components/FormItem2/animation.scss +72 -0
- package/es/form/Components/FormItem2/grid.scss +173 -0
- package/es/form/Components/FormItem2/index.d.ts +41 -0
- package/es/form/Components/FormItem2/index.js +286 -0
- package/es/form/Components/FormItem2/main.scss +413 -0
- package/es/form/Components/FormItem2/scss/variable.scss +118 -0
- package/es/form/Components/FormItem2/style.d.ts +1 -0
- package/es/form/Components/FormItem2/style.js +1 -0
- package/es/form/Components/LightFilter/index.scss +4 -0
- package/es/form/Components/__builtins__/empty.d.ts +1 -0
- package/es/form/Components/__builtins__/empty.js +51 -0
- package/es/form/Components/__builtins__/hooks/index.d.ts +2 -0
- package/es/form/Components/__builtins__/hooks/index.js +2 -0
- package/es/form/Components/__builtins__/hooks/useClickAway.d.ts +5 -0
- package/es/form/Components/__builtins__/hooks/useClickAway.js +37 -0
- package/es/form/Components/__builtins__/hooks/usePrefixCls.d.ts +3 -0
- package/es/form/Components/__builtins__/hooks/usePrefixCls.js +8 -0
- package/es/form/Components/__builtins__/icons.d.ts +20 -0
- package/es/form/Components/__builtins__/icons.js +153 -0
- package/es/form/Components/__builtins__/index.d.ts +8 -0
- package/es/form/Components/__builtins__/index.js +8 -0
- package/es/form/Components/__builtins__/loading.d.ts +1 -0
- package/es/form/Components/__builtins__/loading.js +41 -0
- package/es/form/Components/__builtins__/mapSize.d.ts +1 -0
- package/es/form/Components/__builtins__/mapSize.js +13 -0
- package/es/form/Components/__builtins__/mapStatus.d.ts +2 -0
- package/es/form/Components/__builtins__/mapStatus.js +20 -0
- package/es/form/Components/__builtins__/moment.d.ts +2 -0
- package/es/form/Components/__builtins__/moment.js +47 -0
- package/es/form/Components/__builtins__/pickDataProps.d.ts +1 -0
- package/es/form/Components/__builtins__/pickDataProps.js +9 -0
- package/es/form/Components/form-layout/index.d.ts +74 -0
- package/es/form/Components/form-layout/index.js +71 -0
- package/es/form/Components/form-layout/main.scss +0 -0
- package/es/form/Components/form-layout/style.d.ts +1 -0
- package/es/form/Components/form-layout/style.js +3 -0
- package/es/form/Components/form-layout/useResponsiveFormLayout.d.ts +18 -0
- package/es/form/Components/form-layout/useResponsiveFormLayout.js +87 -0
- package/es/form/Filter/AdvancedFilter.js +2 -2
- package/es/form/Filter/index2.js +3 -3
- package/es/form/ProForm/index.js +14 -12
- package/es/info/utils/utils.d.ts +1 -1
- package/es/sidebar/utils/index.d.ts +2 -2
- package/es/table/index.d.ts +1 -1
- package/es/table/index.js +17 -17
- package/es/utils/aspect.js +5 -2
- package/es/xconsole.scss +1 -0
- package/lib/actions/index.d.ts +6 -6
- package/lib/actions/index.js +16 -14
- package/lib/actions/index.scss +4 -0
- package/lib/form/Components/FormItem2/animation.scss +72 -0
- package/lib/form/Components/FormItem2/grid.scss +173 -0
- package/lib/form/Components/FormItem2/index.d.ts +41 -0
- package/lib/form/Components/FormItem2/index.js +299 -0
- package/lib/form/Components/FormItem2/main.scss +413 -0
- package/lib/form/Components/FormItem2/scss/variable.scss +118 -0
- package/lib/form/Components/FormItem2/style.d.ts +1 -0
- package/lib/form/Components/FormItem2/style.js +3 -0
- package/lib/form/Components/LightFilter/index.scss +4 -0
- package/lib/form/Components/__builtins__/empty.d.ts +1 -0
- package/lib/form/Components/__builtins__/empty.js +59 -0
- package/lib/form/Components/__builtins__/hooks/index.d.ts +2 -0
- package/lib/form/Components/__builtins__/hooks/index.js +27 -0
- package/lib/form/Components/__builtins__/hooks/useClickAway.d.ts +5 -0
- package/lib/form/Components/__builtins__/hooks/useClickAway.js +44 -0
- package/lib/form/Components/__builtins__/hooks/usePrefixCls.d.ts +3 -0
- package/lib/form/Components/__builtins__/hooks/usePrefixCls.js +15 -0
- package/lib/form/Components/__builtins__/icons.d.ts +20 -0
- package/lib/form/Components/__builtins__/icons.js +174 -0
- package/lib/form/Components/__builtins__/index.d.ts +8 -0
- package/lib/form/Components/__builtins__/index.js +93 -0
- package/lib/form/Components/__builtins__/loading.d.ts +1 -0
- package/lib/form/Components/__builtins__/loading.js +48 -0
- package/lib/form/Components/__builtins__/mapSize.d.ts +1 -0
- package/lib/form/Components/__builtins__/mapSize.js +20 -0
- package/lib/form/Components/__builtins__/mapStatus.d.ts +2 -0
- package/lib/form/Components/__builtins__/mapStatus.js +27 -0
- package/lib/form/Components/__builtins__/moment.d.ts +2 -0
- package/lib/form/Components/__builtins__/moment.js +56 -0
- package/lib/form/Components/__builtins__/pickDataProps.d.ts +1 -0
- package/lib/form/Components/__builtins__/pickDataProps.js +16 -0
- package/lib/form/Components/form-layout/index.d.ts +74 -0
- package/lib/form/Components/form-layout/index.js +88 -0
- package/lib/form/Components/form-layout/main.scss +0 -0
- package/lib/form/Components/form-layout/style.d.ts +1 -0
- package/lib/form/Components/form-layout/style.js +3 -0
- package/lib/form/Components/form-layout/useResponsiveFormLayout.d.ts +18 -0
- package/lib/form/Components/form-layout/useResponsiveFormLayout.js +94 -0
- package/lib/form/Filter/AdvancedFilter.js +2 -2
- package/lib/form/Filter/index2.js +3 -3
- package/lib/form/ProForm/index.js +13 -11
- package/lib/info/utils/utils.d.ts +1 -1
- package/lib/sidebar/utils/index.d.ts +2 -2
- package/lib/table/index.d.ts +1 -1
- package/lib/table/index.js +16 -16
- package/lib/utils/aspect.js +5 -2
- package/lib/xconsole.scss +1 -0
- package/package.json +1 -1
@@ -0,0 +1,88 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.useFormShallowLayout = exports.useFormLayout = exports.useFormDeepLayout = exports.default = exports.FormLayoutShallowContext = exports.FormLayoutDeepContext = exports.FormLayout = void 0;
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
10
|
+
var _builtins__ = require("../__builtins__");
|
11
|
+
var _useResponsiveFormLayout = require("./useResponsiveFormLayout");
|
12
|
+
var _excluded = ["shallow", "children", "prefix", "className", "style"];
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16
|
+
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; }
|
17
|
+
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; }
|
18
|
+
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; }
|
19
|
+
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; }
|
20
|
+
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; }
|
21
|
+
var FormLayoutDeepContext = /*#__PURE__*/(0, _react.createContext)({});
|
22
|
+
exports.FormLayoutDeepContext = FormLayoutDeepContext;
|
23
|
+
var FormLayoutShallowContext = /*#__PURE__*/(0, _react.createContext)({});
|
24
|
+
exports.FormLayoutShallowContext = FormLayoutShallowContext;
|
25
|
+
var useFormDeepLayout = function useFormDeepLayout() {
|
26
|
+
return (0, _react.useContext)(FormLayoutDeepContext);
|
27
|
+
};
|
28
|
+
exports.useFormDeepLayout = useFormDeepLayout;
|
29
|
+
var useFormShallowLayout = function useFormShallowLayout() {
|
30
|
+
return (0, _react.useContext)(FormLayoutShallowContext);
|
31
|
+
};
|
32
|
+
exports.useFormShallowLayout = useFormShallowLayout;
|
33
|
+
var useFormLayout = function useFormLayout() {
|
34
|
+
return _objectSpread(_objectSpread({}, useFormDeepLayout()), useFormShallowLayout());
|
35
|
+
};
|
36
|
+
exports.useFormLayout = useFormLayout;
|
37
|
+
var FormLayout = function FormLayout(_ref) {
|
38
|
+
var _cls;
|
39
|
+
var shallow = _ref.shallow,
|
40
|
+
children = _ref.children,
|
41
|
+
prefix = _ref.prefix,
|
42
|
+
className = _ref.className,
|
43
|
+
style = _ref.style,
|
44
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
45
|
+
var _useResponsiveFormLay = (0, _useResponsiveFormLayout.useResponsiveFormLayout)(otherProps),
|
46
|
+
ref = _useResponsiveFormLay.ref,
|
47
|
+
props = _useResponsiveFormLay.props;
|
48
|
+
var deepLayout = useFormDeepLayout();
|
49
|
+
var formPrefixCls = (0, _builtins__.usePrefixCls)('form', {
|
50
|
+
prefix: prefix
|
51
|
+
});
|
52
|
+
var layoutPrefixCls = (0, _builtins__.usePrefixCls)('formily-layout', {
|
53
|
+
prefix: prefix
|
54
|
+
});
|
55
|
+
var layoutClassName = (0, _classnames.default)(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);
|
56
|
+
var renderChildren = function renderChildren() {
|
57
|
+
var newDeepLayout = _objectSpread({}, deepLayout);
|
58
|
+
if (!shallow) {
|
59
|
+
Object.assign(newDeepLayout, props);
|
60
|
+
} else {
|
61
|
+
if (props.size) {
|
62
|
+
newDeepLayout.size = props.size;
|
63
|
+
}
|
64
|
+
if (props.colon) {
|
65
|
+
newDeepLayout.colon = props.colon;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
return /*#__PURE__*/_react.default.createElement(FormLayoutDeepContext.Provider, {
|
69
|
+
value: newDeepLayout
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(FormLayoutShallowContext.Provider, {
|
71
|
+
value: shallow ? props : undefined
|
72
|
+
}, children));
|
73
|
+
};
|
74
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
75
|
+
ref: ref,
|
76
|
+
className: layoutClassName,
|
77
|
+
style: style
|
78
|
+
}, renderChildren());
|
79
|
+
};
|
80
|
+
exports.FormLayout = FormLayout;
|
81
|
+
FormLayout.defaultProps = {
|
82
|
+
shallow: true
|
83
|
+
};
|
84
|
+
FormLayout.useFormDeepLayout = useFormDeepLayout;
|
85
|
+
FormLayout.useFormShallowLayout = useFormShallowLayout;
|
86
|
+
FormLayout.useFormLayout = useFormLayout;
|
87
|
+
var _default = FormLayout;
|
88
|
+
exports.default = _default;
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1,18 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
interface IProps {
|
3
|
+
breakpoints?: number[];
|
4
|
+
layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
|
5
|
+
labelCol?: number | number[];
|
6
|
+
wrapperCol?: number | number[];
|
7
|
+
labelAlign?: 'right' | 'left' | ('right' | 'left')[];
|
8
|
+
wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
|
9
|
+
[props: string]: any;
|
10
|
+
}
|
11
|
+
interface IUseResponsiveFormLayout {
|
12
|
+
(props: IProps): {
|
13
|
+
ref: React.MutableRefObject<HTMLDivElement>;
|
14
|
+
props: any;
|
15
|
+
};
|
16
|
+
}
|
17
|
+
export declare const useResponsiveFormLayout: IUseResponsiveFormLayout;
|
18
|
+
export {};
|
@@ -0,0 +1,94 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useResponsiveFormLayout = void 0;
|
7
|
+
var _shared = require("@formily/shared");
|
8
|
+
var _react = require("react");
|
9
|
+
var _excluded = ["breakpoints", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol"];
|
10
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
11
|
+
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."); }
|
12
|
+
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); }
|
13
|
+
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; }
|
14
|
+
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; }
|
15
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
16
|
+
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; }
|
17
|
+
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; }
|
18
|
+
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; }
|
19
|
+
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; }
|
20
|
+
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; }
|
21
|
+
var calcBreakpointIndex = function calcBreakpointIndex(breakpoints, width) {
|
22
|
+
for (var i = 0; i < breakpoints.length; i++) {
|
23
|
+
if (width <= breakpoints[i]) {
|
24
|
+
return i;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
};
|
28
|
+
var calcFactor = function calcFactor(value, breakpointIndex) {
|
29
|
+
if (Array.isArray(value)) {
|
30
|
+
var _value$breakpointInde;
|
31
|
+
if (breakpointIndex === -1) return value[0];
|
32
|
+
return (_value$breakpointInde = value[breakpointIndex]) !== null && _value$breakpointInde !== void 0 ? _value$breakpointInde : value[value.length - 1];
|
33
|
+
} else {
|
34
|
+
return value;
|
35
|
+
}
|
36
|
+
};
|
37
|
+
var factor = function factor(value, breakpointIndex) {
|
38
|
+
return (0, _shared.isValid)(value) ? calcFactor(value, breakpointIndex) : value;
|
39
|
+
};
|
40
|
+
var calculateProps = function calculateProps(target, props) {
|
41
|
+
var clientWidth = target.clientWidth;
|
42
|
+
var breakpoints = props.breakpoints,
|
43
|
+
layout = props.layout,
|
44
|
+
labelAlign = props.labelAlign,
|
45
|
+
wrapperAlign = props.wrapperAlign,
|
46
|
+
labelCol = props.labelCol,
|
47
|
+
wrapperCol = props.wrapperCol,
|
48
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
49
|
+
var breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
|
50
|
+
return _objectSpread({
|
51
|
+
layout: factor(layout, breakpointIndex),
|
52
|
+
labelAlign: factor(labelAlign, breakpointIndex),
|
53
|
+
wrapperAlign: factor(wrapperAlign, breakpointIndex),
|
54
|
+
labelCol: factor(labelCol, breakpointIndex),
|
55
|
+
wrapperCol: factor(wrapperCol, breakpointIndex)
|
56
|
+
}, otherProps);
|
57
|
+
};
|
58
|
+
var useResponsiveFormLayout = function useResponsiveFormLayout(props) {
|
59
|
+
var ref = (0, _react.useRef)(null);
|
60
|
+
var breakpoints = props.breakpoints;
|
61
|
+
if (!(0, _shared.isArr)(breakpoints)) {
|
62
|
+
return {
|
63
|
+
ref: ref,
|
64
|
+
props: props
|
65
|
+
};
|
66
|
+
}
|
67
|
+
var _useState = (0, _react.useState)(props),
|
68
|
+
_useState2 = _slicedToArray(_useState, 2),
|
69
|
+
layoutProps = _useState2[0],
|
70
|
+
setLayout = _useState2[1];
|
71
|
+
var updateUI = function updateUI() {
|
72
|
+
if (ref.current) {
|
73
|
+
setLayout(calculateProps(ref.current, props));
|
74
|
+
}
|
75
|
+
};
|
76
|
+
(0, _react.useEffect)(function () {
|
77
|
+
var observer = function observer() {
|
78
|
+
updateUI();
|
79
|
+
};
|
80
|
+
var resizeObserver = new ResizeObserver(observer);
|
81
|
+
if (ref.current) {
|
82
|
+
resizeObserver.observe(ref.current);
|
83
|
+
}
|
84
|
+
updateUI();
|
85
|
+
return function () {
|
86
|
+
resizeObserver.disconnect();
|
87
|
+
};
|
88
|
+
}, []);
|
89
|
+
return {
|
90
|
+
ref: ref,
|
91
|
+
props: layoutProps
|
92
|
+
};
|
93
|
+
};
|
94
|
+
exports.useResponsiveFormLayout = useResponsiveFormLayout;
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = void 0;
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
9
8
|
var _utils = require("@teamix/utils");
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
10
10
|
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
11
11
|
var _utils2 = require("../utils");
|
12
12
|
var _excluded = ["schema", "onSubmit", "onReset", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "gridProps", "forceClear"];
|
@@ -74,7 +74,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
74
74
|
component: 'Submit',
|
75
75
|
props: {
|
76
76
|
style: {
|
77
|
-
marginRight: -
|
77
|
+
marginRight: -4
|
78
78
|
},
|
79
79
|
children: (0, _utils.getMessage)('search')
|
80
80
|
}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = exports.SimpleFilter = exports.AdvancedFilter = void 0;
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
var _utils = require("@teamix/utils");
|
10
8
|
var _core = require("@formily/core");
|
9
|
+
var _utils = require("@teamix/utils");
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
11
|
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
12
12
|
var _utils2 = require("../utils");
|
13
13
|
require("./index2.scss");
|
@@ -131,7 +131,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
131
131
|
component: 'Submit',
|
132
132
|
props: {
|
133
133
|
style: _objectSpread({}, triggerType === 'submit' ? {
|
134
|
-
marginRight: -
|
134
|
+
marginRight: -4
|
135
135
|
} : {
|
136
136
|
display: 'none'
|
137
137
|
}),
|
@@ -5,26 +5,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = void 0;
|
8
|
-
var
|
9
|
-
var _utils = require("@teamix/utils");
|
8
|
+
var _components = require("@alicloudfe/components");
|
10
9
|
var _core = require("@formily/core");
|
11
10
|
var _reactive = require("@formily/reactive");
|
12
11
|
var _formily = require("@teamix/formily");
|
13
|
-
var
|
14
|
-
var
|
15
|
-
var
|
12
|
+
var _utils = require("@teamix/utils");
|
13
|
+
var _react = _interopRequireWildcard(require("react"));
|
14
|
+
var _aspect = require("../../utils/aspect");
|
16
15
|
var _Editable = require("../Components/Editable");
|
17
16
|
var _FormGroup = _interopRequireDefault(require("../Components/FormGroup"));
|
17
|
+
var _FormItem = _interopRequireDefault(require("../Components/FormItem2"));
|
18
18
|
var _LightFilter = _interopRequireDefault(require("../Components/LightFilter"));
|
19
|
+
var _ProField = _interopRequireDefault(require("../Components/ProField"));
|
19
20
|
var _index = _interopRequireDefault(require("../Components/Text/index"));
|
21
|
+
var _validate = _interopRequireDefault(require("../locales/validate"));
|
20
22
|
var _SchemaForm = _interopRequireDefault(require("../SchemaForm"));
|
21
|
-
var
|
23
|
+
var _parseSchema = require("../utils/parseSchema");
|
24
|
+
var _addCascadeEffect = _interopRequireDefault(require("./addCascadeEffect"));
|
25
|
+
require("./index.scss");
|
22
26
|
var _useAutoLayout = _interopRequireDefault(require("./useAutoLayout"));
|
27
|
+
var _useAutoSubmit = _interopRequireDefault(require("./useAutoSubmit"));
|
23
28
|
var _useInitialRequest = _interopRequireDefault(require("./useInitialRequest"));
|
24
|
-
var _validate = _interopRequireDefault(require("../locales/validate"));
|
25
|
-
require("./index.scss");
|
26
|
-
var _parseSchema = require("../utils/parseSchema");
|
27
|
-
var _aspect = require("../../utils/aspect");
|
28
29
|
var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
|
29
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
30
31
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
@@ -61,7 +62,8 @@ var formilyComponents = {
|
|
61
62
|
SelectTable: _formily.SelectTable,
|
62
63
|
Affix: _components.Affix,
|
63
64
|
LightFilter: _LightFilter.default,
|
64
|
-
Text: _index.default
|
65
|
+
Text: _index.default,
|
66
|
+
FormItem2: _FormItem.default
|
65
67
|
};
|
66
68
|
var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
67
69
|
var outerForm = _ref.form,
|
@@ -1 +1 @@
|
|
1
|
-
export declare function getLayout(width: number): "
|
1
|
+
export declare function getLayout(width: number): "l" | "xs" | "xl" | "s" | "m";
|
@@ -141,7 +141,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
|
|
141
141
|
results?: number | undefined;
|
142
142
|
security?: string | undefined;
|
143
143
|
unselectable?: "on" | "off" | undefined;
|
144
|
-
inputMode?: "
|
144
|
+
inputMode?: "none" | "url" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
|
145
145
|
is?: string | undefined;
|
146
146
|
'aria-activedescendant'?: string | undefined;
|
147
147
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
@@ -156,7 +156,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
|
|
156
156
|
'aria-describedby'?: string | undefined;
|
157
157
|
'aria-details'?: string | undefined;
|
158
158
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
159
|
-
'aria-dropeffect'?: "
|
159
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
|
160
160
|
'aria-errormessage'?: string | undefined;
|
161
161
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
162
162
|
'aria-flowto'?: string | undefined;
|
package/lib/table/index.d.ts
CHANGED
package/lib/table/index.js
CHANGED
@@ -5,28 +5,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
var _exportNames = {};
|
7
7
|
exports.default = void 0;
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
9
8
|
var _components = require("@alicloudfe/components");
|
10
|
-
var
|
11
|
-
var
|
9
|
+
var _hooks = require("@teamix/hooks");
|
10
|
+
var _proField = require("@teamix/pro-field");
|
12
11
|
var _utils = require("@teamix/utils");
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
13
|
+
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
14
|
+
var _react = _interopRequireWildcard(require("react"));
|
15
|
+
var _actions = require("../actions");
|
16
|
+
var _pageContainer = _interopRequireDefault(require("../page-container"));
|
13
17
|
var _skeleton = require("../skeleton");
|
14
|
-
require("
|
18
|
+
var _aspect = require("../utils/aspect");
|
19
|
+
var _CardView = _interopRequireDefault(require("./components/CardView"));
|
15
20
|
var _Layout = _interopRequireDefault(require("./components/Layout"));
|
21
|
+
var _Pagination = _interopRequireDefault(require("./components/Pagination"));
|
22
|
+
var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
|
23
|
+
require("./index.scss");
|
16
24
|
var _utils2 = require("./utils");
|
25
|
+
var _genProColumnToColumn = _interopRequireDefault(require("./utils/genProColumnToColumn"));
|
17
26
|
var _getTableProps = _interopRequireDefault(require("./utils/getTableProps"));
|
18
27
|
var _getTableSortIcons = _interopRequireDefault(require("./utils/getTableSortIcons"));
|
19
28
|
var _useTableSelection = _interopRequireDefault(require("./utils/useTableSelection"));
|
20
|
-
var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
|
21
|
-
var _proField = require("@teamix/pro-field");
|
22
|
-
var _actions = require("../actions");
|
23
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
24
|
-
var _pageContainer = _interopRequireDefault(require("../page-container"));
|
25
|
-
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
26
|
-
var _CardView = _interopRequireDefault(require("./components/CardView"));
|
27
|
-
var _hooks = require("@teamix/hooks");
|
28
29
|
var _util = require("./utils/util");
|
29
|
-
var _aspect = require("../utils/aspect");
|
30
30
|
var _typing = require("./typing");
|
31
31
|
Object.keys(_typing).forEach(function (key) {
|
32
32
|
if (key === "default" || key === "__esModule") return;
|
@@ -41,9 +41,9 @@ Object.keys(_typing).forEach(function (key) {
|
|
41
41
|
});
|
42
42
|
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
|
43
43
|
_excluded2 = ["onChange"];
|
44
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
45
44
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
46
45
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
46
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
47
47
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
48
48
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
49
49
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -213,7 +213,7 @@ var ProTable = function ProTable(props) {
|
|
213
213
|
_useState10 = _slicedToArray(_useState9, 2),
|
214
214
|
sort = _useState10[0],
|
215
215
|
setSort = _useState10[1];
|
216
|
-
var _useState11 = (0, _react.useState)(!propsDataSource && requestWhenMount && propsShowSkeleton
|
216
|
+
var _useState11 = (0, _react.useState)(!propsDataSource && requestWhenMount && propsShowSkeleton),
|
217
217
|
_useState12 = _slicedToArray(_useState11, 2),
|
218
218
|
showSkeleton = _useState12[0],
|
219
219
|
setShowSkeleton = _useState12[1]; // 首次加载,渲染骨架屏
|
@@ -895,7 +895,7 @@ var ProTable = function ProTable(props) {
|
|
895
895
|
time = 60 * 1000;
|
896
896
|
}
|
897
897
|
if (autoRefresh && typeof autoRefresh !== 'boolean') {
|
898
|
-
time = autoRefresh ? autoRefresh(
|
898
|
+
time = autoRefresh ? autoRefresh(dataRes) : 0;
|
899
899
|
}
|
900
900
|
if (Number.isInteger(time) && time >= 1000) {
|
901
901
|
autoRefreshTimerRef.current = setTimeout(function () {
|
package/lib/utils/aspect.js
CHANGED
@@ -40,7 +40,7 @@ function ProComponentAspect(WrapComponent, componentName) {
|
|
40
40
|
key: "componentDidMount",
|
41
41
|
value: function componentDidMount() {
|
42
42
|
// @ts-ignore
|
43
|
-
if (!!window.
|
43
|
+
if (!!window.ProComponentBeforeAspectDebugger) {
|
44
44
|
console.log('HOC', componentName);
|
45
45
|
console.log('Props', this.props);
|
46
46
|
}
|
@@ -53,7 +53,10 @@ function ProComponentAspect(WrapComponent, componentName) {
|
|
53
53
|
var _window$ProComponentB, _window;
|
54
54
|
// @ts-ignore
|
55
55
|
var props = (_window$ProComponentB = (_window = window).ProComponentBeforeAspect) === null || _window$ProComponentB === void 0 ? void 0 : _window$ProComponentB.call(_window, componentName, this.props);
|
56
|
-
|
56
|
+
// @ts-ignore
|
57
|
+
if (!!window.ProComponentBeforeAspectDebugger) {
|
58
|
+
console.log('NewProps', props);
|
59
|
+
}
|
57
60
|
return /*#__PURE__*/_react.default.createElement(WrapComponent, _objectSpread({}, props));
|
58
61
|
}
|
59
62
|
return /*#__PURE__*/_react.default.createElement(WrapComponent, _objectSpread({}, this.props));
|
package/lib/xconsole.scss
CHANGED