@rpg-engine/long-bow 0.2.56 → 0.2.57
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/long-bow.cjs.development.js +7 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +7 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/SkillProgressBar.tsx +7 -4
package/dist/long-bow.esm.js
CHANGED
|
@@ -28684,13 +28684,17 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
|
|
|
28684
28684
|
skillName = _ref.skillName,
|
|
28685
28685
|
level = _ref.level,
|
|
28686
28686
|
skillPoints = _ref.skillPoints,
|
|
28687
|
+
skillPointsToNextLevel = _ref.skillPointsToNextLevel,
|
|
28687
28688
|
texturePath = _ref.texturePath,
|
|
28688
28689
|
_ref$showSkillPoints = _ref.showSkillPoints,
|
|
28689
28690
|
showSkillPoints = _ref$showSkillPoints === void 0 ? true : _ref$showSkillPoints,
|
|
28690
28691
|
atlasIMG = _ref.atlasIMG,
|
|
28691
28692
|
atlasJSON = _ref.atlasJSON;
|
|
28692
|
-
|
|
28693
|
-
|
|
28693
|
+
if (!skillPointsToNextLevel) {
|
|
28694
|
+
skillPointsToNextLevel = getSPForLevel(level + 1);
|
|
28695
|
+
}
|
|
28696
|
+
var skillPointsToLevelUp = skillPointsToNextLevel + skillPoints;
|
|
28697
|
+
var ratio = skillPoints / skillPointsToNextLevel * 100;
|
|
28694
28698
|
return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", level)), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
|
|
28695
28699
|
atlasIMG: atlasIMG,
|
|
28696
28700
|
atlasJSON: atlasJSON,
|
|
@@ -28701,7 +28705,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
|
|
|
28701
28705
|
}))) : React.createElement(React.Fragment, null)), React.createElement(ProgressBarContainer$1, null, React.createElement(SimpleProgressBar, {
|
|
28702
28706
|
value: ratio,
|
|
28703
28707
|
bgColor: bgColor
|
|
28704
|
-
}))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, skillPoints, "/",
|
|
28708
|
+
}))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, skillPoints, "/", skillPointsToLevelUp)));
|
|
28705
28709
|
};
|
|
28706
28710
|
var ProgressBarContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
28707
28711
|
displayName: "SkillProgressBar__ProgressBarContainer",
|