wargerm 0.5.32 → 0.5.34

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.
@@ -1,4 +1,3 @@
1
1
  import React from 'react';
2
- import './index-light.less';
3
2
  declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
4
3
  export default _default;
package/dist/index.css CHANGED
@@ -28171,68 +28171,3 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
28171
28171
  opacity: 1;
28172
28172
  background: #9cd0ef;
28173
28173
  }
28174
-
28175
- .content_container {
28176
- width: 100%;
28177
- height: 100%;
28178
- }
28179
- .content_container .toolbar_container {
28180
- position: relative;
28181
- display: flex;
28182
- align-items: center;
28183
- justify-content: center;
28184
- height: 94px;
28185
- background: white;
28186
- border: 1px solid rgb(215 215 215);
28187
- }
28188
- .content_container .calendar_header_wrapper {
28189
- display: grid;
28190
- grid-template-columns: repeat(7, 1fr);
28191
- width: 100%;
28192
- height: 47px;
28193
- color: #fff;
28194
- background: #26958c;
28195
- border: 1px solid rgb(215 215 215);
28196
- }
28197
- .content_container .content_wrapper {
28198
- display: grid;
28199
- grid-template-columns: repeat(7, 1fr);
28200
- border: 1px solid rgb(215 215 215);
28201
- }
28202
- .content_container .content_wrapper .day_container {
28203
- position: relative;
28204
- display: flex;
28205
- align-items: center;
28206
- justify-content: center;
28207
- height: 100px;
28208
- color: #333;
28209
- background: #f6f6f6;
28210
- border-right: 1px solid rgb(215 215 215);
28211
- border-bottom: 1px solid rgb(215 215 215);
28212
- cursor: pointer;
28213
- }
28214
- .content_container .content_wrapper .day_container:hover {
28215
- box-shadow: inset 0px 0px 5px 1px lightgreen;
28216
- }
28217
- .content_container .content_wrapper .date_title {
28218
- display: inline-block;
28219
- width: 24px;
28220
- height: 20px;
28221
- margin-left: 4px;
28222
- color: rgb(103 113 122);
28223
- font-weight: 400;
28224
- font-size: 16px;
28225
- font-family: PingFangSC-Regular, PingFang SC;
28226
- line-height: 20px;
28227
- text-align: center;
28228
- }
28229
- .content_container .content_wrapper .isCurrentMonth {
28230
- color: #000;
28231
- background: #fff;
28232
- }
28233
- .content_container .content_wrapper .isToday {
28234
- background: lightgreen;
28235
- }
28236
- .content_container .content_wrapper .isCurrentDay {
28237
- box-shadow: inset 0px 0px 5px 1px lightgreen;
28238
- }
@@ -28171,68 +28171,3 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
28171
28171
  opacity: 1;
28172
28172
  background: #9cd0ef;
28173
28173
  }
28174
-
28175
- .content_container {
28176
- width: 100%;
28177
- height: 100%;
28178
- }
28179
- .content_container .toolbar_container {
28180
- position: relative;
28181
- display: flex;
28182
- align-items: center;
28183
- justify-content: center;
28184
- height: 94px;
28185
- background: white;
28186
- border: 1px solid rgb(215 215 215);
28187
- }
28188
- .content_container .calendar_header_wrapper {
28189
- display: grid;
28190
- grid-template-columns: repeat(7, 1fr);
28191
- width: 100%;
28192
- height: 47px;
28193
- color: #fff;
28194
- background: #26958c;
28195
- border: 1px solid rgb(215 215 215);
28196
- }
28197
- .content_container .content_wrapper {
28198
- display: grid;
28199
- grid-template-columns: repeat(7, 1fr);
28200
- border: 1px solid rgb(215 215 215);
28201
- }
28202
- .content_container .content_wrapper .day_container {
28203
- position: relative;
28204
- display: flex;
28205
- align-items: center;
28206
- justify-content: center;
28207
- height: 100px;
28208
- color: #333;
28209
- background: #f6f6f6;
28210
- border-right: 1px solid rgb(215 215 215);
28211
- border-bottom: 1px solid rgb(215 215 215);
28212
- cursor: pointer;
28213
- }
28214
- .content_container .content_wrapper .day_container:hover {
28215
- box-shadow: inset 0px 0px 5px 1px lightgreen;
28216
- }
28217
- .content_container .content_wrapper .date_title {
28218
- display: inline-block;
28219
- width: 24px;
28220
- height: 20px;
28221
- margin-left: 4px;
28222
- color: rgb(103 113 122);
28223
- font-weight: 400;
28224
- font-size: 16px;
28225
- font-family: PingFangSC-Regular, PingFang SC;
28226
- line-height: 20px;
28227
- text-align: center;
28228
- }
28229
- .content_container .content_wrapper .isCurrentMonth {
28230
- color: #000;
28231
- background: #fff;
28232
- }
28233
- .content_container .content_wrapper .isToday {
28234
- background: lightgreen;
28235
- }
28236
- .content_container .content_wrapper .isCurrentDay {
28237
- box-shadow: inset 0px 0px 5px 1px lightgreen;
28238
- }
package/dist/index.esm.js CHANGED
@@ -11312,6 +11312,7 @@ var INIT_DAYS = Array(TOTAL_LENGTH).fill(0).map(function (_, index) {
11312
11312
  return +index + 1;
11313
11313
  });
