shineout 3.7.0-beta.39 → 3.7.0-beta.40

package/cjs/grid/grid.d.ts

@@ -1 +1,3 @@
-export { Grid as default } from '@sheinx/base';
+import { GridProps } from './grid.type';
+declare const _default: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/cjs/grid/grid.js

@@ -3,10 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _base.Grid;
-  }
-});
-var _base = require("@sheinx/base");
+exports.default = void 0;
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default = exports.default = function _default(props) {
+  var jssStyle = {
+    grid: _shineoutStyle.useGridStyle
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Grid, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};

package/cjs/grid/grid.type.d.ts

@@ -2,4 +2,4 @@ import { GridProps as UnStyledGridProps } from '@sheinx/base';
 /**
  * @title Grid
  */
-export type GridProps = UnStyledGridProps;
+export type GridProps = Omit<UnStyledGridProps, 'jssStyle'>;

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.7.0-beta.39'
+  version: '3.7.0-beta.40'
 };

package/dist/shineout.js

@@ -6434,7 +6434,7 @@ __webpack_require__.d(__webpack_exports__, {
   Empty: function() { return /* reexport */ src_empty_0; },
   Form: function() { return /* reexport */ src_form_0; },
   Gap: function() { return /* reexport */ src_gap_0; },
-  Grid: function() { return /* reexport */ src_grid; },
+  Grid: function() { return /* reexport */ src_grid_0; },
   Icon: function() { return /* reexport */ src_icon_0; },
   Image: function() { return /* reexport */ src_image_0; },
   Input: function() { return /* reexport */ src_input_0; },
@@ -12227,7 +12227,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.39');
+/* harmony default export */ var version = ('3.7.0-beta.40');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19672,6 +19672,30 @@ var gapStyle = {
 var useGapStyle = styled(gap, 'gap');
 
 /* harmony default export */ var src_gap = ((/* unused pure expression or super */ null && (useGapStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/grid/grid.ts
+var grid_gridStyle = {
+  rootClass: {},
+  wrapper: {
+    position: 'relative',
+    display: 'inline-block',
+    zoom: 1,
+    letterSpacing: 'normal',
+    wordSpacing: 'normal',
+    verticalAlign: 'top',
+    textRendering: 'auto',
+    boxSizing: 'border-box'
+  },
+  full: {
+    width: '100%'
+  }
+};
+/* harmony default export */ var grid = (grid_gridStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/grid/index.ts
+
+
+var useGridStyle = styled(grid, 'grid');
+
+/* harmony default export */ var src_grid = ((/* unused pure expression or super */ null && (gridStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/icon/icon.ts
 
 var icon_form = {
@@ -29589,6 +29613,7 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
 
 
 /* harmony default export */ var shineout_style_src = ({});
@@ -51535,7 +51560,6 @@ var RESPONSIVE = {
   xl: '1200'
 };
 var GridClassName = "".concat(src_config_config.prefix, "-grid");
-var GridFullClassName = "".concat(src_config_config.prefix, "-grid-full");
 var defaultResponsive = 'md';
 function util_createStyle(text, id) {
   if (!is_isBrowser()) {
@@ -51595,24 +51619,18 @@ function getGrid(opt) {
     responsive = _options.responsive;
   var gridClass = generate(width, 'grid', responsive);
   var offsetClass = generate(offset, 'offset', responsive);
-  return "".concat(GridClassName, " ").concat(GridFullClassName, " ").concat(gridClass, " ").concat(offsetClass);
-}
-function init() {
-  var text = [];
-  text.push("\n.".concat(GridClassName, " {\n  position: relative;\n  display: inline-block;\n  zoom: 1;\n  letter-spacing: normal;\n  word-spacing: normal;\n  vertical-align: top;\n  text-rendering: auto;\n  box-sizing: border-box;\n}"));
-  text.push(".".concat(GridFullClassName, "{width:100%}"));
-  util_createStyle(text.join(''), GridClassName);
+  return "".concat(gridClass, " ").concat(offsetClass);
 }
-init();
 ;// CONCATENATED MODULE: ../base/src/grid/grid.tsx
 
 
-var grid_excluded = ["width", "offset", "responsive", "stretch", "children", "gutter"];
+var grid_excluded = ["width", "offset", "responsive", "stretch", "children", "gutter", "jssStyle"];
 
 
 
 
 var Gird = function Gird(props) {
+  var _jssStyle$grid;
   var _props$width = props.width,
     width = _props$width === void 0 ? 1 : _props$width,
     offset = props.offset,
@@ -51620,6 +51638,7 @@ var Gird = function Gird(props) {
     stretch = props.stretch,
     children = props.children,
     gutter = props.gutter,
+    jssStyle = props.jssStyle,
     other = objectWithoutProperties_default()(props, grid_excluded);
   var autoCount = 0;
   var settleWidth = 0;
@@ -51630,7 +51649,8 @@ var Gird = function Gird(props) {
     }
   });
   var autoWidth = autoCount > 0 ? (1 - settleWidth) / autoCount : 0;
-  var className = classnames_default()(props.className, getGrid({
+  var gridClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$grid = jssStyle.grid) === null || _jssStyle$grid === void 0 ? void 0 : _jssStyle$grid.call(jssStyle);
+  var className = classnames_default()(props.className, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.rootClass, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.wrapper, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.full, getGrid({
     width: width,
     offset: offset,
     responsive: responsive
@@ -51669,12 +51689,25 @@ var Gird = function Gird(props) {
   }));
 };
 Gird.isGrid = true;
-/* harmony default export */ var grid = (Gird);
+/* harmony default export */ var grid_grid = (Gird);
+;// CONCATENATED MODULE: ./src/grid/grid.tsx
+
+
+
+
+/* harmony default export */ var src_grid_grid = (function (props) {
+  var jssStyle = {
+    grid: useGridStyle
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(grid_grid, objectSpread2_default()({
+    jssStyle: jssStyle
+  }, props));
+});
 ;// CONCATENATED MODULE: ./src/grid/index.ts
 
-var GridComp = grid;
+var GridComp = src_grid_grid;
 GridComp.displayName = 'ShineoutGrid';
-/* harmony default export */ var src_grid = (GridComp);
+/* harmony default export */ var src_grid_0 = (GridComp);
 ;// CONCATENATED MODULE: ../base/src/icon/icon.tsx
 
 
@@ -71275,7 +71308,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.39'
+  version: '3.7.0-beta.40'
 });
 }();
 /******/ 	return __webpack_exports__;