linkmore-design 1.1.13-alpha.1 → 1.1.13-alpha.10

package/lib/Button/index.js

@@ -40,7 +40,8 @@ var LMButton = function LMButton(props) {
       type = _props$type === void 0 ? 'default' : _props$type,
       _props$hover = props.hover,
       hover = _props$hover === void 0 ? false : _props$hover,
-      restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
+      danger = props.danger,
+      restProps = __rest(props, ["children", "className", "size", "type", "hover", "danger"]);
 
   var globalSize = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
 
@@ -51,12 +52,12 @@ var LMButton = function LMButton(props) {
 
   var classs = (0, _classnames.default)('lm-button', className, {
     'lm-button-icon-only': !children
-  }, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
+  }, (0, _defineProperty2.default)({}, "lm-button-danger", danger), (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, restProps, {
     className: classs,
     size: size,
     type: type,
-    danger: !!restProps.danger
+    danger: !!danger
   }), children);
 };
 

package/lib/Button/style/index.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;

package/lib/Button/style/variables.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;

package/lib/Cascader/index.js

@@ -15,6 +15,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -37,13 +41,41 @@ var LMCascader = function LMCascader(props) {
       dropdownClassName = props.dropdownClassName,
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
-      others = __rest(props, ["children", "className", "dropdownClassName", "placeholder"]);
+      defaultLabel = props.defaultLabel,
+      customDisabled = props.disabled,
+      customizeSize = props.size,
+      others = __rest(props // ===================== Disabled =====================
+  , ["children", "className", "dropdownClassName", "placeholder", "defaultLabel", "disabled", "size"]); // ===================== Disabled =====================
+
+
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var size = _react.default.useContext(_SizeContext.default);
+
+  var mergeSize = customizeSize || size;
+  var mergedDisabled = customDisabled || disabled;
+
+  var displayRender = function displayRender(label, selectedOptions) {
+    var hasUndefined = selectedOptions.some(function (v) {
+      return !v;
+    });
+
+    if (hasUndefined && defaultLabel) {
+      return defaultLabel;
+    }
+
+    return label.join('/');
+  };
 
   return /*#__PURE__*/_react.default.createElement(_cascader.default, Object.assign({
     placeholder: placeholder,
     className: (0, _classnames.default)(prefixCls, className),
-    dropdownClassName: (0, _classnames.default)(prefixDropdownCls, dropdownClassName)
-  }, others));
+    dropdownClassName: (0, _classnames.default)(prefixDropdownCls, dropdownClassName),
+    displayRender: displayRender
+  }, others, {
+    size: mergeSize,
+    disabled: mergedDisabled
+  }));
 };
 
 var _default = LMCascader;

package/lib/Cascader/style/index.css

