shineout 3.4.1 → 3.4.2-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/README-zh_CN.md +15 -12
- package/README.md +14 -12
- package/cjs/index.js +1 -1
- package/dist/shineout.js +19 -17
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/shineout.min.js.map +1 -1
- package/esm/index.js +1 -1
- package/package.json +5 -5
package/README-zh_CN.md
CHANGED
|
@@ -14,49 +14,52 @@
|
|
|
14
14
|
<img src="https://img.shields.io/badge/React-%3E%3D16.8.0-green.svg?style=flat-square">
|
|
15
15
|
</p>
|
|
16
16
|
|
|
17
|
-
## 特性
|
|
17
|
+
## ✨ 特性
|
|
18
18
|
|
|
19
19
|
- 精巧且友好的 API
|
|
20
20
|
- 开箱即用的高性能 React 组件
|
|
21
21
|
- 接口永远向下兼容
|
|
22
22
|
- 灵活的主题配置
|
|
23
23
|
|
|
24
|
-
## 依赖
|
|
24
|
+
## 🛠️ 依赖
|
|
25
25
|
|
|
26
26
|
```
|
|
27
27
|
react >= 16.8.0
|
|
28
28
|
react-dom >= 16.8.0
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
## 浏览器支持
|
|
31
|
+
## 🖥 浏览器支持
|
|
32
32
|
|
|
33
33
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
|
34
34
|
| --------- | --------- | --------- | --------- | --------- | --------- |
|
|
35
35
|
| Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions |
|
|
36
36
|
|
|
37
|
-
## 安装
|
|
37
|
+
## 📦 安装
|
|
38
38
|
|
|
39
39
|
```bash
|
|
40
|
-
|
|
40
|
+
npm install shineout
|
|
41
41
|
```
|
|
42
|
-
|
|
42
|
+
|
|
43
43
|
```bash
|
|
44
|
-
|
|
44
|
+
yarn add shineout
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
```bash
|
|
48
|
+
pnpm add shineout
|
|
49
|
+
```
|
|
50
|
+
## 🔗 CDN
|
|
48
51
|
|
|
49
52
|
```html
|
|
50
53
|
<script crossorigin src="https://unpkg.com/shineout/dist/shineout.min.js"></script>
|
|
51
54
|
```
|
|
52
55
|
|
|
53
|
-
## 使用
|
|
56
|
+
## 🔨 使用
|
|
54
57
|
|
|
55
|
-
```
|
|
58
|
+
```tsx
|
|
56
59
|
import { Button } from 'shineout'
|
|
57
60
|
|
|
58
|
-
<Button
|
|
61
|
+
<Button>Click me</Button>
|
|
59
62
|
```
|
|
60
63
|
|
|
61
|
-
## 开源许可
|
|
64
|
+
## 📄 开源许可
|
|
62
65
|
[MIT](./LICENSE)
|
package/README.md
CHANGED
|
@@ -14,52 +14,54 @@ English | [简体中文](./README-zh_CN.md)
|
|
|
14
14
|
<img src="https://img.shields.io/badge/React-%3E%3D16.8.0-green.svg?style=flat-square">
|
|
15
15
|
</p>
|
|
16
16
|
|
|
17
|
-
## Features
|
|
17
|
+
## ✨ Features
|
|
18
18
|
|
|
19
19
|
- A concise and friendly API
|
|
20
20
|
- A set of high-performance React components out of the box.
|
|
21
21
|
- Always backward compatible
|
|
22
22
|
- Flexible theme customization
|
|
23
23
|
|
|
24
|
-
## Requirements
|
|
24
|
+
## 🛠️ Requirements
|
|
25
25
|
|
|
26
26
|
```
|
|
27
27
|
react >= 16.8.0
|
|
28
28
|
react-dom >= 16.8.0
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
## Browsers support
|
|
31
|
+
## 🖥 Browsers support
|
|
32
32
|
|
|
33
33
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
|
34
34
|
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
35
35
|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
|
36
36
|
|
|
37
|
-
## Installation
|
|
37
|
+
## 📦 Installation
|
|
38
38
|
|
|
39
39
|
```bash
|
|
40
|
-
|
|
40
|
+
npm install shineout
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
```bash
|
|
44
|
+
yarn add shineout
|
|
45
|
+
```
|
|
44
46
|
|
|
45
47
|
```bash
|
|
46
|
-
|
|
48
|
+
pnpm add shineout
|
|
47
49
|
```
|
|
48
50
|
|
|
49
|
-
## CDN
|
|
51
|
+
## 🔗 CDN
|
|
50
52
|
|
|
51
53
|
```html
|
|
52
54
|
<script crossorigin src="https://unpkg.com/shineout/dist/shineout.min.js"></script>
|
|
53
55
|
```
|
|
54
56
|
|
|
55
|
-
## Usage
|
|
57
|
+
## 🔨 Usage
|
|
56
58
|
|
|
57
|
-
```
|
|
59
|
+
```tsx
|
|
58
60
|
import { Button } from 'shineout'
|
|
59
61
|
|
|
60
|
-
|
|
62
|
+
<Button>Click me</Button>
|
|
61
63
|
```
|
|
62
64
|
|
|
63
|
-
## LICENSE
|
|
65
|
+
## 📄 LICENSE
|
|
64
66
|
|
|
65
67
|
[MIT](./LICENSE)
|
package/cjs/index.js
CHANGED
|
@@ -492,5 +492,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
492
492
|
// 此文件由脚本自动生成,请勿直接修改。
|
|
493
493
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
494
494
|
var _default = exports.default = {
|
|
495
|
-
version: '3.4.
|
|
495
|
+
version: '3.4.2-beta.2'
|
|
496
496
|
};
|
package/dist/shineout.js
CHANGED
|
@@ -11991,7 +11991,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
11991
11991
|
};
|
|
11992
11992
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
11993
11993
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
11994
|
-
/* harmony default export */ var version = ('3.4.
|
|
11994
|
+
/* harmony default export */ var version = ('3.4.2-beta.2');
|
|
11995
11995
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
11996
11996
|
|
|
11997
11997
|
|
|
@@ -19562,8 +19562,8 @@ var groupSpace = function groupSpace(gap) {
|
|
|
19562
19562
|
padding: "0 ".concat(gap),
|
|
19563
19563
|
display: 'flex',
|
|
19564
19564
|
alignItems: 'center',
|
|
19565
|
-
|
|
19566
|
-
|
|
19565
|
+
borderLeft: "1px solid ".concat(src.inputBorderColor),
|
|
19566
|
+
borderRight: "1px solid ".concat(src.inputBorderColor),
|
|
19567
19567
|
background: src.inputGroupFontBackgroundColor,
|
|
19568
19568
|
fontWeight: 'normal',
|
|
19569
19569
|
color: src.inputGroupFontColor,
|
|
@@ -19771,8 +19771,8 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
|
|
|
19771
19771
|
transform: 'rotate(45deg) translateY(3px)',
|
|
19772
19772
|
width: '6px',
|
|
19773
19773
|
height: '6px',
|
|
19774
|
-
|
|
19775
|
-
|
|
19774
|
+
borderTop: "1px solid ".concat(src.inputBorderColor),
|
|
19775
|
+
borderLeft: "1px solid ".concat(src.inputBorderColor),
|
|
19776
19776
|
background: 'inherit',
|
|
19777
19777
|
content: "' '"
|
|
19778
19778
|
},
|
|
@@ -26249,8 +26249,8 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
|
|
|
26249
26249
|
transform: 'rotate(45deg) translateY(3px)',
|
|
26250
26250
|
width: '6px',
|
|
26251
26251
|
height: '6px',
|
|
26252
|
-
|
|
26253
|
-
|
|
26252
|
+
borderTop: "1px solid ".concat(src.textareaBorderColor),
|
|
26253
|
+
borderLeft: "1px solid ".concat(src.textareaBorderColor),
|
|
26254
26254
|
background: 'inherit',
|
|
26255
26255
|
content: "' '"
|
|
26256
26256
|
},
|
|
@@ -38928,7 +38928,7 @@ function useFormControl(props) {
|
|
|
38928
38928
|
}
|
|
38929
38929
|
}
|
|
38930
38930
|
};
|
|
38931
|
-
}, [name]);
|
|
38931
|
+
}, [name === null || name === void 0 ? void 0 : name.toString()]);
|
|
38932
38932
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
38933
38933
|
updateError(isArray(name) ? name.join('|') : name, error);
|
|
38934
38934
|
}, [error]);
|
|
@@ -46031,12 +46031,15 @@ var useForm = function useForm(props) {
|
|
|
46031
46031
|
validate: false
|
|
46032
46032
|
};
|
|
46033
46033
|
onChange(function (draft) {
|
|
46034
|
-
Object.keys(vals)
|
|
46034
|
+
var values = Object.keys(vals);
|
|
46035
|
+
// 针对 name 为数组模式,如 datepicker 的 name={['startTime', 'endTime']} 时,前者校验可能需要依赖后者,因此需要提前将后者数据整合至 draft 用于多字段整合校验
|
|
46036
|
+
var nextDraft = Object.assign({}, current(draft), vals);
|
|
46037
|
+
values.forEach(function (key) {
|
|
46035
46038
|
deepSet(draft, key, vals[key], deepSetOptions);
|
|
46036
46039
|
if (option.validate) {
|
|
46037
46040
|
var _context$validateMap$;
|
|
46038
46041
|
(_context$validateMap$ = context.validateMap[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.forEach(function (validate) {
|
|
46039
|
-
validate(key, vals[key],
|
|
46042
|
+
validate(key, vals[key], nextDraft);
|
|
46040
46043
|
});
|
|
46041
46044
|
}
|
|
46042
46045
|
});
|
|
@@ -50843,13 +50846,13 @@ var ListColumnsOption = function ListColumnsOption(props) {
|
|
|
50843
50846
|
datum = props.datum,
|
|
50844
50847
|
size = props.size,
|
|
50845
50848
|
multiple = props.multiple,
|
|
50849
|
+
columns = props.columns,
|
|
50846
50850
|
_props$columnWidth = props.columnWidth,
|
|
50847
50851
|
columnWidth = _props$columnWidth === void 0 ? 160 : _props$columnWidth,
|
|
50848
|
-
renderItemProp = props.renderItem
|
|
50849
|
-
closePop = props.closePop;
|
|
50852
|
+
renderItemProp = props.renderItem;
|
|
50850
50853
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
|
|
50851
50854
|
var style = {
|
|
50852
|
-
width: columnWidth
|
|
50855
|
+
width: columns && columns <= 1 ? '100%' : columnWidth
|
|
50853
50856
|
};
|
|
50854
50857
|
var isChecked = datum.check(data);
|
|
50855
50858
|
var isDisabled = datum.disabledCheck(data);
|
|
@@ -51016,6 +51019,7 @@ var ColumnsList = function ColumnsList(props) {
|
|
|
51016
51019
|
data: item,
|
|
51017
51020
|
size: size,
|
|
51018
51021
|
datum: datum,
|
|
51022
|
+
columns: columns,
|
|
51019
51023
|
multiple: multiple,
|
|
51020
51024
|
columnWidth: columnWidth,
|
|
51021
51025
|
renderItem: renderItemProp,
|
|
@@ -51757,7 +51761,7 @@ function Select(props0) {
|
|
|
51757
51761
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
51758
51762
|
adjust: adjust,
|
|
51759
51763
|
focus: open,
|
|
51760
|
-
fixedWidth: !props.columns && (autoAdapt ? 'min' : true),
|
|
51764
|
+
fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
|
|
51761
51765
|
absolute: props.absolute,
|
|
51762
51766
|
zIndex: props.zIndex,
|
|
51763
51767
|
position: position,
|
|
@@ -57172,8 +57176,6 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
|
57172
57176
|
}, [startIndex]);
|
|
57173
57177
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
57174
57178
|
// 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
|
|
57175
|
-
setTop(0);
|
|
57176
|
-
setStartIndex(0);
|
|
57177
57179
|
return function () {
|
|
57178
57180
|
context.preIndex = null;
|
|
57179
57181
|
};
|
|
@@ -65078,7 +65080,7 @@ var upload_interface = __webpack_require__(8821);
|
|
|
65078
65080
|
|
|
65079
65081
|
|
|
65080
65082
|
/* harmony default export */ var src_0 = ({
|
|
65081
|
-
version: '3.4.
|
|
65083
|
+
version: '3.4.2-beta.2'
|
|
65082
65084
|
});
|
|
65083
65085
|
}();
|
|
65084
65086
|
/******/ return __webpack_exports__;
|