@wibetter/json-schema-editor 5.0.22 → 5.1.0

package/lib/index.css

@@ -1,7 +1,7 @@
 /*!
- * @wibetter/json-schema-editor v5.0.21
+ * @wibetter/json-schema-editor v5.1.0
  * author: wibetter
  * build tool: AKFun
- * build time: Tue Dec 31 2024 17:31:40 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 09 2025 11:08:23 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */.advance-config-model{padding:8px 10px;position:relative;text-align:center}.advance-config-model .mobile-screen-element-warp,.advance-config-model .small-screen-element-warp{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:38px;margin-bottom:12px;min-width:280px;position:relative}.advance-config-model .mobile-screen-element-warp .element-title,.advance-config-model .small-screen-element-warp .element-title{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-right:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.advance-config-model .mobile-screen-element-warp .content-item,.advance-config-model .small-screen-element-warp .content-item{position:relative;text-align:left}.advance-config-model .mobile-screen-element-warp .content-item>.mobile-screen-element-warp,.advance-config-model .mobile-screen-element-warp .content-item>.small-screen-element-warp,.advance-config-model .small-screen-element-warp .content-item>.mobile-screen-element-warp,.advance-config-model .small-screen-element-warp .content-item>.small-screen-element-warp{min-width:230px}.advance-config-model .mobile-screen-element-warp .content-item .color-item-form,.advance-config-model .small-screen-element-warp .content-item .color-item-form{width:60px}.advance-config-model .mobile-screen-element-warp .content-item .add-rule-condition-btn,.advance-config-model .small-screen-element-warp .content-item .add-rule-condition-btn{margin:3px 0}.advance-config-model .wide-screen-element-warp{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;line-height:30px;margin-bottom:6px;min-width:350px;position:relative}.advance-config-model .wide-screen-element-warp .element-title{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 1 100px;-ms-flex:0 1 100px;flex:0 1 100px;margin-right:12px;max-width:100px;overflow:hidden;padding-left:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.advance-config-model .wide-screen-element-warp .content-item{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;text-align:left}.advance-config-model .wide-screen-element-warp .content-item .color-item-form{width:60px}.advance-config-model .wide-screen-element-warp .content-item .add-rule-condition-btn{margin:3px 0}.advance-config-model .code-area-item{max-width:600px;min-width:230px}.advance-config-model .hidden-rule-box{border-top:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px auto 0;padding:8px 15px;width:450px}.advance-config-model .hidden-rule-box .rule-title{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;line-height:30px}.advance-config-model .hidden-rule-box .rule-condition-box{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#f8f8f8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;line-height:30px;min-height:30px;padding:8px 10px;position:relative}.advance-config-model .hidden-rule-box .rule-condition-box .condition-title{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 70px;-ms-flex:0 0 70px;flex:0 0 70px;text-align:center}.advance-config-model .hidden-rule-box .rule-condition-box .condition-equal{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;text-align:center}.advance-config-model .hidden-rule-box .rule-condition-box .condition-prop,.advance-config-model .hidden-rule-box .rule-condition-box .condition-value{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 100px;-ms-flex:1 1 100px;flex:1 1 100px;text-align:left}.advance-config-model .hidden-rule-box .rule-condition-box .ant-select-single{max-width:145px}.advance-config-model .warning-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-ms-flex-align:center;background-color:#feeceb;color:red;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:12px;-webkit-justify-content:flex-start;justify-content:flex-start;padding:8px 0;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,1,.5,1);transition-timing-function:cubic-bezier(0,1,.5,1);width:100%}.advance-config-model .warning-box,.advance-config-model .warning-box .warning-img{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.advance-config-model .warning-box .warning-img{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;-webkit-flex:0 1 60px;-ms-flex:0 1 60px;flex:0 1 60px;-webkit-justify-content:center;justify-content:center}.advance-config-model .warning-box .warning-text{-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-flex:1 1 160px;-ms-flex:1 1 160px;flex:1 1 160px;-webkit-justify-content:flex-start;justify-content:flex-start;line-height:20px}.advance-config-model .form-item-box,.advance-config-model .warning-box .warning-text{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.advance-config-model .form-item-box{-webkit-box-pack:stretch;-moz-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;min-height:30px}.base-schema-box{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:35px;position:relative}.base-schema-box .warn-text{color:#ad4e00;width:100%}.base-schema-box .key-input-item{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;padding-right:8px}.base-schema-box .type-select-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 120px;-ms-flex:0 1 120px;flex:0 1 120px;padding-right:8px}.base-schema-box .title-input-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 200px;-ms-flex:0 1 200px;flex:0 1 200px}.base-schema-box .operate-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:0 1 110px;-ms-flex:0 1 110px;flex:0 1 110px;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:10px}.base-schema-box .operate-item .operate-btn{-webkit-box-flex:0;-moz-box-flex:0;color:#2395f1;cursor:pointer!important;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:8px;width:15px}.base-schema-box .operate-item .delete-operate{color:#ff561b}.base-schema-box .operate-item .drag-btn{color:#8a8a8a}.base-schema-box .operate-item .drag-btn:hover{color:#2395f1}.typeSelect-schema-box{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:35px;position:relative}.typeSelect-schema-box .key-input-item{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;padding-right:8px}.typeSelect-schema-box .key-input-item .ant-select{display:block}.typeSelect-schema-box .type-select-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 120px;-ms-flex:0 1 120px;flex:0 1 120px;padding-right:8px}.typeSelect-schema-box .title-input-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 200px;-ms-flex:0 1 200px;flex:0 1 200px}.typeSelect-schema-box .operate-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:0 1 110px;-ms-flex:0 1 110px;flex:0 1 110px;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:10px}.typeSelect-schema-box .operate-item .operate-btn{-webkit-box-flex:0;-moz-box-flex:0;color:#2395f1;cursor:pointer!important;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:8px;width:15px}.typeSelect-schema-box .operate-item .delete-operate{color:#ff561b}.typeSelect-schema-box .operate-item .drag-btn{background-image:url(//storage.jd.local/cdnnpm/jdw-web/img/drag-default.svg);background-size:contain;color:#8a8a8a;display:inline-block;height:18px;width:18px}.option-schema-box{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:35px;position:relative}.option-schema-box .key-input-item{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;padding-right:8px}.option-schema-box .type-select-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 120px;-ms-flex:0 1 120px;flex:0 1 120px;padding-right:8px}.option-schema-box .title-input-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 200px;-ms-flex:0 1 200px;flex:0 1 200px}.option-schema-box .operate-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:0 1 110px;-ms-flex:0 1 110px;flex:0 1 110px;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:10px}.option-schema-box .operate-item .operate-btn{-webkit-box-flex:0;-moz-box-flex:0;color:#2395f1;cursor:pointer!important;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:8px;width:15px}.option-schema-box .operate-item .delete-operate{color:#ff561b}.json-schema-container{padding:8px 10px;position:relative}.json-schema-container .schema-item-form{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:35px;position:relative}.json-schema-empty{height:50px;line-height:50px;position:relative}.ant-tree-list-holder-inner{-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.ant-tree-switcher{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.ant-tree-node-content-wrapper{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.ant-modal-close-x,.ant-tree .ant-tree-switcher{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}

package/lib/index.js

@@ -356,6 +356,7 @@
           xe = [
             'quantity',
             'box-style',
+            'padding-margin',
             'text-editor',
             'json',
             'codearea',
@@ -2228,44 +2229,45 @@
               o()(t, e),
               (t.prototype.render = function () {
                 var e,
-                  t = this,
-                  n = (this.props.schemaStore || {}).getSchemaByIndexRoute,
-                  a = this.props,
-                  o = a.parentType,
-                  i = a.indexRoute,
-                  s = a.jsonKey,
-                  c = a.nodeKey,
-                  l = a.targetJsonSchema,
-                  p = this.state.showAdvanceConfig,
-                  d = i ? (0, Oe.getParentIndexRoute)(i) : '',
-                  m = d ? n(d) : {},
-                  u = null == (e = m && m.isContainer) || e,
-                  h = l.isFixed || this.props.isFixed || !1,
-                  y =
-                    (this.props.readOnly || l.readOnly,
+                  t,
+                  n = this,
+                  a = (this.props.schemaStore || {}).getSchemaByIndexRoute,
+                  o = this.props,
+                  i = o.parentType,
+                  s = o.indexRoute,
+                  c = o.jsonKey,
+                  l = o.nodeKey,
+                  p = o.targetJsonSchema,
+                  d = this.state.showAdvanceConfig,
+                  m = s ? (0, Oe.getParentIndexRoute)(s) : '',
+                  u = m ? a(m) : {},
+                  h = null == (e = u && u.isContainer) || e,
+                  y = p.isFixed || this.props.isFixed || !1,
+                  g =
+                    (this.props.readOnly || p.readOnly,
                     void 0 !== this.props.keyIsFixed
                       ? this.props.keyIsFixed
-                      : !u || h),
-                  g =
+                      : !h || y),
+                  f =
                     void 0 !== this.props.typeIsFixed
                       ? this.props.typeIsFixed
-                      : h,
-                  f =
+                      : y,
+                  v =
                     void 0 !== this.props.titleIsFixed
                       ? this.props.titleIsFixed
-                      : h,
-                  v = this.props.hideOperaBtn || !u,
-                  x = !!v && this.props.showAdvanceBtn,
-                  b = this.getCurrentTypeList(o),
-                  E = l.type,
-                  O = (0, Oe.isContainerSchema)(l);
+                      : y,
+                  x = this.props.hideOperaBtn || !h,
+                  b = null == (t = this.props.showAdvanceBtn) || t,
+                  E = this.getCurrentTypeList(i),
+                  O = p.type,
+                  C = (0, Oe.isContainerSchema)(p);
                 return r.createElement(
                   r.Fragment,
                   null,
-                  l &&
+                  p &&
                     r.createElement(
                       'div',
-                      { className: 'base-schema-box', id: c },
+                      { className: 'base-schema-box', id: l },
                       r.createElement(
                         'div',
                         {
@@ -2274,8 +2276,8 @@
                           onDragStart: this.ignoreDragEvent,
                         },
                         r.createElement(S.Input, {
-                          defaultValue: s || 'key值不存在',
-                          disabled: y,
+                          defaultValue: c || 'key值不存在',
+                          disabled: g,
                           onPressEnter: this.handleJsonKeyChange,
                           onBlur: this.handleJsonKeyChange,
                         }),
@@ -2291,12 +2293,12 @@
                           S.Select,
                           {
                             showSearch: !0,
-                            defaultValue: E,
+                            defaultValue: O,
                             style: { width: 150 },
                             onChange: this.selectHandleChange,
-                            disabled: g,
+                            disabled: f,
                           },
-                          b.map(function (e) {
+                          E.map(function (e) {
                             return r.createElement(Je, { key: e, value: e }, e);
                           }),
                         ),
@@ -2309,17 +2311,17 @@
                           onDragStart: this.ignoreDragEvent,
                         },
                         r.createElement(S.Input, {
-                          defaultValue: l.title,
-                          disabled: f,
+                          defaultValue: p.title,
+                          disabled: v,
                           onPressEnter: this.handleTitleChange,
                           onBlur: this.handleTitleChange,
                         }),
                       ),
-                      !v &&
+                      !x &&
                         r.createElement(
                           'div',
                           { className: 'operate-item' },
-                          !h &&
+                          !y &&
                             r.createElement(
                               S.Tooltip,
                               { title: '删除' },
@@ -2330,13 +2332,13 @@
                             ),
                           r.createElement(
                             S.Tooltip,
-                            { title: O ? '新增子元素' : '新增同级元素' },
+                            { title: C ? '新增子元素' : '新增同级元素' },
                             r.createElement(we.PlusOutlined, {
                               className: 'operate-btn',
                               onClick: this.onAddBtnEvent,
                             }),
                           ),
-                          O &&
+                          C &&
                             r.createElement(
                               S.Tooltip,
                               { title: '数据项排序' },
@@ -2345,7 +2347,7 @@
                                 onClick: this.childElemSort,
                               }),
                             ),
-                          !h &&
+                          !y &&
                             r.createElement(
                               r.Fragment,
                               null,
@@ -2363,7 +2365,7 @@
                                 r.createElement(we.SettingOutlined, {
                                   className: 'operate-btn',
                                   onClick: function () {
-                                    t.setState({ showAdvanceConfig: !0 });
+                                    n.setState({ showAdvanceConfig: !0 });
                                   },
                                 }),
                               ),
@@ -2376,7 +2378,7 @@
                               ),
                             ),
                         ),
-                      x &&
+                      b &&
                         r.createElement(
                           'div',
                           { className: 'operate-item' },
@@ -2386,20 +2388,20 @@
                             r.createElement(we.SettingOutlined, {
                               className: 'operate-btn',
                               onClick: function () {
-                                t.setState({ showAdvanceConfig: !0 });
+                                n.setState({ showAdvanceConfig: !0 });
                               },
                             }),
                           ),
                         ),
-                      p &&
+                      d &&
                         r.createElement(
                           S.Modal,
                           {
                             visible: !0,
                             title:
-                              '高级设置 / 当前字段：' + l.title + '(' + s + ')',
+                              '高级设置 / 当前字段：' + p.title + '(' + c + ')',
                             onCancel: function () {
-                              t.setState({ showAdvanceConfig: !1 });
+                              n.setState({ showAdvanceConfig: !1 });
                             },
                             footer: [
                               r.createElement(
@@ -2408,7 +2410,7 @@
                                   key: 'submit',
                                   type: 'primary',
                                   onClick: function () {
-                                    t.setState({ showAdvanceConfig: !1 });
+                                    n.setState({ showAdvanceConfig: !1 });
                                   },
                                 },
                                 '保存并关闭',
@@ -2416,20 +2418,20 @@
                             ],
                           },
                           r.createElement(Te, {
-                            indexRoute: i,
-                            jsonKey: s,
-                            targetJsonSchema: l,
+                            indexRoute: s,
+                            jsonKey: c,
+                            targetJsonSchema: p,
                           }),
                         ),
                     ),
-                  !l &&
+                  !p &&
                     r.createElement(
                       'div',
                       { className: 'base-schema-box' },
                       r.createElement(
                         'div',
                         { className: 'warn-text' },
-                        s,
+                        c,
                         '：数据元素为空',
                       ),
                     ),
@@ -2835,6 +2837,7 @@
               case 'dynamic-config':
               case 'sohu-source':
               case 'sohu-event':
+              case 'padding-margin':
                 return st(e);
               case 'array':
                 return Le(e);

package/lib/index.js.LICENSE.txt

@@ -1,7 +1,7 @@
 /*!
- * @wibetter/json-schema-editor v5.0.21
+ * @wibetter/json-schema-editor v5.1.0
  * author: wibetter
  * build tool: AKFun
- * build time: Tue Dec 31 2024 17:31:40 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 09 2025 11:08:23 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wibetter/json-schema-editor",
-  "version": "5.0.22",
+  "version": "5.1.0",
   "description": "JSON数据可视化/JSONSchema，以表单的形式编辑 json schema，可用于在线设计组件的配置面板",
   "keywords": [
     "json",

package/sdk/index.css

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-schema-editor v5.0.21
+ * @wibetter/json-schema-editor v5.1.0
  * author: wibetter
  * build tool: AKFun
- * build time: Wed Jan 01 2025 17:18:28 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 09 2025 11:09:15 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\