form-driver 0.1.7 → 0.1.9
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.js +1 -1
- package/es/m3.js +83 -55
- package/lib/m3.js +83 -55
- package/package.json +2 -2
- package/src/ui/editor/basic/ASelector.tsx +9 -2
- package/src/ui/readable/ArrayViewer.tsx +7 -8
- package/src/ui/readable/DecorationViewer.tsx +7 -4
package/lib/m3.js
CHANGED
|
@@ -37,9 +37,9 @@ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
|
37
37
|
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
38
38
|
var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
|
|
39
39
|
|
|
40
|
-
function ownKeys$
|
|
40
|
+
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; }
|
|
41
41
|
|
|
42
|
-
function _objectSpread$
|
|
42
|
+
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; }
|
|
43
43
|
|
|
44
44
|
function generateQueryStr(obj) {
|
|
45
45
|
if (obj === void 0) {
|
|
@@ -73,7 +73,7 @@ var Ajax = {
|
|
|
73
73
|
var args = {
|
|
74
74
|
method: method,
|
|
75
75
|
body: JSON.stringify(body),
|
|
76
|
-
headers: _objectSpread$
|
|
76
|
+
headers: _objectSpread$f({
|
|
77
77
|
'Content-Type': 'application/json'
|
|
78
78
|
}, headers)
|
|
79
79
|
};
|
|
@@ -1205,9 +1205,9 @@ var assembly = new Assembly();
|
|
|
1205
1205
|
|
|
1206
1206
|
var MContext = /*#__PURE__*/React__default["default"].createContext(undefined);
|
|
1207
1207
|
|
|
1208
|
-
function ownKeys$
|
|
1208
|
+
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; }
|
|
1209
1209
|
|
|
1210
|
-
function _objectSpread$
|
|
1210
|
+
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; }
|
|
1211
1211
|
/**
|
|
1212
1212
|
* 一个字段的视图
|
|
1213
1213
|
*/
|
|
@@ -1230,7 +1230,7 @@ var MFieldViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1230
1230
|
return MUtil.error("\u5B57\u6BB5\u7684\u89C6\u56FE\u5C1A\u672A\u5B9E\u73B0", this.props.schema);
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
-
var props = _objectSpread$
|
|
1233
|
+
var props = _objectSpread$e({
|
|
1234
1234
|
afterChange: function afterChange() {},
|
|
1235
1235
|
name: this.props.path
|
|
1236
1236
|
}, this.props);
|
|
@@ -16189,6 +16189,9 @@ var BaseViewer = /*#__PURE__*/function (_Viewer) {
|
|
|
16189
16189
|
return BaseViewer;
|
|
16190
16190
|
}(Viewer);
|
|
16191
16191
|
|
|
16192
|
+
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; }
|
|
16193
|
+
|
|
16194
|
+
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; }
|
|
16192
16195
|
var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
16193
16196
|
_inheritsLoose__default["default"](ArrayViewer, _BaseViewer);
|
|
16194
16197
|
|
|
@@ -16202,23 +16205,34 @@ var ArrayViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16202
16205
|
var _this = this;
|
|
16203
16206
|
|
|
16204
16207
|
var vs = this.getValue();
|
|
16208
|
+
var s = this.props.schema.style;
|
|
16205
16209
|
|
|
16206
16210
|
if (___default["default"].isNil(vs)) {
|
|
16207
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
16211
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16212
|
+
style: _objectSpread$d({}, s)
|
|
16213
|
+
}, assembly.theme.READABLE_BLANK);
|
|
16208
16214
|
} else if (!___default["default"].isArray(vs)) {
|
|
16209
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
16215
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16216
|
+
style: _objectSpread$d({}, s)
|
|
16217
|
+
}, assembly.theme.READABLE_INVALID);
|
|
16210
16218
|
} else if (vs.length === 0) {
|
|
16211
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
16219
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16220
|
+
style: _objectSpread$d({}, s)
|
|
16221
|
+
}, assembly.theme.READABLE_BLANK);
|
|
16212
16222
|
}
|
|
16213
16223
|
|
|
16214
16224
|
if (this.props.schema.toReadable) {
|
|
16215
|
-
return /*#__PURE__*/React__default["default"].createElement("div", null, assembly.toReadable(this.props.schema, vs, _BaseViewer.prototype.getParentValue.call(this)));
|
|
16225
|
+
return /*#__PURE__*/React__default["default"].createElement("div", null, " style=", _objectSpread$d({}, s), assembly.toReadable(this.props.schema, vs, _BaseViewer.prototype.getParentValue.call(this)));
|
|
16216
16226
|
} else if (this.props.schema.remote) {
|
|
16217
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
16227
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16228
|
+
style: _objectSpread$d({}, s)
|
|
16229
|
+
}, " ", vs.map(function (v) {
|
|
16218
16230
|
return v.label;
|
|
16219
16231
|
}).join(", "), " ");
|
|
16220
16232
|
} else if (!this.props.schema.arrayMember) {
|
|
16221
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
16233
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16234
|
+
style: _objectSpread$d({}, s)
|
|
16235
|
+
}, vs.join(', '));
|
|
16222
16236
|
} else {
|
|
16223
16237
|
if (this.props.schema.layoutHint === "h") {
|
|
16224
16238
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -16541,9 +16555,9 @@ var ARadio = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16541
16555
|
return ARadio;
|
|
16542
16556
|
}(BaseViewer);
|
|
16543
16557
|
|
|
16544
|
-
function ownKeys$
|
|
16558
|
+
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; }
|
|
16545
16559
|
|
|
16546
|
-
function _objectSpread$
|
|
16560
|
+
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; }
|
|
16547
16561
|
/**
|
|
16548
16562
|
* antd 的评分组件 https://ant.design/components/rate-cn/
|
|
16549
16563
|
* { editor: 'ARate', name: 'score', label: "评分", required: true, props: {count: 8} }
|
|
@@ -16568,7 +16582,7 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16568
16582
|
|
|
16569
16583
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16570
16584
|
|
|
16571
|
-
var props = _objectSpread$
|
|
16585
|
+
var props = _objectSpread$c({
|
|
16572
16586
|
count: this.props.schema.max,
|
|
16573
16587
|
defaultValue: this.value,
|
|
16574
16588
|
onChange: function onChange(value, label, extra) {
|
|
@@ -16590,9 +16604,9 @@ var ARate = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16590
16604
|
return ARate;
|
|
16591
16605
|
}(BaseViewer);
|
|
16592
16606
|
|
|
16593
|
-
function ownKeys$
|
|
16607
|
+
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; }
|
|
16594
16608
|
|
|
16595
|
-
function _objectSpread$
|
|
16609
|
+
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; }
|
|
16596
16610
|
/**
|
|
16597
16611
|
* antd 的上传组件 https://ant.design/components/upload-cn/
|
|
16598
16612
|
* {
|
|
@@ -16672,7 +16686,7 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16672
16686
|
});
|
|
16673
16687
|
}
|
|
16674
16688
|
|
|
16675
|
-
var props = _objectSpread$
|
|
16689
|
+
var props = _objectSpread$b(_objectSpread$b({}, a), {}, {
|
|
16676
16690
|
onChange: function onChange(info) {
|
|
16677
16691
|
if (p.onChange) p.onChange(info);
|
|
16678
16692
|
console.log(info);
|
|
@@ -16745,9 +16759,9 @@ var AUpload = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16745
16759
|
return AUpload;
|
|
16746
16760
|
}(BaseViewer);
|
|
16747
16761
|
|
|
16748
|
-
function ownKeys$
|
|
16762
|
+
function ownKeys$a(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; }
|
|
16749
16763
|
|
|
16750
|
-
function _objectSpread$
|
|
16764
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16751
16765
|
/**
|
|
16752
16766
|
* antd 的树型选择控件 https://ant.design/components/tree-select-cn/
|
|
16753
16767
|
* {
|
|
@@ -16779,7 +16793,7 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16779
16793
|
|
|
16780
16794
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16781
16795
|
|
|
16782
|
-
var props = _objectSpread$
|
|
16796
|
+
var props = _objectSpread$a({
|
|
16783
16797
|
defaultValue: this.value,
|
|
16784
16798
|
onChange: function onChange(value, label, extra) {
|
|
16785
16799
|
if (p.onChange) p.onChange(value, label, extra);
|
|
@@ -16803,9 +16817,9 @@ var ATreeSelect = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16803
16817
|
return ATreeSelect;
|
|
16804
16818
|
}(BaseViewer);
|
|
16805
16819
|
|
|
16806
|
-
function ownKeys$
|
|
16820
|
+
function ownKeys$9(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; }
|
|
16807
16821
|
|
|
16808
|
-
function _objectSpread$
|
|
16822
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16809
16823
|
/**
|
|
16810
16824
|
* NPS 打分组件,基于 antd 的评分组件 https://ant.design/components/rate-cn/
|
|
16811
16825
|
* 定义示例:{ editor: 'NPS', name: 'possibility', label: "您向朋友或同事推荐本堂课程的可能性有多大?", required: true },
|
|
@@ -16833,7 +16847,7 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16833
16847
|
|
|
16834
16848
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16835
16849
|
|
|
16836
|
-
var props = _objectSpread$
|
|
16850
|
+
var props = _objectSpread$9({
|
|
16837
16851
|
count: 11,
|
|
16838
16852
|
character: function character(_ref) {
|
|
16839
16853
|
var index = _ref.index;
|
|
@@ -16867,9 +16881,9 @@ var NPS = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16867
16881
|
return NPS;
|
|
16868
16882
|
}(BaseViewer);
|
|
16869
16883
|
|
|
16870
|
-
function ownKeys$
|
|
16884
|
+
function ownKeys$8(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; }
|
|
16871
16885
|
|
|
16872
|
-
function _objectSpread$
|
|
16886
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16873
16887
|
/**
|
|
16874
16888
|
* 输入整数的输入框
|
|
16875
16889
|
* 定义示例:{label:"2.3 请问今年以来您平均每月工作多少天?",name:"workdayPerMonth", type:"int"},
|
|
@@ -16890,9 +16904,9 @@ var AIntBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
16890
16904
|
|
|
16891
16905
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
16892
16906
|
|
|
16893
|
-
var props = _objectSpread$
|
|
16907
|
+
var props = _objectSpread$8(_objectSpread$8({}, _BaseViewer.prototype.antProp.call(this)), {}, {
|
|
16894
16908
|
bordered: undefined,
|
|
16895
|
-
style: _objectSpread$
|
|
16909
|
+
style: _objectSpread$8({
|
|
16896
16910
|
border: this.props.hideBorder ? "none" : undefined
|
|
16897
16911
|
}, this.props.style),
|
|
16898
16912
|
min: this.props.schema.min,
|
|
@@ -17070,9 +17084,9 @@ var ACheckBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17070
17084
|
return ACheckBox;
|
|
17071
17085
|
}(BaseViewer);
|
|
17072
17086
|
|
|
17073
|
-
function ownKeys$
|
|
17087
|
+
function ownKeys$7(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; }
|
|
17074
17088
|
|
|
17075
|
-
function _objectSpread$
|
|
17089
|
+
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17076
17090
|
var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
17077
17091
|
_inheritsLoose__default["default"](AInputBox, _BaseViewer);
|
|
17078
17092
|
|
|
@@ -17094,7 +17108,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17094
17108
|
var lines = (_this$props$schema$st = this.props.schema.stringLines) != null ? _this$props$schema$st : 1;
|
|
17095
17109
|
var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
|
|
17096
17110
|
|
|
17097
|
-
var commonProps = _objectSpread$
|
|
17111
|
+
var commonProps = _objectSpread$7({
|
|
17098
17112
|
defaultValue: this.getValue(),
|
|
17099
17113
|
key: this.props.path,
|
|
17100
17114
|
onChange: function onChange(v) {
|
|
@@ -17125,7 +17139,7 @@ var AInputBox = /*#__PURE__*/function (_BaseViewer) {
|
|
|
17125
17139
|
});
|
|
17126
17140
|
}
|
|
17127
17141
|
|
|
17128
|
-
var inputProps = _objectSpread$
|
|
17142
|
+
var inputProps = _objectSpread$7({
|
|
17129
17143
|
className: "AInputBox",
|
|
17130
17144
|
style: this.props.style
|
|
17131
17145
|
}, commonProps); //if(addon) {
|
|
@@ -17757,9 +17771,9 @@ function SegmentEditSwitch(props) {
|
|
|
17757
17771
|
}
|
|
17758
17772
|
}
|
|
17759
17773
|
|
|
17760
|
-
function ownKeys$
|
|
17774
|
+
function ownKeys$6(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; }
|
|
17761
17775
|
|
|
17762
|
-
function _objectSpread$
|
|
17776
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17763
17777
|
/**
|
|
17764
17778
|
* 可以折叠的元素,折叠时可带动画效果
|
|
17765
17779
|
*
|
|
@@ -17822,7 +17836,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
17822
17836
|
|
|
17823
17837
|
if (open) {
|
|
17824
17838
|
return {
|
|
17825
|
-
css: _objectSpread$
|
|
17839
|
+
css: _objectSpread$6(_objectSpread$6({}, self.props.style), {}, {
|
|
17826
17840
|
maxHeight: changing ? self.height + "px" : undefined,
|
|
17827
17841
|
visibility: "visible",
|
|
17828
17842
|
opacity: "1",
|
|
@@ -17831,7 +17845,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
17831
17845
|
};
|
|
17832
17846
|
} else {
|
|
17833
17847
|
var r = {
|
|
17834
|
-
css: _objectSpread$
|
|
17848
|
+
css: _objectSpread$6(_objectSpread$6({}, self.closeStyle), {}, {
|
|
17835
17849
|
maxHeight: "0px",
|
|
17836
17850
|
visibility: "hidden",
|
|
17837
17851
|
opacity: "0",
|
|
@@ -17916,9 +17930,9 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
17916
17930
|
return Collapsible;
|
|
17917
17931
|
}(React__default["default"].Component);
|
|
17918
17932
|
|
|
17919
|
-
function ownKeys$
|
|
17933
|
+
function ownKeys$5(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; }
|
|
17920
17934
|
|
|
17921
|
-
function _objectSpread$
|
|
17935
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17922
17936
|
|
|
17923
17937
|
function _createForOfIteratorHelperLoose$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17924
17938
|
|
|
@@ -18255,7 +18269,7 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
18255
18269
|
|
|
18256
18270
|
segments.push( /*#__PURE__*/React__default["default"].createElement(Segment, {
|
|
18257
18271
|
column: column,
|
|
18258
|
-
style: _objectSpread$
|
|
18272
|
+
style: _objectSpread$5(_objectSpread$5({}, segment.style), {}, {
|
|
18259
18273
|
display: segHide ? "none" : undefined
|
|
18260
18274
|
}),
|
|
18261
18275
|
key: fno++,
|
|
@@ -18357,9 +18371,9 @@ var AForm = /*#__PURE__*/function (_Viewer) {
|
|
|
18357
18371
|
return AForm;
|
|
18358
18372
|
}(Viewer);
|
|
18359
18373
|
|
|
18360
|
-
function ownKeys$
|
|
18374
|
+
function ownKeys$4(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; }
|
|
18361
18375
|
|
|
18362
|
-
function _objectSpread$
|
|
18376
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18363
18377
|
var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
18364
18378
|
_inheritsLoose__default["default"](DivViewer, _BaseViewer);
|
|
18365
18379
|
|
|
@@ -18371,7 +18385,7 @@ var DivViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18371
18385
|
|
|
18372
18386
|
_proto.element = function element() {
|
|
18373
18387
|
return /*#__PURE__*/React__default["default"].createElement("pre", {
|
|
18374
|
-
style: _objectSpread$
|
|
18388
|
+
style: _objectSpread$4({
|
|
18375
18389
|
marginBottom: 0,
|
|
18376
18390
|
color: "rgba(0,0,0,0.6)",
|
|
18377
18391
|
overflow: "initial",
|
|
@@ -18441,8 +18455,15 @@ var ASelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18441
18455
|
var options = this._enums.map(function (m, index) {
|
|
18442
18456
|
var _m$label;
|
|
18443
18457
|
|
|
18444
|
-
if (
|
|
18445
|
-
|
|
18458
|
+
if (___default["default"].isObject(value)) {
|
|
18459
|
+
// @ts-ignore
|
|
18460
|
+
if (value.value === m.value) {
|
|
18461
|
+
initIndex = index;
|
|
18462
|
+
}
|
|
18463
|
+
} else {
|
|
18464
|
+
if (value === m.value) {
|
|
18465
|
+
initIndex = index;
|
|
18466
|
+
}
|
|
18446
18467
|
}
|
|
18447
18468
|
|
|
18448
18469
|
return /*#__PURE__*/React__default["default"].createElement(Select__default["default"].Option, {
|
|
@@ -18601,9 +18622,9 @@ var ASetSelector = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18601
18622
|
return ASetSelector;
|
|
18602
18623
|
}(BaseViewer);
|
|
18603
18624
|
|
|
18604
|
-
function ownKeys$
|
|
18625
|
+
function ownKeys$3(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; }
|
|
18605
18626
|
|
|
18606
|
-
function _objectSpread$
|
|
18627
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18607
18628
|
/**
|
|
18608
18629
|
* 数据表格
|
|
18609
18630
|
* 数据是这样的数组:
|
|
@@ -18633,7 +18654,7 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18633
18654
|
}
|
|
18634
18655
|
|
|
18635
18656
|
var members = schema.arrayMember.objectFields // 成员是复杂结构
|
|
18636
|
-
|| [_objectSpread$
|
|
18657
|
+
|| [_objectSpread$3({
|
|
18637
18658
|
name: undefined
|
|
18638
18659
|
}, schema.arrayMember)]; // 成员是简单结构
|
|
18639
18660
|
// if(!members) {
|
|
@@ -18782,9 +18803,9 @@ var AArrayGrid = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18782
18803
|
return AArrayGrid;
|
|
18783
18804
|
}(BaseViewer);
|
|
18784
18805
|
|
|
18785
|
-
function ownKeys$
|
|
18806
|
+
function ownKeys$2(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; }
|
|
18786
18807
|
|
|
18787
|
-
function _objectSpread$
|
|
18808
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18788
18809
|
var RANGE_FNAME = "_range";
|
|
18789
18810
|
/**
|
|
18790
18811
|
* 经历,可以用于教育经历、工作经历等
|
|
@@ -18809,7 +18830,7 @@ var AExperience = /*#__PURE__*/function (_BaseViewer) {
|
|
|
18809
18830
|
_proto._submitData = function _submitData(arrayGridData, sort) {
|
|
18810
18831
|
// 修改后,把数据转换回来再提交
|
|
18811
18832
|
var experienceData = arrayGridData.map(function (e) {
|
|
18812
|
-
var item = _objectSpread$
|
|
18833
|
+
var item = _objectSpread$2(_objectSpread$2({}, e), {}, {
|
|
18813
18834
|
from: ___default["default"].get(e, RANGE_FNAME + "[0]"),
|
|
18814
18835
|
to: ___default["default"].get(e, RANGE_FNAME + "[1]"),
|
|
18815
18836
|
tillNow: ___default["default"].get(e, RANGE_FNAME + "[2]")
|
|
@@ -19429,6 +19450,9 @@ var MFloatType = ___default["default"].assign({}, EmtpyType, {
|
|
|
19429
19450
|
|
|
19430
19451
|
var MDecorationType = EmtpyType;
|
|
19431
19452
|
|
|
19453
|
+
function ownKeys$1(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; }
|
|
19454
|
+
|
|
19455
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19432
19456
|
function DecorationViewer(props) {
|
|
19433
19457
|
var _props$schema, _props$schema$decorat;
|
|
19434
19458
|
|
|
@@ -19448,9 +19472,12 @@ function DecorationViewer(props) {
|
|
|
19448
19472
|
}
|
|
19449
19473
|
}
|
|
19450
19474
|
|
|
19475
|
+
var s = props.schema.style;
|
|
19476
|
+
|
|
19451
19477
|
if (subType === 'rich') {
|
|
19452
19478
|
// HTML 片段
|
|
19453
19479
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19480
|
+
style: _objectSpread$1({}, s),
|
|
19454
19481
|
dangerouslySetInnerHTML: {
|
|
19455
19482
|
__html: props.schema.decoration.HTML
|
|
19456
19483
|
}
|
|
@@ -19463,9 +19490,9 @@ function DecorationViewer(props) {
|
|
|
19463
19490
|
|
|
19464
19491
|
return /*#__PURE__*/React__default["default"].createElement(MContext.Consumer, null, function (ctx) {
|
|
19465
19492
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19466
|
-
style: {
|
|
19493
|
+
style: _objectSpread$1({
|
|
19467
19494
|
textAlign: "center"
|
|
19468
|
-
}
|
|
19495
|
+
}, s)
|
|
19469
19496
|
}, /*#__PURE__*/React__default["default"].createElement(antd.Button, {
|
|
19470
19497
|
type: "primary",
|
|
19471
19498
|
loading: loading,
|
|
@@ -19503,17 +19530,18 @@ function DecorationViewer(props) {
|
|
|
19503
19530
|
} else if (subType === 'segmentLabel') {
|
|
19504
19531
|
// 分段标题
|
|
19505
19532
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19506
|
-
style: {
|
|
19533
|
+
style: _objectSpread$1({
|
|
19507
19534
|
borderBottom: "1px solid #d9d9d9",
|
|
19508
19535
|
padding: "0 0 10px",
|
|
19509
19536
|
margin: "20px 0 15px",
|
|
19510
19537
|
fontSize: 19,
|
|
19511
19538
|
fontWeight: "bold"
|
|
19512
|
-
}
|
|
19539
|
+
}, s)
|
|
19513
19540
|
}, props.schema.decoration.segmentLabel);
|
|
19514
19541
|
} else if (subType === 'operations') {
|
|
19515
19542
|
return /*#__PURE__*/React__default["default"].createElement(antd.Space, {
|
|
19516
|
-
size: "middle"
|
|
19543
|
+
size: "middle",
|
|
19544
|
+
style: _objectSpread$1({}, s)
|
|
19517
19545
|
}, props.schema.decoration.operations.map(function (o, index) {
|
|
19518
19546
|
return /*#__PURE__*/React__default["default"].createElement("a", {
|
|
19519
19547
|
key: index,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "form-driver",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"description": "An efficient framework for creating forms.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"authors": [
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"b": "npm run clean && npm run build",
|
|
15
15
|
"i": "yarn",
|
|
16
16
|
"ri": "rm -rf node_modules && npm run i",
|
|
17
|
-
"pub": "npm run b && npm version patch && npm publish && git push",
|
|
17
|
+
"pub": "git add . && git commit -m 'update' & npm run b && npm version patch && npm publish && git push",
|
|
18
18
|
"patch": "npm version patch && npm publish && git push",
|
|
19
19
|
"submodule": "git submodule update --init",
|
|
20
20
|
"ut-pull": "cd ./demo/src/ut_autoTest/ut_case && git pull",
|
|
@@ -43,8 +43,15 @@ export class ASelector extends BaseViewer {
|
|
|
43
43
|
} else {
|
|
44
44
|
let initIndex = undefined;
|
|
45
45
|
const options = this._enums.map((m, index) => {
|
|
46
|
-
if (
|
|
47
|
-
|
|
46
|
+
if (_.isObject(value)) {
|
|
47
|
+
// @ts-ignore
|
|
48
|
+
if (value.value === m.value) {
|
|
49
|
+
initIndex = index;
|
|
50
|
+
}
|
|
51
|
+
} else {
|
|
52
|
+
if (value === m.value) {
|
|
53
|
+
initIndex = index;
|
|
54
|
+
}
|
|
48
55
|
}
|
|
49
56
|
return <Select.Option key={index} value={index}>{m.label ?? m.value}</Select.Option>
|
|
50
57
|
});
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
import _ from "lodash";
|
|
4
2
|
import React from "react";
|
|
5
3
|
import { assembly } from '../../framework/Assembly';
|
|
@@ -9,20 +7,21 @@ import { BaseViewer } from "../BaseViewer";
|
|
|
9
7
|
export class ArrayViewer extends BaseViewer {
|
|
10
8
|
element(ctx) {
|
|
11
9
|
const vs = this.getValue();
|
|
10
|
+
const s = this.props.schema.style
|
|
12
11
|
if (_.isNil(vs)) {
|
|
13
|
-
return <div>{assembly.theme.READABLE_BLANK}</div>
|
|
12
|
+
return <div style={{ ...s }}>{assembly.theme.READABLE_BLANK}</div>
|
|
14
13
|
} else if (!_.isArray(vs)) {
|
|
15
|
-
return <div>{assembly.theme.READABLE_INVALID}</div>
|
|
14
|
+
return <div style={{ ...s }}>{assembly.theme.READABLE_INVALID}</div>
|
|
16
15
|
} else if (vs.length === 0) {
|
|
17
|
-
return <div>{assembly.theme.READABLE_BLANK}</div>
|
|
16
|
+
return <div style={{ ...s }}>{assembly.theme.READABLE_BLANK}</div>
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
if (this.props.schema.toReadable) {
|
|
21
|
-
return <div>{assembly.toReadable(this.props.schema, vs, super.getParentValue())}</div>
|
|
20
|
+
return <div> style={{ ...s }}{assembly.toReadable(this.props.schema, vs, super.getParentValue())}</div>
|
|
22
21
|
} else if (this.props.schema.remote) {
|
|
23
|
-
return <div> {vs.map(v => v.label).join(", ")} </div>
|
|
22
|
+
return <div style={{ ...s }}> {vs.map(v => v.label).join(", ")} </div>
|
|
24
23
|
} else if (!this.props.schema.arrayMember) {
|
|
25
|
-
return <div>{vs.join(', ')}</div>
|
|
24
|
+
return <div style={{ ...s }}>{vs.join(', ')}</div>
|
|
26
25
|
} else {
|
|
27
26
|
if (this.props.schema.layoutHint === "h") {
|
|
28
27
|
return <div style={{ display: 'flex' }}>
|
|
@@ -22,15 +22,18 @@ export function DecorationViewer(props:MProp){
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
+
|
|
26
|
+
const s = props.schema.style
|
|
27
|
+
|
|
25
28
|
if(subType === 'rich') {
|
|
26
29
|
// HTML 片段
|
|
27
|
-
return <div dangerouslySetInnerHTML={{ __html: props.schema.decoration.HTML}}></div>
|
|
30
|
+
return <div style={{...s}} dangerouslySetInnerHTML={{ __html: props.schema.decoration.HTML}}></div>
|
|
28
31
|
} else if(subType === 'submitBar') {
|
|
29
32
|
// 提交按钮
|
|
30
33
|
const [loading, setLoading] = useState(false);
|
|
31
34
|
return <MContext.Consumer>
|
|
32
35
|
{
|
|
33
|
-
ctx => <div style={{textAlign: "center"}}>
|
|
36
|
+
ctx => <div style={{textAlign: "center", ...s}}>
|
|
34
37
|
<Button type="primary" loading={loading} onClick={()=>{
|
|
35
38
|
const finalData = MUtil.filterHide(ctx.rootProps.schema, props.database)
|
|
36
39
|
const r = assembly.validate(ctx.rootProps.schema, finalData);
|
|
@@ -56,11 +59,11 @@ export function DecorationViewer(props:MProp){
|
|
|
56
59
|
</MContext.Consumer>
|
|
57
60
|
} else if(subType === 'segmentLabel'){
|
|
58
61
|
// 分段标题
|
|
59
|
-
return <div style={{borderBottom: "1px solid #d9d9d9", padding: "0 0 10px", margin: "20px 0 15px", fontSize: 19, fontWeight: "bold"}}>
|
|
62
|
+
return <div style={{borderBottom: "1px solid #d9d9d9", padding: "0 0 10px", margin: "20px 0 15px", fontSize: 19, fontWeight: "bold", ...s}}>
|
|
60
63
|
{props.schema.decoration.segmentLabel}
|
|
61
64
|
</div>
|
|
62
65
|
} else if(subType === 'operations'){
|
|
63
|
-
return <Space size="middle">
|
|
66
|
+
return <Space size="middle" style={{...s}}>
|
|
64
67
|
{props.schema.decoration.operations.map((o,index)=>
|
|
65
68
|
<a key={index} onClick={()=>{
|
|
66
69
|
const ppath = MUtil.parentPath(props.path);
|