@kne/react-form-antd
Version:
把 @kne/react-form 表单校验逻辑应用到antd
1 lines • 12.5 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;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,cAAc;EACd,0BAA0B;AAC5B;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,cAAc;AAChB;AACA;EACE,OAAO;EACP,WAAW;AACb;AACA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;AACrB;AACA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,eAAe;AACjB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,qBAAqB;EACrB,4CAA4C;AAC9C;AACA;;EAEE,aAAa;EACb,mBAAmB;AACrB;AACA;;EAEE,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,0BAA0B;EAC1B,eAAe;AACjB;AACA;EAEE,0BAA0B;AAC5B;AAHA;;EAEE,0BAA0B;AAC5B;AACA;;EAEE,gBAAgB;AAClB;AACA;;EAEE,0BAA0B;EAC1B,gBAAgB;AAClB;AACA;EACE,cAAc;EACd,0BAA0B;EAC1B,iBAAiB;AACnB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,0BAA0B;AAC5B;AACA;EACE,0BAA0B;EAC1B,eAAe;EACf,sBAAsB;EACtB,eAAe;AACjB;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;AACtB","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}\n\n.svg_box {\n display: flex;\n align-items: center;\n padding: 0 8px;\n color: rgba(0, 0, 0, 0.25);\n}\n\n.react-form__field-input .data_range_picker {\n flex: 1;\n}\n\n.react-form--inner .svg_box, .react-form--inner--large .svg_box, .react-form--inner--small .svg_box {\n padding: 0 4px;\n}\n.react-form--inner .ant-picker, .react-form--inner--large .ant-picker, .react-form--inner--small .ant-picker {\n flex: 1;\n width: 100%;\n}\n.react-form--inner .date-picker-today-container, .react-form--inner--large .date-picker-today-container, .react-form--inner--small .date-picker-today-container {\n width: 100%;\n}\n\n.date-picker-today-container {\n position: relative;\n display: inline-block;\n vertical-align: top;\n}\n.date-picker-today-container .date-picker-today-inputs {\n display: inline-flex;\n align-items: center;\n border: 1px solid #d9d9d9;\n border-radius: 6px;\n padding: 0 11px;\n background: #fff;\n transition: all 0.2s;\n cursor: pointer;\n}\n.date-picker-today-container .date-picker-today-inputs:hover {\n border-color: #4096ff;\n}\n.date-picker-today-container .date-picker-today-inputs:focus-within {\n border-color: #4096ff;\n box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end {\n display: flex;\n align-items: center;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input {\n border: none;\n padding: 0;\n height: 30px;\n cursor: pointer;\n width: 110px;\n outline: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input::placeholder,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input::placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input:focus,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input:focus {\n box-shadow: none;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input.so-far-active,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input.so-far-active {\n color: rgba(0, 0, 0, 0.85);\n font-weight: 500;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-separator {\n padding: 0 8px;\n color: rgba(0, 0, 0, 0.25);\n line-height: 30px;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix {\n display: flex;\n align-items: center;\n padding-left: 4px;\n color: rgba(0, 0, 0, 0.25);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear {\n color: rgba(0, 0, 0, 0.25);\n font-size: 12px;\n transition: color 0.2s;\n cursor: pointer;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.date-picker-today-container .ant-picker {\n position: absolute;\n top: 0;\n left: 0;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden;\n pointer-events: none;\n}"]}