v3-json-canvas
Version:
UI Components built on Vue3, Generating HTML 5 pages through JSON
1 lines • 27.9 kB
Source Map (JSON)
{"version":3,"sources":["webpack://kui.[name]/active.css","webpack://kui.[name]/style.css","webpack://kui.[name]/packages/json-edit/src/component/dropdown-sservice.scss","webpack://kui.[name]/create-global-modal.css","webpack://kui.[name]/scale-rect.css","webpack://kui.[name]/help-line.css","webpack://kui.[name]/packages/json-edit/src/style/compmenu.scss","webpack://kui.[name]/packages/json-edit/src/style/compoption.scss","webpack://kui.[name]/packages/json-edit/src/style/compcanves.scss","webpack://kui.[name]/packages/json-edit/src/style/topbar.scss","webpack://kui.[name]/packages/json-edit/src/style/index.scss"],"names":[],"mappings":"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sB,CACtB,qBAAsB,CACtB,wBAAyB,CACzB,iBAEF,CACA,6BACE,aAAc,CACd,SACF,CACA,iCACE,aACF,CACA,sCACE,aACF,CACA,kCACE,sBACF,CACA,iCACE,sBACF,CACA,6BACE,sBACF,CAKA,kCAHE,oBAAqB,CACrB,gCAOF,CALA,iBAGE,SAAU,CACV,wCACF,CACA,oBACE,qBAA0B,CAC1B,wBAAyB,CACzB,kBAAmB,CACnB,SACF,CACA,0BACE,oBAAqB,CACrB,gCACF,CACA,qBACE,qBAA0B,CAC1B,wBAAyB,CACzB,kBAAmB,CACnB,SACF,CACA,2BACE,oBAAqB,CACrB,gCACF,CACA,mBACE,cAAe,CACf,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,qBAAsB,CACtB,4BACF,CACA,qBACE,QAAS,CACT,SAAU,CACV,qBAA0B,CAC1B,yBAA0B,CAC1B,eAAgB,CAChB,eAAgB,CAChB,4BAA6B,CAC7B,iBAAkB,CAClB,WAAY,CACZ,YAAa,CACb,YAAa,CACb,qBAAsB,CACtB,cAAe,CACf,mBAAqB,CACrB,qBAAsB,CACtB,iBAAkB,CAClB,YAAa,CACb,oCACF,CCpGA,kBACE,cAAA,CACA,YAAA,CACA,6BAAA,CACA,qBAAA,CACA,SAAA,CACA,mBAAA,CACA,6BAAA,CACA,YAAA,CACA,cAAA,CACA,cAAA,CACA,wCACE,SAAA,CACA,mBAAA,CAGF,mCACE,eAAA,CACA,cAAA,CACA,iBAAA,CACA,cAAA,CACA,qCACE,cAAA,CAGF,yCACE,qBAAA,CACA,cAAA,CAEF,wCACE,oBAAA,CC9BN,cACE,cAAe,CACf,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CAGX,YAAa,CACb,sBAAuB,CACvB,kBACF,CACA,gCACE,YAAa,CACb,SACF,CACA,+BACE,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,UAAW,CACX,WAAY,CACZ,yBAA8B,CAC9B,UACF,CAEA,gCACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,qBAAsB,CACtB,kBACF,CAEA,4BACE,WAAY,CACZ,gBAAiB,CACjB,kBAAmB,CACnB,YAAa,CACb,6BAA8B,CAC9B,4BACF,CAEA,2BACE,cAAe,CACf,UACF,CACA,2BACE,cAAe,CACf,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,cACF,CACA,0BACE,YACF,CAEA,4BACE,YAAa,CACb,yBAA0B,CAC1B,YAAa,CACb,wBACF,CC/DA,gBACE,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,YACF,CAIA,6BACE,gBACF,CAEA,iCACE,gBACF,CAGA,8BACE,gBACF,CAEA,gCACE,gBACF,CAGA,iEAEE,eACF,CAGA,iEAEE,gBACF,CCrCA,gBACE,iBAAkB,CAClB,YACF,CAEA,aACE,QAAW,CACX,UAAW,CACX,MAAO,CACP,yBACF,CAEA,aACE,OAAU,CACV,WAAY,CACZ,KAAM,CACN,2BACF,CAEA,iBACE,iBAAkB,CAClB,YACF,CACA,mBACE,QAAW,CACX,0BACF,CACA,mBACE,OAAU,CACV,2BACF,CC/BE,2BACE,aAAA,CACA,sCAAA,CACA,6BAAA,CACA,cAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,qBAAA,CAEF,iCACE,wBAAA,CAEF,iCACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CAEF,iCACE,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,aAAA,CACA,gBAAA,CACA,cAAA,CACA,eAAA,CAEF,+BACE,WAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,cAAA,CCzCJ,aACE,mBAAA,CACA,UAAA,CACA,eAAA,CACA,kCACE,gBAAA,CAEF,sCACE,gBAAA,CACA,aAAA,CACA,cAAA,CACA,WAAA,CAEF,2BACE,YAAA,CACA,aAAA,CACA,qBAAA,CACA,4BAAA,CACA,sBAAA,CAEF,+CACE,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CAEF,6CACE,MAAA,CACA,UAAA,CACA,wDACE,cAAA,CAGJ,sCACE,cAAA,CACA,gBAAA,CAAA,UAAA,CACA,kBAAA,CACA,gBAAA,CCtCJ,aACE,eAAA,CAEF,gCACE,iBAAA,CAIA,+CACE,kCAAA,CAGF,8CACE,uCAAA,CAGF,8CACE,0CAAA,CAKF,gDACE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CAEA,SAAA,CACA,WAAA,CAEF,wDACE,WAAA,CCnCJ,SACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,uBACE,WAAA,CACA,gBAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,YAAA,CACA,kBAAA,CACA,uBAAA,CAAA,eAAA,CACA,qBAAA,CACA,cAAA,CACA,UAAA,CAEF,6BACE,kBAAA,CCfJ,eACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CACA,qBAAA,CACA,+BAGE,MAKA,CAEF,gEATE,cAAA,CACA,KAAA,CAEA,WAAA,CACA,YAAA,CACA,YAAA,CACA,iBAAA,CACA,kBAYA,CAVF,iCAGE,OAAA,CAMA,oCAAA,CACA,4BAAA,CACA,sDACE,iBAAA,CACA,QAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CAGJ,iCACE,sBAAA,CACA,eAAA,CACA,eAAA,CACA,iBAAA,CACA,WAAA,CACA,yBAAA,CACA,kBAAA,CACA,YAAA,CACA,oBAAA,CAGA,qBAAA,CAEA,wBAAA,CAAA,oBAAA,CAAA,gBAAA,CAGF,6BACE,iBAAA,CACA,QAAA,CACA,QAAA,CACA,0BAAA,CACA,YAAA,CAEF,0BACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,WAAA,CACA,eAAA,CACA,UAAA,CACA,YAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,+CACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,cAAA,CACA,qDACE,kBAAA,CACA,UAAA,CACA,eAAA,CAGJ,0CACE,gBAAA,CACA,8BAAA,CACA,UAAA,CAEF,0CACE,aAAA,CACA,WAAA","file":"style.css","sourcesContent":[".json-root{\r\n box-sizing: border-box;\r\n}\r\n/* 激活样式-透明度 */\r\n.json-root .ani-opacity, .json-root .ani-opacity:visited { opacity: 1; transition: opacity 0.15s ease; }\r\n.json-root .ani-opacity1:active, .json-root .ani-opacity1:focus{opacity: 0.1}\r\n.json-root .ani-opacity2:active, .json-root .ani-opacity2:focus{opacity: 0.2}\r\n.json-root .ani-opacity3:active, .json-root .ani-opacity3:focus{opacity: 0.3}\r\n.json-root .ani-opacity4:active, .json-root .ani-opacity4:focus{opacity: 0.4}\r\n.json-root .ani-opacity5:active, .json-root .ani-opacity5:focus{opacity: 0.5}\r\n.json-root .ani-opacity6:active, .json-root .ani-opacity6:focus{opacity: 0.6}\r\n.json-root .ani-opacity7:active, .json-root .ani-opacity7:focus{opacity: 0.7}\r\n.json-root .ani-opacity8:active, .json-root .ani-opacity8:focus{opacity: 0.8}\r\n.json-root .ani-opacity9:active, .json-root .ani-opacity9:focus{opacity: 0.9}\r\n\r\n/* 激活样式-缩放 */\r\n.json-root .ani-scale{ transform: scale(1); transition: transform 0.15s ease; }\r\n.json-root .ani-scale10:active, .json-root .ani-scale10:focus{transform: scale(0.1)}\r\n.json-root .ani-scale20:active, .json-root .ani-scale20:focus{transform: scale(0.2)}\r\n.json-root .ani-scale30:active, .json-root .ani-scale30:focus{transform: scale(0.3)}\r\n.json-root .ani-scale40:active, .json-root .ani-scale40:focus{transform: scale(0.4)}\r\n.json-root .ani-scale50:active, .json-root .ani-scale50:focus{transform: scale(0.5)}\r\n.json-root .ani-scale60:active, .json-root .ani-scale60:focus{transform: scale(0.6)}\r\n.json-root .ani-scale70:active, .json-root .ani-scale70:focus{transform: scale(0.7)}\r\n.json-root .ani-scale80:active, .json-root .ani-scale80:focus{transform: scale(0.8)}\r\n.json-root .ani-scale90:active, .json-root .ani-scale90:focus{transform: scale(0.9)}\r\n.json-root .ani-scale91:active, .json-root .ani-scale91:focus{transform: scale(0.91)}\r\n.json-root .ani-scale92:active, .json-root .ani-scale92:focus{transform: scale(0.92)}\r\n.json-root .ani-scale93:active, .json-root .ani-scale93:focus{transform: scale(0.93)}\r\n.json-root .ani-scale94:active, .json-root .ani-scale94:focus{transform: scale(0.94)}\r\n.json-root .ani-scale95:active, .json-root .ani-scale95:focus{transform: scale(0.95)}\r\n.json-root .ani-scale96:active, .json-root .ani-scale96:focus{transform: scale(0.96)}\r\n.json-root .ani-scale97:active, .json-root .ani-scale97:focus{transform: scale(0.97)}\r\n.json-root .ani-scale98:active, .json-root .ani-scale98:focus{transform: scale(0.98)}\r\n.json-root .ani-scale99:active, .json-root .ani-scale99:focus{transform: scale(0.99)}\r\n\r\n/* 激活样式-向上移动 */\r\n.json-root .ani-up{ transform: translateY(0); transition: transform 0.15s ease; }\r\n.json-root .ani-up1:active, .json-root .ani-up1:focus{transform: translateY(-1%)}\r\n.json-root .ani-up2:active, .json-root .ani-up2:focus{transform: translateY(-2%)}\r\n.json-root .ani-up3:active, .json-root .ani-up3:focus{transform: translateY(-3%)}\r\n.json-root .ani-up4:active, .json-root .ani-up4:focus{transform: translateY(-4%)}\r\n.json-root .ani-up5:active, .json-root .ani-up5:focus{transform: translateY(-5%)}\r\n.json-root .ani-up6:active, .json-root .ani-up6:focus{transform: translateY(-6%)}\r\n.json-root .ani-up7:active, .json-root .ani-up7:focus{transform: translateY(-7%)}\r\n.json-root .ani-up8:active, .json-root .ani-up8:focus{transform: translateY(-8%)}\r\n.json-root .ani-up9:active, .json-root .ani-up9:focus{transform: translateY(-9%)}\r\n.json-root .ani-up10:active, .json-root .ani-up10:focus{transform: translateY(-10%)}\r\n.json-root .ani-up20:active, .json-root .ani-up20:focus{transform: translateY(-20%)}\r\n.json-root .ani-up30:active, .json-root .ani-up30:focus{transform: translateY(-30%)}\r\n.json-root .ani-up40:active, .json-root .ani-up40:focus{transform: translateY(-40%)}\r\n.json-root .ani-up50:active, .json-root .ani-up50:focus{transform: translateY(-50%)}\r\n.json-root .ani-up60:active, .json-root .ani-up60:focus{transform: translateY(-60%)}\r\n.json-root .ani-up70:active, .json-root .ani-up70:focus{transform: translateY(-70%)}\r\n.json-root .ani-up80:active, .json-root .ani-up80:focus{transform: translateY(-80%)}\r\n.json-root .ani-up90:active, .json-root .ani-up90:focus{transform: translateY(-90%)}\r\n\r\n\r\n/* 激活样式-向上移动 */\r\n.json-root .ani-down{ transform: translateY(0); transition: transform 0.15s ease; }\r\n.json-root .ani-down1:active, .json-root .ani-down1:focus{transform: translateY(1%)}\r\n.json-root .ani-down2:active, .json-root .ani-down2:focus{transform: translateY(2%)}\r\n.json-root .ani-down3:active, .json-root .ani-down3:focus{transform: translateY(3%)}\r\n.json-root .ani-down4:active, .json-root .ani-down4:focus{transform: translateY(4%)}\r\n.json-root .ani-down5:active, .json-root .ani-down5:focus{transform: translateY(5%)}\r\n.json-root .ani-down6:active, .json-root .ani-down6:focus{transform: translateY(6%)}\r\n.json-root .ani-down7:active, .json-root .ani-down7:focus{transform: translateY(7%)}\r\n.json-root .ani-down8:active, .json-root .ani-down8:focus{transform: translateY(8%)}\r\n.json-root .ani-down9:active, .json-root .ani-down9:focus{transform: translateY(9%)}\r\n.json-root .ani-down10:active, .json-root .ani-down10:focus{transform: translateY(10%)}\r\n.json-root .ani-down20:active, .json-root .ani-down20:focus{transform: translateY(20%)}\r\n.json-root .ani-down30:active, .json-root .ani-down30:focus{transform: translateY(30%)}\r\n.json-root .ani-down40:active, .json-root .ani-down40:focus{transform: translateY(40%)}\r\n.json-root .ani-down50:active, .json-root .ani-down50:focus{transform: translateY(50%)}\r\n.json-root .ani-down60:active, .json-root .ani-down60:focus{transform: translateY(60%)}\r\n.json-root .ani-down70:active, .json-root .ani-down70:focus{transform: translateY(70%)}\r\n.json-root .ani-down80:active, .json-root .ani-down80:focus{transform: translateY(80%)}\r\n.json-root .ani-down90:active, .json-root .ani-down90:focus{transform: translateY(90%)}\r\n\r\n\r\n\r\n\r\n/* 激活样式-向上移动 */\r\n.json-root .ani-left{ transform: translateX(0); transition: transform 0.15s ease; }\r\n.json-root .ani-left1:active, .json-root .ani-left1:focus{transform: translateX(-1%)}\r\n.json-root .ani-left2:active, .json-root .ani-left2:focus{transform: translateX(-2%)}\r\n.json-root .ani-left3:active, .json-root .ani-left3:focus{transform: translateX(-3%)}\r\n.json-root .ani-left4:active, .json-root .ani-left4:focus{transform: translateX(-4%)}\r\n.json-root .ani-left5:active, .json-root .ani-left5:focus{transform: translateX(-5%)}\r\n.json-root .ani-left6:active, .json-root .ani-left6:focus{transform: translateX(-6%)}\r\n.json-root .ani-left7:active, .json-root .ani-left7:focus{transform: translateX(-7%)}\r\n.json-root .ani-left8:active, .json-root .ani-left8:focus{transform: translateX(-8%)}\r\n.json-root .ani-left9:active, .json-root .ani-left9:focus{transform: translateX(-9%)}\r\n.json-root .ani-left10:active, .json-root .ani-left10:focus{transform: translateX(-10%)}\r\n.json-root .ani-left20:active, .json-root .ani-left20:focus{transform: translateX(-20%)}\r\n.json-root .ani-left30:active, .json-root .ani-left30:focus{transform: translateX(-30%)}\r\n.json-root .ani-left40:active, .json-root .ani-left40:focus{transform: translateX(-40%)}\r\n.json-root .ani-left50:active, .json-root .ani-left50:focus{transform: translateX(-50%)}\r\n.json-root .ani-left60:active, .json-root .ani-left60:focus{transform: translateX(-60%)}\r\n.json-root .ani-left70:active, .json-root .ani-left70:focus{transform: translateX(-70%)}\r\n.json-root .ani-left80:active, .json-root .ani-left80:focus{transform: translateX(-80%)}\r\n.json-root .ani-left90:active, .json-root .ani-left90:focus{transform: translateX(-90%)}\r\n\r\n\r\n/* 激活样式-向上移动 */\r\n.json-root .ani-right{ transform: translateX(0); transition: transform 0.15s ease; }\r\n.json-root .ani-right1:active, .json-root .ani-right1:focus{transform: translateX(1%)}\r\n.json-root .ani-right2:active, .json-root .ani-right2:focus{transform: translateX(2%)}\r\n.json-root .ani-right3:active, .json-root .ani-right3:focus{transform: translateX(3%)}\r\n.json-root .ani-right4:active, .json-root .ani-right4:focus{transform: translateX(4%)}\r\n.json-root .ani-right5:active, .json-root .ani-right5:focus{transform: translateX(5%)}\r\n.json-root .ani-right6:active, .json-root .ani-right6:focus{transform: translateX(6%)}\r\n.json-root .ani-right7:active, .json-root .ani-right7:focus{transform: translateX(7%)}\r\n.json-root .ani-right8:active, .json-root .ani-right8:focus{transform: translateX(8%)}\r\n.json-root .ani-right9:active, .json-root .ani-right9:focus{transform: translateX(9%)}\r\n.json-root .ani-right10:active, .json-root .ani-right10:focus{transform: translateX(10%)}\r\n.json-root .ani-right20:active, .json-root .ani-right20:focus{transform: translateX(20%)}\r\n.json-root .ani-right30:active, .json-root .ani-right30:focus{transform: translateX(30%)}\r\n.json-root .ani-right40:active, .json-root .ani-right40:focus{transform: translateX(40%)}\r\n.json-root .ani-right50:active, .json-root .ani-right50:focus{transform: translateX(50%)}\r\n.json-root .ani-right60:active, .json-root .ani-right60:focus{transform: translateX(60%)}\r\n.json-root .ani-right70:active, .json-root .ani-right70:focus{transform: translateX(70%)}\r\n.json-root .ani-right80:active, .json-root .ani-right80:focus{transform: translateX(80%)}\r\n.json-root .ani-right90:active, .json-root .ani-right90:focus{transform: translateX(90%)}\r\n\r\n/* 灰色背景 */\r\n.json-root .ani-gray{ background: transparent; transition: all 0.15s ease; }\r\n.json-root .ani-gray:active, .json-root .ani-gray:focus{background: #eee!important;}","@import url('./active.css');\r\n\r\n/* input样式 */\r\n.ant-input {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-variant: tabular-nums;\r\n list-style: none;\r\n font-feature-settings: 'tnum';\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n height: 32px;\r\n padding: 4px 11px;\r\n color: rgba(0, 0, 0, 0.65);\r\n font-size: 14px;\r\n line-height: 1.5;\r\n background-color: #fff;\r\n background-image: none;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 4px;\r\n /* transition: all 0.3s ease; */\r\n}\r\n.ant-input::-moz-placeholder {\r\n color: #bfbfbf;\r\n opacity: 1;\r\n}\r\n.ant-input:-ms-input-placeholder {\r\n color: #bfbfbf;\r\n}\r\n.ant-input::-webkit-input-placeholder {\r\n color: #bfbfbf;\r\n}\r\n.ant-input:-moz-placeholder-shown {\r\n text-overflow: ellipsis;\r\n}\r\n.ant-input:-ms-input-placeholder {\r\n text-overflow: ellipsis;\r\n}\r\n.ant-input:placeholder-shown {\r\n text-overflow: ellipsis;\r\n}\r\n.ant-input:hover {\r\n border-color: #40a9ff;\r\n border-right-width: 1px !important;\r\n}\r\n.ant-input:focus {\r\n border-color: #40a9ff;\r\n border-right-width: 1px !important;\r\n outline: 0;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n.ant-input-disabled {\r\n color: rgba(0, 0, 0, 0.25);\r\n background-color: #f5f5f5;\r\n cursor: not-allowed;\r\n opacity: 1;\r\n}\r\n.ant-input-disabled:hover {\r\n border-color: #d9d9d9;\r\n border-right-width: 1px !important;\r\n}\r\n.ant-input[disabled] {\r\n color: rgba(0, 0, 0, 0.25);\r\n background-color: #f5f5f5;\r\n cursor: not-allowed;\r\n opacity: 1;\r\n}\r\n.ant-input[disabled]:hover {\r\n border-color: #d9d9d9;\r\n border-right-width: 1px !important;\r\n}\r\ntextarea.ant-input {\r\n max-width: 100%;\r\n height: auto;\r\n min-height: 32px;\r\n line-height: 1.5;\r\n vertical-align: bottom;\r\n transition: all 0.3s, height 0s;\r\n}\r\n.ant-select-dropdown {\r\n margin: 0;\r\n padding: 0;\r\n color: rgba(0, 0, 0, 0.65);\r\n font-variant: tabular-nums;\r\n line-height: 1.5;\r\n list-style: none;\r\n font-feature-settings: 'tnum';\r\n position: absolute;\r\n top: -9999px;\r\n left: -9999px;\r\n z-index: 1050;\r\n box-sizing: border-box;\r\n font-size: 14px;\r\n font-variant: initial;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n outline: none;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n}\r\n",".dropdown-service {\r\n position: fixed;\r\n z-index: 2000;\r\n box-shadow: 0 2px 5px 1px #ddd;\r\n background-color: white;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 200ms linear;\r\n display: flex;\r\n max-width: 90px;\r\n flex-wrap: wrap;\r\n &.dropdown-service-show {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n \r\n .dropdown-option {\r\n padding: 8px 8px;\r\n font-size: 14px;\r\n text-align: center;\r\n cursor: pointer;\r\n & > i {\r\n font-size: 14px;\r\n // margin-right: 4px;\r\n }\r\n &:hover {\r\n background-color: #ccc;\r\n cursor: pointer;\r\n }\r\n span{\r\n display: inline-block;\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\n",".global-modal{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n opacity: 0;\r\n z-index: -1;\r\n /* pointer-events: none; */\r\n /* transition: opacity 100ms linear; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.global-modal.global-modal-show{\r\n z-index: 3001;\r\n opacity: 1;\r\n}\r\n.global-modal .global-modal-bg{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n z-index: -1;\r\n}\r\n\r\n.global-modal .global-modal-con{\r\n width: 70vw;\r\n height: auto;\r\n position: absolute;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n}\r\n\r\n.global-modal .modal-header{\r\n height: 60px;\r\n line-height: 60px;\r\n padding: 0 0 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n border-bottom: 1px solid #eee;\r\n}\r\n\r\n.global-modal .modal-title{\r\n font-size: 16px;\r\n color: #333;\r\n}\r\n.global-modal .modal-close{\r\n font-size: 24px;\r\n color: #333;\r\n text-align: center;\r\n width: 60px;\r\n cursor: pointer;\r\n}\r\n.global-modal .modal-body{\r\n padding: 20px;\r\n}\r\n\r\n.global-modal .modal-footer{\r\n padding: 20px;\r\n border-top: 1px solid #eee;\r\n display: flex;\r\n justify-content: flex-end;\r\n}",".scale-rect{}\r\n\r\n.scale-rect-dot{\r\n position: absolute;\r\n width: 6px;\r\n height: 6px;\r\n background-color: blue;\r\n z-index: 1999;\r\n}\r\n\r\n\r\n/* 左上*/\r\n.scale-rect-dot.dot-top-left{\r\n cursor: nw-resize;\r\n}\r\n/* 右下 */\r\n.scale-rect-dot.dot-bottom-right{\r\n cursor: se-resize;\r\n}\r\n\r\n/* 右上 */\r\n.scale-rect-dot.dot-top-right{\r\n cursor: ne-resize;\r\n}\r\n/* 左下*/\r\n.scale-rect-dot.dot-bottom-left{\r\n cursor: sw-resize;\r\n}\r\n\r\n/* 左右 */\r\n.scale-rect-dot.dot-center-left,\r\n.scale-rect-dot.dot-center-right{\r\n cursor: w-resize;\r\n}\r\n\r\n/* 上下 */\r\n.scale-rect-dot.dot-center-top,\r\n.scale-rect-dot.dot-center-bottom{\r\n cursor: ns-resize;\r\n}",".help-line{}\r\n\r\n.help-line-item{\r\n position: absolute;\r\n z-index: 1999;\r\n}\r\n\r\n.help-line-x{\r\n height: 0px;\r\n width: 100%;\r\n left: 0;\r\n border-top: 1px dashed #f00;\r\n}\r\n\r\n.help-line-y{\r\n width: 0px;\r\n height: 100%;\r\n top: 0;\r\n border-right: 1px dashed #f00;\r\n}\r\n\r\n.scale-rect-line{\r\n position: absolute;\r\n z-index: 1998;\r\n}\r\n.scale-rect-line-x{\r\n height: 0px;\r\n border-top: 1px dashed blue;\r\n}\r\n.scale-rect-line-y{\r\n width: 0px;\r\n border-left: 1px dashed blue;\r\n}",".comp-menu {\r\n .comp-menu-drag{\r\n margin: 0 auto;\r\n border-bottom: 1px solid rgba(0,0,0,0.1);\r\n border-left: 5px solid #40a9ff;\r\n cursor: pointer;\r\n position: relative;\r\n width: 100%;\r\n height: 50px;\r\n margin: 5px 0;\r\n background:#fff;\r\n box-sizing: border-box;\r\n }\r\n .comp-menu-drag:hover{\r\n background-color: #f4f4f4;\r\n }\r\n .comp-menu-drag-cover{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n .comp-menu-cover-text{\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 50px;\r\n line-height: 50px;\r\n color: #40a9ff;\r\n text-indent: 10px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n .comp-menu-drag-con{\r\n height: 65px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 20px;\r\n }\r\n}\r\n",".comp-option{\r\n padding-bottom: 50px;\r\n color: #333;\r\n text-align: left;\r\n .comp-option-section{\r\n padding: 5px 10px;\r\n }\r\n .section-item-divid-text{\r\n line-height: 17px;\r\n color: #40a9ff;\r\n font-size: 14px;\r\n padding: 0px 0;\r\n }\r\n .section-item{\r\n display: flex;\r\n padding: 3px 0;\r\n flex-direction: column;\r\n justify-content: space-evenly;\r\n align-items: flex-start;\r\n }\r\n .section-item .section-item-title{\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n text-align: left;\r\n font-size: 12px;\r\n }\r\n .section-item .section-item-con{\r\n flex: 1;\r\n width: 100%;\r\n .ant-input{\r\n font-size: 12px;\r\n }\r\n }\r\n .section-item-divid-tell{\r\n font-size: 12px;\r\n line-height: 15px;color: #999;\r\n margin-bottom: 10px;\r\n text-indent: 25px;\r\n }\r\n}\r\n",".comp-canves{\r\n background: #fff;\r\n}\r\n.comp-canves-wrap [iscontainer]{\r\n position: relative;\r\n}\r\n.comp-canves-wrap{\r\n /* 拖拽激活容器的类名 */\r\n .drop-container-active-inner{\r\n background-color: #dfebf6!important;\r\n /* border: 1px dashed #1890ff!important; */\r\n }\r\n .drop-container-active-prev{\r\n border-top: 2px dashed #1890ff!important;\r\n /* transform: scale(0.8) translateY(0); */\r\n }\r\n .drop-container-active-next{\r\n border-bottom: 2px dashed #1890ff!important;\r\n /* transform: scale(0.8) translateY(-0); */\r\n }\r\n\r\n /* 正在移动的样式 */\r\n .drop-element-is-moving:after{\r\n display: inline-block;\r\n content: '';\r\n position: absolute;\r\n left: -2px;\r\n top: -2px;\r\n bottom: -2px;\r\n right: -2px;\r\n /* border: 1px dashed #409EFF; */\r\n z-index: 1;\r\n cursor: move;\r\n }\r\n .drop-element-is-moving[isroot]:after{\r\n cursor: auto;\r\n }\r\n}\r\n",".top-bar{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .top-bar-item{\r\n height: 30px;\r\n line-height: 30px;\r\n padding: 0 5px;\r\n text-align: center;\r\n background: #40a9ff;\r\n margin: 0 1px;\r\n display: flex;\r\n align-items: center;\r\n cursor: grabbing;\r\n box-sizing: border-box;\r\n font-size: 14px;\r\n color: #fff;\r\n }\r\n .top-bar-item:hover{\r\n background: #64b9ff;\r\n }\r\n}\r\n","@import url('./compmenu.scss');\r\n@import url('./compoption.scss');\r\n@import url('./compcanves.scss');\r\n@import url('./topbar.scss');\r\n.json-test-box{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index:1000;\r\n background-color: #fff;\r\n .comp-menu-wrap{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 200px;\r\n height: 100vh;\r\n z-index: 2000;\r\n overflow-y: scroll;\r\n background:#f9f9f9\r\n }\r\n .comp-option-wrap{\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n width: 200px;\r\n height: 100vh;\r\n z-index: 2000;\r\n overflow-y: scroll;\r\n background: #f9f9f9;\r\n border-left: 1px solid rgba(0,0,0,0.1);\r\n transition: width 0.15s linear;\r\n .comp-option-operate{\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n font-size: 12px;\r\n padding: 5px;\r\n background: cornflowerblue;\r\n color: #fff;\r\n cursor: pointer;\r\n }\r\n }\r\n .comp-canves-wrap{\r\n margin: 0 200px 0 200px;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n padding: 6vh 0 4vh;\r\n height: 90vh;\r\n width: calc(100vw - 400px);\r\n background: #e2e2e2;\r\n display: flex;\r\n justify-content: left;\r\n // align-items: flex-start;\r\n /* 文本不可选 */\r\n -moz-user-select: none;\r\n -khtml-user-select: none;\r\n user-select: none;\r\n }\r\n \r\n .top-bar-wrap{\r\n position: absolute;\r\n top: 10px;\r\n left: calc(50%);\r\n transform: translateX(-50%);\r\n z-index: 1199;\r\n }\r\n .comp-tree{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 200px;\r\n background: #fff;\r\n color: #333; \r\n height: 100vh;\r\n z-index: 2001;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n .comp-tree-item-text{\r\n cursor: pointer;\r\n line-height: 25px;\r\n padding-left: 5px;\r\n font-size: 14px;\r\n &:hover{\r\n background: #f4f4f4;\r\n color: blue;\r\n font-weight: 700;\r\n }\r\n }\r\n .comp-tree-item{\r\n margin-left: 35px;\r\n border-left: 1px dashed #40a9ff;\r\n width: 100%;\r\n }\r\n &>.comp-tree-item{\r\n margin-left: 0;\r\n border: none;\r\n }\r\n }\r\n}\r\n"]}