@hi-ui/form 4.1.2 → 4.1.3

package/lib/esm/Form.js

@@ -14,39 +14,35 @@ import { __DEV__, invariant } from '@hi-ui/env';
 import { FormProvider } from './context.js';
 import { useForm } from './use-form.js';
 var _role = 'form';
-
-var _prefix = getPrefixCls(_role); // form 注册表
-
-
+var _prefix = getPrefixCls(_role);
+// form 注册表
 var FORM_REGISTER_TABLE = {};
 /**
- * TODO: What is Form
+ * 表单
  */
-
 var Form = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      children = _a.children,
-      innerRef = _a.innerRef,
-      labelWidth = _a.labelWidth,
-      _a$labelPlacement = _a.labelPlacement,
-      labelPlacement = _a$labelPlacement === void 0 ? 'right' : _a$labelPlacement,
-      _a$placement = _a.placement,
-      placement = _a$placement === void 0 ? 'vertical' : _a$placement,
-      _a$contentPosition = _a.contentPosition,
-      contentPosition = _a$contentPosition === void 0 ? 'center' : _a$contentPosition,
-      _a$showRequiredOnVali = _a.showRequiredOnValidateRequired,
-      showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
-      _a$showColon = _a.showColon,
-      showColon = _a$showColon === void 0 ? true : _a$showColon,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    children = _a.children,
+    innerRef = _a.innerRef,
+    labelWidth = _a.labelWidth,
+    _a$labelPlacement = _a.labelPlacement,
+    labelPlacement = _a$labelPlacement === void 0 ? 'right' : _a$labelPlacement,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'vertical' : _a$placement,
+    _a$contentPosition = _a.contentPosition,
+    contentPosition = _a$contentPosition === void 0 ? 'center' : _a$contentPosition,
+    _a$showRequiredOnVali = _a.showRequiredOnValidateRequired,
+    showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
+    _a$showColon = _a.showColon,
+    showColon = _a$showColon === void 0 ? true : _a$showColon,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
   var formContext = useForm(rest);
-  var getRootProps = formContext.getRootProps; // @ts-ignore
-
+  var getRootProps = formContext.getRootProps;
+  // @ts-ignore
   useImperativeHandle(innerRef, function () {
     return {
       validate: formContext.submitForm,
@@ -74,8 +70,7 @@ var Form = /*#__PURE__*/forwardRef(function (_a, ref) {
     });
   }, [labelWidth, formContext, labelPlacement, showColon, prefixCls, contentPosition, showRequiredOnValidateRequired]);
   var cls = cx(prefixCls, className, placement && prefixCls + "--placement-" + placement);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/(
     // @ts-ignore
     React.createElement(FormProvider, {
       value: providedValue
@@ -86,11 +81,9 @@ var Form = /*#__PURE__*/forwardRef(function (_a, ref) {
     }, getRootProps()), children))
   );
 });
-
 if (__DEV__) {
   Form.displayName = 'Form';
 }
