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/lib/m3.js
CHANGED
|
@@ -17,7 +17,9 @@ var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitializ
|
|
|
17
17
|
var icons = require('@ant-design/icons');
|
|
18
18
|
var TextArea = require('antd/lib/input/TextArea');
|
|
19
19
|
var Select = require('antd/lib/select');
|
|
20
|
-
var
|
|
20
|
+
var core = require('@dnd-kit/core');
|
|
21
|
+
var sortable = require('@dnd-kit/sortable');
|
|
22
|
+
var utilities = require('@dnd-kit/utilities');
|
|
21
23
|
var clsx = require('clsx');
|
|
22
24
|
var Button = require('antd/lib/button');
|
|
23
25
|
var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
|
|
@@ -49,9 +51,9 @@ var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
|
|
|
49
51
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
50
52
|
var OSS__default = /*#__PURE__*/_interopDefaultLegacy(OSS);
|
|
51
53
|
|
|
52
|
-
function ownKeys$
|
|
54
|
+
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; }
|
|
53
55
|
|
|
54
|
-
function _objectSpread$
|
|
56
|
+
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__default["default"](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; }
|
|
55
57
|
|
|
56
58
|
function generateQueryStr(obj) {
|
|
57
59
|
if (obj === void 0) {
|
|
@@ -85,7 +87,7 @@ var Ajax = {
|
|
|
85
87
|
var args = {
|
|
86
88
|
method: method,
|
|
87
89
|
body: JSON.stringify(body),
|
|
88
|
-
headers: _objectSpread$
|
|
90
|
+
headers: _objectSpread$z({
|
|
89
91
|
'Content-Type': 'application/json'
|
|
90
92
|
}, headers)
|
|
91
93
|
};
|
|
@@ -1808,9 +1810,9 @@ var CompactArray = {
|
|
|
1808
1810
|
|
|
1809
1811
|
var MContext = /*#__PURE__*/React__default["default"].createContext(undefined);
|
|
1810
1812
|
|
|
1811
|
-
function ownKeys$
|
|
1813
|
+
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; }
|
|
1812
1814
|
|
|
1813
|
-
function _objectSpread$
|
|
1815
|
+
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__default["default"](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; }
|
|
1814
1816
|
/**
|
|
1815
1817
|
* 一个字段的视图
|
|
1816
1818
|
*/
|
|
@@ -1833,7 +1835,7 @@ var MFieldViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1833
1835
|
return MUtil.error("\u5B57\u6BB5\u7684\u89C6\u56FE\u5C1A\u672A\u5B9E\u73B0", this.props.schema);
|
|
1834
1836
|
}
|
|
1835
1837
|
|
|
1836
|
-
var props = _objectSpread$
|
|
1838
|
+
var props = _objectSpread$y({
|
|
1837
1839
|
afterChange: function afterChange() {},
|
|
1838
1840
|
changeSchema: function changeSchema() {},
|
|
1839
1841
|
changeDatabase: function changeDatabase() {},
|
|
@@ -16553,9 +16555,9 @@ var BaseViewer = /*#__PURE__*/function (_Viewer) {
|
|
|
16553
16555
|
return BaseViewer;
|
|
16554
16556
|
}(Viewer);
|
|
16555
16557
|
|
|
16556
|
-
function ownKeys$
|
|
16558
|
+
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; }
|
|
16557
16559
|
|
|
16558
|
-
function _objectSpread$
|
|
16560
|
+
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__default["default"](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; }
|
|
16559
16561
|
var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
16560
16562
|
_inheritsLoose__default["default"](ArrayViewer, _BaseViewer);
|
|
16561
16563
|
|
|
@@ -16573,35 +16575,35 @@ var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16573
16575
|
|
|
16574
16576
|
if (___default["default"].isNil(vs)) {
|
|
16575
16577
|
return jsxRuntime.jsx("div", {
|
|
16576
|
-
style: _objectSpread$
|
|
16578
|
+
style: _objectSpread$x({}, s),
|
|
16577
16579
|
children: assembly.theme.READABLE_BLANK
|
|
16578
16580
|
});
|
|
16579
16581
|
} else if (!___default["default"].isArray(vs)) {
|
|
16580
16582
|
return jsxRuntime.jsx("div", {
|
|
16581
|
-
style: _objectSpread$
|
|
16583
|
+
style: _objectSpread$x({}, s),
|
|
16582
16584
|
children: assembly.theme.READABLE_INVALID
|
|
16583
16585
|
});
|
|
16584
16586
|
} else if (vs.length === 0) {
|
|
16585
16587
|
return jsxRuntime.jsx("div", {
|
|
16586
|
-
style: _objectSpread$
|
|
16588
|
+
style: _objectSpread$x({}, s),
|
|
16587
16589
|
children: assembly.theme.READABLE_BLANK
|
|
16588
16590
|
});
|
|
16589
16591
|
}
|
|
16590
16592
|
|
|
16591
16593
|
if (this.props.schema.toReadable) {
|
|
16592
16594
|
return jsxRuntime.jsxs("div", {
|
|
16593
|
-
children: [" style=", _objectSpread$
|
|
16595
|
+
children: [" style=", _objectSpread$x({}, s), assembly.toReadable(this.props.schema, vs, _BaseViewer.prototype.getParentValue.call(this))]
|
|
16594
16596
|
});
|
|
16595
16597
|
} else if (this.props.schema.remote) {
|
|
16596
16598
|
return jsxRuntime.jsxs("div", {
|
|
16597
|
-
style: _objectSpread$
|
|
16599
|
+
style: _objectSpread$x({}, s),
|
|
16598
16600
|
children: [" ", vs.map(function (v) {
|
|
16599
16601
|
return v.label;
|
|
16600
16602
|
}).join(", "), " "]
|
|
16601
16603
|
});
|
|
16602
16604
|
} else if (!this.props.schema.arrayMember) {
|
|
16603
16605
|
return jsxRuntime.jsx("div", {
|
|
16604
|
-
style: _objectSpread$
|
|
16606
|
+
style: _objectSpread$x({}, s),
|
|
16605
16607
|
children: vs.join(', ')
|
|
16606
16608
|
});
|
|
16607
16609
|
} else {
|
|
@@ -16644,9 +16646,9 @@ var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16644
16646
|
return ArrayViewer;
|
|
16645
16647
|
}(BaseViewer);
|
|
16646
16648
|
|
|
16647
|
-
function ownKeys$
|
|
16649
|
+
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; }
|
|
16648
16650
|
|
|
16649
|
-
function _objectSpread$
|
|
16651
|
+
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__default["default"](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; }
|
|
16650
16652
|
|
|
16651
16653
|
function toPrecision(mode) {
|
|
16652
16654
|
switch (mode) {
|
|
@@ -16726,7 +16728,7 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16726
16728
|
});
|
|
16727
16729
|
},
|
|
16728
16730
|
children: dataAsDate ? moment__default["default"](dataAsDate).format(antConf.readableFormat) : "请点击选择"
|
|
16729
|
-
}), jsxRuntime.jsx(antdMobile.DatePicker, _objectSpread$
|
|
16731
|
+
}), jsxRuntime.jsx(antdMobile.DatePicker, _objectSpread$w({
|
|
16730
16732
|
visible: this.state.pickerVisible,
|
|
16731
16733
|
value: dataAsDate,
|
|
16732
16734
|
min: this.props.schema.min ? moment__default["default"](this.props.schema.min, antConf.dataFormat).toDate() : undefined,
|
|
@@ -16754,7 +16756,7 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16754
16756
|
var pickerKey = this.props.path + "_" + ((_antConf$mode = antConf.mode) != null ? _antConf$mode : "datetime");
|
|
16755
16757
|
return jsxRuntime.jsx(antd.ConfigProvider, {
|
|
16756
16758
|
locale: zhCN__default["default"],
|
|
16757
|
-
children: jsxRuntime.jsx(antd.DatePicker, _objectSpread$
|
|
16759
|
+
children: jsxRuntime.jsx(antd.DatePicker, _objectSpread$w({
|
|
16758
16760
|
disabled: this.props.disable,
|
|
16759
16761
|
bordered: this.props.hideBorder ? false : true,
|
|
16760
16762
|
disabledDate: function disabledDate(m) {
|
|
@@ -16777,9 +16779,9 @@ var ADatetimePicker = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16777
16779
|
return ADatetimePicker;
|
|
16778
16780
|
}(BaseViewer);
|
|
16779
16781
|
|
|
16780
|
-
function ownKeys$
|
|
16782
|
+
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; }
|
|
16781
16783
|
|
|
16782
|
-
function _objectSpread$
|
|
16784
|
+
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__default["default"](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; }
|
|
16783
16785
|
/**
|
|
16784
16786
|
* 选择中国的省市县
|
|
16785
16787
|
* 示例:{label:"1.5 您目前的居住地",name:"reside", type:"gb2260"},
|
|
@@ -16827,7 +16829,7 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16827
16829
|
});
|
|
16828
16830
|
},
|
|
16829
16831
|
children: looked == null ? void 0 : (_looked$label = looked.label) == null ? void 0 : _looked$label.join("/")
|
|
16830
|
-
}), jsxRuntime.jsx(antdMobile.Picker, _objectSpread$
|
|
16832
|
+
}), jsxRuntime.jsx(antdMobile.Picker, _objectSpread$v({
|
|
16831
16833
|
columns: MGB2260Type.gb2260,
|
|
16832
16834
|
value: looked.code,
|
|
16833
16835
|
visible: this.state.pickerVisible,
|
|
@@ -16847,7 +16849,7 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16847
16849
|
});
|
|
16848
16850
|
} else {
|
|
16849
16851
|
// PC
|
|
16850
|
-
return jsxRuntime.jsx(antd.Cascader, _objectSpread$
|
|
16852
|
+
return jsxRuntime.jsx(antd.Cascader, _objectSpread$v({
|
|
16851
16853
|
options: MGB2260Type.gb2260,
|
|
16852
16854
|
disabled: this.props.disable,
|
|
16853
16855
|
placeholder: _BaseViewer.prototype.getPlaceholder.call(this),
|
|
@@ -16865,9 +16867,9 @@ var AGB2260 = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16865
16867
|
return AGB2260;
|
|
16866
16868
|
}(BaseViewer);
|
|
16867
16869
|
|
|
16868
|
-
function ownKeys$
|
|
16870
|
+
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; }
|
|
16869
16871
|
|
|
16870
|
-
function _objectSpread$
|
|
16872
|
+
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__default["default"](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; }
|
|
16871
16873
|
|
|
16872
16874
|
var OPEN_ENUM_RADIO_VALUE = -1;
|
|
16873
16875
|
/**
|
|
@@ -16976,7 +16978,7 @@ var ARadio = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16976
16978
|
}
|
|
16977
16979
|
|
|
16978
16980
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16979
|
-
return jsxRuntime.jsx(antd.Radio.Group, _objectSpread$
|
|
16981
|
+
return jsxRuntime.jsx(antd.Radio.Group, _objectSpread$u(_objectSpread$u({
|
|
16980
16982
|
defaultValue: initIndex,
|
|
16981
16983
|
onChange: function onChange(vv) {
|
|
16982
16984
|
var v = vv.target.value;
|
|
@@ -16999,9 +17001,9 @@ var ARadio = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16999
17001
|
return ARadio;
|
|
17000
17002
|
}(BaseViewer);
|
|
17001
17003
|
|
|
17002
|
-
function ownKeys$
|
|
17004
|
+
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; }
|
|
17003
17005
|
|
|
17004
|
-
function _objectSpread$
|
|
17006
|
+
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__default["default"](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; }
|
|
17005
17007
|
/**
|
|
17006
17008
|
* antd 的评分组件 https://ant.design/components/rate-cn/
|
|
17007
17009
|
* { editor: 'ARate', name: 'score', label: "评分", required: true, props: {count: 8} }
|
|
@@ -17026,7 +17028,7 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17026
17028
|
|
|
17027
17029
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17028
17030
|
|
|
17029
|
-
var props = _objectSpread$
|
|
17031
|
+
var props = _objectSpread$t({
|
|
17030
17032
|
count: this.props.schema.max,
|
|
17031
17033
|
defaultValue: this.value,
|
|
17032
17034
|
onChange: function onChange(value, label, extra) {
|
|
@@ -17056,7 +17058,7 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17056
17058
|
className: "m3-nps-tip-right",
|
|
17057
17059
|
children: p.rightTip
|
|
17058
17060
|
})]
|
|
17059
|
-
}) : null, jsxRuntime.jsx(antd.Rate, _objectSpread$
|
|
17061
|
+
}) : null, jsxRuntime.jsx(antd.Rate, _objectSpread$t({
|
|
17060
17062
|
className: "m3-nps-rate"
|
|
17061
17063
|
}, props))]
|
|
17062
17064
|
});
|
|
@@ -17065,9 +17067,9 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17065
17067
|
return ARate;
|
|
17066
17068
|
}(BaseViewer);
|
|
17067
17069
|
|
|
17068
|
-
function ownKeys$
|
|
17070
|
+
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; }
|
|
17069
17071
|
|
|
17070
|
-
function _objectSpread$
|
|
17072
|
+
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__default["default"](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; }
|
|
17071
17073
|
/**
|
|
17072
17074
|
* antd 的上传组件 https://ant.design/components/upload-cn/
|
|
17073
17075
|
* {
|
|
@@ -17147,7 +17149,7 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17147
17149
|
});
|
|
17148
17150
|
}
|
|
17149
17151
|
|
|
17150
|
-
var props = _objectSpread$
|
|
17152
|
+
var props = _objectSpread$s(_objectSpread$s({}, a), {}, {
|
|
17151
17153
|
onChange: function onChange(info) {
|
|
17152
17154
|
if (p.onChange) p.onChange(info);
|
|
17153
17155
|
console.log(info);
|
|
@@ -17209,7 +17211,7 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17209
17211
|
}
|
|
17210
17212
|
}, p);
|
|
17211
17213
|
|
|
17212
|
-
return jsxRuntime.jsx(antd.Upload, _objectSpread$
|
|
17214
|
+
return jsxRuntime.jsx(antd.Upload, _objectSpread$s(_objectSpread$s({
|
|
17213
17215
|
disabled: this.loading !== undefined
|
|
17214
17216
|
}, props), {}, {
|
|
17215
17217
|
children: jsxRuntime.jsx(antd.Button, {
|
|
@@ -17222,9 +17224,9 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17222
17224
|
return AUpload;
|
|
17223
17225
|
}(BaseViewer);
|
|
17224
17226
|
|
|
17225
|
-
function ownKeys$
|
|
17227
|
+
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; }
|
|
17226
17228
|
|
|
17227
|
-
function _objectSpread$
|
|
17229
|
+
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__default["default"](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; }
|
|
17228
17230
|
/**
|
|
17229
17231
|
* antd 的树型选择控件 https://ant.design/components/tree-select-cn/
|
|
17230
17232
|
* {
|
|
@@ -17256,7 +17258,7 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17256
17258
|
|
|
17257
17259
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17258
17260
|
|
|
17259
|
-
var props = _objectSpread$
|
|
17261
|
+
var props = _objectSpread$r({
|
|
17260
17262
|
defaultValue: this.value,
|
|
17261
17263
|
onChange: function onChange(value, label, extra) {
|
|
17262
17264
|
if (p.onChange) p.onChange(value, label, extra);
|
|
@@ -17270,7 +17272,7 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17270
17272
|
}
|
|
17271
17273
|
}, p);
|
|
17272
17274
|
|
|
17273
|
-
return jsxRuntime.jsx(antd.TreeSelect, _objectSpread$
|
|
17275
|
+
return jsxRuntime.jsx(antd.TreeSelect, _objectSpread$r({
|
|
17274
17276
|
style: {
|
|
17275
17277
|
width: "100%"
|
|
17276
17278
|
}
|
|
@@ -17280,9 +17282,9 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17280
17282
|
return ATreeSelect;
|
|
17281
17283
|
}(BaseViewer);
|
|
17282
17284
|
|
|
17283
|
-
function ownKeys$
|
|
17285
|
+
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; }
|
|
17284
17286
|
|
|
17285
|
-
function _objectSpread$
|
|
17287
|
+
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__default["default"](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; }
|
|
17286
17288
|
/**
|
|
17287
17289
|
* NPS 打分组件,基于 antd 的评分组件 https://ant.design/components/rate-cn/
|
|
17288
17290
|
* 定义示例:{ editor: 'NPS', name: 'possibility', label: "您向朋友或同事推荐本堂课程的可能性有多大?", required: true },
|
|
@@ -17310,7 +17312,7 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17310
17312
|
|
|
17311
17313
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17312
17314
|
|
|
17313
|
-
var props = _objectSpread$
|
|
17315
|
+
var props = _objectSpread$q({
|
|
17314
17316
|
count: 11,
|
|
17315
17317
|
character: function character(_ref) {
|
|
17316
17318
|
var index = _ref.index;
|
|
@@ -17343,7 +17345,7 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17343
17345
|
className: "m3-nps-tip-right",
|
|
17344
17346
|
children: (_p$rightTip = p.rightTip) != null ? _p$rightTip : '极有可能'
|
|
17345
17347
|
})]
|
|
17346
|
-
}), jsxRuntime.jsx(antd.Rate, _objectSpread$
|
|
17348
|
+
}), jsxRuntime.jsx(antd.Rate, _objectSpread$q({
|
|
17347
17349
|
className: "m3-nps-rate"
|
|
17348
17350
|
}, props)), p.remark ? jsxRuntime.jsx("div", {
|
|
17349
17351
|
className: "m3-nps-remark",
|
|
@@ -17355,9 +17357,9 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17355
17357
|
return NPS;
|
|
17356
17358
|
}(BaseViewer);
|
|
17357
17359
|
|
|
17358
|
-
function ownKeys$
|
|
17360
|
+
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; }
|
|
17359
17361
|
|
|
17360
|
-
function _objectSpread$
|
|
17362
|
+
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__default["default"](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; }
|
|
17361
17363
|
/**
|
|
17362
17364
|
* 输入整数的输入框
|
|
17363
17365
|
* 定义示例:{label:"2.3 请问今年以来您平均每月工作多少天?",name:"workdayPerMonth", type:"int"},
|
|
@@ -17378,9 +17380,9 @@ var AIntBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17378
17380
|
|
|
17379
17381
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17380
17382
|
|
|
17381
|
-
var props = _objectSpread$
|
|
17383
|
+
var props = _objectSpread$p(_objectSpread$p({}, _BaseViewer.prototype.antProp.call(this)), {}, {
|
|
17382
17384
|
bordered: undefined,
|
|
17383
|
-
style: _objectSpread$
|
|
17385
|
+
style: _objectSpread$p({
|
|
17384
17386
|
border: this.props.hideBorder ? "none" : undefined
|
|
17385
17387
|
}, this.props.style),
|
|
17386
17388
|
min: this.props.schema.min,
|
|
@@ -17407,7 +17409,7 @@ var AIntBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17407
17409
|
}
|
|
17408
17410
|
}, p);
|
|
17409
17411
|
|
|
17410
|
-
return jsxRuntime.jsx(antd.InputNumber, _objectSpread$
|
|
17412
|
+
return jsxRuntime.jsx(antd.InputNumber, _objectSpread$p({}, props));
|
|
17411
17413
|
};
|
|
17412
17414
|
|
|
17413
17415
|
return AIntBox;
|
|
@@ -17576,9 +17578,9 @@ var ACheckBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17576
17578
|
return ACheckBox;
|
|
17577
17579
|
}(BaseViewer);
|
|
17578
17580
|
|
|
17579
|
-
function ownKeys$
|
|
17581
|
+
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; }
|
|
17580
17582
|
|
|
17581
|
-
function _objectSpread$
|
|
17583
|
+
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__default["default"](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; }
|
|
17582
17584
|
var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
17583
17585
|
_inheritsLoose__default["default"](AInputBox, _BaseViewer);
|
|
17584
17586
|
|
|
@@ -17600,7 +17602,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17600
17602
|
var lines = (_this$props$schema$st = this.props.schema.stringLines) != null ? _this$props$schema$st : 1;
|
|
17601
17603
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17602
17604
|
|
|
17603
|
-
var commonProps = _objectSpread$
|
|
17605
|
+
var commonProps = _objectSpread$o({
|
|
17604
17606
|
defaultValue: this.getValue(),
|
|
17605
17607
|
key: this.props.path,
|
|
17606
17608
|
onChange: function onChange(v) {
|
|
@@ -17631,13 +17633,13 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17631
17633
|
});
|
|
17632
17634
|
}
|
|
17633
17635
|
|
|
17634
|
-
var inputProps = _objectSpread$
|
|
17636
|
+
var inputProps = _objectSpread$o({
|
|
17635
17637
|
className: "AInputBox",
|
|
17636
17638
|
style: this.props.style
|
|
17637
17639
|
}, commonProps); //if(addon) {
|
|
17638
17640
|
|
|
17639
17641
|
|
|
17640
|
-
return jsxRuntime.jsx(antd.Input, _objectSpread$
|
|
17642
|
+
return jsxRuntime.jsx(antd.Input, _objectSpread$o(_objectSpread$o({}, inputProps), {}, {
|
|
17641
17643
|
addonAfter: addon
|
|
17642
17644
|
})); // } else {
|
|
17643
17645
|
// return <UnderlineInputBox {...inputProps}/>; // 等 UnderlineInputBox 支持addonAfter,上面的就能干掉了
|
|
@@ -17652,7 +17654,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17652
17654
|
styles.border = "none";
|
|
17653
17655
|
}
|
|
17654
17656
|
|
|
17655
|
-
return jsxRuntime.jsx(TextArea__default["default"], _objectSpread$
|
|
17657
|
+
return jsxRuntime.jsx(TextArea__default["default"], _objectSpread$o({
|
|
17656
17658
|
style: styles
|
|
17657
17659
|
}, commonProps));
|
|
17658
17660
|
}
|
|
@@ -17661,9 +17663,9 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17661
17663
|
return AInputBox;
|
|
17662
17664
|
}(BaseViewer);
|
|
17663
17665
|
|
|
17664
|
-
function ownKeys$
|
|
17666
|
+
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; }
|
|
17665
17667
|
|
|
17666
|
-
function _objectSpread$
|
|
17668
|
+
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__default["default"](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; }
|
|
17667
17669
|
var UnderlineInputBox = /*#__PURE__*/function (_React$Component) {
|
|
17668
17670
|
_inheritsLoose__default["default"](UnderlineInputBox, _React$Component);
|
|
17669
17671
|
|
|
@@ -17674,7 +17676,7 @@ var UnderlineInputBox = /*#__PURE__*/function (_React$Component) {
|
|
|
17674
17676
|
var _proto = UnderlineInputBox.prototype;
|
|
17675
17677
|
|
|
17676
17678
|
_proto.render = function render() {
|
|
17677
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
17679
|
+
return jsxRuntime.jsx("input", _objectSpread$n({
|
|
17678
17680
|
className: assembly.theme.themeName + "InputBox"
|
|
17679
17681
|
}, this.props));
|
|
17680
17682
|
};
|
|
@@ -19461,9 +19463,9 @@ var AREA_CODE_LIST = [{
|
|
|
19461
19463
|
countryCode: "ZW"
|
|
19462
19464
|
}];
|
|
19463
19465
|
|
|
19464
|
-
function ownKeys$
|
|
19466
|
+
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; }
|
|
19465
19467
|
|
|
19466
|
-
function _objectSpread$
|
|
19468
|
+
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__default["default"](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; }
|
|
19467
19469
|
/**
|
|
19468
19470
|
* 手机号/邮箱等输入框
|
|
19469
19471
|
* cnPhone/tel/email
|
|
@@ -19544,7 +19546,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19544
19546
|
},
|
|
19545
19547
|
disabled: this.props.disable,
|
|
19546
19548
|
onChange: function onChange(newAreaCode) {
|
|
19547
|
-
var updated = _objectSpread$
|
|
19549
|
+
var updated = _objectSpread$m(_objectSpread$m({}, _this.getPhoneValue()), {}, {
|
|
19548
19550
|
areaCode: newAreaCode
|
|
19549
19551
|
});
|
|
19550
19552
|
|
|
@@ -19569,7 +19571,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19569
19571
|
defaultValue: phoneValue.phone,
|
|
19570
19572
|
min: "0",
|
|
19571
19573
|
onChange: function onChange(value) {
|
|
19572
|
-
var updated = _objectSpread$
|
|
19574
|
+
var updated = _objectSpread$m(_objectSpread$m({}, _this.getPhoneValue()), {}, {
|
|
19573
19575
|
phone: value
|
|
19574
19576
|
});
|
|
19575
19577
|
|
|
@@ -19598,7 +19600,7 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19598
19600
|
|
|
19599
19601
|
var selfOnChange = p.onChange;
|
|
19600
19602
|
delete deepCloneP.onChange;
|
|
19601
|
-
return jsxRuntime.jsx(antd.Input, _objectSpread$
|
|
19603
|
+
return jsxRuntime.jsx(antd.Input, _objectSpread$m(_objectSpread$m({}, _BaseViewer.prototype.antProp.call(this)), {}, {
|
|
19602
19604
|
defaultValue: _BaseViewer.prototype.getValue.call(this),
|
|
19603
19605
|
onBlur: function onBlur() {
|
|
19604
19606
|
return _this2.changeValueEx(_BaseViewer.prototype.getValue.call(_this2), false, true);
|
|
@@ -19614,9 +19616,9 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
19614
19616
|
return ASpecInputBox;
|
|
19615
19617
|
}(BaseViewer);
|
|
19616
19618
|
|
|
19617
|
-
function ownKeys$
|
|
19619
|
+
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; }
|
|
19618
19620
|
|
|
19619
|
-
function _objectSpread$
|
|
19621
|
+
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__default["default"](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; }
|
|
19620
19622
|
var Segment = /*#__PURE__*/function (_React$Component) {
|
|
19621
19623
|
_inheritsLoose__default["default"](Segment, _React$Component);
|
|
19622
19624
|
|
|
@@ -19630,7 +19632,7 @@ var Segment = /*#__PURE__*/function (_React$Component) {
|
|
|
19630
19632
|
return jsxRuntime.jsxs("div", {
|
|
19631
19633
|
style: this.props.style,
|
|
19632
19634
|
className: "AForm_segment",
|
|
19633
|
-
children: [jsxRuntime.jsxs("div", _objectSpread$
|
|
19635
|
+
children: [jsxRuntime.jsxs("div", _objectSpread$l(_objectSpread$l({
|
|
19634
19636
|
className: "AForm_segmentTitleBar"
|
|
19635
19637
|
}, {
|
|
19636
19638
|
name: this.props.labelName
|
|
@@ -19711,9 +19713,9 @@ function SegmentEditSwitch(props) {
|
|
|
19711
19713
|
}
|
|
19712
19714
|
}
|
|
19713
19715
|
|
|
19714
|
-
function ownKeys$
|
|
19716
|
+
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; }
|
|
19715
19717
|
|
|
19716
|
-
function _objectSpread$
|
|
19718
|
+
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__default["default"](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; }
|
|
19717
19719
|
/**
|
|
19718
19720
|
* 可以折叠的元素,折叠时可带动画效果
|
|
19719
19721
|
*
|
|
@@ -19776,7 +19778,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
19776
19778
|
|
|
19777
19779
|
if (open) {
|
|
19778
19780
|
return {
|
|
19779
|
-
css: _objectSpread$
|
|
19781
|
+
css: _objectSpread$k(_objectSpread$k({}, self.props.style), {}, {
|
|
19780
19782
|
maxHeight: changing ? self.height + "px" : undefined,
|
|
19781
19783
|
visibility: "visible",
|
|
19782
19784
|
opacity: "1",
|
|
@@ -19785,7 +19787,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
19785
19787
|
};
|
|
19786
19788
|
} else {
|
|
19787
19789
|
var r = {
|
|
19788
|
-
css: _objectSpread$
|
|
19790
|
+
css: _objectSpread$k(_objectSpread$k({}, self.closeStyle), {}, {
|
|
19789
19791
|
maxHeight: "0px",
|
|
19790
19792
|
visibility: "hidden",
|
|
19791
19793
|
opacity: "0",
|
|
@@ -19877,9 +19879,9 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
|
|
|
19877
19879
|
|
|
19878
19880
|
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; }
|
|
19879
19881
|
|
|
19880
|
-
function ownKeys$
|
|
19882
|
+
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; }
|
|
19881
19883
|
|
|
19882
|
-
function _objectSpread$
|
|
19884
|
+
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__default["default"](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; }
|
|
19883
19885
|
|
|
19884
19886
|
function ItemLabel(props) {
|
|
19885
19887
|
var _props$uispec;
|
|
@@ -20056,7 +20058,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20056
20058
|
|
|
20057
20059
|
if (uispec.layout === "vertical") {
|
|
20058
20060
|
// label在字段上面的分段布局
|
|
20059
|
-
ele = jsxRuntime.jsxs(Collapsible, _objectSpread$
|
|
20061
|
+
ele = jsxRuntime.jsxs(Collapsible, _objectSpread$j(_objectSpread$j({}, wrapperProp), {}, {
|
|
20060
20062
|
children: [jsxRuntime.jsx(ItemLabel, {
|
|
20061
20063
|
uispec: uispec,
|
|
20062
20064
|
schema: f,
|
|
@@ -20066,7 +20068,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20066
20068
|
} else if (uispec.layout === "horizontal") {
|
|
20067
20069
|
// label在字段左边的分段布局 TODO
|
|
20068
20070
|
wrapperProp.style.display = "flex";
|
|
20069
|
-
ele = jsxRuntime.jsxs(Collapsible, _objectSpread$
|
|
20071
|
+
ele = jsxRuntime.jsxs(Collapsible, _objectSpread$j(_objectSpread$j({}, wrapperProp), {}, {
|
|
20070
20072
|
children: [jsxRuntime.jsx(ItemLabel, {
|
|
20071
20073
|
uispec: uispec,
|
|
20072
20074
|
schema: f,
|
|
@@ -20220,7 +20222,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20220
20222
|
|
|
20221
20223
|
segments.push(jsxRuntime.jsx(Segment, {
|
|
20222
20224
|
column: column,
|
|
20223
|
-
style: _objectSpread$
|
|
20225
|
+
style: _objectSpread$j(_objectSpread$j({}, segment.style), {}, {
|
|
20224
20226
|
display: segHide ? "none" : undefined
|
|
20225
20227
|
}),
|
|
20226
20228
|
mainTitle: segment.label,
|
|
@@ -20325,9 +20327,9 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
20325
20327
|
return AForm;
|
|
20326
20328
|
}(Viewer);
|
|
20327
20329
|
|
|
20328
|
-
function ownKeys$
|
|
20330
|
+
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; }
|
|
20329
20331
|
|
|
20330
|
-
function _objectSpread$
|
|
20332
|
+
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__default["default"](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; }
|
|
20331
20333
|
var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
20332
20334
|
_inheritsLoose__default["default"](DivViewer, _BaseViewer);
|
|
20333
20335
|
|
|
@@ -20339,7 +20341,7 @@ var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20339
20341
|
|
|
20340
20342
|
_proto.element = function element() {
|
|
20341
20343
|
return jsxRuntime.jsx("pre", {
|
|
20342
|
-
style: _objectSpread$
|
|
20344
|
+
style: _objectSpread$i({
|
|
20343
20345
|
marginBottom: 0,
|
|
20344
20346
|
color: "rgba(0,0,0,0.6)",
|
|
20345
20347
|
overflow: "initial",
|
|
@@ -20353,9 +20355,9 @@ var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20353
20355
|
return DivViewer;
|
|
20354
20356
|
}(BaseViewer);
|
|
20355
20357
|
|
|
20356
|
-
function ownKeys$
|
|
20358
|
+
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; }
|
|
20357
20359
|
|
|
20358
|
-
function _objectSpread$
|
|
20360
|
+
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__default["default"](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; }
|
|
20359
20361
|
/**
|
|
20360
20362
|
* 下拉选择框
|
|
20361
20363
|
* 定义示例: {label:"1.1 您的性别是", name:"gendar", type:"enum", typeArg: [{label:"男", value:"M"},{label:"女", value:"F"}] },
|
|
@@ -20390,7 +20392,7 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20390
20392
|
return MUtil.error("手机上的ASelector还不支持openOption");
|
|
20391
20393
|
}
|
|
20392
20394
|
|
|
20393
|
-
return jsxRuntime.jsx(SelectBox, _objectSpread$
|
|
20395
|
+
return jsxRuntime.jsx(SelectBox, _objectSpread$h(_objectSpread$h({
|
|
20394
20396
|
data: value,
|
|
20395
20397
|
// @ts-ignore
|
|
20396
20398
|
options: this._enums.map(function (e) {
|
|
@@ -20429,7 +20431,7 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20429
20431
|
}, index);
|
|
20430
20432
|
});
|
|
20431
20433
|
|
|
20432
|
-
return jsxRuntime.jsx(Select__default["default"], _objectSpread$
|
|
20434
|
+
return jsxRuntime.jsx(Select__default["default"], _objectSpread$h(_objectSpread$h({
|
|
20433
20435
|
defaultValue: initIndex,
|
|
20434
20436
|
placeholder: _BaseViewer.prototype.getPlaceholder.call(this),
|
|
20435
20437
|
bordered: this.props.hideBorder ? false : true,
|
|
@@ -20501,9 +20503,9 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20501
20503
|
return ASelector;
|
|
20502
20504
|
}(BaseViewer);
|
|
20503
20505
|
|
|
20504
|
-
function ownKeys$
|
|
20506
|
+
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; }
|
|
20505
20507
|
|
|
20506
|
-
function _objectSpread$
|
|
20508
|
+
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__default["default"](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; }
|
|
20507
20509
|
/**
|
|
20508
20510
|
* 下拉框多选
|
|
20509
20511
|
* 示例:{label:"1.13 除爱人/对象之外,目前和您一起生活的家庭成员包括(多选):",name:"familyAccompany",type:"set", editor:"ASetSelector", option: "父亲 母亲 孩子 爱人/对象的父亲 爱人/对象的母亲 兄弟姐妹"},
|
|
@@ -20541,7 +20543,7 @@ var ASetSelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20541
20543
|
return value2Fields[v].index;
|
|
20542
20544
|
});
|
|
20543
20545
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
20544
|
-
return jsxRuntime.jsx(antd.Select, _objectSpread$
|
|
20546
|
+
return jsxRuntime.jsx(antd.Select, _objectSpread$g(_objectSpread$g({
|
|
20545
20547
|
mode: "multiple",
|
|
20546
20548
|
placeholder: this.props.schema.placeholder,
|
|
20547
20549
|
optionFilterProp: "children",
|
|
@@ -20585,9 +20587,102 @@ var ASetSelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
20585
20587
|
return ASetSelector;
|
|
20586
20588
|
}(BaseViewer);
|
|
20587
20589
|
|
|
20588
|
-
function ownKeys$
|
|
20590
|
+
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; }
|
|
20589
20591
|
|
|
20590
|
-
function _objectSpread$
|
|
20592
|
+
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__default["default"](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; }
|
|
20593
|
+
/**
|
|
20594
|
+
* 可排序的拖拽项子组件
|
|
20595
|
+
*/
|
|
20596
|
+
|
|
20597
|
+
var SortableEnhancedItem = /*#__PURE__*/React.memo(function (_ref) {
|
|
20598
|
+
var _clsx;
|
|
20599
|
+
|
|
20600
|
+
var item = _ref.item,
|
|
20601
|
+
index = _ref.index,
|
|
20602
|
+
enableAnimation = _ref.enableAnimation,
|
|
20603
|
+
direction = _ref.direction,
|
|
20604
|
+
renderDragHandle = _ref.renderDragHandle,
|
|
20605
|
+
isTableRow = _ref.isTableRow;
|
|
20606
|
+
|
|
20607
|
+
var _useSortable = sortable.useSortable({
|
|
20608
|
+
id: item.id,
|
|
20609
|
+
disabled: !item.isChecked
|
|
20610
|
+
}),
|
|
20611
|
+
attributes = _useSortable.attributes,
|
|
20612
|
+
listeners = _useSortable.listeners,
|
|
20613
|
+
setNodeRef = _useSortable.setNodeRef,
|
|
20614
|
+
transform = _useSortable.transform,
|
|
20615
|
+
transition = _useSortable.transition,
|
|
20616
|
+
isDragging = _useSortable.isDragging;
|
|
20617
|
+
|
|
20618
|
+
var style = {
|
|
20619
|
+
transform: utilities.CSS.Transform.toString(transform),
|
|
20620
|
+
transition: enableAnimation ? transition : undefined
|
|
20621
|
+
};
|
|
20622
|
+
|
|
20623
|
+
var renderDefaultDragHandle = function renderDefaultDragHandle() {
|
|
20624
|
+
return jsxRuntime.jsx("div", {
|
|
20625
|
+
className: "enhanced-dragHandleWrapper",
|
|
20626
|
+
children: jsxRuntime.jsx(icons.HolderOutlined, {
|
|
20627
|
+
className: "enhanced-dragHandleIcon",
|
|
20628
|
+
style: {
|
|
20629
|
+
opacity: isDragging ? 0.5 : 1,
|
|
20630
|
+
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20631
|
+
}
|
|
20632
|
+
})
|
|
20633
|
+
});
|
|
20634
|
+
}; // 表格行模式
|
|
20635
|
+
|
|
20636
|
+
|
|
20637
|
+
if (isTableRow) {
|
|
20638
|
+
return jsxRuntime.jsxs("tr", _objectSpread$f(_objectSpread$f({
|
|
20639
|
+
ref: setNodeRef,
|
|
20640
|
+
"data-drag-id": item.id,
|
|
20641
|
+
"data-drag-index": index,
|
|
20642
|
+
style: _objectSpread$f({
|
|
20643
|
+
opacity: isDragging ? 0.5 : 1
|
|
20644
|
+
}, style)
|
|
20645
|
+
}, attributes), {}, {
|
|
20646
|
+
children: [renderDragHandle ? renderDragHandle(item, isDragging, listeners) : jsxRuntime.jsx("td", _objectSpread$f(_objectSpread$f({}, listeners), {}, {
|
|
20647
|
+
style: {
|
|
20648
|
+
cursor: isDragging ? "grabbing" : "grab",
|
|
20649
|
+
textAlign: "center",
|
|
20650
|
+
width: "40px"
|
|
20651
|
+
},
|
|
20652
|
+
children: jsxRuntime.jsx(icons.HolderOutlined, {
|
|
20653
|
+
style: {
|
|
20654
|
+
opacity: isDragging ? 0.5 : 1,
|
|
20655
|
+
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20656
|
+
}
|
|
20657
|
+
})
|
|
20658
|
+
})), item.cpn]
|
|
20659
|
+
}), item.id);
|
|
20660
|
+
} // 普通模式
|
|
20661
|
+
|
|
20662
|
+
|
|
20663
|
+
var itemClass = clsx__default["default"]("enhanced-dragItem", (_clsx = {
|
|
20664
|
+
dragging: isDragging,
|
|
20665
|
+
disabled: !item.isChecked
|
|
20666
|
+
}, _clsx["direction-" + direction] = true, _clsx));
|
|
20667
|
+
return jsxRuntime.jsxs("div", _objectSpread$f(_objectSpread$f({
|
|
20668
|
+
className: itemClass,
|
|
20669
|
+
ref: setNodeRef,
|
|
20670
|
+
"data-drag-id": item.id,
|
|
20671
|
+
"data-drag-index": index,
|
|
20672
|
+
style: style
|
|
20673
|
+
}, attributes), {}, {
|
|
20674
|
+
children: [jsxRuntime.jsx("div", {
|
|
20675
|
+
className: "enhanced-dragBody",
|
|
20676
|
+
children: item.cpn
|
|
20677
|
+
}), jsxRuntime.jsx("div", {
|
|
20678
|
+
className: "enhanced-dragHandle",
|
|
20679
|
+
children: item.isChecked && (renderDragHandle ? renderDragHandle(item, isDragging, listeners) : jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, listeners), {}, {
|
|
20680
|
+
children: renderDefaultDragHandle()
|
|
20681
|
+
})))
|
|
20682
|
+
})]
|
|
20683
|
+
}), item.id);
|
|
20684
|
+
});
|
|
20685
|
+
SortableEnhancedItem.displayName = "SortableEnhancedItem";
|
|
20591
20686
|
/**
|
|
20592
20687
|
* 增强版通用拖拽排序组件
|
|
20593
20688
|
* 解决原组件的性能问题和功能局限性
|
|
@@ -20602,27 +20697,39 @@ var EnhancedSortDrag = /*#__PURE__*/React.memo(function (props) {
|
|
|
20602
20697
|
var _props$direction = props.direction,
|
|
20603
20698
|
direction = _props$direction === void 0 ? "vertical" : _props$direction,
|
|
20604
20699
|
onDragFail = props.onDragFail,
|
|
20605
|
-
renderDragHandle = props.renderDragHandle
|
|
20606
|
-
props.renderDragPreview
|
|
20607
|
-
|
|
20608
|
-
isTableRow = _props$isTableRow === void 0 ? false : _props$isTableRow; //
|
|
20700
|
+
renderDragHandle = props.renderDragHandle,
|
|
20701
|
+
renderDragPreview = props.renderDragPreview,
|
|
20702
|
+
_props$isTableRow = props.isTableRow,
|
|
20703
|
+
isTableRow = _props$isTableRow === void 0 ? false : _props$isTableRow; // 拖拽状态管理
|
|
20609
20704
|
|
|
20610
|
-
var
|
|
20611
|
-
|
|
20705
|
+
var _useState = React.useState(null),
|
|
20706
|
+
activeId = _useState[0],
|
|
20707
|
+
setActiveId = _useState[1];
|
|
20612
20708
|
|
|
20613
|
-
var
|
|
20709
|
+
var _useState2 = React.useState({
|
|
20614
20710
|
draggingId: null,
|
|
20615
20711
|
droppingId: null,
|
|
20616
20712
|
isAnimating: false
|
|
20617
|
-
})
|
|
20618
|
-
|
|
20619
|
-
setDragState =
|
|
20620
|
-
|
|
20713
|
+
});
|
|
20714
|
+
_useState2[0];
|
|
20715
|
+
var setDragState = _useState2[1];
|
|
20716
|
+
/**
|
|
20717
|
+
* 配置传感器
|
|
20718
|
+
*/
|
|
20621
20719
|
|
|
20622
|
-
var itemRefs = React.useRef(new Map());
|
|
20623
|
-
var dragHandleRefs = React.useRef(new Map()); // 清理函数缓存,避免重复注册
|
|
20624
20720
|
|
|
20625
|
-
var
|
|
20721
|
+
var sensors = core.useSensors(core.useSensor(core.TouchSensor, {
|
|
20722
|
+
activationConstraint: {
|
|
20723
|
+
delay: 200,
|
|
20724
|
+
tolerance: 5
|
|
20725
|
+
}
|
|
20726
|
+
}), core.useSensor(core.PointerSensor, {
|
|
20727
|
+
activationConstraint: {
|
|
20728
|
+
distance: 10
|
|
20729
|
+
}
|
|
20730
|
+
}), core.useSensor(core.KeyboardSensor, {
|
|
20731
|
+
coordinateGetter: sortable.sortableKeyboardCoordinates
|
|
20732
|
+
}));
|
|
20626
20733
|
/**
|
|
20627
20734
|
* 验证拖拽操作是否有效
|
|
20628
20735
|
*/
|
|
@@ -20702,284 +20809,171 @@ var EnhancedSortDrag = /*#__PURE__*/React.memo(function (props) {
|
|
|
20702
20809
|
};
|
|
20703
20810
|
}, []);
|
|
20704
20811
|
/**
|
|
20705
|
-
*
|
|
20812
|
+
* 拖拽开始事件处理
|
|
20706
20813
|
*/
|
|
20707
20814
|
|
|
20708
|
-
var
|
|
20709
|
-
|
|
20710
|
-
|
|
20711
|
-
|
|
20712
|
-
|
|
20713
|
-
|
|
20714
|
-
|
|
20715
|
-
|
|
20815
|
+
var handleDragStart = React.useCallback(function (event) {
|
|
20816
|
+
var active = event.active;
|
|
20817
|
+
setActiveId(active.id);
|
|
20818
|
+
setDragState(function (prev) {
|
|
20819
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, {
|
|
20820
|
+
draggingId: active.id,
|
|
20821
|
+
isAnimating: !!enableAnimation
|
|
20822
|
+
});
|
|
20823
|
+
});
|
|
20824
|
+
}, [enableAnimation]);
|
|
20825
|
+
/**
|
|
20826
|
+
* 拖拽结束事件处理
|
|
20827
|
+
*/
|
|
20716
20828
|
|
|
20717
|
-
|
|
20718
|
-
|
|
20829
|
+
var handleDragEnd = React.useCallback(function (event) {
|
|
20830
|
+
var active = event.active,
|
|
20831
|
+
over = event.over;
|
|
20832
|
+
setActiveId(null);
|
|
20833
|
+
setDragState(function (prev) {
|
|
20834
|
+
return _objectSpread$f(_objectSpread$f({}, prev), {}, {
|
|
20835
|
+
draggingId: null,
|
|
20836
|
+
droppingId: null,
|
|
20837
|
+
isAnimating: false
|
|
20838
|
+
});
|
|
20839
|
+
});
|
|
20719
20840
|
|
|
20720
|
-
|
|
20721
|
-
|
|
20841
|
+
if (over && active.id !== over.id) {
|
|
20842
|
+
var oldIndex = items.findIndex(function (item) {
|
|
20843
|
+
return item.id === active.id;
|
|
20844
|
+
});
|
|
20845
|
+
var newIndex = items.findIndex(function (item) {
|
|
20846
|
+
return item.id === over.id;
|
|
20722
20847
|
});
|
|
20723
|
-
var toIndex = currentItems.findIndex(function (item) {
|
|
20724
|
-
return item.id === toId;
|
|
20725
|
-
}); // 边界条件检查
|
|
20726
20848
|
|
|
20727
|
-
if (
|
|
20849
|
+
if (oldIndex === -1 || newIndex === -1) {
|
|
20728
20850
|
return;
|
|
20729
20851
|
}
|
|
20730
20852
|
|
|
20731
|
-
|
|
20732
|
-
|
|
20733
|
-
|
|
20734
|
-
currentItems.splice(toIndex, 0, moved); // 更新引用
|
|
20735
|
-
|
|
20736
|
-
itemsRef.current = currentItems; // 触发回调
|
|
20737
|
-
|
|
20738
|
-
onChange(currentItems);
|
|
20739
|
-
} catch (error) {
|
|
20740
|
-
console.error("拖拽交换数据失败:", error); // 触发错误回调
|
|
20741
|
-
|
|
20742
|
-
var dragError = {
|
|
20743
|
-
type: "DATA_ERROR",
|
|
20744
|
-
message: error instanceof Error ? error.message : "未知错误",
|
|
20745
|
-
sourceId: fromId,
|
|
20746
|
-
targetId: toId
|
|
20747
|
-
};
|
|
20748
|
-
onDragFail == null ? void 0 : onDragFail(dragError);
|
|
20749
|
-
}
|
|
20750
|
-
}, [onChange, onDragFail, validateDragOperation]);
|
|
20751
|
-
/**
|
|
20752
|
-
* 注册单个项目的拖拽监听器
|
|
20753
|
-
*/
|
|
20754
|
-
|
|
20755
|
-
var registerDragListeners = React.useCallback(function (item, index) {
|
|
20756
|
-
var el = itemRefs.current.get(item.id);
|
|
20757
|
-
var dragHandle = dragHandleRefs.current.get(item.id);
|
|
20758
|
-
if (!el) return; // 清理之前的监听器
|
|
20759
|
-
|
|
20760
|
-
var existingCleanup = cleanupRefs.current.get(item.id);
|
|
20853
|
+
try {
|
|
20854
|
+
var validation = validateDragOperation(active.id, over.id, items);
|
|
20761
20855
|
|
|
20762
|
-
|
|
20763
|
-
|
|
20764
|
-
}
|
|
20856
|
+
if (!validation.isValid) {
|
|
20857
|
+
var _validation$error;
|
|
20765
20858
|
|
|
20766
|
-
|
|
20859
|
+
throw new Error(((_validation$error = validation.error) == null ? void 0 : _validation$error.message) || "拖拽验证失败");
|
|
20860
|
+
}
|
|
20767
20861
|
|
|
20768
|
-
|
|
20769
|
-
|
|
20770
|
-
|
|
20771
|
-
|
|
20772
|
-
|
|
20773
|
-
|
|
20774
|
-
|
|
20775
|
-
|
|
20776
|
-
|
|
20777
|
-
index: index,
|
|
20778
|
-
label: item.label
|
|
20862
|
+
var newItems = sortable.arrayMove(items, oldIndex, newIndex);
|
|
20863
|
+
onChange(newItems);
|
|
20864
|
+
} catch (error) {
|
|
20865
|
+
console.error("拖拽交换数据失败:", error);
|
|
20866
|
+
var dragError = {
|
|
20867
|
+
type: "DATA_ERROR",
|
|
20868
|
+
message: error instanceof Error ? error.message : "未知错误",
|
|
20869
|
+
sourceId: active.id,
|
|
20870
|
+
targetId: over.id
|
|
20779
20871
|
};
|
|
20780
|
-
|
|
20781
|
-
onDragStart: function onDragStart() {
|
|
20782
|
-
setDragState(function (prev) {
|
|
20783
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20784
|
-
draggingId: item.id,
|
|
20785
|
-
isAnimating: !!enableAnimation
|
|
20786
|
-
});
|
|
20787
|
-
});
|
|
20788
|
-
console.log("开始拖拽:", item.label);
|
|
20789
|
-
},
|
|
20790
|
-
onDrop: function onDrop() {
|
|
20791
|
-
setDragState(function (prev) {
|
|
20792
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20793
|
-
draggingId: null,
|
|
20794
|
-
droppingId: null,
|
|
20795
|
-
isAnimating: false
|
|
20796
|
-
});
|
|
20797
|
-
});
|
|
20872
|
+
onDragFail == null ? void 0 : onDragFail(dragError);
|
|
20798
20873
|
}
|
|
20799
|
-
}
|
|
20800
|
-
|
|
20801
|
-
cleanups.push(adapter.dropTargetForElements({
|
|
20802
|
-
element: el,
|
|
20803
|
-
canDrop: function canDrop() {
|
|
20804
|
-
return item.isChecked;
|
|
20805
|
-
},
|
|
20806
|
-
onDragEnter: function onDragEnter(args) {
|
|
20807
|
-
var sourceId = args.source.data.id;
|
|
20808
|
-
if (sourceId === item.id) return;
|
|
20809
|
-
console.log("拖拽进入:", item.id);
|
|
20810
|
-
setDragState(function (prev) {
|
|
20811
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20812
|
-
droppingId: item.id
|
|
20813
|
-
});
|
|
20814
|
-
});
|
|
20815
|
-
},
|
|
20816
|
-
onDragLeave: function onDragLeave() {
|
|
20817
|
-
setDragState(function (prev) {
|
|
20818
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20819
|
-
droppingId: null
|
|
20820
|
-
});
|
|
20821
|
-
});
|
|
20822
|
-
},
|
|
20823
|
-
onDrop: function onDrop(_ref) {
|
|
20824
|
-
var source = _ref.source;
|
|
20825
|
-
if (!source) return;
|
|
20826
|
-
var sourceId = source.data.id;
|
|
20827
|
-
if (sourceId === item.id) return; // 执行数据交换
|
|
20828
|
-
|
|
20829
|
-
swapItems(sourceId, item.id);
|
|
20830
|
-
}
|
|
20831
|
-
})); // 存储清理函数
|
|
20832
|
-
|
|
20833
|
-
var combinedCleanup = function combinedCleanup() {
|
|
20834
|
-
cleanups.forEach(function (fn) {
|
|
20835
|
-
return fn();
|
|
20836
|
-
});
|
|
20837
|
-
};
|
|
20838
|
-
|
|
20839
|
-
cleanupRefs.current.set(item.id, combinedCleanup);
|
|
20840
|
-
}, [swapItems, enableAnimation]);
|
|
20874
|
+
}
|
|
20875
|
+
}, [items, onChange, onDragFail, validateDragOperation]);
|
|
20841
20876
|
/**
|
|
20842
|
-
*
|
|
20877
|
+
* 获取当前拖拽项
|
|
20843
20878
|
*/
|
|
20844
20879
|
|
|
20845
|
-
React.
|
|
20846
|
-
|
|
20847
|
-
|
|
20848
|
-
return cleanup();
|
|
20880
|
+
var activeItem = React.useMemo(function () {
|
|
20881
|
+
return items.find(function (item) {
|
|
20882
|
+
return item.id === activeId;
|
|
20849
20883
|
});
|
|
20850
|
-
|
|
20851
|
-
|
|
20852
|
-
items.forEach(function (item, index) {
|
|
20853
|
-
registerDragListeners(item, index);
|
|
20854
|
-
}); // 监听全局拖拽结束
|
|
20855
|
-
|
|
20856
|
-
var monitorCleanup = adapter.monitorForElements({
|
|
20857
|
-
onDrop: function onDrop() {
|
|
20858
|
-
setDragState(function (prev) {
|
|
20859
|
-
return _objectSpread$e(_objectSpread$e({}, prev), {}, {
|
|
20860
|
-
draggingId: null,
|
|
20861
|
-
droppingId: null,
|
|
20862
|
-
isAnimating: false
|
|
20863
|
-
});
|
|
20864
|
-
});
|
|
20865
|
-
}
|
|
20866
|
-
});
|
|
20867
|
-
cleanupRefs.current.set("monitor", monitorCleanup);
|
|
20868
|
-
return function () {
|
|
20869
|
-
cleanupRefs.current.forEach(function (cleanup) {
|
|
20870
|
-
return cleanup();
|
|
20871
|
-
});
|
|
20872
|
-
cleanupRefs.current.clear();
|
|
20873
|
-
};
|
|
20874
|
-
}, [items.length, registerDragListeners]); // 只在列表长度变化时重新注册
|
|
20875
|
-
|
|
20884
|
+
}, [items, activeId]);
|
|
20876
20885
|
/**
|
|
20877
|
-
*
|
|
20886
|
+
* 选择排序策略
|
|
20878
20887
|
*/
|
|
20879
20888
|
|
|
20880
|
-
var
|
|
20881
|
-
return
|
|
20882
|
-
|
|
20883
|
-
if (el) {
|
|
20884
|
-
dragHandleRefs.current.set(item.id, el);
|
|
20885
|
-
}
|
|
20886
|
-
},
|
|
20887
|
-
style: {
|
|
20888
|
-
cursor: isDragging ? "grabbing" : "grab",
|
|
20889
|
-
marginLeft: "8px",
|
|
20890
|
-
opacity: isDragging ? 0.5 : 1,
|
|
20891
|
-
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20892
|
-
}
|
|
20893
|
-
});
|
|
20894
|
-
}, [enableAnimation]);
|
|
20889
|
+
var sortingStrategy = React.useMemo(function () {
|
|
20890
|
+
return direction === "vertical" ? sortable.verticalListSortingStrategy : sortable.horizontalListSortingStrategy;
|
|
20891
|
+
}, [direction]);
|
|
20895
20892
|
/**
|
|
20896
|
-
*
|
|
20893
|
+
* 缓存 item id 列表,避免每次渲染创建新数组引用
|
|
20897
20894
|
*/
|
|
20898
20895
|
|
|
20899
|
-
var
|
|
20900
|
-
|
|
20901
|
-
|
|
20902
|
-
|
|
20903
|
-
|
|
20896
|
+
var itemIds = React.useMemo(function () {
|
|
20897
|
+
return items.map(function (item) {
|
|
20898
|
+
return item.id;
|
|
20899
|
+
});
|
|
20900
|
+
}, [items]); // 如果是表格行模式,直接渲染子元素而不是包装div
|
|
20904
20901
|
|
|
20905
|
-
|
|
20906
|
-
|
|
20907
|
-
|
|
20908
|
-
|
|
20909
|
-
|
|
20910
|
-
|
|
20911
|
-
|
|
20912
|
-
|
|
20913
|
-
|
|
20914
|
-
|
|
20915
|
-
|
|
20916
|
-
|
|
20917
|
-
|
|
20918
|
-
|
|
20919
|
-
|
|
20920
|
-
|
|
20921
|
-
|
|
20922
|
-
|
|
20923
|
-
|
|
20924
|
-
|
|
20925
|
-
|
|
20926
|
-
|
|
20927
|
-
|
|
20928
|
-
|
|
20929
|
-
|
|
20930
|
-
|
|
20931
|
-
|
|
20932
|
-
|
|
20933
|
-
|
|
20934
|
-
transition: enableAnimation ? "opacity 0.2s" : "none"
|
|
20935
|
-
}
|
|
20902
|
+
if (isTableRow) {
|
|
20903
|
+
return jsxRuntime.jsxs(core.DndContext, {
|
|
20904
|
+
sensors: sensors,
|
|
20905
|
+
collisionDetection: core.closestCenter,
|
|
20906
|
+
onDragStart: handleDragStart,
|
|
20907
|
+
onDragEnd: handleDragEnd,
|
|
20908
|
+
children: [jsxRuntime.jsx(sortable.SortableContext, {
|
|
20909
|
+
items: itemIds,
|
|
20910
|
+
strategy: sortingStrategy,
|
|
20911
|
+
children: items.map(function (item, index) {
|
|
20912
|
+
return jsxRuntime.jsx(SortableEnhancedItem, {
|
|
20913
|
+
item: item,
|
|
20914
|
+
index: index,
|
|
20915
|
+
enableAnimation: enableAnimation,
|
|
20916
|
+
direction: direction,
|
|
20917
|
+
renderDragHandle: renderDragHandle,
|
|
20918
|
+
isTableRow: isTableRow
|
|
20919
|
+
}, item.id);
|
|
20920
|
+
})
|
|
20921
|
+
}), jsxRuntime.jsx(core.DragOverlay, {
|
|
20922
|
+
dropAnimation: null,
|
|
20923
|
+
children: activeItem ? jsxRuntime.jsx("div", {
|
|
20924
|
+
className: "enhanced-sortDrag-overlay",
|
|
20925
|
+
children: renderDragPreview ? renderDragPreview(activeItem) : jsxRuntime.jsx("div", {
|
|
20926
|
+
className: "enhanced-sortDrag-overlay-row",
|
|
20927
|
+
children: jsxRuntime.jsx("span", {
|
|
20928
|
+
className: "enhanced-sortDrag-overlay-label",
|
|
20929
|
+
children: activeItem.label || activeItem.id || '拖拽中...'
|
|
20930
|
+
})
|
|
20936
20931
|
})
|
|
20937
|
-
})
|
|
20938
|
-
}, item.id);
|
|
20939
|
-
}
|
|
20940
|
-
|
|
20941
|
-
var itemClass = clsx__default["default"]("enhanced-dragItem", (_clsx = {
|
|
20942
|
-
dragging: isDragging,
|
|
20943
|
-
dropping: isDropping,
|
|
20944
|
-
disabled: !item.isChecked
|
|
20945
|
-
}, _clsx["direction-" + direction] = true, _clsx));
|
|
20946
|
-
return jsxRuntime.jsxs("div", {
|
|
20947
|
-
className: itemClass,
|
|
20948
|
-
ref: function ref(el) {
|
|
20949
|
-
if (el) {
|
|
20950
|
-
itemRefs.current.set(item.id, el);
|
|
20951
|
-
}
|
|
20952
|
-
},
|
|
20953
|
-
"data-drag-id": item.id,
|
|
20954
|
-
"data-drag-index": index,
|
|
20955
|
-
style: {
|
|
20956
|
-
transition: enableAnimation ? "all 0.3s ease" : "none"
|
|
20957
|
-
},
|
|
20958
|
-
children: [jsxRuntime.jsx("div", {
|
|
20959
|
-
className: "enhanced-dragBody",
|
|
20960
|
-
children: item.cpn
|
|
20961
|
-
}), jsxRuntime.jsx("div", {
|
|
20962
|
-
className: "enhanced-dragHandle",
|
|
20963
|
-
children: item.isChecked && (renderDragHandle ? renderDragHandle(item, isDragging) : renderDefaultDragHandle(item, isDragging))
|
|
20932
|
+
}) : null
|
|
20964
20933
|
})]
|
|
20965
|
-
}, item.id);
|
|
20966
|
-
}, [dragState, direction, enableAnimation, renderDragHandle, renderDefaultDragHandle, isTableRow]); // 如果是表格行模式,直接渲染子元素而不是包装div
|
|
20967
|
-
|
|
20968
|
-
if (isTableRow) {
|
|
20969
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
20970
|
-
children: items.map(renderDragItem)
|
|
20971
20934
|
});
|
|
20972
20935
|
}
|
|
20973
20936
|
|
|
20974
|
-
return jsxRuntime.
|
|
20975
|
-
|
|
20976
|
-
|
|
20937
|
+
return jsxRuntime.jsxs(core.DndContext, {
|
|
20938
|
+
sensors: sensors,
|
|
20939
|
+
collisionDetection: core.closestCenter,
|
|
20940
|
+
onDragStart: handleDragStart,
|
|
20941
|
+
onDragEnd: handleDragEnd,
|
|
20942
|
+
children: [jsxRuntime.jsx("div", {
|
|
20943
|
+
className: "enhanced-sortDrag direction-" + direction,
|
|
20944
|
+
children: jsxRuntime.jsx(sortable.SortableContext, {
|
|
20945
|
+
items: itemIds,
|
|
20946
|
+
strategy: sortingStrategy,
|
|
20947
|
+
children: items.map(function (item, index) {
|
|
20948
|
+
return jsxRuntime.jsx(SortableEnhancedItem, {
|
|
20949
|
+
item: item,
|
|
20950
|
+
index: index,
|
|
20951
|
+
enableAnimation: enableAnimation,
|
|
20952
|
+
direction: direction,
|
|
20953
|
+
renderDragHandle: renderDragHandle,
|
|
20954
|
+
isTableRow: isTableRow
|
|
20955
|
+
}, item.id);
|
|
20956
|
+
})
|
|
20957
|
+
})
|
|
20958
|
+
}), jsxRuntime.jsx(core.DragOverlay, {
|
|
20959
|
+
dropAnimation: null,
|
|
20960
|
+
children: activeItem ? jsxRuntime.jsx("div", {
|
|
20961
|
+
className: "enhanced-sortDrag-overlay",
|
|
20962
|
+
children: renderDragPreview ? renderDragPreview(activeItem) : jsxRuntime.jsx("div", {
|
|
20963
|
+
className: "enhanced-sortDrag-overlay-content",
|
|
20964
|
+
children: jsxRuntime.jsx("div", {
|
|
20965
|
+
className: "enhanced-sortDrag-overlay-body",
|
|
20966
|
+
children: activeItem.cpn
|
|
20967
|
+
})
|
|
20968
|
+
})
|
|
20969
|
+
}) : null
|
|
20970
|
+
})]
|
|
20977
20971
|
});
|
|
20978
20972
|
});
|
|
20979
20973
|
|
|
20980
|
-
function ownKeys$
|
|
20974
|
+
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; }
|
|
20981
20975
|
|
|
20982
|
-
function _objectSpread$
|
|
20976
|
+
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__default["default"](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; }
|
|
20983
20977
|
|
|
20984
20978
|
function uuid(len, radix) {
|
|
20985
20979
|
if (len === void 0) {
|
|
@@ -21044,7 +21038,7 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21044
21038
|
}
|
|
21045
21039
|
|
|
21046
21040
|
var members = schema.arrayMember.objectFields || [// 成员是复杂结构
|
|
21047
|
-
_objectSpread$
|
|
21041
|
+
_objectSpread$e({
|
|
21048
21042
|
name: undefined
|
|
21049
21043
|
}, schema.arrayMember)]; // 成员是简单结构
|
|
21050
21044
|
// if(!members) {
|
|
@@ -21158,7 +21152,7 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21158
21152
|
return String(row.uniqueId) === item.id;
|
|
21159
21153
|
}); // 正常情况下一定能找到对应的行数据,因为我们是基于原始数据创建的拖拽项
|
|
21160
21154
|
|
|
21161
|
-
return _objectSpread$
|
|
21155
|
+
return _objectSpread$e({}, originalRow); // 使用 ! 断言,因为我们确信能找到匹配项
|
|
21162
21156
|
});
|
|
21163
21157
|
|
|
21164
21158
|
_BaseViewer.prototype.changeValueEx.call(_this, newData, true, true);
|
|
@@ -21282,9 +21276,9 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21282
21276
|
return AArrayGrid;
|
|
21283
21277
|
}(BaseViewer);
|
|
21284
21278
|
|
|
21285
|
-
function ownKeys$
|
|
21279
|
+
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; }
|
|
21286
21280
|
|
|
21287
|
-
function _objectSpread$
|
|
21281
|
+
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__default["default"](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; }
|
|
21288
21282
|
var RANGE_FNAME = "_range";
|
|
21289
21283
|
/**
|
|
21290
21284
|
* 经历,可以用于教育经历、工作经历等
|
|
@@ -21309,7 +21303,7 @@ var AExperience = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21309
21303
|
_proto._submitData = function _submitData(arrayGridData, sort) {
|
|
21310
21304
|
// 修改后,把数据转换回来再提交
|
|
21311
21305
|
var experienceData = arrayGridData.map(function (e) {
|
|
21312
|
-
var item = _objectSpread$
|
|
21306
|
+
var item = _objectSpread$d(_objectSpread$d({}, e), {}, {
|
|
21313
21307
|
from: ___default["default"].get(e, RANGE_FNAME + "[0]"),
|
|
21314
21308
|
to: ___default["default"].get(e, RANGE_FNAME + "[1]"),
|
|
21315
21309
|
tillNow: ___default["default"].get(e, RANGE_FNAME + "[2]")
|
|
@@ -21645,9 +21639,9 @@ var AArray = /*#__PURE__*/function (_BaseViewer) {
|
|
|
21645
21639
|
|
|
21646
21640
|
var _excluded = ["checkedIcon", "uncheckedIcon", "indeterminateIcon", "children", "iconSize", "iconColor", "className", "style", "checked", "indeterminate", "disabled"];
|
|
21647
21641
|
|
|
21648
|
-
function ownKeys$
|
|
21642
|
+
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; }
|
|
21649
21643
|
|
|
21650
|
-
function _objectSpread$
|
|
21644
|
+
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__default["default"](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; }
|
|
21651
21645
|
|
|
21652
21646
|
var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
21653
21647
|
var _ref$checkedIcon = _ref.checkedIcon,
|
|
@@ -21688,7 +21682,7 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21688
21682
|
var currentIcon = getCurrentIcon(); // 如果没有自定义图标,使用默认的 Checkbox
|
|
21689
21683
|
|
|
21690
21684
|
if (!currentIcon) {
|
|
21691
|
-
return jsxRuntime.jsx(antd.Checkbox, _objectSpread$
|
|
21685
|
+
return jsxRuntime.jsx(antd.Checkbox, _objectSpread$c(_objectSpread$c({
|
|
21692
21686
|
className: className,
|
|
21693
21687
|
style: style,
|
|
21694
21688
|
checked: checked,
|
|
@@ -21737,7 +21731,7 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21737
21731
|
transition: "all 0.3s"
|
|
21738
21732
|
};
|
|
21739
21733
|
|
|
21740
|
-
var wrapperStyle = _objectSpread$
|
|
21734
|
+
var wrapperStyle = _objectSpread$c({
|
|
21741
21735
|
display: "inline-flex",
|
|
21742
21736
|
alignItems: "center",
|
|
21743
21737
|
cursor: disabled ? "not-allowed" : "pointer",
|
|
@@ -21778,137 +21772,137 @@ var DIYCheckbox = function DIYCheckbox(_ref) {
|
|
|
21778
21772
|
});
|
|
21779
21773
|
};
|
|
21780
21774
|
|
|
21775
|
+
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; }
|
|
21776
|
+
|
|
21777
|
+
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__default["default"](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; }
|
|
21778
|
+
var SortableItem = /*#__PURE__*/React.memo(function (_ref) {
|
|
21779
|
+
var item = _ref.item;
|
|
21780
|
+
|
|
21781
|
+
var _useSortable = sortable.useSortable({
|
|
21782
|
+
id: item.id,
|
|
21783
|
+
disabled: !item.isChecked
|
|
21784
|
+
}),
|
|
21785
|
+
attributes = _useSortable.attributes,
|
|
21786
|
+
listeners = _useSortable.listeners,
|
|
21787
|
+
setNodeRef = _useSortable.setNodeRef,
|
|
21788
|
+
transform = _useSortable.transform,
|
|
21789
|
+
transition = _useSortable.transition,
|
|
21790
|
+
isDragging = _useSortable.isDragging;
|
|
21791
|
+
|
|
21792
|
+
var style = {
|
|
21793
|
+
transform: utilities.CSS.Transform.toString(transform),
|
|
21794
|
+
transition: transition,
|
|
21795
|
+
opacity: isDragging ? 0 : 1
|
|
21796
|
+
};
|
|
21797
|
+
var itemClass = clsx__default["default"]("dragItem", {
|
|
21798
|
+
dragging: isDragging
|
|
21799
|
+
});
|
|
21800
|
+
return jsxRuntime.jsxs("div", {
|
|
21801
|
+
className: itemClass,
|
|
21802
|
+
ref: setNodeRef,
|
|
21803
|
+
style: style,
|
|
21804
|
+
children: [jsxRuntime.jsx("div", {
|
|
21805
|
+
className: "dragBody",
|
|
21806
|
+
children: item.cpn
|
|
21807
|
+
}), jsxRuntime.jsx("div", {
|
|
21808
|
+
children: item.isChecked ? jsxRuntime.jsx("div", _objectSpread$b(_objectSpread$b(_objectSpread$b({
|
|
21809
|
+
className: "dragHandleWrapper"
|
|
21810
|
+
}, attributes), listeners), {}, {
|
|
21811
|
+
children: jsxRuntime.jsx(icons.HolderOutlined, {
|
|
21812
|
+
className: "dragHandleIcon"
|
|
21813
|
+
})
|
|
21814
|
+
})) : null
|
|
21815
|
+
})]
|
|
21816
|
+
});
|
|
21817
|
+
});
|
|
21818
|
+
SortableItem.displayName = "SortableItem";
|
|
21781
21819
|
var SortDrag = /*#__PURE__*/React.memo(function (props) {
|
|
21782
21820
|
var sortList = props.sortList,
|
|
21783
21821
|
changeOriginDataSource = props.changeOriginDataSource;
|
|
21784
21822
|
|
|
21785
21823
|
var _useState = React.useState(sortList),
|
|
21786
21824
|
items = _useState[0],
|
|
21787
|
-
setItems = _useState[1];
|
|
21788
|
-
|
|
21825
|
+
setItems = _useState[1];
|
|
21789
21826
|
|
|
21790
21827
|
var _useState2 = React.useState(null),
|
|
21791
|
-
|
|
21792
|
-
|
|
21793
|
-
|
|
21794
|
-
|
|
21795
|
-
var _useState3 = React.useState(null),
|
|
21796
|
-
droppingId = _useState3[0],
|
|
21797
|
-
setDroppingId = _useState3[1]; // refs 用于绑定每个 item 的 DOM
|
|
21828
|
+
activeId = _useState2[0],
|
|
21829
|
+
setActiveId = _useState2[1]; // 同步外部 sortList 变化到内部状态
|
|
21798
21830
|
|
|
21799
21831
|
|
|
21800
|
-
var itemRefs = React.useRef({}); // 修改:为每个 item 单独管理 dragHandle ref
|
|
21801
|
-
|
|
21802
|
-
var dragHandleRefs = React.useRef({}); // 注册拖拽和 drop target
|
|
21803
|
-
|
|
21804
21832
|
React.useEffect(function () {
|
|
21805
|
-
|
|
21806
|
-
|
|
21807
|
-
|
|
21808
|
-
|
|
21809
|
-
|
|
21810
|
-
|
|
21811
|
-
|
|
21812
|
-
|
|
21813
|
-
|
|
21814
|
-
|
|
21815
|
-
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
21819
|
-
id: item.id,
|
|
21820
|
-
index: idx,
|
|
21821
|
-
label: item.label
|
|
21822
|
-
};
|
|
21823
|
-
},
|
|
21824
|
-
onDragStart: function onDragStart() {
|
|
21825
|
-
return setDraggingId(item.id);
|
|
21826
|
-
},
|
|
21827
|
-
onDrop: function onDrop() {
|
|
21828
|
-
return setDraggingId(null);
|
|
21829
|
-
}
|
|
21830
|
-
})); // 注册为 drop target
|
|
21833
|
+
setItems(sortList);
|
|
21834
|
+
}, [sortList]);
|
|
21835
|
+
var sensors = core.useSensors(core.useSensor(core.TouchSensor, {
|
|
21836
|
+
activationConstraint: {
|
|
21837
|
+
delay: 200,
|
|
21838
|
+
tolerance: 5
|
|
21839
|
+
}
|
|
21840
|
+
}), core.useSensor(core.PointerSensor, {
|
|
21841
|
+
activationConstraint: {
|
|
21842
|
+
distance: 10
|
|
21843
|
+
}
|
|
21844
|
+
}), core.useSensor(core.KeyboardSensor, {
|
|
21845
|
+
coordinateGetter: sortable.sortableKeyboardCoordinates
|
|
21846
|
+
}));
|
|
21831
21847
|
|
|
21832
|
-
|
|
21833
|
-
|
|
21834
|
-
|
|
21835
|
-
return item.isChecked;
|
|
21836
|
-
},
|
|
21837
|
-
onDragEnter: function onDragEnter(args) {
|
|
21838
|
-
var fromIdx = items.findIndex(function (i) {
|
|
21839
|
-
return i.id === args.source.data.id;
|
|
21840
|
-
});
|
|
21841
|
-
if (fromIdx === idx) return;
|
|
21842
|
-
console.log("当前hover元素", item.id);
|
|
21843
|
-
console.log("当前拖拽元素", args);
|
|
21844
|
-
setDroppingId(item.id);
|
|
21845
|
-
},
|
|
21846
|
-
onDragLeave: function onDragLeave() {
|
|
21847
|
-
setDroppingId(null);
|
|
21848
|
-
},
|
|
21849
|
-
onDrop: function onDrop(_ref) {
|
|
21850
|
-
var source = _ref.source;
|
|
21851
|
-
// console.log("当前拖拽元素", source);
|
|
21852
|
-
if (!source) return;
|
|
21853
|
-
var fromIdx = items.findIndex(function (i) {
|
|
21854
|
-
return i.id === source.data.id;
|
|
21855
|
-
});
|
|
21856
|
-
var toIdx = idx;
|
|
21857
|
-
if (fromIdx === -1 || fromIdx === toIdx) return;
|
|
21858
|
-
var newItems = [].concat(items);
|
|
21859
|
-
|
|
21860
|
-
var _newItems$splice = newItems.splice(fromIdx, 1),
|
|
21861
|
-
moved = _newItems$splice[0];
|
|
21862
|
-
|
|
21863
|
-
newItems.splice(toIdx, 0, moved);
|
|
21864
|
-
console.log("排序之后的数据", newItems);
|
|
21865
|
-
setItems(newItems);
|
|
21866
|
-
changeOriginDataSource(newItems);
|
|
21867
|
-
setDroppingId(null);
|
|
21868
|
-
}
|
|
21869
|
-
}));
|
|
21870
|
-
}); // 监听全局拖拽,拖拽结束时清理 draggingId
|
|
21848
|
+
var handleDragStart = function handleDragStart(event) {
|
|
21849
|
+
setActiveId(event.active.id);
|
|
21850
|
+
};
|
|
21871
21851
|
|
|
21872
|
-
|
|
21873
|
-
|
|
21874
|
-
|
|
21875
|
-
|
|
21852
|
+
var handleDragEnd = function handleDragEnd(event) {
|
|
21853
|
+
var active = event.active,
|
|
21854
|
+
over = event.over;
|
|
21855
|
+
setActiveId(null);
|
|
21856
|
+
if (!over || active.id === over.id) return;
|
|
21857
|
+
var oldIndex = items.findIndex(function (item) {
|
|
21858
|
+
return item.id === active.id;
|
|
21876
21859
|
});
|
|
21877
|
-
|
|
21878
|
-
|
|
21879
|
-
|
|
21880
|
-
|
|
21881
|
-
|
|
21882
|
-
|
|
21883
|
-
|
|
21884
|
-
|
|
21885
|
-
|
|
21886
|
-
|
|
21887
|
-
|
|
21888
|
-
|
|
21889
|
-
|
|
21890
|
-
|
|
21891
|
-
|
|
21892
|
-
|
|
21893
|
-
|
|
21894
|
-
|
|
21895
|
-
|
|
21896
|
-
|
|
21897
|
-
|
|
21898
|
-
|
|
21899
|
-
|
|
21900
|
-
|
|
21901
|
-
|
|
21902
|
-
|
|
21903
|
-
|
|
21904
|
-
|
|
21905
|
-
|
|
21906
|
-
|
|
21907
|
-
|
|
21908
|
-
|
|
21909
|
-
|
|
21910
|
-
|
|
21911
|
-
|
|
21860
|
+
var newIndex = items.findIndex(function (item) {
|
|
21861
|
+
return item.id === over.id;
|
|
21862
|
+
});
|
|
21863
|
+
if (oldIndex === -1 || newIndex === -1) return;
|
|
21864
|
+
var newItems = sortable.arrayMove(items, oldIndex, newIndex);
|
|
21865
|
+
setItems(newItems);
|
|
21866
|
+
changeOriginDataSource(newItems);
|
|
21867
|
+
};
|
|
21868
|
+
|
|
21869
|
+
var activeItem = items.find(function (item) {
|
|
21870
|
+
return item.id === activeId;
|
|
21871
|
+
});
|
|
21872
|
+
return jsxRuntime.jsxs(core.DndContext, {
|
|
21873
|
+
sensors: sensors,
|
|
21874
|
+
collisionDetection: core.closestCenter,
|
|
21875
|
+
onDragStart: handleDragStart,
|
|
21876
|
+
onDragEnd: handleDragEnd,
|
|
21877
|
+
children: [jsxRuntime.jsx(sortable.SortableContext, {
|
|
21878
|
+
items: items,
|
|
21879
|
+
strategy: sortable.verticalListSortingStrategy,
|
|
21880
|
+
children: jsxRuntime.jsx("div", {
|
|
21881
|
+
className: "sortDrag",
|
|
21882
|
+
children: items.map(function (item) {
|
|
21883
|
+
return jsxRuntime.jsx(SortableItem, {
|
|
21884
|
+
item: item
|
|
21885
|
+
}, item.id);
|
|
21886
|
+
})
|
|
21887
|
+
})
|
|
21888
|
+
}), jsxRuntime.jsx(core.DragOverlay, {
|
|
21889
|
+
dropAnimation: null,
|
|
21890
|
+
children: activeItem ? jsxRuntime.jsx("div", {
|
|
21891
|
+
className: "sortDrag-overlay",
|
|
21892
|
+
children: jsxRuntime.jsxs("div", {
|
|
21893
|
+
className: "sortDrag-overlay-inner",
|
|
21894
|
+
children: [jsxRuntime.jsx("div", {
|
|
21895
|
+
className: "dragBody",
|
|
21896
|
+
children: activeItem.cpn
|
|
21897
|
+
}), jsxRuntime.jsx("div", {
|
|
21898
|
+
className: "sortDrag-overlay-handle",
|
|
21899
|
+
children: jsxRuntime.jsx(icons.HolderOutlined, {
|
|
21900
|
+
className: "sortDrag-overlay-handleIcon"
|
|
21901
|
+
})
|
|
21902
|
+
})]
|
|
21903
|
+
})
|
|
21904
|
+
}) : null
|
|
21905
|
+
})]
|
|
21912
21906
|
});
|
|
21913
21907
|
});
|
|
21914
21908
|
|
|
@@ -23030,8 +23024,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23030
23024
|
_proto._data2rangePicker = function _data2rangePicker(d) {
|
|
23031
23025
|
var _this$props$schema$da2;
|
|
23032
23026
|
|
|
23033
|
-
var dataFormat = (_this$props$schema$da2 = this.props.schema.dataFormat) != null ? _this$props$schema$da2 : "x";
|
|
23034
|
-
|
|
23027
|
+
var dataFormat = (_this$props$schema$da2 = this.props.schema.dataFormat) != null ? _this$props$schema$da2 : "x"; // 若 tillNow=true,结束时间传 null,避免 RangePicker 缓存旧结束时间
|
|
23028
|
+
|
|
23029
|
+
var endTime = d[2] === true ? null : d[1] ? moment__default["default"](d[1], dataFormat) : null;
|
|
23030
|
+
return [d[0] ? moment__default["default"](d[0], dataFormat) : null, endTime];
|
|
23035
23031
|
};
|
|
23036
23032
|
|
|
23037
23033
|
_proto.element = function element() {
|
|
@@ -23154,7 +23150,10 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23154
23150
|
} else if (precision === 'month') {
|
|
23155
23151
|
extraProps.picker = 'month';
|
|
23156
23152
|
} else if (pcShowTime) {
|
|
23157
|
-
|
|
23153
|
+
// precision 为 minute 时只展示时分,不展示秒
|
|
23154
|
+
extraProps.showTime = precision === 'minute' ? {
|
|
23155
|
+
format: 'HH:mm'
|
|
23156
|
+
} : true;
|
|
23158
23157
|
} // 构造元素
|
|
23159
23158
|
|
|
23160
23159
|
|
|
@@ -23198,7 +23197,20 @@ var ARangePicker = /*#__PURE__*/function (_Viewer) {
|
|
|
23198
23197
|
_this2._onCalendarChangeValue = d;
|
|
23199
23198
|
},
|
|
23200
23199
|
onChange: function onChange(vv) {
|
|
23201
|
-
|
|
23200
|
+
// 用户清空日期范围时,直接置空
|
|
23201
|
+
if (!vv) {
|
|
23202
|
+
_Viewer.prototype.changeValueEx.call(_this2, undefined, true, true);
|
|
23203
|
+
|
|
23204
|
+
return;
|
|
23205
|
+
}
|
|
23206
|
+
|
|
23207
|
+
var currentData = _Viewer.prototype.getValue.call(_this2);
|
|
23208
|
+
|
|
23209
|
+
var isTillNow = ___default["default"].get(currentData, '[2]') === true; // 若当前是"至今"且用户只改了开始时间(结束时间仍为 null),保留 tillNow
|
|
23210
|
+
|
|
23211
|
+
var newTillNow = isTillNow && vv[1] == null;
|
|
23212
|
+
|
|
23213
|
+
_Viewer.prototype.changeValueEx.call(_this2, _this2._rangePicker2Data(vv, newTillNow), true, true);
|
|
23202
23214
|
}
|
|
23203
23215
|
}, extraProps), this.state.ctrlVersion + "_" + ((_this$props$schema$da7 = this.props.schema.dateRangePrecision) != null ? _this$props$schema$da7 : 'day'));
|
|
23204
23216
|
}
|