@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.11

package/cjs/descriptions/descriptions.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DescriptionsProps } from './descriptions.type';
+declare const Descriptions: (props: DescriptionsProps) => JSX.Element;
+export default Descriptions;
+//# sourceMappingURL=descriptions.d.ts.map

package/cjs/descriptions/descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA0H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -0,0 +1,159 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Descriptions = function Descriptions(props) {
+  var _jssStyleProps$descri;
+  var className = props.className,
+    jssStyleProps = props.jssStyle,
+    style = props.style,
+    title = props.title,
+    extra = props.extra,
+    _props$column = props.column,
+    column = _props$column === void 0 ? 3 : _props$column,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    colon = props.colon,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'inlineHorizontal' : _props$layout,
+    _props$border = props.border,
+    border = _props$border === void 0 ? false : _props$border,
+    _props$tableLayout = props.tableLayout,
+    tableLayout = _props$tableLayout === void 0 ? 'auto' : _props$tableLayout,
+    valueStyle = props.valueStyle,
+    labelStyle = props.labelStyle,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size;
+  var _useDescriptions = (0, _hooks.useDescriptions)({
+      items: items,
+      column: column,
+      valueStyle: valueStyle,
+      labelStyle: labelStyle
+    }),
+    renderItem = _useDescriptions.renderItem;
+  var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 ? void 0 : (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
+  var Header = function Header() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.title,
+        children: title
+      }), extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.extra,
+        children: extra
+      })]
+    });
+  };
+  var getColSpan = (0, _hooks.usePersistFn)(function (d, isHorizontal) {
+    return d.span && d.span > 1 ? isHorizontal ? {
+      colSpan: d.span * 2 - 1
+    } : {
+      colSpan: d.span
+    } : {};
+  });
+  var renderTd = function renderTd(d, i, type, isHorizontal, isColSpan) {
+    var style = type === 'label' ? d.itemLabelStyle : d.itemValueStyle;
+    var content = type === 'label' ? d.label : d.value;
+    var className = type === 'label' ? jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.label : jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.value;
+    var colSpanProps = !isColSpan ? getColSpan(d, isHorizontal) : {};
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", _objectSpread(_objectSpread({
+      className: className,
+      style: style
+    }, colSpanProps), {}, {
+      children: [content, type === 'label' && colon]
+    }), "".concat(d.key || i, "_").concat(type));
+  };
+  var renderHorizontal = function renderHorizontal(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+      children: d.map(function (_d, _i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+          children: [renderTd(_d, _i, 'label', false, true), renderTd(_d, _i, 'value', true)]
+        }, _d.key || _i);
+      })
+    }, i);
+  };
+  var renderVertical = function renderVertical(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+        children: d.map(function (_d, _i) {
+          return renderTd(_d, _i, 'label', false);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+        children: d.map(function (_d, _i) {
+          return renderTd(_d, _i, 'value', false);
+        })
+      })]
+    }, i);
+  };
+  var renderInline = function renderInline(d, i) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
+      children: d.map(function (_d, _i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", _objectSpread(_objectSpread({}, getColSpan(_d)), {}, {
+          className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineTable,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.item,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.labelInline,
+              style: _d.itemLabelStyle,
+              children: [_d === null || _d === void 0 ? void 0 : _d.label, colon]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.valueInline,
+              style: _d.itemValueStyle,
+              children: _d === null || _d === void 0 ? void 0 : _d.value
+            })]
+          })
+        }), _d.key || _i);
+      })
+    }, i);
+  };
+  var renderHandle = function renderHandle(d, i) {
+    if (layout === 'inlineHorizontal' || layout === 'inlineVertical') return renderInline(d, i);
+    return layout === 'horizontal' ? renderHorizontal(d, i) : renderVertical(d, i);
+  };
+  var rootClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper);
+  var bodyClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClassName,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: bodyClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.table,
+        cellPadding: 0,
+        cellSpacing: 0,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: renderItem.map(function (d, i) {
+            return renderHandle(d, i);
+          })
+        })
+      })
+    })]
+  });
+};
+var _default = Descriptions;
+exports.default = _default;