11314
11314
 
11315
+ hooks.locale('zh-cn');
11315
11316
  /**
11316
11317
  * 获取当前月的天数
11317
11318
  */
@@ -11449,6 +11450,8 @@ function initWeekCalendar(type, date) {
11449
11450
  return days;
11450
11451
  }
11451
11452
 
11453
+ hooks.locale('zh-cn');
11454
+
11452
11455
  function Calendar(_ref, ref) {
11453
11456
  var value = _ref.value,
11454
11457
  onChange = _ref.onChange,
@@ -11456,6 +11459,7 @@ function Calendar(_ref, ref) {
11456
11459
  type = _ref.type,
11457
11460
  toolBarSolt = _ref.toolBarSolt,
11458
11461
  dateCellRender = _ref.dateCellRender,
11462
+ onCell = _ref.onCell,
11459
11463
  calendarBodyClassName = _ref.calendarBodyClassName;
11460
11464
 
11461
11465
  var _useState = useState(initCalendar()),
@@ -11477,6 +11481,11 @@ function Calendar(_ref, ref) {
11477
11481
 
11478
11482
  var getweekDay = function getweekDay(date) {
11479
11483
  var index = hooks(date).day();
11484
+
11485
+ if (index == 0) {
11486
+ index = 7;
11487
+ }
11488
+
11480
11489
  return [weekLabelArray[index - 1]];
11481
11490
  };
11482
11491
 
@@ -11561,6 +11570,7 @@ function Calendar(_ref, ref) {
11561
11570
  type: "text",
11562
11571
  onClick: handleUp
11563
11572
  }), type == 'day' ? /*#__PURE__*/React.createElement(_DatePicker, {
11573
+ allowClear: false,
11564
11574
  value: datevalue,
11565
11575
  onChange: function onChange(date) {
11566
11576
  setOneWeekDays(['时间'].concat(_toConsumableArray(getweekDay(date))));
@@ -11571,6 +11581,7 @@ function Calendar(_ref, ref) {
11571
11581
  width: '250px'
11572
11582
  }
11573
11583
  }) : type == 'week' ? /*#__PURE__*/React.createElement(_DatePicker, {
11584
+ allowClear: false,
11574
11585
  value: datevalue,
11575
11586
  style: {
11576
11587
  width: '250px'
@@ -11583,6 +11594,7 @@ function Calendar(_ref, ref) {
11583
11594
  setDatevalue(date);
11584
11595
  }
11585
11596
  }) : /*#__PURE__*/React.createElement(_DatePicker, {
11597
+ allowClear: false,
11586
11598
  value: datevalue,
11587
11599
  picker: "month",
11588
11600
  onChange: function onChange(date) {
@@ -11617,13 +11629,20 @@ function Calendar(_ref, ref) {
11617
11629
  gridTemplateColumns: type == 'week' ? 'repeat(8, 1fr)' : '1fr 7fr'
11618
11630
  }
11619
11631
  }, days === null || days === void 0 ? void 0 : days.map(function (day, index) {
11620
- return /*#__PURE__*/React.createElement("div", {
11632
+ var _onCell;
11633
+
11634
+ var number = onCell && ((_onCell = onCell(days, day)) === null || _onCell === void 0 ? void 0 : _onCell.rowSpan) || 1;
11635
+ return number ? /*#__PURE__*/React.createElement("div", {
11621
11636
  onClick: function onClick() {
11622
11637
  return cellClick(day);
11623
11638
  },
11639
+ style: {
11640
+ gridRowStart: "span ".concat(number),
11641
+ height: number * 100
11642
+ },
11624
11643
  className: "day_container ".concat(day.isCurrentDay ? 'isCurrentDay' : '', " ").concat(day.isCurrentMonth ? 'isCurrentMonth' : ''),
11625
11644
  key: index
11626
- }, dateCellRender ? dateCellRender(day) : day.text);
11645
+ }, dateCellRender ? dateCellRender(day) : day.text) : null;
11627
11646
  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
11628
11647
  className: "calendar_header_wrapper"
11629
11648
  }, weekLabelArray.map(function (weekLabel) {
@@ -11957,11 +11976,14 @@ function VideoPlayer(_ref, ref) {
11957
11976
  currentLayoutIndex = _useState2[0],
11958
11977
  setCurrentLayoutIndex = _useState2[1];
11959
11978
 
11960
- var _useState3 = useState(url),
11979
+ var _useState3 = useState([]),
11961
11980
  _useState4 = _slicedToArray(_useState3, 2),
11962
11981
  urls = _useState4[0],
11963
11982
  setUrls = _useState4[1];
11964
11983
 
11984
+ useEffect(function () {
11985
+ setUrls(url);
11986
+ }, [url]);
11965
11987
  var initPlayerIndex = allLayouts[layoutIndex || 0].span >= url.length ? url.length - 1 >= 0 ? url.length - 1 : 0 : allLayouts[layoutIndex || 0].span - 1;
11966
11988
 
11967
11989
  var _useState5 = useState(initPlayerIndex),
package/dist/index.js CHANGED
@@ -11374,6 +11374,7 @@ var INIT_DAYS = Array(TOTAL_LENGTH).fill(0).map(function (_, index) {
11374
11374
  return +index + 1;
11375
11375
  });
11376
11376
 
11377
+ hooks.locale('zh-cn');
11377
11378
  /**
11378
11379
  * 获取当前月的天数
11379
11380
  */
@@ -11511,6 +11512,8 @@ function initWeekCalendar(type, date) {
11511
11512
  return days;
11512
11513
  }
11513
11514
 
11515
+ hooks.locale('zh-cn');
11516
+
11514
11517
  function Calendar(_ref, ref) {
11515
11518
  var value = _ref.value,
11516
11519
  onChange = _ref.onChange,
@@ -11518,6 +11521,7 @@ function Calendar(_ref, ref) {
11518
11521
  type = _ref.type,
11519
11522
  toolBarSolt = _ref.toolBarSolt,
11520
11523
  dateCellRender = _ref.dateCellRender,
11524
+ onCell = _ref.onCell,
11521
11525
  calendarBodyClassName = _ref.calendarBodyClassName;
11522
11526
 
11523
11527
  var _useState = React.useState(initCalendar()),
@@ -11539,6 +11543,11 @@ function Calendar(_ref, ref) {
11539
11543
 
11540
11544
  var getweekDay = function getweekDay(date) {
11541
11545
  var index = hooks(date).day();
11546
+
11547
+ if (index == 0) {
11548
+ index = 7;
11549
+ }
11550
+
11542
11551
  return [weekLabelArray[index - 1]];
11543
11552
  };
11544
11553
 
@@ -11623,6 +11632,7 @@ function Calendar(_ref, ref) {
11623
11632
  type: "text",
11624
11633
  onClick: handleUp
11625
11634
  }), type == 'day' ? /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], {
11635
+ allowClear: false,
11626
11636
  value: datevalue,
11627
11637
  onChange: function onChange(date) {
11628
11638
  setOneWeekDays(['时间'].concat(_toConsumableArray(getweekDay(date))));
@@ -11633,6 +11643,7 @@ function Calendar(_ref, ref) {
11633
11643
  width: '250px'
11634
11644
  }
11635
11645
  }) : type == 'week' ? /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], {
11646
+ allowClear: false,
11636
11647
  value: datevalue,
11637
11648
  style: {
11638
11649
  width: '250px'
@@ -11645,6 +11656,7 @@ function Calendar(_ref, ref) {
11645
11656
  setDatevalue(date);
11646
11657
  }
11647
11658
  }) : /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], {
11659
+ allowClear: false,
11648
11660
  value: datevalue,
11649
11661
  picker: "month",
11650
11662
  onChange: function onChange(date) {
@@ -11679,13 +11691,20 @@ function Calendar(_ref, ref) {
11679
11691
  gridTemplateColumns: type == 'week' ? 'repeat(8, 1fr)' : '1fr 7fr'
11680
11692
  }
11681
11693
  }, days === null || days === void 0 ? void 0 : days.map(function (day, index) {
11682
- return /*#__PURE__*/React__default['default'].createElement("div", {
11694
+ var _onCell;
11695
+
11696
+ var number = onCell && ((_onCell = onCell(days, day)) === null || _onCell === void 0 ? void 0 : _onCell.rowSpan) || 1;
11697
+ return number ? /*#__PURE__*/React__default['default'].createElement("div", {
11683
11698
  onClick: function onClick() {
11684
11699
  return cellClick(day);
11685
11700
  },
11701
+ style: {
11702
+ gridRowStart: "span ".concat(number),
11703
+ height: number * 100
11704
+ },
11686
11705
  className: "day_container ".concat(day.isCurrentDay ? 'isCurrentDay' : '', " ").concat(day.isCurrentMonth ? 'isCurrentMonth' : ''),
11687
11706
  key: index
11688
- }, dateCellRender ? dateCellRender(day) : day.text);
11707
+ }, dateCellRender ? dateCellRender(day) : day.text) : null;
11689
11708
  }))) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11690
11709
  className: "calendar_header_wrapper"
11691
11710
  }, weekLabelArray.map(function (weekLabel) {
@@ -12019,11 +12038,14 @@ function VideoPlayer(_ref, ref) {
12019
12038
  currentLayoutIndex = _useState2[0],
12020
12039
  setCurrentLayoutIndex = _useState2[1];
12021
12040
 
12022
- var _useState3 = React.useState(url),
12041
+ var _useState3 = React.useState([]),
12023
12042
  _useState4 = _slicedToArray(_useState3, 2),
12024
12043
  urls = _useState4[0],
12025
12044
  setUrls = _useState4[1];
12026
12045
 
12046
+ React.useEffect(function () {
12047
+ setUrls(url);
12048
+ }, [url]);
12027
12049
  var initPlayerIndex = allLayouts[layoutIndex || 0].span >= url.length ? url.length - 1 >= 0 ? url.length - 1 : 0 : allLayouts[layoutIndex || 0].span - 1;
12028
12050
 
12029
12051
  var _useState5 = React.useState(initPlayerIndex),
package/package.json CHANGED
@@ -1,88 +1,88 @@
1
- {
2
- "private": false,
3
- "name": "wargerm",
4
- "version": "0.5.32",
5
- "scripts": {
6
- "dev": "dumi dev",
7
- "docs:build": "dumi build",
8
- "docs:deploy": "gh-pages -d docs-dist",
9
- "build": "father-build",
10
- "deploy": "npm run docs:build && npm run docs:deploy",
11
- "release": "npm run build && npm publish",
12
- "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
13
- "test": "umi-test",
14
- "test:coverage": "umi-test --coverage"
15
- },
16
- "main": "dist/index.js",
17
- "module": "dist/index.esm.js",
18
- "unpkg": "dist/index.umd.min.js",
19
- "typings": "dist/index.d.ts",
20
- "author": "jinly2",
21
- "license": "MIT",
22
- "keywords": [
23
- "React",
24
- "Component"
25
- ],
26
- "gitHooks": {
27
- "pre-commit": "lint-staged"
28
- },
29
- "repository": {
30
- "type": "git",
31
- "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
32
- "branch": "main"
33
- },
34
- "files": [
35
- "dist",
36
- "es",
37
- "lib",
38
- "index.css"
39
- ],
40
- "lint-staged": {
41
- "*.{js,jsx,less,md,json}": [
42
- "prettier --write"
43
- ],
44
- "*.ts?(x)": [
45
- "prettier --parser=typescript --write"
46
- ]
47
- },
48
- "dependencies": {
49
- "@ant-design/pro-table": "^2.79.0",
50
- "animate.css": "^4.1.1",
51
- "echarts": "^5.2.2",
52
- "echarts-for-react": "^3.0.2",
53
- "react-countup": "^6.0.0",
54
- "react-dom": "^17.0.2",
55
- "react-file-viewer": "^1.2.1",
56
- "swiper": "^6.7.0",
57
- "xgplayer": "^2.31.6",
58
- "xgplayer-flv": "^2.5.1",
59
- "xgplayer-flv.js": "^2.3.0",
60
- "xgplayer-hls": "^2.5.2",
61
- "xgplayer-hls.js": "^2.6.1"
62
- },
63
- "peerDependencies": {
64
- "@ant-design/icons": ">=4.2.0",
65
- "antd": ">=4.7.0",
66
- "classnames": ">=2.2.0",
67
- "echarts": "^5.2.2",
68
- "echarts-for-react": "^3.0.2",
69
- "lodash": ">=4.0.0",
70
- "react": ">=17.0.0"
71
- },
72
- "devDependencies": {
73
- "@ant-design/icons": "^4.6.4",
74
- "@types/lodash": "^4.14.173",
75
- "@types/react-dom": "^17.0.11",
76
- "@umijs/test": "^3.0.5",
77
- "antd": "^4.16.13",
78
- "babel-plugin-import": "^1.13.3",
79
- "classnames": "^2.3.1",
80
- "dumi": "^1.1.31",
81
- "father-build": "^1.19.1",
82
- "gh-pages": "^3.0.0",
83
- "lint-staged": "^10.0.7",
84
- "prettier": "^1.19.1",
85
- "react": "^16.12.0",
86
- "yorkie": "^2.0.0"
87
- }
88
- }
1
+ {
2
+ "private": false,
3
+ "name": "wargerm",
4
+ "version": "0.5.34",
5
+ "scripts": {
6
+ "dev": "dumi dev",
7
+ "docs:build": "dumi build",
8
+ "docs:deploy": "gh-pages -d docs-dist",
9
+ "build": "father-build",
10
+ "deploy": "npm run docs:build && npm run docs:deploy",
11
+ "release": "npm run build && npm publish",
12
+ "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
13
+ "test": "umi-test",
14
+ "test:coverage": "umi-test --coverage"
15
+ },
16
+ "main": "dist/index.js",
17
+ "module": "dist/index.esm.js",
18
+ "unpkg": "dist/index.umd.min.js",
19
+ "typings": "dist/index.d.ts",
20
+ "author": "jinly2",
21
+ "license": "MIT",
22
+ "keywords": [
23
+ "React",
24
+ "Component"
25
+ ],
26
+ "gitHooks": {
27
+ "pre-commit": "lint-staged"
28
+ },
29
+ "repository": {
30
+ "type": "git",
31
+ "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
32
+ "branch": "main"
33
+ },
34
+ "files": [
35
+ "dist",
36
+ "es",
37
+ "lib",
38
+ "index.css"
39
+ ],
40
+ "lint-staged": {
41
+ "*.{js,jsx,less,md,json}": [
42
+ "prettier --write"
43
+ ],
44
+ "*.ts?(x)": [
45
+ "prettier --parser=typescript --write"
46
+ ]
47
+ },
48
+ "dependencies": {
49
+ "@ant-design/pro-table": "^2.79.0",
50
+ "animate.css": "^4.1.1",
51
+ "echarts": "^5.2.2",
52
+ "echarts-for-react": "^3.0.2",
53
+ "react-countup": "^6.0.0",
54
+ "react-dom": "^17.0.2",
55
+ "react-file-viewer": "^1.2.1",
56
+ "swiper": "^6.7.0",
57
+ "xgplayer": "^2.31.6",
58
+ "xgplayer-flv": "^2.5.1",
59
+ "xgplayer-flv.js": "^2.3.0",
60
+ "xgplayer-hls": "^2.5.2",
61
+ "xgplayer-hls.js": "^2.6.1"
62
+ },
63
+ "peerDependencies": {
64
+ "@ant-design/icons": ">=4.2.0",
65
+ "antd": ">=4.7.0",
66
+ "classnames": ">=2.2.0",
67
+ "echarts": "^5.2.2",
68
+ "echarts-for-react": "^3.0.2",
69
+ "lodash": ">=4.0.0",
70
+ "react": ">=17.0.0"
71
+ },
72
+ "devDependencies": {
73
+ "@ant-design/icons": "^4.6.4",
74
+ "@types/lodash": "^4.14.173",
75
+ "@types/react-dom": "^17.0.11",
76
+ "@umijs/test": "^3.0.5",
77
+ "antd": "^4.16.13",
78
+ "babel-plugin-import": "^1.13.3",
79
+ "classnames": "^2.3.1",
80
+ "dumi": "^1.1.31",
81
+ "father-build": "^1.19.1",
82
+ "gh-pages": "^3.0.0",
83
+ "lint-staged": "^10.0.7",
84
+ "prettier": "^1.19.1",
85
+ "react": "^16.12.0",
86
+ "yorkie": "^2.0.0"
87
+ }
88
+ }