poi-plugin-leveling-plan 0.0.1 → 0.0.2

package/views/components/plan-list.js

@@ -9,11 +9,13 @@ var _reactBootstrap = require("react-bootstrap");
 
 var _reactRedux = require("react-redux");
 
-var _reselect = require("reselect");
+var _lodash = _interopRequireDefault(require("lodash"));
 
 var _planItem = _interopRequireDefault(require("./plan-item"));
 
-var _selectors = require("../../utils/selectors");
+var _selectors = require("views/utils/selectors");
+
+var _selectors2 = require("../../utils/selectors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -52,7 +54,11 @@ class PlanList extends _react.Component {
       completedPlans,
       onEdit,
       onDelete,
-      onComplete
+      onComplete,
+      $ships,
+      resources,
+      useitems,
+      $useitems
     } = this.props; // 根据当前标签页选择要显示的计划
 
     let displayPlans = [];
@@ -86,18 +92,29 @@ class PlanList extends _react.Component {
       planDetail: plan,
       onEdit: () => onEdit(plan.id),
       onDelete: () => onDelete(plan.id),
-      onComplete: () => onComplete(plan.id)
+      onComplete: () => onComplete(plan.id),
+      $ships: $ships,
+      resources: resources,
+      useitems: useitems,
+      $useitems: $useitems
     }))));
   }
 
-} // Redux 连接
-
-
-const mapStateToProps = (0, _reselect.createSelector)([_selectors.allPlanDetailsSelector, _selectors.activePlanDetailsSelector, _selectors.completedPlanDetailsSelector], (allPlans, activePlans, completedPlans) => ({
-  allPlans,
-  activePlans,
-  completedPlans
-}));
+} // Redux 连接（不处理equips，避免大量计算）
+
+
+const mapStateToProps = state => {
+  const $const = (0, _selectors.constSelector)(state) || {};
+  return {
+    allPlans: (0, _selectors2.allPlanDetailsSelector)(state),
+    activePlans: (0, _selectors2.activePlanDetailsSelector)(state),
+    completedPlans: (0, _selectors2.completedPlanDetailsSelector)(state),
+    $ships: (0, _selectors2.$shipsSelector)(state),
+    resources: _lodash.default.get(state, 'info.resources', []),
+    useitems: _lodash.default.get(state, 'info.useitems', {}),
+    $useitems: _lodash.default.get($const, '$useitems', {})
+  };
+};
 
 var _default = (0, _reactRedux.connect)(mapStateToProps)(PlanList);
 

package/views/components/plan-settings.js

@@ -15,11 +15,52 @@ var _selectors = require("../../utils/selectors");
 
 var _constants = require("../../utils/constants");
 
