ac-form-layout
Version:
FormLayout ui component for react
1 lines • 6.52 kB
Source Map (JSON)
{"version":3,"sources":["../src/FormLayout.scss"],"names":[],"mappings":"AACI;EACI,UACJ,EAAC;;AAED;EACI,WAAU;EACV,mBAAkB,EAuJrB;EAzJA;;;IAOO,sBAAqB,EACxB;EARJ;IAWO,sBAAqB;IACrB,aAAY;IACZ,kBAAiB;IACjB,gBAAe;IACf,eAAc,EACjB;EAhBJ;IAmBO,0BAAyB;IACzB,sBAAqB;IACrB,aAAY,EACf;EAtBJ;IA4BW,uBAAsB;IACtB,aAAY,EAKf;IAlCR;MAgCe,0BAAyB,EAC5B;EAjCZ;;;IA0CW,sBAAqB,EACxB;EA3CR;;IA+CW,eAAc,EACjB;EAhDR;IAuDmB,sBAAqB,EACxB;EAxDhB;IA8DO,aAAY,EACf;EA/DJ;IAkEO,uBAAsB,EACzB;EAnEJ;IAsEO,sBAAqB,EAexB;IArFJ;MAyEW,aAAY;MACZ,aAAY,EACf;IA3ER;MA8EW,mBAAkB;MAClB,WAAU,EAKb;MApFR;QAkFe,aAAY,EACf;EAIT;IACI,mBAAkB,EACrB;EAED;IACI,eAAc;IACd,mBAAkB;IAClB,WAAU;IACV,WAAU;IACV,YAAW;IACX,mBAAkB;IAClB,iBAAgB;IAChB,eAAc;IACd,oBAAmB;IACnB,wBAAuB;IACvB,aAAY;IACZ,qBAAoB,EAQvB;IANG;MACI,kBAAiB;MACjB,mBAAkB;MAClB,iBAAgB;MAChB,gDAA+C,EAClD;EAGL;IACI,mBAAkB;IAClB,eAAc;IACd,WAAU;IACV,YAAW;IACX,iBAAgB;IAChB,aAAY;IACZ,sBAAqB;IACrB,yBAAwB;IACxB,gCAA+B;IAC/B,iCAAgC,EACnC;EA5HJ;IAiIO,oBAAmB;IACnB,sBAAqB;IACrB,0BAAyB,EAC5B;EApIJ;IAwIW,oBAAmB;IACnB,sBAAqB;IACrB,eAAc,EACjB;EA3IR;IAgJO,0BAAyB;IACzB,gBAAe,EAClB;EAlJJ;;IAsJO,eAAc;IACd,gBAAe,EAClB;;AAGL;EACI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,WAAU,EACb;;AArKL;EAwKQ,qBAAoB,EA0CvB;EAlNL;;;IA6KY,iBAAgB;IAChB,aAAY;IACZ,eAAc;IACd,iBAAgB,EACnB;EAjLT;IAoLY,iBAAgB;IAChB,aAAY,EACf;EAtLT;;;IA2LY,cAAa,EAChB;EA5LT;IAmMoB,aAAY;IACZ,iBAAgB,EACnB;EArMjB;IAwMoB,cAAa,EAChB;EAzMjB;IA6MY,aAAY,EAIf;IAjNT;MA+MgB,cAAa,EAChB","file":"demo.css","sourcesContent":[".ac-form-layout {\n &-row {\n margin: 0\n }\n\n &-item {\n padding: 0;\n margin-bottom: 8px;\n\n input,\n .u-select .u-select-selection,\n .u-input-number {\n border-color: #d5d6d9;\n }\n\n .u-label {\n display: inline-block;\n width: 140px;\n text-align: right;\n font-size: 13px;\n color: #111111;\n }\n\n .u-label+* {\n width: calc(100% - 140px);\n display: inline-block;\n height: 32px;\n }\n\n .container-refer {\n\n //mdf参照\n .ant-search-input-wrapper {\n vertical-align: middle;\n height: 32px;\n\n .ant-input {\n border: 1px solid #d5d6d9;\n }\n }\n }\n\n &.error {\n\n .u-form-control,\n .u-input-number,\n .u-input-number.u-input-group.simple .u-input-group-btn {\n border-color: #f53c32;\n }\n\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus,\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {\n color: #f53c32;\n }\n\n .container-refer {\n\n //mdf参照\n .ant-search-input-wrapper {\n .ant-input {\n border-color: #f53c32;\n }\n }\n }\n }\n\n .datepicker-input-group .u-form-control {\n float: unset;\n }\n\n .ref-input-wrap {\n width: 100% !important;\n }\n\n .u-input-number.u-input-group.simple {\n display: inline-block;\n\n .u-form-control {\n float: unset;\n height: 30px;\n }\n\n .u-input-group-btn {\n position: absolute;\n right: 2px;\n\n .icon-group {\n height: 30px;\n }\n }\n }\n\n &-out {\n position: relative;\n }\n\n &-error-msg {\n color: #f53c32;\n position: absolute;\n z-index: 2;\n top: -28px;\n width: 100%;\n text-align: center;\n overflow: hidden;\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n height: 30px;\n pointer-events: none;\n\n &-text {\n padding: 5px 10px;\n border-radius: 4px;\n background: #fff;\n box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);\n }\n }\n\n &-error-msg::after {\n position: absolute;\n display: block;\n width: 6px;\n height: 6px;\n background: #fff;\n content: \" \";\n left: calc(50% - 5px);\n transform: rotate(45deg);\n border-right: 1px solid #d5d6d9;\n border-bottom: 1px solid #d5d6d9;\n }\n\n\n //禁用状态\n .u-form-control[disabled] {\n background: #f3f3f3;\n border-color: #e0e0e0;\n color: #2B344B !important;\n }\n\n .u-select-disabled {\n .u-select-selection {\n background: #f3f3f3;\n border-color: #e0e0e0;\n color: #2B344B;\n }\n\n }\n\n input::-webkit-input-placeholder {\n color: #cccccc !important;\n font-size: 13px;\n }\n\n .u-select-selection-placeholder,\n .u-select-search-field-placeholder {\n color: #cccccc;\n font-size: 13px;\n }\n }\n\n &-mast {\n position: relative;\n top: 2px;\n color: #f53c32;\n right: 2px;\n }\n\n &.disabled {\n pointer-events: none;\n\n .rc-tree-select-selection,\n .rc-tree-select-selection:hover,\n .u-form-control {\n background: none;\n border: none;\n color: #111111;\n box-shadow: none;\n }\n\n .u-select .u-select-selection {\n background: none;\n border: none;\n }\n\n .u-select-arrow,\n .rc-tree-select-menu-icon,\n .u-input-group-btn {\n display: none;\n }\n\n .container-refer {\n\n //mdf参照\n .ant-search-input-wrapper {\n .ant-input {\n border: none;\n background: none;\n }\n\n .ant-input-suffix {\n display: none;\n }\n }\n }\n .u-input-number{\n border: none;\n .u-input-group-addon{\n display: none;\n }\n }\n }\n}"],"sourceRoot":"/source/"}