@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.
Files changed (73) hide show
  1. package/es/auth/auth-dropdown.js +5 -13
  2. package/es/auth/index.d.ts +3 -9
  3. package/es/auth/index.js +10 -9
  4. package/es/cascader/index.js +2 -2
  5. package/es/color-picker/index.js +26 -30
  6. package/es/date-picker/index.js +3 -9
  7. package/es/dialog/HookDrawer.d.ts +1 -1
  8. package/es/dialog/HookDrawer.js +31 -19
  9. package/es/dialog/HookModal.d.ts +1 -1
  10. package/es/dialog/HookModal.js +25 -20
  11. package/es/dialog/button.d.ts +2 -1
  12. package/es/dialog/button.js +20 -17
  13. package/es/dialog/context.d.ts +8 -7
  14. package/es/dialog/context.js +4 -4
  15. package/es/dialog/form.d.ts +2 -2
  16. package/es/dialog/form.js +4 -3
  17. package/es/dialog/{dialog.d.ts → hook.d.ts} +9 -1
  18. package/es/dialog/index.d.ts +4 -4
  19. package/es/dialog/index.js +2 -2
  20. package/es/dialog/index.less +14 -17
  21. package/es/drawer.zip +0 -0
  22. package/es/index.d.ts +11 -8
  23. package/es/index.js +0 -2
  24. package/es/interval-button/index.js +5 -11
  25. package/es/keep-alive-tabs/index.d.ts +1 -1
  26. package/es/keep-alive-tabs/index.js +1 -1
  27. package/es/keep-alive-tabs/index.less +2 -2
  28. package/es/keep-alive-tabs/page.js +15 -19
  29. package/es/modal.zip +0 -0
  30. package/es/pro-grid/index.js +35 -48
  31. package/es/pro-table/index.d.ts +3 -3
  32. package/es/pro-table/index.js +69 -177
  33. package/es/pro-table/index.less +3 -13
  34. package/es/pro-table/search.js +7 -4
  35. package/es/pro-table/tree.d.ts +22 -0
  36. package/es/pro-table/tree.js +184 -0
  37. package/es/pro-tabs/index.js +3 -6
  38. package/es/select/index.js +2 -2
  39. package/es/table/index.js +38 -33
  40. package/es/time-picker/index.js +3 -9
  41. package/es/trigger/index.js +67 -77
  42. package/es/upload/index.js +6 -15
  43. package/es/upload/upload-image.js +14 -8
  44. package/es/virtual-list/index.js +28 -33
  45. package/es/water-mark/index.js +17 -20
  46. package/package.json +2 -1
  47. package/es/drawer/buttons.d.ts +0 -14
  48. package/es/drawer/buttons.js +0 -103
  49. package/es/drawer/index.d.ts +0 -13
  50. package/es/drawer/index.js +0 -11
  51. package/es/drawer/index.less +0 -5
  52. package/es/drawer/open/content.d.ts +0 -20
  53. package/es/drawer/open/content.js +0 -49
  54. package/es/drawer/open/destory-fns.d.ts +0 -2
  55. package/es/drawer/open/destory-fns.js +0 -3
  56. package/es/drawer/open/form.d.ts +0 -12
  57. package/es/drawer/open/form.js +0 -34
  58. package/es/drawer/open/index.d.ts +0 -18
  59. package/es/drawer/open/index.js +0 -180
  60. package/es/modal/buttons.d.ts +0 -14
  61. package/es/modal/buttons.js +0 -100
  62. package/es/modal/index.d.ts +0 -12
  63. package/es/modal/index.js +0 -11
  64. package/es/modal/index.less +0 -26
  65. package/es/modal/open/destory-fns.d.ts +0 -2
  66. package/es/modal/open/destory-fns.js +0 -3
  67. package/es/modal/open/drag.d.ts +0 -1
  68. package/es/modal/open/drag.js +0 -107
  69. package/es/modal/open/form.d.ts +0 -12
  70. package/es/modal/open/form.js +0 -43
  71. package/es/modal/open/index.d.ts +0 -19
  72. package/es/modal/open/index.js +0 -96
  73. /package/es/dialog/{dialog.js → hook.js} +0 -0
@@ -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 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
- 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__*/_jsx(_Fragment, {});
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__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, restProps), {}, {
61
+ }).length ? /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
69
62
  menu: {
70
63
  items: items,
71
64
  onClick: onClick
72
- },
73
- children: renderChildren
74
- })) : /*#__PURE__*/_jsx(_Fragment, {});
65
+ }
66
+ }), renderChildren) : /*#__PURE__*/React.createElement(React.Fragment, null);
75
67
  });
