react-chessboard-ui 1.4.6 → 1.4.8
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/ChessBoard/constants.d.ts +1 -0
- package/dist/index.css +1 -0
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +6 -4
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -1874,6 +1874,7 @@ var CHESS_PIECES_MAP = {
|
|
|
1874
1874
|
};
|
|
1875
1875
|
|
|
1876
1876
|
var DEFAULT_CELL_SIZE = 92;
|
|
1877
|
+
var DEFAULT_FIGURE_SIZE_PERCENT = 80;
|
|
1877
1878
|
var FACTOR_FOR_SIZE_CIRCLE_MARK = 4.6;
|
|
1878
1879
|
var DEFAULT_CIRCLE_MARK_COLOR = '#3697ce';
|
|
1879
1880
|
var DEFAULT_WHITE_CELL_COLOR = '#fafafc';
|
|
@@ -1886,6 +1887,7 @@ var DEFAULT_CHECKED_CELL_COLOR = '#e95b5c';
|
|
|
1886
1887
|
var DEFAULT_PIECES_MAP = CHESS_PIECES_MAP;
|
|
1887
1888
|
var DEFAULT_CHESSBORD_CONFIG = {
|
|
1888
1889
|
cellSize: DEFAULT_CELL_SIZE,
|
|
1890
|
+
figureSizePercent: DEFAULT_FIGURE_SIZE_PERCENT,
|
|
1889
1891
|
circleMarkColor: DEFAULT_CIRCLE_MARK_COLOR,
|
|
1890
1892
|
whiteCellColor: DEFAULT_WHITE_CELL_COLOR,
|
|
1891
1893
|
blackCellColor: DEFAULT_BLACK_CELL_COLOR,
|
|
@@ -2191,7 +2193,7 @@ var ChessBoardFiguresLayout = function ChessBoardFiguresLayout(props) {
|
|
|
2191
2193
|
width: boardConfig.cellSize,
|
|
2192
2194
|
height: boardConfig.cellSize
|
|
2193
2195
|
}
|
|
2194
|
-
}, boardConfig.piecesMap[getFigureCSS(figure)] && boardConfig.piecesMap[getFigureCSS(figure)](
|
|
2196
|
+
}, boardConfig.piecesMap[getFigureCSS(figure)] && boardConfig.piecesMap[getFigureCSS(figure)](boardConfig.figureSizePercent + "%"));
|
|
2195
2197
|
}));
|
|
2196
2198
|
};
|
|
2197
2199
|
|
|
@@ -2811,7 +2813,7 @@ var HoldedFigure = function HoldedFigure(props) {
|
|
|
2811
2813
|
width: boardConfig.cellSize,
|
|
2812
2814
|
height: boardConfig.cellSize
|
|
2813
2815
|
}
|
|
2814
|
-
}, " ", boardConfig.piecesMap[getFigureCSS(holdedFigure)](
|
|
2816
|
+
}, " ", boardConfig.piecesMap[getFigureCSS(holdedFigure)](boardConfig.figureSizePercent + "%"));
|
|
2815
2817
|
};
|
|
2816
2818
|
|
|
2817
2819
|
var BASE_BOARD_SIZE$2 = 8;
|
|
@@ -2853,7 +2855,7 @@ var ChessBoardInteractiveLayout = function ChessBoardInteractiveLayout(props) {
|
|
|
2853
2855
|
width: boardConfig.cellSize,
|
|
2854
2856
|
height: boardConfig.cellSize
|
|
2855
2857
|
}
|
|
2856
|
-
}, boardConfig.piecesMap[getFigureCSS(holdedFigure)](
|
|
2858
|
+
}, boardConfig.piecesMap[getFigureCSS(holdedFigure)](boardConfig.figureSizePercent + "%")), checkIsPossibleMove(possibleMoves, [i, j]) && React.createElement("div", {
|
|
2857
2859
|
className: styles.possibleMoveMark,
|
|
2858
2860
|
style: {
|
|
2859
2861
|
width: boardConfig.cellSize / FACTOR_FOR_SIZE_CIRCLE_MARK,
|
|
@@ -2936,7 +2938,7 @@ var FigurePicker = function FigurePicker(props) {
|
|
|
2936
2938
|
onClick: function onClick() {
|
|
2937
2939
|
return handleChange(figure);
|
|
2938
2940
|
}
|
|
2939
|
-
}, boardConfig.piecesMap[getFigureCSS(figure)](
|
|
2941
|
+
}, boardConfig.piecesMap[getFigureCSS(figure)](boardConfig.figureSizePercent + "%"));
|
|
2940
2942
|
}));
|
|
2941
2943
|
};
|
|
2942
2944
|
|