@wibetter/json-editor 5.0.4 → 5.0.6

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.css CHANGED
@@ -1,7 +1,1434 @@
1
1
  /*!
2
- * @wibetter/json-editor v5.0.2
2
+ * @wibetter/json-editor v5.0.5
3
3
  * author: wibetter
4
4
  * build tool: AKFun
5
- * build time: Tue Dec 17 2024 16:03:49 GMT+0800 (中国标准时间)
5
+ * build time: Fri Dec 20 2024 23:28:02 GMT+0800 (中国标准时间)
6
6
  * build tool info: https://github.com/wibetter/akfun
7
- */.json-view-box{position:relative}.json-view-box .json-view-ace{width:100%}.json-view-box .readOnly-btn{color:#ad6800;position:absolute;right:8px;top:0;z-index:100}.array-schema-box{border:1px solid rgba(0,0,0,.1);border-radius:5px 5px 0 0;margin-bottom:12px}.array-schema-box>.element-title{background-color:#fff;border-radius:5px 5px 0 0;color:#232321;cursor:pointer;font-family:PingFangSC-Regular;font-size:14px;line-height:38px;padding-left:15px}.array-schema-box>.element-title .array-add-child-btn{display:inline-block;float:right;line-height:0;margin:12px 12px 0 0}.array-schema-box>.element-title .array-add-child-btn:hover{color:#1890ff}.array-schema-box .array-content{background-color:#fafafa;position:relative;-webkit-transition:.4s;transition:.4s}.array-schema-box .array-content>.array-item{border-bottom:1px solid #e5e7f0}.array-schema-box .array-content>.array-item .array-item-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f5f6fa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#232321;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-family:PingFangSC-Regular;font-size:14px;height:40px;-webkit-justify-content:space-between;justify-content:space-between;line-height:40px;padding:0 12px 0 15px;width:100%}.array-schema-box .array-content>.array-item .array-item-header .array-title-text{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.array-schema-box .array-content>.array-item .array-item-header .array-operate-box{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 120px;-ms-flex:0 0 120px;flex:0 0 120px;text-align:right;-webkit-transition:all .2s ease;transition:all .2s ease;visibility:hidden}.array-schema-box .array-content>.array-item .array-item-header .array-operate-box .array-operate-btn{cursor:pointer;float:right;height:16px;margin-left:8px}.array-schema-box .array-content>.array-item .array-item-header .array-operate-box .array-operate-btn:hover{color:#1890ff}.array-schema-box .array-content>.array-item .array-item-header .array-operate-box .close-operate-btn,.array-schema-box .array-content>.array-item .array-item-header:hover .array-operate-box{visibility:visible}.array-schema-box .array-content>.array-item .array-item-content{background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:12px 15px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.array-schema-box .array-content>.array-item .array-item-content.closed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:0;padding:0}.array-schema-box .array-content>.array-item .array-item-content.open{height:auto}.array-schema-box .array-content>.array-item:last-child{border-bottom:none}.array-schema-box .array-content.json-view-array{min-width:230px;padding:0;-webkit-transition:.4s;transition:.4s}.array-schema-box .array-content.closed{height:0;overflow:hidden;padding:0}.mobile-screen-view .array-title-text{max-width:160px}.object-schema-warp .object-content.json-view-array{min-width:230px;padding:0;-webkit-transition:.4s;transition:.4s}.object-schema-warp .object-content.closed{height:0;overflow:hidden;padding:0}.url-editor-box{display:inline-block;position:relative}.url-editor-box .filter-url-btn{position:absolute;right:-28px;top:9px;z-index:100}.url-editor-box .filter-url-btn svg{color:#595959;cursor:pointer;height:20px;width:20px}.url-editor-box .filter-url-btn svg:hover{color:#1890ff}.ace-editor-box{position:relative}.ace-editor-box .filter-btn{position:absolute;right:6px;top:6px;z-index:100}.ace-editor-box .filter-btn svg{color:#595959;cursor:pointer;height:20px;width:20px}.ace-editor-box .filter-btn svg:hover{color:#1890ff}.remote-dynamic-data-schema{position:relative;-webkit-transition:.4s;transition:.4s}.remote-dynamic-data-schema .data-route-select,.remote-dynamic-data-schema .dynamic-data-select{display:block;width:100%}.remote-dynamic-data-schema .warning-text{color:#fa8c16}.remote-dynamic-data-schema .filter-func-box{padding:0}.remote-dynamic-data-schema.json-view{padding:0;-webkit-transition:.4s;transition:.4s}.remote-dynamic-data-schema.closed{height:0;overflow:hidden;padding:0}.dynamic-data-schema{position:relative;-webkit-transition:.4s;transition:.4s}.dynamic-data-schema .dynamic-data-tab-radio-box{display:block;position:relative;text-align:center;z-index:10}.dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid #1890ff;border-radius:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:30px;line-height:30px;margin:0 auto!important;position:relative;top:15px}.dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio .tab-radio{-webkit-box-flex:1;-moz-box-flex:1;-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;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:1 1 120px;-ms-flex:1 1 120px;flex:1 1 120px;height:28px;-webkit-justify-content:center;justify-content:center;line-height:28px;padding:0 12px}.dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio .tab-radio-active{background-color:#1890ff;border-radius:18px;color:#fff}.dynamic-data-schema .dynamic-dat-tabPane{display:none;-webkit-transition:.4s;transition:.4s}.dynamic-data-schema .dynamic-dat-tabPane-active{display:block}.dynamic-data-schema .data-route-select,.dynamic-data-schema .dynamic-data-select{display:block;width:100%}.dynamic-data-schema .warning-text{color:#fa8c16}.dynamic-data-schema .json-form-box{border:1px solid #81d3f8;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px 15px 10px;position:relative}.dynamic-data-schema .json-form-box .filter-btn{position:absolute;right:35px;top:75px;z-index:100}.dynamic-data-schema .json-form-box .filter-btn svg{color:#595959;cursor:pointer;height:20px;width:20px}.dynamic-data-schema .json-form-box .filter-btn svg:hover{color:#1890ff}.dynamic-data-schema .filter-func-box{padding:0}.dynamic-data-schema.json-view{padding:0;-webkit-transition:.4s;transition:.4s}.dynamic-data-schema.closed{height:0;overflow:hidden;padding:0}.data-operate-btn{color:#8c8c8c;cursor:pointer}.data-operate-btn svg{height:20px;width:20px}.layout-box-style-container{background-color:#fff;border:1px solid #e5e7f0;border-radius:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:220px;margin:0 auto;position:relative;width:220px}.layout-box-style-container>.center-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;background-color:#f5f6fa;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:70px;-webkit-justify-content:center;justify-content:center;left:75px;position:absolute;top:75px;width:70px}.layout-box-style-container>.center-box>.lock-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTU4OC40NSA3MzkuNThjNi4xNSAwIDEyLjI1LS4xOCAxOC4zMS0uNTUtMi45MyAzLjMtNS45OSA2LjU0LTkuMTYgOS43MUw0ODQuNDMgODYxLjkyYy04OC40IDg4LjQtMjMxLjczIDg4LjQtMzIwLjEyIDAtODguNC04OC40LTg4LjQtMjMxLjcyIDAtMzIwLjEybDExMy4xOC0xMTMuMThjMy4xNy0zLjE2IDYuNC02LjIyIDkuNy05LjE2IDY5LjM4LTYxLjc2IDE2Ny42NC03My40NSAyNDcuOTUtMzUuMDkgMjIuNTggMTAuNzkgNDMuNzcgMjUuNTQgNjIuNDcgNDQuMjUgMTguNzIgMTguNzEgMzMuNDUgMzkuODggNDQuMjUgNjIuNDctMTMuNjUgMTMuNjgtMzIuNTUgMjIuMTQtNTMuNCAyMi4xNC03LjcgMC0xNS4xNC0xLjE1LTIyLjE0LTMuMy02LjEtOS45NS0xMy40NS0xOS4zNC0yMi4wNS0yNy45NWExNTIuMTQ4IDE1Mi4xNDggMCAwIDAtMjcuOTYtMjIuMDZjLTU4LjEyLTM1LjYyLTEzNS4xNC0yOC4yNy0xODUuNDYgMjIuMDZsLTMzLjk3IDMzLjk4LTc5LjIxIDc5LjJjLTU4LjkzIDU4LjkzLTU4LjkzIDE1NC40OCAwIDIxMy40MyA1OC45NCA1OC45MyAxNTQuNDkgNTguOTMgMjEzLjQyIDBsNzkuMi03OS4yMWMyNC45MiA2LjY1IDUxLjE0IDEwLjIgNzguMTYgMTAuMnptMjczLjI0LTU3NS4wNmMtODguNC04OC4zOS0yMzEuNzItODguMzktMzIwLjEyIDBMNDI4LjM5IDI3Ny43Yy0zLjE3IDMuMTctNi4yMiA2LjQtOS4xNiA5LjcxIDYuMDYtLjM3IDEyLjE2LS41NSAxOC4zMS0uNTUgMjcuMDMgMCA1My4yNCAzLjU2IDc4LjE3IDEwLjIybDc5LjItNzkuMmM1OC45NS01OC45NCAxNTQuNS01OC45NCAyMTMuNDMgMCA1OC45MyA1OC45MyA1OC45MyAxNTQuNDggMCAyMTMuNDJsLTc5LjIxIDc5LjItMzMuOTcgMzMuOThjLTUwLjMzIDUwLjMxLTEyNy4zNSA1Ny42Ni0xODUuNDcgMjIuMDUtOS45NS02LjEtMTkuMzMtMTMuNDUtMjcuOTUtMjIuMDVhMTUxLjY2NCAxNTEuNjY0IDAgMCAxLTIyLjA1LTI3Ljk2Yy03LTIuMTUtMTQuNDQtMy4zMS0yMi4xNC0zLjMxLTIwLjg2IDAtMzkuNzQgOC40Ni01My40IDIyLjE1IDEwLjc5IDIyLjU4IDI1LjU0IDQzLjc1IDQ0LjI1IDYyLjQ3IDE4LjcxIDE4LjcgMzkuODcgMzMuNDUgNjIuNDYgNDQuMjUgODAuMzIgMzguMzcgMTc4LjU4IDI2LjY3IDI0Ny45NS0zNS4wOSAzLjMyLTIuOTUgNi41NC01Ljk5IDkuNzEtOS4xNkw4NjEuNyA0ODQuNjVjODguNC04OC40MSA4OC40LTIzMS43Mi0uMDEtMzIwLjEzeiIgZmlsbD0iIzA0MDAwMCIvPjwvc3ZnPg==);background-size:contain;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;height:32px;width:32px}.layout-box-style-container>.center-box>.lock-icon.unlock{background-image:url(img/unlink.9059276.svg)}.layout-box-style-container .layout-input-number{border-width:0 0 1px;margin-left:6px;text-align:right;width:100px}.layout-box-style-container .layout-input-number .ant-input-number-handler-wrap{display:none}.layout-box-style-container .layout-item{height:40px;line-height:40px;margin:0;position:relative;width:50px}.layout-box-style-container .layout-item .ant-input-number-input{color:#bec2c6;font-family:PingFangSC-Regular;font-size:14px;height:40px;line-height:40px}.layout-box-style-container .px-quantity-box:after{color:#232321;content:"px";position:absolute;right:0;top:0}.layout-box-style-container .rem-quantity-box:after{color:#232321;content:"rem";position:absolute;right:0;top:0}.layout-box-style-container .em-quantity-box:after{color:#232321;content:"em";position:absolute;right:0;top:0}.layout-box-style-container .percent-quantity-box:after{color:#232321;content:"%";position:absolute;right:0;top:0}.layout-box-style-container>.layout-item-top{left:85px;position:absolute;top:15px}.layout-box-style-container>.layout-item-right{position:absolute;right:15px;top:85px}.layout-box-style-container>.layout-item-bottom{bottom:15px;left:85px;position:absolute}.layout-box-style-container>.layout-item-left{left:15px;position:absolute;top:85px}.text-editor-box{position:relative}.text-editor-box .element-title{cursor:pointer}.text-editor-box .element-title>.close-operate-btn{margin-right:0!important}.text-editor-box .content-item{border:1px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.text-editor-box .content-item .bf-container{width:100%}.text-editor-box .content-item .bf-container.fullscreen{height:auto!important}.text-editor-box .content-item .bf-container.fullscreen .bf-content{max-height:inherit}.text-editor-box .content-item .bf-controlbar .bf-font-size-dropdown,.text-editor-box .content-item .bf-controlbar .bf-letter-spacing-dropdown,.text-editor-box .content-item .bf-controlbar .headings-dropdown{min-width:65px}.text-editor-box .content-item .bf-controlbar .braft-color-picker input,.text-editor-box .content-item .bf-controlbar .braft-color-picker label{height:30px!important;padding:0!important;text-align:center!important}.text-editor-box .content-item .bf-content{font-size:16px;height:auto;max-height:300px;overflow:auto;padding-bottom:10px}.text-editor-box .content-item.closed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:46px;overflow:hidden;padding:0}.text-editor-box table{border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0}.text-editor-box table td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:5px 8px;-webkit-transition:background .3s;transition:background .3s}.text-editor-box .bf-content *{line-height:inherit}.input-number-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;background:#fff;border:1px solid #dcdfe6;border-radius:16px;-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-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:32px;-webkit-justify-content:flex-start;justify-content:flex-start;margin-right:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:141px}.input-number-wrap .number-cont{-webkit-box-flex:1;-moz-box-flex:1;border-left:1px solid #e6e9f2;border-right:1px solid #e6e9f2;-webkit-flex:1;-ms-flex:1;flex:1}.input-number-wrap .number-cont input{text-align:center}.input-number-wrap .number-btn{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#a1a6b3;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:0 0 36px;-ms-flex:0 0 36px;flex:0 0 36px;font-size:16px;height:32px;-webkit-justify-content:center;justify-content:center}.input-number-wrap .number-btn:hover{background-color:#1890ff;border:1px solid #e6e9f2;color:#fff}.input-number-wrap .plus{border-radius:0 16px 16px 0}.input-number-wrap .plus:hover{border-left:none}.input-number-wrap .minus{border-radius:16px 0 0 16px}.input-number-wrap .minus:hover{border-right:none}.form-item-box .ant-input-number-handler-wrap{display:none}.content-item>.form-item-box{position:relative}.content-item>.form-item-box .color-item-form{min-width:30px}.content-item>.form-item-box .color-btn-wrap{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:30px;-webkit-justify-content:space-between;justify-content:space-between;min-width:30px;padding:5px;-webkit-transition:.3s;transition:.3s}.content-item>.form-item-box .color-btn-wrap .color-btn{border:none;height:18px;outline:none;width:18px}.content-item>.form-item-box .color-btn-wrap .delete-bgColor-btn{display:none;margin-left:10px}.content-item>.form-item-box .color-btn-wrap .delete-bgColor-btn svg{height:18px}.content-item>.form-item-box .color-btn-wrap .delete-bgColor-btn:hover{color:red}.content-item>.form-item-box .color-btn-wrap:hover{width:70px}.content-item>.form-item-box .color-btn-wrap .delete-bgColor-btn:hover,.content-item>.form-item-box .color-btn-wrap:hover .delete-bgColor-btn{display:inline}.content-item>.form-item-box .color-btn-wrap .arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAHFJREFUGNON0OsKgCAMBeCl3dOHqF8RVFBR0eX9X6sjTAiR7MAHNseMERFpqCicEpQ51HBx4av5hMZ8RNDDDpmnOeW7AYQtSphggfjVbOozk+6kBFYYeZLgqRu/4k0OB3TQ8n8XoW2YTdxM088ou0I3DwMbBQ0tPc5LAAAAAElFTkSuQmCCDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tMTU1NzM5MTk3NjIzODQ1OTkxMDg1MjU2LS0NCg==) no-repeat;background-size:12px 8px;height:8px;margin-left:5px;width:12px}.content-item>.form-item-box .color-btn-wrap.selected{border-color:#2c63ff}.content-item>.form-item-box .color-btn-wrap.selected .arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAMJJREFUGNNjYMACdNP+6xqm/9dnIAaAFOok//+ok/L/s27Kf2P8irP/ywMVPgMqXALE84D4pW7mfyWsii2T/wsBFVwH4t3Gaf9ZHRr+s+gm/98GNOC2Ye5/UVTFhf85gRJHgfi8ddl/Xpi4Xsl/bqCm00Dxk0BDuMCCoav+MwNN3QCUuG+a9V8C3Wa9jP9iQA13gPJbQLYyABnNQE++0cv8r47Lb0DTlYHqXgE1tjLoZ/w3NEr5r0ko9AzS/6sCNegBAOeTXSExy4DrAAAAAElFTkSuQmCCDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tMzQ1MDA1MzYzMDU2NDk2Mjc5NjI2NDkyLS0NCg==) no-repeat;background-size:12px 8px}.content-item>.form-item-box .color-picker-container{left:-65px;position:absolute;top:40px;z-index:20}.content-item>.form-item-box .color-picker-container .color-sketch-picker{background-color:#fff;left:0;position:absolute;top:0;z-index:2000}.content-item>.form-item-box .color-picker-container .color-picker-bg{background-color:rgba(0,0,0,.35);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.select-box .ant-select-single{min-width:150px}.sohu-event-container .title-text{font-weight:700}.sohu-event-container .form-item-box{margin-bottom:8px}.sohu-event-container .ant-empty{margin:8px auto}.tabs-schema-box .ant-tabs-tab:nth-last-child(2){margin-right:0!important}.json-editor-container{padding:8px 10px;position:relative}.json-editor-container .mobile-screen-element-warp,.json-editor-container .small-screen-element-warp{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:38px;margin-bottom:12px;position:relative}.json-editor-container .mobile-screen-element-warp>.element-title,.json-editor-container .small-screen-element-warp>.element-title{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:38px;margin-right:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.json-editor-container .mobile-screen-element-warp>.content-item,.json-editor-container .small-screen-element-warp>.content-item{position:relative}.json-editor-container .mobile-screen-element-warp>.content-item>.form-item-box>.ant-picker,.json-editor-container .mobile-screen-element-warp>.content-item>.form-item-box>input,.json-editor-container .mobile-screen-element-warp>.content-item>.form-item-box>textarea,.json-editor-container .small-screen-element-warp>.content-item>.form-item-box>.ant-picker,.json-editor-container .small-screen-element-warp>.content-item>.form-item-box>input,.json-editor-container .small-screen-element-warp>.content-item>.form-item-box>textarea{border-radius:16px}.json-editor-container .mobile-screen-element-warp>.content-item>.form-item-box>.ant-input-group-wrapper input,.json-editor-container .small-screen-element-warp>.content-item>.form-item-box>.ant-input-group-wrapper input{border-radius:16px 0 0 16px}.json-editor-container .mobile-screen-element-warp>.content-item>.form-item-box>.ant-input-group-wrapper .ant-input-group-addon,.json-editor-container .small-screen-element-warp>.content-item>.form-item-box>.ant-input-group-wrapper .ant-input-group-addon{background-color:#1890ff;border-radius:0 16px 16px 0;color:#fff}.json-editor-container .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:38px;margin-bottom:12px;min-width:380px;position:relative}.json-editor-container .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 0 120px;-ms-flex:0 0 120px;flex:0 0 120px;line-height:38px;margin-right:12px;overflow:hidden;padding-left:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.json-editor-container .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}.json-editor-container .two-col-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;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.json-editor-container .two-col-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 0 85px;-ms-flex:0 0 85px;flex:0 0 85px;margin-right:7px;overflow:hidden;padding-left:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.json-editor-container .two-col-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}.json-editor-container .element-title-card-warp{display:block}.json-editor-container .element-title-card-warp>.element-title{background-color:#fafafa;border:1px solid rgba(0,0,0,.1);border-bottom:none;border-radius:5px 5px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding-left:12px;text-align:left}.json-editor-container .wide-screen-element-warp.container-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:38px;margin-bottom:12px;min-width:380px;position:relative}.json-editor-container .wide-screen-element-warp.container-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 0 120px;-ms-flex:0 0 120px;flex:0 0 120px;line-height:38px;margin-right:12px;overflow:hidden;padding-left:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.json-editor-container .wide-screen-element-warp.container-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}.json-editor-container .object-content{border:1px solid rgba(0,0,0,.1);display:block;height:auto;padding:8px 15px 20px;position:relative;-webkit-transition:.4s;transition:.4s}.json-editor-container .element-title{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%}.json-editor-container .element-title .warning-text{color:#fa8c16}.json-editor-container .element-title .add-operate-btn,.json-editor-container .element-title .close-operate-btn,.json-editor-container .element-title .display-source-btn{display:inline-block;float:right;line-height:0;margin:9px 12px 0 0}.json-editor-container .element-title .add-operate-btn:hover{color:#1890ff}.json-editor-container .element-title .display-source-btn{cursor:pointer}.json-editor-container .element-title .display-source-btn svg{color:#676767;width:20px}.json-editor-container .element-title .display-source-btn svg:hover{color:#1890ff}.json-editor-container .element-title .close-operate-btn{color:#8c8c8c}.json-editor-container .element-title .close-operate-btn svg{height:14px;margin-top:4px;width:14px}.json-editor-container .element-title .info-icon{cursor:pointer;margin-left:5px}.json-editor-container .element-title .info-icon.active{color:#1890ff}.json-editor-container .code-area-item{min-width:230px}.json-editor-container .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%}.json-editor-container .warning-box,.json-editor-container .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}.json-editor-container .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}.json-editor-container .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-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-flex:1 1 160px;-ms-flex:1 1 160px;flex:1 1 160px;-webkit-justify-content:flex-start;justify-content:flex-start}.json-editor-container .json-editor-empty{height:50px;line-height:50px;position:relative}.json-editor-container .ant-tabs{overflow:visible}.json-editor-container .ant-collapse-borderless{background-color:#fff;border:0}.json-editor-container .ant-collapse-content-active{border-top:1px solid #f0f0f0!important}.json-editor-container .ant-collapse-content{padding:10px 0 20px}.json-editor-container .form-item-box{-webkit-box-pack:stretch;-moz-box-pack:stretch;-ms-flex-pack:stretch;-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:stretch;justify-content:stretch;min-height:38px}.json-editor-container .ant-collapse-borderless>.ant-collapse-item:last-child{border-bottom:none}
7
+ */
8
+ /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
9
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/JsonView/index.scss ***!
10
+ \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
11
+ @charset "UTF-8";
12
+ /* 公共的自定义函数 */
13
+ /* 头部细线 */
14
+ /* 底部细线 */
15
+ /* 统一的内边距 */
16
+ /* 统一的左内边距 */
17
+ /* 统一的右内边距 */
18
+ /* 统一的底部边框样式 */
19
+ /* 统一的上边框样式 */
20
+ /* 统一的Item高度 */
21
+ /* 设置行高样式 */
22
+ /* 统一的Item样式 */
23
+ /* 统一的弹性盒子样式 */
24
+ /* 统一的Title样式 */
25
+ /* 统一的内容样式 */
26
+ /* 底部导航盒子样式 */
27
+ .json-view-box {
28
+ position: relative;
29
+ }
30
+ .json-view-box .json-view-ace {
31
+ width: 100%;
32
+ }
33
+ .json-view-box .readOnly-btn {
34
+ position: absolute;
35
+ top: 0;
36
+ right: 8px;
37
+ color: #ad6800;
38
+ z-index: 100;
39
+ }
40
+ /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
41
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/ArraySchema/index.scss ***!
42
+ \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
43
+ @charset "UTF-8";
44
+ /* 公共的自定义函数 */
45
+ /* 头部细线 */
46
+ /* 底部细线 */
47
+ /* 统一的内边距 */
48
+ /* 统一的左内边距 */
49
+ /* 统一的右内边距 */
50
+ /* 统一的底部边框样式 */
51
+ /* 统一的上边框样式 */
52
+ /* 统一的Item高度 */
53
+ /* 设置行高样式 */
54
+ /* 统一的Item样式 */
55
+ /* 统一的弹性盒子样式 */
56
+ /* 统一的Title样式 */
57
+ /* 统一的内容样式 */
58
+ /* 底部导航盒子样式 */
59
+ /* 数组类型元素样式 */
60
+ .array-schema-box {
61
+ border-radius: 5px 5px 0 0;
62
+ border: 1px solid rgba(0, 0, 0, 0.1);
63
+ margin-bottom: 12px;
64
+ /* 头部样式 */
65
+ /* 内容区域样式 */
66
+ }
67
+ .array-schema-box > .element-title {
68
+ line-height: 38px;
69
+ background-color: #fff;
70
+ padding-left: 15px;
71
+ font-family: PingFangSC-Regular;
72
+ font-size: 14px;
73
+ color: rgb(35, 35, 33);
74
+ border-radius: 5px 5px 0 0;
75
+ cursor: pointer;
76
+ /* 新增数组项 */
77
+ }
78
+ .array-schema-box > .element-title .array-add-child-btn {
79
+ float: right;
80
+ display: inline-block;
81
+ line-height: 0;
82
+ margin: 12px 12px 0 0;
83
+ }
84
+ .array-schema-box > .element-title .array-add-child-btn:hover {
85
+ color: #1890ff;
86
+ }
87
+ .array-schema-box .array-content {
88
+ background-color: #fafafa;
89
+ -webkit-transition: 0.4s;
90
+ transition: 0.4s;
91
+ position: relative;
92
+ /* 数组项 */
93
+ }
94
+ .array-schema-box .array-content > .array-item {
95
+ border-bottom: 1px solid rgb(229, 231, 240);
96
+ /* 数组项头部 */
97
+ /* 数组项内容区 */
98
+ }
99
+ .array-schema-box .array-content > .array-item .array-item-header {
100
+ width: 100%;
101
+ height: 40px;
102
+ line-height: 40px;
103
+ -webkit-box-sizing: border-box;
104
+ -moz-box-sizing: border-box;
105
+ box-sizing: border-box;
106
+ padding: 0 12px 0 15px;
107
+ font-family: PingFangSC-Regular;
108
+ font-size: 14px;
109
+ color: rgb(35, 35, 33);
110
+ background: rgb(245, 246, 250);
111
+ display: -webkit-box;
112
+ display: -webkit-flex;
113
+ display: -moz-box;
114
+ display: -ms-flexbox;
115
+ display: flex;
116
+ -webkit-box-orient: horizontal;
117
+ -webkit-box-direction: normal;
118
+ -webkit-flex-direction: row;
119
+ -moz-box-orient: horizontal;
120
+ -moz-box-direction: normal;
121
+ -ms-flex-direction: row;
122
+ flex-direction: row;
123
+ -webkit-box-pack: justify;
124
+ -webkit-justify-content: space-between;
125
+ -moz-box-pack: justify;
126
+ -ms-flex-pack: justify;
127
+ justify-content: space-between;
128
+ -webkit-box-align: center;
129
+ -webkit-align-items: center;
130
+ -moz-box-align: center;
131
+ -ms-flex-align: center;
132
+ align-items: center;
133
+ /* hover时才展示操作按钮 */
134
+ }
135
+ .array-schema-box .array-content > .array-item .array-item-header .array-title-text {
136
+ -webkit-box-flex: 1;
137
+ -webkit-flex: 1 1 auto;
138
+ -moz-box-flex: 1;
139
+ -ms-flex: 1 1 auto;
140
+ flex: 1 1 auto;
141
+ text-align: left;
142
+ width: 100%;
143
+ overflow: hidden;
144
+ text-overflow: ellipsis;
145
+ white-space: nowrap;
146
+ }
147
+ .array-schema-box .array-content > .array-item .array-item-header .array-operate-box {
148
+ -webkit-box-flex: 0;
149
+ -webkit-flex: 0 0 120px;
150
+ -moz-box-flex: 0;
151
+ -ms-flex: 0 0 120px;
152
+ flex: 0 0 120px;
153
+ text-align: right;
154
+ visibility: hidden;
155
+ -webkit-transition: all 200ms ease;
156
+ transition: all 200ms ease;
157
+ }
158
+ .array-schema-box .array-content > .array-item .array-item-header .array-operate-box .array-operate-btn {
159
+ float: right;
160
+ margin-left: 8px;
161
+ height: 16px;
162
+ cursor: pointer;
163
+ }
164
+ .array-schema-box .array-content > .array-item .array-item-header .array-operate-box .array-operate-btn:hover {
165
+ color: #1890ff;
166
+ }
167
+ .array-schema-box .array-content > .array-item .array-item-header .array-operate-box .close-operate-btn {
168
+ visibility: visible;
169
+ }
170
+ .array-schema-box .array-content > .array-item .array-item-header:hover .array-operate-box {
171
+ visibility: visible;
172
+ }
173
+ .array-schema-box .array-content > .array-item .array-item-content {
174
+ position: relative;
175
+ width: 100%;
176
+ padding: 12px 15px;
177
+ background-color: #fff;
178
+ -webkit-box-sizing: border-box;
179
+ -moz-box-sizing: border-box;
180
+ box-sizing: border-box;
181
+ overflow: hidden;
182
+ -webkit-transition: all 200ms ease;
183
+ transition: all 200ms ease;
184
+ }
185
+ .array-schema-box .array-content > .array-item .array-item-content.closed {
186
+ height: 0;
187
+ padding: 0;
188
+ -webkit-box-sizing: border-box;
189
+ -moz-box-sizing: border-box;
190
+ box-sizing: border-box;
191
+ }
192
+ .array-schema-box .array-content > .array-item .array-item-content.open {
193
+ height: auto;
194
+ }
195
+ .array-schema-box .array-content > .array-item:last-child {
196
+ border-bottom: none;
197
+ }
198
+ .array-schema-box .array-content.json-view-array {
199
+ padding: 0;
200
+ -webkit-transition: 0.4s;
201
+ transition: 0.4s;
202
+ min-width: 230px;
203
+ }
204
+ .array-schema-box .array-content.closed {
205
+ padding: 0;
206
+ height: 0;
207
+ overflow: hidden;
208
+ }
209
+
210
+ /* 小屏模式 */
211
+ .mobile-screen-view .array-title-text {
212
+ max-width: 160px;
213
+ }
214
+ /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
215
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/ObjectSchema/index.scss ***!
216
+ \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
217
+ @charset "UTF-8";
218
+ /* 公共的自定义函数 */
219
+ /* 头部细线 */
220
+ /* 底部细线 */
221
+ /* 统一的内边距 */
222
+ /* 统一的左内边距 */
223
+ /* 统一的右内边距 */
224
+ /* 统一的底部边框样式 */
225
+ /* 统一的上边框样式 */
226
+ /* 统一的Item高度 */
227
+ /* 设置行高样式 */
228
+ /* 统一的Item样式 */
229
+ /* 统一的弹性盒子样式 */
230
+ /* 统一的Title样式 */
231
+ /* 统一的内容样式 */
232
+ /* 底部导航盒子样式 */
233
+ .object-schema-warp .object-content.json-view-array {
234
+ padding: 0;
235
+ -webkit-transition: 0.4s;
236
+ transition: 0.4s;
237
+ min-width: 230px;
238
+ }
239
+ .object-schema-warp .object-content.closed {
240
+ padding: 0;
241
+ height: 0;
242
+ overflow: hidden;
243
+ }
244
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
245
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/DataSourceSchema/index.scss ***!
246
+ \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
247
+ @charset "UTF-8";
248
+ /* 公共的自定义函数 */
249
+ /* 头部细线 */
250
+ /* 底部细线 */
251
+ /* 统一的内边距 */
252
+ /* 统一的左内边距 */
253
+ /* 统一的右内边距 */
254
+ /* 统一的底部边框样式 */
255
+ /* 统一的上边框样式 */
256
+ /* 统一的Item高度 */
257
+ /* 设置行高样式 */
258
+ /* 统一的Item样式 */
259
+ /* 统一的弹性盒子样式 */
260
+ /* 统一的Title样式 */
261
+ /* 统一的内容样式 */
262
+ /* 底部导航盒子样式 */
263
+ .url-editor-box {
264
+ position: relative;
265
+ display: inline-block;
266
+ }
267
+ .url-editor-box .filter-url-btn {
268
+ position: absolute;
269
+ top: 9px;
270
+ right: -28px;
271
+ z-index: 100;
272
+ }
273
+ .url-editor-box .filter-url-btn svg {
274
+ cursor: pointer;
275
+ width: 20px;
276
+ height: 20px;
277
+ color: #595959;
278
+ }
279
+ .url-editor-box .filter-url-btn svg:hover {
280
+ color: #1890ff;
281
+ }
282
+
283
+ .ace-editor-box {
284
+ position: relative;
285
+ }
286
+ .ace-editor-box .filter-btn {
287
+ position: absolute;
288
+ top: 6px;
289
+ right: 6px;
290
+ z-index: 100;
291
+ }
292
+ .ace-editor-box .filter-btn svg {
293
+ cursor: pointer;
294
+ width: 20px;
295
+ height: 20px;
296
+ color: #595959;
297
+ }
298
+ .ace-editor-box .filter-btn svg:hover {
299
+ color: #1890ff;
300
+ }
301
+ /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
302
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/RemoteDynamicDataSchema/index.scss ***!
303
+ \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
304
+ @charset "UTF-8";
305
+ /* 公共的自定义函数 */
306
+ /* 头部细线 */
307
+ /* 底部细线 */
308
+ /* 统一的内边距 */
309
+ /* 统一的左内边距 */
310
+ /* 统一的右内边距 */
311
+ /* 统一的底部边框样式 */
312
+ /* 统一的上边框样式 */
313
+ /* 统一的Item高度 */
314
+ /* 设置行高样式 */
315
+ /* 统一的Item样式 */
316
+ /* 统一的弹性盒子样式 */
317
+ /* 统一的Title样式 */
318
+ /* 统一的内容样式 */
319
+ /* 底部导航盒子样式 */
320
+ .remote-dynamic-data-schema {
321
+ -webkit-transition: 0.4s;
322
+ transition: 0.4s;
323
+ position: relative;
324
+ }
325
+ .remote-dynamic-data-schema .dynamic-data-select,
326
+ .remote-dynamic-data-schema .data-route-select {
327
+ display: block;
328
+ width: 100%;
329
+ }
330
+ .remote-dynamic-data-schema .warning-text {
331
+ color: #fa8c16;
332
+ }
333
+ .remote-dynamic-data-schema .filter-func-box {
334
+ padding: 0;
335
+ }
336
+
337
+ .remote-dynamic-data-schema.json-view {
338
+ padding: 0;
339
+ -webkit-transition: 0.4s;
340
+ transition: 0.4s;
341
+ }
342
+
343
+ .remote-dynamic-data-schema.closed {
344
+ padding: 0;
345
+ height: 0;
346
+ overflow: hidden;
347
+ }
348
+ /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
349
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/DynamicDataSchema/index.scss ***!
350
+ \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
351
+ @charset "UTF-8";
352
+ /* 公共的自定义函数 */
353
+ /* 头部细线 */
354
+ /* 底部细线 */
355
+ /* 统一的内边距 */
356
+ /* 统一的左内边距 */
357
+ /* 统一的右内边距 */
358
+ /* 统一的底部边框样式 */
359
+ /* 统一的上边框样式 */
360
+ /* 统一的Item高度 */
361
+ /* 设置行高样式 */
362
+ /* 统一的Item样式 */
363
+ /* 统一的弹性盒子样式 */
364
+ /* 统一的Title样式 */
365
+ /* 统一的内容样式 */
366
+ /* 底部导航盒子样式 */
367
+ .dynamic-data-schema {
368
+ -webkit-transition: 0.4s;
369
+ transition: 0.4s;
370
+ position: relative;
371
+ }
372
+ .dynamic-data-schema .dynamic-data-tab-radio-box {
373
+ position: relative;
374
+ display: block;
375
+ text-align: center;
376
+ z-index: 10;
377
+ }
378
+ .dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio {
379
+ margin: 0 auto !important;
380
+ position: relative;
381
+ display: -webkit-inline-box;
382
+ display: -webkit-inline-flex;
383
+ display: -moz-inline-box;
384
+ display: -ms-inline-flexbox;
385
+ display: inline-flex;
386
+ top: 15px;
387
+ height: 30px;
388
+ line-height: 30px;
389
+ -webkit-box-sizing: border-box;
390
+ -moz-box-sizing: border-box;
391
+ box-sizing: border-box;
392
+ border: 1px solid rgb(24, 144, 255);
393
+ border-radius: 18px;
394
+ -webkit-box-align: center;
395
+ -webkit-align-items: center;
396
+ -moz-box-align: center;
397
+ -ms-flex-align: center;
398
+ align-items: center;
399
+ background-color: #fff;
400
+ }
401
+ .dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio .tab-radio {
402
+ -webkit-box-flex: 1;
403
+ -webkit-flex: 1 1 120px;
404
+ -moz-box-flex: 1;
405
+ -ms-flex: 1 1 120px;
406
+ flex: 1 1 120px;
407
+ padding: 0 12px;
408
+ height: 28px;
409
+ line-height: 28px;
410
+ display: -webkit-box;
411
+ display: -webkit-flex;
412
+ display: -moz-box;
413
+ display: -ms-flexbox;
414
+ display: flex;
415
+ -webkit-box-pack: center;
416
+ -webkit-justify-content: center;
417
+ -moz-box-pack: center;
418
+ -ms-flex-pack: center;
419
+ justify-content: center;
420
+ -webkit-box-align: center;
421
+ -webkit-align-items: center;
422
+ -moz-box-align: center;
423
+ -ms-flex-align: center;
424
+ align-items: center;
425
+ cursor: pointer;
426
+ }
427
+ .dynamic-data-schema .dynamic-data-tab-radio-box .dynamic-data-tab-radio .tab-radio-active {
428
+ color: #fff;
429
+ border-radius: 18px;
430
+ background-color: rgb(24, 144, 255);
431
+ }
432
+ .dynamic-data-schema .dynamic-dat-tabPane {
433
+ display: none;
434
+ -webkit-transition: 0.4s;
435
+ transition: 0.4s;
436
+ }
437
+ .dynamic-data-schema .dynamic-dat-tabPane-active {
438
+ display: block;
439
+ }
440
+ .dynamic-data-schema .dynamic-data-select,
441
+ .dynamic-data-schema .data-route-select {
442
+ display: block;
443
+ width: 100%;
444
+ }
445
+ .dynamic-data-schema .warning-text {
446
+ color: #fa8c16;
447
+ }
448
+ .dynamic-data-schema .json-form-box {
449
+ position: relative;
450
+ padding: 25px 15px 10px 15px;
451
+ border: 1px solid rgb(129, 211, 248);
452
+ -webkit-box-sizing: border-box;
453
+ -moz-box-sizing: border-box;
454
+ box-sizing: border-box;
455
+ border-radius: 15px;
456
+ }
457
+ .dynamic-data-schema .json-form-box .filter-btn {
458
+ position: absolute;
459
+ top: 75px;
460
+ right: 35px;
461
+ z-index: 100;
462
+ }
463
+ .dynamic-data-schema .json-form-box .filter-btn svg {
464
+ cursor: pointer;
465
+ width: 20px;
466
+ height: 20px;
467
+ color: #595959;
468
+ }
469
+ .dynamic-data-schema .json-form-box .filter-btn svg:hover {
470
+ color: #1890ff;
471
+ }
472
+ .dynamic-data-schema .filter-func-box {
473
+ padding: 0;
474
+ }
475
+
476
+ .dynamic-data-schema.json-view {
477
+ padding: 0;
478
+ -webkit-transition: 0.4s;
479
+ transition: 0.4s;
480
+ }
481
+
482
+ .dynamic-data-schema.closed {
483
+ padding: 0;
484
+ height: 0;
485
+ overflow: hidden;
486
+ }
487
+
488
+ .data-operate-btn {
489
+ cursor: pointer;
490
+ color: #8c8c8c;
491
+ }
492
+ .data-operate-btn svg {
493
+ width: 20px;
494
+ height: 20px;
495
+ }
496
+ /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
497
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/BoxStyleSchema/index.scss ***!
498
+ \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
499
+ @charset "UTF-8";
500
+ /* 公共的自定义函数 */
501
+ /* 头部细线 */
502
+ /* 底部细线 */
503
+ /* 统一的内边距 */
504
+ /* 统一的左内边距 */
505
+ /* 统一的右内边距 */
506
+ /* 统一的底部边框样式 */
507
+ /* 统一的上边框样式 */
508
+ /* 统一的Item高度 */
509
+ /* 设置行高样式 */
510
+ /* 统一的Item样式 */
511
+ /* 统一的弹性盒子样式 */
512
+ /* 统一的Title样式 */
513
+ /* 统一的内容样式 */
514
+ /* 底部导航盒子样式 */
515
+ /* 容器元素样式 */
516
+ /* 盒子模型-margin和padding的设置相关样式 */
517
+ .layout-box-style-container {
518
+ position: relative;
519
+ width: 220px;
520
+ height: 220px;
521
+ margin: 0 auto;
522
+ -webkit-box-sizing: content-box;
523
+ -moz-box-sizing: content-box;
524
+ box-sizing: content-box;
525
+ background-color: #fff;
526
+ border: 1px solid rgb(229, 231, 240);
527
+ border-radius: 10px;
528
+ }
529
+ .layout-box-style-container > .center-box {
530
+ position: absolute;
531
+ top: 75px;
532
+ left: 75px;
533
+ width: 70px;
534
+ height: 70px;
535
+ background-color: #f5f6fa;
536
+ border-radius: 4px;
537
+ display: -webkit-box;
538
+ display: -webkit-flex;
539
+ display: -moz-box;
540
+ display: -ms-flexbox;
541
+ display: flex;
542
+ -webkit-box-pack: center;
543
+ -webkit-justify-content: center;
544
+ -moz-box-pack: center;
545
+ -ms-flex-pack: center;
546
+ justify-content: center;
547
+ -webkit-box-align: center;
548
+ -webkit-align-items: center;
549
+ -moz-box-align: center;
550
+ -ms-flex-align: center;
551
+ align-items: center;
552
+ }
553
+ .layout-box-style-container > .center-box > .lock-icon {
554
+ width: 32px;
555
+ height: 32px;
556
+ -webkit-box-shadow: none;
557
+ box-shadow: none;
558
+ cursor: pointer;
559
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjE5NDE2MTk3MDI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY0NDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTg4LjQ1IDczOS41OGM2LjE1IDAgMTIuMjUtMC4xOCAxOC4zMS0wLjU1LTIuOTMgMy4zLTUuOTkgNi41NC05LjE2IDkuNzFMNDg0LjQzIDg2MS45MmMtODguNCA4OC40LTIzMS43MyA4OC40LTMyMC4xMiAwLTg4LjQtODguNC04OC40LTIzMS43MiAwLTMyMC4xMmwxMTMuMTgtMTEzLjE4YzMuMTctMy4xNiA2LjQtNi4yMiA5LjctOS4xNiA2OS4zOC02MS43NiAxNjcuNjQtNzMuNDUgMjQ3Ljk1LTM1LjA5IDIyLjU4IDEwLjc5IDQzLjc3IDI1LjU0IDYyLjQ3IDQ0LjI1IDE4LjcyIDE4LjcxIDMzLjQ1IDM5Ljg4IDQ0LjI1IDYyLjQ3LTEzLjY1IDEzLjY4LTMyLjU1IDIyLjE0LTUzLjQgMjIuMTQtNy43IDAtMTUuMTQtMS4xNS0yMi4xNC0zLjMtNi4xLTkuOTUtMTMuNDUtMTkuMzQtMjIuMDUtMjcuOTVhMTUyLjE0OCAxNTIuMTQ4IDAgMCAwLTI3Ljk2LTIyLjA2Yy01OC4xMi0zNS42Mi0xMzUuMTQtMjguMjctMTg1LjQ2IDIyLjA2bC0zMy45NyAzMy45OC03OS4yMSA3OS4yYy01OC45MyA1OC45My01OC45MyAxNTQuNDggMCAyMTMuNDMgNTguOTQgNTguOTMgMTU0LjQ5IDU4LjkzIDIxMy40MiAwbDc5LjItNzkuMjFjMjQuOTIgNi42NSA1MS4xNCAxMC4yIDc4LjE2IDEwLjJ6IG0yNzMuMjQtNTc1LjA2Yy04OC40LTg4LjM5LTIzMS43Mi04OC4zOS0zMjAuMTIgMEw0MjguMzkgMjc3LjdjLTMuMTcgMy4xNy02LjIyIDYuNC05LjE2IDkuNzEgNi4wNi0wLjM3IDEyLjE2LTAuNTUgMTguMzEtMC41NSAyNy4wMyAwIDUzLjI0IDMuNTYgNzguMTcgMTAuMjJsNzkuMi03OS4yYzU4Ljk1LTU4Ljk0IDE1NC41LTU4Ljk0IDIxMy40MyAwIDU4LjkzIDU4LjkzIDU4LjkzIDE1NC40OCAwIDIxMy40MmwtNzkuMjEgNzkuMi0zMy45NyAzMy45OGMtNTAuMzMgNTAuMzEtMTI3LjM1IDU3LjY2LTE4NS40NyAyMi4wNS05Ljk1LTYuMS0xOS4zMy0xMy40NS0yNy45NS0yMi4wNWExNTEuNjY0IDE1MS42NjQgMCAwIDEtMjIuMDUtMjcuOTZjLTctMi4xNS0xNC40NC0zLjMxLTIyLjE0LTMuMzEtMjAuODYgMC0zOS43NCA4LjQ2LTUzLjQgMjIuMTUgMTAuNzkgMjIuNTggMjUuNTQgNDMuNzUgNDQuMjUgNjIuNDcgMTguNzEgMTguNyAzOS44NyAzMy40NSA2Mi40NiA0NC4yNSA4MC4zMiAzOC4zNyAxNzguNTggMjYuNjcgMjQ3Ljk1LTM1LjA5IDMuMzItMi45NSA2LjU0LTUuOTkgOS43MS05LjE2TDg2MS43IDQ4NC42NWM4OC40LTg4LjQxIDg4LjQtMjMxLjcyLTAuMDEtMzIwLjEzeiIgZmlsbD0iIzA0MDAwMCIgcC1pZD0iNjQ0OCI+PC9wYXRoPjwvc3ZnPg==);
560
+ background-size: contain;
561
+ }
562
+ .layout-box-style-container > .center-box > .lock-icon.unlock {
563
+ background-image: url(img/unlink.9059276.svg);
564
+ }
565
+ .layout-box-style-container .layout-input-number {
566
+ width: 100px;
567
+ margin-left: 6px;
568
+ text-align: right;
569
+ border-width: 0 0 1px 0;
570
+ }
571
+ .layout-box-style-container .layout-input-number .ant-input-number-handler-wrap {
572
+ display: none;
573
+ }
574
+ .layout-box-style-container .layout-item {
575
+ position: relative;
576
+ width: 50px;
577
+ height: 40px;
578
+ line-height: 40px;
579
+ margin: 0;
580
+ }
581
+ .layout-box-style-container .layout-item .ant-input-number-input {
582
+ line-height: 40px;
583
+ height: 40px;
584
+ font-family: PingFangSC-Regular;
585
+ font-size: 14px;
586
+ color: #bec2c6;
587
+ }
588
+ .layout-box-style-container .px-quantity-box:after {
589
+ position: absolute;
590
+ top: 0;
591
+ right: 0;
592
+ color: #232321;
593
+ content: "px";
594
+ }
595
+ .layout-box-style-container .rem-quantity-box:after {
596
+ position: absolute;
597
+ top: 0;
598
+ right: 0;
599
+ color: #232321;
600
+ content: "rem";
601
+ }
602
+ .layout-box-style-container .em-quantity-box:after {
603
+ position: absolute;
604
+ top: 0;
605
+ right: 0;
606
+ color: #232321;
607
+ content: "em";
608
+ }
609
+ .layout-box-style-container .percent-quantity-box:after {
610
+ position: absolute;
611
+ top: 0;
612
+ right: 0;
613
+ color: #232321;
614
+ content: "%";
615
+ }
616
+ .layout-box-style-container > .layout-item-top {
617
+ position: absolute;
618
+ top: 15px;
619
+ left: 85px;
620
+ }
621
+ .layout-box-style-container > .layout-item-right {
622
+ position: absolute;
623
+ right: 15px;
624
+ top: 85px;
625
+ }
626
+ .layout-box-style-container > .layout-item-bottom {
627
+ position: absolute;
628
+ bottom: 15px;
629
+ left: 85px;
630
+ }
631
+ .layout-box-style-container > .layout-item-left {
632
+ position: absolute;
633
+ left: 15px;
634
+ top: 85px;
635
+ }
636
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
637
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/TextEditorSchema/index.scss ***!
638
+ \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
639
+ @charset "UTF-8";
640
+ /* 公共的自定义函数 */
641
+ /* 头部细线 */
642
+ /* 底部细线 */
643
+ /* 统一的内边距 */
644
+ /* 统一的左内边距 */
645
+ /* 统一的右内边距 */
646
+ /* 统一的底部边框样式 */
647
+ /* 统一的上边框样式 */
648
+ /* 统一的Item高度 */
649
+ /* 设置行高样式 */
650
+ /* 统一的Item样式 */
651
+ /* 统一的弹性盒子样式 */
652
+ /* 统一的Title样式 */
653
+ /* 统一的内容样式 */
654
+ /* 底部导航盒子样式 */
655
+ .text-editor-box {
656
+ position: relative;
657
+ }
658
+ .text-editor-box .element-title {
659
+ cursor: pointer;
660
+ }
661
+ .text-editor-box .element-title > .close-operate-btn {
662
+ margin-right: 0 !important;
663
+ }
664
+ .text-editor-box .content-item {
665
+ -webkit-box-sizing: border-box;
666
+ -moz-box-sizing: border-box;
667
+ box-sizing: border-box;
668
+ border: 1px solid rgba(0, 0, 0, 0.1);
669
+ }
670
+ .text-editor-box .content-item .bf-container {
671
+ width: 100%;
672
+ }
673
+ .text-editor-box .content-item .bf-container.fullscreen {
674
+ height: auto !important;
675
+ }
676
+ .text-editor-box .content-item .bf-container.fullscreen .bf-content {
677
+ max-height: inherit;
678
+ }
679
+ .text-editor-box .content-item .bf-controlbar .bf-font-size-dropdown,
680
+ .text-editor-box .content-item .bf-controlbar .bf-letter-spacing-dropdown,
681
+ .text-editor-box .content-item .bf-controlbar .headings-dropdown {
682
+ min-width: 65px;
683
+ }
684
+ .text-editor-box .content-item .bf-controlbar .braft-color-picker input,
685
+ .text-editor-box .content-item .bf-controlbar .braft-color-picker label {
686
+ height: 30px !important;
687
+ padding: 0 !important;
688
+ text-align: center !important;
689
+ }
690
+ .text-editor-box .content-item .bf-content {
691
+ height: auto;
692
+ max-height: 300px;
693
+ padding-bottom: 10px;
694
+ overflow: auto;
695
+ font-size: 16px;
696
+ }
697
+ .text-editor-box .content-item.closed {
698
+ padding: 0;
699
+ height: 46px;
700
+ -webkit-box-sizing: border-box;
701
+ -moz-box-sizing: border-box;
702
+ box-sizing: border-box;
703
+ overflow: hidden;
704
+ }
705
+ .text-editor-box table {
706
+ border-top: 1px solid #f0f0f0;
707
+ border-left: 1px solid #f0f0f0;
708
+ }
709
+ .text-editor-box table td {
710
+ padding: 5px 8px;
711
+ border-right: 1px solid #f0f0f0;
712
+ border-bottom: 1px solid #f0f0f0;
713
+ -webkit-transition: background 0.3s;
714
+ transition: background 0.3s;
715
+ }
716
+ .text-editor-box .bf-content * {
717
+ line-height: inherit;
718
+ }
719
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
720
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/NumberFormSchema/index.scss ***!
721
+ \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
722
+ @charset "UTF-8";
723
+ /* 公共的自定义函数 */
724
+ /* 头部细线 */
725
+ /* 底部细线 */
726
+ /* 统一的内边距 */
727
+ /* 统一的左内边距 */
728
+ /* 统一的右内边距 */
729
+ /* 统一的底部边框样式 */
730
+ /* 统一的上边框样式 */
731
+ /* 统一的Item高度 */
732
+ /* 设置行高样式 */
733
+ /* 统一的Item样式 */
734
+ /* 统一的弹性盒子样式 */
735
+ /* 统一的Title样式 */
736
+ /* 统一的内容样式 */
737
+ /* 底部导航盒子样式 */
738
+ .input-number-wrap {
739
+ margin-right: 24px;
740
+ width: 141px;
741
+ height: 32px;
742
+ background: rgb(255, 255, 255);
743
+ border-radius: 16px;
744
+ -webkit-box-sizing: border-box;
745
+ -moz-box-sizing: border-box;
746
+ box-sizing: border-box;
747
+ border: 1px solid rgb(220, 223, 230);
748
+ -webkit-user-select: none;
749
+ -moz-user-select: none;
750
+ -ms-user-select: none;
751
+ user-select: none;
752
+ display: -webkit-box;
753
+ display: -webkit-flex;
754
+ display: -moz-box;
755
+ display: -ms-flexbox;
756
+ display: flex;
757
+ -webkit-box-orient: horizontal;
758
+ -webkit-box-direction: normal;
759
+ -webkit-flex-direction: row;
760
+ -moz-box-orient: horizontal;
761
+ -moz-box-direction: normal;
762
+ -ms-flex-direction: row;
763
+ flex-direction: row;
764
+ -webkit-box-align: center;
765
+ -webkit-align-items: center;
766
+ -moz-box-align: center;
767
+ -ms-flex-align: center;
768
+ align-items: center;
769
+ -webkit-box-pack: start;
770
+ -webkit-justify-content: flex-start;
771
+ -moz-box-pack: start;
772
+ -ms-flex-pack: start;
773
+ justify-content: flex-start;
774
+ }
775
+ .input-number-wrap .number-cont {
776
+ -webkit-box-flex: 1;
777
+ -webkit-flex: 1;
778
+ -moz-box-flex: 1;
779
+ -ms-flex: 1;
780
+ flex: 1;
781
+ border-left: 1px solid rgb(230, 233, 242);
782
+ border-right: 1px solid rgb(230, 233, 242);
783
+ }
784
+ .input-number-wrap .number-cont input {
785
+ text-align: center;
786
+ }
787
+ .input-number-wrap .number-btn {
788
+ -webkit-box-flex: 0;
789
+ -webkit-flex: 0 0 36px;
790
+ -moz-box-flex: 0;
791
+ -ms-flex: 0 0 36px;
792
+ flex: 0 0 36px;
793
+ height: 32px;
794
+ font-size: 16px;
795
+ color: #a1a6b3;
796
+ cursor: pointer;
797
+ -webkit-box-sizing: border-box;
798
+ -moz-box-sizing: border-box;
799
+ box-sizing: border-box;
800
+ display: -webkit-box;
801
+ display: -webkit-flex;
802
+ display: -moz-box;
803
+ display: -ms-flexbox;
804
+ display: flex;
805
+ -webkit-box-align: center;
806
+ -webkit-align-items: center;
807
+ -moz-box-align: center;
808
+ -ms-flex-align: center;
809
+ align-items: center;
810
+ -webkit-box-pack: center;
811
+ -webkit-justify-content: center;
812
+ -moz-box-pack: center;
813
+ -ms-flex-pack: center;
814
+ justify-content: center;
815
+ }
816
+ .input-number-wrap .number-btn:hover {
817
+ color: #fff;
818
+ background-color: rgb(24, 144, 255);
819
+ border: 1px solid rgb(230, 233, 242);
820
+ }
821
+ .input-number-wrap .plus {
822
+ border-radius: 0 16px 16px 0;
823
+ }
824
+ .input-number-wrap .plus:hover {
825
+ border-left: none;
826
+ }
827
+ .input-number-wrap .minus {
828
+ border-radius: 16px 0 0 16px;
829
+ }
830
+ .input-number-wrap .minus:hover {
831
+ border-right: none;
832
+ }
833
+
834
+ .form-item-box .ant-input-number-handler-wrap {
835
+ display: none;
836
+ }
837
+ /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
838
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/ColorFormSchemaV3/index.scss ***!
839
+ \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
840
+ @charset "UTF-8";
841
+ /* 公共的自定义函数 */
842
+ /* 头部细线 */
843
+ /* 底部细线 */
844
+ /* 统一的内边距 */
845
+ /* 统一的左内边距 */
846
+ /* 统一的右内边距 */
847
+ /* 统一的底部边框样式 */
848
+ /* 统一的上边框样式 */
849
+ /* 统一的Item高度 */
850
+ /* 设置行高样式 */
851
+ /* 统一的Item样式 */
852
+ /* 统一的弹性盒子样式 */
853
+ /* 统一的Title样式 */
854
+ /* 统一的内容样式 */
855
+ /* 底部导航盒子样式 */
856
+ .content-item > .form-item-box {
857
+ position: relative;
858
+ }
859
+ .content-item > .form-item-box .color-item-form {
860
+ min-width: 30px;
861
+ }
862
+ .content-item > .form-item-box .color-btn-wrap {
863
+ min-width: 30px;
864
+ height: 30px;
865
+ border: 1px solid rgba(0, 0, 0, 0.15);
866
+ padding: 5px;
867
+ cursor: pointer;
868
+ border-radius: 4px;
869
+ -webkit-box-sizing: border-box;
870
+ -moz-box-sizing: border-box;
871
+ box-sizing: border-box;
872
+ -webkit-transition: 0.3s;
873
+ transition: 0.3s;
874
+ display: -webkit-box;
875
+ display: -webkit-flex;
876
+ display: -moz-box;
877
+ display: -ms-flexbox;
878
+ display: flex;
879
+ -webkit-box-pack: justify;
880
+ -webkit-justify-content: space-between;
881
+ -moz-box-pack: justify;
882
+ -ms-flex-pack: justify;
883
+ justify-content: space-between;
884
+ -webkit-box-align: center;
885
+ -webkit-align-items: center;
886
+ -moz-box-align: center;
887
+ -ms-flex-align: center;
888
+ align-items: center;
889
+ }
890
+ .content-item > .form-item-box .color-btn-wrap .color-btn {
891
+ width: 18px;
892
+ height: 18px;
893
+ outline: none;
894
+ border: none;
895
+ }
896
+ .content-item > .form-item-box .color-btn-wrap .delete-bgColor-btn {
897
+ display: none;
898
+ margin-left: 10px;
899
+ }
900
+ .content-item > .form-item-box .color-btn-wrap .delete-bgColor-btn svg {
901
+ height: 18px;
902
+ }
903
+ .content-item > .form-item-box .color-btn-wrap .delete-bgColor-btn:hover {
904
+ color: red;
905
+ }
906
+ .content-item > .form-item-box .color-btn-wrap:hover {
907
+ width: 70px;
908
+ }
909
+ .content-item > .form-item-box .color-btn-wrap:hover .delete-bgColor-btn,
910
+ .content-item > .form-item-box .color-btn-wrap .delete-bgColor-btn:hover {
911
+ display: inline;
912
+ }
913
+ .content-item > .form-item-box .color-btn-wrap .arrow {
914
+ width: 12px;
915
+ height: 8px;
916
+ margin-left: 5px;
917
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAHFJREFUGNON0OsKgCAMBeCl3dOHqF8RVFBR0eX9X6sjTAiR7MAHNseMERFpqCicEpQ51HBx4av5hMZ8RNDDDpmnOeW7AYQtSphggfjVbOozk+6kBFYYeZLgqRu/4k0OB3TQ8n8XoW2YTdxM088ou0I3DwMbBQ0tPc5LAAAAAElFTkSuQmCCDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tMTU1NzM5MTk3NjIzODQ1OTkxMDg1MjU2LS0NCg==) no-repeat;
918
+ background-size: 12px 8px;
919
+ }
920
+ .content-item > .form-item-box .color-btn-wrap.selected {
921
+ border-color: rgb(44, 99, 255);
922
+ }
923
+ .content-item > .form-item-box .color-btn-wrap.selected .arrow {
924
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAMJJREFUGNNjYMACdNP+6xqm/9dnIAaAFOok//+ok/L/s27Kf2P8irP/ywMVPgMqXALE84D4pW7mfyWsii2T/wsBFVwH4t3Gaf9ZHRr+s+gm/98GNOC2Ye5/UVTFhf85gRJHgfi8ddl/Xpi4Xsl/bqCm00Dxk0BDuMCCoav+MwNN3QCUuG+a9V8C3Wa9jP9iQA13gPJbQLYyABnNQE++0cv8r47Lb0DTlYHqXgE1tjLoZ/w3NEr5r0ko9AzS/6sCNegBAOeTXSExy4DrAAAAAElFTkSuQmCCDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tMzQ1MDA1MzYzMDU2NDk2Mjc5NjI2NDkyLS0NCg==) no-repeat;
925
+ background-size: 12px 8px;
926
+ }
927
+ .content-item > .form-item-box .color-picker-container {
928
+ position: absolute;
929
+ top: 40px;
930
+ left: -65px;
931
+ z-index: 20;
932
+ }
933
+ .content-item > .form-item-box .color-picker-container .color-sketch-picker {
934
+ position: absolute;
935
+ top: 0;
936
+ left: 0;
937
+ z-index: 2000;
938
+ background-color: #fff;
939
+ }
940
+ .content-item > .form-item-box .color-picker-container .color-picker-bg {
941
+ position: fixed;
942
+ top: 0;
943
+ right: 0;
944
+ bottom: 0;
945
+ left: 0;
946
+ z-index: 1999;
947
+ background-color: rgba(0, 0, 0, 0.35);
948
+ }
949
+ /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
950
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/SelectSchema/index.scss ***!
951
+ \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
952
+ @charset "UTF-8";
953
+ /* 公共的自定义函数 */
954
+ /* 头部细线 */
955
+ /* 底部细线 */
956
+ /* 统一的内边距 */
957
+ /* 统一的左内边距 */
958
+ /* 统一的右内边距 */
959
+ /* 统一的底部边框样式 */
960
+ /* 统一的上边框样式 */
961
+ /* 统一的Item高度 */
962
+ /* 设置行高样式 */
963
+ /* 统一的Item样式 */
964
+ /* 统一的弹性盒子样式 */
965
+ /* 统一的Title样式 */
966
+ /* 统一的内容样式 */
967
+ /* 底部导航盒子样式 */
968
+ .select-box .ant-select-single {
969
+ min-width: 150px;
970
+ }
971
+ /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
972
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/SohuEventSchema/index.scss ***!
973
+ \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
974
+ @charset "UTF-8";
975
+ /* 公共的自定义函数 */
976
+ /* 头部细线 */
977
+ /* 底部细线 */
978
+ /* 统一的内边距 */
979
+ /* 统一的左内边距 */
980
+ /* 统一的右内边距 */
981
+ /* 统一的底部边框样式 */
982
+ /* 统一的上边框样式 */
983
+ /* 统一的Item高度 */
984
+ /* 设置行高样式 */
985
+ /* 统一的Item样式 */
986
+ /* 统一的弹性盒子样式 */
987
+ /* 统一的Title样式 */
988
+ /* 统一的内容样式 */
989
+ /* 底部导航盒子样式 */
990
+ .sohu-event-container .title-text {
991
+ font-weight: bold;
992
+ }
993
+ .sohu-event-container .form-item-box {
994
+ margin-bottom: 8px;
995
+ }
996
+ .sohu-event-container .ant-empty {
997
+ margin: 8px auto;
998
+ }
999
+ /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
1000
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/components/JSONDataEditor/index.scss ***!
1001
+ \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1002
+ @charset "UTF-8";
1003
+ /* 公共的自定义函数 */
1004
+ /* 头部细线 */
1005
+ /* 底部细线 */
1006
+ /* 统一的内边距 */
1007
+ /* 统一的左内边距 */
1008
+ /* 统一的右内边距 */
1009
+ /* 统一的底部边框样式 */
1010
+ /* 统一的上边框样式 */
1011
+ /* 统一的Item高度 */
1012
+ /* 设置行高样式 */
1013
+ /* 统一的Item样式 */
1014
+ /* 统一的弹性盒子样式 */
1015
+ /* 统一的Title样式 */
1016
+ /* 统一的内容样式 */
1017
+ /* 底部导航盒子样式 */
1018
+ .tabs-schema-box .ant-tabs-tab:nth-last-child(2) {
1019
+ margin-right: 0 !important;
1020
+ }
1021
+ /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
1022
+ !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/main.scss ***!
1023
+ \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
1024
+ @charset "UTF-8";
1025
+ /* 公共的自定义函数 */
1026
+ /* 头部细线 */
1027
+ /* 底部细线 */
1028
+ /* 统一的内边距 */
1029
+ /* 统一的左内边距 */
1030
+ /* 统一的右内边距 */
1031
+ /* 统一的底部边框样式 */
1032
+ /* 统一的上边框样式 */
1033
+ /* 统一的Item高度 */
1034
+ /* 设置行高样式 */
1035
+ /* 统一的Item样式 */
1036
+ /* 统一的弹性盒子样式 */
1037
+ /* 统一的Title样式 */
1038
+ /* 统一的内容样式 */
1039
+ /* 底部导航盒子样式 */
1040
+ .json-editor-container {
1041
+ position: relative;
1042
+ padding: 8px 10px;
1043
+ /* 移动端的展示样式:块级展示
1044
+ 呈现:screen-element-warp以块级元素模式展示,element-title 和 content-item 分别以上下行块级元素模式展示
1045
+ */
1046
+ /* 默认为宽屏的展示样式:行内展示
1047
+ 呈现:element-title 和 content-item 在同一行展示
1048
+ */
1049
+ /* 左右两栏布局,比较适合固定宽度的元素,
1050
+ 比如:boolean、date、date-time、time、number、color、quantity
1051
+ 呈现:element-title 和 content-item 在同一行展示
1052
+ */
1053
+ /*
1054
+ 特殊类型组件以块级模式进行展示(优先级比wide-screen-element-warp高)
1055
+ 灰底、圆角边框的element-title
1056
+ */
1057
+ /*
1058
+ 特殊类型组件在通栏模式下以通栏布局模式展示(优先级比element-title-card-warp高)
1059
+ 比如:image、textarea
1060
+ */
1061
+ }
1062
+ .json-editor-container .small-screen-element-warp,
1063
+ .json-editor-container .mobile-screen-element-warp {
1064
+ position: relative;
1065
+ margin-bottom: 12px;
1066
+ line-height: 38px;
1067
+ -webkit-box-sizing: border-box;
1068
+ -moz-box-sizing: border-box;
1069
+ box-sizing: border-box;
1070
+ }
1071
+ .json-editor-container .small-screen-element-warp > .element-title,
1072
+ .json-editor-container .mobile-screen-element-warp > .element-title {
1073
+ display: block;
1074
+ line-height: 38px;
1075
+ word-break: keep-all;
1076
+ margin-right: 12px;
1077
+ text-align: left;
1078
+ white-space: nowrap;
1079
+ overflow: hidden;
1080
+ text-overflow: ellipsis;
1081
+ -webkit-box-sizing: border-box;
1082
+ -moz-box-sizing: border-box;
1083
+ box-sizing: border-box;
1084
+ }
1085
+ .json-editor-container .small-screen-element-warp > .content-item,
1086
+ .json-editor-container .mobile-screen-element-warp > .content-item {
1087
+ position: relative;
1088
+ }
1089
+ .json-editor-container .small-screen-element-warp > .content-item > .form-item-box > input,
1090
+ .json-editor-container .small-screen-element-warp > .content-item > .form-item-box > textarea,
1091
+ .json-editor-container .small-screen-element-warp > .content-item > .form-item-box > .ant-picker,
1092
+ .json-editor-container .mobile-screen-element-warp > .content-item > .form-item-box > input,
1093
+ .json-editor-container .mobile-screen-element-warp > .content-item > .form-item-box > textarea,
1094
+ .json-editor-container .mobile-screen-element-warp > .content-item > .form-item-box > .ant-picker {
1095
+ border-radius: 16px;
1096
+ }
1097
+ .json-editor-container .small-screen-element-warp > .content-item > .form-item-box > .ant-input-group-wrapper input,
1098
+ .json-editor-container .mobile-screen-element-warp > .content-item > .form-item-box > .ant-input-group-wrapper input {
1099
+ border-radius: 16px 0 0 16px;
1100
+ }
1101
+ .json-editor-container .small-screen-element-warp > .content-item > .form-item-box > .ant-input-group-wrapper .ant-input-group-addon,
1102
+ .json-editor-container .mobile-screen-element-warp > .content-item > .form-item-box > .ant-input-group-wrapper .ant-input-group-addon {
1103
+ color: #fff;
1104
+ background-color: rgb(24, 144, 255);
1105
+ border-radius: 0 16px 16px 0;
1106
+ }
1107
+ .json-editor-container .wide-screen-element-warp {
1108
+ position: relative;
1109
+ line-height: 38px;
1110
+ -webkit-box-sizing: border-box;
1111
+ -moz-box-sizing: border-box;
1112
+ box-sizing: border-box;
1113
+ min-width: 380px;
1114
+ margin-bottom: 12px;
1115
+ display: -webkit-box;
1116
+ display: -webkit-flex;
1117
+ display: -moz-box;
1118
+ display: -ms-flexbox;
1119
+ display: flex;
1120
+ -webkit-box-pack: start;
1121
+ -webkit-justify-content: flex-start;
1122
+ -moz-box-pack: start;
1123
+ -ms-flex-pack: start;
1124
+ justify-content: flex-start;
1125
+ -webkit-box-align: start;
1126
+ -webkit-align-items: flex-start;
1127
+ -moz-box-align: start;
1128
+ -ms-flex-align: start;
1129
+ align-items: flex-start;
1130
+ }
1131
+ .json-editor-container .wide-screen-element-warp > .element-title {
1132
+ -webkit-box-flex: 0;
1133
+ -webkit-flex: 0 0 120px;
1134
+ -moz-box-flex: 0;
1135
+ -ms-flex: 0 0 120px;
1136
+ flex: 0 0 120px;
1137
+ line-height: 38px;
1138
+ word-break: keep-all;
1139
+ margin-right: 12px;
1140
+ padding-left: 12px;
1141
+ text-align: right;
1142
+ white-space: nowrap;
1143
+ overflow: hidden;
1144
+ text-overflow: ellipsis;
1145
+ -webkit-box-sizing: border-box;
1146
+ -moz-box-sizing: border-box;
1147
+ box-sizing: border-box;
1148
+ }
1149
+ .json-editor-container .wide-screen-element-warp > .content-item {
1150
+ -webkit-box-flex: 1;
1151
+ -webkit-flex: 1 1 200px;
1152
+ -moz-box-flex: 1;
1153
+ -ms-flex: 1 1 200px;
1154
+ flex: 1 1 200px;
1155
+ }
1156
+ .json-editor-container .two-col-element-warp {
1157
+ display: -webkit-box;
1158
+ display: -webkit-flex;
1159
+ display: -moz-box;
1160
+ display: -ms-flexbox;
1161
+ display: flex;
1162
+ -webkit-box-pack: start;
1163
+ -webkit-justify-content: flex-start;
1164
+ -moz-box-pack: start;
1165
+ -ms-flex-pack: start;
1166
+ justify-content: flex-start;
1167
+ -webkit-box-align: start;
1168
+ -webkit-align-items: flex-start;
1169
+ -moz-box-align: start;
1170
+ -ms-flex-align: start;
1171
+ align-items: flex-start;
1172
+ }
1173
+ .json-editor-container .two-col-element-warp > .element-title {
1174
+ -webkit-box-flex: 0;
1175
+ -webkit-flex: 0 0 85px;
1176
+ -moz-box-flex: 0;
1177
+ -ms-flex: 0 0 85px;
1178
+ flex: 0 0 85px;
1179
+ word-break: keep-all;
1180
+ margin-right: 7px;
1181
+ padding-left: 0;
1182
+ text-align: left;
1183
+ white-space: nowrap;
1184
+ overflow: hidden;
1185
+ text-overflow: ellipsis;
1186
+ -webkit-box-sizing: border-box;
1187
+ -moz-box-sizing: border-box;
1188
+ box-sizing: border-box;
1189
+ }
1190
+ .json-editor-container .two-col-element-warp > .content-item {
1191
+ -webkit-box-flex: 1;
1192
+ -webkit-flex: 1 1 200px;
1193
+ -moz-box-flex: 1;
1194
+ -ms-flex: 1 1 200px;
1195
+ flex: 1 1 200px;
1196
+ }
1197
+ .json-editor-container .element-title-card-warp {
1198
+ display: block;
1199
+ }
1200
+ .json-editor-container .element-title-card-warp > .element-title {
1201
+ padding-left: 12px;
1202
+ text-align: left;
1203
+ background-color: #fafafa;
1204
+ border-radius: 5px 5px 0 0;
1205
+ border: 1px solid rgba(0, 0, 0, 0.1);
1206
+ border-bottom: none;
1207
+ cursor: pointer;
1208
+ -webkit-box-sizing: border-box;
1209
+ -moz-box-sizing: border-box;
1210
+ box-sizing: border-box;
1211
+ }
1212
+ .json-editor-container .wide-screen-element-warp.container-warp {
1213
+ position: relative;
1214
+ line-height: 38px;
1215
+ -webkit-box-sizing: border-box;
1216
+ -moz-box-sizing: border-box;
1217
+ box-sizing: border-box;
1218
+ min-width: 380px;
1219
+ margin-bottom: 12px;
1220
+ display: -webkit-box;
1221
+ display: -webkit-flex;
1222
+ display: -moz-box;
1223
+ display: -ms-flexbox;
1224
+ display: flex;
1225
+ -webkit-box-pack: start;
1226
+ -webkit-justify-content: flex-start;
1227
+ -moz-box-pack: start;
1228
+ -ms-flex-pack: start;
1229
+ justify-content: flex-start;
1230
+ -webkit-box-align: start;
1231
+ -webkit-align-items: flex-start;
1232
+ -moz-box-align: start;
1233
+ -ms-flex-align: start;
1234
+ align-items: flex-start;
1235
+ }
1236
+ .json-editor-container .wide-screen-element-warp.container-warp > .element-title {
1237
+ -webkit-box-flex: 0;
1238
+ -webkit-flex: 0 0 120px;
1239
+ -moz-box-flex: 0;
1240
+ -ms-flex: 0 0 120px;
1241
+ flex: 0 0 120px;
1242
+ line-height: 38px;
1243
+ word-break: keep-all;
1244
+ margin-right: 12px;
1245
+ padding-left: 12px;
1246
+ text-align: right;
1247
+ white-space: nowrap;
1248
+ overflow: hidden;
1249
+ text-overflow: ellipsis;
1250
+ -webkit-box-sizing: border-box;
1251
+ -moz-box-sizing: border-box;
1252
+ box-sizing: border-box;
1253
+ }
1254
+ .json-editor-container .wide-screen-element-warp.container-warp > .content-item {
1255
+ -webkit-box-flex: 1;
1256
+ -webkit-flex: 1 1 200px;
1257
+ -moz-box-flex: 1;
1258
+ -ms-flex: 1 1 200px;
1259
+ flex: 1 1 200px;
1260
+ }
1261
+ .json-editor-container .object-content {
1262
+ display: block;
1263
+ position: relative;
1264
+ height: auto;
1265
+ -webkit-transition: 0.4s;
1266
+ transition: 0.4s;
1267
+ padding: 8px 15px 20px;
1268
+ border: 1px solid rgba(0, 0, 0, 0.1);
1269
+ }
1270
+ .json-editor-container .element-title {
1271
+ display: block;
1272
+ width: 100%;
1273
+ -webkit-box-sizing: border-box;
1274
+ -moz-box-sizing: border-box;
1275
+ box-sizing: border-box;
1276
+ }
1277
+ .json-editor-container .element-title .warning-text {
1278
+ color: #fa8c16;
1279
+ }
1280
+ .json-editor-container .element-title .add-operate-btn,
1281
+ .json-editor-container .element-title .display-source-btn,
1282
+ .json-editor-container .element-title .close-operate-btn {
1283
+ float: right;
1284
+ display: inline-block;
1285
+ line-height: 0;
1286
+ margin: 9px 12px 0 0;
1287
+ }
1288
+ .json-editor-container .element-title .add-operate-btn:hover {
1289
+ color: #1890ff;
1290
+ }
1291
+ .json-editor-container .element-title .display-source-btn {
1292
+ cursor: pointer;
1293
+ }
1294
+ .json-editor-container .element-title .display-source-btn svg {
1295
+ width: 20px;
1296
+ color: #676767;
1297
+ }
1298
+ .json-editor-container .element-title .display-source-btn svg:hover {
1299
+ color: #1890ff;
1300
+ }
1301
+ .json-editor-container .element-title .close-operate-btn {
1302
+ color: #8c8c8c;
1303
+ }
1304
+ .json-editor-container .element-title .close-operate-btn svg {
1305
+ margin-top: 4px;
1306
+ width: 14px;
1307
+ height: 14px;
1308
+ }
1309
+ .json-editor-container .element-title .info-icon {
1310
+ margin-left: 5px;
1311
+ cursor: pointer;
1312
+ }
1313
+ .json-editor-container .element-title .info-icon.active {
1314
+ color: #1890ff;
1315
+ }
1316
+ .json-editor-container .code-area-item {
1317
+ min-width: 230px;
1318
+ }
1319
+ .json-editor-container .warning-box {
1320
+ width: 100%;
1321
+ padding: 8px 0;
1322
+ color: red;
1323
+ font-size: 12px;
1324
+ background-color: rgb(254, 236, 235);
1325
+ -webkit-transition-duration: 0.2s;
1326
+ transition-duration: 0.2s;
1327
+ -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
1328
+ transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
1329
+ display: -webkit-box;
1330
+ display: -webkit-flex;
1331
+ display: -moz-box;
1332
+ display: -ms-flexbox;
1333
+ display: flex;
1334
+ -webkit-box-orient: horizontal;
1335
+ -webkit-box-direction: normal;
1336
+ -webkit-flex-direction: row;
1337
+ -moz-box-orient: horizontal;
1338
+ -moz-box-direction: normal;
1339
+ -ms-flex-direction: row;
1340
+ flex-direction: row;
1341
+ -webkit-box-pack: start;
1342
+ -webkit-justify-content: flex-start;
1343
+ -moz-box-pack: start;
1344
+ -ms-flex-pack: start;
1345
+ justify-content: flex-start;
1346
+ -webkit-box-align: center;
1347
+ -webkit-align-items: center;
1348
+ -moz-box-align: center;
1349
+ -ms-flex-align: center;
1350
+ align-items: center;
1351
+ }
1352
+ .json-editor-container .warning-box .warning-img {
1353
+ -webkit-box-flex: 0;
1354
+ -webkit-flex: 0 1 60px;
1355
+ -moz-box-flex: 0;
1356
+ -ms-flex: 0 1 60px;
1357
+ flex: 0 1 60px;
1358
+ display: -webkit-box;
1359
+ display: -webkit-flex;
1360
+ display: -moz-box;
1361
+ display: -ms-flexbox;
1362
+ display: flex;
1363
+ -webkit-box-pack: center;
1364
+ -webkit-justify-content: center;
1365
+ -moz-box-pack: center;
1366
+ -ms-flex-pack: center;
1367
+ justify-content: center;
1368
+ -webkit-box-align: center;
1369
+ -webkit-align-items: center;
1370
+ -moz-box-align: center;
1371
+ -ms-flex-align: center;
1372
+ align-items: center;
1373
+ }
1374
+ .json-editor-container .warning-box .warning-text {
1375
+ -webkit-box-flex: 1;
1376
+ -webkit-flex: 1 1 160px;
1377
+ -moz-box-flex: 1;
1378
+ -ms-flex: 1 1 160px;
1379
+ flex: 1 1 160px;
1380
+ display: -webkit-box;
1381
+ display: -webkit-flex;
1382
+ display: -moz-box;
1383
+ display: -ms-flexbox;
1384
+ display: flex;
1385
+ -webkit-box-pack: start;
1386
+ -webkit-justify-content: flex-start;
1387
+ -moz-box-pack: start;
1388
+ -ms-flex-pack: start;
1389
+ justify-content: flex-start;
1390
+ -webkit-box-align: center;
1391
+ -webkit-align-items: center;
1392
+ -moz-box-align: center;
1393
+ -ms-flex-align: center;
1394
+ align-items: center;
1395
+ }
1396
+ .json-editor-container .json-editor-empty {
1397
+ position: relative;
1398
+ height: 50px;
1399
+ line-height: 50px;
1400
+ }
1401
+ .json-editor-container .ant-tabs {
1402
+ overflow: visible;
1403
+ }
1404
+ .json-editor-container .ant-collapse-borderless {
1405
+ background-color: #fff;
1406
+ border: 0;
1407
+ }
1408
+ .json-editor-container .ant-collapse-content-active {
1409
+ border-top: 1px solid #f0f0f0 !important;
1410
+ }
1411
+ .json-editor-container .ant-collapse-content {
1412
+ padding: 10px 0 20px;
1413
+ }
1414
+ .json-editor-container .form-item-box {
1415
+ min-height: 38px;
1416
+ display: -webkit-box;
1417
+ display: -webkit-flex;
1418
+ display: -moz-box;
1419
+ display: -ms-flexbox;
1420
+ display: flex;
1421
+ -webkit-box-pack: stretch;
1422
+ -webkit-justify-content: stretch;
1423
+ -moz-box-pack: stretch;
1424
+ -ms-flex-pack: stretch;
1425
+ justify-content: stretch;
1426
+ -webkit-box-align: center;
1427
+ -webkit-align-items: center;
1428
+ -moz-box-align: center;
1429
+ -ms-flex-align: center;
1430
+ align-items: center;
1431
+ }
1432
+ .json-editor-container .ant-collapse-borderless > .ant-collapse-item:last-child {
1433
+ border-bottom: none;
1434
+ }