@pointcloud/pcloud-components 0.1.20 → 0.1.23

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 (111) hide show
  1. package/README.md +17 -3
  2. package/dist/esm/AdvancedFilter/FormFilter.d.ts +1 -2
  3. package/dist/esm/AdvancedFilter/FormFilter.js +3 -3
  4. package/dist/esm/AdvancedFilter/index.js +3 -3
  5. package/dist/esm/AdvancedFilter/interface.d.ts +3 -3
  6. package/dist/esm/AuthComponent/index.d.ts +1 -2
  7. package/dist/esm/ColorPicker/index.d.ts +10 -11
  8. package/dist/esm/ColorPicker/index.js +5 -5
  9. package/dist/esm/ColorPicker/interface.d.ts +3 -3
  10. package/dist/esm/ConfigProvider/index.d.ts +1 -1
  11. package/dist/esm/ConfigProvider/interface.d.ts +1 -1
  12. package/dist/esm/DCascader/index.js +8 -9
  13. package/dist/esm/DCascader/index.less +24 -24
  14. package/dist/esm/DForm/DItem/itemsRender.d.ts +29 -29
  15. package/dist/esm/DForm/DItem/itemsRender.js +2 -0
  16. package/dist/esm/DForm/helper.js +6 -6
  17. package/dist/esm/DForm/index.d.ts +2 -1
  18. package/dist/esm/DForm/index.js +2 -3
  19. package/dist/esm/DForm/index.less +5 -4
  20. package/dist/esm/DInput/index.js +18 -18
  21. package/dist/esm/DModal/index.d.ts +1 -2
  22. package/dist/esm/DModal/interface.d.ts +2 -2
  23. package/dist/esm/DSelect/index.d.ts +1 -2
  24. package/dist/esm/DSelect/index.js +40 -46
  25. package/dist/esm/DTable/index.js +2 -2
  26. package/dist/esm/DTable/index.less +71 -71
  27. package/dist/esm/DTreeSelect/index.d.ts +1 -11
  28. package/dist/esm/DTreeSelect/index.js +1 -9
  29. package/dist/esm/DTreeSelect/index.less +11 -11
  30. package/dist/esm/DUpload/helper.d.ts +1 -1
  31. package/dist/esm/DUpload/helper.js +1 -1
  32. package/dist/esm/DUpload/index.d.ts +2 -2
  33. package/dist/esm/DUpload/index.js +14 -14
  34. package/dist/esm/DUpload/index.less +19 -19
  35. package/dist/esm/ErrorBoundary/index.d.ts +1 -2
  36. package/dist/esm/ErrorBoundary/index.less +44 -44
  37. package/dist/esm/IPAddress/index.d.ts +23 -0
  38. package/dist/esm/IPAddress/index.js +243 -0
  39. package/dist/esm/IPAddress/index.less +63 -0
  40. package/dist/esm/IconFont/index.d.ts +17 -0
  41. package/dist/esm/IconFont/index.js +27 -0
  42. package/dist/esm/InfiniteScrollList/index.d.ts +1 -1
  43. package/dist/esm/InfiniteScrollList/index.js +50 -44
  44. package/dist/esm/InfiniteScrollList/styles/index.less +22 -22
  45. package/dist/esm/LabelValue/index.d.ts +1 -1
  46. package/dist/esm/LabelValue/index.js +7 -3
  47. package/dist/esm/LabelValue/interface.d.ts +12 -3
  48. package/dist/esm/LabelValue/styles/index.less +23 -23
  49. package/dist/esm/Loading/hooks/useLoading.d.ts +6 -0
  50. package/dist/esm/Loading/hooks/useLoading.js +35 -0
  51. package/dist/esm/Loading/index.d.ts +5 -4
  52. package/dist/esm/Loading/index.js +9 -9
  53. package/dist/esm/Loading/interface.d.ts +12 -4
  54. package/dist/esm/Loading/loading.d.ts +3 -6
  55. package/dist/esm/Loading/loading.js +34 -11
  56. package/dist/esm/Loading/styles/index.less +25 -25
  57. package/dist/esm/ModalForm/index.d.ts +1 -1
  58. package/dist/esm/ModalForm/index.js +1 -1
  59. package/dist/esm/NoData/index.d.ts +1 -2
  60. package/dist/esm/NoData/styles/index.less +24 -24
  61. package/dist/esm/PictureCard/index.d.ts +2 -2
  62. package/dist/esm/PictureCard/index.js +1 -2
  63. package/dist/esm/PictureCard/index.less +28 -28
  64. package/dist/esm/RCropper/handler.d.ts +16 -0
  65. package/dist/esm/RCropper/handler.js +146 -0
  66. package/dist/esm/RCropper/index.d.ts +4 -0
  67. package/dist/esm/RCropper/index.js +183 -0
  68. package/dist/esm/RCropper/interface.d.ts +70 -0
  69. package/dist/esm/RCropper/interface.js +1 -0
  70. package/dist/esm/RCropper/styles/toolbar.less +25 -0
  71. package/dist/esm/RCropper/toolbar.d.ts +5 -0
  72. package/dist/esm/RCropper/toolbar.js +74 -0
  73. package/dist/esm/RndDrag/index.d.ts +5 -0
  74. package/dist/esm/RndDrag/index.js +26 -0
  75. package/dist/esm/ScrollNumber/index.d.ts +1 -2
  76. package/dist/esm/WordCloud/index.d.ts +1 -2
  77. package/dist/esm/commonStyle/index.less +1 -1
  78. package/dist/esm/index.d.ts +9 -1
  79. package/dist/esm/index.js +6 -2
  80. package/dist/umd/pcloud-components.min.css +1 -1
  81. package/dist/umd/pcloud-components.min.js +1 -1
  82. package/package.json +13 -10
  83. package/dist/cjs/AdvancedFilter/FormFilter.d.ts +0 -5
  84. package/dist/cjs/AdvancedFilter/FormFilter.js +0 -158
  85. package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +0 -3
  86. package/dist/cjs/AdvancedFilter/demos/demo1.js +0 -56
  87. package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +0 -3
  88. package/dist/cjs/AdvancedFilter/demos/demo2.js +0 -63
  89. package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +0 -3
  90. package/dist/cjs/AdvancedFilter/demos/demo3.js +0 -113
  91. package/dist/cjs/AdvancedFilter/index.d.ts +0 -5
  92. package/dist/cjs/AdvancedFilter/index.js +0 -114
  93. package/dist/cjs/AdvancedFilter/interface.d.ts +0 -97
  94. package/dist/cjs/AdvancedFilter/interface.js +0 -17
  95. package/dist/cjs/AdvancedFilter/styles/index.less +0 -115
  96. package/dist/cjs/ErrorBoundary/index.d.ts +0 -6
  97. package/dist/cjs/ErrorBoundary/index.js +0 -45
  98. package/dist/cjs/ErrorBoundary/index.less +0 -42
  99. package/dist/cjs/LabelValue/demos/demo1.d.ts +0 -3
  100. package/dist/cjs/LabelValue/demos/demo1.js +0 -35
  101. package/dist/cjs/LabelValue/demos/demo2.d.ts +0 -3
  102. package/dist/cjs/LabelValue/demos/demo2.js +0 -36
  103. package/dist/cjs/LabelValue/demos/demo3.d.ts +0 -3
  104. package/dist/cjs/LabelValue/demos/demo3.js +0 -36
  105. package/dist/cjs/LabelValue/index.d.ts +0 -16
  106. package/dist/cjs/LabelValue/index.js +0 -50
  107. package/dist/cjs/LabelValue/interface.d.ts +0 -29
  108. package/dist/cjs/LabelValue/interface.js +0 -17
  109. package/dist/cjs/LabelValue/styles/index.less +0 -18
  110. package/dist/cjs/index.d.ts +0 -4
  111. package/dist/cjs/index.js +0 -38
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # pcloud-components
2
2
 
