@pointcloud/pcloud-components 0.1.3 → 0.1.5

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 (71) hide show
  1. package/README.md +301 -23
  2. package/dist/esm/AdvancedFilter/FormFilter.d.ts +2 -2
  3. package/dist/esm/AdvancedFilter/FormFilter.js +43 -45
  4. package/dist/esm/AdvancedFilter/index.js +66 -75
  5. package/dist/esm/AdvancedFilter/interface.d.ts +1 -1
  6. package/dist/esm/AdvancedFilter/styles/index.less +146 -116
  7. package/dist/esm/ConfigProvider/index.d.ts +1 -1
  8. package/dist/esm/ConfigProvider/index.js +5 -3
  9. package/dist/esm/DCascader/index.d.ts +4 -8
  10. package/dist/esm/DCascader/index.js +59 -56
  11. package/dist/esm/DCascader/index.less +5 -1
  12. package/dist/esm/DForm/DItem/index.d.ts +5 -0
  13. package/dist/esm/DForm/DItem/index.js +33 -0
  14. package/dist/esm/DForm/DItem/itemType.d.ts +106 -0
  15. package/dist/esm/DForm/DItem/itemType.js +1 -0
  16. package/dist/esm/DForm/DItem/itemsRender.d.ts +39 -0
  17. package/dist/esm/DForm/DItem/itemsRender.js +193 -0
  18. package/dist/esm/DForm/helper.js +7 -7
  19. package/dist/esm/DForm/index.d.ts +1 -1
  20. package/dist/esm/DForm/index.js +18 -18
  21. package/dist/esm/DForm/index.less +32 -31
  22. package/dist/esm/DInput/index.js +6 -11
  23. package/dist/esm/DSelect/index.js +7 -18
  24. package/dist/esm/DTable/index.js +58 -64
  25. package/dist/esm/DTable/index.less +8 -0
  26. package/dist/esm/DTreeSelect/index.js +74 -67
  27. package/dist/esm/DTreeSelect/index.less +2 -0
  28. package/dist/esm/DUpload/helper.d.ts +105 -0
  29. package/dist/esm/DUpload/helper.js +261 -0
  30. package/dist/esm/DUpload/index.d.ts +55 -0
  31. package/dist/esm/DUpload/index.js +372 -0
  32. package/dist/esm/DUpload/index.less +19 -0
  33. package/dist/esm/ErrorBoundary/index.d.ts +2 -2
  34. package/dist/esm/ErrorBoundary/index.js +16 -12
  35. package/dist/esm/ErrorBoundary/index.less +1 -0
  36. package/dist/esm/LModal/index.d.ts +2 -2
  37. package/dist/esm/LModal/index.js +11 -13
  38. package/dist/esm/LModal/interface.d.ts +1 -1
  39. package/dist/esm/LModal/styles/index.less +27 -25
  40. package/dist/esm/LabelValue/index.d.ts +1 -1
  41. package/dist/esm/LabelValue/index.js +14 -12
  42. package/dist/esm/LabelValue/styles/index.less +4 -0
  43. package/dist/esm/Loading/interface.d.ts +4 -4
  44. package/dist/esm/Loading/loading.d.ts +2 -2
  45. package/dist/esm/Loading/loading.js +18 -16
  46. package/dist/esm/Loading/styles/index.less +3 -1
  47. package/dist/esm/NoData/index.d.ts +2 -2
  48. package/dist/esm/NoData/index.js +14 -13
  49. package/dist/esm/NoData/styles/index.less +4 -1
  50. package/dist/esm/index.d.ts +2 -0
  51. package/dist/esm/index.js +1 -0
  52. package/dist/umd/images/favicon.png +0 -0
  53. package/dist/umd/mock/dcascader/china_region_city.json +2962 -0
  54. package/dist/umd/mock/dcascader/china_region_county.json +9991 -0
  55. package/dist/umd/mock/dcascader/china_region_province.json +36 -0
  56. package/dist/umd/mock/dupload/other/ZJ-TZ-001_/346/212/244/345/233/275/345/272/231/346/210/217/345/217/260/345/216/206/345/217/262/345/273/272/347/255/221/346/241/243/346/241/210/350/241/250.pdf +0 -0
  57. package/dist/umd/mock/dupload/other//346/234/210/347/211/231/346/271/276 - /351/243/236/345/204/277/344/271/220/345/233/242.mp3 +0 -0
  58. package/dist/umd/mock/dupload/picture/110500-thumb.jpg +0 -0
  59. package/dist/umd/mock/dupload/picture/110500.jpg +0 -0
  60. package/dist/umd/mock/dupload/picture/110502-thumb.jpg +0 -0
  61. package/dist/umd/mock/dupload/picture/110502.jpg +0 -0
  62. package/dist/umd/mock/dupload/picture/110504.png +0 -0
  63. package/dist/umd/mock/dupload/picture/default.png +0 -0
  64. package/dist/umd/mock/dupload/picture//346/255/243/351/227/250/345/205/250/346/231/257.jpg +0 -0
  65. package/dist/umd/pcloud-components.min.css +1 -1
  66. package/dist/umd/pcloud-components.min.js +1 -1
  67. package/package.json +91 -73
  68. package/dist/esm/DForm/DItem.d.ts +0 -26
  69. package/dist/esm/DForm/DItem.js +0 -31
  70. package/dist/esm/DForm/DItemsMap.d.ts +0 -32
  71. package/dist/esm/DForm/DItemsMap.js +0 -144
