@kne/react-form-antd 4.1.7 → 4.1.9

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["index.scss","style.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,iBA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","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}","@keyframes react-form-antd-mobile-expand-down {\n  from {\n    max-height: 0;\n  }\n  to {\n    max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n  }\n}\n@keyframes react-form-antd-mobile-collapse-up {\n  from {\n    max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n    opacity: 1;\n  }\n  to {\n    max-height: 0;\n    opacity: 0;\n  }\n}\n@keyframes react-form-antd-mobile-mask-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes react-form-antd-mobile-mask-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n.react-form-antd-mobile-anchor {\n  display: contents;\n}\n\n.react-form-antd-mobile-anchor.is-mobile .ant-select,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-input,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-placeholder,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-content,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-content-value,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-search-input,\n.react-form-antd-mobile-anchor.is-mobile .ant-picker-input > input,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-item,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-placeholder {\n  font-size: 16px !important;\n}\n.react-form-antd-mobile-anchor.is-mobile .ant-select {\n  --ant-select-font-size: 16px;\n}\n\n.react-form-antd-mobile-mask {\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.45);\n  animation: react-form-antd-mobile-mask-in 180ms ease-out both;\n}\n.react-form-antd-mobile-mask.kne-is-viewport {\n  position: fixed;\n}\n.react-form-antd-mobile-mask.kne-is-boundary {\n  position: absolute;\n  width: 100%;\n}\n.react-form-antd-mobile-mask.is-leave {\n  animation: react-form-antd-mobile-mask-out 180ms ease-out both;\n}\n\n.react-form-antd-mobile-popup {\n  left: 0 !important;\n  right: auto !important;\n  top: var(--react-form-antd-mobile-popup-top) !important;\n  width: var(--kne-viewport-width, 100vw);\n  max-width: var(--kne-viewport-width, 100vw);\n  max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n  overflow: hidden;\n  background: #fff;\n  border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;\n  animation: react-form-antd-mobile-expand-down 180ms ease-out both;\n}\n.react-form-antd-mobile-popup.kne-is-viewport {\n  position: fixed !important;\n  width: var(--kne-viewport-width, 100vw) !important;\n  max-width: var(--kne-viewport-width, 100vw) !important;\n  min-width: var(--kne-viewport-width, 100vw) !important;\n}\n.react-form-antd-mobile-popup.kne-is-boundary {\n  position: absolute !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n}\n.react-form-antd-mobile-popup.ant-slide-up-enter, .react-form-antd-mobile-popup.ant-slide-up-appear, .react-form-antd-mobile-popup.ant-slide-up-enter-active, .react-form-antd-mobile-popup.ant-slide-up-appear-active, .react-form-antd-mobile-popup.ant-slide-up-leave, .react-form-antd-mobile-popup.ant-slide-up-leave-active {\n  transform: none !important;\n  transition: none !important;\n}\n.react-form-antd-mobile-popup .ant-select-dropdown,\n.react-form-antd-mobile-popup .ant-cascader-dropdown,\n.react-form-antd-mobile-popup .ant-tree-select-dropdown {\n  border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;\n}\n.react-form-antd-mobile-popup .ant-picker-panel-container,\n.react-form-antd-mobile-popup .ant-picker-panels,\n.react-form-antd-mobile-popup .ant-select-item-option-content,\n.react-form-antd-mobile-popup .ant-cascader-menus {\n  max-width: 100%;\n}\n.react-form-antd-mobile-popup .ant-select-dropdown,\n.react-form-antd-mobile-popup .ant-cascader-menus,\n.react-form-antd-mobile-popup .ant-select-tree {\n  overflow: auto;\n  max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n}\n.react-form-antd-mobile-popup .ant-select-item {\n  min-height: 44px;\n  align-items: center;\n}\n.react-form-antd-mobile-popup .ant-select-item-option-content,\n.react-form-antd-mobile-popup .ant-cascader-menu-item-content {\n  white-space: normal;\n}\n.react-form-antd-mobile-popup .ant-cascader-menu-item,\n.react-form-antd-mobile-popup .ant-select-tree-node-content-wrapper {\n  min-height: 44px;\n  display: flex;\n  align-items: center;\n}\n.react-form-antd-mobile-popup .ant-picker-range-arrow {\n  display: none !important;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range) {\n  clip-path: inset(0 -40px -40px -40px);\n}\n\n.react-form-antd-mobile-popup.is-above:not(.is-picker):not(.is-range) {\n  top: auto !important;\n  bottom: var(--react-form-antd-mobile-popup-bottom) !important;\n  border-radius: var(--radius-default, 2px) var(--radius-default, 2px) 0 0 !important;\n  transform: none !important;\n  animation: none !important;\n  clip-path: inset(-40px -40px 0 -40px);\n}\n\n.react-form-antd-mobile-popup.is-picker,\n.react-form-antd-mobile-popup.is-range {\n  overflow: visible;\n  background: transparent;\n  animation: none;\n  border-radius: 0 !important;\n}\n.react-form-antd-mobile-popup.is-picker.is-above,\n.react-form-antd-mobile-popup.is-range.is-above {\n  top: auto !important;\n  bottom: var(--react-form-antd-mobile-popup-bottom) !important;\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n  transform: none !important;\n}\n.react-form-antd-mobile-popup.is-picker.is-above .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range.is-above .ant-picker-panel-container {\n  margin: 0 !important;\n  border-radius: var(--ant-border-radius-lg, 8px) var(--ant-border-radius-lg, 8px) 0 0 !important;\n  clip-path: inset(-40px -40px 0 -40px);\n}\n.react-form-antd-mobile-popup.is-picker:not(.is-above) .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range:not(.is-above) .ant-picker-panel-container {\n  margin: 0 !important;\n  border-radius: 0 0 var(--ant-border-radius-lg, 8px) var(--ant-border-radius-lg, 8px) !important;\n  clip-path: inset(0 -40px -40px -40px);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-footer,\n.react-form-antd-mobile-popup.is-picker .ant-picker-header,\n.react-form-antd-mobile-popup.is-picker .ant-picker-body,\n.react-form-antd-mobile-popup.is-picker .ant-picker-content,\n.react-form-antd-mobile-popup.is-picker .ant-picker-date-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-week-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-month-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-quarter-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-year-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-decade-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-footer,\n.react-form-antd-mobile-popup.is-range .ant-picker-header,\n.react-form-antd-mobile-popup.is-range .ant-picker-body,\n.react-form-antd-mobile-popup.is-range .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-date-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-week-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-month-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-quarter-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-year-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-decade-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel {\n  width: 100%;\n  min-width: 0;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-content {\n  table-layout: fixed;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-container {\n  display: block !important;\n  overflow: visible;\n  max-height: none;\n  width: 100% !important;\n  min-width: 100% !important;\n  background: #fff !important;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout {\n  max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n  overflow: auto;\n  width: 100%;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel),\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) {\n  background: #fff !important;\n  overflow: hidden;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel) .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) .ant-picker-panel-container {\n  clip-path: none !important;\n  box-shadow: none !important;\n  border-radius: inherit !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel) .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) .ant-picker-panel-layout {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: stretch !important;\n  width: 100% !important;\n  flex: 1 1 auto !important;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 1 auto !important;\n  align-self: stretch !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 100% !important;\n  background: #fff;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel .ant-picker-content {\n  display: flex !important;\n  flex: 1 1 auto !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  height: min(280px, var(--react-form-antd-mobile-popup-height, 50vh) - 56px);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column {\n  flex: 1 1 0 !important;\n  width: auto !important;\n  min-width: 0 !important;\n  max-width: none !important;\n  margin: 0 !important;\n  text-align: center;\n  overflow-y: auto !important;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell {\n  margin-inline: 4px;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n  width: 100% !important;\n  max-width: none !important;\n  min-height: 44px;\n  height: 44px !important;\n  line-height: 44px !important;\n  padding-inline: 0 !important;\n  text-align: center;\n  border-radius: 6px;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n  background: rgba(0, 0, 0, 0.04);\n  font-weight: 600;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-footer,\n.react-form-antd-mobile-popup.is-range .ant-picker-footer {\n  width: 100%;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  background: #fff;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-ok,\n.react-form-antd-mobile-popup.is-range .ant-picker-ok {\n  margin-inline-start: auto;\n}\n\n.react-form-antd-mobile-popup.is-range {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.react-form-antd-mobile-popup.is-range .ant-picker-panels,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout {\n  flex-direction: column;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-prepare,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-prepare,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-start,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-start,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-active,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-active {\n  transform: none !important;\n  transition: none !important;\n  animation: react-form-antd-mobile-expand-down 180ms ease-out both !important;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-leave,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-leave-active {\n  transform: none !important;\n  transition: none !important;\n  pointer-events: none !important;\n  animation: react-form-antd-mobile-collapse-up 120ms ease-out both !important;\n}"]}
+{"version":3,"sources":["index.scss","style.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,6CAA6C;AAC/C;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,iBA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","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-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .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-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-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, .react-form__field.is-error .react-form__field-component.ant-select {\n  --ant-select-border-color: #fc3333 !important;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused {\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}",".react-form-antd-mobile-stepper.ant-input-number {\n  width: 100%;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-lg {\n  border-radius: var(--ant-border-radius-lg, 8px);\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner {\n  overflow: hidden;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: stretch;\n  width: calc(1em * var(--ant-line-height, 1.5714) + 2 * var(--ant-input-number-input-padding-block, 4px));\n  padding-inline: 0;\n  font-size: inherit;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action .anticon {\n  font-size: 14px;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner.ant-input-number-lg .ant-input-number-action {\n  width: calc(1em * var(--ant-line-height-lg, 1.5) + 2 * var(--ant-input-number-input-padding-block, 7px));\n}"]}

