@chaoswise/ui 2.3.15 → 2.3.16
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/lib/Form/FormItem.js
CHANGED
|
@@ -5,7 +5,7 @@ import "@chaoswise/ui/lib/Tooltip/index.less";
|
|
|
5
5
|
import _Tooltip from "@chaoswise/ui/lib/Tooltip";
|
|
6
6
|
import "antd/es/typography/style";
|
|
7
7
|
import _Typography from "antd/es/typography";
|
|
8
|
-
var _excluded = ["labelCol", "wrapperCol", "label", "showLabelWidth"];
|
|
8
|
+
var _excluded = ["labelCol", "wrapperCol", "label", "showLabelWidth", "customLabel"];
|
|
9
9
|
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); }
|
|
10
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -23,6 +23,7 @@ var FormItem = function FormItem(_ref) {
|
|
|
23
23
|
wrapperCol = _ref$wrapperCol === void 0 ? {} : _ref$wrapperCol,
|
|
24
24
|
label = _ref.label,
|
|
25
25
|
showLabelWidth = _ref.showLabelWidth,
|
|
26
|
+
customLabel = _ref.customLabel,
|
|
26
27
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
28
|
return /*#__PURE__*/React.createElement(LayoutContext.Consumer, null, function (layout) {
|
|
28
29
|
var _layout = layout || 'horizontal';
|
|
@@ -42,7 +43,7 @@ var FormItem = function FormItem(_ref) {
|
|
|
42
43
|
flex: 1
|
|
43
44
|
}
|
|
44
45
|
}, wrapperCol),
|
|
45
|
-
label: !label && label !== '' && !showLabelWidth ? label : /*#__PURE__*/React.createElement(_Tooltip, {
|
|
46
|
+
label: customLabel ? customLabel : !label && label !== '' && !showLabelWidth ? label : /*#__PURE__*/React.createElement(_Tooltip, {
|
|
46
47
|
title: label
|
|
47
48
|
}, /*#__PURE__*/React.createElement(_Typography.Paragraph, {
|
|
48
49
|
className: "cw-form-item-typography-label",
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
6
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
7
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
8
|
+
import React, { Fragment } from 'react';
|
|
9
|
+
import TopicList from './TopicList';
|
|
10
|
+
import { DndProvider } from "react-dnd";
|
|
11
|
+
import { HTML5Backend } from "react-dnd-html5-backend";
|
|
12
|
+
var CheckList = function CheckList(props) {
|
|
13
|
+
var checkValue = props.checkValue,
|
|
14
|
+
handleDelete = props.handleDelete,
|
|
15
|
+
handlePreviewList = props.handlePreviewList,
|
|
16
|
+
type = props.type,
|
|
17
|
+
render = props.render,
|
|
18
|
+
renderColumns = props.renderColumns,
|
|
19
|
+
dragList = props.dragList,
|
|
20
|
+
useDndProvider = props.useDndProvider;
|
|
21
|
+
var moveList = function moveList(dragIndex, hoverIndex) {
|
|
22
|
+
var tmp = checkValue[dragIndex]; //临时储存文件
|
|
23
|
+
checkValue.splice(dragIndex, 1); //移除拖拽项
|
|
24
|
+
checkValue.splice(hoverIndex, 0, tmp); //插入放置项
|
|
25
|
+
handlePreviewList(_toConsumableArray(checkValue)); //更新修改后的列表
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
var isLockSort = type === "list" && checkValue.filter(function (item) {
|
|
29
|
+
return item.disabled;
|
|
30
|
+
}).length;
|
|
31
|
+
var renderList = function renderList(item, index) {
|
|
32
|
+
return /*#__PURE__*/React.createElement(TopicList, _extends({
|
|
33
|
+
labelValue: item,
|
|
34
|
+
type: type,
|
|
35
|
+
renderColumns: renderColumns,
|
|
36
|
+
label: item.key,
|
|
37
|
+
value: item.title && item.title,
|
|
38
|
+
index: index,
|
|
39
|
+
render: render,
|
|
40
|
+
key: item.key,
|
|
41
|
+
handleDelete: handleDelete,
|
|
42
|
+
moveList: moveList,
|
|
43
|
+
dragList: dragList,
|
|
44
|
+
useDndProvider: useDndProvider,
|
|
45
|
+
isLockSort: isLockSort
|
|
46
|
+
}, item));
|
|
47
|
+
};
|
|
48
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DndProvider, {
|
|
49
|
+
backend: HTML5Backend
|
|
50
|
+
}, checkValue.map(function (item, index) {
|
|
51
|
+
return renderList(item, index);
|
|
52
|
+
})));
|
|
53
|
+
};
|
|
54
|
+
export default CheckList;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import _Icon from "@chaoswise/ui/lib/Antd/Icon";
|
|
2
|
+
import "@chaoswise/ui/lib/Tooltip/index.less";
|
|
3
|
+
import _Tooltip from "@chaoswise/ui/lib/Tooltip";
|
|
4
|
+
import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
|
|
5
|
+
var _excluded = ["label", "value", "index", "handleDelete", "labelValue", "moveList", "type", "renderColumns", "render", "dragList", "disabled", "isLockSort"];
|
|
6
|
+
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); }
|
|
7
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
|
+
import React, { Fragment, useRef } from "react";
|
|
16
|
+
import { useDrag, useDrop } from "react-dnd";
|
|
17
|
+
import classnames from "classnames";
|
|
18
|
+
import { getLocale } from "./locale";
|
|
19
|
+
import LockSvg from "./assets/LockSvg";
|
|
20
|
+
import DragSvg from "./assets/DragSvg";
|
|
21
|
+
var TopicList = function TopicList(_ref) {
|
|
22
|
+
var label = _ref.label,
|
|
23
|
+
value = _ref.value,
|
|
24
|
+
index = _ref.index,
|
|
25
|
+
handleDelete = _ref.handleDelete,
|
|
26
|
+
labelValue = _ref.labelValue,
|
|
27
|
+
moveList = _ref.moveList,
|
|
28
|
+
type = _ref.type,
|
|
29
|
+
renderColumns = _ref.renderColumns,
|
|
30
|
+
render = _ref.render,
|
|
31
|
+
dragList = _ref.dragList,
|
|
32
|
+
disabled = _ref.disabled,
|
|
33
|
+
isLockSort = _ref.isLockSort,
|
|
34
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
// 获取当前语言
|
|
36
|
+
var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
|
|
37
|
+
_ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
|
|
38
|
+
locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
|
|
39
|
+
var localeObj = getLocale(locale);
|
|
40
|
+
var dragRef = useRef(null);
|
|
41
|
+
var _useDrag = useDrag({
|
|
42
|
+
item: {
|
|
43
|
+
type: "child",
|
|
44
|
+
value: value,
|
|
45
|
+
index: index,
|
|
46
|
+
label: label,
|
|
47
|
+
labelValue: labelValue
|
|
48
|
+
}
|
|
49
|
+
}),
|
|
50
|
+
_useDrag2 = _slicedToArray(_useDrag, 2),
|
|
51
|
+
drag = _useDrag2[1];
|
|
52
|
+
var _useDrop = useDrop({
|
|
53
|
+
accept: "child",
|
|
54
|
+
hover: function hover(item, monitor) {
|
|
55
|
+
//拖拽目标的Index
|
|
56
|
+
var dragIndex = item.index;
|
|
57
|
+
//放置目标Index
|
|
58
|
+
var hoverIndex = index;
|
|
59
|
+
// 如果拖拽目标和放置目标相同的话，停止执行
|
|
60
|
+
if (dragIndex === hoverIndex) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
//如果不做以下处理，则卡片移动到另一个卡片上就会进行交换，下方处理使得卡片能够在跨过中心线后进行交换.
|
|
64
|
+
//获取卡片的边框矩形
|
|
65
|
+
// const hoverBoundingRect = dragRef.current.getBoundingClientRect();
|
|
66
|
+
// //获取X轴中点
|
|
67
|
+
// const hoverMiddleY =
|
|
68
|
+
// (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
69
|
+
// //获取拖拽目标偏移量
|
|
70
|
+
// const clientOffset = monitor.getClientOffset();
|
|
71
|
+
// const hoverClientY = clientOffset.y - hoverBoundingRect.top;
|
|
72
|
+
// 从上往下放置
|
|
73
|
+
// if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
|
|
74
|
+
// return;
|
|
75
|
+
// }
|
|
76
|
+
// // 从下往上放置
|
|
77
|
+
// if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
|
|
78
|
+
// return;
|
|
79
|
+
// }
|
|
80
|
+
moveList(dragIndex, hoverIndex); //调用方法完成交换
|
|
81
|
+
item.index = hoverIndex; //重新赋值index，否则会出现无限交换情况
|
|
82
|
+
},
|
|
83
|
+
|
|
84
|
+
collect: function collect(monitor) {
|
|
85
|
+
var _ref2 = monitor.getItem() || {},
|
|
86
|
+
dragIndex = _ref2.index;
|
|
87
|
+
if (dragIndex === index) {
|
|
88
|
+
return {};
|
|
89
|
+
}
|
|
90
|
+
return {
|
|
91
|
+
isOver: monitor.isOver(),
|
|
92
|
+
dropClassName: dragIndex < index ? "drop-over-downward" : "drop-over-upward"
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
// drop: (item) => {
|
|
96
|
+
// moveList(item.index, index);
|
|
97
|
+
// },
|
|
98
|
+
}),
|
|
99
|
+
_useDrop2 = _slicedToArray(_useDrop, 2),
|
|
100
|
+
_useDrop2$ = _useDrop2[0],
|
|
101
|
+
isOver = _useDrop2$.isOver,
|
|
102
|
+
dropClassName = _useDrop2$.dropClassName,
|
|
103
|
+
drop = _useDrop2[1];
|
|
104
|
+
var handleDeleted = function handleDeleted(labelValue) {
|
|
105
|
+
handleDelete(labelValue);
|
|
106
|
+
};
|
|
107
|
+
var renderTable = function renderTable(labelValue) {
|
|
108
|
+
return /*#__PURE__*/React.createElement("div", null, renderColumns.map(function (item, index) {
|
|
109
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
110
|
+
style: {
|
|
111
|
+
marginRight: "8px"
|
|
112
|
+
},
|
|
113
|
+
key: index
|
|
114
|
+
}, render(labelValue[item]));
|
|
115
|
+
}));
|
|
116
|
+
};
|
|
117
|
+
var dragProps = dragList && !disabled ? {
|
|
118
|
+
ref: drag(drop(dragRef)),
|
|
119
|
+
style: {
|
|
120
|
+
cursor: "move"
|
|
121
|
+
}
|
|
122
|
+
} : {};
|
|
123
|
+
var listLockSortContent = /*#__PURE__*/React.createElement("div", {
|
|
124
|
+
className: "cw-transfer-right-content-item"
|
|
125
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
126
|
+
className: "cw-transfer-right-content-item-drag-wrapper"
|
|
127
|
+
}, disabled ? /*#__PURE__*/React.createElement(LockSvg, null) : /*#__PURE__*/React.createElement(_Tooltip, {
|
|
128
|
+
title: localeObj["dragAndDrop"]
|
|
129
|
+
}, /*#__PURE__*/React.createElement(DragSvg, null))), /*#__PURE__*/React.createElement("div", {
|
|
130
|
+
className: "cw-transfer-right-content-item-text-wrapper"
|
|
131
|
+
}, render(value)), !disabled && /*#__PURE__*/React.createElement(_Icon, {
|
|
132
|
+
type: "close",
|
|
133
|
+
className: "cw-transfer-right-content-del",
|
|
134
|
+
onClick: function onClick() {
|
|
135
|
+
return handleDeleted(labelValue);
|
|
136
|
+
}
|
|
137
|
+
}));
|
|
138
|
+
var renderItemContent = type == "list" && isLockSort ? listLockSortContent : /*#__PURE__*/React.createElement(Fragment, null, dragList && /*#__PURE__*/React.createElement(_Tooltip, {
|
|
139
|
+
title: localeObj["dragAndDrop"]
|
|
140
|
+
}, /*#__PURE__*/React.createElement(DragSvg, {
|
|
141
|
+
className: "cw-transfer-right-content-drag"
|
|
142
|
+
})), /*#__PURE__*/React.createElement("div", null, type === "table" ? renderTable(labelValue) : render(value)), /*#__PURE__*/React.createElement(_Icon, {
|
|
143
|
+
type: "close",
|
|
144
|
+
className: "cw-transfer-right-content-del",
|
|
145
|
+
onClick: function onClick() {
|
|
146
|
+
return handleDeleted(labelValue);
|
|
147
|
+
}
|
|
148
|
+
}));
|
|
149
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
|
|
150
|
+
className: classnames("cw-transfer-right-content-main")
|
|
151
|
+
}, dragProps), renderItemContent));
|
|
152
|
+
};
|
|
153
|
+
export default TopicList;
|
|
@@ -39,7 +39,8 @@ function OutSearch(_ref) {
|
|
|
39
39
|
return searchContent.map(function (value) {
|
|
40
40
|
return {
|
|
41
41
|
id: typeof value.components === "function" ? value.components(form).props.id : value.components.props.id,
|
|
42
|
-
name: typeof value.components === "function" ? value.components(form).props.name : value.components.props.name
|
|
42
|
+
name: typeof value.components === "function" ? value.components(form).props.name : value.components.props.name,
|
|
43
|
+
disabled: Boolean(value.disabled)
|
|
43
44
|
};
|
|
44
45
|
});
|
|
45
46
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chaoswise/ui",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.16",
|
|
4
4
|
"description": "公共UI库",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
@@ -104,14 +104,14 @@
|
|
|
104
104
|
"react-draggable": "^4.4.3",
|
|
105
105
|
"react-infinite-scroller": "^1.2.4",
|
|
106
106
|
"react-intl": "^6.0.5",
|
|
107
|
-
"react-joyride": "
|
|
107
|
+
"react-joyride": "2.3.2",
|
|
108
108
|
"react-resizable": "^3.0.4",
|
|
109
109
|
"react-router-cache-route": "1.11.1",
|
|
110
110
|
"react-select": "^3.2.0",
|
|
111
111
|
"react-viewer": "^3.2.2",
|
|
112
112
|
"resize-observer-polyfill": "^1.5.1",
|
|
113
113
|
"scroll-into-view-if-needed": "^2.2.25",
|
|
114
|
-
"socket.io-client": "
|
|
114
|
+
"socket.io-client": "2.5.0",
|
|
115
115
|
"styled-components": "^5.2.1"
|
|
116
116
|
},
|
|
117
117
|
"author": "cloudwiser",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"access": "public"
|
|
143
143
|
},
|
|
144
144
|
"license": "MIT",
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "3ac90ca01a9631654721a2050fc95678b7975fd5"
|
|
146
146
|
}
|