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 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
- yarn add shineout
40
+ npm install shineout
41
41
  ```
42
- // or
42
+
43
43
  ```bash
44
- npm install shineout
44
+ yarn add shineout
45
45
  ```
46
46
 
47
- ## CDN
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
- ```javascript
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
- yarn add shineout
40
+ npm install shineout
41
41
  ```
42
42
 
43
- // or
43
+ ```bash
44
+ yarn add shineout
45
+ ```
44
46
 
45
47
  ```bash
46
- npm install shineout
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
- ```javascript
59
+ ```tsx
58
60
  import { Button } from 'shineout'
59
61
 
60
- ;<Button />
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.1'
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.1');
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
- border: "1px solid ".concat(src.inputBorderColor),
19566
- borderWidth: '0 1px',
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
- border: "1px solid ".concat(src.inputBorderColor),
19775
- borderWidth: '1px 0 0 1px',
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
- border: "1px solid ".concat(src.textareaBorderColor),
26253
- borderWidth: '1px 0 0 1px',
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).forEach(function (key) {
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], current(draft));
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.1'
65083
+ version: '3.4.2-beta.2'
65082
65084
  });
65083
65085
  }();
65084
65086
  /******/ return __webpack_exports__;