@wibetter/json-schema-editor 6.0.1 → 6.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -1,3832 +1,2 @@
1
1
  /*! For license information please see index.js.LICENSE.txt */
2
- !(function (e, t) {
3
- 'object' == typeof exports && 'object' == typeof module
4
- ? (module.exports = t())
5
- : 'function' == typeof define && define.amd
6
- ? define([], t)
7
- : 'object' == typeof exports
8
- ? (exports.JSONSchemaEditor = t())
9
- : (e.JSONSchemaEditor = t());
10
- })(this, function () {
11
- return (function () {
12
- var e = {
13
- 23: function (e, t, n) {
14
- var a = n(382);
15
- a.__esModule && (a = a.default),
16
- 'string' == typeof a && (a = [[e.id, a, '']]),
17
- a.locals && (e.exports = a.locals),
18
- (0, n(611).A)('adbe60da', a, !1, { sourceMap: !1 });
19
- },
20
- 40: function (e, t, n) {
21
- var a = n(961);
22
- a.__esModule && (a = a.default),
23
- 'string' == typeof a && (a = [[e.id, a, '']]),
24
- a.locals && (e.exports = a.locals),
25
- (0, n(611).A)('405d88dc', a, !1, { sourceMap: !1 });
26
- },
27
- 80: function () {},
28
- 264: function () {},
29
- 286: function () {},
30
- 382: function () {},
31
- 611: function (e, t, n) {
32
- 'use strict';
33
- function a(e, t) {
34
- for (var n = [], a = {}, o = 0; o < t.length; o++) {
35
- var r = t[o],
36
- i = r[0],
37
- s = {
38
- id: e + ':' + o,
39
- css: r[1],
40
- media: r[2],
41
- sourceMap: r[3],
42
- };
43
- a[i]
44
- ? a[i].parts.push(s)
45
- : n.push((a[i] = { id: i, parts: [s] }));
46
- }
47
- return n;
48
- }
49
- n.d(t, {
50
- A: function () {
51
- return h;
52
- },
53
- });
54
- var o = 'undefined' != typeof document;
55
- if ('undefined' != typeof DEBUG && DEBUG && !o)
56
- throw new Error(
57
- "vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.",
58
- );
59
- var r = {},
60
- i =
61
- o && (document.head || document.getElementsByTagName('head')[0]),
62
- s = null,
63
- c = 0,
64
- l = !1,
65
- p = function () {},
66
- d = null,
67
- m = 'data-vue-ssr-id',
68
- u =
69
- 'undefined' != typeof navigator &&
70
- /msie [6-9]\b/.test(navigator.userAgent.toLowerCase());
71
- function h(e, t, n, o) {
72
- (l = n), (d = o || {});
73
- var i = a(e, t);
74
- return (
75
- y(i),
76
- function (t) {
77
- for (var n = [], o = 0; o < i.length; o++) {
78
- var s = i[o];
79
- (c = r[s.id]).refs--, n.push(c);
80
- }
81
- for (
82
- t ? y((i = a(e, t))) : (i = []), o = 0;
83
- o < n.length;
84
- o++
85
- ) {
86
- var c;
87
- if (0 === (c = n[o]).refs) {
88
- for (var l = 0; l < c.parts.length; l++) c.parts[l]();
89
- delete r[c.id];
90
- }
91
- }
92
- }
93
- );
94
- }
95
- function y(e) {
96
- for (var t = 0; t < e.length; t++) {
97
- var n = e[t],
98
- a = r[n.id];
99
- if (a) {
100
- a.refs++;
101
- for (var o = 0; o < a.parts.length; o++) a.parts[o](n.parts[o]);
102
- for (; o < n.parts.length; o++) a.parts.push(f(n.parts[o]));
103
- a.parts.length > n.parts.length &&
104
- (a.parts.length = n.parts.length);
105
- } else {
106
- var i = [];
107
- for (o = 0; o < n.parts.length; o++) i.push(f(n.parts[o]));
108
- r[n.id] = { id: n.id, refs: 1, parts: i };
109
- }
110
- }
111
- }
112
- function g() {
113
- var e = document.createElement('style');
114
- return (e.type = 'text/css'), i.appendChild(e), e;
115
- }
116
- function f(e) {
117
- var t,
118
- n,
119
- a = document.querySelector('style[' + m + '~="' + e.id + '"]');
120
- if (a) {
121
- if (l) return p;
122
- a.parentNode.removeChild(a);
123
- }
124
- if (u) {
125
- var o = c++;
126
- (a = s || (s = g())),
127
- (t = b.bind(null, a, o, !1)),
128
- (n = b.bind(null, a, o, !0));
129
- } else
130
- (a = g()),
131
- (t = E.bind(null, a)),
132
- (n = function () {
133
- a.parentNode.removeChild(a);
134
- });
135
- return (
136
- t(e),
137
- function (a) {
138
- if (a) {
139
- if (
140
- a.css === e.css &&
141
- a.media === e.media &&
142
- a.sourceMap === e.sourceMap
143
- )
144
- return;
145
- t((e = a));
146
- } else n();
147
- }
148
- );
149
- }
150
- var v,
151
- x =
152
- ((v = []),
153
- function (e, t) {
154
- return (v[e] = t), v.filter(Boolean).join('\n');
155
- });
156
- function b(e, t, n, a) {
157
- var o = n ? '' : a.css;
158
- if (e.styleSheet) e.styleSheet.cssText = x(t, o);
159
- else {
160
- var r = document.createTextNode(o),
161
- i = e.childNodes;
162
- i[t] && e.removeChild(i[t]),
163
- i.length ? e.insertBefore(r, i[t]) : e.appendChild(r);
164
- }
165
- }
166
- function E(e, t) {
167
- var n = t.css,
168
- a = t.media,
169
- o = t.sourceMap;
170
- if (
171
- (a && e.setAttribute('media', a),
172
- d.ssrId && e.setAttribute(m, t.id),
173
- o &&
174
- ((n += '\n/*# sourceURL=' + o.sources[0] + ' */'),
175
- (n +=
176
- '\n/*# sourceMappingURL=data:application/json;base64,' +
177
- btoa(unescape(encodeURIComponent(JSON.stringify(o)))) +
178
- ' */')),
179
- e.styleSheet)
180
- )
181
- e.styleSheet.cssText = n;
182
- else {
183
- for (; e.firstChild; ) e.removeChild(e.firstChild);
184
- e.appendChild(document.createTextNode(n));
185
- }
186
- }
187
- },
188
- 617: function (e, t, n) {
189
- var a = n(80);
190
- a.__esModule && (a = a.default),
191
- 'string' == typeof a && (a = [[e.id, a, '']]),
192
- a.locals && (e.exports = a.locals),
193
- (0, n(611).A)('9c82b91a', a, !1, { sourceMap: !1 });
194
- },
195
- 707: function () {},
196
- 790: function (e, t, n) {
197
- var a = n(707);
198
- a.__esModule && (a = a.default),
199
- 'string' == typeof a && (a = [[e.id, a, '']]),
200
- a.locals && (e.exports = a.locals),
201
- (0, n(611).A)('2b121068', a, !1, { sourceMap: !1 });
202
- },
203
- 915: function (e, t, n) {
204
- var a = n(286);
205
- a.__esModule && (a = a.default),
206
- 'string' == typeof a && (a = [[e.id, a, '']]),
207
- a.locals && (e.exports = a.locals),
208
- (0, n(611).A)('5e9c0933', a, !1, { sourceMap: !1 });
209
- },
210
- 961: function () {},
211
- 975: function (e, t, n) {
212
- var a = n(264);
213
- a.__esModule && (a = a.default),
214
- 'string' == typeof a && (a = [[e.id, a, '']]),
215
- a.locals && (e.exports = a.locals),
216
- (0, n(611).A)('b8de86ae', a, !1, { sourceMap: !1 });
217
- },
218
- },
219
- t = {};
220
- function n(a) {
221
- var o = t[a];
222
- if (void 0 !== o) return o.exports;
223
- var r = (t[a] = { id: a, exports: {} });
224
- return e[a](r, r.exports, n), r.exports;
225
- }
226
- (n.n = function (e) {
227
- var t =
228
- e && e.__esModule
229
- ? function () {
230
- return e.default;
231
- }
232
- : function () {
233
- return e;
234
- };
235
- return n.d(t, { a: t }), t;
236
- }),
237
- (n.d = function (e, t) {
238
- for (var a in t)
239
- n.o(t, a) &&
240
- !n.o(e, a) &&
241
- Object.defineProperty(e, a, { enumerable: !0, get: t[a] });
242
- }),
243
- (n.o = function (e, t) {
244
- return Object.prototype.hasOwnProperty.call(e, t);
245
- }),
246
- (n.r = function (e) {
247
- 'undefined' != typeof Symbol &&
248
- Symbol.toStringTag &&
249
- Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
250
- Object.defineProperty(e, '__esModule', { value: !0 });
251
- });
252
- var a = {};
253
- return (
254
- (function () {
255
- 'use strict';
256
- n.r(a),
257
- n.d(a, {
258
- default: function () {
259
- return ft;
260
- },
261
- });
262
- var e,
263
- t = require('@babel/runtime/helpers/inheritsLoose'),
264
- o = n.n(t),
265
- r = require('react'),
266
- i = n.n(r),
267
- s = require('react-dom'),
268
- c = n.n(s),
269
- l = require('mobx-react'),
270
- p = require('prop-types'),
271
- d = n.n(p),
272
- m = require('@babel/runtime/helpers/extends'),
273
- u = n.n(m),
274
- h = require('@babel/runtime/helpers/initializerDefineProperty'),
275
- y = n.n(h),
276
- g = require('@babel/runtime/helpers/createClass'),
277
- f = n.n(g),
278
- v = require('@babel/runtime/helpers/applyDecoratedDescriptor'),
279
- x = n.n(v),
280
- b =
281
- (require('@babel/runtime/helpers/initializerWarningHelper'),
282
- require('mobx')),
283
- E = require('antd'),
284
- S = require('lodash'),
285
- C = require('@wibetter/json-utils');
286
- function O(e) {
287
- return (0, C.objClone)(e);
288
- }
289
- function j(e, t) {
290
- return (0, C.isEqual)(e, t);
291
- }
292
- function N(e, t) {
293
- window.sessionStorage && window.sessionStorage.setItem(e, t);
294
- }
295
- var w,
296
- I,
297
- R,
298
- k,
299
- K,
300
- T,
301
- D,
302
- J,
303
- B,
304
- V,
305
- P,
306
- L,
307
- F,
308
- q,
309
- A,
310
- _,
311
- M,
312
- W,
313
- z,
314
- G,
315
- U,
316
- H,
317
- X,
318
- Q,
319
- Y,
320
- Z,
321
- $,
322
- ee,
323
- te,
324
- ne,
325
- ae,
326
- oe,
327
- re,
328
- ie,
329
- se,
330
- ce,
331
- le,
332
- pe,
333
- de,
334
- me,
335
- ue,
336
- he,
337
- ye,
338
- ge,
339
- fe,
340
- ve,
341
- xe,
342
- be = [
343
- 'input',
344
- 'boolean',
345
- 'number',
346
- 'color',
347
- 'url',
348
- 'textarea',
349
- 'radio',
350
- 'select',
351
- 'cascader',
352
- 'checkboxes',
353
- 'date',
354
- 'date-time',
355
- 'time',
356
- 'input-image',
357
- ],
358
- Ee = ['object'].concat(['datasource', 'event', 'dynamic-data']),
359
- Se = [
360
- 'quantity',
361
- 'box-style',
362
- 'padding-margin',
363
- 'text-editor',
364
- 'json',
365
- 'codearea',
366
- 'htmlarea',
367
- 'array',
368
- ].concat(Ee),
369
- Ce = [].concat(be, Se),
370
- Oe = ['string'],
371
- je =
372
- (((e = {
373
- object: Ce,
374
- array: [
375
- 'object',
376
- 'array',
377
- 'input',
378
- 'number',
379
- 'select',
380
- 'cascader',
381
- 'color',
382
- 'url',
383
- 'date',
384
- 'date-time',
385
- 'time',
386
- 'input-image',
387
- ],
388
- radio: Oe,
389
- select: Oe,
390
- }).select = ['string']),
391
- (e.all = Ce),
392
- e),
393
- Ne = {
394
- input: '字符串/单行文本',
395
- boolean: 'Boolean/开关',
396
- number: 'Number数值',
397
- color: '颜色数值',
398
- url: 'URL数值',
399
- textarea: '多行文本',
400
- radio: '单选',
401
- select: '下拉选择/多选',
402
- cascader: '级联选择',
403
- checkboxes: '多选框',
404
- date: '日期',
405
- 'date-time': '日期时间',
406
- time: '时间',
407
- 'input-image': '图片上传',
408
- quantity: '数值单位设置',
409
- 'box-style': '盒子模型/边距设置',
410
- 'padding-margin': '边距设置',
411
- 'text-editor': '富文本内容',
412
- json: 'json内容',
413
- codearea: 'code内容',
414
- htmlarea: 'html内容',
415
- object: '对象(Object)',
416
- array: '数组(Array)',
417
- datasource: '静态数据源(旧版)',
418
- event: '事件(旧版)',
419
- 'dynamic-data': '动态数据源(旧版)',
420
- },
421
- we = C.TypeDataList.jsonschema,
422
- Ie = C.TypeDataList.input,
423
- Re = {
424
- schemaStore:
425
- ((w = b.action.bound),
426
- (I = b.action.bound),
427
- (R = b.action.bound),
428
- (k = b.action.bound),
429
- (K = b.action.bound),
430
- (T = b.action.bound),
431
- (D = b.action.bound),
432
- (J = b.action.bound),
433
- (B = b.action.bound),
434
- (V = b.action.bound),
435
- (P = b.action.bound),
436
- (L = b.action.bound),
437
- (F = b.action.bound),
438
- (q = b.action.bound),
439
- (A = b.action.bound),
440
- (_ = b.action.bound),
441
- (M = b.action.bound),
442
- (W = b.action.bound),
443
- (z = b.action.bound),
444
- (G = b.action.bound),
445
- (U = b.action.bound),
446
- (H = b.action.bound),
447
- (X = b.action.bound),
448
- (Q = b.action.bound),
449
- (Y = b.action.bound),
450
- (Z = b.action.bound),
451
- ($ = b.action.bound),
452
- (ee = b.action.bound),
453
- (te = b.action.bound),
454
- (ne = b.action.bound),
455
- (ae = b.action.bound),
456
- (oe = b.action.bound),
457
- (re = b.action.bound),
458
- (ie = b.action.bound),
459
- (se = b.action.bound),
460
- (ce = b.action.bound),
461
- (le = b.action.bound),
462
- (pe = b.action.bound),
463
- (de = b.action.bound),
464
- (me = b.action.bound),
465
- (ue = b.action.bound),
466
- (he = (function () {
467
- function e() {
468
- (this.curJsonKeyIndex = 1),
469
- y()(this, 'triggerChange', ye, this),
470
- y()(this, 'jsonSchema', ge, this),
471
- y()(this, 'SchemaTypeList', fe, this),
472
- y()(this, 'onChange', ve, this),
473
- y()(this, 'childElemSort', xe, this);
474
- }
475
- var t = e.prototype;
476
- return (
477
- (t.triggerChangeAction = function () {
478
- this.triggerChange = !this.triggerChange;
479
- }),
480
- (t.initSchemaTypeList = function (e) {
481
- var t = this;
482
- e &&
483
- '{}' !== JSON.stringify(e) &&
484
- (j(e, this.SchemaTypeList) ||
485
- (e &&
486
- Object.keys(e).map(function (n) {
487
- t.SchemaTypeList[n] = e[n];
488
- })));
489
- }),
490
- (t.initJSONSchemaData = function (e) {
491
- if (e && '{}' !== JSON.stringify(e)) {
492
- if (!j(e, this.JSONSchemaObj))
493
- if (e && (0, C.isNewSchemaData)(e)) this.jsonSchema = e;
494
- else {
495
- var t = (0, C.oldSchemaToNewSchema)(e);
496
- this.jsonSchema = t;
497
- }
498
- } else this.jsonSchema = O(we);
499
- }),
500
- (t.initOnChange = function (e) {
501
- var t, n;
502
- (e ||
503
- ((t = e),
504
- (n = !1),
505
- 'Function' ===
506
- Object.prototype.toString.call(t).slice(8, -1) &&
507
- (n = !0),
508
- n)) &&
509
- (this.onChange = e);
510
- }),
511
- (t.schemaChange = function (e) {
512
- (this.jsonSchema = e), this.jsonSchemaChange();
513
- }),
514
- (t.jsonSchemaChange = function (e) {
515
- (this.jsonSchema.lastUpdateTime = new Date().getTime()),
516
- e || this.onChange(this.JSONSchemaObj);
517
- }),
518
- (t.indexRoute2keyRoute = function (e) {
519
- return (0, C.indexRoute2keyRoute)(e, this.jsonSchema);
520
- }),
521
- (t.keyRoute2indexRoute = function (e) {
522
- return (0, C.keyRoute2indexRoute)(e, this.jsonSchema);
523
- }),
524
- (t.getSchemaByIndexRoute = function (e) {
525
- return (0, C.getSchemaByIndexRoute)(e, this.jsonSchema, !0);
526
- }),
527
- (t.getSchemaByKeyRoute = function (e) {
528
- return (0, C.getSchemaByKeyRoute)(e, this.jsonSchema, !0);
529
- }),
530
- (t.getNewJsonKeyIndex = function (e, t) {
531
- var n = (t || 'field') + '_' + this.curJsonKeyIndex;
532
- return (
533
- e.propertyOrder.indexOf(n) >= 0 &&
534
- ((this.curJsonKeyIndex += 1),
535
- (n = this.getNewJsonKeyIndex(e))),
536
- (this.curJsonKeyIndex += 1),
537
- n
538
- );
539
- }),
540
- (t.isExitJsonKey = function (e, t) {
541
- var n = (0, C.getParentIndexRoute)(e),
542
- a = this.getSchemaByIndexRoute(n);
543
- return (
544
- !!(a.propertyOrder && a.propertyOrder.indexOf(t) >= 0) ||
545
- (C.KeyWordList &&
546
- C.KeyWordList.indexOf(t) >= 0 &&
547
- E.message.warning(
548
- t +
549
- '是JSONSchema的关键字,建议您换一个,避免后续出现数据异常。',
550
- ),
551
- t &&
552
- t.indexOf('-') > -1 &&
553
- E.message.warning(
554
- t +
555
- '含特殊字符(‘-’),会影响后续数据获取和更新,建议您换一个数值。',
556
- ),
557
- !1)
558
- );
559
- }),
560
- (t.isSupportCurType = function (e, t) {
561
- var n = (0, C.getParentIndexRoute)(e),
562
- a = this.getSchemaByIndexRoute(n),
563
- o = this.SchemaTypeList[a.type];
564
- return !!(o && o.indexOf(t) >= 0);
565
- }),
566
- (t.addChildJson = function (e, t) {
567
- var n = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
568
- if ((0, C.isContainerSchema)(n)) {
569
- var a = this.getNewJsonKeyIndex(n);
570
- n.propertyOrder.push(a),
571
- (n.properties[a] = Ie),
572
- this.jsonSchemaChange(t);
573
- } else E.message.warning('非对象类型字段不允许插入子元素');
574
- }),
575
- (t.changeType = function (e, t, n, a, o) {
576
- var r = (0, C.getParentIndexRoute)(e),
577
- i = (0, C.getSchemaByIndexRoute)(r, this.jsonSchema),
578
- s = Object.assign(
579
- {},
580
- n,
581
- (0, S.pick)(a, [
582
- 'title',
583
- 'description',
584
- 'isConditionProp',
585
- 'showKey',
586
- 'showCodeViewBtn',
587
- 'onShow',
588
- ]),
589
- );
590
- i.properties && i.properties[t]
591
- ? (i.properties[t] = O(s))
592
- : i[t] && (i[t] = O(s)),
593
- this.jsonSchemaChange(o);
594
- }),
595
- (t.updateSchemaData = function (e, t, n) {
596
- var a = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
597
- Object.assign(a, O(t)), this.jsonSchemaChange(n);
598
- }),
599
- (t.editSchemaData = function (e, t, n, a) {
600
- var o = (0, C.getParentIndexRoute)(e),
601
- r = (0, C.getSchemaByIndexRoute)(o, this.jsonSchema);
602
- (r.properties[t] = u()({}, O(r.properties[t]), n)),
603
- this.jsonSchemaChange(a);
604
- }),
605
- (t.editJsonKey = function (e, t, n) {
606
- var a = (0, C.getSchemaByIndexRoute)(
607
- e,
608
- this.jsonSchema,
609
- !0,
610
- );
611
- this.insertJsonData(e, t, a, '', !0),
612
- this.deleteJsonByIndex(e, !0),
613
- this.jsonSchemaChange(n);
614
- }),
615
- (t.addNextJsonData = function (e) {
616
- var t = (0, C.getParentIndexRoute)(e),
617
- n = (0, C.getSchemaByIndexRoute)(t, this.jsonSchema),
618
- a = this.getNewJsonKeyIndex(n);
619
- this.insertJsonData(e, a, Ie);
620
- }),
621
- (t.insertJsonData = function (e, t, n, a, o) {
622
- var r = (0, C.getParentIndexRoute_CurIndex)(e),
623
- i = r[0],
624
- s = r[1],
625
- c = (0, C.getSchemaByIndexRoute)(i, this.jsonSchema);
626
- c.properties[t] = n;
627
- var l = c.propertyOrder,
628
- p = 'before' === a ? Number(s) : Number(s) + 1,
629
- d = l.slice(0, p),
630
- m = l.slice(p);
631
- (c.propertyOrder = [].concat(d, [t], m)),
632
- this.jsonSchemaChange(o);
633
- }),
634
- (t.deleteJsonByIndex_CurKey = function (e, t, n) {
635
- var a = (0, C.getParentIndexRoute)(e),
636
- o = (0, C.getSchemaByIndexRoute)(a, this.jsonSchema);
637
- delete o.properties[t];
638
- var r = o.propertyOrder.indexOf(t);
639
- o.propertyOrder.splice(r, 1), this.jsonSchemaChange(n);
640
- }),
641
- (t.deleteJsonByIndex = function (e, t) {
642
- var n = (0, C.getParentIndexRoute_CurIndex)(e),
643
- a = n[0],
644
- o = n[1],
645
- r = (0, C.getSchemaByIndexRoute)(a, this.jsonSchema),
646
- i = r.propertyOrder[o];
647
- delete r.properties[i];
648
- var s = r.propertyOrder.indexOf(i);
649
- r.propertyOrder.splice(s, 1), this.jsonSchemaChange(t);
650
- }),
651
- (t.updateEnumItem = function (e, t, n, a, o) {
652
- var r = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
653
- r.enum &&
654
- r.enumextra &&
655
- ((r.enum[t] = n), (r.enumextra[t] = a)),
656
- this.jsonSchemaChange(o);
657
- }),
658
- (t.isExitEnumKey = function (e, t, n) {
659
- var a = !1,
660
- o = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
661
- if (o.enum) {
662
- var r = O(o.enum);
663
- t >= 0 && r.splice(t, 1), r.indexOf(n) >= 0 && (a = !0);
664
- }
665
- return (
666
- C.KeyWordList &&
667
- C.KeyWordList.indexOf(n) >= 0 &&
668
- E.message.warning(
669
- n +
670
- '是JSONSchema的关键字,建议您换一个,避免后续出现数据异常。',
671
- ),
672
- a
673
- );
674
- }),
675
- (t.updateEnumKey = function (e, t, n, a) {
676
- var o = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
677
- o.enum && (o.enum[t] = n), this.jsonSchemaChange(a);
678
- }),
679
- (t.updateEnumText = function (e, t, n, a) {
680
- var o = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
681
- o.enumextra && (o.enumextra[t] = n),
682
- this.jsonSchemaChange(a);
683
- }),
684
- (t.deleteEnumItem = function (e, t, n) {
685
- var a = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
686
- a.enum &&
687
- a.enumextra &&
688
- (a.enum.splice(t, 1), a.enumextra.splice(t, 1)),
689
- this.jsonSchemaChange(n);
690
- }),
691
- (t.insertEnumItem = function (e, t, n, a, o, r) {
692
- var i = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
693
- if (i.enum && i.enumextra) {
694
- var s = 'before' === o ? Number(t) : Number(t) + 1,
695
- c = i.enum.slice(0, s),
696
- l = i.enum.slice(s);
697
- i.enum = [].concat(c, [n], l);
698
- var p = i.enumextra.slice(0, s),
699
- d = i.enumextra.slice(s);
700
- i.enumextra = [].concat(p, [a], d);
701
- }
702
- this.jsonSchemaChange(r);
703
- }),
704
- (t.getNewEnumIndex = function (e, t) {
705
- var n = (t || 'enum') + '_' + this.curJsonKeyIndex;
706
- return (
707
- e.indexOf(n) >= 0 &&
708
- ((this.curJsonKeyIndex += 1),
709
- (n = this.getNewEnumIndex(e, t))),
710
- (this.curJsonKeyIndex += 1),
711
- n
712
- );
713
- }),
714
- (t.addEnumItem = function (e, t) {
715
- var n = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
716
- if (n.enum) {
717
- var a = this.getNewEnumIndex(n.enum),
718
- o = '选项' + (this.curJsonKeyIndex - 1);
719
- this.insertEnumItem(e, t, a, o);
720
- }
721
- }),
722
- (t.copyEnumItem = function (e, t) {
723
- var n = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
724
- if (n.enum) {
725
- var a = n.enum[t],
726
- o = n.enumextra[t],
727
- r = this.getNewEnumIndex(n.enum, a),
728
- i = o + '_' + (this.curJsonKeyIndex - 1);
729
- this.insertEnumItem(e, t, r, i);
730
- }
731
- }),
732
- (t.updateOptionItem = function (e, t, n, a, o) {
733
- var r = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
734
- r.options &&
735
- r.options[t] &&
736
- ((r.options[t].label = n), (r.options[t].value = a)),
737
- this.jsonSchemaChange(o);
738
- }),
739
- (t.isExitOptionLabel = function (e, t) {
740
- var n = !1,
741
- a = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
742
- return (
743
- a.options &&
744
- a.options.find(function (e) {
745
- return e.label === t;
746
- }) &&
747
- (n = !0),
748
- C.KeyWordList &&
749
- C.KeyWordList.indexOf(t) >= 0 &&
750
- E.message.warning(
751
- t + '是JSONSchema的保留关键字,建议您换一个名称。',
752
- ),
753
- n
754
- );
755
- }),
756
- (t.updateOptionLabel = function (e, t, n, a) {
757
- var o = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
758
- o.options && o.options[t] && (o.options[t].label = n),
759
- this.jsonSchemaChange(a);
760
- }),
761
- (t.updateOptionValue = function (e, t, n, a) {
762
- var o = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
763
- o.options && o.options[t] && (o.options[t].value = n),
764
- this.jsonSchemaChange(a);
765
- }),
766
- (t.deleteOptionItem = function (e, t, n) {
767
- var a = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
768
- a.options && a.options[t] && a.options.splice(t, 1),
769
- this.jsonSchemaChange(n);
770
- }),
771
- (t.insertOption = function (e, t, n, a, o, r) {
772
- var i = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
773
- if (i.options) {
774
- var s = 'before' === o ? Number(t) : Number(t) + 1,
775
- c = i.options.slice(0, s),
776
- l = i.options.slice(s),
777
- p = { label: n, value: a };
778
- i.options = [].concat(c, [p], l);
779
- }
780
- this.jsonSchemaChange(r);
781
- }),
782
- (t.getNewOptionValue = function (e) {
783
- return e && e.length > 0
784
- ? e[e.length - 1].value + '_' + (e.length + 1)
785
- : 'value1';
786
- }),
787
- (t.addOptionItem = function (e, t) {
788
- var n = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
789
- if (n.options) {
790
- var a = this.getNewOptionValue(n.options),
791
- o = '选项' + (n.options.length + 1);
792
- this.insertOption(e, t, o, a);
793
- }
794
- }),
795
- (t.copyOptionItem = function (e, t) {
796
- var n = (0, C.getSchemaByIndexRoute)(e, this.jsonSchema);
797
- if (n.options) {
798
- n.options[t];
799
- var a = this.getNewOptionValue(n.options),
800
- o = (label, name + '_copy');
801
- this.insertOption(e, t, o, a);
802
- }
803
- }),
804
- f()(e, [
805
- {
806
- key: 'JSONSchemaObj',
807
- get: function () {
808
- return (0, b.toJS)(this.jsonSchema);
809
- },
810
- },
811
- ])
812
- );
813
- })()),
814
- (ye = x()(he.prototype, 'triggerChange', [b.observable], {
815
- configurable: !0,
816
- enumerable: !0,
817
- writable: !0,
818
- initializer: function () {
819
- return !1;
820
- },
821
- })),
822
- (ge = x()(he.prototype, 'jsonSchema', [b.observable], {
823
- configurable: !0,
824
- enumerable: !0,
825
- writable: !0,
826
- initializer: function () {
827
- return {};
828
- },
829
- })),
830
- (fe = x()(he.prototype, 'SchemaTypeList', [b.observable], {
831
- configurable: !0,
832
- enumerable: !0,
833
- writable: !0,
834
- initializer: function () {
835
- return je;
836
- },
837
- })),
838
- (ve = x()(he.prototype, 'onChange', [b.observable], {
839
- configurable: !0,
840
- enumerable: !0,
841
- writable: !0,
842
- initializer: function () {
843
- return function () {};
844
- },
845
- })),
846
- x()(
847
- he.prototype,
848
- 'triggerChangeAction',
849
- [w],
850
- Object.getOwnPropertyDescriptor(
851
- he.prototype,
852
- 'triggerChangeAction',
853
- ),
854
- he.prototype,
855
- ),
856
- x()(
857
- he.prototype,
858
- 'initSchemaTypeList',
859
- [I],
860
- Object.getOwnPropertyDescriptor(
861
- he.prototype,
862
- 'initSchemaTypeList',
863
- ),
864
- he.prototype,
865
- ),
866
- x()(
867
- he.prototype,
868
- 'initJSONSchemaData',
869
- [R],
870
- Object.getOwnPropertyDescriptor(
871
- he.prototype,
872
- 'initJSONSchemaData',
873
- ),
874
- he.prototype,
875
- ),
876
- x()(
877
- he.prototype,
878
- 'JSONSchemaObj',
879
- [b.computed],
880
- Object.getOwnPropertyDescriptor(he.prototype, 'JSONSchemaObj'),
881
- he.prototype,
882
- ),
883
- x()(
884
- he.prototype,
885
- 'initOnChange',
886
- [k],
887
- Object.getOwnPropertyDescriptor(he.prototype, 'initOnChange'),
888
- he.prototype,
889
- ),
890
- x()(
891
- he.prototype,
892
- 'schemaChange',
893
- [K],
894
- Object.getOwnPropertyDescriptor(he.prototype, 'schemaChange'),
895
- he.prototype,
896
- ),
897
- x()(
898
- he.prototype,
899
- 'jsonSchemaChange',
900
- [T],
901
- Object.getOwnPropertyDescriptor(
902
- he.prototype,
903
- 'jsonSchemaChange',
904
- ),
905
- he.prototype,
906
- ),
907
- x()(
908
- he.prototype,
909
- 'indexRoute2keyRoute',
910
- [D],
911
- Object.getOwnPropertyDescriptor(
912
- he.prototype,
913
- 'indexRoute2keyRoute',
914
- ),
915
- he.prototype,
916
- ),
917
- x()(
918
- he.prototype,
919
- 'keyRoute2indexRoute',
920
- [J],
921
- Object.getOwnPropertyDescriptor(
922
- he.prototype,
923
- 'keyRoute2indexRoute',
924
- ),
925
- he.prototype,
926
- ),
927
- x()(
928
- he.prototype,
929
- 'getSchemaByIndexRoute',
930
- [B],
931
- Object.getOwnPropertyDescriptor(
932
- he.prototype,
933
- 'getSchemaByIndexRoute',
934
- ),
935
- he.prototype,
936
- ),
937
- x()(
938
- he.prototype,
939
- 'getSchemaByKeyRoute',
940
- [V],
941
- Object.getOwnPropertyDescriptor(
942
- he.prototype,
943
- 'getSchemaByKeyRoute',
944
- ),
945
- he.prototype,
946
- ),
947
- x()(
948
- he.prototype,
949
- 'getNewJsonKeyIndex',
950
- [P],
951
- Object.getOwnPropertyDescriptor(
952
- he.prototype,
953
- 'getNewJsonKeyIndex',
954
- ),
955
- he.prototype,
956
- ),
957
- x()(
958
- he.prototype,
959
- 'isExitJsonKey',
960
- [L],
961
- Object.getOwnPropertyDescriptor(he.prototype, 'isExitJsonKey'),
962
- he.prototype,
963
- ),
964
- x()(
965
- he.prototype,
966
- 'isSupportCurType',
967
- [F],
968
- Object.getOwnPropertyDescriptor(
969
- he.prototype,
970
- 'isSupportCurType',
971
- ),
972
- he.prototype,
973
- ),
974
- x()(
975
- he.prototype,
976
- 'addChildJson',
977
- [q],
978
- Object.getOwnPropertyDescriptor(he.prototype, 'addChildJson'),
979
- he.prototype,
980
- ),
981
- x()(
982
- he.prototype,
983
- 'changeType',
984
- [A],
985
- Object.getOwnPropertyDescriptor(he.prototype, 'changeType'),
986
- he.prototype,
987
- ),
988
- x()(
989
- he.prototype,
990
- 'updateSchemaData',
991
- [_],
992
- Object.getOwnPropertyDescriptor(
993
- he.prototype,
994
- 'updateSchemaData',
995
- ),
996
- he.prototype,
997
- ),
998
- x()(
999
- he.prototype,
1000
- 'editSchemaData',
1001
- [M],
1002
- Object.getOwnPropertyDescriptor(he.prototype, 'editSchemaData'),
1003
- he.prototype,
1004
- ),
1005
- x()(
1006
- he.prototype,
1007
- 'editJsonKey',
1008
- [W],
1009
- Object.getOwnPropertyDescriptor(he.prototype, 'editJsonKey'),
1010
- he.prototype,
1011
- ),
1012
- x()(
1013
- he.prototype,
1014
- 'addNextJsonData',
1015
- [z],
1016
- Object.getOwnPropertyDescriptor(
1017
- he.prototype,
1018
- 'addNextJsonData',
1019
- ),
1020
- he.prototype,
1021
- ),
1022
- x()(
1023
- he.prototype,
1024
- 'insertJsonData',
1025
- [G],
1026
- Object.getOwnPropertyDescriptor(he.prototype, 'insertJsonData'),
1027
- he.prototype,
1028
- ),
1029
- x()(
1030
- he.prototype,
1031
- 'deleteJsonByIndex_CurKey',
1032
- [U],
1033
- Object.getOwnPropertyDescriptor(
1034
- he.prototype,
1035
- 'deleteJsonByIndex_CurKey',
1036
- ),
1037
- he.prototype,
1038
- ),
1039
- x()(
1040
- he.prototype,
1041
- 'deleteJsonByIndex',
1042
- [H],
1043
- Object.getOwnPropertyDescriptor(
1044
- he.prototype,
1045
- 'deleteJsonByIndex',
1046
- ),
1047
- he.prototype,
1048
- ),
1049
- x()(
1050
- he.prototype,
1051
- 'updateEnumItem',
1052
- [X],
1053
- Object.getOwnPropertyDescriptor(he.prototype, 'updateEnumItem'),
1054
- he.prototype,
1055
- ),
1056
- x()(
1057
- he.prototype,
1058
- 'isExitEnumKey',
1059
- [Q],
1060
- Object.getOwnPropertyDescriptor(he.prototype, 'isExitEnumKey'),
1061
- he.prototype,
1062
- ),
1063
- x()(
1064
- he.prototype,
1065
- 'updateEnumKey',
1066
- [Y],
1067
- Object.getOwnPropertyDescriptor(he.prototype, 'updateEnumKey'),
1068
- he.prototype,
1069
- ),
1070
- x()(
1071
- he.prototype,
1072
- 'updateEnumText',
1073
- [Z],
1074
- Object.getOwnPropertyDescriptor(he.prototype, 'updateEnumText'),
1075
- he.prototype,
1076
- ),
1077
- x()(
1078
- he.prototype,
1079
- 'deleteEnumItem',
1080
- [$],
1081
- Object.getOwnPropertyDescriptor(he.prototype, 'deleteEnumItem'),
1082
- he.prototype,
1083
- ),
1084
- x()(
1085
- he.prototype,
1086
- 'insertEnumItem',
1087
- [ee],
1088
- Object.getOwnPropertyDescriptor(he.prototype, 'insertEnumItem'),
1089
- he.prototype,
1090
- ),
1091
- x()(
1092
- he.prototype,
1093
- 'getNewEnumIndex',
1094
- [te],
1095
- Object.getOwnPropertyDescriptor(
1096
- he.prototype,
1097
- 'getNewEnumIndex',
1098
- ),
1099
- he.prototype,
1100
- ),
1101
- x()(
1102
- he.prototype,
1103
- 'addEnumItem',
1104
- [ne],
1105
- Object.getOwnPropertyDescriptor(he.prototype, 'addEnumItem'),
1106
- he.prototype,
1107
- ),
1108
- x()(
1109
- he.prototype,
1110
- 'copyEnumItem',
1111
- [ae],
1112
- Object.getOwnPropertyDescriptor(he.prototype, 'copyEnumItem'),
1113
- he.prototype,
1114
- ),
1115
- x()(
1116
- he.prototype,
1117
- 'updateOptionItem',
1118
- [oe],
1119
- Object.getOwnPropertyDescriptor(
1120
- he.prototype,
1121
- 'updateOptionItem',
1122
- ),
1123
- he.prototype,
1124
- ),
1125
- x()(
1126
- he.prototype,
1127
- 'isExitOptionLabel',
1128
- [re],
1129
- Object.getOwnPropertyDescriptor(
1130
- he.prototype,
1131
- 'isExitOptionLabel',
1132
- ),
1133
- he.prototype,
1134
- ),
1135
- x()(
1136
- he.prototype,
1137
- 'updateOptionLabel',
1138
- [ie],
1139
- Object.getOwnPropertyDescriptor(
1140
- he.prototype,
1141
- 'updateOptionLabel',
1142
- ),
1143
- he.prototype,
1144
- ),
1145
- x()(
1146
- he.prototype,
1147
- 'updateOptionValue',
1148
- [se],
1149
- Object.getOwnPropertyDescriptor(
1150
- he.prototype,
1151
- 'updateOptionValue',
1152
- ),
1153
- he.prototype,
1154
- ),
1155
- x()(
1156
- he.prototype,
1157
- 'deleteOptionItem',
1158
- [ce],
1159
- Object.getOwnPropertyDescriptor(
1160
- he.prototype,
1161
- 'deleteOptionItem',
1162
- ),
1163
- he.prototype,
1164
- ),
1165
- x()(
1166
- he.prototype,
1167
- 'insertOption',
1168
- [le],
1169
- Object.getOwnPropertyDescriptor(he.prototype, 'insertOption'),
1170
- he.prototype,
1171
- ),
1172
- x()(
1173
- he.prototype,
1174
- 'getNewOptionValue',
1175
- [pe],
1176
- Object.getOwnPropertyDescriptor(
1177
- he.prototype,
1178
- 'getNewOptionValue',
1179
- ),
1180
- he.prototype,
1181
- ),
1182
- x()(
1183
- he.prototype,
1184
- 'addOptionItem',
1185
- [de],
1186
- Object.getOwnPropertyDescriptor(he.prototype, 'addOptionItem'),
1187
- he.prototype,
1188
- ),
1189
- x()(
1190
- he.prototype,
1191
- 'copyOptionItem',
1192
- [me],
1193
- Object.getOwnPropertyDescriptor(he.prototype, 'copyOptionItem'),
1194
- he.prototype,
1195
- ),
1196
- (xe = x()(he.prototype, 'childElemSort', [ue], {
1197
- configurable: !0,
1198
- enumerable: !0,
1199
- writable: !0,
1200
- initializer: function () {
1201
- var e = this;
1202
- return function (t) {
1203
- for (
1204
- var n = (0, C.getSchemaByIndexRoute)(t, e.jsonSchema),
1205
- a = n.propertyOrder,
1206
- o = [],
1207
- r = [],
1208
- i = [],
1209
- s = [],
1210
- c = [],
1211
- l = [],
1212
- p = [],
1213
- d = [],
1214
- m = 0,
1215
- u = a.length;
1216
- m < u;
1217
- m++
1218
- ) {
1219
- var h = a[m];
1220
- switch (n.properties[h].type) {
1221
- case 'input':
1222
- case 'url':
1223
- o.push(h);
1224
- break;
1225
- case 'number':
1226
- case 'quantity':
1227
- r.push(h);
1228
- break;
1229
- case 'radio':
1230
- case 'checkboxes':
1231
- case 'boolean':
1232
- case 'color':
1233
- i.push(h);
1234
- break;
1235
- case 'date':
1236
- case 'date-time':
1237
- case 'time':
1238
- s.push(h);
1239
- break;
1240
- case 'textarea':
1241
- case 'json':
1242
- case 'codearea':
1243
- case 'htmlarea':
1244
- c.push(h);
1245
- break;
1246
- case 'image':
1247
- l.push(h);
1248
- break;
1249
- case 'object':
1250
- case 'array':
1251
- p.push(h);
1252
- break;
1253
- default:
1254
- d.push(h);
1255
- }
1256
- }
1257
- (n.propertyOrder = [].concat(o, r, i, s, l, c, p, d)),
1258
- e.jsonSchemaChange();
1259
- };
1260
- },
1261
- })),
1262
- he),
1263
- },
1264
- ke = require('@ant-design/icons'),
1265
- Ke = require('rc-switch'),
1266
- Te = n.n(Ke),
1267
- De = require('react-ace'),
1268
- Je = n.n(De),
1269
- Be =
1270
- (require('ace-builds/src-noconflict/mode-json'),
1271
- require('ace-builds/src-noconflict/theme-solarized_light'),
1272
- n(40),
1273
- (function (e) {
1274
- function t(t) {
1275
- var n;
1276
- return (
1277
- ((n = e.call(this, t) || this).handleValueChange = function (
1278
- e,
1279
- ) {
1280
- n.props.onChange &&
1281
- (0, C.isFunction)(n.props.onChange) &&
1282
- n.props.onChange(e);
1283
- }),
1284
- (n.state = {
1285
- isShowWarn: !1,
1286
- warnText: '',
1287
- curJSONDataTemp: void 0,
1288
- }),
1289
- (n.handleValueChange = n.handleValueChange.bind(n)),
1290
- n
1291
- );
1292
- }
1293
- return (
1294
- o()(t, e),
1295
- (t.prototype.render = function () {
1296
- var e = this,
1297
- t = this.props,
1298
- n = t.jsonData,
1299
- a = t.readOnly,
1300
- o = t.maxLines,
1301
- i = n || {},
1302
- s = this.state,
1303
- c = s.isShowWarn,
1304
- l = s.warnText,
1305
- p = (s.curJSONDataTemp, a || !1);
1306
- return (
1307
- (i = void 0 !== i ? i : i || '{}'),
1308
- ((0, C.isObject)(i) || (0, C.isArray)(i)) &&
1309
- (i = JSON.stringify(i, null, 2)),
1310
- r.createElement(
1311
- 'div',
1312
- { className: 'json-view-box' },
1313
- p &&
1314
- r.createElement(
1315
- 'div',
1316
- { className: 'readOnly-btn' },
1317
- '[只读]',
1318
- ),
1319
- c &&
1320
- r.createElement(
1321
- 'div',
1322
- { className: 'warning-box code-area-item' },
1323
- r.createElement(
1324
- 'div',
1325
- { className: 'warning-img' },
1326
- 'X',
1327
- ),
1328
- r.createElement(
1329
- 'div',
1330
- { className: 'warning-text' },
1331
- l,
1332
- ),
1333
- ),
1334
- r.createElement(Je(), {
1335
- id: 'json_area_ace',
1336
- defaultValue: i,
1337
- className: 'json-view-ace',
1338
- mode: 'json',
1339
- theme: 'solarized_light',
1340
- name: 'JSON_CODE_EDIT',
1341
- fontSize: 14,
1342
- showPrintMargin: !0,
1343
- showGutter: !0,
1344
- highlightActiveLine: !0,
1345
- readOnly: p,
1346
- minLines: 5,
1347
- maxLines: o || 10,
1348
- width: '100%',
1349
- setOptions: {
1350
- useWorker: !1,
1351
- showLineNumbers: !0,
1352
- tabSize: 2,
1353
- },
1354
- onChange: function (t) {
1355
- try {
1356
- var n = JSON.parse(t);
1357
- e.handleValueChange(n),
1358
- e.setState({
1359
- isShowWarn: !1,
1360
- curJSONDataTemp: void 0,
1361
- });
1362
- } catch (n) {
1363
- e.setState({
1364
- curJSONDataTemp: t,
1365
- warnText: n.message,
1366
- isShowWarn: !0,
1367
- });
1368
- }
1369
- },
1370
- }),
1371
- )
1372
- );
1373
- }),
1374
- t
1375
- );
1376
- })(r.PureComponent));
1377
- Be.propTypes = {
1378
- jsonData: d().any,
1379
- readOnly: d().bool,
1380
- maxLines: d().number,
1381
- };
1382
- var Ve = Be,
1383
- Pe =
1384
- (require('rc-switch/assets/index.css'), n(975), E.Input.TextArea),
1385
- Le =
1386
- (E.Select.Option,
1387
- (function (e) {
1388
- function t(t) {
1389
- var n;
1390
- return (
1391
- ((n = e.call(this, t) || this).handleValueChange = function (
1392
- e,
1393
- t,
1394
- ) {
1395
- var a = (n.props.schemaStore || {}).editSchemaData,
1396
- o = n.props,
1397
- r = o.indexRoute,
1398
- i = o.jsonKey;
1399
- if (o.targetJsonSchema[e] !== t) {
1400
- var s = {};
1401
- (s[e] = t), a(r, i, s);
1402
- }
1403
- }),
1404
- (n.renderDefaultContent = function (e, t, a) {
1405
- if ('boolean' === e)
1406
- return r.createElement(Te(), {
1407
- style: { display: 'inline-block' },
1408
- defaultChecked: t.default,
1409
- checkedChildren: 'true',
1410
- unCheckedChildren: 'false',
1411
- onChange: function (e) {
1412
- n.handleValueChange('default', e);
1413
- },
1414
- });
1415
- if ('checkboxes' === e || ('select' === e && t.multiple)) {
1416
- var o = t.options;
1417
- return r.createElement(
1418
- E.Checkbox.Group,
1419
- {
1420
- style: { display: 'inline-block' },
1421
- onChange: function (e) {
1422
- n.handleValueChange('default', e);
1423
- },
1424
- defaultValue: t.default,
1425
- },
1426
- o &&
1427
- o.length > 0 &&
1428
- o.map(function (e, t) {
1429
- var n = a + '-options-' + t;
1430
- return r.createElement(
1431
- E.Checkbox,
1432
- { value: e.value, key: n },
1433
- e.label || e.name,
1434
- );
1435
- }),
1436
- );
1437
- }
1438
- if ('radio' === e || 'select' === e) {
1439
- var i = t.options;
1440
- return r.createElement(
1441
- E.Radio.Group,
1442
- {
1443
- style: { display: 'inline-block' },
1444
- defaultValue: t.default,
1445
- onChange: function (e) {
1446
- var t = e.target.value;
1447
- n.handleValueChange('default', t);
1448
- },
1449
- },
1450
- i &&
1451
- i.length > 0 &&
1452
- i.map(function (e, t) {
1453
- var n = a + '-options-' + t;
1454
- return r.createElement(
1455
- E.Radio,
1456
- { value: e.value, key: n },
1457
- e.label || e.name,
1458
- );
1459
- }),
1460
- );
1461
- }
1462
- return 'color' === e
1463
- ? r.createElement(E.Input, {
1464
- style: { display: 'inline-block' },
1465
- className: 'color-item-form',
1466
- type: 'color',
1467
- defaultValue: t.default,
1468
- onChange: function (e) {
1469
- var t = e.target.value;
1470
- n.handleValueChange('default', t);
1471
- },
1472
- })
1473
- : 'textarea' === e ||
1474
- 'codearea' === e ||
1475
- 'htmlarea' === e ||
1476
- 'json' === e
1477
- ? r.createElement(Pe, {
1478
- style: { display: 'inline-block' },
1479
- rows: 4,
1480
- placeholder: '请输入' + t.title + '的默认值',
1481
- defaultValue: t.default,
1482
- onPressEnter: function (e) {
1483
- var t = e.target.value;
1484
- n.handleValueChange('default', t);
1485
- },
1486
- onBlur: function (e) {
1487
- var t = e.target.value;
1488
- n.handleValueChange('default', t);
1489
- },
1490
- })
1491
- : 'number' === e
1492
- ? r.createElement(E.InputNumber, {
1493
- style: { display: 'inline-block' },
1494
- placeholder: '请输入' + t.title + '的默认值',
1495
- defaultValue: t.default,
1496
- onChange: function (e) {
1497
- n.handleValueChange('default', e);
1498
- },
1499
- })
1500
- : r.createElement(E.Input, {
1501
- style: { display: 'inline-block' },
1502
- placeholder: '请输入' + t.title + '的默认值',
1503
- defaultValue: t.default,
1504
- onPressEnter: function (e) {
1505
- var t = e.target.value;
1506
- n.handleValueChange('default', t);
1507
- },
1508
- onBlur: function (e) {
1509
- var t = e.target.value;
1510
- n.handleValueChange('default', t);
1511
- },
1512
- });
1513
- }),
1514
- (n.handleValueChange = n.handleValueChange.bind(n)),
1515
- n
1516
- );
1517
- }
1518
- return (
1519
- o()(t, e),
1520
- (t.prototype.render = function () {
1521
- var e,
1522
- t,
1523
- n,
1524
- a,
1525
- o,
1526
- i,
1527
- s,
1528
- c,
1529
- l = this,
1530
- p = (this.props.schemaStore || {}).indexRoute2keyRoute,
1531
- d = this.props,
1532
- m = d.nodeKey,
1533
- u = d.indexRoute,
1534
- h = d.targetJsonSchema,
1535
- y = h.type,
1536
- g = (p(u), h.isConditionProp);
1537
- return r.createElement(
1538
- 'div',
1539
- { className: 'advance-config-model' },
1540
- (function (e) {
1541
- return (
1542
- [
1543
- 'boolean',
1544
- 'input',
1545
- 'number',
1546
- 'color',
1547
- 'url',
1548
- 'radio',
1549
- 'select',
1550
- 'date',
1551
- 'date-time',
1552
- 'time',
1553
- 'input-image',
1554
- ].indexOf(e) > -1
1555
- );
1556
- })(y) &&
1557
- r.createElement(
1558
- 'div',
1559
- {
1560
- className: 'wide-screen-element-warp',
1561
- key: m + '-isConditionProp',
1562
- },
1563
- r.createElement(
1564
- 'div',
1565
- { className: 'element-title' },
1566
- r.createElement(
1567
- E.Tooltip,
1568
- {
1569
- title:
1570
- '设置为条件字段后,其他字段可根据其数值变化进行实时联动',
1571
- placement: 'top',
1572
- },
1573
- r.createElement(
1574
- 'span',
1575
- { className: 'title-text' },
1576
- '条件字段',
1577
- ),
1578
- ),
1579
- ),
1580
- r.createElement(
1581
- 'div',
1582
- { className: 'content-item' },
1583
- r.createElement(
1584
- 'div',
1585
- {
1586
- className: 'form-item-box',
1587
- key: m + '-isConditionProp-switch',
1588
- },
1589
- r.createElement(Te(), {
1590
- style: { display: 'inline-block' },
1591
- defaultChecked: null != g && g,
1592
- checkedChildren: '是',
1593
- unCheckedChildren: '否',
1594
- onChange: function (e) {
1595
- l.handleValueChange('isConditionProp', e);
1596
- },
1597
- }),
1598
- ),
1599
- ),
1600
- ),
1601
- ('select' === y || 'cascader' === y) &&
1602
- r.createElement(
1603
- 'div',
1604
- {
1605
- className: 'wide-screen-element-warp',
1606
- key: m + '-selectConfig',
1607
- },
1608
- r.createElement(
1609
- 'div',
1610
- { className: 'element-title' },
1611
- r.createElement(
1612
- E.Tooltip,
1613
- {
1614
- title:
1615
- '开启多选后,select下拉列表支持选择多个选项。',
1616
- placement: 'top',
1617
- },
1618
- r.createElement(
1619
- 'span',
1620
- { className: 'title-text' },
1621
- '支持多选',
1622
- ),
1623
- ),
1624
- ),
1625
- r.createElement(
1626
- 'div',
1627
- { className: 'content-item' },
1628
- r.createElement(
1629
- 'div',
1630
- {
1631
- className: 'form-item-box',
1632
- key: m + '-selectConfig-multiple',
1633
- },
1634
- r.createElement(Te(), {
1635
- style: { display: 'inline-block' },
1636
- defaultChecked: null != (e = h.multiple) && e,
1637
- checkedChildren: '多选',
1638
- unCheckedChildren: '单选',
1639
- onChange: function (e) {
1640
- l.handleValueChange('multiple', e);
1641
- },
1642
- }),
1643
- ),
1644
- ),
1645
- ),
1646
- (function (e) {
1647
- return ['select', 'radio'].indexOf(e) > -1;
1648
- })(y) &&
1649
- r.createElement(
1650
- 'div',
1651
- {
1652
- className: 'wide-screen-element-warp',
1653
- key: m + '-defaultActiveFirstOption',
1654
- },
1655
- r.createElement(
1656
- 'div',
1657
- { className: 'element-title' },
1658
- r.createElement(
1659
- E.Tooltip,
1660
- {
1661
- title: '是否默认高亮第一个选项。',
1662
- placement: 'top',
1663
- },
1664
- r.createElement(
1665
- 'span',
1666
- { className: 'title-text' },
1667
- '选中第一项',
1668
- ),
1669
- ),
1670
- ),
1671
- r.createElement(
1672
- 'div',
1673
- { className: 'content-item' },
1674
- r.createElement(
1675
- 'div',
1676
- {
1677
- className: 'form-item-box',
1678
- key: m + '-selectConfig-defaultActiveFirstOption',
1679
- },
1680
- r.createElement(Te(), {
1681
- style: { display: 'inline-block' },
1682
- defaultChecked:
1683
- null != (t = h.defaultActiveFirstOption) && t,
1684
- checkedChildren: '开启',
1685
- unCheckedChildren: '关闭',
1686
- onChange: function (e) {
1687
- l.handleValueChange(
1688
- 'defaultActiveFirstOption',
1689
- e,
1690
- );
1691
- },
1692
- }),
1693
- ),
1694
- ),
1695
- ),
1696
- (function (e) {
1697
- return (
1698
- []
1699
- .concat(be, [
1700
- 'quantity',
1701
- 'text-editor',
1702
- 'json',
1703
- 'codearea',
1704
- 'htmlarea',
1705
- ])
1706
- .indexOf(e) > -1
1707
- );
1708
- })(y) &&
1709
- r.createElement(
1710
- 'div',
1711
- {
1712
- className: 'wide-screen-element-warp',
1713
- key: m + '-readOnly-' + h.readOnly,
1714
- },
1715
- r.createElement(
1716
- 'div',
1717
- { className: 'element-title' },
1718
- r.createElement(
1719
- E.Tooltip,
1720
- {
1721
- title:
1722
- '当前属性设置为只读后,用户不能对其进行任何编辑操作',
1723
- placement: 'top',
1724
- },
1725
- r.createElement(
1726
- 'span',
1727
- { className: 'title-text' },
1728
- '是否只读',
1729
- ),
1730
- ),
1731
- ),
1732
- r.createElement(
1733
- 'div',
1734
- { className: 'content-item' },
1735
- r.createElement(
1736
- 'div',
1737
- { className: 'form-item-box' },
1738
- r.createElement(Te(), {
1739
- style: { display: 'inline-block' },
1740
- defaultChecked: null != (n = h.readOnly) && n,
1741
- checkedChildren: 'true',
1742
- unCheckedChildren: 'false',
1743
- onChange: function (e) {
1744
- l.handleValueChange('readOnly', e);
1745
- },
1746
- }),
1747
- ),
1748
- ),
1749
- ),
1750
- (function (e) {
1751
- return (
1752
- []
1753
- .concat(be, [
1754
- 'quantity',
1755
- 'text-editor',
1756
- 'json',
1757
- 'codearea',
1758
- 'htmlarea',
1759
- ])
1760
- .indexOf(e) > -1
1761
- );
1762
- })(y) &&
1763
- r.createElement(
1764
- 'div',
1765
- {
1766
- className: 'wide-screen-element-warp',
1767
- key: m + '-isRequired-' + h.isRequired,
1768
- },
1769
- r.createElement(
1770
- 'div',
1771
- { className: 'element-title' },
1772
- r.createElement(
1773
- E.Tooltip,
1774
- {
1775
- title:
1776
- '当前属性设置为必填项后,如果用户没有给其设置数值,则会进行标红提示。',
1777
- placement: 'top',
1778
- },
1779
- r.createElement(
1780
- 'span',
1781
- { className: 'title-text' },
1782
- '是否必填项',
1783
- ),
1784
- ),
1785
- ),
1786
- r.createElement(
1787
- 'div',
1788
- { className: 'content-item' },
1789
- r.createElement(
1790
- 'div',
1791
- { className: 'form-item-box' },
1792
- r.createElement(Te(), {
1793
- style: { display: 'inline-block' },
1794
- defaultChecked: null != (a = h.isRequired) && a,
1795
- checkedChildren: 'true',
1796
- unCheckedChildren: 'false',
1797
- onChange: function (e) {
1798
- l.handleValueChange('isRequired', e);
1799
- },
1800
- }),
1801
- ),
1802
- ),
1803
- ),
1804
- (function (e) {
1805
- return (
1806
- []
1807
- .concat(be, ['json', 'codearea', 'htmlarea'])
1808
- .indexOf(e) > -1
1809
- );
1810
- })(y) &&
1811
- r.createElement(
1812
- 'div',
1813
- {
1814
- className: 'wide-screen-element-warp',
1815
- key: m + '-default',
1816
- },
1817
- r.createElement(
1818
- 'div',
1819
- { className: 'element-title' },
1820
- r.createElement(
1821
- E.Tooltip,
1822
- { placement: 'top' },
1823
- r.createElement(
1824
- 'span',
1825
- { className: 'title-text' },
1826
- '默认值',
1827
- ),
1828
- ),
1829
- ),
1830
- r.createElement(
1831
- 'div',
1832
- { className: 'content-item' },
1833
- r.createElement(
1834
- 'div',
1835
- { className: 'form-item-box' },
1836
- this.renderDefaultContent(y, h, m),
1837
- ),
1838
- ),
1839
- ),
1840
- 'select' === y &&
1841
- r.createElement(
1842
- 'div',
1843
- {
1844
- className: 'wide-screen-element-warp',
1845
- key: m + '-withLabel',
1846
- },
1847
- r.createElement(
1848
- 'div',
1849
- { className: 'element-title' },
1850
- r.createElement(
1851
- E.Tooltip,
1852
- {
1853
- title:
1854
- '开启后,选中选项时,其数值会带上当前选项的label数值。',
1855
- placement: 'top',
1856
- },
1857
- r.createElement(
1858
- 'span',
1859
- { className: 'title-text' },
1860
- '附带label数值',
1861
- ),
1862
- ),
1863
- ),
1864
- r.createElement(
1865
- 'div',
1866
- { className: 'content-item' },
1867
- r.createElement(Te(), {
1868
- style: { display: 'inline-block' },
1869
- defaultChecked: null != (o = h.withLabel) && o,
1870
- checkedChildren: '开启',
1871
- unCheckedChildren: '关闭',
1872
- onChange: function (e) {
1873
- l.handleValueChange('withLabel', e);
1874
- },
1875
- }),
1876
- ),
1877
- ),
1878
- 'cascader' === y &&
1879
- r.createElement(
1880
- 'div',
1881
- {
1882
- className: 'wide-screen-element-warp',
1883
- key: m + '-cascader-options',
1884
- },
1885
- r.createElement(
1886
- 'div',
1887
- { className: 'element-title' },
1888
- r.createElement(
1889
- E.Tooltip,
1890
- {
1891
- title: '用于添加 级联选择 组件的 options 数据。',
1892
- placement: 'top',
1893
- },
1894
- r.createElement(
1895
- 'span',
1896
- { className: 'title-text' },
1897
- 'options 配置',
1898
- ),
1899
- ),
1900
- ),
1901
- r.createElement(
1902
- 'div',
1903
- { className: 'content-item' },
1904
- r.createElement(Ve, {
1905
- jsonData: h.options,
1906
- onChange: function (e) {
1907
- l.handleValueChange('options', e);
1908
- },
1909
- maxLines: 10,
1910
- }),
1911
- ),
1912
- ),
1913
- r.createElement(
1914
- 'div',
1915
- {
1916
- className: 'wide-screen-element-warp',
1917
- key: m + '-description',
1918
- },
1919
- r.createElement(
1920
- 'div',
1921
- { className: 'element-title' },
1922
- r.createElement(
1923
- E.Tooltip,
1924
- {
1925
- title:
1926
- '字段描述内容将作为Title的补充信息提供给用户',
1927
- placement: 'top',
1928
- },
1929
- r.createElement(
1930
- 'span',
1931
- { className: 'title-text' },
1932
- '字段描述',
1933
- ),
1934
- ),
1935
- ),
1936
- r.createElement(
1937
- 'div',
1938
- { className: 'content-item' },
1939
- r.createElement(
1940
- 'div',
1941
- { className: 'form-item-box' },
1942
- r.createElement(E.Input, {
1943
- style: { display: 'inline-block' },
1944
- placeholder: '请输入' + h.title + '的字段描述',
1945
- defaultValue: h.description,
1946
- onPressEnter: function (e) {
1947
- var t = e.target.value;
1948
- l.handleValueChange('description', t);
1949
- },
1950
- onBlur: function (e) {
1951
- var t = e.target.value;
1952
- l.handleValueChange('description', t);
1953
- },
1954
- }),
1955
- ),
1956
- ),
1957
- ),
1958
- r.createElement(
1959
- 'div',
1960
- {
1961
- className: 'wide-screen-element-warp',
1962
- key: m + '-showKey',
1963
- },
1964
- r.createElement(
1965
- 'div',
1966
- { className: 'element-title' },
1967
- r.createElement(
1968
- E.Tooltip,
1969
- {
1970
- title:
1971
- '开启后,在JSONEditor端会展示当前Key值,以便增加辨识度。',
1972
- placement: 'top',
1973
- },
1974
- r.createElement(
1975
- 'span',
1976
- { className: 'title-text' },
1977
- '展示Key值',
1978
- ),
1979
- ),
1980
- ),
1981
- r.createElement(
1982
- 'div',
1983
- { className: 'content-item' },
1984
- r.createElement(
1985
- 'div',
1986
- { className: 'form-item-box' },
1987
- r.createElement(Te(), {
1988
- style: { display: 'inline-block' },
1989
- defaultChecked: null != (i = h.showKey) && i,
1990
- checkedChildren: 'true',
1991
- unCheckedChildren: 'false',
1992
- onChange: function (e) {
1993
- l.handleValueChange('showKey', e);
1994
- },
1995
- }),
1996
- ),
1997
- ),
1998
- ),
1999
- (function (e) {
2000
- return (
2001
- [
2002
- 'input',
2003
- 'url',
2004
- 'textarea',
2005
- 'text-editor',
2006
- 'date',
2007
- 'date-time',
2008
- 'time',
2009
- 'json',
2010
- 'codearea',
2011
- 'htmlarea',
2012
- ].indexOf(e) > -1
2013
- );
2014
- })(y) &&
2015
- r.createElement(
2016
- 'div',
2017
- {
2018
- className: 'wide-screen-element-warp',
2019
- key: m + '-placeholder',
2020
- },
2021
- r.createElement(
2022
- 'div',
2023
- { className: 'element-title' },
2024
- r.createElement(
2025
- E.Tooltip,
2026
- {
2027
- title:
2028
- '输入提示内容将作为输入区域的提示信息展示给用户',
2029
- placement: 'top',
2030
- },
2031
- r.createElement(
2032
- 'span',
2033
- { className: 'title-text' },
2034
- '输入提示',
2035
- ),
2036
- ),
2037
- ),
2038
- r.createElement(
2039
- 'div',
2040
- { className: 'content-item' },
2041
- r.createElement(
2042
- 'div',
2043
- { className: 'form-item-box' },
2044
- r.createElement(E.Input, {
2045
- style: { display: 'inline-block' },
2046
- placeholder: '请输入' + h.title + '的输入提示',
2047
- defaultValue: h.placeholder,
2048
- onPressEnter: function (e) {
2049
- var t = e.target.value;
2050
- l.handleValueChange('placeholder', t);
2051
- },
2052
- onBlur: function (e) {
2053
- var t = e.target.value;
2054
- l.handleValueChange('placeholder', t);
2055
- },
2056
- }),
2057
- ),
2058
- ),
2059
- ),
2060
- ('input' === y ||
2061
- 'quantity' === y ||
2062
- 'padding-margin' === y) &&
2063
- r.createElement(
2064
- 'div',
2065
- {
2066
- className: 'wide-screen-element-warp',
2067
- key: m + '-autoComplete',
2068
- },
2069
- r.createElement(
2070
- 'div',
2071
- { className: 'element-title' },
2072
- r.createElement(
2073
- E.Tooltip,
2074
- {
2075
- title:
2076
- '开启后支持添加可选项,并支持 autoComplete。',
2077
- placement: 'top',
2078
- },
2079
- r.createElement(
2080
- 'span',
2081
- { className: 'title-text' },
2082
- '开启可选项',
2083
- ),
2084
- ),
2085
- ),
2086
- r.createElement(
2087
- 'div',
2088
- { className: 'content-item' },
2089
- r.createElement(
2090
- 'div',
2091
- { className: 'form-item-box' },
2092
- r.createElement(Te(), {
2093
- style: { display: 'inline-block' },
2094
- defaultChecked: null != (s = h.autoComplete) && s,
2095
- checkedChildren: '开启',
2096
- unCheckedChildren: '关闭',
2097
- onChange: function (e) {
2098
- l.handleValueChange('autoComplete', e);
2099
- },
2100
- }),
2101
- ),
2102
- ),
2103
- ),
2104
- h.autoComplete &&
2105
- r.createElement(
2106
- 'div',
2107
- {
2108
- className: 'wide-screen-element-warp',
2109
- key: m + '-autoComplete-options',
2110
- },
2111
- r.createElement(
2112
- 'div',
2113
- { className: 'element-title' },
2114
- r.createElement(
2115
- 'span',
2116
- { className: 'title-text' },
2117
- '可选项',
2118
- ),
2119
- ),
2120
- r.createElement(
2121
- 'div',
2122
- { className: 'content-item' },
2123
- r.createElement(Ve, {
2124
- jsonData: h.options || [],
2125
- onChange: function (e) {
2126
- (0, C.isArray)(e)
2127
- ? l.handleValueChange('options', e)
2128
- : E.message.warning(
2129
- '可选项数据格式不正确,可选项数据格式必须为数组格式。',
2130
- );
2131
- },
2132
- maxLines: 10,
2133
- }),
2134
- ),
2135
- ),
2136
- (function (e) {
2137
- return [].concat(Ee, ['array']).indexOf(e) > -1;
2138
- })(y) &&
2139
- r.createElement(
2140
- 'div',
2141
- {
2142
- className: 'wide-screen-element-warp',
2143
- key: m + '-showCodeViewBtn-' + h.showCodeViewBtn,
2144
- },
2145
- r.createElement(
2146
- 'div',
2147
- { className: 'element-title' },
2148
- r.createElement(
2149
- E.Tooltip,
2150
- {
2151
- title:
2152
- '用于控制是否显示源码模式切换按钮,默认显示',
2153
- placement: 'top',
2154
- },
2155
- r.createElement(
2156
- 'span',
2157
- { className: 'title-text' },
2158
- '源码模式',
2159
- ),
2160
- ),
2161
- ),
2162
- r.createElement(
2163
- 'div',
2164
- { className: 'content-item' },
2165
- r.createElement(
2166
- 'div',
2167
- { className: 'form-item-box' },
2168
- r.createElement(Te(), {
2169
- style: { display: 'inline-block' },
2170
- defaultChecked:
2171
- null == (c = h.showCodeViewBtn) || c,
2172
- checkedChildren: 'true',
2173
- unCheckedChildren: 'false',
2174
- onChange: function (e) {
2175
- l.handleValueChange('showCodeViewBtn', e);
2176
- },
2177
- }),
2178
- ),
2179
- ),
2180
- ),
2181
- 'number' === (0, C.getExpectType)(y) &&
2182
- r.createElement(
2183
- r.Fragment,
2184
- null,
2185
- r.createElement(
2186
- 'div',
2187
- {
2188
- className: 'wide-screen-element-warp',
2189
- key: m + '-minimum-' + h.minimum,
2190
- },
2191
- r.createElement(
2192
- 'div',
2193
- { className: 'element-title' },
2194
- r.createElement(
2195
- E.Tooltip,
2196
- {
2197
- title:
2198
- '设置最小值后,用户输入的数值必须大于当前最小值',
2199
- placement: 'top',
2200
- },
2201
- r.createElement(
2202
- 'span',
2203
- { className: 'title-text' },
2204
- '最小值',
2205
- ),
2206
- ),
2207
- ),
2208
- r.createElement(
2209
- 'div',
2210
- { className: 'content-item' },
2211
- r.createElement(
2212
- 'div',
2213
- { className: 'form-item-box' },
2214
- r.createElement(E.InputNumber, {
2215
- style: { display: 'inline-block' },
2216
- defaultValue: h.minimum,
2217
- onPressEnter: function (e) {
2218
- var t = e.target.value;
2219
- l.handleValueChange('minimum', t);
2220
- },
2221
- onBlur: function (e) {
2222
- var t = e.target.value;
2223
- l.handleValueChange('minimum', t);
2224
- },
2225
- }),
2226
- ),
2227
- ),
2228
- ),
2229
- r.createElement(
2230
- 'div',
2231
- {
2232
- className: 'wide-screen-element-warp',
2233
- key: m + '-maximum-' + h.maximum,
2234
- },
2235
- r.createElement(
2236
- 'div',
2237
- { className: 'element-title' },
2238
- r.createElement(
2239
- E.Tooltip,
2240
- {
2241
- title:
2242
- '设置最大值后,用户输入的数值必须大于当前最大值',
2243
- placement: 'top',
2244
- },
2245
- r.createElement(
2246
- 'span',
2247
- { className: 'title-text' },
2248
- '最大值',
2249
- ),
2250
- ),
2251
- ),
2252
- r.createElement(
2253
- 'div',
2254
- { className: 'content-item' },
2255
- r.createElement(
2256
- 'div',
2257
- { className: 'form-item-box' },
2258
- r.createElement(E.InputNumber, {
2259
- style: { display: 'inline-block' },
2260
- defaultValue: h.maximum,
2261
- onPressEnter: function (e) {
2262
- var t = e.target.value;
2263
- l.handleValueChange('maximum', t);
2264
- },
2265
- onBlur: function (e) {
2266
- var t = e.target.value;
2267
- l.handleValueChange('maximum', t);
2268
- },
2269
- }),
2270
- ),
2271
- ),
2272
- ),
2273
- ),
2274
- 'array' === (0, C.getExpectType)(y) &&
2275
- r.createElement(
2276
- r.Fragment,
2277
- null,
2278
- r.createElement(
2279
- 'div',
2280
- {
2281
- className: 'wide-screen-element-warp',
2282
- key: m + '-minimum-child',
2283
- },
2284
- r.createElement(
2285
- 'div',
2286
- { className: 'element-title' },
2287
- r.createElement(
2288
- E.Tooltip,
2289
- {
2290
- title: '用于限制数据项最小个数',
2291
- placement: 'top',
2292
- },
2293
- r.createElement(
2294
- 'span',
2295
- { className: 'title-text' },
2296
- '最小数据项',
2297
- ),
2298
- ),
2299
- ),
2300
- r.createElement(
2301
- 'div',
2302
- { className: 'content-item' },
2303
- r.createElement(
2304
- 'div',
2305
- { className: 'form-item-box' },
2306
- r.createElement(E.InputNumber, {
2307
- style: { display: 'inline-block' },
2308
- defaultValue: h['minimum-child'],
2309
- onChange: function (e) {
2310
- l.handleValueChange('minimum-child', e);
2311
- },
2312
- }),
2313
- ),
2314
- ),
2315
- ),
2316
- r.createElement(
2317
- 'div',
2318
- {
2319
- className: 'wide-screen-element-warp',
2320
- key: m + '-maximum-child',
2321
- },
2322
- r.createElement(
2323
- 'div',
2324
- { className: 'element-title' },
2325
- r.createElement(
2326
- E.Tooltip,
2327
- {
2328
- title: '用于限制数据项最多个数',
2329
- placement: 'top',
2330
- },
2331
- r.createElement(
2332
- 'span',
2333
- { className: 'title-text' },
2334
- '最多数据项',
2335
- ),
2336
- ),
2337
- ),
2338
- r.createElement(
2339
- 'div',
2340
- { className: 'content-item' },
2341
- r.createElement(
2342
- 'div',
2343
- { className: 'form-item-box' },
2344
- r.createElement(E.InputNumber, {
2345
- style: { display: 'inline-block' },
2346
- defaultValue: h['maximum-child'],
2347
- onChange: function (e) {
2348
- l.handleValueChange('maximum-child', e);
2349
- },
2350
- }),
2351
- ),
2352
- ),
2353
- ),
2354
- ),
2355
- r.createElement(
2356
- 'div',
2357
- {
2358
- className: 'wide-screen-element-warp',
2359
- key: m + '-onShow',
2360
- },
2361
- r.createElement(
2362
- 'div',
2363
- { className: 'element-title' },
2364
- r.createElement(
2365
- E.Tooltip,
2366
- {
2367
- title:
2368
- '用于设置显隐表达式(onShow),比如设置 "dataType === 1",则表示当数据域中 dataType 为 1 时显示当前配置项。',
2369
- placement: 'top',
2370
- },
2371
- r.createElement(
2372
- 'span',
2373
- { className: 'title-text' },
2374
- '显隐表达式',
2375
- ),
2376
- ),
2377
- ),
2378
- r.createElement(
2379
- 'div',
2380
- { className: 'content-item' },
2381
- r.createElement(
2382
- 'div',
2383
- { className: 'form-item-box' },
2384
- r.createElement(E.Input, {
2385
- style: { display: 'inline-block' },
2386
- placeholder: '请输入显隐表达式',
2387
- defaultValue: h.onShow,
2388
- onPressEnter: function (e) {
2389
- var t = e.target.value;
2390
- l.handleValueChange('onShow', t);
2391
- },
2392
- onBlur: function (e) {
2393
- var t = e.target.value;
2394
- l.handleValueChange('onShow', t);
2395
- },
2396
- }),
2397
- ),
2398
- ),
2399
- ),
2400
- r.createElement(
2401
- 'div',
2402
- {
2403
- className: 'wide-screen-element-warp',
2404
- key: m + '-titleStyle',
2405
- },
2406
- r.createElement(
2407
- 'div',
2408
- { className: 'element-title' },
2409
- r.createElement(
2410
- E.Tooltip,
2411
- {
2412
- title: '可用于设置标题展示样式。',
2413
- placement: 'top',
2414
- },
2415
- r.createElement(
2416
- 'span',
2417
- { className: 'title-text' },
2418
- '标题样式',
2419
- ),
2420
- ),
2421
- ),
2422
- r.createElement(
2423
- 'div',
2424
- { className: 'content-item' },
2425
- r.createElement(Ve, {
2426
- jsonData: h.titleStyle,
2427
- onChange: function (e) {
2428
- l.handleValueChange('titleStyle', e);
2429
- },
2430
- maxLines: 10,
2431
- }),
2432
- ),
2433
- ),
2434
- );
2435
- }),
2436
- t
2437
- );
2438
- })(r.PureComponent));
2439
- Le.propTypes = {
2440
- jsonKey: d().string,
2441
- indexRoute: d().string,
2442
- nodeKey: d().string,
2443
- targetJsonSchema: d().any,
2444
- };
2445
- var Fe = (0, l.inject)(function (e) {
2446
- return { schemaStore: e.schemaStore };
2447
- })((0, l.observer)(Le)),
2448
- qe = (n(915), E.Select.Option),
2449
- Ae = (function (e) {
2450
- function t(t) {
2451
- var n;
2452
- return (
2453
- ((n = e.call(this, t) || this).handleTypeChange = function (e) {
2454
- var t = (n.props.schemaStore || {}).changeType,
2455
- a = n.props,
2456
- o = a.indexRoute,
2457
- r = a.jsonKey,
2458
- i = a.targetJsonSchema;
2459
- i.type !== e && t(o, r, C.TypeDataList[e], i);
2460
- }),
2461
- (n.handleJsonKeyChange = function (e) {
2462
- var t = n.props.schemaStore || {},
2463
- a = t.editJsonKey,
2464
- o = t.isExitJsonKey,
2465
- r = e.target.value,
2466
- i = n.props,
2467
- s = i.indexRoute;
2468
- i.jsonKey !== r &&
2469
- (o(s, r)
2470
- ? E.message.warning('当前key已存在,请换一个吧。')
2471
- : a(s, r));
2472
- }),
2473
- (n.handleTitleChange = function (e) {
2474
- var t = (n.props.schemaStore || {}).editSchemaData,
2475
- a = e.target.value,
2476
- o = n.props,
2477
- r = o.indexRoute,
2478
- i = o.jsonKey;
2479
- o.targetJsonSchema.title !== a && t(r, i, { title: a });
2480
- }),
2481
- (n.getCurrentTypeList = function (e) {
2482
- var t = (n.props.schemaStore || {}).SchemaTypeList,
2483
- a = t[e || 'all'];
2484
- return (a && 0 !== a.length) || (a = t.all), a;
2485
- }),
2486
- (n.onAddBtnEvent = function () {
2487
- var e = n.props.schemaStore || {},
2488
- t = e.addChildJson,
2489
- a = e.addNextJsonData,
2490
- o = n.props,
2491
- r = o.indexRoute,
2492
- i = o.targetJsonSchema;
2493
- (0, C.isContainerSchema)(i) ? t(r) : a(r);
2494
- }),
2495
- (n.onCopyBtnEvent = function () {
2496
- var e = n.props,
2497
- t = e.indexRoute,
2498
- a = e.targetJsonSchema,
2499
- o = e.jsonKey,
2500
- r = n.props.schemaStore || {},
2501
- i = r.getSchemaByIndexRoute,
2502
- s = r.indexRoute2keyRoute,
2503
- c = r.insertJsonData,
2504
- l = r.getNewJsonKeyIndex,
2505
- p = O(a),
2506
- d = (0, C.getParentIndexRoute)(t),
2507
- m = l(i(d), o),
2508
- u = a.type;
2509
- N(s(d) + '-' + m + '-' + u, s(t)), c(t, m, p);
2510
- }),
2511
- (n.onDeleteBtnEvent = function () {
2512
- var e = n.props,
2513
- t = e.jsonKey,
2514
- a = e.indexRoute;
2515
- (0, (n.props.schemaStore || {}).deleteJsonByIndex_CurKey)(
2516
- a,
2517
- t,
2518
- );
2519
- }),
2520
- (n.ignoreDragEvent = function (e) {
2521
- e.preventDefault(), e.stopPropagation();
2522
- }),
2523
- (n.childElemSort = function () {
2524
- var e = n.props.indexRoute;
2525
- (0, (n.props.schemaStore || {}).childElemSort)(e);
2526
- }),
2527
- (n.state = { showAdvanceConfig: !1 }),
2528
- (n.onAddBtnEvent = n.onAddBtnEvent.bind(n)),
2529
- (n.onCopyBtnEvent = n.onCopyBtnEvent.bind(n)),
2530
- (n.onDeleteBtnEvent = n.onDeleteBtnEvent.bind(n)),
2531
- (n.handleJsonKeyChange = n.handleJsonKeyChange.bind(n)),
2532
- (n.handleTitleChange = n.handleTitleChange.bind(n)),
2533
- (n.handleTypeChange = n.handleTypeChange.bind(n)),
2534
- (n.childElemSort = n.childElemSort.bind(n)),
2535
- n
2536
- );
2537
- }
2538
- return (
2539
- o()(t, e),
2540
- (t.prototype.render = function () {
2541
- var e,
2542
- t,
2543
- n = this,
2544
- a = (this.props.schemaStore || {}).getSchemaByIndexRoute,
2545
- o = this.props,
2546
- i = o.parentType,
2547
- s = o.indexRoute,
2548
- c = o.jsonKey,
2549
- l = o.nodeKey,
2550
- p = o.targetJsonSchema,
2551
- d = this.state.showAdvanceConfig,
2552
- m = s ? (0, C.getParentIndexRoute)(s) : '',
2553
- u = m ? a(m) : {},
2554
- h = null == (e = u && u.isContainer) || e,
2555
- y = p.isFixed || this.props.isFixed || !1,
2556
- g =
2557
- (this.props.readOnly || p.readOnly,
2558
- void 0 !== this.props.keyIsFixed
2559
- ? this.props.keyIsFixed
2560
- : !h || y),
2561
- f =
2562
- void 0 !== this.props.typeIsFixed
2563
- ? this.props.typeIsFixed
2564
- : y,
2565
- v =
2566
- void 0 !== this.props.titleIsFixed
2567
- ? this.props.titleIsFixed
2568
- : y,
2569
- x = this.props.hideOperaBtn || !h,
2570
- b = null == (t = this.props.showAdvanceBtn) || t,
2571
- S = this.getCurrentTypeList(i),
2572
- O = p.type,
2573
- j = (0, C.isContainerSchema)(p);
2574
- return r.createElement(
2575
- r.Fragment,
2576
- null,
2577
- p &&
2578
- r.createElement(
2579
- 'div',
2580
- { className: 'base-schema-box', id: l },
2581
- r.createElement(
2582
- 'div',
2583
- {
2584
- className: 'key-input-item',
2585
- draggable: 'true',
2586
- onDragStart: this.ignoreDragEvent,
2587
- },
2588
- r.createElement(E.Input, {
2589
- defaultValue: c || 'key值不存在',
2590
- disabled: g,
2591
- onPressEnter: this.handleJsonKeyChange,
2592
- onBlur: this.handleJsonKeyChange,
2593
- }),
2594
- ),
2595
- r.createElement(
2596
- 'div',
2597
- {
2598
- className: 'type-select-item',
2599
- draggable: 'true',
2600
- onDragStart: this.ignoreDragEvent,
2601
- },
2602
- r.createElement(
2603
- E.Select,
2604
- {
2605
- showSearch: !0,
2606
- defaultValue: O,
2607
- style: { width: 150 },
2608
- onChange: this.handleTypeChange,
2609
- disabled: f,
2610
- filterOption: function (e, t) {
2611
- if (
2612
- t.value.indexOf(e) > -1 ||
2613
- (t.children && t.children.indexOf(e) > -1)
2614
- )
2615
- return !0;
2616
- },
2617
- },
2618
- S.map(function (e) {
2619
- return r.createElement(
2620
- qe,
2621
- { key: e, value: e },
2622
- Ne[e] || e,
2623
- );
2624
- }),
2625
- ),
2626
- ),
2627
- r.createElement(
2628
- 'div',
2629
- {
2630
- className: 'title-input-item',
2631
- draggable: 'true',
2632
- onDragStart: this.ignoreDragEvent,
2633
- },
2634
- r.createElement(E.Input, {
2635
- defaultValue: p.title,
2636
- disabled: v,
2637
- onPressEnter: this.handleTitleChange,
2638
- onBlur: this.handleTitleChange,
2639
- }),
2640
- ),
2641
- r.createElement(
2642
- 'div',
2643
- { className: 'operate-item' },
2644
- !x &&
2645
- r.createElement(
2646
- r.Fragment,
2647
- null,
2648
- !y &&
2649
- r.createElement(
2650
- E.Tooltip,
2651
- { title: '删除' },
2652
- r.createElement(ke.CloseOutlined, {
2653
- className: 'operate-btn delete-operate',
2654
- onClick: this.onDeleteBtnEvent,
2655
- }),
2656
- ),
2657
- r.createElement(
2658
- E.Tooltip,
2659
- { title: j ? '新增子元素' : '新增同级元素' },
2660
- r.createElement(ke.PlusOutlined, {
2661
- className: 'operate-btn',
2662
- onClick: this.onAddBtnEvent,
2663
- }),
2664
- ),
2665
- j &&
2666
- r.createElement(
2667
- E.Tooltip,
2668
- { title: '数据项排序' },
2669
- r.createElement(ke.SortAscendingOutlined, {
2670
- className: 'operate-btn',
2671
- onClick: this.childElemSort,
2672
- }),
2673
- ),
2674
- !y &&
2675
- r.createElement(
2676
- r.Fragment,
2677
- null,
2678
- r.createElement(
2679
- E.Tooltip,
2680
- { title: '复制' },
2681
- r.createElement(ke.CopyOutlined, {
2682
- className: 'operate-btn',
2683
- onClick: this.onCopyBtnEvent,
2684
- }),
2685
- ),
2686
- r.createElement(
2687
- E.Tooltip,
2688
- { title: '按住进行拖拽' },
2689
- r.createElement(ke.DragOutlined, {
2690
- className: 'operate-btn drag-btn',
2691
- }),
2692
- ),
2693
- ),
2694
- ),
2695
- b &&
2696
- r.createElement(
2697
- E.Tooltip,
2698
- { title: '高级设置' },
2699
- r.createElement(ke.SettingOutlined, {
2700
- className: 'operate-btn',
2701
- onClick: function () {
2702
- n.setState({ showAdvanceConfig: !0 });
2703
- },
2704
- }),
2705
- ),
2706
- ),
2707
- d &&
2708
- r.createElement(
2709
- E.Modal,
2710
- {
2711
- visible: !0,
2712
- title:
2713
- '高级设置 / 当前字段:' + p.title + '(' + c + ')',
2714
- onCancel: function () {
2715
- n.setState({ showAdvanceConfig: !1 });
2716
- },
2717
- footer: [
2718
- r.createElement(
2719
- E.Button,
2720
- {
2721
- key: 'submit',
2722
- type: 'primary',
2723
- onClick: function () {
2724
- n.setState({ showAdvanceConfig: !1 });
2725
- },
2726
- },
2727
- '保存并关闭',
2728
- ),
2729
- ],
2730
- },
2731
- r.createElement(Fe, {
2732
- indexRoute: s,
2733
- jsonKey: c,
2734
- targetJsonSchema: p,
2735
- }),
2736
- ),
2737
- ),
2738
- !p &&
2739
- r.createElement(
2740
- 'div',
2741
- { className: 'base-schema-box' },
2742
- r.createElement(
2743
- 'div',
2744
- { className: 'warn-text' },
2745
- c,
2746
- ':数据元素为空',
2747
- ),
2748
- ),
2749
- );
2750
- }),
2751
- t
2752
- );
2753
- })(r.PureComponent);
2754
- Ae.propTypes = {
2755
- parentType: d().string,
2756
- jsonKey: d().string,
2757
- indexRoute: d().string,
2758
- nodeKey: d().string,
2759
- targetJsonSchema: d().any,
2760
- isFixed: d().bool,
2761
- hideOperaBtn: d().bool,
2762
- showAdvanceBtn: d().bool,
2763
- keyIsFixed: d().bool,
2764
- typeIsFixed: d().bool,
2765
- titleIsFixed: d().bool,
2766
- };
2767
- var _e = (0, l.inject)(function (e) {
2768
- return { schemaStore: e.schemaStore };
2769
- })((0, l.observer)(Ae)),
2770
- Me = E.Tree.TreeNode,
2771
- We = function (e) {
2772
- return i().createElement(_e, e);
2773
- },
2774
- ze = function (e) {
2775
- var t = e.jsonKey,
2776
- n = e.indexRoute,
2777
- a = e.nodeKey,
2778
- o = e.targetJsonSchema,
2779
- r = o.type,
2780
- s = n ? n + '-0' : '0',
2781
- c = 'items',
2782
- l = a ? a + '-' + c : c,
2783
- p = o[c] || {};
2784
- return i().createElement(
2785
- Me,
2786
- {
2787
- className: r + '-schema schema-item-form',
2788
- id: a,
2789
- key: a,
2790
- indexRoute: n,
2791
- jsonKey: t,
2792
- title: We(u()({}, e)),
2793
- },
2794
- (function (e) {
2795
- var t = e.parentType,
2796
- n = e.jsonKey,
2797
- a = e.indexRoute,
2798
- o = e.nodeKey,
2799
- r = e.targetJsonSchema;
2800
- return i().createElement(
2801
- Me,
2802
- {
2803
- className: 'array-item-schema schema-item-form',
2804
- id: o,
2805
- key: o,
2806
- indexRoute: a,
2807
- jsonKey: n,
2808
- disabled: !0,
2809
- title: We({
2810
- indexRoute: a,
2811
- jsonKey: n,
2812
- targetJsonSchema: r,
2813
- parentType: t,
2814
- nodeKey: o,
2815
- isFixed: !0,
2816
- typeIsFixed: !1,
2817
- }),
2818
- },
2819
- 'object' === r.type &&
2820
- (function (e) {
2821
- var t = e.properties,
2822
- n = e.parentIndexRoute,
2823
- a = e.parentNodeKey,
2824
- o = e.parentType;
2825
- return e.propertyOrder.map(function (e, r) {
2826
- var i = n ? n + '-' + r : '' + r,
2827
- s = e,
2828
- c = t[s],
2829
- l = c.type,
2830
- p = (a ? a + '-' : '') + l + '-' + s;
2831
- return dt({
2832
- parentType: o,
2833
- jsonKey: s,
2834
- indexRoute: i,
2835
- key: p,
2836
- nodeKey: p,
2837
- targetJsonSchema: c,
2838
- });
2839
- });
2840
- })({
2841
- propertyOrder: r.propertyOrder,
2842
- properties: r.properties,
2843
- parentIndexRoute: a,
2844
- parentNodeKey: o,
2845
- parentType: t,
2846
- }),
2847
- );
2848
- })({
2849
- parentType: 'array',
2850
- jsonKey: c,
2851
- indexRoute: s,
2852
- nodeKey: l,
2853
- targetJsonSchema: p,
2854
- }),
2855
- );
2856
- },
2857
- Ge = (n(790), E.Select.Option),
2858
- Ue = (function (e) {
2859
- function t(t) {
2860
- var n;
2861
- return (
2862
- ((n = e.call(this, t) || this).typeChange = function (e) {
2863
- var t = n.props.schemaStore || {},
2864
- a = t.editSchemaData,
2865
- o = t.updateSchemaData,
2866
- r = n.props,
2867
- i = r.indexRoute,
2868
- s = r.jsonKey,
2869
- c = r.targetJsonSchema,
2870
- l = r.typeSelectData;
2871
- if (c.default !== e) {
2872
- if ((a(i, s, { default: e }), l)) {
2873
- var p = l[e];
2874
- p &&
2875
- '数据源类型' === c.title &&
2876
- a((0, C.getNextIndexRoute)(i), 'data', p);
2877
- }
2878
- if (C.EventTypeDataList) {
2879
- var d = C.EventTypeDataList[e];
2880
- '事件类型' === c.title &&
2881
- d &&
2882
- o((0, C.getParentIndexRoute)(i), d);
2883
- }
2884
- }
2885
- }),
2886
- (n.typeChange = n.typeChange.bind(n)),
2887
- n
2888
- );
2889
- }
2890
- return (
2891
- o()(t, e),
2892
- (t.prototype.render = function () {
2893
- var e = this.props,
2894
- t = e.nodeKey,
2895
- n = e.targetJsonSchema,
2896
- a = n.type,
2897
- o = n.options || [];
2898
- return r.createElement(
2899
- 'div',
2900
- { className: 'typeSelect-schema-box', id: t },
2901
- r.createElement(
2902
- 'div',
2903
- { className: 'key-input-item' },
2904
- r.createElement(
2905
- E.Select,
2906
- {
2907
- defaultValue: n.default || 'local',
2908
- onChange: this.typeChange,
2909
- },
2910
- o.map(function (e, t) {
2911
- return r.createElement(
2912
- Ge,
2913
- { key: t, value: e.value },
2914
- e.label || e.name,
2915
- );
2916
- }),
2917
- ),
2918
- ),
2919
- r.createElement(
2920
- 'div',
2921
- { className: 'type-select-item' },
2922
- r.createElement(
2923
- E.Select,
2924
- { defaultValue: a, style: { width: 120 }, disabled: !0 },
2925
- r.createElement(Ge, { key: a, value: a }, a),
2926
- ),
2927
- ),
2928
- r.createElement(
2929
- 'div',
2930
- { className: 'title-input-item' },
2931
- r.createElement(E.Input, {
2932
- defaultValue: n.title,
2933
- disabled: !0,
2934
- }),
2935
- ),
2936
- r.createElement('div', { className: 'operate-item' }, ' '),
2937
- );
2938
- }),
2939
- t
2940
- );
2941
- })(r.PureComponent);
2942
- Ue.propTypes = {
2943
- parentType: d().string,
2944
- jsonKey: d().string,
2945
- indexRoute: d().string,
2946
- nodeKey: d().string,
2947
- targetJsonSchema: d().any,
2948
- typeSelectData: d().any,
2949
- isFixed: d().any,
2950
- };
2951
- var He = (0, l.inject)(function (e) {
2952
- return { schemaStore: e.schemaStore };
2953
- })((0, l.observer)(Ue)),
2954
- Xe = E.Tree.TreeNode,
2955
- Qe = function (e) {
2956
- return i().createElement(_e, e);
2957
- },
2958
- Ye = {
2959
- local: {
2960
- type: 'json',
2961
- title: '本地json数据',
2962
- default: '{}',
2963
- placeholder: '请输入静态json数据',
2964
- isRequired: !0,
2965
- description: '用于设置本地的静态json数据',
2966
- },
2967
- remote: {
2968
- type: 'url',
2969
- title: '远程json数据',
2970
- default: 'http://xxx',
2971
- placeholder: '请输入远程json数据源地址',
2972
- isRequired: !0,
2973
- description: '用于设置获取元素数据的请求地址',
2974
- },
2975
- },
2976
- Ze = E.Tree.TreeNode,
2977
- $e = function (e) {
2978
- return i().createElement(_e, e);
2979
- },
2980
- et = E.Tree.TreeNode,
2981
- tt = function (e) {
2982
- return i().createElement(_e, e);
2983
- },
2984
- nt = E.Tree.TreeNode,
2985
- at = function (e) {
2986
- return i().createElement(_e, e);
2987
- },
2988
- ot = (n(617), E.Select.Option),
2989
- rt = (function (e) {
2990
- function t(t) {
2991
- var n;
2992
- return (
2993
- ((n = e.call(this, t) || this).handleLabelChange = function (
2994
- e,
2995
- ) {
2996
- var t = n.props.schemaStore || {},
2997
- a = t.isExitOptionLabel,
2998
- o = t.updateOptionLabel,
2999
- r = e.target.value,
3000
- i = n.props,
3001
- s = i.indexRoute,
3002
- c = i.optionIndex;
3003
- r !== i.optionLabel &&
3004
- (a(s, r)
3005
- ? E.message.warning(
3006
- '对不起,存在相同的Label值,请重新设置。',
3007
- )
3008
- : o(s, c, r));
3009
- }),
3010
- (n.handleValueChange = function (e) {
3011
- var t = (n.props.schemaStore || {}).updateOptionValue,
3012
- a = e.target.value,
3013
- o = n.props,
3014
- r = o.indexRoute,
3015
- i = o.optionIndex,
3016
- s = o.optionValue;
3017
- if (a !== s) {
3018
- var c = a;
3019
- if ((0, C.isObject)(s) && (0, C.isString)(c))
3020
- try {
3021
- c = JSON.parse(c);
3022
- } catch (e) {
3023
- console.warn('option 数值转换失败:', c), (c = s);
3024
- }
3025
- t(r, i, c);
3026
- }
3027
- }),
3028
- (n.onAddBtnEvent = function () {
3029
- var e = (n.props.schemaStore || {}).addOptionItem,
3030
- t = n.props;
3031
- e(t.indexRoute, t.optionIndex);
3032
- }),
3033
- (n.onCopyBtnEvent = function () {
3034
- var e = (n.props.schemaStore || {}).copyOptionItem,
3035
- t = n.props;
3036
- e(t.indexRoute, t.optionIndex);
3037
- }),
3038
- (n.onDeleteBtnEvent = function () {
3039
- var e = n.props.schemaStore || {},
3040
- t = (e.getSchemaByIndexRoute, e.deleteOptionItem),
3041
- a = n.props;
3042
- t(a.indexRoute, a.optionIndex);
3043
- }),
3044
- (n.onAddBtnEvent = n.onAddBtnEvent.bind(n)),
3045
- (n.onCopyBtnEvent = n.onCopyBtnEvent.bind(n)),
3046
- (n.onDeleteBtnEvent = n.onDeleteBtnEvent.bind(n)),
3047
- (n.handleLabelChange = n.handleLabelChange.bind(n)),
3048
- (n.handleValueChange = n.handleValueChange.bind(n)),
3049
- n
3050
- );
3051
- }
3052
- return (
3053
- o()(t, e),
3054
- (t.prototype.render = function () {
3055
- var e = this.props,
3056
- t = e.optionLabel,
3057
- n = e.optionValue,
3058
- a = (e.optionNodeKey, n);
3059
- return (
3060
- ((0, C.isObject)(n) || (0, C.isArray)(n)) &&
3061
- (a = JSON.stringify(n)),
3062
- r.createElement(
3063
- 'div',
3064
- { className: 'option-schema-box', id: t },
3065
- r.createElement(
3066
- 'div',
3067
- { className: 'key-input-item' },
3068
- r.createElement(E.Input, {
3069
- defaultValue: a,
3070
- onPressEnter: this.handleValueChange,
3071
- onBlur: this.handleValueChange,
3072
- }),
3073
- ),
3074
- r.createElement(
3075
- 'div',
3076
- { className: 'type-select-item' },
3077
- r.createElement(
3078
- E.Select,
3079
- { defaultValue: 'string', style: { width: 120 } },
3080
- r.createElement(
3081
- ot,
3082
- { key: 'string', value: 'string' },
3083
- 'string',
3084
- ),
3085
- ),
3086
- ),
3087
- r.createElement(
3088
- 'div',
3089
- { className: 'title-input-item' },
3090
- r.createElement(E.Input, {
3091
- defaultValue: t,
3092
- onPressEnter: this.handleLabelChange,
3093
- onBlur: this.handleLabelChange,
3094
- }),
3095
- ),
3096
- r.createElement(
3097
- 'div',
3098
- { className: 'operate-item' },
3099
- r.createElement(
3100
- E.Tooltip,
3101
- { title: '删除' },
3102
- r.createElement(ke.CloseOutlined, {
3103
- className: 'operate-btn delete-operate',
3104
- onClick: this.onDeleteBtnEvent,
3105
- }),
3106
- ),
3107
- r.createElement(
3108
- E.Tooltip,
3109
- { title: '新增可选项' },
3110
- r.createElement(ke.PlusOutlined, {
3111
- className: 'operate-btn',
3112
- onClick: this.onAddBtnEvent,
3113
- }),
3114
- ),
3115
- r.createElement(
3116
- E.Tooltip,
3117
- { title: '复制' },
3118
- r.createElement(ke.CopyOutlined, {
3119
- className: 'operate-btn',
3120
- onClick: this.onCopyBtnEvent,
3121
- }),
3122
- ),
3123
- ),
3124
- )
3125
- );
3126
- }),
3127
- t
3128
- );
3129
- })(r.PureComponent);
3130
- rt.propTypes = {
3131
- indexRoute: d().string,
3132
- optionIndex: d().any,
3133
- optionLabel: d().string,
3134
- optionValue: d().string,
3135
- optionNodeKey: d().string,
3136
- };
3137
- var it = (0, l.inject)(function (e) {
3138
- return { schemaStore: e.schemaStore };
3139
- })((0, l.observer)(rt)),
3140
- st = E.Tree.TreeNode,
3141
- ct = function (e) {
3142
- return i().createElement(it, e);
3143
- },
3144
- lt = E.Tree.TreeNode,
3145
- pt = function (e) {
3146
- return i().createElement(_e, e);
3147
- },
3148
- dt = function (e) {
3149
- switch (e.targetJsonSchema.type) {
3150
- case 'object':
3151
- case 'func':
3152
- case 'style':
3153
- case 'data':
3154
- case 'padding-margin':
3155
- return ht(e);
3156
- case 'array':
3157
- return ze(e);
3158
- case 'datasource':
3159
- return (function (e) {
3160
- var t,
3161
- n = e.jsonKey,
3162
- a = e.indexRoute,
3163
- o = e.nodeKey,
3164
- r = e.targetJsonSchema,
3165
- s = r.type,
3166
- c = r.properties.data || {};
3167
- return i().createElement(
3168
- Xe,
3169
- {
3170
- className: s + '-schema schema-item-form',
3171
- id: o,
3172
- key: o,
3173
- indexRoute: a,
3174
- jsonKey: n,
3175
- title: Qe(u()({}, e)),
3176
- },
3177
- i().createElement(Xe, {
3178
- className: 'dataSource-type-item-schema schema-item-form',
3179
- id: o + '-type',
3180
- key: o + '-type',
3181
- indexRoute: a ? a + '-0' : '0',
3182
- jsonKey: 'type',
3183
- disabled: !0,
3184
- title:
3185
- ((t = {
3186
- indexRoute: a ? a + '-0' : '0',
3187
- jsonKey: 'type',
3188
- targetJsonSchema: r.properties.type,
3189
- parentType: s,
3190
- nodeKey: o + '-type',
3191
- typeSelectData: Ye,
3192
- }),
3193
- i().createElement(He, t)),
3194
- }),
3195
- i().createElement(Xe, {
3196
- className: 'dataSource-data-item-schema schema-item-form',
3197
- id: o + '-data-' + c.type,
3198
- key: o + '-data-' + c.type,
3199
- indexRoute: a ? a + '-1' : '1',
3200
- jsonKey: 'data',
3201
- disabled: !0,
3202
- title: Qe({
3203
- indexRoute: a ? a + '-1' : '1',
3204
- jsonKey: 'data',
3205
- targetJsonSchema: c,
3206
- parentType: s,
3207
- nodeKey: o + '-data-' + c.type,
3208
- hideOperaBtn: !0,
3209
- keyIsFixed: !0,
3210
- typeIsFixed: !0,
3211
- }),
3212
- }),
3213
- i().createElement(Xe, {
3214
- className:
3215
- 'dataSource-filter-item-schema schema-item-form',
3216
- id: o + '-filter',
3217
- key: o + '-filter',
3218
- indexRoute: a ? a + '-2' : '2',
3219
- jsonKey: 'filter',
3220
- disabled: !0,
3221
- title: Qe({
3222
- indexRoute: a ? a + '-2' : '2',
3223
- jsonKey: 'filter',
3224
- targetJsonSchema: r.properties.filter,
3225
- parentType: s,
3226
- nodeKey: o + '-filter',
3227
- hideOperaBtn: !0,
3228
- keyIsFixed: !0,
3229
- typeIsFixed: !0,
3230
- }),
3231
- }),
3232
- );
3233
- })(e);
3234
- case 'dynamic-data':
3235
- return (function (e) {
3236
- var t,
3237
- n = e.jsonKey,
3238
- a = e.indexRoute,
3239
- o = e.nodeKey,
3240
- r = e.targetJsonSchema,
3241
- s = r.type,
3242
- c = r.properties.config || {},
3243
- l = r.properties.data || {};
3244
- return i().createElement(
3245
- Ze,
3246
- {
3247
- className: s + '-schema schema-item-form',
3248
- id: o,
3249
- key: o,
3250
- indexRoute: a,
3251
- jsonKey: n,
3252
- title: $e(u()({}, e)),
3253
- },
3254
- i().createElement(Ze, {
3255
- className: 'dataSource-type-item-schema schema-item-form',
3256
- id: o + '-type',
3257
- key: o + '-type',
3258
- indexRoute: a ? a + '-0' : '0',
3259
- jsonKey: 'type',
3260
- disabled: !0,
3261
- title:
3262
- ((t = {
3263
- indexRoute: a ? a + '-0' : '0',
3264
- jsonKey: 'type',
3265
- targetJsonSchema: r.properties.type,
3266
- parentType: s,
3267
- nodeKey: o + '-type',
3268
- }),
3269
- i().createElement(He, t)),
3270
- }),
3271
- i().createElement(Ze, {
3272
- className:
3273
- 'dataSource-config-item-schema schema-item-form',
3274
- id: o + '-config-' + l.type,
3275
- key: o + '-config-' + l.type,
3276
- indexRoute: a ? a + '-1' : '1',
3277
- jsonKey: 'config',
3278
- disabled: !0,
3279
- title: $e({
3280
- indexRoute: a ? a + '-1' : '1',
3281
- jsonKey: 'config',
3282
- targetJsonSchema: c,
3283
- parentType: s,
3284
- nodeKey: o + '-config-' + c.type,
3285
- hideOperaBtn: !0,
3286
- keyIsFixed: !0,
3287
- typeIsFixed: !0,
3288
- }),
3289
- }),
3290
- i().createElement(Ze, {
3291
- className: 'dataSource-data-item-schema schema-item-form',
3292
- id: o + '-data-' + l.type,
3293
- key: o + '-data-' + l.type,
3294
- indexRoute: a ? a + '-2' : '2',
3295
- jsonKey: 'data',
3296
- disabled: !0,
3297
- title: $e({
3298
- indexRoute: a ? a + '-2' : '2',
3299
- jsonKey: 'data',
3300
- targetJsonSchema: l,
3301
- parentType: s,
3302
- nodeKey: o + '-data-' + l.type,
3303
- hideOperaBtn: !0,
3304
- keyIsFixed: !0,
3305
- typeIsFixed: !0,
3306
- }),
3307
- }),
3308
- );
3309
- })(e);
3310
- case 'event':
3311
- return (function (e) {
3312
- var t,
3313
- n = e.jsonKey,
3314
- a = e.indexRoute,
3315
- o = e.nodeKey,
3316
- r = e.targetJsonSchema,
3317
- s = r.type,
3318
- c = r.properties.type || {},
3319
- l = r.properties.register || {},
3320
- p = r.properties.actionFunc || {},
3321
- d = r.properties.trigger || {},
3322
- m = r.properties.eventData || {};
3323
- return i().createElement(
3324
- et,
3325
- {
3326
- className: s + '-schema schema-item-form',
3327
- id: o,
3328
- key: o,
3329
- indexRoute: a,
3330
- jsonKey: n,
3331
- title: tt(u()({}, e)),
3332
- },
3333
- i().createElement(et, {
3334
- className: 'event-type-item-schema schema-item-form',
3335
- id: o + '-type',
3336
- key: o + '-type',
3337
- indexRoute: a ? a + '-0' : '0',
3338
- jsonKey: 'type',
3339
- disabled: !0,
3340
- title:
3341
- ((t = {
3342
- indexRoute: a ? a + '-0' : '0',
3343
- jsonKey: 'type',
3344
- targetJsonSchema: c,
3345
- parentType: s,
3346
- nodeKey: o + '-type',
3347
- }),
3348
- i().createElement(He, t)),
3349
- }),
3350
- 'on' === c.default &&
3351
- l &&
3352
- i().createElement(et, {
3353
- className:
3354
- 'event-register-item-schema schema-item-form',
3355
- id: o + '-register-' + c.default,
3356
- key: o + '-register-' + c.default,
3357
- indexRoute: a ? a + '-1' : '1',
3358
- jsonKey: 'register',
3359
- disabled: !0,
3360
- title: tt({
3361
- indexRoute: a ? a + '-1' : '1',
3362
- jsonKey: 'register',
3363
- targetJsonSchema: l,
3364
- parentType: s,
3365
- nodeKey: o + '-register-' + c.default,
3366
- hideOperaBtn: !0,
3367
- keyIsFixed: !0,
3368
- typeIsFixed: !0,
3369
- }),
3370
- }),
3371
- 'on' === c.default &&
3372
- p &&
3373
- i().createElement(et, {
3374
- className:
3375
- 'event-actionFunc-item-schema schema-item-form',
3376
- id: o + '-actionFunc-' + c.default,
3377
- key: o + '-actionFunc-' + c.default,
3378
- indexRoute: a ? a + '-2' : '2',
3379
- jsonKey: 'actionFunc',
3380
- disabled: !0,
3381
- title: tt({
3382
- indexRoute: a ? a + '-2' : '2',
3383
- jsonKey: 'actionFunc',
3384
- targetJsonSchema: p,
3385
- parentType: s,
3386
- nodeKey: o + '-actionFunc-' + c.default,
3387
- hideOperaBtn: !0,
3388
- keyIsFixed: !0,
3389
- typeIsFixed: !0,
3390
- }),
3391
- }),
3392
- 'emit' === c.default &&
3393
- d &&
3394
- i().createElement(et, {
3395
- className: 'event-trigger-item-schema schema-item-form',
3396
- id: o + '-trigger-' + c.default,
3397
- key: o + '-trigger-' + c.default,
3398
- indexRoute: a ? a + '-1' : '1',
3399
- jsonKey: 'trigger',
3400
- disabled: !0,
3401
- title: tt({
3402
- indexRoute: a ? a + '-1' : '1',
3403
- jsonKey: 'trigger',
3404
- targetJsonSchema: d,
3405
- parentType: s,
3406
- nodeKey: o + '-trigger-' + c.default,
3407
- hideOperaBtn: !0,
3408
- keyIsFixed: !0,
3409
- typeIsFixed: !0,
3410
- }),
3411
- }),
3412
- 'emit' === c.default &&
3413
- m &&
3414
- i().createElement(et, {
3415
- className:
3416
- 'event-eventData-item-schema schema-item-form',
3417
- id: o + '-eventData-' + c.default,
3418
- key: o + '-eventData-' + c.default,
3419
- indexRoute: a ? a + '-2' : '2',
3420
- jsonKey: 'eventData',
3421
- disabled: !0,
3422
- title: tt({
3423
- indexRoute: a ? a + '-2' : '2',
3424
- jsonKey: 'eventData',
3425
- targetJsonSchema: m,
3426
- parentType: s,
3427
- nodeKey: o + '-eventData-' + c.default,
3428
- hideOperaBtn: !0,
3429
- keyIsFixed: !0,
3430
- typeIsFixed: !0,
3431
- }),
3432
- }),
3433
- );
3434
- })(e);
3435
- case 'quantity':
3436
- case 'box-style':
3437
- return (function (e) {
3438
- var t,
3439
- n = e.jsonKey,
3440
- a = e.indexRoute,
3441
- o = e.nodeKey,
3442
- r = e.targetJsonSchema,
3443
- s = r.type,
3444
- c = r.propertyOrder[0],
3445
- l = r.properties[c];
3446
- return i().createElement(
3447
- nt,
3448
- {
3449
- className: s + '-schema schema-item-form',
3450
- id: o,
3451
- key: o,
3452
- indexRoute: a,
3453
- jsonKey: n,
3454
- title: at(u()({}, e)),
3455
- },
3456
- i().createElement(nt, {
3457
- className: 'quantity-unit-item-schema schema-item-form',
3458
- id: o + '-' + c,
3459
- key: o + '-' + c,
3460
- indexRoute: a ? a + '-0' : '0',
3461
- jsonKey: c,
3462
- disabled: !0,
3463
- title: at({
3464
- indexRoute: a ? a + '-0' : '0',
3465
- jsonKey: c,
3466
- targetJsonSchema: l,
3467
- parentType: s,
3468
- nodeKey: o + '-' + c,
3469
- hideOperaBtn: !0,
3470
- showAdvanceBtn: !0,
3471
- typeIsFixed: !0,
3472
- }),
3473
- }),
3474
- i().createElement(nt, {
3475
- className:
3476
- 'quantity-typeSelect-item-schema schema-item-form',
3477
- id: o + '-quantity',
3478
- key: o + '-quantity',
3479
- indexRoute: a ? a + '-1' : '1',
3480
- jsonKey: 'quantity',
3481
- disabled: !0,
3482
- title:
3483
- ((t = {
3484
- indexRoute: a ? a + '-1' : '1',
3485
- jsonKey: 'quantity',
3486
- targetJsonSchema: r.properties.quantity,
3487
- parentType: s,
3488
- nodeKey: o + '-quantity',
3489
- }),
3490
- i().createElement(He, t)),
3491
- }),
3492
- );
3493
- })(e);
3494
- case 'radio':
3495
- case 'checkboxes':
3496
- case 'select':
3497
- return (function (e) {
3498
- var t,
3499
- n = e.jsonKey,
3500
- a = e.indexRoute,
3501
- o = e.nodeKey,
3502
- r = e.targetJsonSchema,
3503
- s = r.type,
3504
- c = r.options,
3505
- l = a || '0';
3506
- return i().createElement(
3507
- st,
3508
- {
3509
- className: s + '-schema schema-item-form',
3510
- id: o,
3511
- key: o,
3512
- indexRoute: a,
3513
- jsonKey: n,
3514
- title: ((t = u()({}, e)), i().createElement(_e, t)),
3515
- },
3516
- c &&
3517
- c.length > 0 &&
3518
- c.map(function (e, t) {
3519
- var n = e.label || e.name,
3520
- a = e.value,
3521
- r = '' + o + s + '-' + n;
3522
- return i().createElement(st, {
3523
- className: 'enum-item-schema schema-item-form',
3524
- id: r,
3525
- key: r,
3526
- indexRoute: l,
3527
- disabled: !0,
3528
- title: ct({
3529
- indexRoute: l,
3530
- optionIndex: t,
3531
- optionLabel: n,
3532
- optionValue: a,
3533
- optionNodeKey: r,
3534
- }),
3535
- });
3536
- }),
3537
- );
3538
- })(e);
3539
- default:
3540
- return (function (e) {
3541
- var t = e.jsonKey,
3542
- n = e.indexRoute,
3543
- a = e.nodeKey,
3544
- o = e.targetJsonSchema.type;
3545
- return i().createElement(lt, {
3546
- className: o + '-schema schema-item-form',
3547
- id: a,
3548
- key: a,
3549
- indexRoute: n,
3550
- jsonKey: t,
3551
- title: pt(e),
3552
- });
3553
- })(e);
3554
- }
3555
- },
3556
- mt = E.Tree.TreeNode,
3557
- ut = function (e) {
3558
- return i().createElement(_e, e);
3559
- },
3560
- ht = function (e) {
3561
- var t,
3562
- n,
3563
- a,
3564
- o,
3565
- r,
3566
- s = e.jsonKey,
3567
- c = e.indexRoute,
3568
- l = e.nodeKey,
3569
- p = e.targetJsonSchema,
3570
- d = e.isOnlyShowChild,
3571
- m = p.type,
3572
- h = p.isFixed,
3573
- y =
3574
- ((t = {
3575
- propertyOrder: p.propertyOrder,
3576
- properties: p.properties,
3577
- parentIndexRoute: c,
3578
- parentNodeKey: l,
3579
- parentType: m,
3580
- isOnlyShowChild: d,
3581
- }),
3582
- (n = t.properties),
3583
- (a = t.parentIndexRoute),
3584
- (o = t.parentNodeKey),
3585
- (r = t.parentType),
3586
- t.propertyOrder.map(function (e, t) {
3587
- var i = a ? a + '-' + t : '' + t,
3588
- s = e,
3589
- c = n[s],
3590
- l = c.type,
3591
- p = (o ? o + '-' : '') + l + '-' + s;
3592
- return dt({
3593
- parentType: r,
3594
- jsonKey: s,
3595
- indexRoute: i,
3596
- key: p,
3597
- nodeKey: p,
3598
- targetJsonSchema: c,
3599
- });
3600
- })),
3601
- g = i().createElement(
3602
- mt,
3603
- {
3604
- className: m + '-schema schema-item-form',
3605
- id: l,
3606
- key: l,
3607
- indexRoute: c,
3608
- jsonKey: s,
3609
- disabled: h,
3610
- title: ut(u()({}, e)),
3611
- },
3612
- y,
3613
- );
3614
- return d ? y : g;
3615
- },
3616
- yt =
3617
- (n(23),
3618
- (function (e) {
3619
- function t(t) {
3620
- var n;
3621
- ((n = e.call(this, t) || this).onDragStart = function (e) {
3622
- (0, (n.props.schemaStore || {}).getSchemaByIndexRoute)(
3623
- e.node.indexRoute,
3624
- ).isFixed && E.message.warning('当前元素不支持拖拽哦。');
3625
- }),
3626
- (n.onDrop = function (e) {
3627
- var t = e.dragNode,
3628
- a = e.node,
3629
- o = n.props.schemaStore || {},
3630
- r = o.getSchemaByIndexRoute,
3631
- i = o.indexRoute2keyRoute,
3632
- s = o.insertJsonData,
3633
- c = o.deleteJsonByIndex,
3634
- l = o.isExitJsonKey,
3635
- p = o.isSupportCurType,
3636
- d = t.indexRoute,
3637
- m = t.jsonKey,
3638
- u = r(d);
3639
- if (!u.isFixed) {
3640
- var h = a.indexRoute,
3641
- y = (0, C.isSameParent)(d, h),
3642
- g = (0, C.getCurPosition)(d, h);
3643
- if (y)
3644
- c(d, !0),
3645
- 'before' === g && (h = (0, C.moveForward)(h)),
3646
- a.dragOverGapTop
3647
- ? s(h, m, u, 'before')
3648
- : (a.dragOver || a.dragOverGapBottom) && s(h, m, u);
3649
- else {
3650
- if (l(h, m))
3651
- return void E.message.warning(
3652
- '目标位置中有重名的元素',
3653
- );
3654
- var f = u.type;
3655
- if (!p(h, f))
3656
- return void E.message.warning(
3657
- '目标位置不支持' + f + '类型元素',
3658
- );
3659
- var v = i(d),
3660
- x = (0, C.getParentIndexRoute)(h),
3661
- b = (function (e) {
3662
- if (window.sessionStorage)
3663
- return window.sessionStorage.getItem(e);
3664
- })(v + '-' + f);
3665
- N(i(x) + '-' + m + '-' + f, b || v),
3666
- a.dragOverGapTop
3667
- ? 'after' === g
3668
- ? (c(d, !0), s(h, m, u, 'before'))
3669
- : (s(h, m, u, 'before', !0), c(d))
3670
- : (a.dragOver || a.dragOverGapBottom) &&
3671
- ('after' === g
3672
- ? (c(d, !0), s(h, m, u))
3673
- : (s(h, m, u, '', !0), c(d)));
3674
- }
3675
- }
3676
- }),
3677
- (n.catchExpandedKeys = function (e) {
3678
- var t = [];
3679
- return (
3680
- e &&
3681
- e.propertyOrder &&
3682
- e.properties &&
3683
- e.propertyOrder.map(function (n, a) {
3684
- var o = n,
3685
- r = e.properties[o].type + '-' + o;
3686
- t.push(r);
3687
- }),
3688
- t
3689
- );
3690
- });
3691
- var a = n.props.schemaStore || {},
3692
- o = a.initJSONSchemaData,
3693
- r = a.initOnChange,
3694
- i = a.initSchemaTypeList;
3695
- return (
3696
- t.data && o(t.data),
3697
- t.onChange && r(t.onChange),
3698
- t.typeList && i(t.typeList),
3699
- n
3700
- );
3701
- }
3702
- o()(t, e);
3703
- var n = t.prototype;
3704
- return (
3705
- (n.componentWillReceiveProps = function (e) {
3706
- var t = this.props.schemaStore || {},
3707
- n = t.initJSONSchemaData,
3708
- a = t.initOnChange,
3709
- o = t.initSchemaTypeList;
3710
- j(e.data, this.props.data) || n(e.data),
3711
- j(e.onChange, this.props.onChange) || a(e.onChange),
3712
- j(e.typeList, this.props.typeList) || o(e.typeList);
3713
- }),
3714
- (n.render = function () {
3715
- var e = this.props,
3716
- t = e.jsonView,
3717
- n = e.jsonViewReadOnly,
3718
- a = this.props.schemaStore || {},
3719
- o = a.jsonSchema,
3720
- i = a.schemaChange,
3721
- s = (0, C.isEmptySchema)(o),
3722
- c = o.type;
3723
- return r.createElement(
3724
- 'div',
3725
- { className: 'json-schema-container' },
3726
- !s &&
3727
- !t &&
3728
- r.createElement(
3729
- r.Fragment,
3730
- null,
3731
- r.createElement(
3732
- E.Tree,
3733
- {
3734
- draggable: !0,
3735
- selectable: !1,
3736
- onDragStart: this.onDragStart,
3737
- onDrop: this.onDrop,
3738
- defaultExpandedKeys:
3739
- 'object' !== c || s
3740
- ? []
3741
- : this.catchExpandedKeys(o),
3742
- },
3743
- 'object' === c &&
3744
- ht({
3745
- parentType: '',
3746
- jsonKey: '',
3747
- indexRoute: '',
3748
- nodeKey: '',
3749
- targetJsonSchema: o,
3750
- isOnlyShowChild: !0,
3751
- }),
3752
- 'object' !== c &&
3753
- dt({
3754
- parentType: '',
3755
- jsonKey: '',
3756
- indexRoute: '',
3757
- nodeKey: 'first-schema',
3758
- targetJsonSchema: o,
3759
- key: 'schema',
3760
- isFirstSchema: !0,
3761
- }),
3762
- ),
3763
- ),
3764
- !s &&
3765
- t &&
3766
- r.createElement(Ve, {
3767
- jsonData: o,
3768
- readOnly: null == n || n,
3769
- maxLines: 25,
3770
- onChange: i,
3771
- }),
3772
- s &&
3773
- r.createElement(
3774
- 'p',
3775
- { className: 'json-schema-empty' },
3776
- '当前jsonSchema没有数据内容',
3777
- ),
3778
- );
3779
- }),
3780
- t
3781
- );
3782
- })(r.PureComponent));
3783
- yt.propTypes = {
3784
- onChange: d().func,
3785
- data: d().object,
3786
- typeList: d().object,
3787
- jsonView: d().any,
3788
- jsonViewReadOnly: d().bool,
3789
- };
3790
- var gt = (0, l.inject)(function (e) {
3791
- return { schemaStore: e.schemaStore };
3792
- })((0, l.observer)(yt)),
3793
- ft = (function (e) {
3794
- function t(t) {
3795
- var n;
3796
- return (
3797
- ((n = e.call(this, t) || this).state = {
3798
- schemaStore: new Re.schemaStore(),
3799
- }),
3800
- n
3801
- );
3802
- }
3803
- return (
3804
- o()(t, e),
3805
- (t.prototype.render = function () {
3806
- var e = this.props,
3807
- t = (e.data, e.typeList, e.onChange, e.element),
3808
- n = (e.wideScreen, this.state.schemaStore),
3809
- a = r.createElement(
3810
- l.Provider,
3811
- { schemaStore: n },
3812
- r.createElement(gt, this.props),
3813
- );
3814
- return t ? (c().render(a, t), '') : a;
3815
- }),
3816
- t
3817
- );
3818
- })(r.PureComponent);
3819
- ft.propTypes = {
3820
- wideScreen: d().any,
3821
- onChange: d().func,
3822
- data: d().any,
3823
- typeList: d().any,
3824
- element: d().any,
3825
- jsonView: d().any,
3826
- jsonViewReadOnly: d().any,
3827
- };
3828
- })(),
3829
- a
3830
- );
3831
- })();
3832
- });
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.JSONSchemaEditor=t():e.JSONSchemaEditor=t()}(this,function(){return function(){var e={23:function(e,t,n){var a=n(382);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("adbe60da",a,!1,{sourceMap:!1})},40:function(e,t,n){var a=n(961);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("405d88dc",a,!1,{sourceMap:!1})},80:function(){},264:function(){},286:function(){},382:function(){},611:function(e,t,n){"use strict";function a(e,t){for(var n=[],a={},o=0;o<t.length;o++){var r=t[o],i=r[0],s={id:e+":"+o,css:r[1],media:r[2],sourceMap:r[3]};a[i]?a[i].parts.push(s):n.push(a[i]={id:i,parts:[s]})}return n}n.d(t,{A:function(){return h}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var r={},i=o&&(document.head||document.getElementsByTagName("head")[0]),s=null,l=0,c=!1,d=function(){},m=null,u="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e,t,n,o){c=n,m=o||{};var i=a(e,t);return y(i),function(t){for(var n=[],o=0;o<i.length;o++){var s=i[o];(l=r[s.id]).refs--,n.push(l)}for(t?y(i=a(e,t)):i=[],o=0;o<n.length;o++){var l;if(0===(l=n[o]).refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete r[l.id]}}}}function y(e){for(var t=0;t<e.length;t++){var n=e[t],a=r[n.id];if(a){a.refs++;for(var o=0;o<a.parts.length;o++)a.parts[o](n.parts[o]);for(;o<n.parts.length;o++)a.parts.push(g(n.parts[o]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{var i=[];for(o=0;o<n.parts.length;o++)i.push(g(n.parts[o]));r[n.id]={id:n.id,refs:1,parts:i}}}}function f(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function g(e){var t,n,a=document.querySelector("style["+u+'~="'+e.id+'"]');if(a){if(c)return d;a.parentNode.removeChild(a)}if(p){var o=l++;a=s||(s=f()),t=E.bind(null,a,o,!1),n=E.bind(null,a,o,!0)}else a=f(),t=S.bind(null,a),n=function(){a.parentNode.removeChild(a)};return t(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;t(e=a)}else n()}}var v,x=(v=[],function(e,t){return v[e]=t,v.filter(Boolean).join("\n")});function E(e,t,n,a){var o=n?"":a.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var r=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(r,i[t]):e.appendChild(r)}}function S(e,t){var n=t.css,a=t.media,o=t.sourceMap;if(a&&e.setAttribute("media",a),m.ssrId&&e.setAttribute(u,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},617:function(e,t,n){var a=n(80);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("9c82b91a",a,!1,{sourceMap:!1})},707:function(){},790:function(e,t,n){var a=n(707);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("2b121068",a,!1,{sourceMap:!1})},915:function(e,t,n){var a=n(286);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("5e9c0933",a,!1,{sourceMap:!1})},961:function(){},975:function(e,t,n){var a=n(264);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals),(0,n(611).A)("b8de86ae",a,!1,{sourceMap:!1})}},t={};function n(a){var o=t[a];if(void 0!==o)return o.exports;var r=t[a]={id:a,exports:{}};return e[a](r,r.exports,n),r.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){"use strict";n.r(a),n.d(a,{default:function(){return Se}});var e=require("@babel/runtime/helpers/extends"),t=n.n(e),o=require("@babel/runtime/helpers/inheritsLoose"),r=n.n(o),i=require("react"),s=n.n(i),l=require("react-dom"),c=n.n(l),d=require("mobx-react"),m=require("@babel/runtime/helpers/createClass"),u=n.n(m),p=require("tslib"),h=require("mobx"),y=require("antd"),f=require("lodash"),g=require("@wibetter/json-utils");function v(e){return(0,g.objClone)(e)}function x(e,t){return(0,g.isEqual)(e,t)}function E(e,t){window.sessionStorage&&window.sessionStorage.setItem(e,t)}var S=["input","boolean","number","color","url","textarea","radio","select","cascader","checkboxes","date","date-time","time","input-image"],b=["object"].concat(["datasource","event","dynamic-data","api"]),C=["quantity","box-style","padding-margin","text-editor","json","codearea","htmlarea","array"].concat(b),N=[].concat(S,C),j={object:N,array:["object","array","input","number","select","cascader","color","url","date","date-time","time","input-image"],radio:["string"],select:["string"],all:N},O={input:"字符串/单行文本",boolean:"Boolean/开关",number:"Number数值",color:"颜色数值",url:"URL数值",textarea:"多行文本",radio:"单选",select:"下拉选择/多选",cascader:"级联选择",checkboxes:"多选框",date:"日期","date-time":"日期时间",time:"时间","input-image":"图片上传",quantity:"数值单位设置","box-style":"盒子模型/边距设置","padding-margin":"边距设置","text-editor":"富文本内容",json:"json内容",codearea:"code内容",htmlarea:"html内容",object:"对象(Object)",array:"数组(Array)",datasource:"静态数据源(旧版)",event:"事件(旧版)","dynamic-data":"动态数据源(旧版)",api:"API 配置"},k=g.TypeDataList.jsonschema,R=g.TypeDataList.input,I=function(){function e(){var e=this;this.curJsonKeyIndex=1,this.triggerChange=!1,this.jsonSchema={},this.SchemaTypeList=j,this.onChange=function(e){},this.childElemSort=function(t){for(var n=(0,g.getSchemaByIndexRoute)(t,e.jsonSchema,!1),a=n.propertyOrder,o=[],r=[],i=[],s=[],l=[],c=[],d=[],m=[],u=0,p=a.length;u<p;u++){var h=a[u];switch(n.properties[h].type){case"input":case"url":o.push(h);break;case"number":case"quantity":r.push(h);break;case"radio":case"checkboxes":case"boolean":case"color":i.push(h);break;case"date":case"date-time":case"time":s.push(h);break;case"textarea":case"json":case"codearea":case"htmlarea":l.push(h);break;case"image":c.push(h);break;case"object":case"array":d.push(h);break;default:m.push(h)}}n.propertyOrder=[].concat(o,r,i,s,c,l,d,m),e.jsonSchemaChange(!1)},(0,h.makeObservable)(this)}var n=e.prototype;return n.triggerChangeAction=function(){this.triggerChange=!this.triggerChange},n.initSchemaTypeList=function(e){var t=this;e&&"{}"!==JSON.stringify(e)&&(x(e,this.SchemaTypeList)||e&&Object.keys(e).map(function(n){t.SchemaTypeList[n]=e[n]}))},n.initJSONSchemaData=function(e){if(e&&"{}"!==JSON.stringify(e)){if(!x(e,this.JSONSchemaObj))if(e&&(0,g.isNewSchemaData)(e))this.jsonSchema=e;else{var t=(0,g.oldSchemaToNewSchema)(e);this.jsonSchema=t}}else this.jsonSchema=v(k)},n.initOnChange=function(e){var t,n;(e||(t=e,n=!1,"Function"===Object.prototype.toString.call(t).slice(8,-1)&&(n=!0),n))&&(this.onChange=e)},n.schemaChange=function(e){this.jsonSchema=e,this.jsonSchemaChange(!1)},n.jsonSchemaChange=function(e){this.jsonSchema.lastUpdateTime=(new Date).getTime(),e||this.onChange(this.JSONSchemaObj)},n.indexRoute2keyRoute=function(e){return(0,g.indexRoute2keyRoute)(e,this.jsonSchema)},n.keyRoute2indexRoute=function(e){return(0,g.keyRoute2indexRoute)(e,this.jsonSchema)},n.getSchemaByIndexRoute=function(e){return(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!0)},n.getSchemaByKeyRoute=function(e){return(0,g.getSchemaByKeyRoute)(e,this.jsonSchema,!0)},n.getNewJsonKeyIndex=function(e,t){var n=(t||"field")+"_"+this.curJsonKeyIndex;return e.propertyOrder.indexOf(n)>=0&&(this.curJsonKeyIndex+=1,n=this.getNewJsonKeyIndex(e,t)),this.curJsonKeyIndex+=1,n},n.isExitJsonKey=function(e,t){var n=(0,g.getParentIndexRoute)(e),a=this.getSchemaByIndexRoute(n);return!!(a.propertyOrder&&a.propertyOrder.indexOf(t)>=0)||(g.KeyWordList&&g.KeyWordList.indexOf(t)>=0&&y.message.warning(t+"是JSONSchema的关键字,建议您换一个,避免后续出现数据异常。"),t&&t.indexOf("-")>-1&&y.message.warning(t+"含特殊字符(‘-’),会影响后续数据获取和更新,建议您换一个数值。"),!1)},n.isSupportCurType=function(e,t){var n=(0,g.getParentIndexRoute)(e),a=this.getSchemaByIndexRoute(n),o=this.SchemaTypeList[a.type];return!!(o&&o.indexOf(t)>=0)},n.addChildJson=function(e,t){var n=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if((0,g.isContainerSchema)(n)){var a=this.getNewJsonKeyIndex(n);n.propertyOrder.push(a),n.properties[a]=R,this.jsonSchemaChange(t)}else y.message.warning("非对象类型字段不允许插入子元素")},n.changeType=function(e,t,n,a,o){var r=(0,g.getParentIndexRoute)(e),i=(0,g.getSchemaByIndexRoute)(r,this.jsonSchema,!1),s=Object.assign({},n,(0,f.pick)(a,["title","description","isConditionProp","showKey","showCodeViewBtn","onShow"]));i.properties&&i.properties[t]?i.properties[t]=v(s):i[t]&&(i[t]=v(s)),this.jsonSchemaChange(o)},n.updateSchemaData=function(e,t,n){var a=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);Object.assign(a,v(t)),this.jsonSchemaChange(n)},n.editSchemaData=function(e,n,a,o){var r=(0,g.getParentIndexRoute)(e),i=(0,g.getSchemaByIndexRoute)(r,this.jsonSchema,!1);i.properties[n]=t()({},v(i.properties[n]),a),this.jsonSchemaChange(o)},n.editJsonKey=function(e,t,n){var a=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!0);this.insertJsonData(e,t,a,"",!0),this.deleteJsonByIndex(e,!0),this.jsonSchemaChange(n)},n.addNextJsonData=function(e){var t=(0,g.getParentIndexRoute)(e),n=(0,g.getSchemaByIndexRoute)(t,this.jsonSchema,!1),a=this.getNewJsonKeyIndex(n);this.insertJsonData(e,a,R,"",!1)},n.insertJsonData=function(e,t,n,a,o){var r=(0,g.getParentIndexRoute_CurIndex)(e),i=r[0]||"",s=r[1],l=(0,g.getSchemaByIndexRoute)(i,this.jsonSchema,!1);l.properties[t]=n;var c=l.propertyOrder,d="before"===a?Number(s):Number(s)+1,m=c.slice(0,d),u=c.slice(d);l.propertyOrder=[].concat(m,[t],u),this.jsonSchemaChange(o)},n.deleteJsonByIndex_CurKey=function(e,t,n){var a=(0,g.getParentIndexRoute)(e),o=(0,g.getSchemaByIndexRoute)(a,this.jsonSchema,!1);delete o.properties[t];var r=o.propertyOrder.indexOf(t);o.propertyOrder.splice(r,1),this.jsonSchemaChange(n)},n.deleteJsonByIndex=function(e,t){var n=(0,g.getParentIndexRoute_CurIndex)(e),a=n[0]||"",o=n[1],r=(0,g.getSchemaByIndexRoute)(a,this.jsonSchema,!1),i=r.propertyOrder[o];delete r.properties[i];var s=r.propertyOrder.indexOf(i);r.propertyOrder.splice(s,1),this.jsonSchemaChange(t)},n.updateEnumItem=function(e,t,n,a,o){var r=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);r.enum&&r.enumextra&&(r.enum[t]=n,r.enumextra[t]=a),this.jsonSchemaChange(o)},n.isExitEnumKey=function(e,t,n){var a=!1,o=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(o.enum){var r=v(o.enum);t>=0&&r.splice(t,1),r.indexOf(n)>=0&&(a=!0)}return g.KeyWordList&&g.KeyWordList.indexOf(n)>=0&&y.message.warning(n+"是JSONSchema的关键字,建议您换一个,避免后续出现数据异常。"),a},n.updateEnumKey=function(e,t,n,a){var o=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);o.enum&&(o.enum[t]=n),this.jsonSchemaChange(a)},n.updateEnumText=function(e,t,n,a){var o=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);o.enumextra&&(o.enumextra[t]=n),this.jsonSchemaChange(a)},n.deleteEnumItem=function(e,t,n){var a=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);a.enum&&a.enumextra&&(a.enum.splice(t,1),a.enumextra.splice(t,1)),this.jsonSchemaChange(n)},n.insertEnumItem=function(e,t,n,a,o,r){var i=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(i.enum&&i.enumextra){var s="before"===o?Number(t):Number(t)+1,l=i.enum.slice(0,s),c=i.enum.slice(s);i.enum=[].concat(l,[n],c);var d=i.enumextra.slice(0,s),m=i.enumextra.slice(s);i.enumextra=[].concat(d,[a],m)}this.jsonSchemaChange(r)},n.getNewEnumIndex=function(e,t){var n=(t||"enum")+"_"+this.curJsonKeyIndex;return e.indexOf(n)>=0&&(this.curJsonKeyIndex+=1,n=this.getNewEnumIndex(e,t)),this.curJsonKeyIndex+=1,n},n.addEnumItem=function(e,t){var n=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(n.enum){var a=this.getNewEnumIndex(n.enum),o="选项"+(this.curJsonKeyIndex-1);this.insertEnumItem(e,t,a,o,"",!1)}},n.copyEnumItem=function(e,t){var n=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(n.enum){var a=n.enum[t],o=n.enumextra[t],r=this.getNewEnumIndex(n.enum,a),i=o+"_"+(this.curJsonKeyIndex-1);this.insertEnumItem(e,t,r,i,"",!1)}},n.updateOptionItem=function(e,t,n,a,o){var r=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);r.options&&r.options[t]&&(r.options[t].label=n,r.options[t].value=a),this.jsonSchemaChange(o)},n.isExitOptionLabel=function(e,t){var n=!1,a=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);return a.options&&a.options.find(function(e){return e.label===t})&&(n=!0),g.KeyWordList&&g.KeyWordList.indexOf(t)>=0&&y.message.warning(t+"是JSONSchema的保留关键字,建议您换一个名称。"),n},n.updateOptionLabel=function(e,t,n,a){var o=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);o.options&&o.options[t]&&(o.options[t].label=n),this.jsonSchemaChange(a)},n.updateOptionValue=function(e,t,n,a){var o=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);o.options&&o.options[t]&&(o.options[t].value=n),this.jsonSchemaChange(a)},n.deleteOptionItem=function(e,t,n){var a=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);a.options&&a.options[t]&&a.options.splice(t,1),this.jsonSchemaChange(n)},n.insertOption=function(e,t,n,a,o,r){var i=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(i.options){var s="before"===o?Number(t):Number(t)+1,l=i.options.slice(0,s),c=i.options.slice(s),d={label:n,value:a};i.options=[].concat(l,[d],c)}this.jsonSchemaChange(r)},n.getNewOptionValue=function(e){return e&&e.length>0?e[e.length-1].value+"_"+(e.length+1):"value1"},n.addOptionItem=function(e,t){var n=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(n.options){var a=this.getNewOptionValue(n.options),o="选项"+(n.options.length+1);this.insertOption(e,t,o,a,"",!1)}},n.copyOptionItem=function(e,t){var n=(0,g.getSchemaByIndexRoute)(e,this.jsonSchema,!1);if(n.options){var a=n.options[t],o=this.getNewOptionValue(n.options),r=(a.label||a.name)+"_copy";this.insertOption(e,t,r,o,"",!1)}},u()(e,[{key:"JSONSchemaObj",get:function(){return(0,h.toJS)(this.jsonSchema)}}])}();(0,p.__decorate)([h.observable],I.prototype,"triggerChange",void 0),(0,p.__decorate)([h.observable],I.prototype,"jsonSchema",void 0),(0,p.__decorate)([h.observable],I.prototype,"SchemaTypeList",void 0),(0,p.__decorate)([h.observable],I.prototype,"onChange",void 0),(0,p.__decorate)([h.action.bound],I.prototype,"triggerChangeAction",null),(0,p.__decorate)([h.action.bound],I.prototype,"initSchemaTypeList",null),(0,p.__decorate)([h.action.bound],I.prototype,"initJSONSchemaData",null),(0,p.__decorate)([h.computed],I.prototype,"JSONSchemaObj",null),(0,p.__decorate)([h.action.bound],I.prototype,"initOnChange",null),(0,p.__decorate)([h.action.bound],I.prototype,"schemaChange",null),(0,p.__decorate)([h.action.bound],I.prototype,"jsonSchemaChange",null),(0,p.__decorate)([h.action.bound],I.prototype,"indexRoute2keyRoute",null),(0,p.__decorate)([h.action.bound],I.prototype,"keyRoute2indexRoute",null),(0,p.__decorate)([h.action.bound],I.prototype,"getSchemaByIndexRoute",null),(0,p.__decorate)([h.action.bound],I.prototype,"getSchemaByKeyRoute",null),(0,p.__decorate)([h.action.bound],I.prototype,"getNewJsonKeyIndex",null),(0,p.__decorate)([h.action.bound],I.prototype,"isExitJsonKey",null),(0,p.__decorate)([h.action.bound],I.prototype,"isSupportCurType",null),(0,p.__decorate)([h.action.bound],I.prototype,"addChildJson",null),(0,p.__decorate)([h.action.bound],I.prototype,"changeType",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateSchemaData",null),(0,p.__decorate)([h.action.bound],I.prototype,"editSchemaData",null),(0,p.__decorate)([h.action.bound],I.prototype,"editJsonKey",null),(0,p.__decorate)([h.action.bound],I.prototype,"addNextJsonData",null),(0,p.__decorate)([h.action.bound],I.prototype,"insertJsonData",null),(0,p.__decorate)([h.action.bound],I.prototype,"deleteJsonByIndex_CurKey",null),(0,p.__decorate)([h.action.bound],I.prototype,"deleteJsonByIndex",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateEnumItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"isExitEnumKey",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateEnumKey",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateEnumText",null),(0,p.__decorate)([h.action.bound],I.prototype,"deleteEnumItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"insertEnumItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"getNewEnumIndex",null),(0,p.__decorate)([h.action.bound],I.prototype,"addEnumItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"copyEnumItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateOptionItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"isExitOptionLabel",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateOptionLabel",null),(0,p.__decorate)([h.action.bound],I.prototype,"updateOptionValue",null),(0,p.__decorate)([h.action.bound],I.prototype,"deleteOptionItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"insertOption",null),(0,p.__decorate)([h.action.bound],I.prototype,"getNewOptionValue",null),(0,p.__decorate)([h.action.bound],I.prototype,"addOptionItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"copyOptionItem",null),(0,p.__decorate)([h.action.bound],I.prototype,"childElemSort",void 0);var K={schemaStore:I},w=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),T=n.n(w),_=require("@ant-design/icons"),J=require("rc-switch"),B=n.n(J),V=require("react-ace"),D=n.n(V),L=(require("ace-builds/src-noconflict/mode-json"),require("ace-builds/src-noconflict/theme-solarized_light"),n(40),function(e){function t(t){var n;return(n=e.call(this,t)||this).handleValueChange=function(e){n.props.onChange&&(0,g.isFunction)(n.props.onChange)&&n.props.onChange(e)},n.state={isShowWarn:!1,warnText:"",curJSONDataTemp:void 0},n.handleValueChange=n.handleValueChange.bind(n),n}return r()(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.jsonData,a=t.readOnly,o=t.maxLines,r=n||{},s=this.state,l=s.isShowWarn,c=s.warnText,d=(s.curJSONDataTemp,a||!1);return r=void 0!==r?r:r||"{}",((0,g.isObject)(r)||(0,g.isArray)(r))&&(r=JSON.stringify(r,null,2)),i.createElement("div",{className:"json-view-box"},d&&i.createElement("div",{className:"readOnly-btn"},"[只读]"),l&&i.createElement("div",{className:"warning-box code-area-item"},i.createElement("div",{className:"warning-img"},"X"),i.createElement("div",{className:"warning-text"},c)),i.createElement(D(),{key:"json_area_ace",defaultValue:r,className:"json-view-ace",mode:"json",theme:"solarized_light",name:"JSON_CODE_EDIT",fontSize:14,showPrintMargin:!0,showGutter:!0,highlightActiveLine:!0,readOnly:d,minLines:5,maxLines:o||10,width:"100%",setOptions:{useWorker:!1,showLineNumbers:!0,tabSize:2},onChange:function(t){try{var n=JSON.parse(t);e.handleValueChange(n),e.setState({isShowWarn:!1,curJSONDataTemp:void 0})}catch(n){e.setState({curJSONDataTemp:t,warnText:n.message,isShowWarn:!0})}}}))},t}(i.PureComponent)),F=(require("rc-switch/assets/index.css"),n(975),y.Input.TextArea),P=function(e){function t(t){var n;return(n=e.call(this,t)||this).handleValueChange=function(e,t){var a=(n.props.schemaStore||{}).editSchemaData,o=n.props,r=o.indexRoute,i=o.jsonKey;if(o.targetJsonSchema[e]!==t){var s={};s[e]=t,a(r,i,s)}},n.renderDefaultContent=function(e,t,a){if("boolean"===e)return i.createElement(B(),{style:{display:"inline-block"},defaultChecked:t.default,checkedChildren:"true",unCheckedChildren:"false",onChange:function(e){n.handleValueChange("default",e)}});if("checkboxes"===e||"select"===e&&t.multiple){var o=t.options;return i.createElement(y.Checkbox.Group,{style:{display:"inline-block"},onChange:function(e){n.handleValueChange("default",e)},defaultValue:t.default},o&&o.length>0&&o.map(function(e,t){var n=a+"-options-"+t;return i.createElement(y.Checkbox,{value:e.value,key:n},e.label||e.name)}))}if("radio"===e||"select"===e){var r=t.options;return i.createElement(y.Radio.Group,{style:{display:"inline-block"},defaultValue:t.default,onChange:function(e){var t=e.target.value;n.handleValueChange("default",t)}},r&&r.length>0&&r.map(function(e,t){var n=a+"-options-"+t;return i.createElement(y.Radio,{value:e.value,key:n},e.label||e.name)}))}return"color"===e?i.createElement(y.Input,{style:{display:"inline-block"},className:"color-item-form",type:"color",defaultValue:t.default,onChange:function(e){var t=e.target.value;n.handleValueChange("default",t)}}):"textarea"===e||"codearea"===e||"htmlarea"===e||"json"===e?i.createElement(F,{style:{display:"inline-block"},rows:4,placeholder:"请输入"+t.title+"的默认值",defaultValue:t.default,onPressEnter:function(e){var t=e.target.value;n.handleValueChange("default",t)},onBlur:function(e){var t=e.target.value;n.handleValueChange("default",t)}}):"number"===e?i.createElement(y.InputNumber,{style:{display:"inline-block"},placeholder:"请输入"+t.title+"的默认值",defaultValue:t.default,onChange:function(e){n.handleValueChange("default",e)}}):i.createElement(y.Input,{style:{display:"inline-block"},placeholder:"请输入"+t.title+"的默认值",defaultValue:t.default,onPressEnter:function(e){var t=e.target.value;n.handleValueChange("default",t)},onBlur:function(e){var t=e.target.value;n.handleValueChange("default",t)}})},n.handleValueChange=n.handleValueChange.bind(n),n}return r()(t,e),t.prototype.render=function(){var e,t,n,a,o,r,s,l,c=this,d=this.props,m=d.nodeKey,u=(d.indexRoute,d.targetJsonSchema),p=u.type,h=u.isConditionProp;return i.createElement("div",{className:"advance-config-model"},function(e){return["boolean","input","number","color","url","radio","select","date","date-time","time","input-image"].indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-isConditionProp"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"设置为条件字段后,其他字段可根据其数值变化进行实时联动",placement:"top"},i.createElement("span",{className:"title-text"},"条件字段"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box",key:m+"-isConditionProp-switch"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!=h&&h,checkedChildren:"是",unCheckedChildren:"否",onChange:function(e){c.handleValueChange("isConditionProp",e)}})))),("select"===p||"cascader"===p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-selectConfig"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"开启多选后,select下拉列表支持选择多个选项。",placement:"top"},i.createElement("span",{className:"title-text"},"支持多选"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box",key:m+"-selectConfig-multiple"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(e=u.multiple)&&void 0!==e&&e,checkedChildren:"多选",unCheckedChildren:"单选",onChange:function(e){c.handleValueChange("multiple",e)}})))),function(e){return["select","radio"].indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-defaultActiveFirstOption"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"是否默认高亮第一个选项。",placement:"top"},i.createElement("span",{className:"title-text"},"选中第一项"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box",key:m+"-selectConfig-defaultActiveFirstOption"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(t=u.defaultActiveFirstOption)&&void 0!==t&&t,checkedChildren:"开启",unCheckedChildren:"关闭",onChange:function(e){c.handleValueChange("defaultActiveFirstOption",e)}})))),function(e){return[].concat(S,["quantity","text-editor","json","codearea","htmlarea"]).indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-readOnly-"+u.readOnly},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"当前属性设置为只读后,用户不能对其进行任何编辑操作",placement:"top"},i.createElement("span",{className:"title-text"},"是否只读"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(n=u.readOnly)&&void 0!==n&&n,checkedChildren:"true",unCheckedChildren:"false",onChange:function(e){c.handleValueChange("readOnly",e)}})))),function(e){return[].concat(S,["quantity","text-editor","json","codearea","htmlarea"]).indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-isRequired-"+u.isRequired},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"当前属性设置为必填项后,如果用户没有给其设置数值,则会进行标红提示。",placement:"top"},i.createElement("span",{className:"title-text"},"是否必填项"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(a=u.isRequired)&&void 0!==a&&a,checkedChildren:"true",unCheckedChildren:"false",onChange:function(e){c.handleValueChange("isRequired",e)}})))),function(e){return[].concat(S,["json","codearea","htmlarea"]).indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-default"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{placement:"top"},i.createElement("span",{className:"title-text"},"默认值"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},this.renderDefaultContent(p,u,m)))),"select"===p&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-withLabel"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"开启后,选中选项时,其数值会带上当前选项的label数值。",placement:"top"},i.createElement("span",{className:"title-text"},"附带label数值"))),i.createElement("div",{className:"content-item"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(o=u.withLabel)&&void 0!==o&&o,checkedChildren:"开启",unCheckedChildren:"关闭",onChange:function(e){c.handleValueChange("withLabel",e)}}))),"cascader"===p&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-cascader-options"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"用于添加 级联选择 组件的 options 数据。",placement:"top"},i.createElement("span",{className:"title-text"},"options 配置"))),i.createElement("div",{className:"content-item"},i.createElement(L,{jsonData:u.options,onChange:function(e){c.handleValueChange("options",e)},maxLines:10}))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-description"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"字段描述内容将作为Title的补充信息提供给用户",placement:"top"},i.createElement("span",{className:"title-text"},"字段描述"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.Input,{style:{display:"inline-block"},placeholder:"请输入"+u.title+"的字段描述",defaultValue:u.description,onPressEnter:function(e){var t=e.target.value;c.handleValueChange("description",t)},onBlur:function(e){var t=e.target.value;c.handleValueChange("description",t)}})))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-showKey"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"开启后,在JSONEditor端会展示当前Key值,以便增加辨识度。",placement:"top"},i.createElement("span",{className:"title-text"},"展示Key值"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(r=u.showKey)&&void 0!==r&&r,checkedChildren:"true",unCheckedChildren:"false",onChange:function(e){c.handleValueChange("showKey",e)}})))),function(e){return["input","url","textarea","text-editor","date","date-time","time","json","codearea","htmlarea"].indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-placeholder"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"输入提示内容将作为输入区域的提示信息展示给用户",placement:"top"},i.createElement("span",{className:"title-text"},"输入提示"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.Input,{style:{display:"inline-block"},placeholder:"请输入"+u.title+"的输入提示",defaultValue:u.placeholder,onPressEnter:function(e){var t=e.target.value;c.handleValueChange("placeholder",t)},onBlur:function(e){var t=e.target.value;c.handleValueChange("placeholder",t)}})))),("input"===p||"quantity"===p||"padding-margin"===p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-autoComplete"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"开启后支持添加可选项,并支持 autoComplete。",placement:"top"},i.createElement("span",{className:"title-text"},"开启可选项"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null!==(s=u.autoComplete)&&void 0!==s&&s,checkedChildren:"开启",unCheckedChildren:"关闭",onChange:function(e){c.handleValueChange("autoComplete",e)}})))),u.autoComplete&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-autoComplete-options"},i.createElement("div",{className:"element-title"},i.createElement("span",{className:"title-text"},"可选项")),i.createElement("div",{className:"content-item"},i.createElement(L,{jsonData:u.options||[],onChange:function(e){(0,g.isArray)(e)?c.handleValueChange("options",e):y.message.warning("可选项数据格式不正确,可选项数据格式必须为数组格式。")},maxLines:10}))),function(e){return[].concat(b,["array"]).indexOf(e)>-1}(p)&&i.createElement("div",{className:"wide-screen-element-warp",key:m+"-showCodeViewBtn-"+u.showCodeViewBtn},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"用于控制是否显示源码模式切换按钮,默认显示",placement:"top"},i.createElement("span",{className:"title-text"},"源码模式"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(B(),{style:{display:"inline-block"},defaultChecked:null===(l=u.showCodeViewBtn)||void 0===l||l,checkedChildren:"true",unCheckedChildren:"false",onChange:function(e){c.handleValueChange("showCodeViewBtn",e)}})))),"number"===(0,g.getExpectType)(p)&&i.createElement(i.Fragment,null,i.createElement("div",{className:"wide-screen-element-warp",key:m+"-minimum-"+u.minimum},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"设置最小值后,用户输入的数值必须大于当前最小值",placement:"top"},i.createElement("span",{className:"title-text"},"最小值"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.InputNumber,{style:{display:"inline-block"},defaultValue:u.minimum,onPressEnter:function(e){var t=e.target.value;c.handleValueChange("minimum",t)},onBlur:function(e){var t=e.target.value;c.handleValueChange("minimum",t)}})))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-maximum-"+u.maximum},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"设置最大值后,用户输入的数值必须大于当前最大值",placement:"top"},i.createElement("span",{className:"title-text"},"最大值"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.InputNumber,{style:{display:"inline-block"},defaultValue:u.maximum,onPressEnter:function(e){var t=e.target.value;c.handleValueChange("maximum",t)},onBlur:function(e){var t=e.target.value;c.handleValueChange("maximum",t)}}))))),"array"===(0,g.getExpectType)(p)&&i.createElement(i.Fragment,null,i.createElement("div",{className:"wide-screen-element-warp",key:m+"-minimum-child"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"用于限制数据项最小个数",placement:"top"},i.createElement("span",{className:"title-text"},"最小数据项"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.InputNumber,{style:{display:"inline-block"},defaultValue:u["minimum-child"],onChange:function(e){c.handleValueChange("minimum-child",e)}})))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-maximum-child"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"用于限制数据项最多个数",placement:"top"},i.createElement("span",{className:"title-text"},"最多数据项"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.InputNumber,{style:{display:"inline-block"},defaultValue:u["maximum-child"],onChange:function(e){c.handleValueChange("maximum-child",e)}}))))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-onShow"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:'用于设置显隐表达式(onShow),比如设置 "dataType === 1",则表示当数据域中 dataType 为 1 时显示当前配置项。',placement:"top"},i.createElement("span",{className:"title-text"},"显隐表达式"))),i.createElement("div",{className:"content-item"},i.createElement("div",{className:"form-item-box"},i.createElement(y.Input,{style:{display:"inline-block"},placeholder:"请输入显隐表达式",defaultValue:u.onShow,onPressEnter:function(e){var t=e.target.value;c.handleValueChange("onShow",t)},onBlur:function(e){var t=e.target.value;c.handleValueChange("onShow",t)}})))),i.createElement("div",{className:"wide-screen-element-warp",key:m+"-titleStyle"},i.createElement("div",{className:"element-title"},i.createElement(y.Tooltip,{title:"可用于设置标题展示样式。",placement:"top"},i.createElement("span",{className:"title-text"},"标题样式"))),i.createElement("div",{className:"content-item"},i.createElement(L,{jsonData:u.titleStyle,onChange:function(e){c.handleValueChange("titleStyle",e)},maxLines:10}))))},t}(i.PureComponent),q=(0,d.inject)(function(e){return{schemaStore:e.schemaStore}})((0,d.observer)(P)),A=(n(915),y.Select.Option),M=function(e){function t(t){var n;return(n=e.call(this,t)||this).handleTypeChange=function(e){var t=(n.props.schemaStore||{}).changeType,a=n.props,o=a.indexRoute,r=a.jsonKey,i=a.targetJsonSchema;i.type!==e&&t(o,r,g.TypeDataList[e],i)},n.handleJsonKeyChange=function(e){var t=n.props.schemaStore||{},a=t.editJsonKey,o=t.isExitJsonKey,r=e.target.value,i=n.props,s=i.indexRoute;i.jsonKey!==r&&(o(s,r)?y.message.warning("当前key已存在,请换一个吧。"):a(s,r))},n.handleTitleChange=function(e){var t=(n.props.schemaStore||{}).editSchemaData,a=e.target.value,o=n.props,r=o.indexRoute,i=o.jsonKey;o.targetJsonSchema.title!==a&&t(r,i,{title:a})},n.getCurrentTypeList=function(e){var t=(n.props.schemaStore||{}).SchemaTypeList,a=t[e||"all"];return a&&0!==a.length||(a=t.all),a},n.onAddBtnEvent=function(){var e=n.props.schemaStore||{},t=e.addChildJson,a=e.addNextJsonData,o=n.props,r=o.indexRoute,i=o.targetJsonSchema;(0,g.isContainerSchema)(i)?t(r):a(r)},n.onCopyBtnEvent=function(){var e=n.props,t=e.indexRoute,a=e.targetJsonSchema,o=e.jsonKey,r=n.props.schemaStore||{},i=r.getSchemaByIndexRoute,s=r.indexRoute2keyRoute,l=r.insertJsonData,c=r.getNewJsonKeyIndex,d=v(a),m=(0,g.getParentIndexRoute)(t),u=c(i(m),o),p=a.type;E(s(m)+"-"+u+"-"+p,s(t)),l(t,u,d)},n.onDeleteBtnEvent=function(){var e=n.props,t=e.jsonKey,a=e.indexRoute;(0,(n.props.schemaStore||{}).deleteJsonByIndex_CurKey)(a,t)},n.ignoreDragEvent=function(e){e.preventDefault(),e.stopPropagation()},n.childElemSort=function(){var e=n.props.indexRoute;(0,(n.props.schemaStore||{}).childElemSort)(e)},n.state={showAdvanceConfig:!1},n.onAddBtnEvent=n.onAddBtnEvent.bind(n),n.onCopyBtnEvent=n.onCopyBtnEvent.bind(n),n.onDeleteBtnEvent=n.onDeleteBtnEvent.bind(n),n.handleJsonKeyChange=n.handleJsonKeyChange.bind(n),n.handleTitleChange=n.handleTitleChange.bind(n),n.handleTypeChange=n.handleTypeChange.bind(n),n.childElemSort=n.childElemSort.bind(n),n}return r()(t,e),t.prototype.render=function(){var e,t,n=this,a=(this.props.schemaStore||{}).getSchemaByIndexRoute,o=this.props,r=o.parentType,s=o.indexRoute,l=o.jsonKey,c=o.nodeKey,d=o.targetJsonSchema,m=this.state.showAdvanceConfig,u=s?(0,g.getParentIndexRoute)(s):"",p=u?a(u):{},h=null===(e=p&&p.isContainer)||void 0===e||e,f=d.isFixed||this.props.isFixed||!1,v=(this.props.readOnly||d.readOnly,void 0!==this.props.keyIsFixed?this.props.keyIsFixed:!h||f),x=void 0!==this.props.typeIsFixed?this.props.typeIsFixed:f,E=void 0!==this.props.titleIsFixed?this.props.titleIsFixed:f,S=this.props.hideOperaBtn||!h,b=null===(t=this.props.showAdvanceBtn)||void 0===t||t,C=this.getCurrentTypeList(r),N=d.type,j=(0,g.isContainerSchema)(d);return i.createElement(i.Fragment,null,d&&i.createElement("div",{className:"base-schema-box",id:c},i.createElement("div",{className:"key-input-item",draggable:"true",onDragStart:this.ignoreDragEvent},i.createElement(y.Input,{defaultValue:l||"key值不存在",disabled:v,onBlur:this.handleJsonKeyChange})),i.createElement("div",{className:"type-select-item",draggable:"true",onDragStart:this.ignoreDragEvent},i.createElement(y.Select,{showSearch:!0,defaultValue:N,style:{width:150},onChange:this.handleTypeChange,disabled:x,filterOption:function(e,t){return!!(t&&t.value.indexOf(e)>-1||t.children&&t.children.indexOf(e)>-1)}},C.map(function(e){return i.createElement(A,{key:e,value:e},O[e]||e)}))),i.createElement("div",{className:"title-input-item",draggable:"true",onDragStart:this.ignoreDragEvent},i.createElement(y.Input,{defaultValue:d.title,disabled:E,onBlur:this.handleTitleChange})),i.createElement("div",{className:"operate-item"},!S&&i.createElement(i.Fragment,null,!f&&i.createElement(y.Tooltip,{title:"删除"},i.createElement(_.CloseOutlined,{className:"operate-btn delete-operate",onClick:this.onDeleteBtnEvent})),i.createElement(y.Tooltip,{title:j?"新增子元素":"新增同级元素"},i.createElement(_.PlusOutlined,{className:"operate-btn",onClick:this.onAddBtnEvent})),j&&i.createElement(y.Tooltip,{title:"数据项排序"},i.createElement(_.SortAscendingOutlined,{className:"operate-btn",onClick:this.childElemSort})),!f&&i.createElement(i.Fragment,null,i.createElement(y.Tooltip,{title:"复制"},i.createElement(_.CopyOutlined,{className:"operate-btn",onClick:this.onCopyBtnEvent})),i.createElement(y.Tooltip,{title:"按住进行拖拽"},i.createElement(_.DragOutlined,{className:"operate-btn drag-btn"})))),b&&i.createElement(y.Tooltip,{title:"高级设置"},i.createElement(_.SettingOutlined,{className:"operate-btn",onClick:function(){n.setState({showAdvanceConfig:!0})}}))),m&&i.createElement(y.Modal,{visible:!0,title:"高级设置 / 当前字段:"+d.title+"("+l+")",onCancel:function(){n.setState({showAdvanceConfig:!1})},footer:[i.createElement(y.Button,{key:"submit",type:"primary",onClick:function(){n.setState({showAdvanceConfig:!1})}},"保存并关闭")]},i.createElement(q,{indexRoute:s,jsonKey:l,targetJsonSchema:d}))),!d&&i.createElement("div",{className:"base-schema-box"},i.createElement("div",{className:"warn-text"},l,":数据元素为空")))},t}(i.PureComponent),W=(0,d.inject)(function(e){return{schemaStore:e.schemaStore}})((0,d.observer)(M)),G=y.Tree.TreeNode,U=function(e){return s().createElement(W,t()({},e))},z=function(e){var n=e.jsonKey,a=e.indexRoute,o=e.nodeKey,r=e.targetJsonSchema,i=r.type,l=a?a+"-0":"0",c="items",d=o?o+"-"+c:c,m=r[c]||{};return s().createElement(G,{className:i+"-schema schema-item-form",id:o,key:o,"data-indexRoute":a,"data-jsonKey":n,title:U(t()({},e))},function(e){var n=e.parentType,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema;return s().createElement(G,{className:"array-item-schema schema-item-form",id:r,key:r,"data-jsonKey":a,disabled:!0,title:U(t()({},e,{indexRoute:o,jsonKey:a,targetJsonSchema:i,parentType:n,nodeKey:r,isFixed:!0,typeIsFixed:!1}))},"object"===i.type&&function(e){var n=e.propertyOrder,a=e.properties,o=e.parentIndexRoute,r=e.parentNodeKey,i=e.parentType;return n.map(function(n,s){var l=o?o+"-"+s:""+s,c=n,d=a[c],m=d.type,u=(r?r+"-":"")+m+"-"+c;return he(t()({},e,{parentType:i,jsonKey:c,indexRoute:l,key:u,nodeKey:u,targetJsonSchema:d}))})}(t()({},e,{propertyOrder:i.propertyOrder,properties:i.properties,parentIndexRoute:o,parentNodeKey:r,parentType:n})))}(t()({},e,{parentType:"array",jsonKey:c,indexRoute:l,nodeKey:d,targetJsonSchema:m})))},X=(n(790),y.Select.Option),H=function(e){function t(t){var n;return(n=e.call(this,t)||this).typeChange=function(e){var t=n.props.schemaStore||{},a=t.editSchemaData,o=t.updateSchemaData,r=n.props,i=r.indexRoute,s=r.jsonKey,l=r.targetJsonSchema,c=r.typeSelectData;if(l.default!==e){if(a(i||"",s,{default:e}),c){var d=c[e];d&&"数据源类型"===l.title&&a((0,g.getNextIndexRoute)(i),"data",d)}if(g.EventTypeDataList){var m=g.EventTypeDataList[e];"事件类型"===l.title&&m&&o((0,g.getParentIndexRoute)(i),m)}}},n.typeChange=n.typeChange.bind(n),n}return r()(t,e),t.prototype.render=function(){var e=this.props,t=e.nodeKey,n=e.targetJsonSchema,a=n.type,o=n.options||[];return i.createElement("div",{className:"typeSelect-schema-box",id:t},i.createElement("div",{className:"key-input-item"},i.createElement(y.Select,{defaultValue:n.default||"local",onChange:this.typeChange},o.map(function(e,t){return i.createElement(X,{key:t,value:e.value},e.label||e.name)}))),i.createElement("div",{className:"type-select-item"},i.createElement(y.Select,{defaultValue:a,style:{width:120},disabled:!0},i.createElement(X,{key:a,value:a},a))),i.createElement("div",{className:"title-input-item"},i.createElement(y.Input,{defaultValue:n.title,disabled:!0})),i.createElement("div",{className:"operate-item"}," "))},t}(i.PureComponent),Q=(0,d.inject)(function(e){return{schemaStore:e.schemaStore}})((0,d.observer)(H)),Y=y.Tree.TreeNode,Z=function(e){return s().createElement(W,t()({},e))},$={local:{type:"json",title:"本地json数据",default:"{}",placeholder:"请输入静态json数据",isRequired:!0,description:"用于设置本地的静态json数据"},remote:{type:"url",title:"远程json数据",default:"http://xxx",placeholder:"请输入远程json数据源地址",isRequired:!0,description:"用于设置获取元素数据的请求地址"}},ee=y.Tree.TreeNode,te=function(e){return s().createElement(W,t()({},e))},ne=y.Tree.TreeNode,ae=function(e){return s().createElement(W,t()({},e))},oe=y.Tree.TreeNode,re=function(e){return s().createElement(W,t()({},e))},ie=(n(617),y.Select.Option),se=function(e){function t(t){var n;return(n=e.call(this,t)||this).handleLabelChange=function(e){var t=n.props.schemaStore||{},a=t.isExitOptionLabel,o=t.updateOptionLabel,r=e.target.value,i=n.props,s=i.indexRoute,l=i.optionIndex;r!==i.optionLabel&&(a(s,r)?y.message.warning("对不起,存在相同的Label值,请重新设置。"):o(s,l,r))},n.handleValueChange=function(e){var t=(n.props.schemaStore||{}).updateOptionValue,a=e.target.value,o=n.props,r=o.indexRoute,i=o.optionIndex,s=o.optionValue;if(a!==s){var l=a;if((0,g.isObject)(s)&&(0,g.isString)(l))try{l=JSON.parse(l)}catch(e){console.warn("option 数值转换失败:",l),l=s}t(r,i,l)}},n.onAddBtnEvent=function(){var e=(n.props.schemaStore||{}).addOptionItem,t=n.props;e(t.indexRoute,t.optionIndex)},n.onCopyBtnEvent=function(){var e=(n.props.schemaStore||{}).copyOptionItem,t=n.props;e(t.indexRoute,t.optionIndex)},n.onDeleteBtnEvent=function(){var e=n.props.schemaStore||{},t=(e.getSchemaByIndexRoute,e.deleteOptionItem),a=n.props;t(a.indexRoute,a.optionIndex)},n.onAddBtnEvent=n.onAddBtnEvent.bind(n),n.onCopyBtnEvent=n.onCopyBtnEvent.bind(n),n.onDeleteBtnEvent=n.onDeleteBtnEvent.bind(n),n.handleLabelChange=n.handleLabelChange.bind(n),n.handleValueChange=n.handleValueChange.bind(n),n}return r()(t,e),t.prototype.render=function(){var e=this.props,t=e.optionLabel,n=e.optionValue,a=(e.optionNodeKey,n);return((0,g.isObject)(n)||(0,g.isArray)(n))&&(a=JSON.stringify(n)),i.createElement("div",{className:"option-schema-box",id:t},i.createElement("div",{className:"key-input-item"},i.createElement(y.Input,{defaultValue:a,onPressEnter:this.handleValueChange,onBlur:this.handleValueChange})),i.createElement("div",{className:"type-select-item"},i.createElement(y.Select,{defaultValue:"string",style:{width:120}},i.createElement(ie,{key:"string",value:"string"},"string"))),i.createElement("div",{className:"title-input-item"},i.createElement(y.Input,{defaultValue:t,onPressEnter:this.handleLabelChange,onBlur:this.handleLabelChange})),i.createElement("div",{className:"operate-item"},i.createElement(y.Tooltip,{title:"删除"},i.createElement(_.CloseOutlined,{className:"operate-btn delete-operate",onClick:this.onDeleteBtnEvent})),i.createElement(y.Tooltip,{title:"新增可选项"},i.createElement(_.PlusOutlined,{className:"operate-btn",onClick:this.onAddBtnEvent})),i.createElement(y.Tooltip,{title:"复制"},i.createElement(_.CopyOutlined,{className:"operate-btn",onClick:this.onCopyBtnEvent}))))},t}(i.PureComponent),le=(0,d.inject)(function(e){return{schemaStore:e.schemaStore}})((0,d.observer)(se)),ce=y.Tree.TreeNode,de=function(e){return s().createElement(le,t()({},e))},me=y.Tree.TreeNode,ue=function(e){return s().createElement(W,t()({},e))},pe=y.Tree.TreeNode,he=function(e){switch(e.targetJsonSchema.type){case"object":case"func":case"style":case"data":case"padding-margin":return ve(e);case"array":return z(e);case"datasource":return function(e){var n,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema,l=i.type,c=i.properties.data||{};return s().createElement(Y,{className:l+"-schema schema-item-form",id:r,key:r,"data-indexRoute":o,"data-jsonKey":a,title:Z(t()({},e))},s().createElement(Y,{className:"dataSource-type-item-schema schema-item-form",id:r+"-type",key:r+"-type","data-indexRoute":o?o+"-0":"0","data-jsonKey":"type",disabled:!0,title:(n=t()({},e,{indexRoute:o?o+"-0":"0",jsonKey:"type",targetJsonSchema:i.properties.type,parentType:l,nodeKey:r+"-type",typeSelectData:$}),s().createElement(Q,t()({},n)))}),s().createElement(Y,{className:"dataSource-data-item-schema schema-item-form",id:r+"-data-"+c.type,key:r+"-data-"+c.type,"data-indexRoute":o?o+"-1":"1","data-jsonKey":"data",disabled:!0,title:Z(t()({},e,{indexRoute:o?o+"-1":"1",jsonKey:"data",targetJsonSchema:c,parentType:l,nodeKey:r+"-data-"+c.type,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),s().createElement(Y,{className:"dataSource-filter-item-schema schema-item-form",id:r+"-filter",key:r+"-filter","data-indexRoute":o?o+"-2":"2","data-jsonKey":"filter",disabled:!0,title:Z(t()({},e,{indexRoute:o?o+"-2":"2",jsonKey:"filter",targetJsonSchema:i.properties.filter,parentType:l,nodeKey:r+"-filter",hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}))}(e);case"dynamic-data":return function(e){var n,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema,l=i.type,c=i.properties.config||{},d=i.properties.data||{};return s().createElement(ee,{className:l+"-schema schema-item-form",id:r,key:r,"data-indexRoute":o,"data-jsonKey":a,title:te(t()({},e))},s().createElement(ee,{className:"dataSource-type-item-schema schema-item-form",id:r+"-type",key:r+"-type","data-indexRoute":o?o+"-0":"0","data-jsonKey":"type",disabled:!0,title:(n=t()({},e,{indexRoute:o?o+"-0":"0",jsonKey:"type",targetJsonSchema:i.properties.type,parentType:l,nodeKey:r+"-type"}),s().createElement(Q,t()({},n)))}),s().createElement(ee,{className:"dataSource-config-item-schema schema-item-form",id:r+"-config-"+d.type,key:r+"-config-"+d.type,"data-indexRoute":o?o+"-1":"1","data-jsonKey":"config",disabled:!0,title:te(t()({},e,{indexRoute:o?o+"-1":"1",jsonKey:"config",targetJsonSchema:c,parentType:l,nodeKey:r+"-config-"+c.type,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),s().createElement(ee,{className:"dataSource-data-item-schema schema-item-form",id:r+"-data-"+d.type,key:r+"-data-"+d.type,"data-indexRoute":o?o+"-2":"2","data-jsonKey":"data",disabled:!0,title:te(t()({},e,{indexRoute:o?o+"-2":"2",jsonKey:"data",targetJsonSchema:d,parentType:l,nodeKey:r+"-data-"+d.type,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}))}(e);case"event":return function(e){var n,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema,l=i.type,c=i.properties.type||{},d=i.properties.register||{},m=i.properties.actionFunc||{},u=i.properties.trigger||{},p=i.properties.eventData||{};return s().createElement(ne,{className:l+"-schema schema-item-form",id:r,key:r,"data-jsonKey":a,title:ae(t()({},e))},s().createElement(ne,{className:"event-type-item-schema schema-item-form",id:r+"-type",key:r+"-type","data-indexRoute":o?o+"-0":"0","data-jsonKey":"type",disabled:!0,title:(n=t()({},e,{indexRoute:o?o+"-0":"0",jsonKey:"type",targetJsonSchema:c,parentType:l,nodeKey:r+"-type"}),s().createElement(Q,t()({},n)))}),"on"===c.default&&d&&s().createElement(ne,{className:"event-register-item-schema schema-item-form",id:r+"-register-"+c.default,key:r+"-register-"+c.default,"data-indexRoute":o?o+"-1":"1","data-jsonKey":"register",disabled:!0,title:ae(t()({},e,{indexRoute:o?o+"-1":"1",jsonKey:"register",targetJsonSchema:d,parentType:l,nodeKey:r+"-register-"+c.default,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),"on"===c.default&&m&&s().createElement(ne,{className:"event-actionFunc-item-schema schema-item-form",id:r+"-actionFunc-"+c.default,key:r+"-actionFunc-"+c.default,"data-indexRoute":o?o+"-2":"2","data-jsonKey":"actionFunc",disabled:!0,title:ae(t()({},e,{indexRoute:o?o+"-2":"2",jsonKey:"actionFunc",targetJsonSchema:m,parentType:l,nodeKey:r+"-actionFunc-"+c.default,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),"emit"===c.default&&u&&s().createElement(ne,{className:"event-trigger-item-schema schema-item-form",id:r+"-trigger-"+c.default,key:r+"-trigger-"+c.default,"data-indexRoute":o?o+"-1":"1","data-jsonKey":"trigger",disabled:!0,title:ae(t()({},e,{indexRoute:o?o+"-1":"1",jsonKey:"trigger",targetJsonSchema:u,parentType:l,nodeKey:r+"-trigger-"+c.default,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),"emit"===c.default&&p&&s().createElement(ne,{className:"event-eventData-item-schema schema-item-form",id:r+"-eventData-"+c.default,key:r+"-eventData-"+c.default,"data-jsonKey":"eventData",disabled:!0,title:ae(t()({},e,{indexRoute:o?o+"-2":"2",jsonKey:"eventData",targetJsonSchema:p,parentType:l,nodeKey:r+"-eventData-"+c.default,hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}))}(e);case"quantity":case"box-style":return function(e){var n,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema,l=i.type,c=i.propertyOrder[0],d=i.properties[c];return s().createElement(oe,{className:l+"-schema schema-item-form",id:r,key:r,"data-indexRoute":o,"data-jsonKey":a,title:re(t()({},e))},s().createElement(oe,{className:"quantity-unit-item-schema schema-item-form",id:r+"-"+c,key:r+"-"+c,"data-indexRoute":o?o+"-0":"0","data-jsonKey":c,disabled:!0,title:re(t()({},e,{indexRoute:o?o+"-0":"0",jsonKey:c,targetJsonSchema:d,parentType:l,nodeKey:r+"-"+c,hideOperaBtn:!0,showAdvanceBtn:!0,typeIsFixed:!0}))}),s().createElement(oe,{className:"quantity-typeSelect-item-schema schema-item-form",id:r+"-quantity",key:r+"-quantity","data-indexRoute":o?o+"-1":"1","data-jsonKey":"quantity",disabled:!0,title:(n=t()({},e,{indexRoute:o?o+"-1":"1",jsonKey:"quantity",targetJsonSchema:i.properties.quantity,parentType:l,nodeKey:r+"-quantity"}),s().createElement(Q,t()({},n)))}))}(e);case"radio":case"checkboxes":case"select":return function(e){var n,a=e.jsonKey,o=e.indexRoute,r=e.nodeKey,i=e.targetJsonSchema,l=i.type,c=i.options,d=o||"0";return s().createElement(ce,{className:l+"-schema schema-item-form",id:r,key:r,"data-indexRoute":o||"0","data-jsonKey":a,title:(n=t()({},e),s().createElement(W,t()({},n)))},c&&c.length>0&&c.map(function(e,t){var n=e.label||e.name,a=e.value,o=""+r+l+"-"+n;return s().createElement(ce,{className:"enum-item-schema schema-item-form",id:o,key:o,"data-indexRoute":d,disabled:!0,title:de({indexRoute:d,optionIndex:t,optionLabel:n,optionValue:a,optionNodeKey:o})})}))}(e);case"api":return function(e){var n=e.jsonKey,a=e.indexRoute,o=e.nodeKey,r=e.targetJsonSchema,i=r.type,l=r.properties.url||{},c=r.properties.method||{},d=r.properties.headers||{},m=r.properties.data||{};return s().createElement(pe,{className:i+"-schema schema-item-form",id:o,key:o,"data-indexRoute":a,"data-jsonKey":n,title:s().createElement(W,t()({},e))},s().createElement(pe,{className:"api-url-item-schema schema-item-form",id:o+"-url",key:o+"-url","data-indexRoute":a?a+"-0":"0","data-jsonKey":"url",title:s().createElement(W,t()({},e,{indexRoute:a?a+"-0":"0",jsonKey:"url",targetJsonSchema:l,parentType:i,nodeKey:o+"-url",hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),s().createElement(pe,{className:"api-method-item-schema schema-item-form",id:o+"-method",key:o+"-method","data-indexRoute":a?a+"-1":"1",title:s().createElement(W,t()({},e,{indexRoute:a?a+"-1":"1",jsonKey:"method",targetJsonSchema:c,parentType:i,nodeKey:o+"-method",hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),s().createElement(pe,{className:"api-headers-item-schema schema-item-form",id:o+"-headers",key:o+"-headers","data-indexRoute":a?a+"-2":"2","data-jsonKey":"headers",title:s().createElement(W,t()({},e,{indexRoute:a?a+"-2":"2",jsonKey:"headers",targetJsonSchema:d,parentType:i,nodeKey:o+"-headers",hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}),s().createElement(pe,{className:"api-data-item-schema schema-item-form",id:o+"-data",key:o+"-data","data-indexRoute":a?a+"-3":"3","data-jsonKey":"data",title:s().createElement(W,t()({},e,{indexRoute:a?a+"-3":"3",jsonKey:"data",targetJsonSchema:m,parentType:i,nodeKey:o+"-data",hideOperaBtn:!0,keyIsFixed:!0,typeIsFixed:!0}))}))}(e);default:return function(e){var t=e.jsonKey,n=e.indexRoute,a=e.nodeKey,o=e.targetJsonSchema.type;return s().createElement(me,{className:o+"-schema schema-item-form",id:a,key:a,"data-indexRoute":n,"data-jsonKey":t,title:ue(e)})}(e)}},ye=["propertyOrder","properties","parentIndexRoute","parentNodeKey","parentType","isOnlyShowChild"],fe=y.Tree.TreeNode,ge=function(e){return s().createElement(W,t()({},e))},ve=function(e){var n,a,o,r,i,l,c,d=e.jsonKey,m=e.indexRoute,u=e.nodeKey,p=e.targetJsonSchema,h=e.isOnlyShowChild,y=p.type,f=p.isFixed,g=(a=(n=t()({},e,{propertyOrder:p.propertyOrder,properties:p.properties,parentIndexRoute:m,parentNodeKey:u,parentType:y,isOnlyShowChild:h})).propertyOrder,o=n.properties,r=n.parentIndexRoute,i=n.parentNodeKey,l=n.parentType,n.isOnlyShowChild,c=T()(n,ye),a.map(function(e,n){var a=r?r+"-"+n:""+n,s=e,d=o[s],m=d.type,u=(i?i+"-":"")+m+"-"+s;return he(t()({},c,{parentType:l,jsonKey:s,indexRoute:a,key:u,nodeKey:u,targetJsonSchema:d}))})),v=s().createElement(fe,{className:y+"-schema schema-item-form",id:u,key:u,"data-indexRoute":m,"data-jsonKey":d,disabled:f,title:ge(t()({},e))},g);return h?g:v},xe=(n(23),function(e){function n(t){var n;(n=e.call(this,t)||this).onDragStart=function(e){var t=(n.props.schemaStore||{}).getSchemaByIndexRoute,a=e.node;t(a.indexRoute||a["data-indexRoute"]).isFixed&&y.message.warning("当前元素不支持拖拽哦。")},n.onDrop=function(e){var t=e.dragNode,a=e.node,o=n.props.schemaStore||{},r=o.getSchemaByIndexRoute,i=o.indexRoute2keyRoute,s=o.insertJsonData,l=o.deleteJsonByIndex,c=o.isExitJsonKey,d=o.isSupportCurType,m=t.indexRoute||t["data-indexRoute"],u=t.jsonKey||t["data-jsonKey"],p=r(m);if(!p.isFixed){var h=a.indexRoute||a["data-indexRoute"],f=(0,g.isSameParent)(m,h),v=(0,g.getCurPosition)(m,h);if(f)l(m,!0),"before"===v&&(h=(0,g.moveForward)(h)),a.dragOverGapTop?s(h,u,p,"before"):(a.dragOver||a.dragOverGapBottom)&&s(h,u,p);else{if(c(h,u))return void y.message.warning("目标位置中有重名的元素");var x=p.type;if(!d(h,x))return void y.message.warning("目标位置不支持"+x+"类型元素");var S=i(m),b=(0,g.getParentIndexRoute)(h),C=function(e){if(window.sessionStorage)return window.sessionStorage.getItem(e)}(S+"-"+x);E(i(b)+"-"+u+"-"+x,C||S),a.dragOverGapTop?"after"===v?(l(m,!0),s(h,u,p,"before")):(s(h,u,p,"before",!0),l(m)):(a.dragOver||a.dragOverGapBottom)&&("after"===v?(l(m,!0),s(h,u,p)):(s(h,u,p,"",!0),l(m)))}}},n.catchExpandedKeys=function(e){var t=[];return e&&e.propertyOrder&&e.properties&&e.propertyOrder.map(function(n,a){var o=n,r=e.properties[o].type+"-"+o;t.push(r)}),t};var a=n.props.schemaStore||{},o=a.initJSONSchemaData,r=a.initOnChange,i=a.initSchemaTypeList;return t.data&&o(t.data),t.onChange&&r(t.onChange),t.typeList&&i(t.typeList),n}r()(n,e);var a=n.prototype;return a.componentWillReceiveProps=function(e){var t=this.props.schemaStore||{},n=t.initJSONSchemaData,a=t.initOnChange,o=t.initSchemaTypeList;x(e.data,this.props.data)||n(e.data),x(e.onChange,this.props.onChange)||a(e.onChange),x(e.typeList,this.props.typeList)||o(e.typeList)},a.render=function(){var e=this.props,n=e.jsonView,a=e.jsonViewReadOnly,o=this.props.schemaStore||{},r=o.jsonSchema,s=o.schemaChange,l=(0,g.isEmptySchema)(r),c=r.type;return i.createElement("div",{className:"json-schema-container"},!l&&!n&&i.createElement(i.Fragment,null,i.createElement(y.Tree,{draggable:!0,selectable:!1,onDragStart:this.onDragStart,onDrop:this.onDrop,defaultExpandedKeys:"object"!==c||l?[]:this.catchExpandedKeys(r)},"object"===c&&ve(t()({},this.props,{parentType:"",jsonKey:"",indexRoute:"",nodeKey:"",targetJsonSchema:r,isOnlyShowChild:!0})),"object"!==c&&he(t()({},this.props,{parentType:"",jsonKey:"",indexRoute:"",nodeKey:"first-schema",targetJsonSchema:r,key:"schema",isFirstSchema:!0})))),!l&&n&&i.createElement(L,{jsonData:r,readOnly:null==a||a,maxLines:25,onChange:s}),l&&i.createElement("p",{className:"json-schema-empty"},"当前jsonSchema没有数据内容"))},n}(i.PureComponent)),Ee=(0,d.inject)(function(e){return{schemaStore:e.schemaStore}})((0,d.observer)(xe)),Se=function(e){function n(t){var n;return(n=e.call(this,t)||this).state={schemaStore:new K.schemaStore},n}return r()(n,e),n.prototype.render=function(){var e=this.props.element,n=this.state.schemaStore,a=i.createElement(d.Provider,{schemaStore:n},i.createElement(Ee,t()({},this.props)));return e?(c().render(a,e),null):a},n}(i.PureComponent)}(),a}()});