@xrenders/schema-builder 1.0.0-alpha.2 → 1.0.0-alpha.21
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/README.md +2 -2
- package/es/createIframe.js +1 -1
- package/es/main.d.ts +4 -6
- package/es/main.js +27 -14
- package/es/settings/index.d.ts +21 -0
- package/es/settings/index.js +24 -0
- package/es/settings/meta/card.d.ts +2 -0
- package/es/settings/meta/card.js +108 -0
- package/es/settings/meta/cardList.d.ts +2 -0
- package/es/settings/meta/cardList.js +203 -0
- package/es/settings/meta/checkbox.d.ts +2 -0
- package/es/settings/meta/checkbox.js +29 -0
- package/es/settings/meta/checkboxes.d.ts +2 -0
- package/es/settings/meta/checkboxes.js +66 -0
- package/es/settings/meta/color.d.ts +2 -0
- package/es/settings/meta/color.js +21 -0
- package/es/settings/meta/date.d.ts +2 -0
- package/es/settings/meta/date.js +28 -0
- package/es/settings/meta/dateRange.d.ts +2 -0
- package/es/settings/meta/dateRange.js +37 -0
- package/es/settings/meta/form.d.ts +2 -0
- package/es/settings/meta/form.js +115 -0
- package/es/settings/meta/imageInput.d.ts +2 -0
- package/es/settings/meta/imageInput.js +21 -0
- package/es/settings/meta/input.d.ts +2 -0
- package/es/settings/meta/input.js +62 -0
- package/es/settings/meta/number.d.ts +2 -0
- package/es/settings/meta/number.js +69 -0
- package/es/settings/meta/radio.d.ts +2 -0
- package/es/settings/meta/radio.js +65 -0
- package/es/settings/meta/rate.d.ts +2 -0
- package/es/settings/meta/rate.js +56 -0
- package/es/settings/meta/select.d.ts +2 -0
- package/es/settings/meta/select.js +58 -0
- package/es/settings/meta/slider.d.ts +2 -0
- package/es/settings/meta/slider.js +40 -0
- package/es/settings/meta/switch.d.ts +2 -0
- package/es/settings/meta/switch.js +48 -0
- package/es/settings/meta/textarea.d.ts +2 -0
- package/es/settings/meta/textarea.js +69 -0
- package/es/settings/meta/time.d.ts +2 -0
- package/es/settings/meta/time.js +29 -0
- package/es/settings/meta/timeRange.d.ts +2 -0
- package/es/settings/meta/timeRange.js +37 -0
- package/es/settings/meta/treeSelect.d.ts +2 -0
- package/es/settings/meta/treeSelect.js +85 -0
- package/es/settings/meta/urlInput.d.ts +2 -0
- package/es/settings/meta/urlInput.js +34 -0
- package/es/settings/utils.d.ts +110 -0
- package/es/settings/utils.js +251 -0
- package/es/type.d.ts +33 -0
- package/es/type.js +1 -0
- package/lib/createIframe.js +3 -4
- package/lib/index.js +2 -3
- package/lib/main.d.ts +4 -6
- package/lib/main.js +29 -17
- package/lib/settings/index.d.ts +21 -0
- package/lib/settings/index.js +153 -0
- package/lib/settings/meta/card.d.ts +2 -0
- package/lib/settings/meta/card.js +114 -0
- package/lib/settings/meta/cardList.d.ts +2 -0
- package/lib/settings/meta/cardList.js +209 -0
- package/lib/settings/meta/checkbox.d.ts +2 -0
- package/lib/settings/meta/checkbox.js +35 -0
- package/lib/settings/meta/checkboxes.d.ts +2 -0
- package/lib/settings/meta/checkboxes.js +72 -0
- package/lib/settings/meta/color.d.ts +2 -0
- package/lib/settings/meta/color.js +27 -0
- package/lib/settings/meta/date.d.ts +2 -0
- package/lib/settings/meta/date.js +34 -0
- package/lib/settings/meta/dateRange.d.ts +2 -0
- package/lib/settings/meta/dateRange.js +43 -0
- package/lib/settings/meta/form.d.ts +2 -0
- package/lib/settings/meta/form.js +121 -0
- package/lib/settings/meta/imageInput.d.ts +2 -0
- package/lib/settings/meta/imageInput.js +27 -0
- package/lib/settings/meta/input.d.ts +2 -0
- package/lib/settings/meta/input.js +68 -0
- package/lib/settings/meta/number.d.ts +2 -0
- package/lib/settings/meta/number.js +75 -0
- package/lib/settings/meta/radio.d.ts +2 -0
- package/lib/settings/meta/radio.js +71 -0
- package/lib/settings/meta/rate.d.ts +2 -0
- package/lib/settings/meta/rate.js +62 -0
- package/lib/settings/meta/select.d.ts +2 -0
- package/lib/settings/meta/select.js +64 -0
- package/lib/settings/meta/slider.d.ts +2 -0
- package/lib/settings/meta/slider.js +46 -0
- package/lib/settings/meta/switch.d.ts +2 -0
- package/lib/settings/meta/switch.js +54 -0
- package/lib/settings/meta/textarea.d.ts +2 -0
- package/lib/settings/meta/textarea.js +75 -0
- package/lib/settings/meta/time.d.ts +2 -0
- package/lib/settings/meta/time.js +35 -0
- package/lib/settings/meta/timeRange.d.ts +2 -0
- package/lib/settings/meta/timeRange.js +43 -0
- package/lib/settings/meta/treeSelect.d.ts +2 -0
- package/lib/settings/meta/treeSelect.js +91 -0
- package/lib/settings/meta/urlInput.d.ts +2 -0
- package/lib/settings/meta/urlInput.js +40 -0
- package/lib/settings/utils.d.ts +110 -0
- package/lib/settings/utils.js +258 -0
- package/lib/type.d.ts +33 -0
- package/lib/type.js +5 -0
- package/package.json +5 -6
- package/es/utils/createIconFont.d.ts +0 -3
- package/es/utils/createIconFont.js +0 -9
- package/lib/utils/createIconFont.d.ts +0 -3
- package/lib/utils/createIconFont.js +0 -18
package/lib/main.js
CHANGED
|
@@ -1,29 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _createIframe = _interopRequireDefault(require("./createIframe"));
|
|
10
|
+
var defaultSetting = _interopRequireWildcard(require("./settings"));
|
|
10
11
|
var _excluded = ["widgets", "settings"];
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
function _defineProperty(
|
|
17
|
-
function _toPropertyKey(
|
|
18
|
-
function _toPrimitive(
|
|
19
|
-
function _objectWithoutProperties(
|
|
20
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
21
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
21
22
|
var iframe;
|
|
22
|
-
var Design = function Design(props) {
|
|
23
|
+
var Design = function Design(props, ref) {
|
|
23
24
|
var widgets = props.widgets,
|
|
24
25
|
settings = props.settings,
|
|
25
26
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
26
27
|
var containerRef = (0, _react.useRef)();
|
|
28
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
29
|
+
return {
|
|
30
|
+
getValue: function getValue() {
|
|
31
|
+
var _iframe, _iframe$contentWindow, _iframe$contentWindow2, _iframe$contentWindow3;
|
|
32
|
+
return (_iframe = iframe) === null || _iframe === void 0 ? void 0 : (_iframe$contentWindow = _iframe.contentWindow) === null || _iframe$contentWindow === void 0 ? void 0 : (_iframe$contentWindow2 = _iframe$contentWindow.__FR_ENGINE__) === null || _iframe$contentWindow2 === void 0 ? void 0 : (_iframe$contentWindow3 = _iframe$contentWindow2.exportSchema) === null || _iframe$contentWindow3 === void 0 ? void 0 : _iframe$contentWindow3.call(_iframe$contentWindow2);
|
|
33
|
+
},
|
|
34
|
+
setValue: function setValue(schema) {
|
|
35
|
+
var _iframe2, _iframe2$contentWindo, _iframe2$contentWindo2, _iframe2$contentWindo3;
|
|
36
|
+
return (_iframe2 = iframe) === null || _iframe2 === void 0 ? void 0 : (_iframe2$contentWindo = _iframe2.contentWindow) === null || _iframe2$contentWindo === void 0 ? void 0 : (_iframe2$contentWindo2 = _iframe2$contentWindo.__FR_ENGINE__) === null || _iframe2$contentWindo2 === void 0 ? void 0 : (_iframe2$contentWindo3 = _iframe2$contentWindo2.importSchema) === null || _iframe2$contentWindo3 === void 0 ? void 0 : _iframe2$contentWindo3.call(_iframe2$contentWindo2, schema);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
});
|
|
27
40
|
(0, _react.useEffect)(function () {
|
|
28
41
|
initIframe();
|
|
29
42
|
window.addEventListener('message', engineOnLoad);
|
|
@@ -36,12 +49,12 @@ var Design = function Design(props) {
|
|
|
36
49
|
containerRef.current.appendChild(iframe);
|
|
37
50
|
};
|
|
38
51
|
var engineOnLoad = function engineOnLoad(event) {
|
|
39
|
-
var
|
|
52
|
+
var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
|
|
40
53
|
if (event.data.type !== 'engine-load') {
|
|
41
54
|
return;
|
|
42
55
|
}
|
|
43
|
-
(
|
|
44
|
-
settings: settings,
|
|
56
|
+
(_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : (_iframe3$contentWindo = _iframe3.contentWindow) === null || _iframe3$contentWindo === void 0 ? void 0 : (_iframe3$contentWindo2 = _iframe3$contentWindo.__FR_ENGINE__) === null || _iframe3$contentWindo2 === void 0 ? void 0 : _iframe3$contentWindo2.init(_objectSpread({
|
|
57
|
+
settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
|
|
45
58
|
widgets: widgets,
|
|
46
59
|
// recordEnable: true,
|
|
47
60
|
logo: {
|
|
@@ -57,5 +70,4 @@ var Design = function Design(props) {
|
|
|
57
70
|
}
|
|
58
71
|
});
|
|
59
72
|
};
|
|
60
|
-
var _default = Design;
|
|
61
|
-
exports.default = _default;
|
|
73
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(Design);
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { default as Input } from './meta/input';
|
|
2
|
+
export { default as Number } from './meta/number';
|
|
3
|
+
export { default as Select } from './meta/select';
|
|
4
|
+
export { default as Radio } from './meta/radio';
|
|
5
|
+
export { default as Checkbox } from './meta/checkbox';
|
|
6
|
+
export { default as Checkboxes } from './meta/checkboxes';
|
|
7
|
+
export { default as Textarea } from './meta/textarea';
|
|
8
|
+
export { default as DatePicker } from './meta/date';
|
|
9
|
+
export { default as DateRange } from './meta/dateRange';
|
|
10
|
+
export { default as TimePicker } from './meta/time';
|
|
11
|
+
export { default as TimeRange } from './meta/timeRange';
|
|
12
|
+
export { default as Rate } from './meta/rate';
|
|
13
|
+
export { default as Switch } from './meta/switch';
|
|
14
|
+
export { default as Slider } from './meta/slider';
|
|
15
|
+
export { default as Color } from './meta/color';
|
|
16
|
+
export { default as ImageInput } from './meta/imageInput';
|
|
17
|
+
export { default as UrlInput } from './meta/urlInput';
|
|
18
|
+
export { default as TreeSelect } from './meta/treeSelect';
|
|
19
|
+
export { default as Form } from './meta/form';
|
|
20
|
+
export { default as card } from './meta/card';
|
|
21
|
+
export { default as CardList } from './meta/cardList';
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "CardList", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _cardList.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Checkbox", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _checkbox.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Checkboxes", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _checkboxes.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Color", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _color.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "DatePicker", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _date.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DateRange", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _dateRange.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "Form", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _form.default;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "ImageInput", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _imageInput.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "Input", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _input.default;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Number", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _number.default;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "Radio", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _radio.default;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "Rate", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _rate.default;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "Select", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _select.default;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "Slider", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _slider.default;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "Switch", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _switch.default;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "Textarea", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _textarea.default;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "TimePicker", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _time.default;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "TimeRange", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function get() {
|
|
111
|
+
return _timeRange.default;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "TreeSelect", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _treeSelect.default;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "UrlInput", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _urlInput.default;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "card", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _card.default;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
var _input = _interopRequireDefault(require("./meta/input"));
|
|
133
|
+
var _number = _interopRequireDefault(require("./meta/number"));
|
|
134
|
+
var _select = _interopRequireDefault(require("./meta/select"));
|
|
135
|
+
var _radio = _interopRequireDefault(require("./meta/radio"));
|
|
136
|
+
var _checkbox = _interopRequireDefault(require("./meta/checkbox"));
|
|
137
|
+
var _checkboxes = _interopRequireDefault(require("./meta/checkboxes"));
|
|
138
|
+
var _textarea = _interopRequireDefault(require("./meta/textarea"));
|
|
139
|
+
var _date = _interopRequireDefault(require("./meta/date"));
|
|
140
|
+
var _dateRange = _interopRequireDefault(require("./meta/dateRange"));
|
|
141
|
+
var _time = _interopRequireDefault(require("./meta/time"));
|
|
142
|
+
var _timeRange = _interopRequireDefault(require("./meta/timeRange"));
|
|
143
|
+
var _rate = _interopRequireDefault(require("./meta/rate"));
|
|
144
|
+
var _switch = _interopRequireDefault(require("./meta/switch"));
|
|
145
|
+
var _slider = _interopRequireDefault(require("./meta/slider"));
|
|
146
|
+
var _color = _interopRequireDefault(require("./meta/color"));
|
|
147
|
+
var _imageInput = _interopRequireDefault(require("./meta/imageInput"));
|
|
148
|
+
var _urlInput = _interopRequireDefault(require("./meta/urlInput"));
|
|
149
|
+
var _treeSelect = _interopRequireDefault(require("./meta/treeSelect"));
|
|
150
|
+
var _form = _interopRequireDefault(require("./meta/form"));
|
|
151
|
+
var _card = _interopRequireDefault(require("./meta/card"));
|
|
152
|
+
var _cardList = _interopRequireDefault(require("./meta/cardList"));
|
|
153
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _utils = require("../utils");
|
|
8
|
+
var props = [{
|
|
9
|
+
name: 'title',
|
|
10
|
+
title: {
|
|
11
|
+
label: '标题',
|
|
12
|
+
tip: 'title | 卡片主题'
|
|
13
|
+
},
|
|
14
|
+
setter: 'StringSetter'
|
|
15
|
+
}, {
|
|
16
|
+
name: 'code',
|
|
17
|
+
title: {
|
|
18
|
+
label: '字段名',
|
|
19
|
+
tip: 'key | 字段名'
|
|
20
|
+
},
|
|
21
|
+
setter: 'StringSetter'
|
|
22
|
+
}, {
|
|
23
|
+
name: 'description',
|
|
24
|
+
title: {
|
|
25
|
+
label: '描述',
|
|
26
|
+
tip: 'description | 卡片的描述'
|
|
27
|
+
},
|
|
28
|
+
setter: 'StringSetter'
|
|
29
|
+
}, {
|
|
30
|
+
name: 'column',
|
|
31
|
+
title: {
|
|
32
|
+
label: '一行多列',
|
|
33
|
+
tip: 'column | 表单内容分成几列展示'
|
|
34
|
+
},
|
|
35
|
+
defaultValue: 1,
|
|
36
|
+
setter: {
|
|
37
|
+
componentName: 'RadioGroupSetter',
|
|
38
|
+
props: {
|
|
39
|
+
options: [{
|
|
40
|
+
title: '一列',
|
|
41
|
+
value: 1
|
|
42
|
+
}, {
|
|
43
|
+
title: '两列',
|
|
44
|
+
value: 2
|
|
45
|
+
}, {
|
|
46
|
+
title: '三列',
|
|
47
|
+
value: 3
|
|
48
|
+
}, {
|
|
49
|
+
title: '四列',
|
|
50
|
+
value: 4
|
|
51
|
+
}]
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}, {
|
|
55
|
+
name: 'widget',
|
|
56
|
+
title: {
|
|
57
|
+
label: '类型',
|
|
58
|
+
tip: 'widget | 类型'
|
|
59
|
+
},
|
|
60
|
+
defaultValue: 1,
|
|
61
|
+
setter: {
|
|
62
|
+
componentName: 'RadioGroupSetter',
|
|
63
|
+
props: {
|
|
64
|
+
options: [{
|
|
65
|
+
title: '卡片',
|
|
66
|
+
value: 'card'
|
|
67
|
+
}, {
|
|
68
|
+
title: '折叠面板',
|
|
69
|
+
value: 'collapse'
|
|
70
|
+
}, {
|
|
71
|
+
title: '标题线',
|
|
72
|
+
value: 'lineTitle'
|
|
73
|
+
}, {
|
|
74
|
+
title: '内联',
|
|
75
|
+
value: 'subInline'
|
|
76
|
+
}]
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}];
|
|
80
|
+
var snippets = [{
|
|
81
|
+
title: '对象',
|
|
82
|
+
screenshot: 'icon-object',
|
|
83
|
+
schema: {
|
|
84
|
+
componentName: 'Card',
|
|
85
|
+
props: {
|
|
86
|
+
title: '卡片主题',
|
|
87
|
+
description: '这是一个对象类型',
|
|
88
|
+
column: 3,
|
|
89
|
+
type: 'object',
|
|
90
|
+
widget: 'collapse'
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}];
|
|
94
|
+
var _default = exports.default = (0, _utils.createMeta)('Card', {
|
|
95
|
+
title: '对象',
|
|
96
|
+
category: '布局',
|
|
97
|
+
group: '基础组件',
|
|
98
|
+
priority: 1,
|
|
99
|
+
props: props,
|
|
100
|
+
snippets: snippets,
|
|
101
|
+
configure: {
|
|
102
|
+
supports: {
|
|
103
|
+
loop: false,
|
|
104
|
+
condition: false
|
|
105
|
+
},
|
|
106
|
+
component: {
|
|
107
|
+
isContainer: true,
|
|
108
|
+
isModal: false,
|
|
109
|
+
nestingRule: {
|
|
110
|
+
parentWhitelist: ['FormRender', 'Card', 'CardList']
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
});
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _utils = require("../utils");
|
|
8
|
+
var props = [{
|
|
9
|
+
name: 'title',
|
|
10
|
+
title: {
|
|
11
|
+
label: '标题',
|
|
12
|
+
tip: 'title | 卡片主题'
|
|
13
|
+
},
|
|
14
|
+
setter: 'StringSetter'
|
|
15
|
+
}, {
|
|
16
|
+
name: 'code',
|
|
17
|
+
title: {
|
|
18
|
+
label: '字段名',
|
|
19
|
+
tip: 'key | 字段名'
|
|
20
|
+
},
|
|
21
|
+
setter: 'StringSetter'
|
|
22
|
+
}, {
|
|
23
|
+
name: 'description',
|
|
24
|
+
title: {
|
|
25
|
+
label: '描述',
|
|
26
|
+
tip: 'description | 卡片的描述'
|
|
27
|
+
},
|
|
28
|
+
setter: 'StringSetter'
|
|
29
|
+
}, {
|
|
30
|
+
title: '模版配置',
|
|
31
|
+
display: 'block',
|
|
32
|
+
type: 'group',
|
|
33
|
+
items: [{
|
|
34
|
+
name: 'widget',
|
|
35
|
+
title: {
|
|
36
|
+
label: '类型',
|
|
37
|
+
tip: 'widget | 类型'
|
|
38
|
+
},
|
|
39
|
+
setter: {
|
|
40
|
+
componentName: 'SelectSetter',
|
|
41
|
+
props: {
|
|
42
|
+
options: [{
|
|
43
|
+
title: 'SimpleList',
|
|
44
|
+
value: 'simpleList'
|
|
45
|
+
}, {
|
|
46
|
+
title: 'CardList',
|
|
47
|
+
value: 'cardList'
|
|
48
|
+
}, {
|
|
49
|
+
title: 'DrawerList',
|
|
50
|
+
value: 'drawerList'
|
|
51
|
+
}, {
|
|
52
|
+
title: 'TableList',
|
|
53
|
+
value: 'tableList'
|
|
54
|
+
}, {
|
|
55
|
+
title: 'VirtualList',
|
|
56
|
+
value: 'virtualList'
|
|
57
|
+
}, {
|
|
58
|
+
title: 'TabList',
|
|
59
|
+
value: 'tabList'
|
|
60
|
+
}]
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
extraProps: {
|
|
64
|
+
setValue: function setValue(target, value) {
|
|
65
|
+
var node = target.getNode();
|
|
66
|
+
if (value !== 'cardList') {
|
|
67
|
+
node.setPropValue('items.widget', undefined);
|
|
68
|
+
node.setPropValue('items.title', undefined);
|
|
69
|
+
node.setPropValue('items.description', undefined);
|
|
70
|
+
node.setPropValue('items.column', undefined);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
name: 'items.widget',
|
|
76
|
+
title: {
|
|
77
|
+
label: '样式类型',
|
|
78
|
+
tip: '样式类型'
|
|
79
|
+
},
|
|
80
|
+
setter: {
|
|
81
|
+
componentName: 'RadioGroupSetter',
|
|
82
|
+
props: {
|
|
83
|
+
options: [{
|
|
84
|
+
title: '卡片',
|
|
85
|
+
value: 'card'
|
|
86
|
+
}, {
|
|
87
|
+
title: '折叠面板',
|
|
88
|
+
value: 'collapse'
|
|
89
|
+
}, {
|
|
90
|
+
title: '标题线',
|
|
91
|
+
value: 'lineTitle'
|
|
92
|
+
}, {
|
|
93
|
+
title: '内联',
|
|
94
|
+
value: 'subInline'
|
|
95
|
+
}]
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
condition: function condition(target) {
|
|
99
|
+
return target.getProps().getPropValue('widget') === 'cardList';
|
|
100
|
+
}
|
|
101
|
+
}, {
|
|
102
|
+
name: 'items.title',
|
|
103
|
+
title: {
|
|
104
|
+
label: '标题',
|
|
105
|
+
tip: 'title | 卡片主题'
|
|
106
|
+
},
|
|
107
|
+
setter: 'StringSetter',
|
|
108
|
+
condition: function condition(target) {
|
|
109
|
+
return target.getProps().getPropValue('widget') === 'cardList';
|
|
110
|
+
}
|
|
111
|
+
}, {
|
|
112
|
+
name: 'items.description',
|
|
113
|
+
title: {
|
|
114
|
+
label: '描述',
|
|
115
|
+
tip: 'description | 卡片的描述'
|
|
116
|
+
},
|
|
117
|
+
setter: 'StringSetter',
|
|
118
|
+
condition: function condition(target) {
|
|
119
|
+
return target.getProps().getPropValue('widget') === 'cardList';
|
|
120
|
+
}
|
|
121
|
+
}, {
|
|
122
|
+
name: 'items.column',
|
|
123
|
+
title: {
|
|
124
|
+
label: '一行多列',
|
|
125
|
+
tip: 'column | 表单内容分成几列展示'
|
|
126
|
+
},
|
|
127
|
+
defaultValue: 1,
|
|
128
|
+
setter: {
|
|
129
|
+
componentName: 'RadioGroupSetter',
|
|
130
|
+
props: {
|
|
131
|
+
options: [{
|
|
132
|
+
title: '一列',
|
|
133
|
+
value: 1
|
|
134
|
+
}, {
|
|
135
|
+
title: '两列',
|
|
136
|
+
value: 2
|
|
137
|
+
}, {
|
|
138
|
+
title: '三列',
|
|
139
|
+
value: 3
|
|
140
|
+
}, {
|
|
141
|
+
title: '四列',
|
|
142
|
+
value: 4
|
|
143
|
+
}]
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
condition: function condition(target) {
|
|
147
|
+
return target.getProps().getPropValue('widget') === 'cardList';
|
|
148
|
+
},
|
|
149
|
+
extraProps: {
|
|
150
|
+
setValue: function setValue(target, value) {
|
|
151
|
+
var node = target.getNode();
|
|
152
|
+
var labelSpan = 8;
|
|
153
|
+
var wrapperColSpan = 16;
|
|
154
|
+
if (value === 1) {
|
|
155
|
+
labelSpan = 4;
|
|
156
|
+
wrapperColSpan = 6;
|
|
157
|
+
} else if (value === 2) {
|
|
158
|
+
wrapperColSpan = 10;
|
|
159
|
+
}
|
|
160
|
+
node.setPropValue('labelCol.span', labelSpan);
|
|
161
|
+
node.setPropValue('wrapperCol.span', wrapperColSpan);
|
|
162
|
+
node.mergeChildren(function (child) {
|
|
163
|
+
var span = 24 / value;
|
|
164
|
+
child.setPropValue('span', span);
|
|
165
|
+
return false;
|
|
166
|
+
}, function () {}, function () {});
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}]
|
|
170
|
+
}];
|
|
171
|
+
var snippets = [{
|
|
172
|
+
title: '列表',
|
|
173
|
+
screenshot: 'icon-list',
|
|
174
|
+
schema: {
|
|
175
|
+
componentName: 'CardList',
|
|
176
|
+
props: {
|
|
177
|
+
title: '列表',
|
|
178
|
+
description: '这是一个列表',
|
|
179
|
+
type: 'array',
|
|
180
|
+
items: {
|
|
181
|
+
title: '卡片主题',
|
|
182
|
+
description: '这是一个对象类型',
|
|
183
|
+
column: 3,
|
|
184
|
+
type: 'object'
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}];
|
|
189
|
+
var _default = exports.default = (0, _utils.createMeta)('CardList', {
|
|
190
|
+
title: '列表',
|
|
191
|
+
category: '布局',
|
|
192
|
+
group: '基础组件',
|
|
193
|
+
priority: 1,
|
|
194
|
+
props: props,
|
|
195
|
+
snippets: snippets,
|
|
196
|
+
configure: {
|
|
197
|
+
supports: {
|
|
198
|
+
loop: false,
|
|
199
|
+
condition: false
|
|
200
|
+
},
|
|
201
|
+
component: {
|
|
202
|
+
isContainer: true,
|
|
203
|
+
isModal: false,
|
|
204
|
+
nestingRule: {
|
|
205
|
+
parentWhitelist: ['FormRender', 'Card']
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
});
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _utils = require("../utils");
|
|
8
|
+
var _default = exports.default = (0, _utils.createMeta)('Checkbox', {
|
|
9
|
+
title: '是否选择',
|
|
10
|
+
priority: 994,
|
|
11
|
+
props: [{
|
|
12
|
+
title: '基础配置',
|
|
13
|
+
type: 'group',
|
|
14
|
+
display: 'accordion',
|
|
15
|
+
items: (0, _utils.getNotInputPropsBasic)({
|
|
16
|
+
name: 'defaultValue',
|
|
17
|
+
title: {
|
|
18
|
+
label: '默认值',
|
|
19
|
+
tip: 'defaultValue | 默认值'
|
|
20
|
+
},
|
|
21
|
+
setter: 'BoolSetter'
|
|
22
|
+
})
|
|
23
|
+
}],
|
|
24
|
+
snippets: [{
|
|
25
|
+
title: '是否选择',
|
|
26
|
+
screenshot: 'icon-isNot',
|
|
27
|
+
schema: {
|
|
28
|
+
componentName: 'Checkbox',
|
|
29
|
+
props: {
|
|
30
|
+
title: '是否选择',
|
|
31
|
+
type: 'boolean'
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}]
|
|
35
|
+
});
|