package/cjs/descriptions/descriptions.type.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { CommonType } from '../common/type';
+import type { BaseDescriptionsProps, DescriptionsItemProps } from '@sheinx/hooks';
+export interface DescriptionsClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    header: string;
+    title: string;
+    extra: string;
+    body: string;
+    table: string;
+    row: string;
+    label: string;
+    value: string;
+    border: string;
+    tableLayoutFixed: string;
+    item: string;
+    labelInline: string;
+    valueInline: string;
+    inlineHorizontal: string;
+    horizontal: string;
+    inlineTable: string;
+    small: string;
+    large: string;
+}
+export interface DescriptionsProps extends Pick<CommonType, 'className' | 'style' | 'size'>, BaseDescriptionsProps {
+    jssStyle?: {
+        descriptions: () => DescriptionsClasses;
+    };
+    /**
+     * @en Whether to show the border
+     * @cn 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * @en Extended content
+     * @cn 扩展内容
+     */
+    extra?: React.ReactNode;
+    /**
+     * @en The title of the description
+     * @cn 描述标题
+     */
+    title?: React.ReactNode;
+    /**
+     * @en The layout of the description
+     * @cn 排列方式
+     * @default 'inlineHorizontal'
+     */
+    layout?: 'horizontal' | 'vertical' | 'inlineHorizontal' | 'inlineVertical';
+    /**
+     * @en The colon after the label
+     * @cn 标签后面的内容
+     */
+    colon?: React.ReactNode;
+    /**
+     * @en The content inside the description
+     * @cn 表格样式的layout-fixed,当设置为fixed时,宽度会被均分
+     * @default 'auto'
+     */
+    tableLayout?: 'auto' | 'fixed';
+}
+export declare type ItemType = DescriptionsItemProps;
+//# sourceMappingURL=descriptions.type.d.ts.map

package/cjs/descriptions/descriptions.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.type.d.ts","sourceRoot":"","sources":["descriptions.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,EACtD,qBAAqB;IACvB,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,MAAM,mBAAmB,CAAC;KACzC,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;IAC3E;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAED,oBAAY,QAAQ,GAAG,qBAAqB,CAAA"}

package/cjs/descriptions/descriptions.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/descriptions/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Descriptions } from './descriptions';
+export type { DescriptionsProps, ItemType } from './descriptions.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/descriptions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/cjs/descriptions/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Descriptions", {
+  enumerable: true,
+  get: function get() {
+    return _descriptions.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _descriptions.default;
+  }
+});
+var _descriptions = _interopRequireDefault(require("./descriptions"));

package/cjs/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBA0BnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBA4BnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/divider/divider.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var Divider = function Divider(props) {
   var _jssStyle$divider;
@@ -17,10 +16,11 @@ var Divider = function Divider(props) {
     _props$orientation = props.orientation,
     orientation = _props$orientation === void 0 ? 'center' : _props$orientation,
     className = props.className,
-    style = props.style;
+    style = props.style,
+    type = props.type;
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$divider = jssStyle.divider) === null || _jssStyle$divider === void 0 ? void 0 : _jssStyle$divider.call(jssStyle);
   var showText = mode === 'horizontal' && children;
-  var mc = (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper, mode === 'vertical' && (styles === null || styles === void 0 ? void 0 : styles.vertical), mode === 'horizontal' && (styles === null || styles === void 0 ? void 0 : styles.horizontal), showText && (styles === null || styles === void 0 ? void 0 : styles.withText), showText && orientation === 'center' && (styles === null || styles === void 0 ? void 0 : styles.withTextCenter), showText && orientation === 'left' && (styles === null || styles === void 0 ? void 0 : styles.withTextLeft), showText && orientation === 'right' && (styles === null || styles === void 0 ? void 0 : styles.withTextRight));
+  var mc = (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper, mode === 'vertical' && (styles === null || styles === void 0 ? void 0 : styles.vertical), mode === 'horizontal' && (styles === null || styles === void 0 ? void 0 : styles.horizontal), showText && (styles === null || styles === void 0 ? void 0 : styles.withText), showText && orientation === 'center' && (styles === null || styles === void 0 ? void 0 : styles.withTextCenter), showText && orientation === 'left' && (styles === null || styles === void 0 ? void 0 : styles.withTextLeft), showText && orientation === 'right' && (styles === null || styles === void 0 ? void 0 : styles.withTextRight), type === 'dashed' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDashed));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: mc,
     style: style,

package/cjs/divider/divider.type.d.ts