package/dist/index.js

@@ -81,7 +81,18 @@ var preset = (function (props) {
   ReactForm.preset(globalParams.rules);
 });
 
-var _excluded$6 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+/** 仅控制表单布局；字段弹层、字号等字段级移动端优化不读这里 */
+var FormMobileContext = React.createContext(undefined);
+var useFormMobile = function useFormMobile() {
+  return React.useContext(FormMobileContext);
+};
+var useFormIsMobile = function useFormIsMobile() {
+  var mobile = useFormMobile();
+  var isMobile = responsiveUtils.useIsMobile();
+  return mobile === false ? false : isMobile;
+};
+
+var _excluded$7 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "mobile", "children"];
 var ScrollToError = reactFormHelper.widget.ScrollToError,
   EnterSubmit = reactFormHelper.widget.EnterSubmit,
   FormStore = reactFormHelper.widget.FormStore,
@@ -98,9 +109,12 @@ var Form = React.forwardRef(function (originProps, ref) {
     scrollProps = _originProps$scrollPr === void 0 ? {
       block: 'center'
     } : _originProps$scrollPr,
+    originMobile = originProps.mobile,
     children = originProps.children,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$6);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$7);
   var isMobile = responsiveUtils.useIsMobile();
+  var parentMobile = useFormMobile();
+  var mobile = originMobile !== undefined ? originMobile : parentMobile !== undefined ? parentMobile : globalParams.mobile;
   var baseClass = 'react-form';
   var computedClass = baseClass;
   var _Object$assign = Object.assign({
@@ -117,11 +131,13 @@ var Form = React.forwardRef(function (originProps, ref) {
   }
   var maxLabel = /*#__PURE__*/React__default["default"].createElement(MaxLabelProvider, null, children);
   return /*#__PURE__*/React__default["default"].createElement("form", {
-    className: classnames__default["default"](baseClass, computedClass, isMobile && 'is-mobile', className),
+    className: classnames__default["default"](baseClass, computedClass, isMobile && 'is-mobile', mobile === false && 'is-mobile-disabled', className),
     onSubmit: function onSubmit(e) {
       e.preventDefault();
       e.stopPropagation();
     }
+  }, /*#__PURE__*/React__default["default"].createElement(FormMobileContext.Provider, {
+    value: mobile
   }, /*#__PURE__*/React__default["default"].createElement(SizeProvider, {
     value: {
       size: size
@@ -132,7 +148,7 @@ var Form = React.forwardRef(function (originProps, ref) {
     cache: cache
   }) : null, scrollToError ? /*#__PURE__*/React__default["default"].createElement(ScrollToError, {
     scrollProps: scrollProps
-  }) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel)));
+  }) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel))));
 });
 
 var locale$1 = {
@@ -31313,19 +31329,12 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
     unlockTriggerWidth = _ref$unlockTriggerWid === void 0 ? false : _ref$unlockTriggerWid,
     _ref$syncListHeight = _ref.syncListHeight,
     syncListHeight = _ref$syncListHeight === void 0 ? false : _ref$syncListHeight,
-    _ref$dropdownVisibleE = _ref.dropdownVisibleEvent,
-    dropdownVisibleEvent = _ref$dropdownVisibleE === void 0 ? false : _ref$dropdownVisibleE,
     anchorRefProp = _ref.anchorRef,
     openProp = _ref.open,
     onOpenChange = _ref.onOpenChange,
-    onDropdownVisibleChange = _ref.onDropdownVisibleChange,
     getPopupContainerProp = _ref.getPopupContainer,
     classNamesProp = _ref.classNames,
     stylesProp = _ref.styles,
-    popupClassName = _ref.popupClassName,
-    dropdownClassName = _ref.dropdownClassName,
-    popupStyle = _ref.popupStyle,
-    dropdownStyle = _ref.dropdownStyle,
     placement = _ref.placement,
     zIndex = _ref.zIndex,
     inputReadOnly = _ref.inputReadOnly,
@@ -31617,8 +31626,7 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
       updatePopupMetrics();
     }
     onOpenChange && onOpenChange(next);