@@ -512,6 +512,7 @@ p {
 }
 .lm_cascader.ant-select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_cascader_dropdown.ant-select-dropdown {
   font-size: 12px;

package/lib/Cascader/style/variables.css

@@ -1,5 +1,6 @@
 .lm_cascader.ant-select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_cascader_dropdown.ant-select-dropdown {
   font-size: 12px;

package/lib/ConfigProvider/context.d.ts

@@ -44,6 +44,7 @@ export interface ConfigConsumerProps {
         requiredMark?: RequiredMark;
         colon?: boolean;
     };
+    iconUrl?: string | Array<string>;
 }
 export declare const ConfigContext: React.Context<ConfigConsumerProps>;
 export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;

package/lib/ConfigProvider/index.js

@@ -51,7 +51,7 @@ var _DisabledContext = require("./DisabledContext");
 
 var _SizeContext = _interopRequireWildcard(require("./SizeContext"));
 
-var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; // These props is used by `useContext` directly in sub component
+var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader', 'iconUrl']; // These props is used by `useContext` directly in sub component
 
 exports.configConsumerProps = configConsumerProps;
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
@@ -136,7 +136,8 @@ var ProviderChildren = function ProviderChildren(props) {
       legacyLocale = props.legacyLocale,
       parentContext = props.parentContext,
       iconPrefixCls = props.iconPrefixCls,
-      componentDisabled = props.componentDisabled;
+      componentDisabled = props.componentDisabled,
+      iconUrl = props.iconUrl;
   var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
     var prefixCls = props.prefixCls;
     if (customizePrefixCls) return customizePrefixCls;
@@ -151,7 +152,8 @@ var ProviderChildren = function ProviderChildren(props) {
     space: space,
     virtual: virtual,
     dropdownMatchSelectWidth: dropdownMatchSelectWidth,
-    getPrefixCls: getPrefixCls
+    getPrefixCls: getPrefixCls,
+    iconUrl: iconUrl
   }); // Pass the props used by `useContext` directly with child component.
   // These props should merged into `config`.
 

package/lib/Descriptions/Cell.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface CellProps {
     itemPrefixCls: string;
     span: number;
+    rowSpan: number;
     className?: string;
     component: string;
     style?: React.CSSProperties;

package/lib/Descriptions/Cell.js

@@ -23,6 +23,7 @@ var Cell = function Cell(_ref) {
   var itemPrefixCls = _ref.itemPrefixCls,
       component = _ref.component,
       span = _ref.span,
+      rowSpan = _ref.rowSpan,
       className = _ref.className,
       style = _ref.style,
       labelStyle = _ref.labelStyle,
@@ -39,7 +40,8 @@ var Cell = function Cell(_ref) {
     return /*#__PURE__*/React.createElement(Component, {
       className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(itemPrefixCls, "-item-label"), notEmpty(label)), (0, _defineProperty2.default)(_classNames, "".concat(itemPrefixCls, "-item-content"), notEmpty(content)), _classNames), className),
       style: style,
-      colSpan: span
+      colSpan: span,
+      rowSpan: rowSpan
     }, notEmpty(label) && /*#__PURE__*/React.createElement("span", {
       style: labelStyle
     }, label), notEmpty(content) && /*#__PURE__*/React.createElement("span", {
@@ -50,7 +52,8 @@ var Cell = function Cell(_ref) {
   return /*#__PURE__*/React.createElement(Component, {
     className: (0, _classnames.default)("".concat(itemPrefixCls, "-item"), className),
     style: style,
-    colSpan: span
+    colSpan: span,
+    rowSpan: rowSpan
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(itemPrefixCls, "-item-container")
   }, (label || label === 0) && /*#__PURE__*/React.createElement("span", {

package/lib/Descriptions/Item.d.ts

@@ -8,6 +8,7 @@ export interface DescriptionsItemProps {
     contentStyle?: React.CSSProperties;
     children: React.ReactNode;
     span?: number;
+    rowSpan?: number;
 }
 declare const DescriptionsItem: React.FC<DescriptionsItemProps>;
 export default DescriptionsItem;

package/lib/Descriptions/Row.js

@@ -11,7 +11,7 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _ = require("./");
+var _ = require(".");
 
 var _Cell = _interopRequireDefault(require("./Cell"));
 
@@ -37,6 +37,8 @@ function renderCells(items, _ref, _ref2) {
         contentStyle = _ref3$props.contentStyle,
         _ref3$props$span = _ref3$props.span,
         span = _ref3$props$span === void 0 ? 1 : _ref3$props$span,
+        _ref3$props$rowSpan = _ref3$props.rowSpan,
+        rowSpan = _ref3$props$rowSpan === void 0 ? 1 : _ref3$props$rowSpan,
         key = _ref3.key;
 
     if (typeof component === 'string') {
@@ -47,6 +49,7 @@ function renderCells(items, _ref, _ref2) {
         labelStyle: Object.assign(Object.assign({}, rootLabelStyle), labelStyle),
         contentStyle: Object.assign(Object.assign({}, rootContentStyle), contentStyle),
         span: span,
+        rowSpan: rowSpan,
         colon: colon,
         component: component,
         itemPrefixCls: itemPrefixCls,
@@ -61,6 +64,7 @@ function renderCells(items, _ref, _ref2) {
       className: className,
       style: Object.assign(Object.assign(Object.assign({}, rootLabelStyle), style), labelStyle),
       span: 1,
+      rowSpan: rowSpan,
       colon: colon,
       component: component[0],
       itemPrefixCls: itemPrefixCls,
@@ -71,6 +75,7 @@ function renderCells(items, _ref, _ref2) {
       className: className,
       style: Object.assign(Object.assign(Object.assign({}, rootContentStyle), style), contentStyle),
       span: span * 2 - 1,
+      rowSpan: rowSpan,
       component: component[1],
       itemPrefixCls: itemPrefixCls,
       bordered: bordered,

package/lib/Descriptions/index.d.ts

@@ -21,7 +21,7 @@ export interface DescriptionsProps {
     contentStyle?: React.CSSProperties;
     containerType?: 'default' | 'drawer' | 'modal';
 }
-declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType }: DescriptionsProps): JSX.Element;
+declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType, }: DescriptionsProps): JSX.Element;
 declare namespace Descriptions {
     var Item: React.FC<import("./Item").DescriptionsItemProps>;
 }

package/lib/Descriptions/index.js

@@ -167,9 +167,9 @@ function Descriptions(_ref) {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(size), size && size !== 'default'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-bordered"), !!bordered), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className, 'lm_descriptions', {
-      'lm_descriptions_default': containerType === 'default',
-      'lm_descriptions_drawer': containerType === 'drawer',
-      'lm_descriptions_modal': containerType === 'modal'
+      lm_descriptions_default: containerType === 'default',
+      lm_descriptions_drawer: containerType === 'drawer',
+      lm_descriptions_modal: containerType === 'modal'
     }),
     style: style
   }, (title || extra) && /*#__PURE__*/React.createElement("div", {

package/lib/Descriptions/style/index.css

@@ -665,6 +665,9 @@ p {
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/lib/Descriptions/style/variables.css

@@ -153,6 +153,9 @@
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/lib/Form/Form.js

@@ -49,7 +49,7 @@ var _context = require("./context");
 
 var _useForm3 = _interopRequireDefault(require("./hooks/useForm"));
 
-var _container = _interopRequireDefault(require("./container"));
+var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -96,8 +96,10 @@ var InternalForm = function InternalForm(props, ref) {
       onFinishFailed = props.onFinishFailed,
       name = props.name,
       responsive = props.responsive,
-      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive"]);
+      customizeChildren = props.children,
+      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
 
+  var children = customizeChildren;
   var mergedRequiredMark = (0, React.useMemo)(function () {
     if (requiredMark !== undefined) {
       return requiredMark;
@@ -156,6 +158,12 @@ var InternalForm = function InternalForm(props, ref) {
     }
   };
 
+  if (responsive) {
+    children = /*#__PURE__*/React.createElement(_WrapperItem.default, {
+      children: children
+    });
+  }
+
   var formNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
@@ -165,6 +173,7 @@ var InternalForm = function InternalForm(props, ref) {
   }, /*#__PURE__*/React.createElement(_rcFieldForm.default, Object.assign({
     id: name
   }, restFormProps, {
+    children: children,
     name: name,
     onFinishFailed: onInternalFinishFailed,
     form: wrapForm,
@@ -172,8 +181,8 @@ var InternalForm = function InternalForm(props, ref) {
   })))));
 
   if (responsive) {
-    return /*#__PURE__*/React.createElement(_container.default, {
-      responsive: true
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lm_form_responsive_box"
     }, formNode);
   }
 

package/lib/Form/FormItem/ItemHolder.js

@@ -145,17 +145,8 @@ function ItemHolder(props) {
   }, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
 
   var itemClassName = (_itemClassName = {}, (0, _defineProperty2.default)(_itemClassName, itemPrefixCls, true), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), (0, _defineProperty2.default)(_itemClassName, "".concat(className), !!className), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), (0, _defineProperty2.default)(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
-  var nthCls = '';
-
-  if (itemRef.current && itemRef.current.classList) {
-    var list = itemRef.current.classList;
-    if (list.contains('nth-three')) nthCls = 'nth-three';
-    if (list.contains('nth-four')) nthCls = 'nth-four';
-    if (list.contains('nth-five')) nthCls = 'nth-five';
-  }
-
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(itemClassName, nthCls),
+    className: (0, _classnames.default)(itemClassName),
     style: style,
     ref: itemRef
   }, /*#__PURE__*/React.createElement(_Grid.Row, Object.assign({

package/lib/Form/FormWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<any>;
+export default _default;

package/lib/Form/FormWrapper.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
+
+function withComponent(WrappedComponent) {
+  var WithComponent = function WithComponent(props) {
+    return /*#__PURE__*/_react.default.createElement(WrappedComponent, Object.assign({}, props, {
+      with: true
+    }));
+  };
+
+  var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithComponent.displayName = "withComponent(".concat(wrappedComponentName, ")");
+  return WithComponent;
+}
+
+var FormWrapper = function FormWrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_WrapperItem.default, Object.assign({}, props, {
+    user: true
+  }));
+};
+
+var _default = withComponent(FormWrapper);
+
+exports.default = _default;

package/lib/Form/WrapperItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IWrapper } from './interface';
+declare const WrapperItem: React.FC<IWrapper>;
+export default WrapperItem;