@@ -5,6 +5,7 @@ export interface DividerClasses {
      * 最外层class
      */
     wrapper: string;
+    wrapperDashed: string;
     vertical: string;
     horizontal: string;
     withText: string;
@@ -34,5 +35,11 @@ export interface DividerProps extends Pick<CommonType, 'className' | 'style'> {
      * @default "center"
      */
     orientation?: 'center' | 'left' | 'right';
+    /**
+     * @en border type
+     * @cn 线段类型
+     * @default "solid"
+     */
+    type?: 'solid' | 'dashed';
 }
 //# sourceMappingURL=divider.type.d.ts.map

package/cjs/divider/divider.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.type.d.ts","sourceRoot":"","sources":["divider.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,cAAc,CAAC;KAC/B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC3C"}
+{"version":3,"file":"divider.type.d.ts","sourceRoot":"","sources":["divider.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,cAAc,CAAC;KAC/B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAE1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B"}

package/cjs/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAwBlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA4L3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAwBlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA6L3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdownIn.js

@@ -149,7 +149,10 @@ var Dropdown = function Dropdown(props) {
         handleBlur: isSub && props.closePop ? props.closePop : closePop
       }, index);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
-        children: [group, context, divider]
+        children: [group, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.itemWrapper,
+          children: context
+        }), divider]
       }, index);
     });
   };
@@ -167,6 +170,7 @@ var Dropdown = function Dropdown(props) {
       parentElement: targetRef.current,
       absolute: absolute,
       fixedWidth: 'min',
+      popupGap: 4,
       popupEl: popupRef.current,
       adjust: !isSub,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {

package/cjs/editable-area/editable-area.type.d.ts

@@ -116,8 +116,20 @@ export interface EditableAreaProps extends Pick<CommonType, 'className' | 'style
      * @default false
      */
     bordered?: boolean;
+    /**
+     * @en User input triggers the onChange and to check interval, unit: ms
+     * @cn 用户输入触发 onChange 和校验间隔时间，单位 毫秒
+     */
     delay?: number;
+    /**
+     * @en inner title
+     * @cn 内嵌标题
+     */
     innerTitle?: React.ReactNode;
+    /**
+     * @en Placeholder title, which needs to be used together with innerTitle
+     * @cn 占位标题，需要配合 innerTitle 一起使用
+     */
     placeTitle?: React.ReactNode;
 }
 //# sourceMappingURL=editable-area.type.d.ts.map

package/cjs/editable-area/editable-area.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.type.d.ts","sourceRoot":"","sources":["editable-area.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3F,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,MAAM,mBAAmB,CAAC;QACxC,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IAEF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,WAAW,CAAC;IAEtC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}
+{"version":3,"file":"editable-area.type.d.ts","sourceRoot":"","sources":["editable-area.type.ts"],"names":[],"mappings":"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"}

package/cjs/empty/empty.type.d.ts

@@ -10,8 +10,20 @@ export interface EmptyProps extends Pick<CommonType, 'className' | 'style'>, Rea
     jssStyle?: {
         empty?: () => EmptyClasses;
     };
+    /**
+     * @en Empty state image address, priority is higher than icon
+     * @cn 空状态图片地址,优先级高于icon
+     */
     imgSrc?: string;
+    /**
+     * @en Empty state icon
+     * @cn 空状态图标
+     */
     icon?: React.ReactNode;
+    /**
+     * @en Description, if false, the description will not be displayed
+     * @cn 描述,若为false则不显示描述
+     */
     description?: React.ReactNode | boolean;
 }
 //# sourceMappingURL=empty.type.d.ts.map