-    onDropdownVisibleChange && onDropdownVisibleChange(next);
-  }, [controlled, isMobile, onDropdownVisibleChange, onOpenChange, updatePopupMetrics]);
+  }, [controlled, isMobile, onOpenChange, updatePopupMetrics]);
   var close = React.useCallback(function () {
     emitOpenChange(false);
   }, [emitOpenChange]);
@@ -31636,7 +31644,6 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
   var openAbove = popupMetrics.placement === 'top';
   var popupClass = classnames__default["default"](POPUP_CLASS, modeClass, kind === 'picker' && 'is-picker', kind === 'range-picker' && 'is-range', openAbove && 'is-above');
   var mobilePopupStyle = (_mobilePopupStyle = {}, _mobilePopupStyle[HEIGHT_VAR] = popupMetrics.height > 0 ? popupMetrics.height + "px" : undefined, _mobilePopupStyle[TOP_VAR] = popupMetrics.top + "px", _mobilePopupStyle[BOTTOM_VAR] = openAbove ? popupMetrics.bottom + "px" : undefined, _mobilePopupStyle.top = openAbove ? 'auto' : popupMetrics.top, _mobilePopupStyle.bottom = openAbove ? popupMetrics.bottom : undefined, _mobilePopupStyle.left = (_popupMetrics$left = popupMetrics.left) != null ? _popupMetrics$left : 0, _mobilePopupStyle.zIndex = panelZIndex, _mobilePopupStyle);