3
- ![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.10-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-20-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
3
+ ![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![react version](https://img.shields.io/badge/react-v17.0.2-brightgreen?style=flat&logo=react) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.16-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-25-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
4
4
 
5
- pcloud-components 是一套基于 Antd v4.24.x+ React v17.x 开发的业务组件库。
5
+ pcloud-components 是一套基于 Antd v4.24.16+ React v17 开发的业务组件库。
6
6
  该项目已经发布到 Npm 仓库,可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。
7
7
 
8
8
  ## 项目初始化
@@ -14,10 +14,23 @@ git clone ssh://git@192.168.101.96:8092/pointcloud_frontend/basiclibrary/pcloud-
14
14
 
15
15
  // 安装依赖
16
16
  cd pcloud-components
17
+
17
18
  npm install
19
+ or
20
+ pnpm install
21
+ or
22
+ yarn install
18
23
 
19
24
  // 启动项目
20
25
  npm start or npm run dev
26
+ pnpm start or pnpm dev
27
+ ```
28
+
29
+ ## 推荐环境
30
+
31
+ ```
32
+ node >= 16.20.0
33
+ pnpm >= 8.15.9
21
34
  ```
22
35
 
23
36
  ## 项目结构
@@ -25,7 +38,7 @@ npm start or npm run dev
25
38
  ```
26
39
  📁pcloud-components
27
40
  ├─ 📁.dumi # api站点相关目录,例如全局样式、全局脚本、站点主题、自定义组件等
28
- │ ├─ 📁theme # 自定义主题
41
+ │ ├─ 📁tmp # dumi运行时目录
29
42
  │ └─ 📄global.less # 全局样式
30
43
  ├─ 📁.husky # 代码提交相关配置
31
44
  ├─ 📁docker # docker部署相关文件
@@ -46,6 +59,7 @@ npm start or npm run dev
46
59
  ├─ 📄.dumirc.ts # dumi 的配置文件
47
60
  ├─ 📄.fatherrc.ts # father 的配置文件,用于组件库打包
48
61
  ├─ 📄.eslintrc.js # eslint插件配置
62
+ ├─ 📄.release-it.js # release-it配置
49
63
  ├─ 📄.prettierrc.js # prettier插件配置
50
64
  ├─ 📄.stylelintrc # stylelint插件配置
51
65
  └─ 📄tsconfig.json # ts相关配置
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  import { FProps } from './interface';
3
2
  import './styles/index.less';
4
- declare const _default: (props: FProps) => JSX.Element;
3
+ declare const _default: (props: FProps) => import("react/jsx-runtime").JSX.Element;
5
4
  export default _default;
@@ -70,15 +70,15 @@ export default (function (props) {
70
70
  values = _objectSpread(_objectSpread({}, values), formatTime(_defineProperty({}, item, values[item])));
71
71
  }
72
72
  });
73
- onSearch && onSearch(values);
73
+ onSearch === null || onSearch === void 0 || onSearch(values);
74
74
  };
75
75
  var valuesChange = function valuesChange(v) {
76
76
  var value = formatTime(v);
77
- onValuesChange && onValuesChange(value);
77
+ onValuesChange === null || onValuesChange === void 0 || onValuesChange(value);
78
78
  };
79
79
  var reset = function reset() {
80
80
  form.resetFields();
81
- onReset && onReset();
81
+ onReset === null || onReset === void 0 || onReset();
82
82
  };
83
83
  var renderComponent = function renderComponent(type, item) {
84
84
  switch (type) {
@@ -37,7 +37,7 @@ var AdvancedFilter = function AdvancedFilter(props) {
37
37
  var resetFields = function resetFields() {
38
38
  var _formRef$current;
39
39
  setInputValue('');
40
- formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.resetFields();
40
+ formRef === null || formRef === void 0 || (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.resetFields();
41
41
  };
42
42
  useImperativeHandle(fRef, function () {
43
43
  var _formRef$current2;
@@ -47,8 +47,8 @@ var AdvancedFilter = function AdvancedFilter(props) {
47
47
  };
48
48
  });
49
49
  var handleSearch = function handleSearch(values) {
50
- var _inputRef$current, _inputRef$current$inp;
51
- var value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value;
50
+ var _inputRef$current;
51
+ var value = inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current = _inputRef$current.input) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value;
52
52
  // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
53
53
  onSearch && onSearch(_objectSpread(_objectSpread({}, values), _defineProperty({}, inputProps.name, value)));
54
54
  };
@@ -34,11 +34,11 @@ export interface FormProps {
34
34
  /**
35
35
  * @description 筛选项值变更时触发
36
36
  */
37
- onValuesChange?: (v: any) => void;
37
+ onValuesChange?: (_values: any) => void;
38
38
  /**
39
39
  * @description 点击查询按钮时触发
40
40
  */
41
- onSearch?: (v: any) => void;
41
+ onSearch?: (_v: any) => void;
42
42
  /**
43
43
  * @description 点击重置按钮时触发
44
44
  */
@@ -67,7 +67,7 @@ export interface InputProps {
67
67
  /**
68
68
  * @description input检索框回车时或点击检索图标时触发
69
69
  */
70
- inputSearch?: (v: any) => void;
70
+ inputSearch?: (_v: any) => void;
71
71
  }
72
72
  export interface FilterProps extends FormProps {
73
73
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { IAuthComponentProps } from './interface';
3
- declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: IAuthComponentProps) => JSX.Element;
2
+ declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: IAuthComponentProps) => import("react/jsx-runtime").JSX.Element;
4
3
  export default AuthComponent;
@@ -1,18 +1,17 @@
1
- /// <reference types="react" />
2
1
  import { ColorPickerProps, TwitterPickerProps, HuePickerProps, AlphaPickerProps, BlockPickerProps, ChromePickerProps, CompactPickerProps, CirclePickerProps, SliderPickerProps } from './interface';
3
2
  import './index.less';
4
3
  declare const ColorPicker: {
5
- (props: ColorPickerProps): JSX.Element;
4
+ (props: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
6
5
  PSPicker(props: ColorPickerProps & {
7
6
  title?: string;
8
- }): JSX.Element;
9
- SliderPicker(props: SliderPickerProps): JSX.Element;
10
- AlphaPicker(props: AlphaPickerProps): JSX.Element;
11
- BlockPicker(props: BlockPickerProps): JSX.Element;
12
- ChromePicker(props: ChromePickerProps): JSX.Element;
13
- CirclePicker(props: CirclePickerProps): JSX.Element;
14
- CompactPicker(props: CompactPickerProps): JSX.Element;
15
- HuePicker(props: HuePickerProps): JSX.Element;
16
- TwitterPicker(props: TwitterPickerProps): JSX.Element;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ SliderPicker(props: SliderPickerProps): import("react/jsx-runtime").JSX.Element;
9
+ AlphaPicker(props: AlphaPickerProps): import("react/jsx-runtime").JSX.Element;
10
+ BlockPicker(props: BlockPickerProps): import("react/jsx-runtime").JSX.Element;
11
+ ChromePicker(props: ChromePickerProps): import("react/jsx-runtime").JSX.Element;
12
+ CirclePicker(props: CirclePickerProps): import("react/jsx-runtime").JSX.Element;
13
+ CompactPicker(props: CompactPickerProps): import("react/jsx-runtime").JSX.Element;
14
+ HuePicker(props: HuePickerProps): import("react/jsx-runtime").JSX.Element;
15
+ TwitterPicker(props: TwitterPickerProps): import("react/jsx-runtime").JSX.Element;
17
16
  };
18
17
  export default ColorPicker;
@@ -1,10 +1,10 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- /*
5
- * @Author : frank
6
- * @Date : 2023-11-21
7
- * @Description : 多模式颜色选择器组件
4
+ /*
5
+ * @Author : frank
6
+ * @Date : 2023-11-21
7
+ * @Description : 多模式颜色选择器组件
8
8
  */
9
9
  import { useState, useContext } from 'react';
10
10
  import classNames from 'classnames';
@@ -48,7 +48,7 @@ var ColorPicker = function ColorPicker(props) {
48
48
  // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
49
49
  onChange && onChange(e);
50
50
  };
51
- var handleChangeComplete = function handleChangeComplete(v) {
51
+ var handleChangeComplete = function handleChangeComplete() {
52
52
  var _color = color !== null && color !== void 0 && color.a ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
53
53
  // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
54
54
  onChangeComplete && onChangeComplete(_color);
@@ -20,12 +20,12 @@ interface ComponentProps {
20
20
  * 颜色值变化时触发
21
21
  * @param v 色值对象
22
22
  */
23
- onChange?: (v: any) => void;
23
+ onChange?: (_v?: string) => void;
24
24
  /**
25
25
  * 颜色变化完成时触发
26
26
  * @param v 颜色值 rgba
27
27
  */
28
- onChangeComplete?: (v: any) => void;
28
+ onChangeComplete?: (_v?: string) => void;
29
29
  }
30
30
  export interface ColorPickerProps extends ComponentProps {
31
31
  /**
@@ -43,7 +43,7 @@ export interface ColorPickerProps extends ComponentProps {
43
43
  /**
44
44
  * 点击确定时的回调函数
45
45
  */
46
- onConfirm: (v: any) => void;
46
+ onConfirm: (_v: string) => void;
47
47
  }
48
48
  export interface TwitterPickerProps extends ComponentProps {
49
49
  /**
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  import { ConfigProviderProps } from './interface';
3
3
  export declare const defaultPrefixCls = "pui";
4
4
  export declare const ConfigContext: React.Context<ConfigProviderProps>;
5
- declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
5
+ declare const ConfigProvider: (props: ConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export default ConfigProvider;
@@ -5,7 +5,7 @@ export interface ConfigProviderProps {
5
5
  * @default pui
6
6
  */
7
7
  prefixCls?: string;
8
- getPrefixCls?: (componentName: string, customPrefix?: string) => string;
8
+ getPrefixCls?: (_componentName: string, _customPrefix?: string) => string;
9
9
  children?: React.ReactNode;
10
10
  }
11
11
  export declare type OtherProps = Omit<ConfigProviderProps, 'children'>;
@@ -3,12 +3,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
3
3
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
5
  var _excluded = ["className", "popupClassName", "fieldNames", "options", "onChange", "loadData", "onLoadData", "loading"];
6
- /*
7
- * @Author : wangfeihu
8
- * @Date : 2023-05-18 13:35:38
9
- * @LastEditors : wangfeihu
10
- * @LastEditTime : 2023-07-12 09:44:01
11
- * @Description : 基于antd的Cascader组件
6
+ /*
7
+ * @Author : wangfeihu
8
+ * @Date : 2023-05-18 13:35:38
9
+ * @LastEditors : wangfeihu
10
+ * @LastEditTime : 2023-07-12 09:44:01
11
+ * @Description : 基于antd的Cascader组件
12
12
  */
13
13
  import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
14
14
  import { Cascader } from 'antd';
@@ -37,7 +37,6 @@ function updateDropDom(dSelectDropDom, timestamp) {
37
37
  // dSelectDropDom.setAttribute('class', dSelectDropDom.className.replace(`d-cascader-dropdown-${timestamp}`, ''));
38
38
  }
39
39
  }
40
-
41
40
  function InternalCascader(props, ref) {
42
41
  var _props$className = props.className,
43
42
  className = _props$className === void 0 ? '' : _props$className,
@@ -96,7 +95,7 @@ function InternalCascader(props, ref) {
96
95
  }, _loadingState);
97
96
  }
98
97
  // 发起请求
99
- fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
98
+ fun === null || fun === void 0 || fun(value).then(function (response) {
100
99
  if (loadingParamsRef.current === value) {
101
100
  setOptions(response);
102
101
  setLoading(false);
@@ -113,7 +112,7 @@ function InternalCascader(props, ref) {
113
112
  };
114
113
  var _loadData = function _loadData(selectedOptions) {
115
114
  var targetOption = selectedOptions[selectedOptions.length - 1];
116
- onLoadData === null || onLoadData === void 0 ? void 0 : onLoadData(targetOption[_fieldNames.value], targetOption, selectedOptions);
115
+ onLoadData === null || onLoadData === void 0 || onLoadData(targetOption[_fieldNames.value], targetOption, selectedOptions);
117
116
  var _getOptions = typeof initOptions === 'function' ? initOptions : null;
118
117
  var loadFn = loadData === null ? loadData : loadData || _getOptions;
119
118
  if (typeof loadFn === 'function') {
@@ -1,24 +1,24 @@
1
- @import '../commonStyle/index.less';
2
-
3
- .@{prefix}-cascader-dropdown .ant-cascader-menu {
4
- &::-webkit-scrollbar {
5
- width: 8px;
6
- height: 8px;
7
- }
8
-
9
- // 轨道拖动部分的背景颜色
10
- &::-webkit-scrollbar-thumb {
11
- background-color: rgba(0, 0, 0, 50%);
12
- border-radius: 8px;
13
- }
14
-
15
- // 轨道背景颜色
16
- &::-webkit-scrollbar-track {
17
- border-radius: 2px;
18
- }
19
-
20
- // x、y两条轨道的交叉处
21
- &::-webkit-scrollbar-corner {
22
- background-color: #f1f1f1;
23
- }
24
- }
1
+ @import '../commonStyle/index.less';
2
+
3
+ .@{prefix}-cascader-dropdown .ant-cascader-menu {
4
+ &::-webkit-scrollbar {
5
+ width: 8px;
6
+ height: 8px;
7
+ }
8
+
9
+ // 轨道拖动部分的背景颜色
10
+ &::-webkit-scrollbar-thumb {
11
+ background-color: rgba(0, 0, 0, 50%);
12
+ border-radius: 8px;
13
+ }
14
+
15
+ // 轨道背景颜色
16
+ &::-webkit-scrollbar-track {
17
+ border-radius: 2px;
18
+ }
19
+
20
+ // x、y两条轨道的交叉处
21
+ &::-webkit-scrollbar-corner {
22
+ background-color: #f1f1f1;
23
+ }
24
+ }
@@ -10,34 +10,34 @@ import { DTreeSelectProps } from '../../DTreeSelect';
10
10
  import { DUploadProps } from '../../DUpload';
11
11
  import { DItemBaseProps } from './itemType';
12
12
  declare const renderMap: {
13
- dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
14
- input: (props: InputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
15
- textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
16
- password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
17
- inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
18
- autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
19
- dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
20
- select: (props: SelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
21
- dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
22
- cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
23
- dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
24
- treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
25
- datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
26
- timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
27
- rangePicker: (props: RangePickerProps, formItemProps: FormItemProps) => JSX.Element;
28
- mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
29
- checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
30
- checkboxGroup: (props: CheckboxGroupProps, formItemProps: FormItemProps) => JSX.Element;
31
- radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
32
- radioGroup: (props: RadioGroupProps, formItemProps: FormItemProps) => JSX.Element;
33
- rate: (props: RateProps, formItemProps: FormItemProps) => JSX.Element;
34
- slider: (props: SliderSingleProps, formItemProps: FormItemProps) => JSX.Element;
35
- switch: (props: SwitchProps, formItemProps: FormItemProps) => JSX.Element;
36
- transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: TransferProps<any>['render']) => JSX.Element;
37
- upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
38
- dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
39
- button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
40
- divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
41
- other: (formItemProps: FormItemProps, children: ReactNode) => JSX.Element;
13
+ dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
14
+ input: (props: InputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
15
+ textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
16
+ password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
17
+ inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
18
+ autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
19
+ dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
20
+ select: (props: SelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
21
+ dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
22
+ cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
23
+ dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
24
+ treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
25
+ datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
26
+ timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
27
+ rangePicker: (props: RangePickerProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
28
+ mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
29
+ checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
30
+ checkboxGroup: (props: CheckboxGroupProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
31
+ radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
32
+ radioGroup: (props: RadioGroupProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
33
+ rate: (props: RateProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
34
+ slider: (props: SliderSingleProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
35
+ switch: (props: SwitchProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
36
+ transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: TransferProps<any>['render']) => import("react/jsx-runtime").JSX.Element;
37
+ upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: () => void, children: UploadProps['children']) => import("react/jsx-runtime").JSX.Element;
38
+ dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => any, children: DUploadProps['children']) => import("react/jsx-runtime").JSX.Element;
39
+ button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
40
+ divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
41
+ other: (formItemProps: FormItemProps, children: any) => import("react/jsx-runtime").JSX.Element;
42
42
  };
43
43
  export default renderMap;
@@ -128,6 +128,7 @@ var renderMap = {
128
128
  },
129
129
  checkbox: function checkbox(props, formItemProps, label) {
130
130
  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
131
+ valuePropName: "checked",
131
132
  children: /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, props), {}, {
132
133
  children: label
133
134
  }))
@@ -140,6 +141,7 @@ var renderMap = {
140
141
  },
141
142
  radio: function radio(props, formItemProps, label) {
142
143
  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
144
+ valuePropName: "checked",
143
145
  children: /*#__PURE__*/_jsx(Radio, _objectSpread(_objectSpread({}, props), {}, {
144
146
  children: label
145
147
  }))
@@ -1,10 +1,10 @@
1
1
  import _typeof from "@babel/runtime/helpers/esm/typeof";
2
- /*
3
- * @Author : wangfeihu
4
- * @Date : 2023-06-07 15:08:06
5
- * @LastEditors : wangfeihu
6
- * @LastEditTime : 2023-06-12 17:35:15
7
- * @Description : 合并两个对象中的所有字段
2
+ /*
3
+ * @Author : wangfeihu
4
+ * @Date : 2023-06-07 15:08:06
5
+ * @LastEditors : wangfeihu
6
+ * @LastEditTime : 2023-06-12 17:35:15
7
+ * @Description : 合并两个对象中的所有字段
8
8
  */
9
9
 
10
10
  import mergeWith from 'lodash/mergeWith';
@@ -1,6 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { Form, FormProps } from 'antd';
3
- import DItem, { DItemProps } from './DItem';
3
+ import DItem from './DItem';
4
+ import type { DItemProps } from './DItem';
4
5
  import './index.less';
5
6
  declare type InternalFormProps = {
6
7
  /** 表单项数组,可以通过数组的形式添加表单项 */
@@ -27,12 +27,12 @@ function getChildren(items, children, _defaultItemProps, layout) {
27
27
  children: items.map(function (item, index) {
28
28
  var _item$formItemProps;
29
29
  var _item = helper.merge(_defaultItemProps, item);
30
- var _gridProps = (_item === null || _item === void 0 ? void 0 : (_item$formItemProps = _item.formItemProps) === null || _item$formItemProps === void 0 ? void 0 : _item$formItemProps.grid) || {};
30
+ var _gridProps = (_item === null || _item === void 0 || (_item$formItemProps = _item.formItemProps) === null || _item$formItemProps === void 0 ? void 0 : _item$formItemProps.grid) || {};
31
31
  return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, _gridProps), {}, {
32
32
  children: /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item))
33
33
  }), (item === null || item === void 0 ? void 0 : item.name) || index);
34
34
  })
35
- }));
35
+ }, "row"));
36
36
  } else {
37
37
  list = items.map(function (item, index) {
38
38
  var _item = helper.merge(_defaultItemProps, item);
@@ -108,5 +108,4 @@ DForm.ErrorList = Form.ErrorList;
108
108
  DForm.useForm = Form.useForm;
109
109
  DForm.useFormInstance = Form.useFormInstance;
110
110
  DForm.useWatch = Form.useWatch;
111
- export {};
112
111
  export default DForm;
@@ -7,16 +7,17 @@
7
7
  margin-bottom: 24px;
8
8
  }
9
9
 
10
- // .form-wrapper > .ant-form-item:last-child {
11
- // margin-bottom: 0;
12
- // }
13
-
14
10
  .ant-input-number,
15
11
  .ant-picker {
16
12
  width: 100%;
17
13
  }
18
14
  }
19
15
 
16
+ .@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
17
+ .@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
18
+ margin-bottom: 0;
19
+ }
20
+
20
21
  .@{prefix}-form.ant-form-horizontal .ant-form-item-label {
21
22
  min-width: 80px;
22
23
  }
@@ -12,7 +12,19 @@ var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEn
12
12
  import React, { useRef, forwardRef, useState, useEffect, useContext } from 'react';
13
13
  import { Input } from 'antd';
14
14
  import { ConfigContext } from "../ConfigProvider";
15
+
16
+ // 获取防抖超时时间,debounce: 默认800ms,false或0表示不开启
15
17
  import { jsx as _jsx } from "react/jsx-runtime";
18
+ function getDebounceTime(debounce) {
19
+ var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
20
+ if (debounce === true) {
21
+ return defaultValue;
22
+ } else if (debounce === false) {
23
+ return 0;
24
+ } else {
25
+ return typeof debounce === 'number' ? debounce : defaultValue;
26
+ }
27
+ }
16
28
  function InternalInput(props, ref) {
17
29
  var _props$className = props.className,
18
30
  className = _props$className === void 0 ? '' : _props$className,
@@ -44,10 +56,10 @@ function InternalInput(props, ref) {
44
56
  if (_debounce > 0) {
45
57
  clearTimeout(debounceRef.current);
46
58
  debounceRef.current = setTimeout(function () {
47
- onChange === null || onChange === void 0 ? void 0 : onChange(_value, e);
59
+ onChange === null || onChange === void 0 || onChange(_value, e);
48
60
  }, _debounce);
49
61
  } else {
50
- onChange === null || onChange === void 0 ? void 0 : onChange(_value, e);
62
+ onChange === null || onChange === void 0 || onChange(_value, e);
51
63
  }
52
64
  };
53
65
 
@@ -60,15 +72,15 @@ function InternalInput(props, ref) {
60
72
 
61
73
  // 监听合成输入开始事件(执行用户事件并置合成标记为true)
62
74
  var _onCompositionStart = function _onCompositionStart(e) {
63
- onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
64
- enableCompose && setComposeFlag(true);
75
+ onCompositionStart === null || onCompositionStart === void 0 || onCompositionStart(e);
76
+ setComposeFlag === null || setComposeFlag === void 0 || setComposeFlag(true);
65
77
  };
66
78
 
67
79
  // 监听合成输入结束事件(执行用户事件并置合成标记为false,同时触发用户onChange事件)
68
80
  var _onCompositionEnd = function _onCompositionEnd(e) {
69
- onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
81
+ onCompositionEnd === null || onCompositionEnd === void 0 || onCompositionEnd(e);
70
82
  if (enableCompose) {
71
- setComposeFlag(false);
83
+ setComposeFlag === null || setComposeFlag === void 0 || setComposeFlag(false);
72
84
  emitChange(e.target.value, e);
73
85
  }
74
86
  };
@@ -84,17 +96,5 @@ function InternalInput(props, ref) {
84
96
  onCompositionEnd: _onCompositionEnd
85
97
  }));
86
98
  }
87
-
88
- // 获取防抖超时时间,debounce: 默认800ms,false或0表示不开启
89
- function getDebounceTime(debounce) {
90
- var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
91
- if (debounce === true) {
92
- return defaultValue;
93
- } else if (debounce === false) {
94
- return 0;
95
- } else {
96
- return typeof debounce === 'number' ? debounce : defaultValue;
97
- }
98
- }
99
99
  var DInput = /*#__PURE__*/forwardRef(InternalInput);
100
100
  export default DInput;
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  import { DModalProps, DeleteModalProps } from './interface';
3
2
  import './styles/index.less';
4
- declare function DModal(props: DModalProps): JSX.Element;
3
+ declare function DModal(props: DModalProps): import("react/jsx-runtime").JSX.Element;
5
4
  declare namespace DModal {
6
5
  export var useModal: typeof import("antd/lib/modal/useModal").default;
7
6
  export var info: import("antd/lib/modal/confirm").ModalFunc;
@@ -7,8 +7,8 @@ export interface DModalProps extends IModalProps {
7
7
  }
8
8
  export interface DeleteModalProps {
9
9
  content?: React.ReactNode;
10
- onOk?: (...args: any[]) => any;
11
- onCancel?: (...args: any[]) => any;
10
+ onOk?: <T>(..._args: T[]) => T;
11
+ onCancel?: <T>(..._args: T[]) => T;
12
12
  zIndex?: number;
13
13
  }
14
14
  export {};
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SelectProps } from 'antd';
3
3
  import { DefaultOptionType } from 'antd/lib/select';
4
- import { BaseSelectRef } from 'rc-select/lib/BaseSelect';
5
4
  export declare type DSelectProps = Omit<SelectProps, 'options' | 'onSearch' | 'loading'> & {
6
5
  /** antd的onSearch属性,onSearch有效时showSearch自动为true */
7
6
  onSearch?: (params?: any) => Promise<DefaultOptionType[] | any[]>;
@@ -21,5 +20,5 @@ declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, Def
21
20
  loading?: number | boolean | undefined;
22
21
  /** 是否开启防抖: true表示800毫秒,true表示默认值,false或0表示不开启 */
23
22
  debounce?: number | boolean | undefined;
24
- } & React.RefAttributes<BaseSelectRef>>;
23
+ } & React.RefAttributes<any>>;
25
24
  export default DSelect;