@hi-ui/grid 4.0.0-alpha.9 → 4.0.0-beta.2
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 +10 -16
- package/lib/cjs/Grid.js.map +1 -1
- package/lib/cjs/index.js +10 -6
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/utils/type-assertion/lib/esm/index.js.map +1 -1
- package/lib/esm/Grid.js +11 -16
- package/lib/esm/Grid.js.map +1 -1
- package/lib/esm/index.js +8 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/utils/type-assertion/lib/esm/index.js.map +1 -1
- package/lib/types/Grid.d.ts +3 -7
- package/lib/types/context.d.ts +1 -1
- package/lib/types/index.d.ts +7 -1
- package/package.json +8 -8
package/lib/cjs/Grid.js
CHANGED
|
@@ -55,13 +55,13 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
55
55
|
children = _a.children,
|
|
56
56
|
styleProp = _a.style,
|
|
57
57
|
justifyContent = _a.justify,
|
|
58
|
-
_a$
|
|
59
|
-
|
|
58
|
+
_a$columns = _a.columns,
|
|
59
|
+
columns = _a$columns === void 0 ? 24 : _a$columns,
|
|
60
60
|
_a$rowGap = _a.rowGap,
|
|
61
61
|
rowGap = _a$rowGap === void 0 ? DEFAULT_ROW_GAP : _a$rowGap,
|
|
62
62
|
_a$gutter = _a.gutter,
|
|
63
63
|
gutterProp = _a$gutter === void 0 ? false : _a$gutter,
|
|
64
|
-
rest = tslib.__rest(_a, ["prefixCls", "className", "children", "style", "justify", "
|
|
64
|
+
rest = tslib.__rest(_a, ["prefixCls", "className", "children", "style", "justify", "columns", "rowGap", "gutter"]);
|
|
65
65
|
|
|
66
66
|
var gutter = React.useMemo(function () {
|
|
67
67
|
if (typeof gutterProp === 'boolean') {
|
|
@@ -88,9 +88,9 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
88
88
|
var cls = classname.cx(prefixCls, className);
|
|
89
89
|
var providedContext = React.useMemo(function () {
|
|
90
90
|
return {
|
|
91
|
-
|
|
91
|
+
columns: columns
|
|
92
92
|
};
|
|
93
|
-
}, [
|
|
93
|
+
}, [columns]);
|
|
94
94
|
return /*#__PURE__*/React__default['default'].createElement(context.GridProvider, {
|
|
95
95
|
value: providedContext
|
|
96
96
|
}, /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
|
@@ -126,16 +126,16 @@ var Col = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
126
126
|
rest = tslib.__rest(_a, ["prefixCls", "className", "children", "style", "span", "offset", "justify"]);
|
|
127
127
|
|
|
128
128
|
var _useGridContext = context.useGridContext(),
|
|
129
|
-
_useGridContext$
|
|
130
|
-
|
|
129
|
+
_useGridContext$colum = _useGridContext.columns,
|
|
130
|
+
columns = _useGridContext$colum === void 0 ? 24 : _useGridContext$colum; // 需要 warning 不合法
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
var span = index.isNumeric(spanProp) && spanProp >= 0 && spanProp <
|
|
134
|
-
var offset = index.isNumeric(offsetProp) && offsetProp >= 0 && offsetProp <
|
|
133
|
+
var span = index.isNumeric(spanProp) && spanProp >= 0 && spanProp < columns ? spanProp : 1;
|
|
134
|
+
var offset = index.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
|
|
138
|
-
}) : {}, styleProp, (_Object$assign2 = {}, _Object$assign2[spanNameVar] = "calc(" + span + " / " +
|
|
138
|
+
}) : {}, styleProp, (_Object$assign2 = {}, _Object$assign2[spanNameVar] = "calc(" + span + " / " + columns + " * 100%)", _Object$assign2[offsetNameVar] = "calc(" + offset + " / " + columns + " * 100%)", _Object$assign2));
|
|
139
139
|
var cls = classname.cx(prefixCls, className);
|
|
140
140
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
|
141
141
|
ref: ref,
|
|
@@ -176,13 +176,7 @@ if (env.__DEV__) {
|
|
|
176
176
|
Br.displayName = 'Br';
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
var Grid = {
|
|
180
|
-
Row: Row,
|
|
181
|
-
Col: Col,
|
|
182
|
-
Br: Br
|
|
183
|
-
};
|
|
184
179
|
exports.Br = Br;
|
|
185
180
|
exports.Col = Col;
|
|
186
|
-
exports.Grid = Grid;
|
|
187
181
|
exports.Row = Row;
|
|
188
182
|
//# sourceMappingURL=Grid.js.map
|
package/lib/cjs/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":[null],"names":["rowPrefix","getPrefixCls","gutterNameVar","getPrefixStyleVar","gapNameVar","DEFAULT_ROW_GAP","DEFAULT_GUTTER_GAP","Row","forwardRef","_a","ref","prefixCls","className","children","styleProp","style","justifyContent","justify","
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":[null],"names":["rowPrefix","getPrefixCls","gutterNameVar","getPrefixStyleVar","gapNameVar","DEFAULT_ROW_GAP","DEFAULT_GUTTER_GAP","Row","forwardRef","_a","ref","prefixCls","className","children","styleProp","style","justifyContent","justify","columns","rowGap","gutter","gutterProp","rest","useMemo","isNumeric","gap","Number","console","info","Object","assign","display","cls","cx","providedContext","React","GridProvider","value","__DEV__","displayName","colPrefix","spanNameVar","offsetNameVar","Col","spanProp","span","offset","offsetProp","useGridContext","brPrefix","Br","height"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -15,11 +15,15 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
15
15
|
|
|
16
16
|
require('./styles/index.scss.js');
|
|
17
17
|
|
|
18
|
-
var Grid = require('./Grid.js');
|
|
18
|
+
var Grid$1 = require('./Grid.js');
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var Grid = {
|
|
21
|
+
Row: Grid$1.Row,
|
|
22
|
+
Col: Grid$1.Col,
|
|
23
|
+
Br: Grid$1.Br
|
|
24
|
+
};
|
|
25
|
+
exports.Br = Grid$1.Br;
|
|
26
|
+
exports.Col = Grid$1.Col;
|
|
27
|
+
exports.Row = Grid$1.Row;
|
|
28
|
+
exports["default"] = Grid;
|
|
25
29
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Grid","Row","Col","Br"],"mappings":";;;;;;;;;;;;;;;;;;;IAIMA,IAAI,GAAG;AACXC,EAAAA,GAAG,EAAHA,UADW;AAEXC,EAAAA,GAAG,EAAHA,UAFW;AAGXC,EAAAA,EAAE,EAAFA;AAHW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is undefined\n */\nvar isUndefined = function isUndefined(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Undefined\n */\n\n\nvar isUndef = function isUndef(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Nullish\n */\n\n\nvar isNullish = function isNullish(arg) {\n return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n return isObjectLike(arg) && isFunction(arg.then);\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n return typeof arg === 'function';\n};\n\nvar toString = Object.prototype.toString;\n/**\n * Assert is string\n */\n\nvar isString = function isString(arg) {\n return toString.call(arg) === '[object String]';\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isObjectLike, isPromise, isString, isUndef, isUndefined };\n//# sourceMappingURL=index.js.map\n"],"names":["isNumeric","arg","Number"],"mappings":";;;;;;;;;;;;;;;;AAsDA;;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CAAAC,GAAA,EAAA;SAA0C,CAACC,MAAM,CAANA,KAAAA,CAAaA,MAAM,CAAnBA,GAAmB,CAAnBA;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is undefined\n */\nvar isUndefined = function isUndefined(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Undefined\n */\n\n\nvar isUndef = function isUndef(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Nullish\n */\n\n\nvar isNullish = function isNullish(arg) {\n return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n return isObjectLike(arg) && isFunction(arg.then);\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n return typeof arg === 'function';\n};\n\nvar toString = Object.prototype.toString;\n/**\n * Assert is string\n */\n\nvar isString = function isString(arg) {\n return toString.call(arg) === '[object String]';\n};\n/**\n * Assert is positive number\n */\n\n\nvar isPlus = function isPlus(arg) {\n return typeof arg === 'number' && Math.sign(arg) === 1;\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isObjectLike, isPlus, isPromise, isString, isUndef, isUndefined };\n//# sourceMappingURL=index.js.map\n"],"names":["isNumeric","arg","Number"],"mappings":";;;;;;;;;;;;;;;;AAsDA;;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CAAAC,GAAA,EAAA;SAA0C,CAACC,MAAM,CAANA,KAAAA,CAAaA,MAAM,CAAnBA,GAAmB,CAAnBA;;;"}
|
package/lib/esm/Grid.js
CHANGED
|
@@ -33,13 +33,13 @@ var Row = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33
33
|
children = _a.children,
|
|
34
34
|
styleProp = _a.style,
|
|
35
35
|
justifyContent = _a.justify,
|
|
36
|
-
_a$
|
|
37
|
-
|
|
36
|
+
_a$columns = _a.columns,
|
|
37
|
+
columns = _a$columns === void 0 ? 24 : _a$columns,
|
|
38
38
|
_a$rowGap = _a.rowGap,
|
|
39
39
|
rowGap = _a$rowGap === void 0 ? DEFAULT_ROW_GAP : _a$rowGap,
|
|
40
40
|
_a$gutter = _a.gutter,
|
|
41
41
|
gutterProp = _a$gutter === void 0 ? false : _a$gutter,
|
|
42
|
-
rest = __rest(_a, ["prefixCls", "className", "children", "style", "justify", "
|
|
42
|
+
rest = __rest(_a, ["prefixCls", "className", "children", "style", "justify", "columns", "rowGap", "gutter"]);
|
|
43
43
|
|
|
44
44
|
var gutter = useMemo(function () {
|
|
45
45
|
if (typeof gutterProp === 'boolean') {
|
|
@@ -66,9 +66,9 @@ var Row = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
66
66
|
var cls = cx(prefixCls, className);
|
|
67
67
|
var providedContext = useMemo(function () {
|
|
68
68
|
return {
|
|
69
|
-
|
|
69
|
+
columns: columns
|
|
70
70
|
};
|
|
71
|
-
}, [
|
|
71
|
+
}, [columns]);
|
|
72
72
|
return /*#__PURE__*/React.createElement(GridProvider, {
|
|
73
73
|
value: providedContext
|
|
74
74
|
}, /*#__PURE__*/React.createElement("div", Object.assign({
|
|
@@ -104,16 +104,16 @@ var Col = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
104
104
|
rest = __rest(_a, ["prefixCls", "className", "children", "style", "span", "offset", "justify"]);
|
|
105
105
|
|
|
106
106
|
var _useGridContext = useGridContext(),
|
|
107
|
-
_useGridContext$
|
|
108
|
-
|
|
107
|
+
_useGridContext$colum = _useGridContext.columns,
|
|
108
|
+
columns = _useGridContext$colum === void 0 ? 24 : _useGridContext$colum; // 需要 warning 不合法
|
|
109
109
|
|
|
110
110
|
|
|
111
|
-
var span = isNumeric(spanProp) && spanProp >= 0 && spanProp <
|
|
112
|
-
var offset = isNumeric(offsetProp) && offsetProp >= 0 && offsetProp <
|
|
111
|
+
var span = isNumeric(spanProp) && spanProp >= 0 && spanProp < columns ? spanProp : 1;
|
|
112
|
+
var offset = isNumeric(offsetProp) && offsetProp >= 0 && offsetProp < columns ? offsetProp : 0;
|
|
113
113
|
var style = Object.assign(justifyContent ? Object.assign(Object.assign({}, styleProp), {
|
|
114
114
|
display: 'flex',
|
|
115
115
|
justifyContent: justifyContent
|
|
116
|
-
}) : {}, styleProp, (_Object$assign2 = {}, _Object$assign2[spanNameVar] = "calc(" + span + " / " +
|
|
116
|
+
}) : {}, styleProp, (_Object$assign2 = {}, _Object$assign2[spanNameVar] = "calc(" + span + " / " + columns + " * 100%)", _Object$assign2[offsetNameVar] = "calc(" + offset + " / " + columns + " * 100%)", _Object$assign2));
|
|
117
117
|
var cls = cx(prefixCls, className);
|
|
118
118
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
119
119
|
ref: ref,
|
|
@@ -154,10 +154,5 @@ if (__DEV__) {
|
|
|
154
154
|
Br.displayName = 'Br';
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
|
|
158
|
-
Row: Row,
|
|
159
|
-
Col: Col,
|
|
160
|
-
Br: Br
|
|
161
|
-
};
|
|
162
|
-
export { Br, Col, Grid, Row };
|
|
157
|
+
export { Br, Col, Row };
|
|
163
158
|
//# sourceMappingURL=Grid.js.map
|
package/lib/esm/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":[null],"names":["rowPrefix","getPrefixCls","gutterNameVar","getPrefixStyleVar","gapNameVar","DEFAULT_ROW_GAP","DEFAULT_GUTTER_GAP","Row","forwardRef","_a","ref","prefixCls","className","children","styleProp","style","justifyContent","justify","
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":[null],"names":["rowPrefix","getPrefixCls","gutterNameVar","getPrefixStyleVar","gapNameVar","DEFAULT_ROW_GAP","DEFAULT_GUTTER_GAP","Row","forwardRef","_a","ref","prefixCls","className","children","styleProp","style","justifyContent","justify","columns","rowGap","gutter","gutterProp","rest","useMemo","isNumeric","gap","Number","console","info","Object","assign","display","cls","cx","providedContext","React","GridProvider","value","__DEV__","displayName","colPrefix","spanNameVar","offsetNameVar","Col","spanProp","span","offset","offsetProp","useGridContext","brPrefix","Br","height"],"mappings":"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"}
|
package/lib/esm/index.js
CHANGED
|
@@ -8,5 +8,12 @@
|
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
10
|
import './styles/index.scss.js';
|
|
11
|
-
|
|
11
|
+
import { Row, Col, Br } from './Grid.js';
|
|
12
|
+
export { Br, Col, Row } from './Grid.js';
|
|
13
|
+
var Grid = {
|
|
14
|
+
Row: Row,
|
|
15
|
+
Col: Col,
|
|
16
|
+
Br: Br
|
|
17
|
+
};
|
|
18
|
+
export default Grid;
|
|
12
19
|
//# sourceMappingURL=index.js.map
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Grid","Row","Col","Br"],"mappings":";;;;;;;;;;;;IAIMA,IAAI,GAAG;AACXC,EAAAA,GAAG,EAAHA,GADW;AAEXC,EAAAA,GAAG,EAAHA,GAFW;AAGXC,EAAAA,EAAE,EAAFA;AAHW;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is undefined\n */\nvar isUndefined = function isUndefined(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Undefined\n */\n\n\nvar isUndef = function isUndef(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Nullish\n */\n\n\nvar isNullish = function isNullish(arg) {\n return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n return isObjectLike(arg) && isFunction(arg.then);\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n return typeof arg === 'function';\n};\n\nvar toString = Object.prototype.toString;\n/**\n * Assert is string\n */\n\nvar isString = function isString(arg) {\n return toString.call(arg) === '[object String]';\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isObjectLike, isPromise, isString, isUndef, isUndefined };\n//# sourceMappingURL=index.js.map\n"],"names":["isNumeric","arg","Number"],"mappings":";;;;;;;;;;AAsDA;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CAAAC,GAAA,EAAA;SAA0C,CAACC,MAAM,CAANA,KAAAA,CAAaA,MAAM,CAAnBA,GAAmB,CAAnBA;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is undefined\n */\nvar isUndefined = function isUndefined(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Undefined\n */\n\n\nvar isUndef = function isUndef(arg) {\n return arg === undefined;\n};\n/**\n * Assert is Nullish\n */\n\n\nvar isNullish = function isNullish(arg) {\n return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n return isObjectLike(arg) && isFunction(arg.then);\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n return typeof arg === 'function';\n};\n\nvar toString = Object.prototype.toString;\n/**\n * Assert is string\n */\n\nvar isString = function isString(arg) {\n return toString.call(arg) === '[object String]';\n};\n/**\n * Assert is positive number\n */\n\n\nvar isPlus = function isPlus(arg) {\n return typeof arg === 'number' && Math.sign(arg) === 1;\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isObjectLike, isPlus, isPromise, isString, isUndef, isUndefined };\n//# sourceMappingURL=index.js.map\n"],"names":["isNumeric","arg","Number"],"mappings":";;;;;;;;;;AAsDA;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CAAAC,GAAA,EAAA;SAA0C,CAACC,MAAM,CAANA,KAAAA,CAAaA,MAAM,CAAnBA,GAAmB,CAAnBA;;;"}
|
package/lib/types/Grid.d.ts
CHANGED
|
@@ -30,9 +30,10 @@ export interface RowProps extends HiBaseHTMLProps<'div'> {
|
|
|
30
30
|
*/
|
|
31
31
|
gutter?: boolean | number;
|
|
32
32
|
/**
|
|
33
|
-
* 设置栅格列总数,一般是 24 或者 48
|
|
33
|
+
* 设置栅格列总数,一般是 24 或者 48。暂不对外暴露
|
|
34
|
+
* @private
|
|
34
35
|
*/
|
|
35
|
-
|
|
36
|
+
columns?: number;
|
|
36
37
|
/**
|
|
37
38
|
* Row 与 Row 之间的距离
|
|
38
39
|
*/
|
|
@@ -98,8 +99,3 @@ export interface BrProps extends HiBaseHTMLProps<'div'> {
|
|
|
98
99
|
*/
|
|
99
100
|
height?: number;
|
|
100
101
|
}
|
|
101
|
-
export declare const Grid: {
|
|
102
|
-
Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
103
|
-
Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
104
|
-
Br: React.ForwardRefExoticComponent<BrProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
105
|
-
};
|
package/lib/types/context.d.ts
CHANGED
package/lib/types/index.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import './styles/index.scss';
|
|
3
|
+
declare const Grid: {
|
|
4
|
+
Row: import("react").ForwardRefExoticComponent<import("./Grid").RowProps & import("react").RefAttributes<HTMLDivElement | null>>;
|
|
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
|
+
};
|
|
8
|
+
export default Grid;
|
|
2
9
|
export * from './Grid';
|
|
3
|
-
export { Grid as default } from './Grid';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/grid",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-beta.2",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,18 +43,18 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/classname": "^4.0.0-
|
|
47
|
-
"@hi-ui/core-css": "^4.0.0-
|
|
48
|
-
"@hi-ui/env": "^4.0.0-
|
|
46
|
+
"@hi-ui/classname": "^4.0.0-beta.0",
|
|
47
|
+
"@hi-ui/core-css": "^4.0.0-beta.2",
|
|
48
|
+
"@hi-ui/env": "^4.0.0-beta.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"react": "
|
|
52
|
-
"react-dom": "
|
|
51
|
+
"react": ">=16.8.6",
|
|
52
|
+
"react-dom": ">=16.8.6"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@hi-ui/hi-build": "^4.0.0-
|
|
55
|
+
"@hi-ui/hi-build": "^4.0.0-beta.1",
|
|
56
56
|
"react": "^17.0.1",
|
|
57
57
|
"react-dom": "^17.0.1"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "34009f66090d5e0003a9453c9f0f743e74438815"
|
|
60
60
|
}
|