dtable-ui-component 6.0.34 → 6.0.36
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/ActionSheet/index.js +1 -1
- package/lib/DTableCustomizeSelect/index.css +0 -1
- package/lib/DTableFiltersPopover/widgets/filter-list/index.css +0 -2
- package/lib/DateEditor/mb-editor/index.js +5 -5
- package/lib/DatePicker/index.js +1 -1
- package/lib/DepartmentMultipleSelectEditor/index.js +6 -8
- package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.js +6 -9
- package/lib/GeolocationFormatter/index.js +2 -5
- package/lib/InputItem/custom-input.js +2 -2
- package/lib/InputItem/custom-keyboard.js +1 -1
- package/lib/InputItem/index.js +1 -1
- package/lib/Modal/alert.js +1 -1
- package/lib/Modal/operation.js +1 -1
- package/lib/Modal/prompt.js +1 -1
- package/lib/Picker/AbstractPicker.js +1 -1
- package/lib/RowExpandEditor/geolocation-editor/pc-editor/index.js +1 -12
- package/lib/TabBar/index.js +1 -1
- package/lib/TextareaItem/index.js +1 -1
- package/package.json +2 -2
- /package/lib/{_util → utils}/class.js +0 -0
- /package/lib/{_util → utils}/closest.js +0 -0
- /package/lib/{_util → utils}/exenv.js +0 -0
- /package/lib/{_util → utils}/getDataAttr.js +0 -0
- /package/lib/{_util → utils}/getLocale.js +0 -0
package/lib/ActionSheet/index.js
CHANGED
|
@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _client = require("react-dom/client");
|
|
12
12
|
var _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
|
|
13
13
|
var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
|
|
14
|
-
var _getDataAttr = _interopRequireDefault(require("../
|
|
14
|
+
var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
|
|
15
15
|
var _Badge = _interopRequireDefault(require("../Badge"));
|
|
16
16
|
require("./style/index.css");
|
|
17
17
|
/* tslint:disable:jsx-no-multiline-js */
|
|
@@ -64,7 +64,6 @@
|
|
|
64
64
|
|
|
65
65
|
.filters-list .dtable-select .selected-option-show {
|
|
66
66
|
width: calc(100% - 20px);
|
|
67
|
-
height: 20px;
|
|
68
67
|
}
|
|
69
68
|
|
|
70
69
|
.filters-list .dtable-select .selected-option {
|
|
@@ -130,7 +129,6 @@
|
|
|
130
129
|
|
|
131
130
|
.filters-list .selected-option .multiple-select-option,
|
|
132
131
|
.filters-list .selected-option .single-select-option {
|
|
133
|
-
margin: 0;
|
|
134
132
|
display: inline-block;
|
|
135
133
|
}
|
|
136
134
|
|
|
@@ -27,7 +27,7 @@ class MBDateEditor extends _react.default.PureComponent {
|
|
|
27
27
|
constructor(props) {
|
|
28
28
|
super(props);
|
|
29
29
|
this.handleDateChange = date => {
|
|
30
|
-
if (this.
|
|
30
|
+
if (this.props.showHourAndMinute) {
|
|
31
31
|
const HM = (0, _dayjs.default)(this.state.time).format('HH:mm');
|
|
32
32
|
// In iOS, the time standard is ISO-8601, new Date("YYYY-MM-DD") will be wrong, new Date("YYYY/MM/DD") will be OK.
|
|
33
33
|
const newTime = (0, _dayjs.default)(date).format('YYYY/MM/DD') + ' ' + HM;
|
|
@@ -131,7 +131,6 @@ class MBDateEditor extends _react.default.PureComponent {
|
|
|
131
131
|
this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
|
|
132
132
|
this.leftFormat = dateFormat ? dateFormat.indexOf(' ') === -1 ? dateFormat : dateFormat.slice(0, dateFormat.indexOf(' ')) : 'YYYY-MM-DD';
|
|
133
133
|
this.rightFormat = 'HH:mm';
|
|
134
|
-
this.showTime = showHourAndMinute;
|
|
135
134
|
this.format = showHourAndMinute ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD';
|
|
136
135
|
}
|
|
137
136
|
componentDidMount() {
|
|
@@ -156,7 +155,8 @@ class MBDateEditor extends _react.default.PureComponent {
|
|
|
156
155
|
render() {
|
|
157
156
|
const {
|
|
158
157
|
lang,
|
|
159
|
-
column
|
|
158
|
+
column,
|
|
159
|
+
showHourAndMinute
|
|
160
160
|
} = this.props;
|
|
161
161
|
const {
|
|
162
162
|
time
|
|
@@ -175,7 +175,7 @@ class MBDateEditor extends _react.default.PureComponent {
|
|
|
175
175
|
className: "dtable-ui-mobile-date-editor-input"
|
|
176
176
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
177
177
|
className: "date-input",
|
|
178
|
-
style:
|
|
178
|
+
style: showHourAndMinute ? {
|
|
179
179
|
width: '50%'
|
|
180
180
|
} : {
|
|
181
181
|
width: '100%'
|
|
@@ -189,7 +189,7 @@ class MBDateEditor extends _react.default.PureComponent {
|
|
|
189
189
|
onChange: this.handleDateChange
|
|
190
190
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
191
191
|
className: "date-input-day"
|
|
192
|
-
}, (0, _dayjs.default)(time).format(this.leftFormat)))),
|
|
192
|
+
}, (0, _dayjs.default)(time).format(this.leftFormat)))), showHourAndMinute && /*#__PURE__*/_react.default.createElement("div", {
|
|
193
193
|
className: "date-input",
|
|
194
194
|
style: {
|
|
195
195
|
width: '50%'
|
package/lib/DatePicker/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var PropTypes = _interopRequireWildcard(require("prop-types"));
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _DatePicker2 = _interopRequireDefault(require("rmc-date-picker/lib/DatePicker"));
|
|
12
12
|
var _Popup = _interopRequireDefault(require("rmc-date-picker/lib/Popup"));
|
|
13
|
-
var _getLocale = require("../
|
|
13
|
+
var _getLocale = require("../utils/getLocale");
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
require("./style/index.css");
|
|
16
16
|
/* tslint:disable:jsx-no-multiline-js */
|
|
@@ -82,12 +82,6 @@ function DepartmentMultipleSelect(props) {
|
|
|
82
82
|
id
|
|
83
83
|
} = department;
|
|
84
84
|
const newLevel = level + 1;
|
|
85
|
-
const inputStyle = {
|
|
86
|
-
marginRight: "".concat(newLevel * 15 + 5, "px")
|
|
87
|
-
};
|
|
88
|
-
const nameStyle = {
|
|
89
|
-
paddingLeft: hasChild ? '' : '16px'
|
|
90
|
-
};
|
|
91
85
|
const inputChecked = value.includes(id);
|
|
92
86
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
93
87
|
key: id
|
|
@@ -98,7 +92,9 @@ function DepartmentMultipleSelect(props) {
|
|
|
98
92
|
type: "checkbox",
|
|
99
93
|
className: "vam department-select-input",
|
|
100
94
|
checked: inputChecked,
|
|
101
|
-
style:
|
|
95
|
+
style: {
|
|
96
|
+
marginRight: "".concat(newLevel * 15 + 5, "px")
|
|
97
|
+
},
|
|
102
98
|
onChange: () => {}
|
|
103
99
|
}), hasChild && !searchVal && /*#__PURE__*/_react.default.createElement("div", {
|
|
104
100
|
onClick: event => onExpand(event, id, isExpanded),
|
|
@@ -107,7 +103,9 @@ function DepartmentMultipleSelect(props) {
|
|
|
107
103
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
108
104
|
className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
|
|
109
105
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
110
|
-
style: searchVal ? {} :
|
|
106
|
+
style: searchVal ? {} : {
|
|
107
|
+
paddingLeft: hasChild ? '' : '16px'
|
|
108
|
+
},
|
|
111
109
|
title: name,
|
|
112
110
|
className: "text-truncate"
|
|
113
111
|
}, name)), isExpanded && hasChild && renderSubDepartments(id, subDepartments, newLevel));
|
|
@@ -135,20 +135,15 @@ class DepartmentSingleSelect extends _react.Component {
|
|
|
135
135
|
name,
|
|
136
136
|
id
|
|
137
137
|
} = department;
|
|
138
|
-
const noChildStyle = hasNextLevel ? '16px' : '12px';
|
|
139
|
-
const nameStyle = {
|
|
140
|
-
paddingLeft: hasChild ? '' : noChildStyle
|
|
141
|
-
};
|
|
142
|
-
const itemStyle = {
|
|
143
|
-
paddingLeft: "".concat(newLevel * 15 + 10, "px")
|
|
144
|
-
};
|
|
145
138
|
const isChecked = value === id;
|
|
146
139
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
147
140
|
key: id
|
|
148
141
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
149
142
|
className: "department-item",
|
|
150
143
|
onClick: event => this.onSelectDepartment(event, id),
|
|
151
|
-
style:
|
|
144
|
+
style: {
|
|
145
|
+
paddingLeft: "".concat(newLevel * 15 + 10, "px")
|
|
146
|
+
}
|
|
152
147
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
153
148
|
className: "department-item-left-content d-flex align-items-center"
|
|
154
149
|
}, hasChild && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -158,7 +153,9 @@ class DepartmentSingleSelect extends _react.Component {
|
|
|
158
153
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
159
154
|
className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
|
|
160
155
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
161
|
-
style:
|
|
156
|
+
style: {
|
|
157
|
+
paddingLeft: hasChild ? '' : hasNextLevel ? '16px' : '12px'
|
|
158
|
+
},
|
|
162
159
|
title: name,
|
|
163
160
|
className: "text-truncate department-name"
|
|
164
161
|
}, name), isChecked && /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -14,15 +14,13 @@ class GeolocationFormatter extends _react.default.Component {
|
|
|
14
14
|
let {
|
|
15
15
|
value,
|
|
16
16
|
data,
|
|
17
|
-
containerClassName
|
|
18
|
-
isBaiduMap
|
|
17
|
+
containerClassName
|
|
19
18
|
} = this.props;
|
|
20
19
|
let className = (0, _classnames.default)('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
|
|
21
20
|
if (typeof value !== 'object') {
|
|
22
21
|
return null;
|
|
23
22
|
}
|
|
24
23
|
const geolocationDisplayString = (0, _dtableUtils.getGeolocationDisplayString)(value, data, {
|
|
25
|
-
isBaiduMap,
|
|
26
24
|
hyphen: ' '
|
|
27
25
|
});
|
|
28
26
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -39,7 +37,6 @@ GeolocationFormatter.defaultProps = {
|
|
|
39
37
|
detail: ''
|
|
40
38
|
},
|
|
41
39
|
data: {},
|
|
42
|
-
containerClassName: ''
|
|
43
|
-
isBaiduMap: false
|
|
40
|
+
containerClassName: ''
|
|
44
41
|
};
|
|
45
42
|
var _default = exports.default = GeolocationFormatter;
|
|
@@ -9,8 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var ReactDOM = _interopRequireWildcard(require("react-dom"));
|
|
12
|
-
var _class = require("../
|
|
13
|
-
var _exenv = require("../
|
|
12
|
+
var _class = require("../utils/class");
|
|
13
|
+
var _exenv = require("../utils/exenv");
|
|
14
14
|
var _customKeyboard = _interopRequireDefault(require("./custom-keyboard"));
|
|
15
15
|
var _portal = _interopRequireDefault(require("./portal"));
|
|
16
16
|
let customNumberKeyboard = null;
|
|
@@ -9,7 +9,7 @@ exports.default = exports.KeyboardItem = void 0;
|
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
|
|
12
|
-
var _exenv = require("../
|
|
12
|
+
var _exenv = require("../utils/exenv");
|
|
13
13
|
/**
|
|
14
14
|
* determines whether an array includes a certain value among its entries, returning true or false as appropriate.
|
|
15
15
|
* @param {array} arr The array to search in
|
package/lib/InputItem/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
10
10
|
var PropTypes = _interopRequireWildcard(require("prop-types"));
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
|
|
13
|
-
var _getLocale = require("../
|
|
13
|
+
var _getLocale = require("../utils/getLocale");
|
|
14
14
|
var _customInput = _interopRequireDefault(require("./custom-input"));
|
|
15
15
|
var _input = _interopRequireDefault(require("./input"));
|
|
16
16
|
require("./style/index.css");
|
package/lib/Modal/alert.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = alert;
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _client = require("react-dom/client");
|
|
11
|
-
var _closest = _interopRequireDefault(require("../
|
|
11
|
+
var _closest = _interopRequireDefault(require("../utils/closest"));
|
|
12
12
|
var _modal = _interopRequireDefault(require("./modal"));
|
|
13
13
|
function alert(title, message) {
|
|
14
14
|
let actions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [{
|
package/lib/Modal/operation.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = operation;
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _client = require("react-dom/client");
|
|
11
|
-
var _closest = _interopRequireDefault(require("../
|
|
11
|
+
var _closest = _interopRequireDefault(require("../utils/closest"));
|
|
12
12
|
var _modal = _interopRequireDefault(require("./modal"));
|
|
13
13
|
function operation() {
|
|
14
14
|
let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{
|
package/lib/Modal/prompt.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = prompt;
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _client = require("react-dom/client");
|
|
11
|
-
var _closest = _interopRequireDefault(require("../
|
|
11
|
+
var _closest = _interopRequireDefault(require("../utils/closest"));
|
|
12
12
|
var _modal = _interopRequireDefault(require("./modal"));
|
|
13
13
|
function prompt(title, message, callbackOrActions) {
|
|
14
14
|
let type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
|
|
@@ -13,7 +13,7 @@ var _Cascader = _interopRequireDefault(require("rmc-cascader/lib/Cascader"));
|
|
|
13
13
|
var _Popup = _interopRequireDefault(require("rmc-cascader/lib/Popup"));
|
|
14
14
|
var _MultiPicker = _interopRequireDefault(require("rmc-picker/lib/MultiPicker"));
|
|
15
15
|
var _Picker = _interopRequireDefault(require("rmc-picker/lib/Picker"));
|
|
16
|
-
var _getLocale = require("../
|
|
16
|
+
var _getLocale = require("../utils/getLocale");
|
|
17
17
|
/* tslint:disable:jsx-no-multiline-js */
|
|
18
18
|
|
|
19
19
|
function getDefaultProps() {
|
|
@@ -82,21 +82,10 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
|
|
|
82
82
|
});
|
|
83
83
|
};
|
|
84
84
|
this.getLocationInfo = value => {
|
|
85
|
-
var _window;
|
|
86
85
|
const {
|
|
87
|
-
column
|
|
88
|
-
config
|
|
86
|
+
column
|
|
89
87
|
} = this.props;
|
|
90
|
-
const {
|
|
91
|
-
dtableBaiduMapKey,
|
|
92
|
-
dtableMineMapKey
|
|
93
|
-
} = {
|
|
94
|
-
...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
|
|
95
|
-
...config
|
|
96
|
-
};
|
|
97
|
-
const isBaiduMap = !!(dtableBaiduMapKey || dtableMineMapKey);
|
|
98
88
|
return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
|
|
99
|
-
isBaiduMap,
|
|
100
89
|
hyphen: ' '
|
|
101
90
|
});
|
|
102
91
|
};
|
package/lib/TabBar/index.js
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.Item = void 0;
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _getDataAttr = _interopRequireDefault(require("../
|
|
10
|
+
var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
|
|
11
11
|
var _Tabs = _interopRequireDefault(require("../Tabs"));
|
|
12
12
|
var _Tab = _interopRequireDefault(require("./Tab"));
|
|
13
13
|
require("./index.css");
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
|
|
12
|
-
var _exenv = require("../
|
|
12
|
+
var _exenv = require("../utils/exenv");
|
|
13
13
|
require("./index.css");
|
|
14
14
|
/* tslint:disable:jsx-no-multiline-js */
|
|
15
15
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dtable-ui-component",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.36",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@seafile/react-image-lightbox": "4.0.2",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"@seafile/seafile-editor": "~2.0.6",
|
|
9
9
|
"classnames": "2.3.2",
|
|
10
10
|
"dayjs": "1.10.7",
|
|
11
|
-
"dtable-utils": "~5.0.
|
|
11
|
+
"dtable-utils": "~5.0.21",
|
|
12
12
|
"is-hotkey": "0.2.0",
|
|
13
13
|
"rc-checkbox": "3.5.0",
|
|
14
14
|
"react-color": "2.19.3",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|