@hi-ui/grid 4.0.0-beta.14 → 4.0.0-beta.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/cjs/Grid.js CHANGED
@@ -25,7 +25,7 @@ var env = require('@hi-ui/env');
25
25
 
26
26
  var context = require('./context.js');
27
27
 
28
- var index = require('./utils/type-assertion/lib/esm/index.js');
28
+ var typeAssertion = require('@hi-ui/type-assertion');
29
29
 
30
30
  function _interopDefaultLegacy(e) {
31
31
  return e && _typeof(e) === 'object' && 'default' in e ? e : {
@@ -68,7 +68,7 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
68
68
  return gutterProp ? DEFAULT_GUTTER_GAP : 0;
69
69
  }
70
70
 
71
- if (index.isNumeric(gutterProp)) {
71
+ if (typeAssertion.isNumeric(gutterProp)) {
72
72
  var gap = Number(gutterProp);
73
73
 
74
74
  if (gap < 0) {
@@ -130,8 +130,8 @@ var Col = /*#__PURE__*/React.forwardRef(function (_a, ref) {
130
130
  columns = _useGridContext$colum === void 0 ? 24 : _useGridContext$colum; // 需要 warning 不合法
131
131
 
132
132
 
133
- var span = index.isNumeric(spanProp) && spanProp >= 0 && spanProp <= columns ? spanProp : null;
134
- var offset = index.isNumeric(offsetProp) && offsetProp >= 0 && offsetProp < columns ? offsetProp : 0;
133
+ var span = typeAssertion.isNumeric(spanProp) && spanProp >= 0 && spanProp <= columns ? spanProp : null;
134
+ var offset = typeAssertion.isNumeric(offsetProp) && offsetProp >= 0 && offsetProp < columns ? offsetProp : 0;
135
135
  var style = Object.assign(justifyContent ? Object.assign(Object.assign({}, styleProp), {
136
136
  display: 'flex',
137
137
  justifyContent: justifyContent
@@ -148,34 +148,5 @@ if (env.__DEV__) {
148
148
  Col.displayName = 'Col';
149
149
  }
150
150
 
151
- var brPrefix = classname.getPrefixCls('grid-br');
152
- /**
153
- * TODO: What is Grid Br
154
- */
155
-
156
- var Br = /*#__PURE__*/React.forwardRef(function (_a, ref) {
157
- var _a$prefixCls3 = _a.prefixCls,
158
- prefixCls = _a$prefixCls3 === void 0 ? brPrefix : _a$prefixCls3,
159
- className = _a.className,
160
- styleProp = _a.style,
161
- height = _a.height,
162
- rest = tslib.__rest(_a, ["prefixCls", "className", "style", "height"]);
163
-
164
- var cls = classname.cx(prefixCls, className);
165
- var style = height ? Object.assign(Object.assign({}, styleProp), {
166
- height: height
167
- }) : styleProp;
168
- return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
169
- ref: ref,
170
- className: cls,
171
- style: style
172
- }, rest));
173
- });
174
-
175
- if (env.__DEV__) {
176
- Br.displayName = 'Br';
177
- }
178
-
179
- exports.Br = Br;
180
151
  exports.Col = Col;
181
152
  exports.Row = Row;
package/lib/cjs/index.js CHANGED
@@ -19,10 +19,8 @@ var Grid$1 = require('./Grid.js');
19
19
 
20
20
  var Grid = {
21
21
  Row: Grid$1.Row,
22
- Col: Grid$1.Col,
23
- Br: Grid$1.Br
22
+ Col: Grid$1.Col
24
23
  };
25
- exports.Br = Grid$1.Br;
26
24
  exports.Col = Grid$1.Col;
27
25
  exports.Row = Grid$1.Row;
28
26
  exports["default"] = Grid;
@@ -14,7 +14,7 @@ Object.defineProperty(exports, '__esModule', {
14
14
  });
15
15
  var css_248z = ".hi-v4-grid-row {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;row-gap: var(--hi-v4-grid-row-gap);margin-left: calc(-1 * var(--hi-v4-grid-row-gutter) / 2);margin-right: calc(-1 * var(--hi-v4-grid-row-gutter) / 2); }.hi-v4-grid-row + .hi-v4-grid-row {margin-top: var(--hi-v4-grid-row-gap); }.hi-v4-grid-col {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: var(--hi-v4-grid-col-span);flex-basis: var(--hi-v4-grid-col-span);max-width: var(--hi-v4-grid-col-span);margin-left: var(--hi-v4-grid-col-offset);padding-left: calc(var(--hi-v4-grid-row-gutter) / 2);padding-right: calc(var(--hi-v4-grid-row-gutter) / 2); }";
16
16
 
17
- var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
17
+ var __styleInject__ = require('inject-head-style')["default"];
18
18
 
19
19
  __styleInject__(css_248z);
20
20
 
package/lib/esm/Grid.js CHANGED
@@ -12,7 +12,7 @@ import React, { forwardRef, useMemo } from 'react';
12
12
  import { getPrefixCls, getPrefixStyleVar, cx } from '@hi-ui/classname';
13
13
  import { __DEV__ } from '@hi-ui/env';
14
14
  import { GridProvider, useGridContext } from './context.js';
15
- import { isNumeric } from './utils/type-assertion/lib/esm/index.js';
15
+ import { isNumeric } from '@hi-ui/type-assertion';
16
16
  var rowPrefix = getPrefixCls('grid-row');
17
17
  var gutterNameVar = getPrefixStyleVar('grid-row-gutter');
18
18
  var gapNameVar = getPrefixStyleVar('grid-row-gap'); // Row 与 Row 默认间距
@@ -126,32 +126,4 @@ if (__DEV__) {
126
126
  Col.displayName = 'Col';
127
127
  }
128
128
 
129
- var brPrefix = getPrefixCls('grid-br');
130
- /**
131
- * TODO: What is Grid Br
132
- */
133
-
134
- var Br = /*#__PURE__*/forwardRef(function (_a, ref) {
135
- var _a$prefixCls3 = _a.prefixCls,
136
- prefixCls = _a$prefixCls3 === void 0 ? brPrefix : _a$prefixCls3,
137
- className = _a.className,
138
- styleProp = _a.style,
139
- height = _a.height,
140
- rest = __rest(_a, ["prefixCls", "className", "style", "height"]);
141
-
142
- var cls = cx(prefixCls, className);
143
- var style = height ? Object.assign(Object.assign({}, styleProp), {
144
- height: height
145
- }) : styleProp;
146
- return /*#__PURE__*/React.createElement("div", Object.assign({
147
- ref: ref,
148
- className: cls,
149
- style: style
150
- }, rest));
151
- });
152
-
153
- if (__DEV__) {
154
- Br.displayName = 'Br';
155
- }
156
-
157
- export { Br, Col, Row };
129
+ export { Col, Row };
package/lib/esm/index.js CHANGED
@@ -8,11 +8,10 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import './styles/index.scss.js';
11
- import { Row, Col, Br } from './Grid.js';
12
- export { Br, Col, Row } from './Grid.js';
11
+ import { Row, Col } from './Grid.js';
12
+ export { Col, Row } from './Grid.js';
13
13
  var Grid = {
14
14
  Row: Row,
15
- Col: Col,
16
- Br: Br
15
+ Col: Col
17
16
  };
18
17
  export { Grid as default };
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- import __styleInject__ from 'style-inject/dist/style-inject.es.js';
10
+ import __styleInject__ from 'inject-head-style';
11
11
  var css_248z = ".hi-v4-grid-row {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;row-gap: var(--hi-v4-grid-row-gap);margin-left: calc(-1 * var(--hi-v4-grid-row-gutter) / 2);margin-right: calc(-1 * var(--hi-v4-grid-row-gutter) / 2); }.hi-v4-grid-row + .hi-v4-grid-row {margin-top: var(--hi-v4-grid-row-gap); }.hi-v4-grid-col {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: var(--hi-v4-grid-col-span);flex-basis: var(--hi-v4-grid-col-span);max-width: var(--hi-v4-grid-col-span);margin-left: var(--hi-v4-grid-col-offset);padding-left: calc(var(--hi-v4-grid-row-gutter) / 2);padding-right: calc(var(--hi-v4-grid-row-gutter) / 2); }";
12
12
 
13
13
  __styleInject__(css_248z);
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { HiBaseHTMLProps } from '@hi-ui/core';
3
+ import { GridJustifyEnum } from './types';
3
4
  /**
4
5
  * TODO: What is Grid Row
5
6
  */
@@ -8,7 +9,7 @@ export interface RowProps extends HiBaseHTMLProps<'div'> {
8
9
  /**
9
10
  * 里面的元素排布方式
10
11
  */
11
- justify?: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between';
12
+ justify?: GridJustifyEnum;
12
13
  /**
13
14
  * Row 里面元素之间是否有外边距,建议使用偶数
14
15
  */
@@ -39,15 +40,5 @@ export interface ColProps extends HiBaseHTMLProps<'div'> {
39
40
  /**
40
41
  * 里面的元素排布方式
41
42
  */
42
- justify?: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between';
43
- }
44
- /**
45
- * TODO: What is Grid Br
46
- */
47
- export declare const Br: React.ForwardRefExoticComponent<BrProps & React.RefAttributes<HTMLDivElement | null>>;
48
- export interface BrProps extends HiBaseHTMLProps<'div'> {
49
- /**
50
- * 换行符高度
51
- */
52
- height?: number;
43
+ justify?: GridJustifyEnum;
53
44
  }
@@ -3,7 +3,6 @@ import './styles/index.scss';
3
3
  declare const Grid: {
4
4
  Row: import("react").ForwardRefExoticComponent<import("./Grid").RowProps & import("react").RefAttributes<HTMLDivElement | null>>;
5
5
  Col: import("react").ForwardRefExoticComponent<import("./Grid").ColProps & import("react").RefAttributes<HTMLDivElement | null>>;
6
- Br: import("react").ForwardRefExoticComponent<import("./Grid").BrProps & import("react").RefAttributes<HTMLDivElement | null>>;
7
6
  };
8
7
  export default Grid;
9
8
  export * from './Grid';
@@ -0,0 +1 @@
1
+ export declare type GridJustifyEnum = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/grid",
3
- "version": "4.0.0-beta.14",
3
+ "version": "4.0.0-beta.17",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,18 +44,19 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hi-ui/classname": "^4.0.0-beta.0",
47
- "@hi-ui/core": "^4.0.0-beta.8",
47
+ "@hi-ui/core": "^4.0.0-beta.9",
48
48
  "@hi-ui/core-css": "^4.0.0-beta.5",
49
- "@hi-ui/env": "^4.0.0-beta.0"
49
+ "@hi-ui/env": "^4.0.0-beta.1",
50
+ "@hi-ui/type-assertion": "^4.0.0-beta.5"
50
51
  },
51
52
  "peerDependencies": {
52
53
  "react": ">=16.8.6",
53
54
  "react-dom": ">=16.8.6"
54
55
  },
55
56
  "devDependencies": {
56
- "@hi-ui/hi-build": "^4.0.0-beta.4",
57
+ "@hi-ui/hi-build": "^4.0.0-beta.5",
57
58
  "react": "^17.0.1",
58
59
  "react-dom": "^17.0.1"
59
60
  },
60
- "gitHead": "7f47840510e6dfce429eeed1591c154e321cd14f"
61
+ "gitHead": "8bb668d29361fae483ac3fde460bfc7e010417a6"
61
62
  }
@@ -1,26 +0,0 @@
1
- /** @LICENSE
2
- * @hi-ui/grid
3
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/grid#readme
4
- *
5
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- 'use strict';
11
-
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
- require('@babel/runtime/helpers/esm/typeof');
17
- /**
18
- * Assert is numeric
19
- */
20
-
21
-
22
- var isNumeric = function isNumeric(arg) {
23
- return !Number.isNaN(Number(arg));
24
- };
25
-
26
- exports.isNumeric = isNumeric;
@@ -1,19 +0,0 @@
1
- /** @LICENSE
2
- * @hi-ui/grid
3
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/grid#readme
4
- *
5
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- import '@babel/runtime/helpers/esm/typeof';
11
- /**
12
- * Assert is numeric
13
- */
14
-
15
- var isNumeric = function isNumeric(arg) {
16
- return !Number.isNaN(Number(arg));
17
- };
18
-
19
- export { isNumeric };