v3-json-canvas
Version:
UI Components built on Vue3, Generating HTML 5 pages through JSON
1 lines • 15.4 kB
Source Map (JSON)
{"version":3,"sources":["webpack://kui.[name]/active.css","webpack://kui.[name]/style.css"],"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","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"]}