+var _expCalculator = require("../../utils/exp-calculator");
+
+var _planHelpers = require("../../utils/plan-helpers");
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
 const {
   __
-} = window.i18n['poi-plugin-leveling-plan']; // 计划设置组件
+} = window.i18n['poi-plugin-leveling-plan'];
+
+const MapExperienceOverview = ({
+  personalStats
+}) => {
+  const mapIds = Object.keys(_constants.EXP_BY_POI_DB).sort((a, b) => Number(a) - Number(b));
+  return _react.default.createElement("div", {
+    className: "map-exp-table-container"
+  }, _react.default.createElement("table", {
+    className: "map-exp-table"
+  }, _react.default.createElement("thead", null, _react.default.createElement("tr", null, _react.default.createElement("th", null, __('Map')), _react.default.createElement("th", null, __('Preset Value')), _react.default.createElement("th", null, __('Personal Value')), _react.default.createElement("th", null, __('Sample Count')), _react.default.createElement("th", null, __('Currently Used')))), _react.default.createElement("tbody", null, mapIds.map(mapId => {
+    const mapExpData = (0, _expCalculator.getMapExp)(mapId, personalStats, 30);
+    const presetExp = _constants.EXP_BY_POI_DB[mapId] || 0;
+    const isPersonal = mapExpData.source === 'personal';
+    const hasPersonalData = mapExpData.count > 0;
+    const samplesInsufficient = hasPersonalData && !isPersonal;
+    return _react.default.createElement("tr", {
+      key: mapId
+    }, _react.default.createElement("td", {
+      className: "map-id"
+    }, (0, _planHelpers.formatMapName)(mapId)), _react.default.createElement("td", {
+      className: "preset-exp"
+    }, presetExp), _react.default.createElement("td", {
+      className: `personal-exp ${isPersonal ? 'active' : ''}`
+    }, hasPersonalData ? mapExpData.exp : __('No personal data')), _react.default.createElement("td", {
+      className: `sample-count ${samplesInsufficient ? 'insufficient' : ''}`
+    }, mapExpData.count, samplesInsufficient && _react.default.createElement("span", {
+      className: "insufficient-note"
+    }, " (", __('Samples Insufficient'), ")")), _react.default.createElement("td", {
+      className: "current-source"
+    }, isPersonal ? _react.default.createElement("span", {
+      className: "source-badge personal"
+    }, __('Personal'), " \u2605") : _react.default.createElement("span", {
+      className: "source-badge preset"
+    }, __('Preset'))));
+  }))));
+}; // 计划设置组件
+
 
 class PlanSettings extends _react.Component {
   constructor(props) {
@@ -102,7 +143,10 @@ class PlanSettings extends _react.Component {
       defaultIsFlagship,
       defaultIsMVP
     } = this.state;
-    return _react.default.createElement(_reactBootstrap.Panel, {
+    const {
+      personalStats
+    } = this.props;
+    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_reactBootstrap.Panel, {
       className: "plan-settings"
     }, _react.default.createElement(_reactBootstrap.Panel.Heading, null, _react.default.createElement(_reactBootstrap.Panel.Title, null, __('Default Battle Conditions'))), _react.default.createElement(_reactBootstrap.Panel.Body, null, _react.default.createElement("p", {
       className: "help-block"
@@ -132,14 +176,19 @@ class PlanSettings extends _react.Component {
     }, __('Reset to Default')), _react.default.createElement(_reactBootstrap.Button, {
       bsStyle: "primary",
       onClick: this.handleSave
-    }, __('Save Settings')))));
+    }, __('Save Settings'))))), _react.default.createElement(_reactBootstrap.Panel, {
+      className: "map-exp-overview-panel"
+    }, _react.default.createElement(_reactBootstrap.Panel.Heading, null, _react.default.createElement(_reactBootstrap.Panel.Title, null, __('Map Experience Overview'))), _react.default.createElement(_reactBootstrap.Panel.Body, null, _react.default.createElement(MapExperienceOverview, {
+      personalStats: personalStats
+    }))));
   }
 
 } // Redux 连接
 
 
-const mapStateToProps = (0, _reselect.createSelector)([_selectors.planSettingsSelector], settings => ({
-  settings
+const mapStateToProps = (0, _reselect.createSelector)([_selectors.planSettingsSelector, _selectors.personalStatsSelector], (settings, personalStats) => ({
+  settings,
+  personalStats
 }));
 
 var _default = (0, _reactRedux.connect)(mapStateToProps)(PlanSettings);

package/views/components/useitem-icon.js

@@ -0,0 +1,87 @@
+"use strict";
+
+exports.__esModule = true;
+exports.UseitemIcon = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _path = require("path");
+
+var _reactRedux = require("react-redux");
+
+var _selectors = require("views/utils/selectors");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const fallback = (0, _path.resolve)(__dirname, '../../assets/icon/useitem.svg'); // 有图标文件的 useitem id 集合（75/77/78/94 命名正确，其余 fallback）
+
+const AVAILABLE_ICONS = new Set([75, 77, 78, 94]);
+
+class StaticUseitemIcon extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "shouldComponentUpdate", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: nextProps => !_lodash.default.isEqual(nextProps, this.props)
+    }), _temp;
+  }
+
+  render() {
+    const {
+      useitemId,
+      className,
+      useSVGIcon
+    } = this.props;
+    const classNames = (0, _classnames.default)(useSVGIcon ? 'svg' : 'png', className);
+    let _src = fallback;
+
+    try {
+      if (AVAILABLE_ICONS.has(useitemId)) {
+        _src = (0, _path.resolve)(__dirname, `../../assets/icon/${useitemId}.png`);
+      }
+    } catch (e) {
+      _src = fallback;
+    }
+
+    return _react.default.createElement("img", {
+      src: _src,
+      alt: `useitem #${useitemId}`,
+      className: (0, _classnames.default)(classNames, 'useitem-icon')
+    });
+  }
+
+}
+
+Object.defineProperty(StaticUseitemIcon, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    useitemId: _propTypes.default.number.isRequired,
+    className: _propTypes.default.string,
+    useSVGIcon: _propTypes.default.bool.isRequired
+  }
+});
+Object.defineProperty(StaticUseitemIcon, "defaultProps", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    className: ''
+  }
+});
+const UseitemIcon = (0, _reactRedux.connect)(state => ({
+  useSVGIcon: _lodash.default.get((0, _selectors.configSelector)(state), 'poi.useSVGIcon')
+}))(StaticUseitemIcon);
+exports.UseitemIcon = UseitemIcon;