@teamix/pro 1.5.22 → 1.5.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pro.all.min.css +1 -1
- package/dist/pro.css +1 -1
- package/dist/pro.js +13294 -8545
- 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.js +5 -3
- 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 +1 -1
- package/es/form/Filter/index2.js +1 -1
- package/es/form/ProForm/index.js +3 -1
- package/es/form/SchemaForm/initializeDataSource.js +0 -7
- package/es/image/index.d.ts +2 -1
- package/es/image/index.js +3 -2
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/index.js +2 -5
- package/es/sidebar/components/tree/index.js +20 -6
- package/es/sidebar/index.js +6 -2
- package/es/sidebar/typing.d.ts +4 -0
- package/es/table/components/Filter/index.js +15 -2
- package/es/table/components/Pagination/index.d.ts +1 -0
- package/es/table/components/Pagination/index.js +38 -19
- package/es/table/index.js +42 -20
- package/es/table/typing.d.ts +4 -0
- package/es/xconsole.scss +1 -0
- package/lib/actions/index.js +5 -3
- 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 +1 -1
- package/lib/form/Filter/index2.js +1 -1
- package/lib/form/ProForm/index.js +3 -1
- package/lib/form/SchemaForm/initializeDataSource.js +2 -9
- package/lib/image/index.d.ts +2 -1
- package/lib/image/index.js +3 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/index.js +1 -4
- package/lib/sidebar/components/tree/index.js +20 -6
- package/lib/sidebar/index.js +6 -2
- package/lib/sidebar/typing.d.ts +4 -0
- package/lib/table/components/Filter/index.js +15 -2
- package/lib/table/components/Pagination/index.d.ts +1 -0
- package/lib/table/components/Pagination/index.js +37 -18
- package/lib/table/index.js +41 -19
- package/lib/table/typing.d.ts +4 -0
- 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 _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _useResponsiveFormLayout = require("./useResponsiveFormLayout");
|
10
|
+
var _builtins__ = require("../__builtins__");
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
12
|
+
var _excluded = ["shallow", "children", "prefix", "className", "style"];
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14
|
+
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); }
|
15
|
+
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; }
|
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 _react = require("react");
|
8
|
+
var _shared = require("@formily/shared");
|
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;
|
@@ -23,6 +23,7 @@ var _useAutoLayout = _interopRequireDefault(require("./useAutoLayout"));
|
|
23
23
|
var _useInitialRequest = _interopRequireDefault(require("./useInitialRequest"));
|
24
24
|
var _validate = _interopRequireDefault(require("../locales/validate"));
|
25
25
|
require("./index.scss");
|
26
|
+
var _FormItem = _interopRequireDefault(require("../Components/FormItem2"));
|
26
27
|
var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
|
27
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28
29
|
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); }
|
@@ -59,7 +60,8 @@ var formilyComponents = {
|
|
59
60
|
SelectTable: _formily.SelectTable,
|
60
61
|
Affix: _components.Affix,
|
61
62
|
LightFilter: _LightFilter.default,
|
62
|
-
Text: _index.default
|
63
|
+
Text: _index.default,
|
64
|
+
FormItem2: _FormItem.default
|
63
65
|
};
|
64
66
|
var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
65
67
|
var outerForm = _ref.form,
|
@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
var _utils = require("
|
8
|
-
var _utils2 = require("../utils");
|
7
|
+
var _utils = require("../utils");
|
9
8
|
var initializeDataSource = function initializeDataSource(dataSource, suffix) {
|
10
9
|
var _dataSource$extraConf;
|
11
|
-
var _initializeRequestExp = (0,
|
10
|
+
var _initializeRequestExp = (0, _utils.initializeRequestExpression)(dataSource, '$dataSource', suffix),
|
12
11
|
expression = _initializeRequestExp.expression,
|
13
12
|
scope = _initializeRequestExp.scope;
|
14
13
|
return expression ? {
|
@@ -16,12 +15,6 @@ var initializeDataSource = function initializeDataSource(dataSource, suffix) {
|
|
16
15
|
scope: scope,
|
17
16
|
data: {
|
18
17
|
readOnlyOnLoading: (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$extraConf = dataSource.extraConfig) === null || _dataSource$extraConf === void 0 ? void 0 : _dataSource$extraConf.readOnly) !== false
|
19
|
-
},
|
20
|
-
props: {
|
21
|
-
className: 'teamix-test-request',
|
22
|
-
'data-teamix-test-request': "url=".concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.url, "&formatResult=").concat(!!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.formatResult)),
|
23
|
-
'data-teamix-test-params': (0, _utils.getTestRequestParams)(dataSource === null || dataSource === void 0 ? void 0 : dataSource.params),
|
24
|
-
'data-teamix-test-data': (0, _utils.getTestRequestData)('dataSource')
|
25
18
|
}
|
26
19
|
} : {
|
27
20
|
reactions: [],
|
package/lib/image/index.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
export declare type ProImageProps = {
|
2
3
|
src: {
|
3
4
|
/** 中文亮色图片地址,默认 url */
|
@@ -16,6 +17,6 @@ export declare type ProImageProps = {
|
|
16
17
|
theme?: 'dark' | 'light';
|
17
18
|
/** 自定义改造 url 的函数 */
|
18
19
|
transformUrl?: (value: string) => string;
|
19
|
-
}
|
20
|
+
} & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
|
20
21
|
declare const _default: (props: ProImageProps) => JSX.Element | null;
|
21
22
|
export default _default;
|
package/lib/image/index.js
CHANGED
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
8
8
|
var _utils = require("@teamix/utils");
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
10
|
var _ahooks = require("ahooks");
|
11
|
-
var _excluded = ["src", "transformUrl"];
|
11
|
+
var _excluded = ["src", "transformUrl", "theme"];
|
12
12
|
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); }
|
13
13
|
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; }
|
14
14
|
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; }
|
@@ -30,8 +30,9 @@ var localeMap = {
|
|
30
30
|
var _default = function _default(props) {
|
31
31
|
var src = props.src,
|
32
32
|
transformUrl = props.transformUrl,
|
33
|
+
themeProp = props.theme,
|
33
34
|
extra = _objectWithoutProperties(props, _excluded);
|
34
|
-
var _useState = (0, _react.useState)(
|
35
|
+
var _useState = (0, _react.useState)(themeProp || 'light'),
|
35
36
|
_useState2 = _slicedToArray(_useState, 2),
|
36
37
|
theme = _useState2[0],
|
37
38
|
setTheme = _useState2[1];
|
package/lib/index.d.ts
CHANGED
@@ -30,5 +30,5 @@ export * from './sidebar';
|
|
30
30
|
export * from './utils';
|
31
31
|
export * from './timeline';
|
32
32
|
export * from './image';
|
33
|
-
declare const version = "1.5.
|
33
|
+
declare const version = "1.5.24";
|
34
34
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -299,7 +299,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
299
299
|
if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
|
300
300
|
_icon.default.setConfig(_utils.default.getTeamixIconConfig());
|
301
301
|
}
|
302
|
-
var version = '1.5.
|
302
|
+
var version = '1.5.24';
|
303
303
|
// By TeamixTest
|
304
304
|
exports.version = version;
|
305
305
|
window.postMessage({
|
package/lib/info/index.js
CHANGED
@@ -158,10 +158,7 @@ var ProInfo = function ProInfo(props) {
|
|
158
158
|
return /*#__PURE__*/_react.default.createElement("div", {
|
159
159
|
ref: ref,
|
160
160
|
style: style,
|
161
|
-
className: (0, _utils2.cls)('teamix-pro-info', className
|
162
|
-
"data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
|
163
|
-
"data-teamix-test-params": (0, _utils2.getTestRequestParams)(params),
|
164
|
-
"data-teamix-test-data": (0, _utils2.getTestRequestData)(columns)
|
161
|
+
className: (0, _utils2.cls)('teamix-pro-info', className)
|
165
162
|
}, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread(_objectSpread({
|
166
163
|
compacted: true,
|
167
164
|
hoveredShadow: false,
|
@@ -14,7 +14,7 @@ var _utils2 = require("../../utils");
|
|
14
14
|
var _hooks = require("@teamix/hooks");
|
15
15
|
var _actionRef = require("../../utils/action-ref");
|
16
16
|
var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
|
17
|
-
var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
|
17
|
+
var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel", "defaultSelectedKeys", "defaultCheckedKeys"];
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
19
|
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); }
|
20
20
|
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; }
|
@@ -56,6 +56,8 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
56
56
|
onDataSourceChange = props.onDataSourceChange,
|
57
57
|
_props$expandLevel = props.expandLevel,
|
58
58
|
expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
|
59
|
+
defaultSelectedKeys = props.defaultSelectedKeys,
|
60
|
+
defaultCheckedKeys = props.defaultCheckedKeys,
|
59
61
|
others = _objectWithoutProperties(props, _excluded);
|
60
62
|
// 使用 beforeRenderNode 处理 dataSource
|
61
63
|
var processDataSource = function processDataSource(dataSource) {
|
@@ -89,11 +91,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
89
91
|
_useState8 = _slicedToArray(_useState7, 2),
|
90
92
|
dataSource = _useState8[0],
|
91
93
|
setDataSource = _useState8[1];
|
92
|
-
var _useState9 = (0, _react.useState)(selectedKeysProp),
|
94
|
+
var _useState9 = (0, _react.useState)(selectedKeysProp !== null && selectedKeysProp !== void 0 ? selectedKeysProp : defaultSelectedKeys),
|
93
95
|
_useState10 = _slicedToArray(_useState9, 2),
|
94
96
|
selectedKeys = _useState10[0],
|
95
97
|
setSelectedKeys = _useState10[1];
|
96
|
-
var _useState11 = (0, _react.useState)(checkedKeysProp),
|
98
|
+
var _useState11 = (0, _react.useState)(checkedKeysProp !== null && checkedKeysProp !== void 0 ? checkedKeysProp : defaultCheckedKeys),
|
97
99
|
_useState12 = _slicedToArray(_useState11, 2),
|
98
100
|
checkedKeys = _useState12[0],
|
99
101
|
setCheckedKeys = _useState12[1];
|
@@ -102,8 +104,16 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
102
104
|
}, []);
|
103
105
|
// 监听 selectedKeys,用于受控
|
104
106
|
(0, _react.useEffect)(function () {
|
105
|
-
|
107
|
+
if (selectedKeysProp) {
|
108
|
+
setSelectedKeys(selectedKeysProp);
|
109
|
+
}
|
106
110
|
}, [selectedKeysProp]);
|
111
|
+
// 监听 selectedKeys,用于受控
|
112
|
+
(0, _react.useEffect)(function () {
|
113
|
+
if (checkedKeysProp) {
|
114
|
+
setCheckedKeys(checkedKeysProp);
|
115
|
+
}
|
116
|
+
}, [checkedKeysProp]);
|
107
117
|
// 更新外部传入的 dataSource
|
108
118
|
(0, _hooks.useUpdateEffect)(function () {
|
109
119
|
setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
|
@@ -246,12 +256,16 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
246
256
|
if (extra === null || extra === void 0 ? void 0 : (_extra$event = extra.event) === null || _extra$event === void 0 ? void 0 : (_extra$event$target = _extra$event.target) === null || _extra$event$target === void 0 ? void 0 : (_extra$event$target$c = _extra$event$target.closest) === null || _extra$event$target$c === void 0 ? void 0 : _extra$event$target$c.call(_extra$event$target, '.teamix-pro-sidebar-delete-overlay')) {
|
247
257
|
return;
|
248
258
|
}
|
249
|
-
|
259
|
+
if (!selectedKeys) {
|
260
|
+
setSelectedKeys(value);
|
261
|
+
}
|
250
262
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, extra);
|
251
263
|
};
|
252
264
|
// 树节点选中回调
|
253
265
|
var onCheckChange = function onCheckChange(value, extra) {
|
254
|
-
|
266
|
+
if (!checkedKeysProp) {
|
267
|
+
setCheckedKeys(value);
|
268
|
+
}
|
255
269
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, extra);
|
256
270
|
};
|
257
271
|
// 节点展开回调
|
package/lib/sidebar/index.js
CHANGED
@@ -47,7 +47,7 @@ Object.keys(_utils2).forEach(function (key) {
|
|
47
47
|
});
|
48
48
|
});
|
49
49
|
var _IconSwitch = _interopRequireDefault(require("./components/tree-node/components/IconSwitch"));
|
50
|
-
var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
|
50
|
+
var _excluded = ["selectedKeys", "checkedKeys", "defaultSelectedKeys", "defaultCheckedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
|
51
51
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
52
52
|
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); }
|
53
53
|
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; }
|
@@ -66,6 +66,8 @@ var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar');
|
|
66
66
|
var ProSidebar = function ProSidebar(props) {
|
67
67
|
var selectedKeys = props.selectedKeys,
|
68
68
|
checkedKeys = props.checkedKeys,
|
69
|
+
defaultSelectedKeys = props.defaultSelectedKeys,
|
70
|
+
defaultCheckedKeys = props.defaultCheckedKeys,
|
69
71
|
dataSourceProp = props.dataSource,
|
70
72
|
_props$className = props.className,
|
71
73
|
className = _props$className === void 0 ? '' : _props$className,
|
@@ -217,7 +219,9 @@ var ProSidebar = function ProSidebar(props) {
|
|
217
219
|
beforeRenderNode: beforeRenderNode,
|
218
220
|
expandAll: expandAllState,
|
219
221
|
expandLevel: expandLevelState,
|
220
|
-
onDataSourceChange: onDataSourceChange
|
222
|
+
onDataSourceChange: onDataSourceChange,
|
223
|
+
defaultSelectedKeys: defaultSelectedKeys,
|
224
|
+
defaultCheckedKeys: defaultCheckedKeys
|
221
225
|
}, treeProps))));
|
222
226
|
};
|
223
227
|
var _default = ProSidebar;
|
package/lib/sidebar/typing.d.ts
CHANGED
@@ -10,8 +10,12 @@ export declare type ProSidebarProps = {
|
|
10
10
|
dataSource?: ProSidebarDataSource;
|
11
11
|
/** 点击的节点 */
|
12
12
|
selectedKeys?: TreeProps['selectedKeys'];
|
13
|
+
/** 非受控 默认点击的节点 */
|
14
|
+
defaultSelectedKeys?: TreeProps['defaultSelectedKeys'];
|
13
15
|
/** 选中的节点 */
|
14
16
|
checkedKeys?: TreeProps['checkedKeys'];
|
17
|
+
/** 非受控 默认选中的节点 */
|
18
|
+
defaultCheckedKeys?: TreeProps['defaultCheckedKeys'];
|
15
19
|
/** 节点点击回调 */
|
16
20
|
onSelect?: TreeProps['onSelect'];
|
17
21
|
/** 节点选中回调 */
|
@@ -11,6 +11,7 @@ var _components = require("@alicloudfe/components");
|
|
11
11
|
var _utils = require("@teamix/utils");
|
12
12
|
require("./index.scss");
|
13
13
|
var _hooks = require("@teamix/hooks");
|
14
|
+
var _field = _interopRequireDefault(require("../../../field"));
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
16
|
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); }
|
16
17
|
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; }
|
@@ -166,7 +167,13 @@ var Filter = function Filter(props) {
|
|
166
167
|
onChange: function onChange(check) {
|
167
168
|
setSelected([valueStr]);
|
168
169
|
}
|
169
|
-
},
|
170
|
+
}, /*#__PURE__*/_react.default.createElement(_field.default, {
|
171
|
+
type: 'text',
|
172
|
+
value: label,
|
173
|
+
render: {
|
174
|
+
ellipsis: true
|
175
|
+
}
|
176
|
+
}));
|
170
177
|
});
|
171
178
|
};
|
172
179
|
// 渲染多选
|
@@ -188,7 +195,13 @@ var Filter = function Filter(props) {
|
|
188
195
|
}));
|
189
196
|
}
|
190
197
|
}
|
191
|
-
},
|
198
|
+
}, /*#__PURE__*/_react.default.createElement(_field.default, {
|
199
|
+
type: 'text',
|
200
|
+
value: label,
|
201
|
+
render: {
|
202
|
+
ellipsis: true
|
203
|
+
}
|
204
|
+
}));
|
192
205
|
});
|
193
206
|
};
|
194
207
|
// 渲染选择区域
|
@@ -10,7 +10,7 @@ var _components = require("@alicloudfe/components");
|
|
10
10
|
var _utils = require("@teamix/utils");
|
11
11
|
var _hooks = require("@teamix/hooks");
|
12
12
|
require("./index.scss");
|
13
|
-
var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
|
13
|
+
var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType", "useMaxData"];
|
14
14
|
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); }
|
15
15
|
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; }
|
16
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; }
|
@@ -34,6 +34,7 @@ var _default = function _default(props) {
|
|
34
34
|
pageSizeSelector = props.pageSizeSelector,
|
35
35
|
onPageSizeChange = props.onPageSizeChange,
|
36
36
|
responsivePaginationType = props.responsivePaginationType,
|
37
|
+
useMaxData = props.useMaxData,
|
37
38
|
otherProps = _objectWithoutProperties(props, _excluded);
|
38
39
|
var basePrefix = (0, _utils.usePrefixCls)('', {
|
39
40
|
base: true
|
@@ -56,20 +57,44 @@ var _default = function _default(props) {
|
|
56
57
|
_useState4 = _slicedToArray(_useState3, 2),
|
57
58
|
currentPage = _useState4[0],
|
58
59
|
setCurrentPage = _useState4[1];
|
60
|
+
var maxDataState = (0, _react.useMemo)(function () {
|
61
|
+
return Math.ceil((total !== null && total !== void 0 ? total : 0) / (pageSize !== null && pageSize !== void 0 ? pageSize : 0)) > 100;
|
62
|
+
}, [total, pageSize]);
|
59
63
|
var commonPaginationProps = {
|
60
64
|
className: className,
|
61
65
|
onChange: propsOnChange,
|
62
|
-
total: total,
|
66
|
+
total: useMaxData && maxDataState ? (pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100 : total,
|
63
67
|
pageSize: pageSize,
|
64
68
|
current: current,
|
65
69
|
shape: 'arrow-only',
|
66
70
|
pageSizeList: pageSizeList,
|
67
71
|
pageSizeSelector: pageSizeSelector,
|
68
72
|
pageSizePosition: 'end',
|
69
|
-
onPageSizeChange: onPageSizeChange
|
73
|
+
onPageSizeChange: onPageSizeChange,
|
74
|
+
// pagination 的渲染函数
|
75
|
+
pageNumberRender: function pageNumberRender(index) {
|
76
|
+
if (useMaxData && maxDataState) {
|
77
|
+
if (index === 100) {
|
78
|
+
return '100+';
|
79
|
+
}
|
80
|
+
return index;
|
81
|
+
}
|
82
|
+
return index;
|
83
|
+
}
|
70
84
|
};
|
85
|
+
// 获取总数
|
86
|
+
var getTotalContent = (0, _react.useMemo)(function () {
|
87
|
+
if (useMaxData && maxDataState) {
|
88
|
+
return (0, _utils.getMessage)('total', {
|
89
|
+
total: new Intl.NumberFormat().format((pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100) + '+'
|
90
|
+
});
|
91
|
+
}
|
92
|
+
return (0, _utils.getMessage)('total', {
|
93
|
+
total: new Intl.NumberFormat().format(total !== null && total !== void 0 ? total : 0)
|
94
|
+
});
|
95
|
+
}, [pageSize, total, maxDataState]);
|
71
96
|
// 自定义总数,用于 small、mini
|
72
|
-
var customTotalRender = function customTotalRender(
|
97
|
+
var customTotalRender = function customTotalRender() {
|
73
98
|
return /*#__PURE__*/_react.default.createElement(_components.Balloon, {
|
74
99
|
visible: visible,
|
75
100
|
closable: false,
|
@@ -86,9 +111,7 @@ var _default = function _default(props) {
|
|
86
111
|
style: {
|
87
112
|
lineHeight: '18px'
|
88
113
|
}
|
89
|
-
},
|
90
|
-
total: new Intl.NumberFormat().format(total)
|
91
|
-
}))
|
114
|
+
}, getTotalContent)
|
92
115
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
93
116
|
className: prefixCls('custom-total-content')
|
94
117
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
@@ -185,7 +208,7 @@ var _default = function _default(props) {
|
|
185
208
|
} else {
|
186
209
|
return /*#__PURE__*/_react.default.createElement("div", {
|
187
210
|
className: (0, _utils.cls)(basePrefix('pagination'), prefixCls('custom-mini-pagination'))
|
188
|
-
}, customTotalRender(
|
211
|
+
}, customTotalRender(), customJumpRender());
|
189
212
|
}
|
190
213
|
}
|
191
214
|
};
|
@@ -193,27 +216,23 @@ var _default = function _default(props) {
|
|
193
216
|
switch (responsivePaginationType || responsiveProps) {
|
194
217
|
case 'normal':
|
195
218
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
|
196
|
-
totalRender: function totalRender(
|
197
|
-
return
|
198
|
-
total: new Intl.NumberFormat().format(total)
|
199
|
-
});
|
219
|
+
totalRender: function totalRender() {
|
220
|
+
return getTotalContent;
|
200
221
|
}
|
201
222
|
}, otherProps));
|
202
223
|
case 'simple':
|
203
224
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
|
204
225
|
pageShowCount: 3,
|
205
|
-
totalRender: function totalRender(
|
206
|
-
return
|
207
|
-
total: new Intl.NumberFormat().format(total)
|
208
|
-
});
|
226
|
+
totalRender: function totalRender() {
|
227
|
+
return getTotalContent;
|
209
228
|
}
|
210
229
|
}, otherProps));
|
211
230
|
case 'small':
|
212
231
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
|
213
232
|
pageShowCount: 3,
|
214
233
|
pageSizeSelector: false,
|
215
|
-
totalRender: function totalRender(
|
216
|
-
return customTotalRender(
|
234
|
+
totalRender: function totalRender() {
|
235
|
+
return customTotalRender();
|
217
236
|
}
|
218
237
|
}, otherProps));
|
219
238
|
case 'mini':
|