form-driver 0.4.21 → 0.4.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/dist/m3.css +116 -8
- package/dist/m3.js +1 -1
- package/es/m3.css +116 -8
- package/es/m3.js +486 -474
- package/lib/m3.css +116 -8
- package/lib/m3.js +485 -473
- package/package.json +4 -1
- package/src/ui/editor/basic/ARangePicker.tsx +15 -3
- package/src/ui/widget/EnhancedSortDrag.less +61 -0
- package/src/ui/widget/EnhancedSortDrag.tsx +294 -284
- package/src/ui/widget/SortDrag.less +78 -13
- package/src/ui/widget/SortDrag.tsx +119 -103
- package/types/ui/widget/EnhancedSortDrag.d.ts +3 -1
package/es/m3.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'antd/dist/antd.css';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import { message, ConfigProvider, DatePicker as DatePicker$1, Cascader, Radio, Rate, Upload, Button, TreeSelect, InputNumber, Checkbox, Modal, Input, Select, Popover, Divider, Popconfirm, List, Row, Col, Space, Table, Spin, Tooltip, Progress, Tabs } from 'antd';
|
|
4
|
-
import React, { memo,
|
|
4
|
+
import React, { memo, useState, useCallback, useMemo, useEffect, useRef, createElement } from 'react';
|
|
5
5
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
6
6
|
import _, { result } from 'lodash';
|
|
7
7
|
import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
|
|
@@ -13,7 +13,9 @@ import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitial
|
|
|
13
13
|
import { CloseOutlined, LoadingOutlined, QuestionCircleTwoTone, PlusOutlined, HolderOutlined, CaretUpOutlined, CaretDownOutlined, CloseCircleFilled, CheckOutlined, CaretRightOutlined } from '@ant-design/icons';
|
|
14
14
|
import TextArea from 'antd/lib/input/TextArea';
|
|
15
15
|
import Select$1 from 'antd/lib/select';
|
|
16
|
-
import {
|
|
16
|
+
import { useSensors, useSensor, TouchSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
|
|
17
|
+
import { useSortable, sortableKeyboardCoordinates, arrayMove, verticalListSortingStrategy, horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';
|
|
18
|
+
import { CSS } from '@dnd-kit/utilities';
|
|
17
19
|
import clsx from 'clsx';
|
|
18
20
|
import Button$1 from 'antd/lib/button';
|
|
19
21
|
import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
|
|
@@ -24,9 +26,9 @@ import 'moment/locale/zh-cn';
|
|
|
24
26
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
25
27
|
import OSS from 'ali-oss';
|
|
26
28
|
|
|
27
|
-
function ownKeys$
|
|
29
|
+
function ownKeys$z(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; }
|
|
28
30
|
|
|
29
|
-
function _objectSpread$
|
|
31
|
+
function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
32
|
|
|
31
33
|
function generateQueryStr(obj) {
|
|
32
34
|
if (obj === void 0) {
|
|
@@ -60,7 +62,7 @@ var Ajax = {
|
|
|
60
62
|
var args = {
|
|
61
63
|
method: method,
|
|
62
64
|
body: JSON.stringify(body),
|
|
63
|
-
headers: _objectSpread$
|
|
65
|
+
headers: _objectSpread$z({
|
|
64
66
|
'Content-Type': 'application/json'
|
|
65
67
|
}, headers)
|
|
66
68
|
};
|
|
@@ -1783,9 +1785,9 @@ var CompactArray = {
|
|
|
1783
1785
|
|
|
1784
1786
|
var MContext = /*#__PURE__*/React.createContext(undefined);
|
|
1785
1787
|
|
|
1786
|
-
function ownKeys$
|
|
1788
|
+
function ownKeys$y(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; }
|
|
1787
1789
|
|
|
1788
|
-
function _objectSpread$
|
|
1790
|
+
function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1789
1791
|
/**
|
|
1790
1792
|
* 一个字段的视图
|
|
1791
1793
|
*/
|
|
@@ -1808,7 +1810,7 @@ var MFieldViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1808
1810
|
return MUtil.error("\u5B57\u6BB5\u7684\u89C6\u56FE\u5C1A\u672A\u5B9E\u73B0", this.props.schema);
|
|
1809
1811
|
}
|
|
1810
1812
|
|
|
1811
|
-
var props = _objectSpread$
|
|
1813
|
+
var props = _objectSpread$y({
|
|
1812
1814
|
afterChange: function afterChange() {},
|
|
1813
1815
|
changeSchema: function changeSchema() {},
|
|
1814
1816
|
changeDatabase: function changeDatabase() {},
|
|
@@ -16528,9 +16530,9 @@ var BaseViewer = /*#__PURE__*/function (_Viewer) {
|
|
|
16528
16530
|
return BaseViewer;
|
|
16529
16531
|
}(Viewer);
|
|
16530
16532
|
|
|
16531
|
-
function ownKeys$
|
|
16533
|
+
function ownKeys$x(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; }
|
|
16532
16534
|
|
|
16533
|
-
function _objectSpread$
|
|
16535
|
+
function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16534
16536
|
var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
16535
16537
|
_inheritsLoose(ArrayViewer, _BaseViewer);
|
|
16536
16538
|
|
|
@@ -16548,35 +16550,35 @@ var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16548
16550
|
|
|
16549
16551
|
if (_.isNil(vs)) {
|
|
16550
16552
|
return jsx("div", {
|
|
16551
|
-
style: _objectSpread$
|
|
16553
|
+
style: _objectSpread$x({}, s),
|
|
16552
16554
|
children: assembly.theme.READABLE_BLANK
|
|
16553
16555
|
});
|
|
16554
16556
|
} else if (!_.isArray(vs)) {
|
|
16555
16557
|
return jsx("div", {
|
|
16556
|
-
style: _objectSpread$
|
|
16558
|
+
style: _objectSpread$x({}, s),
|
|
16557
16559
|
children: assembly.theme.READABLE_INVALID
|
|
16558
16560
|
});
|
|
16559
16561
|
} else if (vs.length === 0) {
|
|
16560
16562
|
return jsx("div", {
|
|
16561
|
-
style: _objectSpread$
|
|
16563
|
+
style: _objectSpread$x({}, s),
|
|
16562
16564
|
children: assembly.theme.READABLE_BLANK
|
|
16563
16565
|
});
|
|
16564
16566
|
}
|
|
16565
16567
|
|
|
16566
16568
|
if (this.props.schema.toReadable) {
|
|
16567
16569
|
return jsxs("div", {
|
|
16568
|
-
children: [" style=", _objectSpread$
|
|
16570
|
+
children: [" style=", _objectSpread$x({}, s), assembly.toReadable(this.props.schema, vs, _BaseViewer.prototype.getParentValue.call(this))]
|
|
16569
16571
|
});
|
|
16570
16572
|
} else if (this.props.schema.remote) {
|
|
16571
16573
|
return jsxs("div", {
|
|
16572
|
-
style: _objectSpread$
|
|
16574
|
+
style: _objectSpread$x({}, s),
|
|
16573
16575
|
children: [" ", vs.map(function (v) {
|
|
16574
16576
|
return v.label;
|
|
16575
16577
|
}).join(", "), " "]
|
|
16576
16578
|
});
|
|
16577
16579
|
} else if (!this.props.schema.arrayMember) {
|
|
16578
16580
|
return jsx("div", {
|
|
16579
|
-
style: _objectSpread$
|
|
16581
|
+
style: _objectSpread$x({}, s),
|
|
16580
16582
|
children: vs.join(', ')
|
|
16581
16583
|
});
|
|
16582
16584
|
} else {
|
|
@@ -16619,9 +16621,9 @@ var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16619
16621
|
return ArrayViewer;
|
|
16620
16622
|
}(BaseViewer);
|
|
16621
16623
|
|
|
16622
|
-
function ownKeys$
|
|
16624
|
+
function ownKeys$w(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; }
|
|
16623
16625
|
|
|
16624
|
-
function _objectSpread$
|
|
16626
|
+
function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16625
16627
|
|
|
16626
16628
|
function toPrecision(mode) {
|
|
16627
16629
|
switch (mode) {
|
|
@@ -16701,7 +16703,7 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16701
16703
|
});
|
|
16702
16704
|
},
|
|
16703
16705
|
children: dataAsDate ? moment(dataAsDate).format(antConf.readableFormat) : "请点击选择"
|
|
16704
|
-
}), jsx(DatePicker, _objectSpread$
|
|
16706
|
+
}), jsx(DatePicker, _objectSpread$w({
|
|
16705
16707
|
visible: this.state.pickerVisible,
|
|
16706
16708
|
value: dataAsDate,
|
|
16707
16709
|
min: this.props.schema.min ? moment(this.props.schema.min, antConf.dataFormat).toDate() : undefined,
|
|
@@ -16729,7 +16731,7 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16729
16731
|
var pickerKey = this.props.path + "_" + ((_antConf$mode = antConf.mode) != null ? _antConf$mode : "datetime");
|
|
16730
16732
|
return jsx(ConfigProvider, {
|
|
16731
16733
|
locale: zhCN,
|
|
16732
|
-
children: jsx(DatePicker$1, _objectSpread$
|
|
16734
|
+
children: jsx(DatePicker$1, _objectSpread$w({
|
|
16733
16735
|
disabled: this.props.disable,
|
|
16734
16736
|
bordered: this.props.hideBorder ? false : true,
|
|
16735
16737
|
disabledDate: function disabledDate(m) {
|
|
@@ -16752,9 +16754,9 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16752
16754
|
return ADatetimePicker;
|
|
16753
16755
|
}(BaseViewer);
|
|
16754
16756
|
|
|
16755
|
-
function ownKeys$
|
|
16757
|
+
function ownKeys$v(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; }
|
|
16756
16758
|
|
|
16757
|
-
function _objectSpread$
|
|
16759
|
+
function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16758
16760
|
/**
|
|
16759
16761
|
* 选择中国的省市县
|
|
16760
16762
|
* 示例:{label:"1.5 您目前的居住地",name:"reside", type:"gb2260"},
|
|
@@ -16802,7 +16804,7 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16802
16804
|
});
|
|
16803
16805
|
},
|
|
16804
16806
|
children: looked == null ? void 0 : (_looked$label = looked.label) == null ? void 0 : _looked$label.join("/")
|
|
16805
|
-
}), jsx(Picker, _objectSpread$
|
|
16807
|
+
}), jsx(Picker, _objectSpread$v({
|
|
16806
16808
|
columns: MGB2260Type.gb2260,
|
|
16807
16809
|
value: looked.code,
|
|
16808
16810
|
visible: this.state.pickerVisible,
|
|
@@ -16822,7 +16824,7 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16822
16824
|
});
|
|
16823
16825
|
} else {
|
|
16824
16826
|
// PC
|
|
16825
|
-
return jsx(Cascader, _objectSpread$
|
|
16827
|
+
return jsx(Cascader, _objectSpread$v({
|
|
16826
16828
|
options: MGB2260Type.gb2260,
|
|
16827
16829
|
disabled: this.props.disable,
|
|
16828
16830
|
placeholder: _BaseViewer.prototype.getPlaceholder.call(this),
|
|
@@ -16840,9 +16842,9 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16840
16842
|
return AGB2260;
|
|
16841
16843
|
}(BaseViewer);
|
|
16842
16844
|
|
|
16843
|
-
function ownKeys$
|
|
16845
|
+
function ownKeys$u(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; }
|
|
16844
16846
|
|
|
16845
|
-
function _objectSpread$
|
|
16847
|
+
function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16846
16848
|
|
|
16847
16849
|
var OPEN_ENUM_RADIO_VALUE = -1;
|
|
16848
16850
|
/**
|
|
@@ -16951,7 +16953,7 @@ var ARadio = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16951
16953
|
}
|
|
16952
16954
|
|
|
16953
16955
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16954
|
-
return jsx(Radio.Group, _objectSpread$
|
|
16956
|
+
return jsx(Radio.Group, _objectSpread$u(_objectSpread$u({
|
|
16955
16957
|
defaultValue: initIndex,
|
|
16956
16958
|
onChange: function onChange(vv) {
|
|
16957
16959
|
var v = vv.target.value;
|
|
@@ -16974,9 +16976,9 @@ var ARadio = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16974
16976
|
return ARadio;
|
|
16975
16977
|
}(BaseViewer);
|
|
16976
16978
|
|
|
16977
|
-
function ownKeys$
|
|
16979
|
+
function ownKeys$t(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; }
|
|
16978
16980
|
|
|
16979
|
-
function _objectSpread$
|
|
16981
|
+
function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16980
16982
|
/**
|
|
16981
16983
|
* antd 的评分组件 https://ant.design/components/rate-cn/
|
|
16982
16984
|
* { editor: 'ARate', name: 'score', label: "评分", required: true, props: {count: 8} }
|
|
@@ -17001,7 +17003,7 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17001
17003
|
|
|
17002
17004
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17003
17005
|
|
|
17004
|
-
var props = _objectSpread$
|
|
17006
|
+
var props = _objectSpread$t({
|
|
17005
17007
|
count: this.props.schema.max,
|
|
17006
17008
|
defaultValue: this.value,
|
|
17007
17009
|
onChange: function onChange(value, label, extra) {
|
|
@@ -17031,7 +17033,7 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17031
17033
|
className: "m3-nps-tip-right",
|
|
17032
17034
|
children: p.rightTip
|
|
17033
17035
|
})]
|
|
17034
|
-
}) : null, jsx(Rate, _objectSpread$
|
|
17036
|
+
}) : null, jsx(Rate, _objectSpread$t({
|
|
17035
17037
|
className: "m3-nps-rate"
|
|
17036
17038
|
}, props))]
|
|
17037
17039
|
});
|
|
@@ -17040,9 +17042,9 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17040
17042
|
return ARate;
|
|
17041
17043
|
}(BaseViewer);
|
|
17042
17044
|
|
|
17043
|
-
function ownKeys$
|
|
17045
|
+
function ownKeys$s(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; }
|
|
17044
17046
|
|
|
17045
|
-
function _objectSpread$
|
|
17047
|
+
function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17046
17048
|
/**
|
|
17047
17049
|
* antd 的上传组件 https://ant.design/components/upload-cn/
|
|
17048
17050
|
* {
|
|
@@ -17122,7 +17124,7 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17122
17124
|
});
|
|
17123
17125
|
}
|
|
17124
17126
|
|
|
17125
|
-
var props = _objectSpread$
|
|
17127
|
+
var props = _objectSpread$s(_objectSpread$s({}, a), {}, {
|
|
17126
17128
|
onChange: function onChange(info) {
|
|
17127
17129
|
if (p.onChange) p.onChange(info);
|
|
17128
17130
|
console.log(info);
|
|
@@ -17184,7 +17186,7 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17184
17186
|
}
|
|
17185
17187
|
}, p);
|
|
17186
17188
|
|
|
17187
|
-
return jsx(Upload, _objectSpread$
|
|
17189
|
+
return jsx(Upload, _objectSpread$s(_objectSpread$s({
|
|
17188
17190
|
disabled: this.loading !== undefined
|
|
17189
17191
|
}, props), {}, {
|
|
17190
17192
|
children: jsx(Button, {
|
|
@@ -17197,9 +17199,9 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17197
17199
|
return AUpload;
|
|
17198
17200
|
}(BaseViewer);
|
|
17199
17201
|
|
|
17200
|
-
function ownKeys$
|
|
17202
|
+
function ownKeys$r(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; }
|
|
17201
17203
|
|
|
17202
|
-
function _objectSpread$
|
|
17204
|
+
function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17203
17205
|
/**
|
|
17204
17206
|
* antd 的树型选择控件 https://ant.design/components/tree-select-cn/
|
|
17205
17207
|
* {
|
|
@@ -17231,7 +17233,7 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17231
17233
|
|
|
17232
17234
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17233
17235
|
|
|
17234
|
-
var props = _objectSpread$
|
|
17236
|
+
var props = _objectSpread$r({
|
|
17235
17237
|
defaultValue: this.value,
|
|
17236
17238
|
onChange: function onChange(value, label, extra) {
|
|
17237
17239
|
if (p.onChange) p.onChange(value, label, extra);
|
|
@@ -17245,7 +17247,7 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17245
17247
|
}
|
|
17246
17248
|
}, p);
|
|
17247
17249
|
|
|
17248
|
-
return jsx(TreeSelect, _objectSpread$
|
|
17250
|
+
return jsx(TreeSelect, _objectSpread$r({
|
|
17249
17251
|
style: {
|
|
17250
17252
|
width: "100%"
|
|
17251
17253
|
}
|
|
@@ -17255,9 +17257,9 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17255
17257
|
return ATreeSelect;
|
|
17256
17258
|
}(BaseViewer);
|
|
17257
17259
|
|
|
17258
|
-
function ownKeys$
|
|
17260
|
+
function ownKeys$q(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; }
|
|
17259
17261
|
|
|
17260
|
-
function _objectSpread$
|
|
17262
|
+
function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17261
17263
|
/**
|
|
17262
17264
|
* NPS 打分组件,基于 antd 的评分组件 https://ant.design/components/rate-cn/
|
|
17263
17265
|
* 定义示例:{ editor: 'NPS', name: 'possibility', label: "您向朋友或同事推荐本堂课程的可能性有多大?", required: true },
|
|
@@ -17285,7 +17287,7 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17285
17287
|
|
|
17286
17288
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17287
17289
|
|
|
17288
|
-
var props = _objectSpread$
|
|
17290
|
+
var props = _objectSpread$q({
|
|
17289
17291
|
count: 11,
|
|
17290
17292
|
character: function character(_ref) {
|
|
17291
17293
|
var index = _ref.index;
|
|
@@ -17318,7 +17320,7 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17318
17320
|
className: "m3-nps-tip-right",
|
|
17319
17321
|
children: (_p$rightTip = p.rightTip) != null ? _p$rightTip : '极有可能'
|
|
17320
17322
|
})]
|
|
17321
|
-
}), jsx(Rate, _objectSpread$
|
|
17323
|
+
}), jsx(Rate, _objectSpread$q({
|
|
17322
17324
|
className: "m3-nps-rate"
|
|
17323
17325
|
}, props)), p.remark ? jsx("div", {
|
|
17324
17326
|
className: "m3-nps-remark",
|
|
@@ -17330,9 +17332,9 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17330
17332
|
return NPS;
|
|
17331
17333
|
}(BaseViewer);
|
|
17332
17334
|
|
|
17333
|
-
function ownKeys$
|
|
17335
|
+
function ownKeys$p(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; }
|
|
17334
17336
|
|
|
17335
|
-
function _objectSpread$
|
|
17337
|
+
function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17336
17338
|
/**
|
|
17337
17339
|
* 输入整数的输入框
|
|
17338
17340
|
* 定义示例:{label:"2.3 请问今年以来您平均每月工作多少天?",name:"workdayPerMonth", type:"int"},
|
|
@@ -17353,9 +17355,9 @@ var AIntBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17353
17355
|
|
|
17354
17356
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17355
17357
|
|
|
17356
|
-
var props = _objectSpread$
|
|
17358
|
+
var props = _objectSpread$p(_objectSpread$p({}, _BaseViewer.prototype.antProp.call(this)), {}, {
|
|
17357
17359
|
bordered: undefined,
|
|
17358
|
-
style: _objectSpread$
|
|
17360
|
+
style: _objectSpread$p({
|
|
17359
17361
|
border: this.props.hideBorder ? "none" : undefined
|
|
17360
17362
|
}, this.props.style),
|
|
17361
17363
|
min: this.props.schema.min,
|
|
@@ -17382,7 +17384,7 @@ var AIntBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17382
17384
|
}
|
|
17383
17385
|
}, p);
|
|
17384
17386
|
|
|
17385
|
-
return jsx(InputNumber, _objectSpread$
|
|
17387
|
+
return jsx(InputNumber, _objectSpread$p({}, props));
|
|
17386
17388
|
};
|
|
17387
17389
|
|
|
17388
17390
|
return AIntBox;
|
|
@@ -17551,9 +17553,9 @@ var ACheckBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17551
17553
|
return ACheckBox;
|
|
17552
17554
|
}(BaseViewer);
|
|
17553
17555
|
|
|
17554
|
-
function ownKeys$
|
|
17556
|
+
function ownKeys$o(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; }
|
|
17555
17557
|
|
|
17556
|
-
function _objectSpread$
|
|
17558
|
+
function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17557
17559
|
var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
17558
17560
|
_inheritsLoose(AInputBox, _BaseViewer);
|
|
17559
17561
|
|
|
@@ -17575,7 +17577,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17575
17577
|
var lines = (_this$props$schema$st = this.props.schema.stringLines) != null ? _this$props$schema$st : 1;
|
|
17576
17578
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17577
17579
|
|
|
17578
|
-
var commonProps = _objectSpread$
|
|
17580
|
+
var commonProps = _objectSpread$o({
|
|
17579
17581
|
defaultValue: this.getValue(),
|
|
17580
17582
|
key: this.props.path,
|
|
17581
17583
|
onChange: function onChange(v) {
|
|
@@ -17606,13 +17608,13 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17606
17608
|
});
|
|
17607
17609
|
}
|
|
17608
17610
|
|
|
17609
|
-
var inputProps = _objectSpread$
|
|
17611
|
+
var inputProps = _objectSpread$o({
|
|
17610
17612
|
className: "AInputBox",
|
|
17611
17613
|
style: this.props.style
|
|
17612
17614
|
}, commonProps); //if(addon) {
|
|
17613
17615
|
|
|
17614
17616
|
|
|
17615
|
-
return jsx(Input, _objectSpread$
|
|
17617
|
+
return jsx(Input, _objectSpread$o(_objectSpread$o({}, inputProps), {}, {
|
|
17616
17618
|
addonAfter: addon
|
|
17617
17619
|
})); // } else {
|
|
17618
17620
|
// return <UnderlineInputBox {...inputProps}/>; // 等 UnderlineInputBox 支持addonAfter,上面的就能干掉了
|
|
@@ -17627,7 +17629,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17627
17629
|
styles.border = "none";
|
|
17628
17630
|
}
|
|
17629
17631
|
|
|
17630
|
-
return jsx(TextArea, _objectSpread$
|
|
17632
|
+
return jsx(TextArea, _objectSpread$o({
|
|
17631
17633
|
style: styles
|
|
17632
17634
|
}, commonProps));
|
|
17633
17635
|
}
|
|
@@ -17636,9 +17638,9 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17636
17638
|
return AInputBox;
|
|
17637
17639
|
}(BaseViewer);
|
|
17638
17640
|
|
|
17639
|
-
function ownKeys$
|
|
17641
|
+
function ownKeys$n(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; }
|
|
17640
17642
|
|
|
17641
|
-
function _objectSpread$
|
|
17643
|
+
function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17642
17644
|
var UnderlineInputBox = /*#__PURE__*/function (_React$Component) {
|
|
17643
17645
|
_inheritsLoose(UnderlineInputBox, _React$Component);
|
|
17644
17646
|
|
|
@@ -17649,7 +17651,7 @@ var UnderlineInputBox = /*#__PURE__*/function (_React$Component) {
|
|
|
17649
17651
|
var _proto = UnderlineInputBox.prototype;
|
|
17650
17652
|
|
|
17651
17653
|
_proto.render = function render() {
|
|
17652
|
-
return jsx("input", _objectSpread$
|
|
17654
|
+
return jsx("input", _objectSpread$n({
|
|
17653
17655
|
className: assembly.theme.themeName + "InputBox"
|
|
17654
17656
|
}, this.props));
|
|
17655
17657
|
};
|
|
@@ -19436,9 +19438,9 @@ var AREA_CODE_LIST = [{
|
|
|
19436
19438
|
countryCode: "ZW"
|
|
19437
19439
|
}];
|
|
19438
19440
|
|
|
19439
|
-
function ownKeys$
|
|
19441
|
+
function ownKeys$m(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; }
|
|
19440
19442
|
|
|
19441
|
-
function _objectSpread$
|
|
19443
|
+
function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19442
19444
|
/**
|
|
19443
19445
|
* 手机号/邮箱等输入框
|
|
19444
19446
|
* cnPhone/tel/email
|
|
@@ -19519,7 +19521,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19519
19521
|
},
|
|
19520
19522
|
disabled: this.props.disable,
|
|
19521
19523
|
onChange: function onChange(newAreaCode) {
|
|
19522
|
-
var updated = _objectSpread$
|
|
19524
|
+
var updated = _objectSpread$m(_objectSpread$m({}, _this.getPhoneValue()), {}, {
|
|
19523
19525
|
areaCode: newAreaCode
|
|
19524
19526
|
});
|
|
19525
19527
|
|
|
@@ -19544,7 +19546,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19544
19546
|
defaultValue: phoneValue.phone,
|
|
19545
19547
|
min: "0",
|
|
19546
19548
|
onChange: function onChange(value) {
|
|
19547
|
-
var updated = _objectSpread$
|
|
19549
|
+
var updated = _objectSpread$m(_objectSpread$m({}, _this.getPhoneValue()), {}, {
|
|
19548
19550
|
phone: value
|
|
19549
19551
|
});
|
|
19550
19552
|
|
|
@@ -19573,7 +19575,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19573
19575
|
|
|
19574
19576
|
var selfOnChange = p.onChange;
|
|
19575
19577
|
delete deepCloneP.onChange;
|
|
19576
|
-
return jsx(Input, _objectSpread$
|
|
19578
|
+
return jsx(Input, _objectSpread$m(_objectSpread$m({}, _BaseViewer.prototype.antProp.call(this)), {}, {
|
|
19577
19579
|
defaultValue: _BaseViewer.prototype.getValue.call(this),
|
|
19578
19580
|
onBlur: function onBlur() {
|
|
19579
19581
|
return _this2.changeValueEx(_BaseViewer.prototype.getValue.call(_this2), false, true);
|
|
@@ -19589,9 +19591,9 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19589
19591
|
return ASpecInputBox;
|
|
19590
19592
|
}(BaseViewer);
|
|
19591
19593
|
|
|
19592
|
-
function ownKeys$
|
|
19594
|
+
function ownKeys$l(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; }
|
|
19593
19595
|
|
|
19594
|
-
function _objectSpread$
|
|
19596
|
+
function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19595
19597
|
var Segment = /*#__PURE__*/function (_React$Component) {
|
|
19596
19598
|
_inheritsLoose(Segment, _React$Component);
|
|
19597
19599
|
|
|
@@ -19605,7 +19607,7 @@ var Segment = /*#__PURE__*/function (_React$Component) {
|
|
|
19605
19607
|
return jsxs("div", {
|
|
19606
19608
|
style: this.props.style,
|
|
19607
19609
|
className: "AForm_segment",
|
|
19608
|
-
children: [jsxs("div", _objectSpread$
|
|
19610
|
+
children: [jsxs("div", _objectSpread$l(_objectSpread$l({
|
|
19609
19611
|
className: "AForm_segmentTitleBar"
|
|
19610
19612
|
}, {
|
|
19611
19613
|
name: this.props.labelName
|
|
@@ -19686,9 +19688,9 @@ function SegmentEditSwitch(props) {
|
|
|
19686
19688
|
}
|
|
19687
19689
|
}
|
|
19688
19690
|
|
|
19689
|
-
function ownKeys$
|
|
19691
|
+
function ownKeys$k(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; }
|
|
19690
19692
|
|
|
19691
|
-
function _objectSpread$
|
|
19693
|
+
function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19692
19694
|
/**
|
|
19693
19695
|
* 可以折叠的元素,折叠时可带动画效果
|
|
19694
19696
|
*
|
|
@@ -19751,7 +19753,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
19751
19753
|
|
|
19752
19754
|
if (open) {
|
|
19753
19755
|
return {
|
|
19754
|
-
css: _objectSpread$
|
|
19756
|
+
css: _objectSpread$k(_objectSpread$k({}, self.props.style), {}, {
|
|
19755
19757
|
maxHeight: changing ? self.height + "px" : undefined,
|
|
19756
19758
|
visibility: "visible",
|
|
19757
19759
|
opacity: "1",
|
|
@@ -19760,7 +19762,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
19760
19762
|
};
|
|
19761
19763
|
} else {
|
|
19762
19764
|
var r = {
|
|
19763
|
-
css: _objectSpread$
|
|
19765
|
+
css: _objectSpread$k(_objectSpread$k({}, self.closeStyle), {}, {
|
|
19764
19766
|
maxHeight: "0px",
|
|
19765
19767
|
visibility: "hidden",
|
|
19766
19768
|
opacity: "0",
|
|
@@ -19852,9 +19854,9 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
|
|
|
19852
19854
|
|
|
19853
19855
|
function _arrayLikeToArray$3(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; }
|
|
19854
19856
|
|
|
19855
|
-
function ownKeys$
|
|
19857
|
+
function ownKeys$j(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; }
|
|
19856
19858
|
|
|
19857
|
-
function _objectSpread$
|
|
19859
|
+
function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19858
19860
|
|
|
19859
19861
|
function ItemLabel(props) {
|
|
19860
19862
|
var _props$uispec;
|
|
@@ -20031,7 +20033,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20031
20033
|
|
|
20032
20034
|
if (uispec.layout === "vertical") {
|
|
20033
20035
|
// label在字段上面的分段布局
|
|
20034
|
-
ele = jsxs(Collapsible, _objectSpread$
|
|
20036
|
+
ele = jsxs(Collapsible, _objectSpread$j(_objectSpread$j({}, wrapperProp), {}, {
|
|
20035
20037
|
children: [jsx(ItemLabel, {
|
|
20036
20038
|
uispec: uispec,
|
|
20037
20039
|
schema: f,
|
|
@@ -20041,7 +20043,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20041
20043
|
} else if (uispec.layout === "horizontal") {
|
|
20042
20044
|
// label在字段左边的分段布局 TODO
|
|
20043
20045
|
wrapperProp.style.display = "flex";
|
|
20044
|
-
ele = jsxs(Collapsible, _objectSpread$
|
|
20046
|
+
ele = jsxs(Collapsible, _objectSpread$j(_objectSpread$j({}, wrapperProp), {}, {
|
|
20045
20047
|
children: [jsx(ItemLabel, {
|
|
20046
20048
|
uispec: uispec,
|
|
20047
20049
|
schema: f,
|
|
@@ -20195,7 +20197,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20195
20197
|
|
|
20196
20198
|
segments.push(jsx(Segment, {
|
|
20197
20199
|
column: column,
|
|
20198
|
-
style: _objectSpread$
|
|
20200
|
+
style: _objectSpread$j(_objectSpread$j({}, segment.style), {}, {
|
|
20199
20201
|
display: segHide ? "none" : undefined
|
|
20200
20202
|
}),
|
|
20201
20203
|
mainTitle: segment.label,
|
|
@@ -20300,9 +20302,9 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20300
20302
|
return AForm;
|
|
20301
20303
|
}(Viewer);
|
|
20302
20304
|
|
|
20303
|
-
function ownKeys$
|
|
20305
|
+
function ownKeys$i(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; }
|
|
20304
20306
|
|
|
20305
|
-
function _objectSpread$
|
|
20307
|
+
function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20306
20308
|
var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
20307
20309
|
_inheritsLoose(DivViewer, _BaseViewer);
|
|
20308
20310
|
|
|
@@ -20314,7 +20316,7 @@ var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20314
20316
|
|
|
20315
20317
|
_proto.element = function element() {
|
|
20316
20318
|
return jsx("pre", {
|
|
20317
|
-
style: _objectSpread$
|
|
20319
|
+
style: _objectSpread$i({
|
|
20318
20320
|
marginBottom: 0,
|
|
20319
20321
|
color: "rgba(0,0,0,0.6)",
|
|
20320
20322
|
overflow: "initial",
|
|
@@ -20328,9 +20330,9 @@ var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20328
20330
|
return DivViewer;
|
|
20329
20331
|
}(BaseViewer);
|
|
20330
20332
|
|
|
20331
|
-
function ownKeys$
|
|
20333
|
+
function ownKeys$h(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; }
|
|
20332
20334
|
|
|
20333
|
-
function _objectSpread$
|
|
20335
|
+
function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20334
20336
|
/**
|
|
20335
20337
|
* 下拉选择框
|
|
20336
20338
|
* 定义示例: {label:"1.1 您的性别是", name:"gendar", type:"enum", typeArg: [{label:"男", value:"M"},{label:"女", value:"F"}] },
|
|
@@ -20365,7 +20367,7 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20365
20367
|
return MUtil.error("手机上的ASelector还不支持openOption");
|
|
20366
20368
|
}
|
|
20367
20369
|
|
|
20368
|
-
return jsx(SelectBox, _objectSpread$
|
|
20370
|
+
return jsx(SelectBox, _objectSpread$h(_objectSpread$h({
|
|
20369
20371
|
data: value,
|
|
20370
20372
|
// @ts-ignore
|
|
20371
20373
|
options: this._enums.map(function (e) {
|
|
@@ -20404,7 +20406,7 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20404
20406
|
}, index);
|
|
20405
20407
|
});
|
|
20406
20408
|
|
|
20407
|
-
return jsx(Select$1, _objectSpread$
|
|
20409
|
+
return jsx(Select$1, _objectSpread$h(_objectSpread$h({
|
|
20408
20410
|
defaultValue: initIndex,
|
|
20409
20411
|
placeholder: _BaseViewer.prototype.getPlaceholder.call(this),
|
|
20410
20412
|
bordered: this.props.hideBorder ? false : true,
|
|
@@ -20476,9 +20478,9 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20476
20478
|
return ASelector;
|
|
20477
20479
|
}(BaseViewer);
|
|
20478
20480
|
|
|
20479
|
-
function ownKeys$
|
|
20481
|
+
function ownKeys$g(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; }
|
|
20480
20482
|
|
|
20481
|
-
function _objectSpread$
|
|
20483
|
+
function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20482
20484
|
/**
|
|
20483
20485
|
* 下拉框多选
|
|
20484
20486
|
* 示例:{label:"1.13 除爱人/对象之外,目前和您一起生活的家庭成员包括(多选):",name:"familyAccompany",type:"set", editor:"ASetSelector", option: "父亲 母亲 孩子 爱人/对象的父亲 爱人/对象的母亲 兄弟姐妹"},
|
|
@@ -20516,7 +20518,7 @@ var ASetSelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20516
20518
|
return value2Fields[v].index;
|
|
20517
20519
|
});
|
|
20518
20520
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
20519
|
-
return jsx(Select, _objectSpread$
|
|
20521
|
+
return jsx(Select, _objectSpread$g(_objectSpread$g({
|
|
20520
20522
|
mode: "multiple",
|
|
20521
20523
|
placeholder: this.props.schema.placeholder,
|
|
20522
20524
|
optionFilterProp: "children",
|
|
@@ -20560,9 +20562,102 @@ var ASetSelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20560
20562
|
return ASetSelector;
|
|
20561
20563
|
}(BaseViewer);
|
|
20562
20564
|
|
|
20563
|
-
function ownKeys$
|
|
20565
|
+
function ownKeys$f(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; }
|
|
20564
20566
|
|
|
20565
|
-
function _objectSpread$
|
|
20567
|
+
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20568
|
+
/**
|
|
20569
|
+
* 可排序的拖拽项子组件
|
|
20570
|
+
*/
|
|
20571
|
+
|
|
20572
|
+
var SortableEnhancedItem = /*#__PURE__*/memo(function (_ref) {
|
|
20573
|
+
var _clsx;
|
|
20574
|
+
|
|
20575
|
+
var item = _ref.item,
|
|
20576
|
+
index = _ref.index,
|
|
20577
|
+
enableAnimation = _ref.enableAnimation,
|
|
20578
|
+
direction = _ref.direction,
|
|
20579
|
+
renderDragHandle = _ref.renderDragHandle,
|
|
20580
|
+
isTableRow = _ref.isTableRow;
|
|
20581
|
+
|
|
20582
|
+
var _useSortable = useSortable({
|
|
20583
|
+
id: item.id,
|
|
20584
|
+
disabled: !item.isChecked
|
|
20585
|
+
}),
|
|
20586
|
+
attributes = _useSortable.attributes,
|
|
20587
|
+
listeners = _useSortable.listeners,
|
|
20588
|
+
setNodeRef = _useSortable.setNodeRef,
|
|
20589
|
+
transform = _useSortable.transform,
|
|
20590
|
+
transition = _useSortable.transition,
|
|
20591
|
+
isDragging = _useSortable.isDragging;
|
|
20592
|
+
|
|
20593
|
+
var style = {
|
|
20594
|
+
transform: CSS.Transform.toString(transform),
|
|
20595
|
+
transition: enableAnimation ? transition : undefined
|
|
20596
|
+
};
|
|
20597
|
+
|
|
20598
|
+
var renderDefaultDragHandle = function renderDefaultDragHandle() {
|
|
20599
|
+
return jsx("div", {
|
|
20600
|
+
className: "enhanced-dragHandleWrapper",
|
|
20601
|
+
children: jsx(HolderOutlined, {
|
|
20602
|
+
className: "enhanced-dragHandleIcon",
|
|
20603
|
+
style: {
|
|
20604
|
+
opacity: isDragging ? 0.5 : 1,
|
|
20605
|
+
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20606
|
+
}
|
|
20607
|
+
})
|
|
20608
|
+
});
|
|
20609
|
+
}; // 表格行模式
|
|
20610
|
+
|
|
20611
|
+
|
|
20612
|
+
if (isTableRow) {
|
|
20613
|
+
return jsxs("tr", _objectSpread$f(_objectSpread$f({
|
|
20614
|
+
ref: setNodeRef,
|
|
20615
|
+
"data-drag-id": item.id,
|
|
20616
|
+
"data-drag-index": index,
|
|
20617
|
+
style: _objectSpread$f({
|
|
20618
|
+
opacity: isDragging ? 0.5 : 1
|
|
20619
|
+
}, style)
|
|
20620
|
+
}, attributes), {}, {
|
|
20621
|
+
children: [renderDragHandle ? renderDragHandle(item, isDragging, listeners) : jsx("td", _objectSpread$f(_objectSpread$f({}, listeners), {}, {
|
|
20622
|
+
style: {
|
|
20623
|
+
cursor: isDragging ? "grabbing" : "grab",
|
|
20624
|
+
textAlign: "center",
|
|
20625
|
+
width: "40px"
|
|
20626
|
+
},
|
|
20627
|
+
children: jsx(HolderOutlined, {
|
|
20628
|
+
style: {
|
|
20629
|
+
opacity: isDragging ? 0.5 : 1,
|
|
20630
|
+
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20631
|
+
}
|
|
20632
|
+
})
|
|
20633
|
+
})), item.cpn]
|
|
20634
|
+
}), item.id);
|
|
20635
|
+
} // 普通模式
|
|
20636
|
+
|
|
20637
|
+
|
|
20638
|
+
var itemClass = clsx("enhanced-dragItem", (_clsx = {
|
|
20639
|
+
dragging: isDragging,
|
|
20640
|
+
disabled: !item.isChecked
|
|
20641
|
+
}, _clsx["direction-" + direction] = true, _clsx));
|
|
20642
|
+
return jsxs("div", _objectSpread$f(_objectSpread$f({
|
|
20643
|
+
className: itemClass,
|
|
20644
|
+
ref: setNodeRef,
|
|
20645
|
+
"data-drag-id": item.id,
|
|
20646
|
+
"data-drag-index": index,
|
|
20647
|
+
style: style
|
|
20648
|
+
}, attributes), {}, {
|
|
20649
|
+
children: [jsx("div", {
|
|
20650
|
+
className: "enhanced-dragBody",
|
|
20651
|
+
children: item.cpn
|
|
20652
|
+
}), jsx("div", {
|
|
20653
|
+
className: "enhanced-dragHandle",
|
|
20654
|
+
children: item.isChecked && (renderDragHandle ? renderDragHandle(item, isDragging, listeners) : jsx("div", _objectSpread$f(_objectSpread$f({}, listeners), {}, {
|
|
20655
|
+
children: renderDefaultDragHandle()
|
|
20656
|
+
})))
|
|
20657
|
+
})]
|
|
20658
|
+
}), item.id);
|
|
20659
|
+
});
|
|
20660
|
+
SortableEnhancedItem.displayName = "SortableEnhancedItem";
|
|
20566
20661
|
/**
|
|
20567
20662
|
* 增强版通用拖拽排序组件
|
|
20568
20663
|
* 解决原组件的性能问题和功能局限性
|
|
@@ -20577,27 +20672,39 @@ var EnhancedSortDrag = /*#__PURE__*/memo(function (props) {
|
|
|
20577
20672
|
var _props$direction = props.direction,
|
|
20578
20673
|
direction = _props$direction === void 0 ? "vertical" : _props$direction,
|
|
20579
20674
|
onDragFail = props.onDragFail,
|
|
20580
|
-
renderDragHandle = props.renderDragHandle
|
|
20581
|
-
props.renderDragPreview
|
|
20582
|
-
|
|
20583
|
-
isTableRow = _props$isTableRow === void 0 ? false : _props$isTableRow; //
|
|
20675
|
+
renderDragHandle = props.renderDragHandle,
|
|
20676
|
+
renderDragPreview = props.renderDragPreview,
|
|
20677
|
+
_props$isTableRow = props.isTableRow,
|
|
20678
|
+
isTableRow = _props$isTableRow === void 0 ? false : _props$isTableRow; // 拖拽状态管理
|
|
20584
20679
|
|
|
20585
|
-
var
|
|
20586
|
-
|
|
20680
|
+
var _useState = useState(null),
|
|
20681
|
+
activeId = _useState[0],
|
|
20682
|
+
setActiveId = _useState[1];
|
|
20587
20683
|
|
|
20588
|
-
var
|
|
20684
|
+
var _useState2 = useState({
|
|
20589
20685
|
draggingId: null,
|
|
20590
20686
|
droppingId: null,
|
|
20591
20687
|
isAnimating: false
|
|
20592
|
-
})
|
|
20593
|
-
|
|
20594
|
-
setDragState =
|
|
20595
|
-
|
|
20688
|
+
});
|
|
20689
|
+
_useState2[0];
|
|
20690
|
+
var setDragState = _useState2[1];
|
|
20691
|
+
/**
|
|
20692
|
+
* 配置传感器
|
|
20693
|
+
*/
|
|
20596
20694
|
|
|
20597
|
-
var itemRefs = useRef(new Map());
|
|
20598
|
-
var dragHandleRefs = useRef(new Map()); // 清理函数缓存,避免重复注册
|
|
20599
20695
|
|
|
20600
|
-
var
|
|
20696
|
+
var sensors = useSensors(useSensor(TouchSensor, {
|
|
20697
|
+
activationConstraint: {
|
|
20698
|
+
delay: 200,
|
|
20699
|
+
tolerance: 5
|
|
20700
|
+
}
|
|
20701
|
+
}), useSensor(PointerSensor, {
|
|
20702
|
+
activationConstraint: {
|
|
20703
|
+
distance: 10
|
|
20704
|
+
}
|
|
20705
|
+
}), useSensor(KeyboardSensor, {
|
|
20706
|
+
coordinateGetter: sortableKeyboardCoordinates
|
|
20707
|
+
}));
|
|
20601
20708
|
/**
|
|
20602
20709
|
* 验证拖拽操作是否有效
|
|
20603
20710
|
*/
|
|
@@ -20677,284 +20784,171 @@ var EnhancedSortDrag = /*#__PURE__*/memo(function (props) {
|
|
|
20677
20784
|
};
|
|
20678
20785
|
}, []);
|
|
20679
20786
|
/**
|
|
20680
|
-
*
|
|
20787
|
+
* 拖拽开始事件处理
|
|
20681
20788
|
*/
|
|
20682
20789
|
|
|
20683
|
-
var
|
|
20684
|
-
|
|
20685
|
-
|
|
20686
|
-
|
|
20687
|
-
|
|
20688
|
-
|
|
20689
|
-
|
|
20690
|
-
|
|
20790
|
+
var handleDragStart = useCallback(function (event) {
|
|
20791
|
+
var active = event.active;
|
|
20792
|
+
setActiveId(active.id);
|
|
20793
|
+
setDragState(function (prev) {
|
|
20794
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, {
|
|
20795
|
+
draggingId: active.id,
|
|
20796
|
+
isAnimating: !!enableAnimation
|
|
20797
|
+
});
|
|
20798
|
+
});
|
|
20799
|
+
}, [enableAnimation]);
|
|
20800
|
+
/**
|
|
20801
|
+
* 拖拽结束事件处理
|
|
20802
|
+
*/
|
|
20691
20803
|
|
|
20692
|
-
|
|
20693
|
-
|
|
20804
|
+
var handleDragEnd = useCallback(function (event) {
|
|
20805
|
+
var active = event.active,
|
|
20806
|
+
over = event.over;
|
|
20807
|
+
setActiveId(null);
|
|
20808
|
+
setDragState(function (prev) {
|
|
20809
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, {
|
|
20810
|
+
draggingId: null,
|
|
20811
|
+
droppingId: null,
|
|
20812
|
+
isAnimating: false
|
|
20813
|
+
});
|
|
20814
|
+
});
|
|
20694
20815
|
|
|
20695
|
-
|
|
20696
|
-
|
|
20816
|
+
if (over && active.id !== over.id) {
|
|
20817
|
+
var oldIndex = items.findIndex(function (item) {
|
|
20818
|
+
return item.id === active.id;
|
|
20819
|
+
});
|
|
20820
|
+
var newIndex = items.findIndex(function (item) {
|
|
20821
|
+
return item.id === over.id;
|
|
20697
20822
|
});
|
|
20698
|
-
var toIndex = currentItems.findIndex(function (item) {
|
|
20699
|
-
return item.id === toId;
|
|
20700
|
-
}); // 边界条件检查
|
|
20701
20823
|
|
|
20702
|
-
if (
|
|
20824
|
+
if (oldIndex === -1 || newIndex === -1) {
|
|
20703
20825
|
return;
|
|
20704
20826
|
}
|
|
20705
20827
|
|
|
20706
|
-
|
|
20707
|
-
|
|
20708
|
-
|
|
20709
|
-
currentItems.splice(toIndex, 0, moved); // 更新引用
|
|
20710
|
-
|
|
20711
|
-
itemsRef.current = currentItems; // 触发回调
|
|
20712
|
-
|
|
20713
|
-
onChange(currentItems);
|
|
20714
|
-
} catch (error) {
|
|
20715
|
-
console.error("拖拽交换数据失败:", error); // 触发错误回调
|
|
20716
|
-
|
|
20717
|
-
var dragError = {
|
|
20718
|
-
type: "DATA_ERROR",
|
|
20719
|
-
message: error instanceof Error ? error.message : "未知错误",
|
|
20720
|
-
sourceId: fromId,
|
|
20721
|
-
targetId: toId
|
|
20722
|
-
};
|
|
20723
|
-
onDragFail == null ? void 0 : onDragFail(dragError);
|
|
20724
|
-
}
|
|
20725
|
-
}, [onChange, onDragFail, validateDragOperation]);
|
|
20726
|
-
/**
|
|
20727
|
-
* 注册单个项目的拖拽监听器
|
|
20728
|
-
*/
|
|
20729
|
-
|
|
20730
|
-
var registerDragListeners = useCallback(function (item, index) {
|
|
20731
|
-
var el = itemRefs.current.get(item.id);
|
|
20732
|
-
var dragHandle = dragHandleRefs.current.get(item.id);
|
|
20733
|
-
if (!el) return; // 清理之前的监听器
|
|
20734
|
-
|
|
20735
|
-
var existingCleanup = cleanupRefs.current.get(item.id);
|
|
20828
|
+
try {
|
|
20829
|
+
var validation = validateDragOperation(active.id, over.id, items);
|
|
20736
20830
|
|
|
20737
|
-
|
|
20738
|
-
|
|
20739
|
-
}
|
|
20831
|
+
if (!validation.isValid) {
|
|
20832
|
+
var _validation$error;
|
|
20740
20833
|
|
|
20741
|
-
|
|
20834
|
+
throw new Error(((_validation$error = validation.error) == null ? void 0 : _validation$error.message) || "拖拽验证失败");
|
|
20835
|
+
}
|
|
20742
20836
|
|
|
20743
|
-
|
|
20744
|
-
|
|
20745
|
-
|
|
20746
|
-
|
|
20747
|
-
|
|
20748
|
-
|
|
20749
|
-
|
|
20750
|
-
|
|
20751
|
-
|
|
20752
|
-
index: index,
|
|
20753
|
-
label: item.label
|
|
20837
|
+
var newItems = arrayMove(items, oldIndex, newIndex);
|
|
20838
|
+
onChange(newItems);
|
|
20839
|
+
} catch (error) {
|
|
20840
|
+
console.error("拖拽交换数据失败:", error);
|
|
20841
|
+
var dragError = {
|
|
20842
|
+
type: "DATA_ERROR",
|
|
20843
|
+
message: error instanceof Error ? error.message : "未知错误",
|
|
20844
|
+
sourceId: active.id,
|
|
20845
|
+
targetId: over.id
|
|
20754
20846
|
};
|
|
20755
|
-
|
|
20756
|
-
onDragStart: function onDragStart() {
|
|
20757
|
-
setDragState(function (prev) {
|
|
20758
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20759
|
-
draggingId: item.id,
|
|
20760
|
-
isAnimating: !!enableAnimation
|
|
20761
|
-
});
|
|
20762
|
-
});
|
|
20763
|
-
console.log("开始拖拽:", item.label);
|
|
20764
|
-
},
|
|
20765
|
-
onDrop: function onDrop() {
|
|
20766
|
-
setDragState(function (prev) {
|
|
20767
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20768
|
-
draggingId: null,
|
|
20769
|
-
droppingId: null,
|
|
20770
|
-
isAnimating: false
|
|
20771
|
-
});
|
|
20772
|
-
});
|
|
20847
|
+
onDragFail == null ? void 0 : onDragFail(dragError);
|
|
20773
20848
|
}
|
|
20774
|
-
}
|
|
20775
|
-
|
|
20776
|
-
cleanups.push(dropTargetForElements({
|
|
20777
|
-
element: el,
|
|
20778
|
-
canDrop: function canDrop() {
|
|
20779
|
-
return item.isChecked;
|
|
20780
|
-
},
|
|
20781
|
-
onDragEnter: function onDragEnter(args) {
|
|
20782
|
-
var sourceId = args.source.data.id;
|
|
20783
|
-
if (sourceId === item.id) return;
|
|
20784
|
-
console.log("拖拽进入:", item.id);
|
|
20785
|
-
setDragState(function (prev) {
|
|
20786
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20787
|
-
droppingId: item.id
|
|
20788
|
-
});
|
|
20789
|
-
});
|
|
20790
|
-
},
|
|
20791
|
-
onDragLeave: function onDragLeave() {
|
|
20792
|
-
setDragState(function (prev) {
|
|
20793
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20794
|
-
droppingId: null
|
|
20795
|
-
});
|
|
20796
|
-
});
|
|
20797
|
-
},
|
|
20798
|
-
onDrop: function onDrop(_ref) {
|
|
20799
|
-
var source = _ref.source;
|
|
20800
|
-
if (!source) return;
|
|
20801
|
-
var sourceId = source.data.id;
|
|
20802
|
-
if (sourceId === item.id) return; // 执行数据交换
|
|
20803
|
-
|
|
20804
|
-
swapItems(sourceId, item.id);
|
|
20805
|
-
}
|
|
20806
|
-
})); // 存储清理函数
|
|
20807
|
-
|
|
20808
|
-
var combinedCleanup = function combinedCleanup() {
|
|
20809
|
-
cleanups.forEach(function (fn) {
|
|
20810
|
-
return fn();
|
|
20811
|
-
});
|
|
20812
|
-
};
|
|
20813
|
-
|
|
20814
|
-
cleanupRefs.current.set(item.id, combinedCleanup);
|
|
20815
|
-
}, [swapItems, enableAnimation]);
|
|
20849
|
+
}
|
|
20850
|
+
}, [items, onChange, onDragFail, validateDragOperation]);
|
|
20816
20851
|
/**
|
|
20817
|
-
*
|
|
20852
|
+
* 获取当前拖拽项
|
|
20818
20853
|
*/
|
|
20819
20854
|
|
|
20820
|
-
|
|
20821
|
-
|
|
20822
|
-
|
|
20823
|
-
return cleanup();
|
|
20855
|
+
var activeItem = useMemo(function () {
|
|
20856
|
+
return items.find(function (item) {
|
|
20857
|
+
return item.id === activeId;
|
|
20824
20858
|
});
|
|
20825
|
-
|
|
20826
|
-
|
|
20827
|
-
items.forEach(function (item, index) {
|
|
20828
|
-
registerDragListeners(item, index);
|
|
20829
|
-
}); // 监听全局拖拽结束
|
|
20830
|
-
|
|
20831
|
-
var monitorCleanup = monitorForElements({
|
|
20832
|
-
onDrop: function onDrop() {
|
|
20833
|
-
setDragState(function (prev) {
|
|
20834
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20835
|
-
draggingId: null,
|
|
20836
|
-
droppingId: null,
|
|
20837
|
-
isAnimating: false
|
|
20838
|
-
});
|
|
20839
|
-
});
|
|
20840
|
-
}
|
|
20841
|
-
});
|
|
20842
|
-
cleanupRefs.current.set("monitor", monitorCleanup);
|
|
20843
|
-
return function () {
|
|
20844
|
-
cleanupRefs.current.forEach(function (cleanup) {
|
|
20845
|
-
return cleanup();
|
|
20846
|
-
});
|
|
20847
|
-
cleanupRefs.current.clear();
|
|
20848
|
-
};
|
|
20849
|
-
}, [items.length, registerDragListeners]); // 只在列表长度变化时重新注册
|
|
20850
|
-
|
|
20859
|
+
}, [items, activeId]);
|
|
20851
20860
|
/**
|
|
20852
|
-
*
|
|
20861
|
+
* 选择排序策略
|
|
20853
20862
|
*/
|
|
20854
20863
|
|
|
20855
|
-
var
|
|
20856
|
-
return
|
|
20857
|
-
|
|
20858
|
-
if (el) {
|
|
20859
|
-
dragHandleRefs.current.set(item.id, el);
|
|
20860
|
-
}
|
|
20861
|
-
},
|
|
20862
|
-
style: {
|
|
20863
|
-
cursor: isDragging ? "grabbing" : "grab",
|
|
20864
|
-
marginLeft: "8px",
|
|
20865
|
-
opacity: isDragging ? 0.5 : 1,
|
|
20866
|
-
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20867
|
-
}
|
|
20868
|
-
});
|
|
20869
|
-
}, [enableAnimation]);
|
|
20864
|
+
var sortingStrategy = useMemo(function () {
|
|
20865
|
+
return direction === "vertical" ? verticalListSortingStrategy : horizontalListSortingStrategy;
|
|
20866
|
+
}, [direction]);
|
|
20870
20867
|
/**
|
|
20871
|
-
*
|
|
20868
|
+
* 缓存 item id 列表,避免每次渲染创建新数组引用
|
|
20872
20869
|
*/
|
|
20873
20870
|
|
|
20874
|
-
var
|
|
20875
|
-
|
|
20876
|
-
|
|
20877
|
-
|
|
20878
|
-
|
|
20871
|
+
var itemIds = useMemo(function () {
|
|
20872
|
+
return items.map(function (item) {
|
|
20873
|
+
return item.id;
|
|
20874
|
+
});
|
|
20875
|
+
}, [items]); // 如果是表格行模式,直接渲染子元素而不是包装div
|
|
20879
20876
|
|
|
20880
|
-
|
|
20881
|
-
|
|
20882
|
-
|
|
20883
|
-
|
|
20884
|
-
|
|
20885
|
-
|
|
20886
|
-
|
|
20887
|
-
|
|
20888
|
-
|
|
20889
|
-
|
|
20890
|
-
|
|
20891
|
-
|
|
20892
|
-
|
|
20893
|
-
|
|
20894
|
-
|
|
20895
|
-
|
|
20896
|
-
|
|
20897
|
-
|
|
20898
|
-
|
|
20899
|
-
|
|
20900
|
-
|
|
20901
|
-
|
|
20902
|
-
|
|
20903
|
-
|
|
20904
|
-
|
|
20905
|
-
|
|
20906
|
-
|
|
20907
|
-
|
|
20908
|
-
|
|
20909
|
-
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20910
|
-
}
|
|
20877
|
+
if (isTableRow) {
|
|
20878
|
+
return jsxs(DndContext, {
|
|
20879
|
+
sensors: sensors,
|
|
20880
|
+
collisionDetection: closestCenter,
|
|
20881
|
+
onDragStart: handleDragStart,
|
|
20882
|
+
onDragEnd: handleDragEnd,
|
|
20883
|
+
children: [jsx(SortableContext, {
|
|
20884
|
+
items: itemIds,
|
|
20885
|
+
strategy: sortingStrategy,
|
|
20886
|
+
children: items.map(function (item, index) {
|
|
20887
|
+
return jsx(SortableEnhancedItem, {
|
|
20888
|
+
item: item,
|
|
20889
|
+
index: index,
|
|
20890
|
+
enableAnimation: enableAnimation,
|
|
20891
|
+
direction: direction,
|
|
20892
|
+
renderDragHandle: renderDragHandle,
|
|
20893
|
+
isTableRow: isTableRow
|
|
20894
|
+
}, item.id);
|
|
20895
|
+
})
|
|
20896
|
+
}), jsx(DragOverlay, {
|
|
20897
|
+
dropAnimation: null,
|
|
20898
|
+
children: activeItem ? jsx("div", {
|
|
20899
|
+
className: "enhanced-sortDrag-overlay",
|
|
20900
|
+
children: renderDragPreview ? renderDragPreview(activeItem) : jsx("div", {
|
|
20901
|
+
className: "enhanced-sortDrag-overlay-row",
|
|
20902
|
+
children: jsx("span", {
|
|
20903
|
+
className: "enhanced-sortDrag-overlay-label",
|
|
20904
|
+
children: activeItem.label || activeItem.id || '拖拽中...'
|
|
20905
|
+
})
|
|
20911
20906
|
})
|
|
20912
|
-
})
|
|
20913
|
-
}, item.id);
|
|
20914
|
-
}
|
|
20915
|
-
|
|
20916
|
-
var itemClass = clsx("enhanced-dragItem", (_clsx = {
|
|
20917
|
-
dragging: isDragging,
|
|
20918
|
-
dropping: isDropping,
|
|
20919
|
-
disabled: !item.isChecked
|
|
20920
|
-
}, _clsx["direction-" + direction] = true, _clsx));
|
|
20921
|
-
return jsxs("div", {
|
|
20922
|
-
className: itemClass,
|
|
20923
|
-
ref: function ref(el) {
|
|
20924
|
-
if (el) {
|
|
20925
|
-
itemRefs.current.set(item.id, el);
|
|
20926
|
-
}
|
|
20927
|
-
},
|
|
20928
|
-
"data-drag-id": item.id,
|
|
20929
|
-
"data-drag-index": index,
|
|
20930
|
-
style: {
|
|
20931
|
-
transition: enableAnimation ? "all 0.3s ease" : "none"
|
|
20932
|
-
},
|
|
20933
|
-
children: [jsx("div", {
|
|
20934
|
-
className: "enhanced-dragBody",
|
|
20935
|
-
children: item.cpn
|
|
20936
|
-
}), jsx("div", {
|
|
20937
|
-
className: "enhanced-dragHandle",
|
|
20938
|
-
children: item.isChecked && (renderDragHandle ? renderDragHandle(item, isDragging) : renderDefaultDragHandle(item, isDragging))
|
|
20907
|
+
}) : null
|
|
20939
20908
|
})]
|
|
20940
|
-
}, item.id);
|
|
20941
|
-
}, [dragState, direction, enableAnimation, renderDragHandle, renderDefaultDragHandle, isTableRow]); // 如果是表格行模式,直接渲染子元素而不是包装div
|
|
20942
|
-
|
|
20943
|
-
if (isTableRow) {
|
|
20944
|
-
return jsx(Fragment, {
|
|
20945
|
-
children: items.map(renderDragItem)
|
|
20946
20909
|
});
|
|
20947
20910
|
}
|
|
20948
20911
|
|
|
20949
|
-
return
|
|
20950
|
-
|
|
20951
|
-
|
|
20912
|
+
return jsxs(DndContext, {
|
|
20913
|
+
sensors: sensors,
|
|
20914
|
+
collisionDetection: closestCenter,
|
|
20915
|
+
onDragStart: handleDragStart,
|
|
20916
|
+
onDragEnd: handleDragEnd,
|
|
20917
|
+
children: [jsx("div", {
|
|
20918
|
+
className: "enhanced-sortDrag direction-" + direction,
|
|
20919
|
+
children: jsx(SortableContext, {
|
|
20920
|
+
items: itemIds,
|
|
20921
|
+
strategy: sortingStrategy,
|
|
20922
|
+
children: items.map(function (item, index) {
|
|
20923
|
+
return jsx(SortableEnhancedItem, {
|
|
20924
|
+
item: item,
|
|
20925
|
+
index: index,
|
|
20926
|
+
enableAnimation: enableAnimation,
|
|
20927
|
+
direction: direction,
|
|
20928
|
+
renderDragHandle: renderDragHandle,
|
|
20929
|
+
isTableRow: isTableRow
|
|
20930
|
+
}, item.id);
|
|
20931
|
+
})
|
|
20932
|
+
})
|
|
20933
|
+
}), jsx(DragOverlay, {
|
|
20934
|
+
dropAnimation: null,
|
|
20935
|
+
children: activeItem ? jsx("div", {
|
|
20936
|
+
className: "enhanced-sortDrag-overlay",
|
|
20937
|
+
children: renderDragPreview ? renderDragPreview(activeItem) : jsx("div", {
|
|
20938
|
+
className: "enhanced-sortDrag-overlay-content",
|
|
20939
|
+
children: jsx("div", {
|
|
20940
|
+
className: "enhanced-sortDrag-overlay-body",
|
|
20941
|
+
children: activeItem.cpn
|
|
20942
|
+
})
|
|
20943
|
+
})
|
|
20944
|
+
}) : null
|
|
20945
|
+
})]
|
|
20952
20946
|
});
|
|
20953
20947
|
});
|
|
20954
20948
|
|
|
20955
|
-
function ownKeys$
|
|
20949
|
+
function ownKeys$e(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; }
|
|
20956
20950
|
|
|
20957
|
-
function _objectSpread$
|
|
20951
|
+
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20958
20952
|
|
|
20959
20953
|
function uuid(len, radix) {
|
|
20960
20954
|
if (len === void 0) {
|
|
@@ -21019,7 +21013,7 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21019
21013
|
}
|
|
21020
21014
|
|
|
21021
21015
|
var members = schema.arrayMember.objectFields || [// 成员是复杂结构
|
|
21022
|
-
_objectSpread$
|
|
21016
|
+
_objectSpread$e({
|
|
21023
21017
|
name: undefined
|
|
21024
21018
|
}, schema.arrayMember)]; // 成员是简单结构
|
|
21025
21019
|
// if(!members) {
|
|
@@ -21133,7 +21127,7 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21133
21127
|
return String(row.uniqueId) === item.id;
|
|
21134
21128
|
}); // 正常情况下一定能找到对应的行数据,因为我们是基于原始数据创建的拖拽项
|
|
21135
21129
|
|
|
21136
|
-
return _objectSpread$
|
|
21130
|
+
return _objectSpread$e({}, originalRow); // 使用 ! 断言,因为我们确信能找到匹配项
|
|
21137
21131
|
});
|
|
21138
21132
|
|
|
21139
21133
|
_BaseViewer.prototype.changeValueEx.call(_this, newData, true, true);
|
|
@@ -21257,9 +21251,9 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21257
21251
|
return AArrayGrid;
|
|
21258
21252
|
}(BaseViewer);
|
|
21259
21253
|
|
|
21260
|
-
function ownKeys$
|
|
21254
|
+
function ownKeys$d(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; }
|
|
21261
21255
|
|
|
21262
|
-
function _objectSpread$
|
|
21256
|
+
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21263
21257
|
var RANGE_FNAME = "_range";
|
|
21264
21258
|
/**
|
|
21265
21259
|
* 经历,可以用于教育经历、工作经历等
|
|
@@ -21284,7 +21278,7 @@ var AExperience = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21284
21278
|
_proto._submitData = function _submitData(arrayGridData, sort) {
|
|
21285
21279
|
// 修改后,把数据转换回来再提交
|
|
21286
21280
|
var experienceData = arrayGridData.map(function (e) {
|
|
21287
|
-
var item = _objectSpread$
|
|
21281
|
+
var item = _objectSpread$d(_objectSpread$d({}, e), {}, {
|
|
21288
21282
|
from: _.get(e, RANGE_FNAME + "[0]"),
|
|
21289
21283
|
to: _.get(e, RANGE_FNAME + "[1]"),
|
|
21290
21284
|
tillNow: _.get(e, RANGE_FNAME + "[2]")
|
|
@@ -21620,9 +21614,9 @@ var AArray = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21620
21614
|
|
|
21621
21615
|
var _excluded = ["checkedIcon", "uncheckedIcon", "indeterminateIcon", "children", "iconSize", "iconColor", "className", "style", "checked", "indeterminate", "disabled"];
|
|
21622
21616
|
|
|
21623
|
-
function ownKeys$
|
|
21617
|
+
function ownKeys$c(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; }
|
|
21624
21618
|
|
|
21625
|
-
function _objectSpread$
|
|
21619
|
+
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21626
21620
|
|
|
21627
21621
|
var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
21628
21622
|
var _ref$checkedIcon = _ref.checkedIcon,
|
|
@@ -21663,7 +21657,7 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21663
21657
|
var currentIcon = getCurrentIcon(); // 如果没有自定义图标,使用默认的 Checkbox
|
|
21664
21658
|
|
|
21665
21659
|
if (!currentIcon) {
|
|
21666
|
-
return jsx(Checkbox, _objectSpread$
|
|
21660
|
+
return jsx(Checkbox, _objectSpread$c(_objectSpread$c({
|
|
21667
21661
|
className: className,
|
|
21668
21662
|
style: style,
|
|
21669
21663
|
checked: checked,
|
|
@@ -21712,7 +21706,7 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21712
21706
|
transition: "all 0.3s"
|
|
21713
21707
|
};
|
|
21714
21708
|
|
|
21715
|
-
var wrapperStyle = _objectSpread$
|
|
21709
|
+
var wrapperStyle = _objectSpread$c({
|
|
21716
21710
|
display: "inline-flex",
|
|
21717
21711
|
alignItems: "center",
|
|
21718
21712
|
cursor: disabled ? "not-allowed" : "pointer",
|
|
@@ -21753,137 +21747,137 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21753
21747
|
});
|
|
21754
21748
|
};
|
|
21755
21749
|
|
|
21750
|
+
function ownKeys$b(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; }
|
|
21751
|
+
|
|
21752
|
+
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21753
|
+
var SortableItem = /*#__PURE__*/memo(function (_ref) {
|
|
21754
|
+
var item = _ref.item;
|
|
21755
|
+
|
|
21756
|
+
var _useSortable = useSortable({
|
|
21757
|
+
id: item.id,
|
|
21758
|
+
disabled: !item.isChecked
|
|
21759
|
+
}),
|
|
21760
|
+
attributes = _useSortable.attributes,
|
|
21761
|
+
listeners = _useSortable.listeners,
|
|
21762
|
+
setNodeRef = _useSortable.setNodeRef,
|
|
21763
|
+
transform = _useSortable.transform,
|
|
21764
|
+
transition = _useSortable.transition,
|
|
21765
|
+
isDragging = _useSortable.isDragging;
|
|
21766
|
+
|
|
21767
|
+
var style = {
|
|
21768
|
+
transform: CSS.Transform.toString(transform),
|
|
21769
|
+
transition: transition,
|
|
21770
|
+
opacity: isDragging ? 0 : 1
|
|
21771
|
+
};
|
|
21772
|
+
var itemClass = clsx("dragItem", {
|
|
21773
|
+
dragging: isDragging
|
|
21774
|
+
});
|
|
21775
|
+
return jsxs("div", {
|
|
21776
|
+
className: itemClass,
|
|
21777
|
+
ref: setNodeRef,
|
|
21778
|
+
style: style,
|
|
21779
|
+
children: [jsx("div", {
|
|
21780
|
+
className: "dragBody",
|
|
21781
|
+
children: item.cpn
|
|
21782
|
+
}), jsx("div", {
|
|
21783
|
+
children: item.isChecked ? jsx("div", _objectSpread$b(_objectSpread$b(_objectSpread$b({
|
|
21784
|
+
className: "dragHandleWrapper"
|
|
21785
|
+
}, attributes), listeners), {}, {
|
|
21786
|
+
children: jsx(HolderOutlined, {
|
|
21787
|
+
className: "dragHandleIcon"
|
|
21788
|
+
})
|
|
21789
|
+
})) : null
|
|
21790
|
+
})]
|
|
21791
|
+
});
|
|
21792
|
+
});
|
|
21793
|
+
SortableItem.displayName = "SortableItem";
|
|
21756
21794
|
var SortDrag = /*#__PURE__*/memo(function (props) {
|
|
21757
21795
|
var sortList = props.sortList,
|
|
21758
21796
|
changeOriginDataSource = props.changeOriginDataSource;
|
|
21759
21797
|
|
|
21760
21798
|
var _useState = useState(sortList),
|
|
21761
21799
|
items = _useState[0],
|
|
21762
|
-
setItems = _useState[1];
|
|
21763
|
-
|
|
21800
|
+
setItems = _useState[1];
|
|
21764
21801
|
|
|
21765
21802
|
var _useState2 = useState(null),
|
|
21766
|
-
|
|
21767
|
-
|
|
21768
|
-
|
|
21769
|
-
|
|
21770
|
-
var _useState3 = useState(null),
|
|
21771
|
-
droppingId = _useState3[0],
|
|
21772
|
-
setDroppingId = _useState3[1]; // refs 用于绑定每个 item 的 DOM
|
|
21803
|
+
activeId = _useState2[0],
|
|
21804
|
+
setActiveId = _useState2[1]; // 同步外部 sortList 变化到内部状态
|
|
21773
21805
|
|
|
21774
21806
|
|
|
21775
|
-
var itemRefs = useRef({}); // 修改:为每个 item 单独管理 dragHandle ref
|
|
21776
|
-
|
|
21777
|
-
var dragHandleRefs = useRef({}); // 注册拖拽和 drop target
|
|
21778
|
-
|
|
21779
21807
|
useEffect(function () {
|
|
21780
|
-
|
|
21781
|
-
|
|
21782
|
-
|
|
21783
|
-
|
|
21784
|
-
|
|
21785
|
-
|
|
21786
|
-
|
|
21787
|
-
|
|
21788
|
-
|
|
21789
|
-
|
|
21790
|
-
|
|
21791
|
-
|
|
21792
|
-
|
|
21793
|
-
|
|
21794
|
-
id: item.id,
|
|
21795
|
-
index: idx,
|
|
21796
|
-
label: item.label
|
|
21797
|
-
};
|
|
21798
|
-
},
|
|
21799
|
-
onDragStart: function onDragStart() {
|
|
21800
|
-
return setDraggingId(item.id);
|
|
21801
|
-
},
|
|
21802
|
-
onDrop: function onDrop() {
|
|
21803
|
-
return setDraggingId(null);
|
|
21804
|
-
}
|
|
21805
|
-
})); // 注册为 drop target
|
|
21808
|
+
setItems(sortList);
|
|
21809
|
+
}, [sortList]);
|
|
21810
|
+
var sensors = useSensors(useSensor(TouchSensor, {
|
|
21811
|
+
activationConstraint: {
|
|
21812
|
+
delay: 200,
|
|
21813
|
+
tolerance: 5
|
|
21814
|
+
}
|
|
21815
|
+
}), useSensor(PointerSensor, {
|
|
21816
|
+
activationConstraint: {
|
|
21817
|
+
distance: 10
|
|
21818
|
+
}
|
|
21819
|
+
}), useSensor(KeyboardSensor, {
|
|
21820
|
+
coordinateGetter: sortableKeyboardCoordinates
|
|
21821
|
+
}));
|
|
21806
21822
|
|
|
21807
|
-
|
|
21808
|
-
|
|
21809
|
-
|
|
21810
|
-
return item.isChecked;
|
|
21811
|
-
},
|
|
21812
|
-
onDragEnter: function onDragEnter(args) {
|
|
21813
|
-
var fromIdx = items.findIndex(function (i) {
|
|
21814
|
-
return i.id === args.source.data.id;
|
|
21815
|
-
});
|
|
21816
|
-
if (fromIdx === idx) return;
|
|
21817
|
-
console.log("当前hover元素", item.id);
|
|
21818
|
-
console.log("当前拖拽元素", args);
|
|
21819
|
-
setDroppingId(item.id);
|
|
21820
|
-
},
|
|
21821
|
-
onDragLeave: function onDragLeave() {
|
|
21822
|
-
setDroppingId(null);
|
|
21823
|
-
},
|
|
21824
|
-
onDrop: function onDrop(_ref) {
|
|
21825
|
-
var source = _ref.source;
|
|
21826
|
-
// console.log("当前拖拽元素", source);
|
|
21827
|
-
if (!source) return;
|
|
21828
|
-
var fromIdx = items.findIndex(function (i) {
|
|
21829
|
-
return i.id === source.data.id;
|
|
21830
|
-
});
|
|
21831
|
-
var toIdx = idx;
|
|
21832
|
-
if (fromIdx === -1 || fromIdx === toIdx) return;
|
|
21833
|
-
var newItems = [].concat(items);
|
|
21834
|
-
|
|
21835
|
-
var _newItems$splice = newItems.splice(fromIdx, 1),
|
|
21836
|
-
moved = _newItems$splice[0];
|
|
21837
|
-
|
|
21838
|
-
newItems.splice(toIdx, 0, moved);
|
|
21839
|
-
console.log("排序之后的数据", newItems);
|
|
21840
|
-
setItems(newItems);
|
|
21841
|
-
changeOriginDataSource(newItems);
|
|
21842
|
-
setDroppingId(null);
|
|
21843
|
-
}
|
|
21844
|
-
}));
|
|
21845
|
-
}); // 监听全局拖拽,拖拽结束时清理 draggingId
|
|
21823
|
+
var handleDragStart = function handleDragStart(event) {
|
|
21824
|
+
setActiveId(event.active.id);
|
|
21825
|
+
};
|
|
21846
21826
|
|
|
21847
|
-
|
|
21848
|
-
|
|
21849
|
-
|
|
21850
|
-
|
|
21827
|
+
var handleDragEnd = function handleDragEnd(event) {
|
|
21828
|
+
var active = event.active,
|
|
21829
|
+
over = event.over;
|
|
21830
|
+
setActiveId(null);
|
|
21831
|
+
if (!over || active.id === over.id) return;
|
|
21832
|
+
var oldIndex = items.findIndex(function (item) {
|
|
21833
|
+
return item.id === active.id;
|
|
21851
21834
|
});
|
|
21852
|
-
|
|
21853
|
-
|
|
21854
|
-
|
|
21855
|
-
|
|
21856
|
-
|
|
21857
|
-
|
|
21858
|
-
|
|
21859
|
-
|
|
21860
|
-
|
|
21861
|
-
|
|
21862
|
-
|
|
21863
|
-
|
|
21864
|
-
|
|
21865
|
-
|
|
21866
|
-
|
|
21867
|
-
|
|
21868
|
-
|
|
21869
|
-
|
|
21870
|
-
|
|
21871
|
-
|
|
21872
|
-
|
|
21873
|
-
|
|
21874
|
-
|
|
21875
|
-
|
|
21876
|
-
|
|
21877
|
-
|
|
21878
|
-
|
|
21879
|
-
|
|
21880
|
-
|
|
21881
|
-
|
|
21882
|
-
|
|
21883
|
-
|
|
21884
|
-
|
|
21885
|
-
|
|
21886
|
-
|
|
21835
|
+
var newIndex = items.findIndex(function (item) {
|
|
21836
|
+
return item.id === over.id;
|
|
21837
|
+
});
|
|
21838
|
+
if (oldIndex === -1 || newIndex === -1) return;
|
|
21839
|
+
var newItems = arrayMove(items, oldIndex, newIndex);
|
|
21840
|
+
setItems(newItems);
|
|
21841
|
+
changeOriginDataSource(newItems);
|
|
21842
|
+
};
|
|
21843
|
+
|
|
21844
|
+
var activeItem = items.find(function (item) {
|
|
21845
|
+
return item.id === activeId;
|
|
21846
|
+
});
|
|
21847
|
+
return jsxs(DndContext, {
|
|
21848
|
+
sensors: sensors,
|
|
21849
|
+
collisionDetection: closestCenter,
|
|
21850
|
+
onDragStart: handleDragStart,
|
|
21851
|
+
onDragEnd: handleDragEnd,
|
|
21852
|
+
children: [jsx(SortableContext, {
|
|
21853
|
+
items: items,
|
|
21854
|
+
strategy: verticalListSortingStrategy,
|
|
21855
|
+
children: jsx("div", {
|
|
21856
|
+
className: "sortDrag",
|
|
21857
|
+
children: items.map(function (item) {
|
|
21858
|
+
return jsx(SortableItem, {
|
|
21859
|
+
item: item
|
|
21860
|
+
}, item.id);
|
|
21861
|
+
})
|
|
21862
|
+
})
|
|
21863
|
+
}), jsx(DragOverlay, {
|
|
21864
|
+
dropAnimation: null,
|
|
21865
|
+
children: activeItem ? jsx("div", {
|
|
21866
|
+
className: "sortDrag-overlay",
|
|
21867
|
+
children: jsxs("div", {
|
|
21868
|
+
className: "sortDrag-overlay-inner",
|
|
21869
|
+
children: [jsx("div", {
|
|
21870
|
+
className: "dragBody",
|
|
21871
|
+
children: activeItem.cpn
|
|
21872
|
+
}), jsx("div", {
|
|
21873
|
+
className: "sortDrag-overlay-handle",
|
|
21874
|
+
children: jsx(HolderOutlined, {
|
|
21875
|
+
className: "sortDrag-overlay-handleIcon"
|
|
21876
|
+
})
|
|
21877
|
+
})]
|
|
21878
|
+
})
|
|
21879
|
+
}) : null
|
|
21880
|
+
})]
|
|
21887
21881
|
});
|
|
21888
21882
|
});
|
|
21889
21883
|
|
|
@@ -23005,8 +22999,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23005
22999
|
_proto._data2rangePicker = function _data2rangePicker(d) {
|
|
23006
23000
|
var _this$props$schema$da2;
|
|
23007
23001
|
|
|
23008
|
-
var dataFormat = (_this$props$schema$da2 = this.props.schema.dataFormat) != null ? _this$props$schema$da2 : "x";
|
|
23009
|
-
|
|
23002
|
+
var dataFormat = (_this$props$schema$da2 = this.props.schema.dataFormat) != null ? _this$props$schema$da2 : "x"; // 若 tillNow=true,结束时间传 null,避免 RangePicker 缓存旧结束时间
|
|
23003
|
+
|
|
23004
|
+
var endTime = d[2] === true ? null : d[1] ? moment(d[1], dataFormat) : null;
|
|
23005
|
+
return [d[0] ? moment(d[0], dataFormat) : null, endTime];
|
|
23010
23006
|
};
|
|
23011
23007
|
|
|
23012
23008
|
_proto.element = function element() {
|
|
@@ -23129,7 +23125,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23129
23125
|
} else if (precision === 'month') {
|
|
23130
23126
|
extraProps.picker = 'month';
|
|
23131
23127
|
} else if (pcShowTime) {
|
|
23132
|
-
|
|
23128
|
+
// precision 为 minute 时只展示时分,不展示秒
|
|
23129
|
+
extraProps.showTime = precision === 'minute' ? {
|
|
23130
|
+
format: 'HH:mm'
|
|
23131
|
+
} : true;
|
|
23133
23132
|
} // 构造元素
|
|
23134
23133
|
|
|
23135
23134
|
|
|
@@ -23173,7 +23172,20 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23173
23172
|
_this2._onCalendarChangeValue = d;
|
|
23174
23173
|
},
|
|
23175
23174
|
onChange: function onChange(vv) {
|
|
23176
|
-
|
|
23175
|
+
// 用户清空日期范围时,直接置空
|
|
23176
|
+
if (!vv) {
|
|
23177
|
+
_Viewer.prototype.changeValueEx.call(_this2, undefined, true, true);
|
|
23178
|
+
|
|
23179
|
+
return;
|
|
23180
|
+
}
|
|
23181
|
+
|
|
23182
|
+
var currentData = _Viewer.prototype.getValue.call(_this2);
|
|
23183
|
+
|
|
23184
|
+
var isTillNow = _.get(currentData, '[2]') === true; // 若当前是"至今"且用户只改了开始时间(结束时间仍为 null),保留 tillNow
|
|
23185
|
+
|
|
23186
|
+
var newTillNow = isTillNow && vv[1] == null;
|
|
23187
|
+
|
|
23188
|
+
_Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(vv, newTillNow), true, true);
|
|
23177
23189
|
}
|
|
23178
23190
|
}, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da7 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da7 : 'day'));
|
|
23179
23191
|
}
|