-  var mergedPopupStyle = Object.assign({}, popupStyle, dropdownStyle, mobilePopupStyle);
   var popupProps = {};
   if (isMobile) {
     popupProps = {
@@ -31647,16 +31654,9 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
       // 位置由我们按可用空间计算，禁止 antd 再自动翻转，否则遮罩会和弹层错位
       autoAdjustOverflow: false,
       transitionName: '',
-      popupClassName: classnames__default["default"](popupClassName, popupClass),
-      dropdownClassName: classnames__default["default"](dropdownClassName, popupClass),
-      popupStyle: mergedPopupStyle,
-      dropdownStyle: mergedPopupStyle,
       classNames: mergeClassNames(classNamesProp, popupClass),
       styles: mergeStyles(stylesProp, mobilePopupStyle)
     };
-    if (dropdownVisibleEvent) {
-      popupProps.onDropdownVisibleChange = emitOpenChange;
-    }
     if (kind === 'picker' || kind === 'range-picker') {
       popupProps.inputReadOnly = inputReadOnly !== undefined ? inputReadOnly : true;
     }
@@ -31689,26 +31689,21 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
   };
 };
 
-var _excluded$5 = ["disableMobilePopup"];
+var _excluded$6 = ["disableMobilePopup"];
 var withMobilePopup = function withMobilePopup(WrappedComponent, options) {
   if (options === void 0) {
     options = {};
   }
   var MobilePopupField = React.forwardRef(function (props, ref) {
     var disableMobilePopup = props.disableMobilePopup,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$5);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$6);
     var _useMobileFieldPopup = useMobileFieldPopup(Object.assign({}, options, {
         disabled: disableMobilePopup,
         open: rest.open,
         onOpenChange: rest.onOpenChange,
-        onDropdownVisibleChange: rest.onDropdownVisibleChange,
         getPopupContainer: rest.getPopupContainer,
         classNames: rest.classNames,
         styles: rest.styles,
-        popupClassName: rest.popupClassName,
-        dropdownClassName: rest.dropdownClassName,
-        popupStyle: rest.popupStyle,
-        dropdownStyle: rest.dropdownStyle,
         placement: rest.placement,
         zIndex: rest.zIndex,
         inputReadOnly: rest.inputReadOnly,
@@ -31823,7 +31818,7 @@ var normalizeDateValue = function normalizeDateValue(value, picker) {
   return startOfByPicker(value, picker);
 };
 
-var _excluded$4 = ["value", "defaultValue", "format", "showTime", "picker", "onChange"];
+var _excluded$5 = ["value", "defaultValue", "format", "showTime", "picker", "onChange"];
 
 /**
  * Wrap antd picker so string/number initial values from form/API become dayjs.
@@ -31846,7 +31841,7 @@ var withDayjsValue = function withDayjsValue(WrappedComponent, options) {
       showTime = _ref.showTime,
       picker = _ref.picker,
       onChange = _ref.onChange,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
     var mergedPicker = picker || defaultPicker;
     var shouldStripTime = stripTime && !showTime;
     var mergedValue = React.useMemo(function () {
@@ -31991,8 +31986,7 @@ var useOnChange$8 = reactFormHelper.hooks.useOnChange;
 var MobileSelect = withMobilePopup(antd.Select, {
   kind: 'select',
   unlockTriggerWidth: true,
-  syncListHeight: true,
-  dropdownVisibleEvent: true
+  syncListHeight: true
 });
 var SelectInner = function SelectInner(props) {
   var _useIntl = reactIntl.useIntl(),
@@ -32014,11 +32008,11 @@ SelectInner.Option = antd.Select.Option;
 SelectInner.OptGroup = antd.Select.OptGroup;
 var _Select = withLocale(SelectInner);
 
-var _excluded$3 = ["onChange"];
+var _excluded$4 = ["onChange"];
 var useOnChange$7 = reactFormHelper.hooks.useOnChange;
 var RadioGroup = function RadioGroup(_ref) {
   var onChange = _ref.onChange,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   props = Object.assign({}, {
     fieldName: 'radioGroup'
   }, props);
@@ -32036,7 +32030,28 @@ var _RadioGroup = function _RadioGroup(props) {
 _RadioGroup.Field = RadioGroup;
 _RadioGroup.Radio = antd.Radio;
 
+var MOBILE_STEPPER_CLASS = 'react-form-antd-mobile-stepper';
+var withMobileStepper = function withMobileStepper(WrappedComponent) {
+  var MobileStepper = React.forwardRef(function (props, ref) {
+    var isMobile = responsiveUtils.useIsMobile();
+    if (!isMobile) {
+      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends$3({
+        ref: ref
+      }, props));
+    }
+    return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends$3({
+      ref: ref
+    }, props, {
+      mode: props.mode || 'spinner',
+      className: classnames__default["default"](props.className, MOBILE_STEPPER_CLASS)
+    }));
+  });
+  MobileStepper.displayName = "withMobileStepper(" + (WrappedComponent.displayName || WrappedComponent.name || 'Component') + ")";
+  return MobileStepper;
+};
+
 var useDecorator$1 = reactFormHelper.hooks.useDecorator;
+var MobileInputNumber = withMobileStepper(antd.InputNumber);
 var InputNumberFieldInner = function InputNumberFieldInner(props) {
   var _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -32051,7 +32066,7 @@ var InputNumberFieldInner = function InputNumberFieldInner(props) {
       label: mergedProps.label
     })
   }, mergedProps));
-  return render(antd.InputNumber);
+  return render(MobileInputNumber);
 };
 InputNumberFieldInner.Field = antd.InputNumber;
 var InputNumberField = withLocale(InputNumberFieldInner);
@@ -32496,7 +32511,7 @@ if (process.env.NODE_ENV !== 'production') {
 }
 var CloseCircleFilled$1 = RefIcon;
 
-var _excluded$2 = ["soFarText", "soFarValue", "picker", "placeholder"];
+var _excluded$3 = ["soFarText", "soFarValue", "picker", "placeholder"];
 var useOnChange$6 = reactFormHelper.hooks.useOnChange;
 var PickerTodayInner = function PickerTodayInner(_ref) {
   var soFarText = _ref.soFarText,
@@ -32505,7 +32520,7 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
     _ref$picker = _ref.picker,
     picker = _ref$picker === void 0 ? 'date' : _ref$picker,
     placeholder = _ref.placeholder,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useControlValue = useControlValue__default["default"](props),
@@ -32992,12 +33007,17 @@ var Slider = function Slider(props) {
 };
 Slider.Field = antd.Slider;
 
-var ResetButton = function ResetButton(props) {
+var _excluded$2 = ["className"];
+var ResetButton = function ResetButton(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var resetProps = ReactForm.useReset();
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, resetProps, props));
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, resetProps, props, {
+    className: classnames__default["default"]('react-form__action-button', className)
+  }));
 };
 
-var _excluded$1 = ["type", "realtime", "disabled"],
+var _excluded$1 = ["type", "realtime", "disabled", "className"],
   _excluded2 = ["isPass", "isLoading"];
 var SubmitButton = function SubmitButton(_ref) {
   var _ref$type = _ref.type,
@@ -33005,6 +33025,7 @@ var SubmitButton = function SubmitButton(_ref) {
     realtime = _ref.realtime,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _useSubmit = ReactForm.useSubmit(props),
     isPass = _useSubmit.isPass,
@@ -33014,16 +33035,20 @@ var SubmitButton = function SubmitButton(_ref) {
     type: type,
     loading: isLoading,
     disabled: disabled || (realtime ? !isPass : false)
-  }, props, submitProps));
+  }, props, submitProps, {
+    className: classnames__default["default"]('react-form__action-button', className)
+  }));
 };
 
-var _excluded = ["onClick"];
+var _excluded = ["onClick", "className"];
 var useCacheRemove = reactFormHelper.hooks.useCacheRemove;
 var CancelButton = function CancelButton(_ref) {
   var _onClick = _ref.onClick,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var remove = useCacheRemove();
   return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, props, {
+    className: classnames__default["default"]('react-form__action-button', className),
     onClick: function onClick() {
       remove();
       _onClick && _onClick.apply(void 0, [].slice.call(arguments));
@@ -33073,6 +33098,7 @@ exports.CheckboxGroup = CheckboxGroup;
 exports.DatePicker = _DatePicker;
 exports.DatePickerToday = RangePickerToday;
 exports.FormAntd = FormAntd;
+exports.FormMobileContext = FormMobileContext;
 exports.Input = InputField;
 exports.InputNumber = InputNumberField;
 exports.RadioGroup = _RadioGroup;
@@ -33088,6 +33114,8 @@ exports.TreeSelect = _TreeSelect;
 exports["default"] = Form;
 exports.fields = fields;
 exports.preset = preset;
+exports.useFormIsMobile = useFormIsMobile;
+exports.useFormMobile = useFormMobile;
 Object.keys(ReactForm).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,