@ccs-ui/rc-pro 1.1.1-rc1 → 1.1.1-rc10
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/es/auth/auth-dropdown.js +5 -13
- package/es/auth/index.d.ts +3 -9
- package/es/auth/index.js +10 -9
- package/es/cascader/index.js +2 -2
- package/es/color-picker/index.js +26 -30
- package/es/date-picker/index.js +3 -9
- package/es/dialog/HookDrawer.d.ts +1 -1
- package/es/dialog/HookDrawer.js +31 -19
- package/es/dialog/HookModal.d.ts +1 -1
- package/es/dialog/HookModal.js +25 -20
- package/es/dialog/button.d.ts +2 -1
- package/es/dialog/button.js +20 -17
- package/es/dialog/context.d.ts +8 -7
- package/es/dialog/context.js +4 -4
- package/es/dialog/form.d.ts +2 -2
- package/es/dialog/form.js +4 -3
- package/es/dialog/{dialog.d.ts → hook.d.ts} +9 -1
- package/es/dialog/index.d.ts +4 -4
- package/es/dialog/index.js +2 -2
- package/es/dialog/index.less +14 -17
- package/es/drawer.zip +0 -0
- package/es/index.d.ts +11 -8
- package/es/index.js +0 -2
- package/es/interval-button/index.js +5 -11
- package/es/keep-alive-tabs/index.d.ts +1 -1
- package/es/keep-alive-tabs/index.js +1 -1
- package/es/keep-alive-tabs/index.less +2 -2
- package/es/keep-alive-tabs/page.js +15 -19
- package/es/modal.zip +0 -0
- package/es/pro-grid/index.js +35 -48
- package/es/pro-table/index.d.ts +3 -3
- package/es/pro-table/index.js +69 -177
- package/es/pro-table/index.less +3 -13
- package/es/pro-table/search.js +7 -4
- package/es/pro-table/tree.d.ts +22 -0
- package/es/pro-table/tree.js +184 -0
- package/es/pro-tabs/index.js +3 -6
- package/es/select/index.js +2 -2
- package/es/table/index.js +38 -33
- package/es/time-picker/index.js +3 -9
- package/es/trigger/index.js +67 -77
- package/es/upload/index.js +6 -15
- package/es/upload/upload-image.js +14 -8
- package/es/virtual-list/index.js +28 -33
- package/es/water-mark/index.js +17 -20
- package/package.json +2 -1
- package/es/drawer/buttons.d.ts +0 -14
- package/es/drawer/buttons.js +0 -103
- package/es/drawer/index.d.ts +0 -13
- package/es/drawer/index.js +0 -11
- package/es/drawer/index.less +0 -5
- package/es/drawer/open/content.d.ts +0 -20
- package/es/drawer/open/content.js +0 -49
- package/es/drawer/open/destory-fns.d.ts +0 -2
- package/es/drawer/open/destory-fns.js +0 -3
- package/es/drawer/open/form.d.ts +0 -12
- package/es/drawer/open/form.js +0 -34
- package/es/drawer/open/index.d.ts +0 -18
- package/es/drawer/open/index.js +0 -180
- package/es/modal/buttons.d.ts +0 -14
- package/es/modal/buttons.js +0 -100
- package/es/modal/index.d.ts +0 -12
- package/es/modal/index.js +0 -11
- package/es/modal/index.less +0 -26
- package/es/modal/open/destory-fns.d.ts +0 -2
- package/es/modal/open/destory-fns.js +0 -3
- package/es/modal/open/drag.d.ts +0 -1
- package/es/modal/open/drag.js +0 -107
- package/es/modal/open/form.d.ts +0 -12
- package/es/modal/open/form.js +0 -43
- package/es/modal/open/index.d.ts +0 -19
- package/es/modal/open/index.js +0 -96
- /package/es/dialog/{dialog.js → hook.js} +0 -0
package/es/auth/auth-dropdown.js
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
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); }
|
|
2
1
|
var _excluded = ["auth", "menus", "children", "onClick"];
|
|
3
|
-
function
|
|
4
|
-
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; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
3
|
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; }
|
|
9
4
|
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; }
|
|
10
5
|
import { Dropdown } from 'antd';
|
|
11
6
|
import React, { useMemo } from 'react';
|
|
12
7
|
import { CCS, useCcsPage } from "../";
|
|
13
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
8
|
/**
|
|
16
9
|
* 带权限的Dropdown组件
|
|
17
10
|
*/
|
|
@@ -61,15 +54,14 @@ export default (function (_ref) {
|
|
|
61
54
|
if (btn) {
|
|
62
55
|
return children;
|
|
63
56
|
}
|
|
64
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
65
58
|
}, []);
|
|
66
59
|
return items.filter(function (i) {
|
|
67
60
|
return i.type !== 'divider';
|
|
68
|
-
}).length ? /*#__PURE__*/
|
|
61
|
+
}).length ? /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
|
|
69
62
|
menu: {
|
|
70
63
|
items: items,
|
|
71
64
|
onClick: onClick
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
})) : /*#__PURE__*/_jsx(_Fragment, {});
|
|
65
|
+
}
|
|
66
|
+
}), renderChildren) : /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
75
67
|
});
|
package/es/auth/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export interface ButtonItem {
|
|
|
6
6
|
auth?: string;
|
|
7
7
|
type?: ButtonProps['type'];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
+
hidden?: boolean;
|
|
9
10
|
danger?: boolean;
|
|
10
11
|
icon?: ReactNode;
|
|
11
12
|
confirm?: string;
|
|
@@ -28,7 +29,7 @@ export interface CcsAuthGroupProps {
|
|
|
28
29
|
}
|
|
29
30
|
export interface CcsAuthProps {
|
|
30
31
|
/** 权限标识 */
|
|
31
|
-
auth
|
|
32
|
+
auth?: string;
|
|
32
33
|
/** component children */
|
|
33
34
|
children: ReactElement;
|
|
34
35
|
}
|
|
@@ -38,14 +39,7 @@ export declare function ModalConfirm({ modalRef }: {
|
|
|
38
39
|
declare function CcsAuth({ auth, children }: CcsAuthProps): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
39
40
|
declare namespace CcsAuth {
|
|
40
41
|
var Group: typeof AuthGroup;
|
|
41
|
-
var Button: ({ auth, text, confirm, onClick, ...restProps }:
|
|
42
|
-
href: string;
|
|
43
|
-
target?: import("react").HTMLAttributeAnchorTarget | undefined;
|
|
44
|
-
onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
|
|
45
|
-
} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
|
|
46
|
-
htmlType?: "button" | "submit" | "reset" | undefined;
|
|
47
|
-
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
48
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & {
|
|
42
|
+
var Button: ({ auth, text, confirm, onClick, ...restProps }: ButtonProps & {
|
|
49
43
|
auth: string;
|
|
50
44
|
text?: string | undefined;
|
|
51
45
|
confirm?: string | undefined;
|
package/es/auth/index.js
CHANGED
|
@@ -8,10 +8,6 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
|
|
|
8
8
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
9
|
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; }
|
|
10
10
|
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; }
|
|
11
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
12
|
-
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."); }
|
|
13
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
14
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
15
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
12
|
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."); }
|
|
17
13
|
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); }
|
|
@@ -57,23 +53,28 @@ function AuthGroup(_ref4) {
|
|
|
57
53
|
showCount = _ref4.showCount,
|
|
58
54
|
moreIcon = _ref4.moreIcon,
|
|
59
55
|
moreText = _ref4.moreText,
|
|
60
|
-
items = _ref4.items,
|
|
56
|
+
_ref4$items = _ref4.items,
|
|
57
|
+
items = _ref4$items === void 0 ? [] : _ref4$items,
|
|
61
58
|
onClick = _ref4.onClick;
|
|
62
59
|
var _ref5 = useCcsPage() || {},
|
|
63
60
|
onAuth = _ref5.onAuth;
|
|
64
61
|
var IsAuthButton = CCS.GlobalConfig.IsAuthButton;
|
|
65
62
|
var modalRef = useRef(null);
|
|
66
|
-
if (!items || items.length === 0) return null;
|
|
67
63
|
var authButtons = [];
|
|
64
|
+
|
|
65
|
+
// 过滤隐藏按钮
|
|
66
|
+
authButtons = items.filter(function (items) {
|
|
67
|
+
return !items.hidden;
|
|
68
|
+
});
|
|
69
|
+
|
|
68
70
|
// 需要判断权限
|
|
69
71
|
if (IsAuthButton && onAuth) {
|
|
70
|
-
authButtons =
|
|
72
|
+
authButtons = authButtons.filter(function (b) {
|
|
71
73
|
if (b.auth) return onAuth(b.auth);
|
|
72
74
|
return true;
|
|
73
75
|
});
|
|
74
|
-
} else {
|
|
75
|
-
authButtons = _toConsumableArray(items);
|
|
76
76
|
}
|
|
77
|
+
if (!items || items.length === 0) return null;
|
|
77
78
|
|
|
78
79
|
// 当前菜单下查找按钮权限
|
|
79
80
|
var showBtns = authButtons.splice(0, showCount || items.length);
|
package/es/cascader/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
var _excluded = ["onQuery", "cache", "defaultParams"];
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
4
|
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; }
|
|
4
5
|
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; }
|
|
5
6
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -14,7 +15,6 @@ import { useRequest } from 'ahooks';
|
|
|
14
15
|
import { Cascader } from 'antd';
|
|
15
16
|
import _isArray from 'lodash/isArray';
|
|
16
17
|
import React, { useEffect } from 'react';
|
|
17
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
18
|
/**
|
|
19
19
|
* 基于接口查询的select组件
|
|
20
20
|
* @param CcsSelectProps
|
|
@@ -62,7 +62,7 @@ export default function CcsApiCascader(_ref) {
|
|
|
62
62
|
useEffect(function () {
|
|
63
63
|
if (onQuery) run(defaultParams);
|
|
64
64
|
}, [JSON.stringify(defaultParams)]);
|
|
65
|
-
return /*#__PURE__*/
|
|
65
|
+
return /*#__PURE__*/React.createElement(Cascader, _extends({
|
|
66
66
|
options: data,
|
|
67
67
|
loading: loading,
|
|
68
68
|
style: {
|
package/es/color-picker/index.js
CHANGED
|
@@ -15,7 +15,6 @@ import { Popover } from 'antd';
|
|
|
15
15
|
import React, { useState } from 'react';
|
|
16
16
|
import { SketchPicker } from 'react-color';
|
|
17
17
|
import "./index.less";
|
|
18
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
18
|
/**
|
|
20
19
|
* 颜色选择组件
|
|
21
20
|
*/
|
|
@@ -31,37 +30,34 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
31
30
|
if (onChange) onChange(e.rgb);
|
|
32
31
|
setOpen(false);
|
|
33
32
|
};
|
|
34
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
35
34
|
style: {
|
|
36
35
|
position: 'relative'
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}),
|
|
44
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
45
|
-
style: _objectSpread({
|
|
46
|
-
height: 32,
|
|
47
|
-
padding: '4px 11px',
|
|
48
|
-
border: '1px solid #d9d9d9',
|
|
49
|
-
borderRadius: 3,
|
|
50
|
-
display: 'flex'
|
|
51
|
-
}, style),
|
|
52
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
53
|
-
onClick: function onClick() {
|
|
54
|
-
return setOpen(!open);
|
|
55
|
-
},
|
|
56
|
-
style: {
|
|
57
|
-
border: '1px solid #777',
|
|
58
|
-
background: "rgb(".concat(value === null || value === void 0 ? void 0 : value.r, ",").concat(value === null || value === void 0 ? void 0 : value.g, ",").concat(value === null || value === void 0 ? void 0 : value.b, ",").concat(value === null || value === void 0 ? void 0 : value.a, ")"),
|
|
59
|
-
width: '100%',
|
|
60
|
-
margin: '4px 0'
|
|
61
|
-
}
|
|
62
|
-
})
|
|
63
|
-
})
|
|
36
|
+
}
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Popover, {
|
|
38
|
+
open: open,
|
|
39
|
+
content: /*#__PURE__*/React.createElement(SketchPicker, {
|
|
40
|
+
color: value,
|
|
41
|
+
onChange: handleChange
|
|
64
42
|
})
|
|
65
|
-
}
|
|
43
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
style: _objectSpread({
|
|
45
|
+
height: 32,
|
|
46
|
+
padding: '4px 11px',
|
|
47
|
+
border: '1px solid #d9d9d9',
|
|
48
|
+
borderRadius: 3,
|
|
49
|
+
display: 'flex'
|
|
50
|
+
}, style)
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
52
|
+
onClick: function onClick() {
|
|
53
|
+
return setOpen(!open);
|
|
54
|
+
},
|
|
55
|
+
style: {
|
|
56
|
+
border: '1px solid #777',
|
|
57
|
+
background: "rgb(".concat(value === null || value === void 0 ? void 0 : value.r, ",").concat(value === null || value === void 0 ? void 0 : value.g, ",").concat(value === null || value === void 0 ? void 0 : value.b, ",").concat(value === null || value === void 0 ? void 0 : value.a, ")"),
|
|
58
|
+
width: '100%',
|
|
59
|
+
margin: '4px 0'
|
|
60
|
+
}
|
|
61
|
+
}))));
|
|
66
62
|
};
|
|
67
63
|
export default ColorPicker;
|
package/es/date-picker/index.js
CHANGED
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
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); }
|
|
2
1
|
var _excluded = ["value", "onChange"],
|
|
3
2
|
_excluded2 = ["value", "onChange"];
|
|
4
|
-
function
|
|
5
|
-
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; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
5
|
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."); }
|
|
11
6
|
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); }
|
|
@@ -18,7 +13,6 @@ import { DatePicker } from 'antd';
|
|
|
18
13
|
import dayjs from 'dayjs';
|
|
19
14
|
import _isArray from 'lodash/isArray';
|
|
20
15
|
import React, { useState } from 'react';
|
|
21
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
22
16
|
function CcsDatePicker(_ref) {
|
|
23
17
|
var value = _ref.value,
|
|
24
18
|
onChange = _ref.onChange,
|
|
@@ -35,7 +29,7 @@ function CcsDatePicker(_ref) {
|
|
|
35
29
|
setDateValue(date || undefined);
|
|
36
30
|
if (onChange) onChange(dateString);
|
|
37
31
|
};
|
|
38
|
-
return /*#__PURE__*/
|
|
32
|
+
return /*#__PURE__*/React.createElement(DatePicker, _extends({
|
|
39
33
|
value: dateValue,
|
|
40
34
|
onChange: handleOnChange
|
|
41
35
|
}, restProps));
|
|
@@ -56,7 +50,7 @@ function RangePicker(_ref2) {
|
|
|
56
50
|
setDateValue(date);
|
|
57
51
|
if (onChange) onChange(dateString);
|
|
58
52
|
};
|
|
59
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
|
|
60
54
|
value: dateValue,
|
|
61
55
|
onChange: handleOnChange
|
|
62
56
|
}, restProps));
|
package/es/dialog/HookDrawer.js
CHANGED
|
@@ -13,11 +13,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
13
13
|
import { Drawer } from 'antd';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { forwardRef, useImperativeHandle, useState } from 'react';
|
|
16
|
-
import {
|
|
16
|
+
import { DialogContentContext } from "./context";
|
|
17
17
|
import DialogForm from "./form";
|
|
18
18
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
19
|
var HookDrawer = function HookDrawer(_ref, ref) {
|
|
20
|
-
var _config$form;
|
|
20
|
+
var _config$form, _innerConfig$styles;
|
|
21
21
|
var hookAfterClose = _ref.afterClose,
|
|
22
22
|
config = _ref.config;
|
|
23
23
|
var _useState = useState(function () {
|
|
@@ -31,19 +31,31 @@ var HookDrawer = function HookDrawer(_ref, ref) {
|
|
|
31
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32
32
|
innerConfig = _useState2[0],
|
|
33
33
|
setInnerConfig = _useState2[1];
|
|
34
|
-
var _useState3 = useState(false),
|
|
35
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
36
|
-
hasButtons = _useState4[0],
|
|
37
|
-
setHasButtons = _useState4[1];
|
|
38
34
|
var afterClose = function afterClose() {
|
|
39
35
|
hookAfterClose();
|
|
40
36
|
};
|
|
41
|
-
var close = function close() {
|
|
37
|
+
var close = function close(e) {
|
|
42
38
|
setInnerConfig(function (c) {
|
|
43
39
|
return _objectSpread(_objectSpread({}, c), {}, {
|
|
44
40
|
open: false
|
|
45
41
|
});
|
|
46
42
|
});
|
|
43
|
+
if ((e === null || e === void 0 ? void 0 : e.type) === 'click') {
|
|
44
|
+
// 通过点击关闭按钮或取消按钮关闭
|
|
45
|
+
if (innerConfig.afterCloseByCancel) {
|
|
46
|
+
innerConfig.afterCloseByCancel(e);
|
|
47
|
+
}
|
|
48
|
+
} else {
|
|
49
|
+
// 通过调用closeDialog关闭
|
|
50
|
+
if (innerConfig.afterCloseByOk) {
|
|
51
|
+
innerConfig.afterCloseByOk(e);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// 入参有onClose
|
|
56
|
+
if (innerConfig.onClose) {
|
|
57
|
+
innerConfig.onClose(e);
|
|
58
|
+
}
|
|
47
59
|
};
|
|
48
60
|
useImperativeHandle(ref, function () {
|
|
49
61
|
return {
|
|
@@ -63,21 +75,23 @@ var HookDrawer = function HookDrawer(_ref, ref) {
|
|
|
63
75
|
return undefined;
|
|
64
76
|
};
|
|
65
77
|
var isCrInProp = ('getContainer' in innerConfig);
|
|
78
|
+
var styles = innerConfig.styles || {};
|
|
79
|
+
if (config.form) {
|
|
80
|
+
styles.body = {
|
|
81
|
+
padding: 0
|
|
82
|
+
};
|
|
83
|
+
}
|
|
66
84
|
return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
|
|
67
|
-
onClose: close,
|
|
68
85
|
afterOpenChange: function afterOpenChange(open) {
|
|
69
86
|
if (!open) afterClose();
|
|
70
87
|
}
|
|
71
88
|
}, innerConfig), {}, {
|
|
89
|
+
onClose: close,
|
|
72
90
|
className: classNames('ccs-dialog-drawer', innerConfig.className),
|
|
73
91
|
maskStyle: _objectSpread({
|
|
74
92
|
background: 'rgba(0, 0, 0, 0.1)'
|
|
75
93
|
}, innerConfig.maskStyle),
|
|
76
|
-
|
|
77
|
-
marginBottom: 80
|
|
78
|
-
} : {}), config.form ? {
|
|
79
|
-
padding: 0
|
|
80
|
-
} : innerConfig.bodyStyle),
|
|
94
|
+
styles: styles,
|
|
81
95
|
rootStyle: _objectSpread(_objectSpread({}, !isCrInProp ? {
|
|
82
96
|
position: 'absolute'
|
|
83
97
|
} : {}), innerConfig.rootStyle),
|
|
@@ -85,19 +99,17 @@ var HookDrawer = function HookDrawer(_ref, ref) {
|
|
|
85
99
|
boxShadow: 'none'
|
|
86
100
|
} : {}), innerConfig.contentWrapperStyle),
|
|
87
101
|
getContainer: isCrInProp ? innerConfig.getContainer : onGetContainer,
|
|
88
|
-
|
|
102
|
+
extra: null,
|
|
103
|
+
children: /*#__PURE__*/_jsx(DialogContentContext.Provider, {
|
|
89
104
|
value: {
|
|
90
105
|
closeDialog: close,
|
|
91
|
-
onHasButtons: function onHasButtons() {
|
|
92
|
-
return setHasButtons(true);
|
|
93
|
-
},
|
|
94
106
|
formInitialValues: ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) || {}
|
|
95
107
|
},
|
|
96
108
|
children: config.form ? /*#__PURE__*/_jsx(DialogForm, {
|
|
97
109
|
formProps: config.form,
|
|
98
|
-
|
|
110
|
+
styles: _objectSpread({
|
|
99
111
|
padding: 24
|
|
100
|
-
}, innerConfig.
|
|
112
|
+
}, (_innerConfig$styles = innerConfig.styles) === null || _innerConfig$styles === void 0 ? void 0 : _innerConfig$styles.body),
|
|
101
113
|
children: config.content
|
|
102
114
|
}) : config.content
|
|
103
115
|
})
|
package/es/dialog/HookModal.d.ts
CHANGED
package/es/dialog/HookModal.js
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
-
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."); }
|
|
4
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
5
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
6
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
3
|
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."); }
|
|
8
4
|
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); }
|
|
@@ -18,7 +14,7 @@ import { Modal } from 'antd';
|
|
|
18
14
|
import classNames from 'classnames';
|
|
19
15
|
import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
|
|
20
16
|
import Draggable from 'react-draggable';
|
|
21
|
-
import {
|
|
17
|
+
import { DialogContentContext } from "./context";
|
|
22
18
|
import DialogForm from "./form";
|
|
23
19
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
20
|
var DragModal = function DragModal(_ref) {
|
|
@@ -94,20 +90,27 @@ var HookModal = function HookModal(_ref2, ref) {
|
|
|
94
90
|
if (config.destroyOnClose !== false) hookAfterClose();
|
|
95
91
|
(_innerConfig$afterClo = innerConfig.afterClose) === null || _innerConfig$afterClo === void 0 ? void 0 : _innerConfig$afterClo.call(innerConfig);
|
|
96
92
|
};
|
|
97
|
-
var close = function close() {
|
|
93
|
+
var close = function close(e) {
|
|
98
94
|
setInnerConfig(function (c) {
|
|
99
95
|
return _objectSpread(_objectSpread({}, c), {}, {
|
|
100
96
|
open: false
|
|
101
97
|
});
|
|
102
98
|
});
|
|
103
|
-
|
|
104
|
-
|
|
99
|
+
if ((e === null || e === void 0 ? void 0 : e.type) === 'click') {
|
|
100
|
+
// 通过点击关闭按钮或取消按钮关闭
|
|
101
|
+
if (innerConfig.afterCloseByCancel) {
|
|
102
|
+
innerConfig.afterCloseByCancel(e);
|
|
103
|
+
}
|
|
104
|
+
} else {
|
|
105
|
+
// 通过调用closeDialog关闭
|
|
106
|
+
if (innerConfig.afterCloseByOk) {
|
|
107
|
+
innerConfig.afterCloseByOk(e);
|
|
108
|
+
}
|
|
105
109
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
innerConfig.onCancel.apply(innerConfig, [function () {}].concat(_toConsumableArray(args.slice(1))));
|
|
110
|
+
|
|
111
|
+
// 入参有onClose
|
|
112
|
+
if (innerConfig.onCancel) {
|
|
113
|
+
innerConfig.onCancel(e);
|
|
111
114
|
}
|
|
112
115
|
};
|
|
113
116
|
useImperativeHandle(ref, function () {
|
|
@@ -120,15 +123,17 @@ var HookModal = function HookModal(_ref2, ref) {
|
|
|
120
123
|
}
|
|
121
124
|
};
|
|
122
125
|
});
|
|
126
|
+
var styles = innerConfig.styles || {};
|
|
127
|
+
styles.body = _objectSpread(_objectSpread({
|
|
128
|
+
position: 'relative'
|
|
129
|
+
}, styles.body), hasButtons ? {
|
|
130
|
+
paddingBottom: 44
|
|
131
|
+
} : {});
|
|
123
132
|
return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
|
|
124
133
|
onCancel: close,
|
|
125
134
|
afterClose: afterClose
|
|
126
135
|
}, innerConfig), {}, {
|
|
127
|
-
|
|
128
|
-
position: 'relative'
|
|
129
|
-
}, innerConfig.bodyStyle), hasButtons ? {
|
|
130
|
-
paddingBottom: 44
|
|
131
|
-
} : {}),
|
|
136
|
+
styles: styles,
|
|
132
137
|
className: classNames('ccs-dialog-modal', innerConfig.className),
|
|
133
138
|
footer: null,
|
|
134
139
|
title: config.isDrag ? /*#__PURE__*/_jsx("div", {
|
|
@@ -161,10 +166,10 @@ var HookModal = function HookModal(_ref2, ref) {
|
|
|
161
166
|
onDragState: setDragState
|
|
162
167
|
});
|
|
163
168
|
} : undefined,
|
|
164
|
-
children: /*#__PURE__*/_jsx(
|
|
169
|
+
children: /*#__PURE__*/_jsx(DialogContentContext.Provider, {
|
|
165
170
|
value: {
|
|
166
171
|
closeDialog: close,
|
|
167
|
-
|
|
172
|
+
onHasModalButtons: function onHasModalButtons() {
|
|
168
173
|
return setHasButtons(true);
|
|
169
174
|
},
|
|
170
175
|
formInitialValues: ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) || {}
|
package/es/dialog/button.d.ts
CHANGED
|
@@ -5,7 +5,8 @@ interface DialogButtonsProps {
|
|
|
5
5
|
okAuth?: string;
|
|
6
6
|
loading?: boolean;
|
|
7
7
|
children?: ReactNode;
|
|
8
|
+
hideCancel?: boolean;
|
|
8
9
|
onOk?: (values?: any) => void;
|
|
9
10
|
}
|
|
10
|
-
export default function CcsDialogButtons({ okText, okAuth, loading, children, cancelText, onOk, }: DialogButtonsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export default function CcsDialogButtons({ okText, okAuth, loading, children, hideCancel, cancelText, onOk, }: DialogButtonsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11
12
|
export {};
|
package/es/dialog/button.js
CHANGED
|
@@ -9,22 +9,23 @@ import { Button, Form } from 'antd';
|
|
|
9
9
|
import { useEffect } from 'react';
|
|
10
10
|
import CcsDialog from '.';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
12
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
export default function CcsDialogButtons(_ref) {
|
|
15
15
|
var okText = _ref.okText,
|
|
16
16
|
okAuth = _ref.okAuth,
|
|
17
17
|
loading = _ref.loading,
|
|
18
18
|
children = _ref.children,
|
|
19
|
+
hideCancel = _ref.hideCancel,
|
|
19
20
|
cancelText = _ref.cancelText,
|
|
20
21
|
onOk = _ref.onOk;
|
|
21
|
-
var _CcsDialog$
|
|
22
|
-
closeDialog = _CcsDialog$
|
|
23
|
-
|
|
24
|
-
formInitialValues = _CcsDialog$
|
|
22
|
+
var _CcsDialog$useInstanc = CcsDialog.useInstance(),
|
|
23
|
+
closeDialog = _CcsDialog$useInstanc.closeDialog,
|
|
24
|
+
onHasModalButtons = _CcsDialog$useInstanc.onHasModalButtons,
|
|
25
|
+
formInitialValues = _CcsDialog$useInstanc.formInitialValues;
|
|
25
26
|
var form = Form.useFormInstance();
|
|
26
27
|
useEffect(function () {
|
|
27
|
-
|
|
28
|
+
if (onHasModalButtons) onHasModalButtons();
|
|
28
29
|
}, []);
|
|
29
30
|
var onOkClick = function onOkClick() {
|
|
30
31
|
if (!onOk) return;
|
|
@@ -38,19 +39,21 @@ export default function CcsDialogButtons(_ref) {
|
|
|
38
39
|
}
|
|
39
40
|
onOk();
|
|
40
41
|
};
|
|
41
|
-
return onOk ? /*#__PURE__*/_jsx(_Fragment, {
|
|
42
|
+
return onOk || children ? /*#__PURE__*/_jsx(_Fragment, {
|
|
42
43
|
children: /*#__PURE__*/_jsxs("div", {
|
|
43
44
|
className: "ccs-dialog-buttons",
|
|
44
|
-
children: [/*#__PURE__*/
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
45
|
+
children: [children, onOk && /*#__PURE__*/_jsxs(_Fragment, {
|
|
46
|
+
children: [!hideCancel && /*#__PURE__*/_jsx(Button, {
|
|
47
|
+
onClick: closeDialog,
|
|
48
|
+
children: cancelText || '取消'
|
|
49
|
+
}), /*#__PURE__*/_jsx(CcsAuth.Button, {
|
|
50
|
+
auth: okAuth || '',
|
|
51
|
+
type: "primary",
|
|
52
|
+
loading: loading,
|
|
53
|
+
onClick: onOkClick,
|
|
54
|
+
children: okText || '确定'
|
|
55
|
+
})]
|
|
56
|
+
})]
|
|
54
57
|
})
|
|
55
58
|
}) : null;
|
|
56
59
|
}
|
package/es/dialog/context.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { Store } from 'antd/es/form/interface';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
interface
|
|
4
|
-
|
|
3
|
+
export interface DialogContextType<T = Store> {
|
|
4
|
+
/** 表单初始值 */
|
|
5
5
|
formInitialValues: T;
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
/** 关闭弹框,可以设置返回值 */
|
|
7
|
+
closeDialog: (e?: any) => void;
|
|
8
|
+
onHasModalButtons?: () => void;
|
|
8
9
|
}
|
|
9
|
-
declare const
|
|
10
|
-
declare const useDialogContext: <T = Store>() =>
|
|
11
|
-
export { useDialogContext,
|
|
10
|
+
declare const DialogContentContext: React.Context<DialogContextType<any>>;
|
|
11
|
+
declare const useDialogContext: <T = Store>() => DialogContextType<T>;
|
|
12
|
+
export { useDialogContext, DialogContentContext };
|
package/es/dialog/context.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
var
|
|
2
|
+
var DialogContentContext = /*#__PURE__*/React.createContext({});
|
|
3
3
|
var useDialogContext = function useDialogContext() {
|
|
4
|
-
var context = useContext(
|
|
4
|
+
var context = useContext(DialogContentContext);
|
|
5
5
|
if (context === undefined) {
|
|
6
|
-
throw new Error('
|
|
6
|
+
throw new Error('DialogContentContext not found');
|
|
7
7
|
}
|
|
8
8
|
return context;
|
|
9
9
|
};
|
|
10
|
-
export { useDialogContext,
|
|
10
|
+
export { useDialogContext, DialogContentContext };
|
package/es/dialog/form.d.ts
CHANGED
|
@@ -3,11 +3,11 @@ import { CSSProperties, ReactNode } from 'react';
|
|
|
3
3
|
interface PropsType {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
formProps: FormProps;
|
|
6
|
-
|
|
6
|
+
styles?: CSSProperties;
|
|
7
7
|
}
|
|
8
8
|
/**
|
|
9
9
|
* 添加form实例
|
|
10
10
|
* @returns
|
|
11
11
|
*/
|
|
12
|
-
export default function DialogForm({ children,
|
|
12
|
+
export default function DialogForm({ children, styles, formProps: { labelCol, wrapperCol, ...restProps }, }: PropsType): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
package/es/dialog/form.js
CHANGED
|
@@ -21,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
21
21
|
*/
|
|
22
22
|
export default function DialogForm(_ref) {
|
|
23
23
|
var children = _ref.children,
|
|
24
|
-
|
|
24
|
+
styles = _ref.styles,
|
|
25
25
|
_ref$formProps = _ref.formProps,
|
|
26
26
|
labelCol = _ref$formProps.labelCol,
|
|
27
27
|
wrapperCol = _ref$formProps.wrapperCol,
|
|
@@ -36,12 +36,13 @@ export default function DialogForm(_ref) {
|
|
|
36
36
|
},
|
|
37
37
|
wrapperCol: wrapperCol || {
|
|
38
38
|
span: 14
|
|
39
|
-
}
|
|
39
|
+
},
|
|
40
|
+
preserve: false
|
|
40
41
|
}, restProps), {}, {
|
|
41
42
|
style: _objectSpread(_objectSpread({
|
|
42
43
|
height: '100%',
|
|
43
44
|
overflow: 'auto'
|
|
44
|
-
},
|
|
45
|
+
}, styles), restProps.style),
|
|
45
46
|
children: children
|
|
46
47
|
}));
|
|
47
48
|
}
|