package/cjs/empty/empty.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.type.d.ts","sourceRoot":"","sources":["empty.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;CACzC"}
+{"version":3,"file":"empty.type.d.ts","sourceRoot":"","sources":["empty.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;CACzC"}

package/cjs/{modal/modal-context.d.ts → form/form-footer-context.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ModalFormContextValue {
+export interface FormFooterContextValue {
     setFormStats: (disabled?: 'disabled' | 'pending') => void;
     setFormInfo: (info: {
         submit: () => void;
@@ -9,8 +9,9 @@ export interface ModalFormContextValue {
         submit: () => void;
     };
 }
-export declare const ModalFormContext: React.Context<ModalFormContextValue | null>;
-export declare const ModalFormProvider: (props: {
+export declare const FormFooterContext: React.Context<FormFooterContextValue | null>;
+export declare const FormFooterProvider: (props: {
     children: React.ReactNode;
 }) => JSX.Element;
-//# sourceMappingURL=modal-context.d.ts.map
+export declare const useFormFooter: () => FormFooterContextValue | null;
+//# sourceMappingURL=form-footer-context.d.ts.map

package/cjs/form/form-footer-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBAkBtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}

package/cjs/{modal/modal-context.js → form/form-footer-context.js}

@@ -8,20 +8,20 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ModalFormProvider = exports.ModalFormContext = void 0;
+exports.useFormFooter = exports.FormFooterProvider = exports.FormFooterContext = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _hooks = require("@sheinx/hooks");
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var ModalFormContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.ModalFormContext = ModalFormContext;
-var ModalFormProvider = function ModalFormProvider(props) {
+var FormFooterContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.FormFooterContext = FormFooterContext;
+var FormFooterProvider = function FormFooterProvider(props) {
   var _useState = (0, _react.useState)(undefined),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     formStats = _useState2[0],
-    setFormStats = _useState2[1];
+    setFormS = _useState2[1];
   var _useRef = (0, _react.useRef)({
       submit: function submit() {}
     }),
@@ -29,6 +29,11 @@ var ModalFormProvider = function ModalFormProvider(props) {
   var setFormInfo = (0, _hooks.usePersistFn)(function (info) {
     context.submit = info.submit;
   });
+  var setFormStats = (0, _hooks.usePersistFn)(function (disabled) {
+    if (disabled !== formStats) {
+      setFormS(disabled);
+    }
+  });
   var value = (0, _react.useMemo)(function () {
     return {
       setFormStats: setFormStats,
@@ -37,9 +42,14 @@ var ModalFormProvider = function ModalFormProvider(props) {
       func: context
     };
   }, [formStats]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalFormContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormFooterContext.Provider, {
     value: value,
     children: props.children
   });
 };
-exports.ModalFormProvider = ModalFormProvider;
+exports.FormFooterProvider = FormFooterProvider;
+var useFormFooter = function useFormFooter() {
+  var context = (0, _react.useContext)(FormFooterContext);
+  return context;
+};
+exports.useFormFooter = useFormFooter;

package/cjs/form/form.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _modalContext = require("../modal/modal-context");
+var _formFooterContext = require("./form-footer-context");
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["jssStyle", "className", "style", "children", "formRef"];
@@ -33,7 +33,7 @@ var Form = function Form(props) {
     formRef = props.formRef,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var formClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
-  var modalFormContext = (0, _react.useContext)(_modalContext.ModalFormContext);
+  var modalFormContext = (0, _formFooterContext.useFormFooter)();
   var _props$value = props.value,
     value = _props$value === void 0 ? props.defaultValue : _props$value,
     onChange = props.onChange;

package/cjs/grid/grid.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GridProps } from './grid.type';
+declare const Gird: {
+    (props: GridProps): JSX.Element;
+    isGrid: boolean;
+};
+export default Gird;
+//# sourceMappingURL=grid.d.ts.map

package/cjs/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/cjs/grid/grid.js

@@ -0,0 +1,86 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _util = require("./util");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["width", "offset", "responsive", "stretch", "children", "gutter"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Gird = function Gird(props) {
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 1 : _props$width,
+    offset = props.offset,
+    responsive = props.responsive,
+    stretch = props.stretch,
+    children = props.children,
+    gutter = props.gutter,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var autoCount = 0;
+  var settleWidth = 0;
+  _react.Children.toArray(children).forEach(function (c) {
+    var child = c;
+    if (child.type && child.type.isGrid) {
+      if (child.props.width) settleWidth += child.props.width;else autoCount += 1;
+    }
+  });
+  var autoWidth = autoCount > 0 ? (1 - settleWidth) / autoCount : 0;
+  var className = (0, _classnames.default)(props.className, (0, _util.getGrid)({
+    width: width,
+    offset: offset,
+    responsive: responsive
+  }));
+  var style = Object.assign({}, props.style);
+  if (gutter && gutter > 0) {
+    style.width = 'auto';
+    style.display = 'block';
+    style.marginLeft = "".concat(0 - gutter / 2, "px");
+    style.marginRight = "".concat(0 - gutter / 2, "px");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, other), {}, {
+    style: style,
+    className: className,
+    children: _react.Children.toArray(children).map(function (c) {
+      var child = c;
+      if (child.type && child.type.isGrid) {
+        var pps = {
+          style: Object.assign({}, child.props.style)
+        };
+        if (!child.props.width) pps.width = autoWidth;
+        if (stretch) pps.style = _objectSpread(_objectSpread({}, pps.style), {}, {
+          minHeight: '100%',
+          height: '100%'
+        });
+        if (gutter && gutter > 0) {
+          pps.style = _objectSpread(_objectSpread({}, pps.style), {}, {
+            paddingLeft: gutter / 2,
+            paddingRight: gutter / 2
+          });
+        }
+        return /*#__PURE__*/(0, _react.cloneElement)(child, pps);
+      }
+      return child;
+    })
+  }));
+};
+Gird.isGrid = true;
+var _default = Gird;
+exports.default = _default;