-
 var formExtends = function formExtends(model) {
   // @ts-ignore
   if (typeof model.name === 'string') {
@@ -100,7 +93,6 @@ var formExtends = function formExtends(model) {
     invariant(false, 'The name should be unique string and not empty.');
   }
 };
-
 Object.assign(Form, {
   "extends": formExtends
 });

package/lib/esm/FormField.js

@@ -11,33 +11,22 @@ import { isValidElement, cloneElement } from 'react';
 import { __DEV__ } from '@hi-ui/env';
 import { useFormField } from './use-form-field.js';
 import { isFunction } from '@hi-ui/type-assertion';
-/**
- * TODO: What is FormField
- */
-
 var FormField = function FormField(props) {
   var _a;
-
   var fieldProps = useFormField(props);
-
   if (isFunction(props.render)) {
     return props.render(fieldProps);
   }
-
   if (isFunction(props.children)) {
     return props.children(fieldProps);
   }
-
   if (! /*#__PURE__*/isValidElement(props.children)) {
     console.warn('FormField must pass a valid element as children.');
     return (_a = props.children) !== null && _a !== void 0 ? _a : null;
   }
-
   return /*#__PURE__*/cloneElement(props.children, Object.assign({}, fieldProps));
 };
-
 if (__DEV__) {
   FormField.displayName = 'FormField';
 }
-
 export { FormField };

package/lib/esm/FormItem.js

@@ -16,28 +16,22 @@ import { FormMessage } from './FormMessage.js';
 import { FormField } from './FormField.js';
 import { useFormContext } from './context.js';
 import { cx } from '@hi-ui/classname';
-/**
- * TODO: What is FormItem
- */
-
 var FormItem = function FormItem(_a) {
   var className = _a.className,
-      children = _a.children,
-      field = _a.field,
-      valueType = _a.valueType,
-      rules = _a.rules,
-      valuePropName = _a.valuePropName,
-      valueChangeFuncPropName = _a.valueChangeFuncPropName,
-      valueDispatchTransform = _a.valueDispatchTransform,
-      valueConnectTransform = _a.valueConnectTransform,
-      validateTrigger = _a.validateTrigger,
-      render = _a.render,
-      rest = __rest(_a, ["className", "children", "field", "valueType", "rules", "valuePropName", "valueChangeFuncPropName", "valueDispatchTransform", "valueConnectTransform", "validateTrigger", "render"]);
-
+    children = _a.children,
+    field = _a.field,
+    valueType = _a.valueType,
+    rules = _a.rules,
+    valuePropName = _a.valuePropName,
+    valueChangeFuncPropName = _a.valueChangeFuncPropName,
+    valueDispatchTransform = _a.valueDispatchTransform,
+    valueConnectTransform = _a.valueConnectTransform,
+    validateTrigger = _a.validateTrigger,
+    render = _a.render,
+    rest = __rest(_a, ["className", "children", "field", "valueType", "rules", "valuePropName", "valueChangeFuncPropName", "valueDispatchTransform", "valueConnectTransform", "validateTrigger", "render"]);
   var _useFormContext = useFormContext(),
-      prefixCls = _useFormContext.prefixCls,
-      showRequiredOnValidateRequired = _useFormContext.showRequiredOnValidateRequired;
-
+    prefixCls = _useFormContext.prefixCls,
+    showRequiredOnValidateRequired = _useFormContext.showRequiredOnValidateRequired;
   var fieldRules = useFiledRules({
     field: field,
     rules: rules,
@@ -50,7 +44,6 @@ var FormItem = function FormItem(_a) {
         return item.required;
       });
     }
-
     return required;
   }, [required, showRequiredOnValidateRequired, fieldRules]);
   return /*#__PURE__*/React.createElement(FormLabel, Object.assign({}, rest, {
@@ -73,9 +66,7 @@ var FormItem = function FormItem(_a) {
     render: render
   }, children));
 };
-
 if (__DEV__) {
   FormItem.displayName = 'FormItem';
 }
-
 export { FormItem };

package/lib/esm/FormLabel.js

@@ -15,74 +15,64 @@ import { useFormContext } from './context.js';
 import { isNumeric } from '@hi-ui/type-assertion';
 import { useLocaleContext } from '@hi-ui/core';
 var _role = 'form-label';
-
 var _prefix = getPrefixCls(_role);
-/**
- * TODO: What is FormLabel
- */
-
-
 var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
   var i18n = useLocaleContext();
-
   var _useFormContext = useFormContext(),
