@kne/react-form-antd
Version:
把 @kne/react-form 表单校验逻辑应用到antd
1 lines • 8.18 kB
Source Map (JSON)
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe;AACjB;AACA;EACE,WAAW;AACb;AACA;EACE,eAAe;EACf,kBAAkB;EAClB,iBAAiB;AACnB;AACA;EACE,kBAAkB;EAClB,iBAAiB;AACnB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,cAAc;EACd,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;EACrB,kBAAkB;AACpB;AACA;EACE,eAAe;AACjB;AACA;EACE,0BAA0B;EAC1B,eAAe;AACjB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;AACf;AACA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;EACjB,4BAA4B;AAC9B;AACA;EACE,kBAAkB;EAClB,OAAO;EACP,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,cAAc;EACd,iBAAiB;AACnB;AACA;EACE,mBAAmB;EACnB,8BAA8B;AAChC;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,qBAAqB;EACrB,OAAO;AACT;;AAEA;EACE,UAAU;AACZ;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,0BAA0B;EAC1B,iBAAiB;EACjB,oBAAoB;AACtB;AACA;EACE,UAAU;AACZ;;AAEA;EACE,kBAAkB;AACpB","file":"index.css","sourcesContent":[".react-form, .react-form--inline, .react-form--inline--small, .react-form--inline--large, .react-form--inner, .react-form--inner--small, .react-form--inner--large, .react-form--small, .react-form--large {\n text-align: left;\n font-size: 12px;\n}\n.react-form .ant-select, .react-form--inline .ant-select, .react-form--inline--small .ant-select, .react-form--inline--large .ant-select, .react-form--inner .ant-select, .react-form--inner--small .ant-select, .react-form--inner--large .ant-select, .react-form--small .ant-select, .react-form--large .ant-select {\n width: 100%;\n}\n.react-form--large .react-form__field-label {\n font-size: 14px;\n margin-right: 20px;\n line-height: 34px;\n}\n.react-form--small .react-form__field-label {\n margin-right: 12px;\n line-height: 24px;\n}\n.react-form--inner .react-form__field, .react-form--inner--small .react-form__field, .react-form--inner--large .react-form__field {\n margin-bottom: 22px;\n}\n.react-form--inner .react-form__field-main, .react-form--inner--small .react-form__field-main, .react-form--inner--large .react-form__field-main {\n flex-direction: column;\n}\n.react-form--inner .react-form__field-input, .react-form--inner--small .react-form__field-input, .react-form--inner--large .react-form__field-input {\n align-self: auto;\n}\n.react-form--inner .react-form__field-label, .react-form--inner--small .react-form__field-label, .react-form--inner--large .react-form__field-label {\n font-size: 14px;\n text-align: left;\n font-weight: bold;\n margin-left: 0;\n margin-bottom: 2px;\n}\n.react-form--inner--small .react-form__field-label {\n font-size: 12px;\n margin-bottom: 1px;\n}\n.react-form--inline, .react-form--inline--small, .react-form--inline--large {\n padding: 30px 30px 6px;\n}\n.react-form--inline .react-form__field, .react-form--inline--small .react-form__field, .react-form--inline--large .react-form__field {\n display: inline-block;\n margin-right: 40px;\n}\n.react-form--inline .react-form__field:last-child, .react-form--inline--small .react-form__field:last-child, .react-form--inline--large .react-form__field:last-child {\n margin-right: 0;\n}\n.react-form--inline .react-form__field-label, .react-form--inline--small .react-form__field-label, .react-form--inline--large .react-form__field-label {\n min-width: auto !important;\n padding-left: 0;\n}\n.react-form--inline .react-form__field-label.is-req:before, .react-form--inline--small .react-form__field-label.is-req:before, .react-form--inline--large .react-form__field-label.is-req:before {\n position: static;\n}\n.react-form--inline--large .react-form__field-label {\n font-size: 14px;\n line-height: 34px;\n}\n.react-form--inline--small .react-form__field-label {\n margin-right: 12px;\n}\n.react-form__field-main {\n display: flex;\n}\n.react-form__field-label {\n text-align: right;\n margin-right: 16px;\n line-height: 30px;\n margin-left: 10px;\n position: relative;\n}\n.react-form__field-label.is-req:before {\n position: absolute;\n color: #fc3333;\n font-weight: bold;\n content: \"*\";\n margin-right: 4px;\n transform: translateX(-10px);\n}\n.react-form__field-input {\n align-self: center;\n flex: 1;\n position: relative;\n}\n.react-form__field-describable {\n font-size: 12px;\n color: #999999;\n line-height: 20px;\n}\n.react-form__field {\n margin-bottom: 24px;\n transition: border-color 300ms;\n}\n.react-form__field.is-req-error .react-form__field-component, .react-form__field.is-error .react-form__field-component {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component .ant-select-selection, .react-form__field.is-req-error .react-form__field-component .ant-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .react-form__field.is-error .react-form__field-component .ant-select-selection, .react-form__field.is-error .react-form__field-component .ant-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-req-error .react-form__field-component .ant-input:focus, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner:focus, .react-form__field.is-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-error .react-form__field-component .ant-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component .ant-upload.ant-upload-select-picture-card, .react-form__field.is-error .react-form__field-component .ant-upload.ant-upload-select-picture-card {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper .ant-input, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper .ant-input {\n box-shadow: none;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper-focused, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper-focused {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select > .ant-select-selector {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field-error {\n color: #fc3333;\n font-size: 12px;\n position: absolute;\n top: calc(100% + 1px);\n left: 0;\n}\n\n.react-form-modal .ant-modal-content > .ant-modal-body {\n padding: 0;\n}\n.react-form-modal .ant-modal-confirm-btns {\n display: none;\n}\n.react-form-modal.ant-modal-confirm .ant-modal-header, .react-form-modal.ant-modal-confirm .ant-modal-close {\n display: block;\n}\n\n.data_range_picker {\n color: rgba(0, 0, 0, 0.85);\n position: relative;\n}\n.data_range_picker .zhijin {\n position: absolute;\n line-height: 31px;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.85);\n margin-left: 12px;\n pointer-events: auto;\n}\n.data_range_picker .zhijin_show {\n z-index: 9;\n}\n\n.data_range_picker_dis .ant-picker-input input {\n color: transparent;\n}"]}