package/package.json CHANGED
@@ -1,73 +1,91 @@
1
- {
2
- "name": "@pointcloud/pcloud-components",
3
- "version": "0.1.3",
4
- "private": false,
5
- "description": "pointcloud react 组件库",
6
- "keywords": [
7
- "pointcloud",
8
- "react",
9
- "components",
10
- "ui"
11
- ],
12
- "license": "MIT",
13
- "author": "frankdong",
14
- "module": "dist/esm/index.js",
15
- "typings": "dist/esm/index.d.ts",
16
- "files": [
17
- "dist"
18
- ],
19
- "scripts": {
20
- "build": "father build",
21
- "deploy": "npm run docs:build",
22
- "docker:build": "docker build -t pcloud-components .",
23
- "docker:push": "npm run deploy && npm run docker:build && npm run docker:tag && docker push tianhu.pcgi.com.cn:9888/base-project/pcloud-components",
24
- "docker:tag": "docker tag pcloud-components tianhu.pcgi.com.cn:9888/base-project/pcloud-components",
25
- "docs:build": "dumi build",
26
- "prepublishOnly": "npm run build",
27
- "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
28
- "start": "dumi dev",
29
- "test": "umi-test",
30
- "test:coverage": "umi-test --coverage"
31
- },
32
- "lint-staged": {
33
- "*.{js,jsx,less,md,json}": [
34
- "prettier --write"
35
- ],
36
- "*.ts?(x)": [
37
- "prettier --parser=typescript --write"
38
- ]
39
- },
40
- "dependencies": {
41
- "@ant-design/icons": "^4.7.0",
42
- "antd": "4.24.10",
43
- "babel-plugin-import": "^1.13.5",
44
- "classnames": "^2.3.2",
45
- "framer-motion": "6.2.8",
46
- "lodash": "4.17.21"
47
- },
48
- "devDependencies": {
49
- "@testing-library/jest-dom": "^5.15.1",
50
- "@testing-library/react": "^13.0.0",
51
- "@types/jest": "^27.0.3",
52
- "@umijs/fabric": "^2.8.1",
53
- "@umijs/test": "^3.0.5",
54
- "dumi": "^1.1.47",
55
- "father": "^4.0.0-rc.2",
56
- "gh-pages": "^3.0.0",
57
- "lint-staged": "^10.0.7",
58
- "path": "^0.12.7",
59
- "prettier": "^2.2.1",
60
- "yorkie": "^2.0.0"
61
- },
62
- "peerDependencies": {
63
- "react": "^17.0.0",
64
- "react-dom": "^17.0.0"
65
- },
66
- "publishConfig": {
67
- "access": "public",
68
- "registry": "https://registry.npmjs.org/"
69
- },
70
- "gitHooks": {
71
- "pre-commit": "lint-staged"
72
- }
73
- }
1
+ {
2
+ "name": "@pointcloud/pcloud-components",
3
+ "version": "0.1.5",
4
+ "private": false,
5
+ "description": "pointcloud react 组件库",
6
+ "keywords": [
7
+ "pointcloud",
8
+ "react",
9
+ "components",
10
+ "ui"
11
+ ],
12
+ "license": "MIT",
13
+ "author": "frankdong",
14
+ "module": "dist/esm/index.js",
15
+ "typings": "dist/esm/index.d.ts",
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "scripts": {
20
+ "build": "father build",
21
+ "build:watch": "father dev",
22
+ "clean": "node scripts/clean-tmp.js",
23
+ "dev": "dumi dev",
24
+ "docs:build": "dumi build",
25
+ "doctor": "father doctor",
26
+ "lint": "npm run lint:es && npm run lint:css",
27
+ "lint:css": "stylelint \"{src,config,docs,scripts,.dumi/theme}/**/*.{css,less}\"",
28
+ "lint:es": "eslint \"{src,config,docs,scripts,.dumi/theme}/**/*.{js,jsx,ts,tsx}\"",
29
+ "prepare": "husky install && dumi setup",
30
+ "prepublishOnly": "father doctor && npm run lint && npm run build",
31
+ "prettier": "prettier -c --write \"{src,config,docs,scripts,.dumi/theme}/**\"",
32
+ "start": "npm run clean && npm run dev"
33
+ },
34
+ "commitlint": {
35
+ "extends": [
36
+ "@commitlint/config-conventional"
37
+ ]
38
+ },
39
+ "lint-staged": {
40
+ "*.{md,json}": [
41
+ "prettier --write --no-error-on-unmatched-pattern"
42
+ ],
43
+ "*.{css,less}": [
44
+ "stylelint --fix",
45
+ "prettier --write"
46
+ ],
47
+ "*.{js,jsx}": [
48
+ "eslint --fix",
49
+ "prettier --write"
50
+ ],
51
+ "*.{ts,tsx}": [
52
+ "eslint --fix",
53
+ "prettier --parser=typescript --write"
54
+ ]
55
+ },
56
+ "dependencies": {
57
+ "@ant-design/icons": "4.8.0",
58
+ "@babel/runtime": "7.21.0",
59
+ "antd": "4.24.10",
60
+ "classnames": "^2.3.2",
61
+ "lodash": "4.17.21"
62
+ },
63
+ "devDependencies": {
64
+ "@commitlint/cli": "^17.1.2",
65
+ "@commitlint/config-conventional": "^17.1.0",
66
+ "@types/react": "18.0.0",
67
+ "@types/react-dom": "18.0.0",
68
+ "@umijs/lint": "^4.0.0",
69
+ "dumi": "2.2.0",
70
+ "dumi-theme-antd-style": "^0.27.4",
71
+ "eslint": "^8.23.0",
72
+ "father": "4.1.0",
73
+ "husky": "^8.0.1",
74
+ "lint-staged": "^13.0.3",
75
+ "prettier": "2.7.1",
76
+ "prettier-plugin-organize-imports": "3.0.0",
77
+ "prettier-plugin-packagejson": "2.2.18",
78
+ "react": "18.2.0",
79
+ "react-dom": "18.2.0",
80
+ "stylelint": "^14.9.1",
81
+ "typescript": "^4.6.4"
82
+ },
83
+ "peerDependencies": {
84
+ "react": "18.2.0",
85
+ "react-dom": "18.2.0"
86
+ },
87
+ "publishConfig": {
88
+ "access": "public",
89
+ "registry": "https://registry.npmjs.org/"
90
+ }
91
+ }
@@ -1,26 +0,0 @@
1
- import { ReactElement } from 'react';
2
- import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps } from 'antd';
3
- import { PasswordProps, TextAreaProps } from 'antd/lib/input';
4
- import { RangePickerProps } from 'antd/lib/date-picker';
5
- import { SliderRangeProps } from 'antd/lib/slider';
6
- import { DInputProps } from '../DInput';
7
- import { DSelectProps } from '../DSelect';
8
- import { DCascaderProps } from '../DCascader';
9
- import { DTreeSelectProps } from '../DTreeSelect';
10
- declare type RenderTypeProps = 'dInput' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'radio' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'other' | 'button' | 'divider' | 'custom';
11
- export declare type InternalItemProps = DCustomItemProps & DInputProps & InputProps & TextAreaProps & PasswordProps & InputNumberProps & AutoCompleteProps & DSelectProps & SelectProps & DCascaderProps & CascaderProps & DTreeSelectProps & TreeSelectProps & DatePickerProps & TimePickerProps & RangePickerProps & MentionProps & CheckboxProps & RadioProps & RateProps & SliderSingleProps & SliderRangeProps & SwitchProps & TransferProps<any> & UploadProps & ButtonProps & DividerProps;
12
- declare type DCustomItemProps = {
13
- /** 渲染类型 */
14
- renderType?: RenderTypeProps | 'other';
15
- /** label标签文本,同antd Form.Item的label,只能是string */
16
- label?: string;
17
- /** name标签文本,同antd Form.Item的name */
18
- name?: string;
19
- /** 自定义渲染函数 renderType等于custom、other时生效 */
20
- render?: (props: InternalItemProps, formItemProps: FormItemProps, allProps?: InternalItemProps) => ReactElement;
21
- /** Form.Item 的其他属性 */
22
- formItemProps?: FormItemProps;
23
- };
24
- export declare type DItemProps = DCustomItemProps | DInputProps | InputProps | TextAreaProps | PasswordProps | InputNumberProps | AutoCompleteProps | DSelectProps | SelectProps | DCascaderProps | CascaderProps | DTreeSelectProps | TreeSelectProps | DatePickerProps | TimePickerProps | RangePickerProps | MentionProps | CheckboxProps | RadioProps | RateProps | SliderSingleProps | SliderRangeProps | SwitchProps | TransferProps<any> | UploadProps | ButtonProps | DividerProps;
25
- declare function DItem(props: any): any;
26
- export default DItem;
@@ -1,31 +0,0 @@
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
- var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
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); }
8
- 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
- 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
- import React from 'react';
11
- import itemsMap from "./DItemsMap";
12
- function DItem(props) {
13
- var formItemProps = props.formItemProps,
14
- _props$label = props.label,
15
- label = _props$label === void 0 ? '' : _props$label,
16
- name = props.name,
17
- renderType = props.renderType,
18
- render = props.render,
19
- children = props.children,
20
- otherProps = _objectWithoutProperties(props, _excluded);
21
- var _formItemProps = _objectSpread({
22
- label: label,
23
- name: name
24
- }, formItemProps);
25
- if (renderType && renderType !== 'custom') {
26
- return itemsMap[renderType](otherProps, _formItemProps, label, render, children, props);
27
- } else {
28
- return render ? render(otherProps, _formItemProps, props) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
29
- }
30
- }
31
- export default DItem;
@@ -1,32 +0,0 @@
1
- import { ReactElement } from 'react';
2
- import { FormItemProps } from 'antd';
3
- import { InternalItemProps } from './DItem';
4
- declare const renderMap: {
5
- dInput: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
6
- input: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
7
- textArea: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
8
- password: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
9
- inputNumber: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
10
- autoComplete: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
11
- dSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
12
- select: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
13
- dCascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
14
- cascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
15
- dTreeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
16
- treeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
17
- datePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
18
- timePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
19
- rangePicker: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
20
- mentions: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
21
- checkbox: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
22
- radio: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
23
- rate: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
24
- slider: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
25
- switch: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
26
- transfer: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render']) => ReactElement;
27
- upload: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children']) => ReactElement;
28
- other: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children'], allProps: InternalItemProps) => ReactElement;
29
- button: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
30
- divider: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
31
- };
32
- export default renderMap;
@@ -1,144 +0,0 @@
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 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; }
3
- 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; }
4
- 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; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
- 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); }
7
- 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
- /*
9
- * @Author : wangfeihu
10
- * @Date : 2023-06-12 17:35:10
11
- * @LastEditors : wangfeihu
12
- * @LastEditTime : 2023-06-15 08:36:23
13
- * @Description : 根据renderType渲染对应的表单项组件
14
- */
15
-
16
- import React from 'react';
17
- import { Input, InputNumber, AutoComplete, Select, Cascader, TreeSelect, DatePicker, TimePicker, Mentions, Checkbox, Radio, Rate, Slider, Switch, Transfer, Upload, Form, Button, Divider } from 'antd';
18
- import DInput from "../DInput";
19
- import DSelect from "../DSelect";
20
- import DTreeSelect from "../DTreeSelect";
21
- import DCascader from "../DCascader";
22
- var renderMap = {
23
- dInput: function dInput(props, formItemProps, label) {
24
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DInput, _extends({
25
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
26
- }, props)));
27
- },
28
- input: function input(props, formItemProps, label) {
29
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input, _extends({
30
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
31
- }, props)));
32
- },
33
- textArea: function textArea(props, formItemProps, label) {
34
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.TextArea, _extends({
35
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
36
- }, props)));
37
- },
38
- password: function password(props, formItemProps, label) {
39
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.Password, _extends({
40
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
41
- }, props)));
42
- },
43
- inputNumber: function inputNumber(props, formItemProps, label) {
44
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(InputNumber, _extends({
45
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
46
- }, props)));
47
- },
48
- autoComplete: function autoComplete(props, formItemProps, label) {
49
- var _props = props;
50
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(AutoComplete, _extends({
51
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
52
- }, _props)));
53
- },
54
- dSelect: function dSelect(props, formItemProps, label) {
55
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DSelect, _extends({
56
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
57
- }, props)));
58
- },
59
- select: function select(props, formItemProps, label) {
60
- var _props = props;
61
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Select, _extends({
62
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
63
- }, _props)));
64
- },
65
- dCascader: function dCascader(props, formItemProps, label) {
66
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DCascader, _extends({
67
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
68
- }, props)));
69
- },
70
- cascader: function cascader(props, formItemProps, label) {
71
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Cascader, _extends({
72
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
73
- }, props)));
74
- },
75
- dTreeSelect: function dTreeSelect(props, formItemProps, label) {
76
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DTreeSelect, _extends({
77
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
78
- }, props)));
79
- },
80
- treeSelect: function treeSelect(props, formItemProps, label) {
81
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TreeSelect, _extends({
82
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
83
- }, props)));
84
- },
85
- datePicker: function datePicker(props, formItemProps, label) {
86
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker, _extends({
87
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
88
- }, props)));
89
- },
90
- timePicker: function timePicker(props, formItemProps, label) {
91
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TimePicker, _extends({
92
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
93
- }, props)));
94
- },
95
- rangePicker: function rangePicker(props, formItemProps) {
96
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker.RangePicker, props));
97
- },
98
- mentions: function mentions(props, formItemProps, label) {
99
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Mentions, _extends({
100
- placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
101
- }, props)));
102
- },
103
- checkbox: function checkbox(props, formItemProps, label) {
104
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Checkbox, props, label));
105
- },
106
- radio: function radio(props, formItemProps, label) {
107
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Radio, props, label));
108
- },
109
- rate: function rate(props, formItemProps) {
110
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Rate, props));
111
- },
112
- slider: function slider(props, formItemProps) {
113
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Slider, props));
114
- },
115
- switch: function _switch(props, formItemProps) {
116
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Switch, props));
117
- },
118
- transfer: function transfer(props, formItemProps, label, render) {
119
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Transfer, _extends({
120
- render: render
121
- }, props)));
122
- },
123
- upload: function upload(props, formItemProps, label, render, children) {
124
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Upload, props, children || label || ''));
125
- },
126
- other: function other(props, formItemProps, label, render, children, allProps) {
127
- // rangePicker要求placeholder类型为string数组,在此对rangePicker类型做特殊处理
128
- var _placeholder = label ? "\u8BF7\u8F93\u5165".concat(label) : '';
129
- var placeholder = allProps.renderType === 'rangePicker' ? props.placeholder : _placeholder;
130
- return /*#__PURE__*/React.createElement(Form.Item, formItemProps, render ? render(_objectSpread({
131
- placeholder: placeholder
132
- }, props), formItemProps, allProps) : children);
133
- },
134
- button: function button(props, formItemProps, label) {
135
- return /*#__PURE__*/React.createElement(Button, props, label || '');
136
- },
137
- divider: function divider(props, formItemProps, label) {
138
- return /*#__PURE__*/React.createElement(Divider, _extends({
139
- orientation: "left",
140
- orientationMargin: 0
141
- }, props), label);
142
- }
143
- };
144
- export default renderMap;