@@ -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: string;
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 }: Partial<{
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 = items.filter(function (b) {
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);
@@ -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__*/_jsx(Cascader, _objectSpread({
65
+ return /*#__PURE__*/React.createElement(Cascader, _extends({
66
66
  options: data,
67
67
  loading: loading,
68
68
  style: {
@@ -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__*/_jsx("div", {
33
+ return /*#__PURE__*/React.createElement("div", {
35
34
  style: {
36
35
  position: 'relative'
37
- },
38
- children: /*#__PURE__*/_jsx(Popover, {
39
- open: open,
40
- content: /*#__PURE__*/_jsx(SketchPicker, {
41
- color: value,
42
- onChange: handleChange
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;
@@ -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 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; }
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__*/_jsx(DatePicker, _objectSpread({
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__*/_jsx(DatePicker.RangePicker, _objectSpread({
53
+ return /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
60
54
  value: dateValue,
61
55
  onChange: handleOnChange
62
56
  }, restProps));
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { CcsDialogDrawer, CcsDialogDrawerProps } from './dialog';
2
+ import { CcsDialogDrawer, CcsDialogDrawerProps } from './hook';
3
3
  export interface HookDrawerProps {
4
4
  afterClose: () => void;
5
5
  config: CcsDialogDrawerProps;
@@ -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 { ModalContentContext } from "./context";
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
- bodyStyle: _objectSpread(_objectSpread({}, hasButtons ? {
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
- children: /*#__PURE__*/_jsx(ModalContentContext.Provider, {
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
- bodyStyle: _objectSpread({
110
+ styles: _objectSpread({
99
111
  padding: 24
100
- }, innerConfig.bodyStyle),
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
  })
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { CcsDialogModal, CcsDialogModalProps } from './dialog';
2
+ import { CcsDialogModal, CcsDialogModalProps } from './hook';
3
3
  export interface HookModalProps {
4
4
  afterClose: () => void;
5
5
  config: CcsDialogModalProps;
@@ -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 { ModalContentContext } from "./context";
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
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
104
- args[_key] = arguments[_key];
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
- var triggerCancel = args.some(function (param) {
107
- return param && param.triggerCancel;
108
- });
109
- if (innerConfig.onCancel && triggerCancel) {
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
- bodyStyle: _objectSpread(_objectSpread({
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(ModalContentContext.Provider, {
169
+ children: /*#__PURE__*/_jsx(DialogContentContext.Provider, {
165
170
  value: {
166
171
  closeDialog: close,
167
- onHasButtons: function onHasButtons() {
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) || {}
@@ -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 {};
@@ -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$useContext = CcsDialog.useContext(),
22
- closeDialog = _CcsDialog$useContext.closeDialog,
23
- onHasButtons = _CcsDialog$useContext.onHasButtons,
24
- formInitialValues = _CcsDialog$useContext.formInitialValues;
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
- onHasButtons();
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__*/_jsx(Button, {
45
- onClick: closeDialog,
46
- children: cancelText || '取消'
47
- }), /*#__PURE__*/_jsx(CcsAuth.Button, {
48
- auth: okAuth || '',
49
- type: "primary",
50
- loading: loading,
51
- onClick: onOkClick,
52
- children: okText || '确定'
53
- }), children]
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
  }
@@ -1,11 +1,12 @@
1
1
  import { Store } from 'antd/es/form/interface';
2
2
  import React from 'react';
3
- interface ContentContextType<T = Store> {
4
- locationKey: string;
3
+ export interface DialogContextType<T = Store> {
4
+ /** 表单初始值 */
5
5
  formInitialValues: T;
6
- closeDialog: () => void;
7
- onHasButtons: () => void;
6
+ /** 关闭弹框,可以设置返回值 */
7
+ closeDialog: (e?: any) => void;
8
+ onHasModalButtons?: () => void;
8
9
  }
9
- declare const ModalContentContext: React.Context<ContentContextType<any>>;
10
- declare const useDialogContext: <T = Store>() => ContentContextType<T>;
11
- export { useDialogContext, ModalContentContext };
10
+ declare const DialogContentContext: React.Context<DialogContextType<any>>;
11
+ declare const useDialogContext: <T = Store>() => DialogContextType<T>;
12
+ export { useDialogContext, DialogContentContext };
@@ -1,10 +1,10 @@
1
1
  import React, { useContext } from 'react';
2
- var ModalContentContext = /*#__PURE__*/React.createContext({});
2
+ var DialogContentContext = /*#__PURE__*/React.createContext({});
3
3
  var useDialogContext = function useDialogContext() {
4
- var context = useContext(ModalContentContext);
4
+ var context = useContext(DialogContentContext);
5
5
  if (context === undefined) {
6
- throw new Error('ModalContentContext not found');
6
+ throw new Error('DialogContentContext not found');
7
7
  }
8
8
  return context;
9
9
  };
10
- export { useDialogContext, ModalContentContext };
10
+ export { useDialogContext, DialogContentContext };
@@ -3,11 +3,11 @@ import { CSSProperties, ReactNode } from 'react';
3
3
  interface PropsType {
4
4
  children: ReactNode;
5
5
  formProps: FormProps;
6
- bodyStyle?: CSSProperties;
6
+ styles?: CSSProperties;
7
7
  }
8
8
  /**
9
9
  * 添加form实例
10
10
  * @returns
11
11
  */
12
- export default function DialogForm({ children, bodyStyle, formProps: { labelCol, wrapperCol, ...restProps }, }: PropsType): import("react/jsx-runtime").JSX.Element;
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
- bodyStyle = _ref.bodyStyle,
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
- }, bodyStyle), restProps.style),
45
+ }, styles), restProps.style),
45
46
  children: children
46
47
  }));
47
48
  }