-      labelWidthContext = _useFormContext.labelWidth,
-      labelPlacementContext = _useFormContext.labelPlacement,
-      showColonContext = _useFormContext.showColon,
-      contentPositionContext = _useFormContext.contentPosition;
-
+    labelWidthContext = _useFormContext.labelWidth,
+    labelPlacementContext = _useFormContext.labelPlacement,
+    showColonContext = _useFormContext.showColon,
+    contentPositionContext = _useFormContext.contentPosition;
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
-      _props$role = props.role,
-      role = _props$role === void 0 ? _role : _props$role,
-      className = props.className,
-      styleProp = props.style,
-      children = props.children,
-      label = props.label,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      _props$labelWidth = props.labelWidth,
-      labelWidthProp = _props$labelWidth === void 0 ? labelWidthContext : _props$labelWidth,
-      _props$showColon = props.showColon,
-      showColon = _props$showColon === void 0 ? showColonContext : _props$showColon,
-      _props$contentPositio = props.contentPosition,
-      contentPosition = _props$contentPositio === void 0 ? contentPositionContext : _props$contentPositio,
-      _props$labelPlacement = props.labelPlacement,
-      labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
-      formMessage = props.formMessage,
-      rest = __rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
-
+    prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
+    _props$role = props.role,
+    role = _props$role === void 0 ? _role : _props$role,
+    className = props.className,
+    styleProp = props.style,
+    children = props.children,
+    label = props.label,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$labelWidth = props.labelWidth,
+    labelWidthProp = _props$labelWidth === void 0 ? labelWidthContext : _props$labelWidth,
+    _props$showColon = props.showColon,
+    showColon = _props$showColon === void 0 ? showColonContext : _props$showColon,
+    _props$contentPositio = props.contentPosition,
+    contentPosition = _props$contentPositio === void 0 ? contentPositionContext : _props$contentPositio,
+    _props$labelPlacement = props.labelPlacement,
+    labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
+    formMessage = props.formMessage,
+    rest = __rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
   var _useMemo = useMemo(function () {
-    if (labelPlacement === 'top') return {
-      labelWidth: '100%',
-      controlWidth: '100%'
-    };
-    var labelWidth = isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
-    return {
-      labelWidth: labelWidth,
-      controlWidth: "calc(100% - " + labelWidth + "px)"
-    };
-  }, [labelPlacement, labelWidthProp]),
-      labelWidth = _useMemo.labelWidth,
-      controlWidth = _useMemo.controlWidth; // 指定子元素位置
-
-
+      if (labelPlacement === 'top') return {
+        labelWidth: '100%',
+        controlWidth: '100%'
+      };
+      var labelWidth = isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
+      return {
+        labelWidth: labelWidth,
+        controlWidth: "calc(100% - " + labelWidth + "px)"
+      };
+    }, [labelPlacement, labelWidthProp]),
+    labelWidth = _useMemo.labelWidth,
+    controlWidth = _useMemo.controlWidth;
+  // 指定子元素位置
   var contentPositionMemo = useMemo(function () {
     switch (contentPosition) {
       case 'top':
         return 'flex-start';
-
       case 'bottom':
         return 'flex-end';
-
       default:
         return 'center';
     }
   }, [contentPosition]);
   var colon = showColon ? i18n.get('form.colon') : null;
-  var cls = cx(prefixCls, className, required && prefixCls + "--required", labelPlacement && prefixCls + "--placement-" + labelPlacement // error && `${prefixCls}--error`,
+  var cls = cx(prefixCls, className, required && prefixCls + "--required", labelPlacement && prefixCls + "--placement-" + labelPlacement
+  // error && `${prefixCls}--error`,
   // validating && `${prefixCls}--validating`
   );
+
   var style = Object.assign({}, styleProp);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
@@ -115,9 +105,7 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, formMessage));
 });
-
 if (__DEV__) {
   FormLabel.displayName = 'FormLabel';
 }
-
 export { FormLabel };

package/lib/esm/FormList.js

@@ -13,27 +13,20 @@ import { useFormContext } from './context.js';
 import { setNested, getNested } from '@hi-ui/object-utils';
 import { isArray, isArrayNonEmpty } from '@hi-ui/type-assertion';
 var fieldListSymbol = Symbol('field-list');
-/**
- * TODO: What is FormList
- */
-
 var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      nameProp = _ref.name,
-      innerRef = _ref.innerRef;
-
+    nameProp = _ref.name,
+    innerRef = _ref.innerRef;
   var _useFormContext = useFormContext(),
-      values = _useFormContext.values,
-      setFormState = _useFormContext.setFormState; // 唯一 id 生成器
+    values = _useFormContext.values,
+    setFormState = _useFormContext.setFormState;
+  // 唯一 id 生成器
   // const listCountRef = React.useRef(0)
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
   var name = isArray(nameProp) ? nameProp : [nameProp];
   /**
    * form List 动态字段更新器
    */
