wargerm 0.7.37 → 0.7.39
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/dist/components/TabelCard/example/demo6.d.ts +3 -0
- package/dist/index.css +6 -3
- package/dist/index.esm.css +6 -3
- package/dist/index.esm.js +92 -83
- package/dist/index.js +91 -82
- package/package.json +1 -1
package/dist/index.css
CHANGED
@@ -40313,7 +40313,8 @@ html[data-prefers-color='light'] .ant-table-tbody > tr > td.ant-table-cell-row-h
|
|
40313
40313
|
html[data-prefers-color='light'] .ant-table-tbody > tr > td.ant-table-cell-row-hover:last-child {
|
40314
40314
|
border-radius: 0px 4px 4px 0px;
|
40315
40315
|
}
|
40316
|
-
html[data-prefers-color='light'] .ant-table-thead > tr > th
|
40316
|
+
html[data-prefers-color='light'] .ant-table-thead > tr > th,
|
40317
|
+
html[data-prefers-color='light'] .ant-table-thead > tr > td {
|
40317
40318
|
background: #e3eaf8 !important;
|
40318
40319
|
color: #384356;
|
40319
40320
|
font-size: 14px;
|
@@ -53208,7 +53209,8 @@ html[data-prefers-color='nt'] .ant-table-tbody > tr > td.ant-table-cell-row-hove
|
|
53208
53209
|
html[data-prefers-color='nt'] .ant-table-tbody > tr > td.ant-table-cell-row-hover:last-child {
|
53209
53210
|
border-radius: 0px 4px 4px 0px;
|
53210
53211
|
}
|
53211
|
-
html[data-prefers-color='nt'] .ant-table-thead > tr > th
|
53212
|
+
html[data-prefers-color='nt'] .ant-table-thead > tr > th,
|
53213
|
+
html[data-prefers-color='nt'] .ant-table-thead > tr > td {
|
53212
53214
|
background: linear-gradient(#d4e8ee 0%, #def3f4 100%) !important;
|
53213
53215
|
color: #384356;
|
53214
53216
|
font-size: 14px;
|
@@ -66009,7 +66011,8 @@ html[data-prefers-color='sd'] .ant-table-thead > tr > th::before {
|
|
66009
66011
|
html[data-prefers-color='sd'] .ant-table-thead > tr > th:first-child {
|
66010
66012
|
border-left: 1px solid #b2d4dd;
|
66011
66013
|
}
|
66012
|
-
html[data-prefers-color='sd'] .ant-table-thead > tr > th
|
66014
|
+
html[data-prefers-color='sd'] .ant-table-thead > tr > th,
|
66015
|
+
html[data-prefers-color='sd'] .ant-table-thead > tr > td {
|
66013
66016
|
background: rgba(1, 126, 203, 0.2) !important;
|
66014
66017
|
color: #76797f;
|
66015
66018
|
font-size: 14px;
|
package/dist/index.esm.css
CHANGED
@@ -40313,7 +40313,8 @@ html[data-prefers-color='light'] .ant-table-tbody > tr > td.ant-table-cell-row-h
|
|
40313
40313
|
html[data-prefers-color='light'] .ant-table-tbody > tr > td.ant-table-cell-row-hover:last-child {
|
40314
40314
|
border-radius: 0px 4px 4px 0px;
|
40315
40315
|
}
|
40316
|
-
html[data-prefers-color='light'] .ant-table-thead > tr > th
|
40316
|
+
html[data-prefers-color='light'] .ant-table-thead > tr > th,
|
40317
|
+
html[data-prefers-color='light'] .ant-table-thead > tr > td {
|
40317
40318
|
background: #e3eaf8 !important;
|
40318
40319
|
color: #384356;
|
40319
40320
|
font-size: 14px;
|
@@ -53208,7 +53209,8 @@ html[data-prefers-color='nt'] .ant-table-tbody > tr > td.ant-table-cell-row-hove
|
|
53208
53209
|
html[data-prefers-color='nt'] .ant-table-tbody > tr > td.ant-table-cell-row-hover:last-child {
|
53209
53210
|
border-radius: 0px 4px 4px 0px;
|
53210
53211
|
}
|
53211
|
-
html[data-prefers-color='nt'] .ant-table-thead > tr > th
|
53212
|
+
html[data-prefers-color='nt'] .ant-table-thead > tr > th,
|
53213
|
+
html[data-prefers-color='nt'] .ant-table-thead > tr > td {
|
53212
53214
|
background: linear-gradient(#d4e8ee 0%, #def3f4 100%) !important;
|
53213
53215
|
color: #384356;
|
53214
53216
|
font-size: 14px;
|
@@ -66009,7 +66011,8 @@ html[data-prefers-color='sd'] .ant-table-thead > tr > th::before {
|
|
66009
66011
|
html[data-prefers-color='sd'] .ant-table-thead > tr > th:first-child {
|
66010
66012
|
border-left: 1px solid #b2d4dd;
|
66011
66013
|
}
|
66012
|
-
html[data-prefers-color='sd'] .ant-table-thead > tr > th
|
66014
|
+
html[data-prefers-color='sd'] .ant-table-thead > tr > th,
|
66015
|
+
html[data-prefers-color='sd'] .ant-table-thead > tr > td {
|
66013
66016
|
background: rgba(1, 126, 203, 0.2) !important;
|
66014
66017
|
color: #76797f;
|
66015
66018
|
font-size: 14px;
|
package/dist/index.esm.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import 'antd/dist/reset.css';
|
2
2
|
import React, { useRef, useEffect, useMemo, useState, useCallback, useImperativeHandle, memo, forwardRef, createRef } from 'react';
|
3
|
-
import { cloneDeep, uniqBy, chunk, isEmpty } from 'lodash-es';
|
3
|
+
import { cloneDeep, uniqBy, omit, chunk, isEmpty } from 'lodash-es';
|
4
4
|
import { useSyncExternalStore } from 'use-sync-external-store/shim';
|
5
5
|
import { Menu, Dropdown, Button, Input, Upload as Upload$1, Modal as Modal$2, message, InputNumber, DatePicker, Radio, Space, Checkbox, Select, Switch, Tooltip, TreeSelect as TreeSelect$1, Cascader, Form, Row, Col, Spin, Pagination, Breadcrumb, ConfigProvider, notification } from 'antd';
|
6
6
|
import { createFromIconfontCN, PlusOutlined, CloseCircleOutlined, SearchOutlined, ReloadOutlined, MinusOutlined, FullscreenOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, EditOutlined, DeleteOutlined, LeftOutlined, RightOutlined, CloseOutlined } from '@ant-design/icons';
|
@@ -4298,10 +4298,12 @@ var WForm = function WForm(props, ref) {
|
|
4298
4298
|
className: "mr20",
|
4299
4299
|
icon: /*#__PURE__*/React.createElement(ReloadOutlined, null),
|
4300
4300
|
onClick: handleRest
|
4301
|
-
}, search && search.resetText ? search.resetText : '重置')) : null))), search && (search === null || search === void 0 ? void 0 : search.tableBarDom) && (search === null || search === void 0 ? void 0 : search.tableBarDom.map(function (
|
4301
|
+
}, search && search.resetText ? search.resetText : '重置')) : null))), search && (search === null || search === void 0 ? void 0 : search.tableBarDom) && (search === null || search === void 0 ? void 0 : search.tableBarDom.map(function (_ref) {
|
4302
|
+
var config = _ref.config,
|
4303
|
+
children = _ref.children;
|
4302
4304
|
return /*#__PURE__*/React.createElement(Col, _objectSpread2({
|
4303
4305
|
className: "pr20"
|
4304
|
-
},
|
4306
|
+
}, config || {}), /*#__PURE__*/React.createElement(Form.Item, null, children));
|
4305
4307
|
})))));
|
4306
4308
|
};
|
4307
4309
|
|
@@ -7522,62 +7524,68 @@ var TabelCard = function TabelCard(props, ref) {
|
|
7522
7524
|
var tableBarDom = useMemo(function () {
|
7523
7525
|
return renderTableBar === null || renderTableBar === void 0 ? void 0 : renderTableBar.map(function (item) {
|
7524
7526
|
if (item.type === 'add') {
|
7525
|
-
return
|
7526
|
-
|
7527
|
-
|
7528
|
-
|
7529
|
-
|
7530
|
-
|
7531
|
-
|
7532
|
-
|
7533
|
-
|
7534
|
-
|
7535
|
-
|
7536
|
-
|
7537
|
-
|
7538
|
-
|
7539
|
-
|
7540
|
-
|
7541
|
-
|
7542
|
-
|
7543
|
-
|
7544
|
-
|
7527
|
+
return {
|
7528
|
+
config: omit(item, ['type', 'actionMethod', 'actionRender']),
|
7529
|
+
children: /*#__PURE__*/React.createElement(Tooltip, {
|
7530
|
+
title: "\u65B0\u589E",
|
7531
|
+
key: "add"
|
7532
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
7533
|
+
key: "add",
|
7534
|
+
type: "primary",
|
7535
|
+
onClick: function onClick() {
|
7536
|
+
return openFormModel({
|
7537
|
+
type: '新增',
|
7538
|
+
record: {},
|
7539
|
+
modalOnOk: function () {
|
7540
|
+
var _modalOnOk3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(values, loading) {
|
7541
|
+
return regeneratorRuntime.wrap(function _callee7$(_context7) {
|
7542
|
+
while (1) {
|
7543
|
+
switch (_context7.prev = _context7.next) {
|
7544
|
+
case 0:
|
7545
|
+
if (!item.actionMethod) {
|
7546
|
+
_context7.next = 3;
|
7547
|
+
break;
|
7548
|
+
}
|
7545
7549
|
|
7546
|
-
|
7547
|
-
|
7548
|
-
|
7550
|
+
_context7.next = 3;
|
7551
|
+
return item.actionMethod(values, function () {
|
7552
|
+
var _actionRef$current4;
|
7549
7553
|
|
7550
|
-
|
7551
|
-
|
7552
|
-
|
7554
|
+
loading();
|
7555
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.reload();
|
7556
|
+
});
|
7553
7557
|
|
7554
|
-
|
7555
|
-
|
7556
|
-
|
7558
|
+
case 3:
|
7559
|
+
case "end":
|
7560
|
+
return _context7.stop();
|
7561
|
+
}
|
7557
7562
|
}
|
7558
|
-
}
|
7559
|
-
}
|
7560
|
-
}));
|
7563
|
+
}, _callee7);
|
7564
|
+
}));
|
7561
7565
|
|
7562
|
-
|
7563
|
-
|
7564
|
-
|
7566
|
+
function modalOnOk(_x5, _x6) {
|
7567
|
+
return _modalOnOk3.apply(this, arguments);
|
7568
|
+
}
|
7565
7569
|
|
7566
|
-
|
7567
|
-
|
7568
|
-
|
7569
|
-
|
7570
|
-
|
7570
|
+
return modalOnOk;
|
7571
|
+
}()
|
7572
|
+
});
|
7573
|
+
}
|
7574
|
+
}, /*#__PURE__*/React.createElement(PlusOutlined, null), " \u65B0\u589E"))
|
7575
|
+
};
|
7571
7576
|
} else if (item.type === 'extraAction') {
|
7572
7577
|
var _item$actionRender2;
|
7573
7578
|
|
7574
|
-
return
|
7575
|
-
item
|
7576
|
-
|
7579
|
+
return {
|
7580
|
+
config: omit(item, ['type', 'actionMethod', 'actionRender']),
|
7581
|
+
children: (_item$actionRender2 = item.actionRender) === null || _item$actionRender2 === void 0 ? void 0 : _item$actionRender2.call(item, actionRef, function () {
|
7582
|
+
item.actionMethod && item.actionMethod(actionRef, function () {
|
7583
|
+
var _actionRef$current5;
|
7577
7584
|
|
7578
|
-
|
7579
|
-
|
7580
|
-
|
7585
|
+
return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.reload();
|
7586
|
+
});
|
7587
|
+
})
|
7588
|
+
};
|
7581
7589
|
}
|
7582
7590
|
});
|
7583
7591
|
}, [actionRef, renderTableBarDeps]);
|
@@ -8577,6 +8585,39 @@ var IconFont = createFromIconfontCN({
|
|
8577
8585
|
scriptUrl: 'https://static.eblssmart.com/wargerm/font/font.js'
|
8578
8586
|
});
|
8579
8587
|
|
8588
|
+
var basicLayouts = [{
|
8589
|
+
title: '1x1布局',
|
8590
|
+
style: {
|
8591
|
+
gridTemplateColumns: '1fr',
|
8592
|
+
gridTemplateRows: '1fr'
|
8593
|
+
},
|
8594
|
+
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8595
|
+
type: "icon-dantupailie"
|
8596
|
+
}),
|
8597
|
+
span: 1
|
8598
|
+
}, {
|
8599
|
+
title: '2x2布局',
|
8600
|
+
style: {
|
8601
|
+
gridTemplateColumns: '1fr 1fr',
|
8602
|
+
gridTemplateRows: '1fr 1fr'
|
8603
|
+
},
|
8604
|
+
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8605
|
+
type: "icon-split-screen-compare-full"
|
8606
|
+
}),
|
8607
|
+
span: 4
|
8608
|
+
}, {
|
8609
|
+
title: '3x3布局',
|
8610
|
+
style: {
|
8611
|
+
gridTemplateColumns: '1fr 1fr 1fr',
|
8612
|
+
gridTemplateRows: '1fr 1fr 1fr'
|
8613
|
+
},
|
8614
|
+
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8615
|
+
type: "icon-all-full",
|
8616
|
+
className: "f21"
|
8617
|
+
}),
|
8618
|
+
span: 9
|
8619
|
+
}];
|
8620
|
+
|
8580
8621
|
function VideoPlayer$1(_ref, ref) {
|
8581
8622
|
var _ref$footer = _ref.footer,
|
8582
8623
|
footer = _ref$footer === void 0 ? true : _ref$footer,
|
@@ -8588,40 +8629,8 @@ function VideoPlayer$1(_ref, ref) {
|
|
8588
8629
|
_ref$url = _ref.url,
|
8589
8630
|
url = _ref$url === void 0 ? [] : _ref$url,
|
8590
8631
|
_ref$layouts = _ref.layouts,
|
8591
|
-
layouts = _ref$layouts === void 0 ?
|
8592
|
-
var
|
8593
|
-
title: '1x1布局',
|
8594
|
-
style: {
|
8595
|
-
gridTemplateColumns: '1fr',
|
8596
|
-
gridTemplateRows: '1fr'
|
8597
|
-
},
|
8598
|
-
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8599
|
-
type: "icon-dantupailie"
|
8600
|
-
}),
|
8601
|
-
span: 1
|
8602
|
-
}, {
|
8603
|
-
title: '2x2布局',
|
8604
|
-
style: {
|
8605
|
-
gridTemplateColumns: '1fr 1fr',
|
8606
|
-
gridTemplateRows: '1fr 1fr'
|
8607
|
-
},
|
8608
|
-
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8609
|
-
type: "icon-split-screen-compare-full"
|
8610
|
-
}),
|
8611
|
-
span: 4
|
8612
|
-
}, {
|
8613
|
-
title: '3x3布局',
|
8614
|
-
style: {
|
8615
|
-
gridTemplateColumns: '1fr 1fr 1fr',
|
8616
|
-
gridTemplateRows: '1fr 1fr 1fr'
|
8617
|
-
},
|
8618
|
-
icon: /*#__PURE__*/React.createElement(IconFont, {
|
8619
|
-
type: "icon-all-full",
|
8620
|
-
className: "f21"
|
8621
|
-
}),
|
8622
|
-
span: 9
|
8623
|
-
}];
|
8624
|
-
var allLayouts = [].concat(_toConsumableArray(layouts), basicLayouts);
|
8632
|
+
layouts = _ref$layouts === void 0 ? basicLayouts : _ref$layouts;
|
8633
|
+
var allLayouts = layouts;
|
8625
8634
|
|
8626
8635
|
var _useState = useState(layoutIndex || 0),
|
8627
8636
|
_useState2 = _slicedToArray(_useState, 2),
|
package/dist/index.js
CHANGED
@@ -4342,10 +4342,12 @@ var WForm = function WForm(props, ref) {
|
|
4342
4342
|
className: "mr20",
|
4343
4343
|
icon: /*#__PURE__*/React__default['default'].createElement(icons.ReloadOutlined, null),
|
4344
4344
|
onClick: handleRest
|
4345
|
-
}, search && search.resetText ? search.resetText : '重置')) : null))), search && (search === null || search === void 0 ? void 0 : search.tableBarDom) && (search === null || search === void 0 ? void 0 : search.tableBarDom.map(function (
|
4345
|
+
}, search && search.resetText ? search.resetText : '重置')) : null))), search && (search === null || search === void 0 ? void 0 : search.tableBarDom) && (search === null || search === void 0 ? void 0 : search.tableBarDom.map(function (_ref) {
|
4346
|
+
var config = _ref.config,
|
4347
|
+
children = _ref.children;
|
4346
4348
|
return /*#__PURE__*/React__default['default'].createElement(antd.Col, _objectSpread2({
|
4347
4349
|
className: "pr20"
|
4348
|
-
},
|
4350
|
+
}, config || {}), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, null, children));
|
4349
4351
|
})))));
|
4350
4352
|
};
|
4351
4353
|
|
@@ -7566,62 +7568,68 @@ var TabelCard = function TabelCard(props, ref) {
|
|
7566
7568
|
var tableBarDom = React.useMemo(function () {
|
7567
7569
|
return renderTableBar === null || renderTableBar === void 0 ? void 0 : renderTableBar.map(function (item) {
|
7568
7570
|
if (item.type === 'add') {
|
7569
|
-
return
|
7570
|
-
|
7571
|
-
|
7572
|
-
|
7573
|
-
|
7574
|
-
|
7575
|
-
|
7576
|
-
|
7577
|
-
|
7578
|
-
|
7579
|
-
|
7580
|
-
|
7581
|
-
|
7582
|
-
|
7583
|
-
|
7584
|
-
|
7585
|
-
|
7586
|
-
|
7587
|
-
|
7588
|
-
|
7571
|
+
return {
|
7572
|
+
config: lodashEs.omit(item, ['type', 'actionMethod', 'actionRender']),
|
7573
|
+
children: /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
|
7574
|
+
title: "\u65B0\u589E",
|
7575
|
+
key: "add"
|
7576
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
7577
|
+
key: "add",
|
7578
|
+
type: "primary",
|
7579
|
+
onClick: function onClick() {
|
7580
|
+
return openFormModel({
|
7581
|
+
type: '新增',
|
7582
|
+
record: {},
|
7583
|
+
modalOnOk: function () {
|
7584
|
+
var _modalOnOk3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(values, loading) {
|
7585
|
+
return regeneratorRuntime.wrap(function _callee7$(_context7) {
|
7586
|
+
while (1) {
|
7587
|
+
switch (_context7.prev = _context7.next) {
|
7588
|
+
case 0:
|
7589
|
+
if (!item.actionMethod) {
|
7590
|
+
_context7.next = 3;
|
7591
|
+
break;
|
7592
|
+
}
|
7589
7593
|
|
7590
|
-
|
7591
|
-
|
7592
|
-
|
7594
|
+
_context7.next = 3;
|
7595
|
+
return item.actionMethod(values, function () {
|
7596
|
+
var _actionRef$current4;
|
7593
7597
|
|
7594
|
-
|
7595
|
-
|
7596
|
-
|
7598
|
+
loading();
|
7599
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.reload();
|
7600
|
+
});
|
7597
7601
|
|
7598
|
-
|
7599
|
-
|
7600
|
-
|
7602
|
+
case 3:
|
7603
|
+
case "end":
|
7604
|
+
return _context7.stop();
|
7605
|
+
}
|
7601
7606
|
}
|
7602
|
-
}
|
7603
|
-
}
|
7604
|
-
}));
|
7607
|
+
}, _callee7);
|
7608
|
+
}));
|
7605
7609
|
|
7606
|
-
|
7607
|
-
|
7608
|
-
|
7610
|
+
function modalOnOk(_x5, _x6) {
|
7611
|
+
return _modalOnOk3.apply(this, arguments);
|
7612
|
+
}
|
7609
7613
|
|
7610
|
-
|
7611
|
-
|
7612
|
-
|
7613
|
-
|
7614
|
-
|
7614
|
+
return modalOnOk;
|
7615
|
+
}()
|
7616
|
+
});
|
7617
|
+
}
|
7618
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.PlusOutlined, null), " \u65B0\u589E"))
|
7619
|
+
};
|
7615
7620
|
} else if (item.type === 'extraAction') {
|
7616
7621
|
var _item$actionRender2;
|
7617
7622
|
|
7618
|
-
return
|
7619
|
-
item
|
7620
|
-
|
7623
|
+
return {
|
7624
|
+
config: lodashEs.omit(item, ['type', 'actionMethod', 'actionRender']),
|
7625
|
+
children: (_item$actionRender2 = item.actionRender) === null || _item$actionRender2 === void 0 ? void 0 : _item$actionRender2.call(item, actionRef, function () {
|
7626
|
+
item.actionMethod && item.actionMethod(actionRef, function () {
|
7627
|
+
var _actionRef$current5;
|
7621
7628
|
|
7622
|
-
|
7623
|
-
|
7624
|
-
|
7629
|
+
return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.reload();
|
7630
|
+
});
|
7631
|
+
})
|
7632
|
+
};
|
7625
7633
|
}
|
7626
7634
|
});
|
7627
7635
|
}, [actionRef, renderTableBarDeps]);
|
@@ -8621,6 +8629,39 @@ var IconFont = icons.createFromIconfontCN({
|
|
8621
8629
|
scriptUrl: 'https://static.eblssmart.com/wargerm/font/font.js'
|
8622
8630
|
});
|
8623
8631
|
|
8632
|
+
var basicLayouts = [{
|
8633
|
+
title: '1x1布局',
|
8634
|
+
style: {
|
8635
|
+
gridTemplateColumns: '1fr',
|
8636
|
+
gridTemplateRows: '1fr'
|
8637
|
+
},
|
8638
|
+
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8639
|
+
type: "icon-dantupailie"
|
8640
|
+
}),
|
8641
|
+
span: 1
|
8642
|
+
}, {
|
8643
|
+
title: '2x2布局',
|
8644
|
+
style: {
|
8645
|
+
gridTemplateColumns: '1fr 1fr',
|
8646
|
+
gridTemplateRows: '1fr 1fr'
|
8647
|
+
},
|
8648
|
+
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8649
|
+
type: "icon-split-screen-compare-full"
|
8650
|
+
}),
|
8651
|
+
span: 4
|
8652
|
+
}, {
|
8653
|
+
title: '3x3布局',
|
8654
|
+
style: {
|
8655
|
+
gridTemplateColumns: '1fr 1fr 1fr',
|
8656
|
+
gridTemplateRows: '1fr 1fr 1fr'
|
8657
|
+
},
|
8658
|
+
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8659
|
+
type: "icon-all-full",
|
8660
|
+
className: "f21"
|
8661
|
+
}),
|
8662
|
+
span: 9
|
8663
|
+
}];
|
8664
|
+
|
8624
8665
|
function VideoPlayer$1(_ref, ref) {
|
8625
8666
|
var _ref$footer = _ref.footer,
|
8626
8667
|
footer = _ref$footer === void 0 ? true : _ref$footer,
|
@@ -8632,40 +8673,8 @@ function VideoPlayer$1(_ref, ref) {
|
|
8632
8673
|
_ref$url = _ref.url,
|
8633
8674
|
url = _ref$url === void 0 ? [] : _ref$url,
|
8634
8675
|
_ref$layouts = _ref.layouts,
|
8635
|
-
layouts = _ref$layouts === void 0 ?
|
8636
|
-
var
|
8637
|
-
title: '1x1布局',
|
8638
|
-
style: {
|
8639
|
-
gridTemplateColumns: '1fr',
|
8640
|
-
gridTemplateRows: '1fr'
|
8641
|
-
},
|
8642
|
-
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8643
|
-
type: "icon-dantupailie"
|
8644
|
-
}),
|
8645
|
-
span: 1
|
8646
|
-
}, {
|
8647
|
-
title: '2x2布局',
|
8648
|
-
style: {
|
8649
|
-
gridTemplateColumns: '1fr 1fr',
|
8650
|
-
gridTemplateRows: '1fr 1fr'
|
8651
|
-
},
|
8652
|
-
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8653
|
-
type: "icon-split-screen-compare-full"
|
8654
|
-
}),
|
8655
|
-
span: 4
|
8656
|
-
}, {
|
8657
|
-
title: '3x3布局',
|
8658
|
-
style: {
|
8659
|
-
gridTemplateColumns: '1fr 1fr 1fr',
|
8660
|
-
gridTemplateRows: '1fr 1fr 1fr'
|
8661
|
-
},
|
8662
|
-
icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
8663
|
-
type: "icon-all-full",
|
8664
|
-
className: "f21"
|
8665
|
-
}),
|
8666
|
-
span: 9
|
8667
|
-
}];
|
8668
|
-
var allLayouts = [].concat(_toConsumableArray(layouts), basicLayouts);
|
8676
|
+
layouts = _ref$layouts === void 0 ? basicLayouts : _ref$layouts;
|
8677
|
+
var allLayouts = layouts;
|
8669
8678
|
|
8670
8679
|
var _useState = React.useState(layoutIndex || 0),
|
8671
8680
|
_useState2 = _slicedToArray(_useState, 2),
|