@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.
- package/README.md +17 -3
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +1 -2
- package/dist/esm/AdvancedFilter/FormFilter.js +3 -3
- package/dist/esm/AdvancedFilter/index.js +3 -3
- package/dist/esm/AdvancedFilter/interface.d.ts +3 -3
- package/dist/esm/AuthComponent/index.d.ts +1 -2
- package/dist/esm/ColorPicker/index.d.ts +10 -11
- package/dist/esm/ColorPicker/index.js +5 -5
- package/dist/esm/ColorPicker/interface.d.ts +3 -3
- package/dist/esm/ConfigProvider/index.d.ts +1 -1
- package/dist/esm/ConfigProvider/interface.d.ts +1 -1
- package/dist/esm/DCascader/index.js +8 -9
- package/dist/esm/DCascader/index.less +24 -24
- package/dist/esm/DForm/DItem/itemsRender.d.ts +29 -29
- package/dist/esm/DForm/DItem/itemsRender.js +2 -0
- package/dist/esm/DForm/helper.js +6 -6
- package/dist/esm/DForm/index.d.ts +2 -1
- package/dist/esm/DForm/index.js +2 -3
- package/dist/esm/DForm/index.less +5 -4
- package/dist/esm/DInput/index.js +18 -18
- package/dist/esm/DModal/index.d.ts +1 -2
- package/dist/esm/DModal/interface.d.ts +2 -2
- package/dist/esm/DSelect/index.d.ts +1 -2
- package/dist/esm/DSelect/index.js +40 -46
- package/dist/esm/DTable/index.js +2 -2
- package/dist/esm/DTable/index.less +71 -71
- package/dist/esm/DTreeSelect/index.d.ts +1 -11
- package/dist/esm/DTreeSelect/index.js +1 -9
- package/dist/esm/DTreeSelect/index.less +11 -11
- package/dist/esm/DUpload/helper.d.ts +1 -1
- package/dist/esm/DUpload/helper.js +1 -1
- package/dist/esm/DUpload/index.d.ts +2 -2
- package/dist/esm/DUpload/index.js +14 -14
- package/dist/esm/DUpload/index.less +19 -19
- package/dist/esm/ErrorBoundary/index.d.ts +1 -2
- package/dist/esm/ErrorBoundary/index.less +44 -44
- package/dist/esm/IPAddress/index.d.ts +23 -0
- package/dist/esm/IPAddress/index.js +243 -0
- package/dist/esm/IPAddress/index.less +63 -0
- package/dist/esm/IconFont/index.d.ts +17 -0
- package/dist/esm/IconFont/index.js +27 -0
- package/dist/esm/InfiniteScrollList/index.d.ts +1 -1
- package/dist/esm/InfiniteScrollList/index.js +50 -44
- package/dist/esm/InfiniteScrollList/styles/index.less +22 -22
- package/dist/esm/LabelValue/index.d.ts +1 -1
- package/dist/esm/LabelValue/index.js +7 -3
- package/dist/esm/LabelValue/interface.d.ts +12 -3
- package/dist/esm/LabelValue/styles/index.less +23 -23
- package/dist/esm/Loading/hooks/useLoading.d.ts +6 -0
- package/dist/esm/Loading/hooks/useLoading.js +35 -0
- package/dist/esm/Loading/index.d.ts +5 -4
- package/dist/esm/Loading/index.js +9 -9
- package/dist/esm/Loading/interface.d.ts +12 -4
- package/dist/esm/Loading/loading.d.ts +3 -6
- package/dist/esm/Loading/loading.js +34 -11
- package/dist/esm/Loading/styles/index.less +25 -25
- package/dist/esm/ModalForm/index.d.ts +1 -1
- package/dist/esm/ModalForm/index.js +1 -1
- package/dist/esm/NoData/index.d.ts +1 -2
- package/dist/esm/NoData/styles/index.less +24 -24
- package/dist/esm/PictureCard/index.d.ts +2 -2
- package/dist/esm/PictureCard/index.js +1 -2
- package/dist/esm/PictureCard/index.less +28 -28
- package/dist/esm/RCropper/handler.d.ts +16 -0
- package/dist/esm/RCropper/handler.js +146 -0
- package/dist/esm/RCropper/index.d.ts +4 -0
- package/dist/esm/RCropper/index.js +183 -0
- package/dist/esm/RCropper/interface.d.ts +70 -0
- package/dist/esm/RCropper/interface.js +1 -0
- package/dist/esm/RCropper/styles/toolbar.less +25 -0
- package/dist/esm/RCropper/toolbar.d.ts +5 -0
- package/dist/esm/RCropper/toolbar.js +74 -0
- package/dist/esm/RndDrag/index.d.ts +5 -0
- package/dist/esm/RndDrag/index.js +26 -0
- package/dist/esm/ScrollNumber/index.d.ts +1 -2
- package/dist/esm/WordCloud/index.d.ts +1 -2
- package/dist/esm/commonStyle/index.less +1 -1
- package/dist/esm/index.d.ts +9 -1
- package/dist/esm/index.js +6 -2
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +13 -10
- package/dist/cjs/AdvancedFilter/FormFilter.d.ts +0 -5
- package/dist/cjs/AdvancedFilter/FormFilter.js +0 -158
- package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo1.js +0 -56
- package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo2.js +0 -63
- package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo3.js +0 -113
- package/dist/cjs/AdvancedFilter/index.d.ts +0 -5
- package/dist/cjs/AdvancedFilter/index.js +0 -114
- package/dist/cjs/AdvancedFilter/interface.d.ts +0 -97
- package/dist/cjs/AdvancedFilter/interface.js +0 -17
- package/dist/cjs/AdvancedFilter/styles/index.less +0 -115
- package/dist/cjs/ErrorBoundary/index.d.ts +0 -6
- package/dist/cjs/ErrorBoundary/index.js +0 -45
- package/dist/cjs/ErrorBoundary/index.less +0 -42
- package/dist/cjs/LabelValue/demos/demo1.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo1.js +0 -35
- package/dist/cjs/LabelValue/demos/demo2.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo2.js +0 -36
- package/dist/cjs/LabelValue/demos/demo3.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo3.js +0 -36
- package/dist/cjs/LabelValue/index.d.ts +0 -16
- package/dist/cjs/LabelValue/index.js +0 -50
- package/dist/cjs/LabelValue/interface.d.ts +0 -29
- package/dist/cjs/LabelValue/interface.js +0 -17
- package/dist/cjs/LabelValue/styles/index.less +0 -18
- package/dist/cjs/index.d.ts +0 -4
- package/dist/cjs/index.js +0 -38
package/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
# pcloud-components
|
|
2
2
|
|
|
3
|
-
>) >)  ?style=flat&logo=antdesign>)  ?style=flat&logo=webcomponentsdotorg>) ?style=flat>)
|
|
4
4
|
|
|
5
|
-
pcloud-components 是一套基于 Antd v4.24.
|
|
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
|
-
│ ├─ 📁
|
|
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
|
|
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
|
|
77
|
+
onValuesChange === null || onValuesChange === void 0 || onValuesChange(value);
|
|
78
78
|
};
|
|
79
79
|
var reset = function reset() {
|
|
80
80
|
form.resetFields();
|
|
81
|
-
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
|
|
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
|
|
51
|
-
var value = inputRef === null || inputRef === void 0
|
|
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?: (
|
|
37
|
+
onValuesChange?: (_values: any) => void;
|
|
38
38
|
/**
|
|
39
39
|
* @description 点击查询按钮时触发
|
|
40
40
|
*/
|
|
41
|
-
onSearch?: (
|
|
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?: (
|
|
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(
|
|
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?: (
|
|
23
|
+
onChange?: (_v?: string) => void;
|
|
24
24
|
/**
|
|
25
25
|
* 颜色变化完成时触发
|
|
26
26
|
* @param v 颜色值 rgba
|
|
27
27
|
*/
|
|
28
|
-
onChangeComplete?: (
|
|
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: (
|
|
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?: (
|
|
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
|
|
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
|
|
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) =>
|
|
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:
|
|
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
|
}))
|
package/dist/esm/DForm/helper.js
CHANGED
|
@@ -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
|
|
3
|
+
import DItem from './DItem';
|
|
4
|
+
import type { DItemProps } from './DItem';
|
|
4
5
|
import './index.less';
|
|
5
6
|
declare type InternalFormProps = {
|
|
6
7
|
/** 表单项数组,可以通过数组的形式添加表单项 */
|
package/dist/esm/DForm/index.js
CHANGED
|
@@ -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
|
|
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
|
}
|
package/dist/esm/DInput/index.js
CHANGED
|
@@ -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
|
|
59
|
+
onChange === null || onChange === void 0 || onChange(_value, e);
|
|
48
60
|
}, _debounce);
|
|
49
61
|
} else {
|
|
50
|
-
onChange === null || onChange === void 0
|
|
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
|
|
64
|
-
|
|
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
|
|
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?: (...
|
|
11
|
-
onCancel?: (...
|
|
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<
|
|
23
|
+
} & React.RefAttributes<any>>;
|
|
25
24
|
export default DSelect;
|