-
   var updateFormList = React.useCallback(function (stateFunc, alterTouched, alterErrors) {
     setFormState(function (prev) {
       var values = setNested(prev.values, name, stateFunc(getNested(prev.values, name)));
@@ -41,15 +34,12 @@ var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       var updateTouched = typeof alterTouched === 'function' ? alterTouched : stateFunc;
       var fieldError = alterErrors ? updateErrors(getNested(prev.errors, name)) : undefined;
       var fieldTouched = alterTouched ? updateTouched(getNested(prev.touched, name)) : undefined;
-
       if (!isArrayNonEmpty(fieldError)) {
         fieldError = undefined;
       }
-
       if (!isArrayNonEmpty(fieldTouched)) {
         fieldTouched = undefined;
       }
-
       return {
         values: values,
         errors: alterErrors ? setNested(prev.errors, name, fieldError) : prev.errors,
@@ -98,8 +88,8 @@ var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, true, true);
   }, [updateFormList]);
   var listFields = React.useMemo(function () {
-    var list = getNested(values, name) || []; // @ts-ignore
-
+    var list = getNested(values, name) || [];
+    // @ts-ignore
     return list.map(function (value, index) {
       return {
         name: '' + index,
@@ -108,8 +98,8 @@ var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         value: value
       };
     });
-  }, [values, name]); // @ts-ignore
-
+  }, [values, name]);
+  // @ts-ignore
   useImperativeHandle(innerRef, function () {
     return {
       add: add,
@@ -119,15 +109,12 @@ var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
       move: move
     };
   });
-
   if (typeof children !== 'function') {
     if (__DEV__) {
       console.warn(false, 'FormList only accepts a render function as children.');
     }
-
     return null;
   }
-
   return children(listFields, {
     add: add,
     remove: remove,
@@ -136,19 +123,15 @@ var FormList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     move: move
   });
 });
-
 if (__DEV__) {
   FormList.displayName = 'FormList';
 }
-
 var insert = function insert(arr, index, value) {
   arr = [].concat(arr);
   arr.splice(index, 0, value);
   return arr;
 };
-
 var asArray = function asArray(arr) {
   return isArray(arr) ? arr : [];
 };
-
 export { FormList };

package/lib/esm/FormMessage.js

@@ -13,27 +13,19 @@ import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useFormContext } from './context.js';
 var _role = 'form-message';
-
 var _prefix = getPrefixCls(_role);
-/**
- * TODO: What is FormMessage
- */
-
-
 var FormMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      field = _a.field,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "field"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    field = _a.field,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "field"]);
   var _useFormContext = useFormContext(),
-      getFieldError = _useFormContext.getFieldError; // field 支持数组，递归去设置或者获取对象中的属性值
+    getFieldError = _useFormContext.getFieldError;
+  // field 支持数组，递归去设置或者获取对象中的属性值
   // 如何变成映射的 key，特殊处理化
-
-
   var message = field ? getFieldError(field) : null;
   var cls = cx(prefixCls, className, message && prefixCls + "--show");
   return /*#__PURE__*/React.createElement("span", Object.assign({
@@ -42,9 +34,7 @@ var FormMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
     className: cls
   }, rest), message);
 });
-
 if (__DEV__) {
   FormMessage.displayName = 'FormMessage';
 }
-
 export { FormMessage };

package/lib/esm/FormReset.js

@@ -14,23 +14,17 @@ import { __DEV__ } from '@hi-ui/env';
 import { useFormContext } from './context.js';
 import Button from '@hi-ui/button';
 var FORM_RESET_PREFIX = getPrefixCls('form-reset');
-/**
- * TODO: What is FormReset
- */
-
 var FormReset = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? FORM_RESET_PREFIX : _a$prefixCls,
-      className = _a.className,
-      children = _a.children,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'secondary' : _a$type,
-      _onClick = _a.onClick,
-      rest = __rest(_a, ["prefixCls", "className", "children", "type", "onClick"]);
-
+    prefixCls = _a$prefixCls === void 0 ? FORM_RESET_PREFIX : _a$prefixCls,
+    className = _a.className,
+    children = _a.children,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'secondary' : _a$type,
+    _onClick = _a.onClick,
+    rest = __rest(_a, ["prefixCls", "className", "children", "type", "onClick"]);
   var _useFormContext = useFormContext(),
-      resetForm = _useFormContext.resetForm;
-
+    resetForm = _useFormContext.resetForm;
   var cls = cx(prefixCls, className);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
     ref: ref,
@@ -43,9 +37,7 @@ var FormReset = /*#__PURE__*/forwardRef(function (_a, ref) {
     }
   }), children);
 });
-
 if (__DEV__) {
   FormReset.displayName = 'FormReset';
 }
-
 export { FormReset };

package/lib/esm/FormSubmit.js

@@ -14,28 +14,20 @@ import { __DEV__ } from '@hi-ui/env';
 import { useFormContext } from './context.js';
 import Button from '@hi-ui/button';
 var _role = 'form-submit';
-
 var _prefix = getPrefixCls(_role);
-/**
- * TODO: What is FormSubmit
- */
-
-
 var FormSubmit = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      children = _a.children,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'primary' : _a$type,
-      _onClick = _a.onClick,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "type", "onClick"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    children = _a.children,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'primary' : _a$type,
+    _onClick = _a.onClick,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "type", "onClick"]);
   var _useFormContext = useFormContext(),
-      submitForm = _useFormContext.submitForm;
-
+    submitForm = _useFormContext.submitForm;
   var cls = cx(prefixCls, className);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
     ref: ref,
@@ -56,9 +48,7 @@ var FormSubmit = /*#__PURE__*/forwardRef(function (_a, ref) {
     }
   }), children);
 });
-
 if (__DEV__) {
   FormSubmit.displayName = 'FormSubmit';
 }
-
 export { FormSubmit };

package/lib/esm/context.js

@@ -10,15 +10,11 @@
 import { useContext, createContext } from 'react';
 var formContext = /*#__PURE__*/createContext(null);
 var FormProvider = formContext.Provider;
-
 var useFormContext = function useFormContext() {
   var context = useContext(formContext);
-
   if (!context) {
     throw new Error('The FormContext should using in Form.');
   }
-
   return context;
 };
-
 export { FormProvider, useFormContext };

package/lib/esm/index.js

@@ -9,19 +9,15 @@
  */
 import './styles/index.scss.js';
 import { Form as Form$1 } from './Form.js';
-export { FORM_REGISTER_TABLE, Form } from './Form.js';
+export { FORM_REGISTER_TABLE } from './Form.js';
 import { FormItem } from './FormItem.js';
-export { FormItem } from './FormItem.js';
 import { FormList } from './FormList.js';
-export { FormList } from './FormList.js';
 import { FormSubmit } from './FormSubmit.js';
-export { FormSubmit } from './FormSubmit.js';
 import { FormReset } from './FormReset.js';
-export { FormReset } from './FormReset.js';
 var Form = Object.assign(Form$1, {
   Item: FormItem,
   List: FormList,
   Submit: FormSubmit,
   Reset: FormReset
 });
-export { Form as default };
+export { Form$1 as Form, FormItem, FormList, FormReset, FormSubmit, Form as default };

package/lib/esm/styles/index.scss.js

@@ -7,9 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import __styleInject__ from 'inject-head-style';
-var css_248z = ".hi-v4-form {max-width: 100%;position: relative; }.hi-v4-form fieldset {margin: 0;padding: 0;border: 0; }.hi-v4-form fieldset + fieldset {margin-top: 16px; }.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937); }.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px); }.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px); }.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0; }.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex; }.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0; }.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word; }.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px); }.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left; }.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right; }.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {height: 22px;min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px); }.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: '*';color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }.hi-v4-form-label__content__control {min-width: 1px; }.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s; }.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0); }.hi-v4-form-item {position: relative; }";
-
+import __styleInject__ from 'style-inject';
+var css_248z = ".hi-v4-form {max-width: 100%;position: relative;}.hi-v4-form fieldset {margin: 0;padding: 0;border: 0;}.hi-v4-form fieldset + fieldset {margin-top: 16px;}.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937);}.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px);}.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0;}.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0;}.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word;}.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left;}.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {height: 22px;min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: \"*\";color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-form-label__content__control {min-width: 1px;}.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.hi-v4-form-item {position: relative;}";
 __styleInject__(css_248z);
-
 export { css_248z as default };