Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

优化设置输入框 #41

Merged
merged 2 commits into from
Dec 22, 2024
Merged

优化设置输入框 #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1e42305
优化代码
MengLeiFudge Dec 21, 2024
e12a98b
优化设置的输入框
MengLeiFudge Dec 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions src/global_state.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -427,7 +427,6 @@ export class GlobalState {

/** 取得每一个物品的历史产出 */
#get_item_price() {
let scheme_data = this.scheme_data;
let item_graph = this.item_graph;
let item_list = this.item_list;
let key_item_list = this.key_item_list;
Expand Down Expand Up @@ -458,7 +457,7 @@ export class GlobalState {
}//关键物品成本为0
for (let mineralize_item in mineralize_list) {
item_price[mineralize_item] = {"原料": {}, "成本": 0, "累计成本": 0};
}// 矿物化物品成本为0
}//矿物化物品成本为0
for (let multi_source in multi_sources) {
item_price[multi_source] = {"原料": {}, "成本": 0, "累计成本": 0};
}//多来源物品成本为0
Expand Down
2 changes: 2 additions & 0 deletions src/needs_list.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,8 +67,10 @@ export function NeedsList({needs_list, set_needs_list}) {

function add_npl(item) {
let new_npl = structuredClone(natural_production_line);
let count = Number(count_ref.current.value);
new_npl.push({
"目标物品": item,
"目标产量": count,
"建筑数量": 10, "配方id": 1, "增产点数": 0, "增产模式": 0, "建筑": 0
});
set_settings({"natural_production_line": new_npl});
Expand Down
60 changes: 0 additions & 60 deletions src/scheme_data.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,66 +20,6 @@ const DEFAULT_SCHEME_DATA = {
},
};

// var is_genesis_book_previous_enable;
// export function MiningSettings() {
// const global_state = useContext(GlobalStateContext);
// const set_scheme_data = useContext(SchemeDataSetterContext);
// let scheme_data = global_state.scheme_data;
// let settings = global_state.settings;
//
// if (is_genesis_book_previous_enable === undefined) {
// is_genesis_book_previous_enable = global_state.game_data.GenesisBookEnable;
// }
// let is_genesis_book_current_enable = global_state.game_data.GenesisBookEnable;
// if (is_genesis_book_previous_enable !== is_genesis_book_current_enable) {
// if (is_genesis_book_current_enable) {
// settings.巨星氢面板 = 1;
// settings.巨星重氢面板 = 0.2;
// settings.巨星可燃冰面板 = 0.5;
// settings.fractionating_speed = 3600;
// } else {
// settings.巨星氢面板 = 1;
// settings.巨星重氢面板 = 0.5;
// settings.巨星可燃冰面板 = 0.5;
// settings.巨星氦面板 = 0.2;
// settings.巨星氨面板 = 0.2;
// settings.行星氮面板 = 0.2;
// settings.行星氧面板 = 0.2;
// settings.fractionating_speed.fractionating_speed = 1800;
// }
// is_genesis_book_previous_enable = is_genesis_book_current_enable;
// }
// let doms = Object.entries(scheme_data.mining_rate).map(([key, value]) =>
// <tr key={key}>
// <td className="text-nowrap">{key}</td>
// <td className="ps-3">
// <input type="number" style={{maxWidth: '5em'}} value={value} onChange={
// event => set_scheme_data(prev_scheme_data => ({
// ...prev_scheme_data,
// mining_rate: Object.assign(prev_scheme_data.mining_rate, {
// [key]: parseFloat(event.target.value) || 0
// })
// }))}/>
// </td>
// </tr>
// );
// //如果未启用创世之书，隐藏巨星氦和巨星氨
// if (!is_genesis_book_current_enable) {
// doms = removeProperties(doms, value => value["key"] === "巨星氦面板" || value["key"] === "巨星氨面板");
// }
// return <table>
// <tbody>{doms}</tbody>
// </table>;
// }
// function removeProperties(obj, predicate) {
// Object.keys(obj).forEach(key => {
// if (predicate(obj[key])) {
// delete obj[key];
// }
// });
// return obj;
// }

function get_item_data(game_data) {
//通过读取配方表得到配方中涉及的物品信息，item_data中的键名为物品名，键值为
//此物品在计算器中的id与用于生产此物品的配方在配方表中的序号
Expand Down
95 changes: 47 additions & 48 deletions src/settings.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ export function Settings() {
let GenesisBookEnable = global_state.game_data.GenesisBookEnable ? "" : "none";
let TheyComeFromVoidEnable = global_state.game_data.TheyComeFromVoidEnable ? "" : "none";

let fix_multiple = Math.pow(10, settings.fixed_num);
let percent_val = {
mining_efficiency_large: Math.round(settings.mining_efficiency_large * 100),
mining_speed_multiple: Math.round(settings.mining_speed_multiple * 100),
Expand All @@ -19,18 +18,18 @@ export function Settings() {
inc_rate: Math.round(settings.inc_rate * 100),
}

function change_int_setting(e, name) {
let val = parseInt(e.target.value) || DEFAULT_SETTINGS[name];
function change_int_setting(e, name, minVal) {
let val = Math.max(parseInt(e.target.value) || DEFAULT_SETTINGS[name], minVal);
set_settings({[name]: val});
}

function change_float_setting(e, name) {
let val = parseFloat(e.target.value) || DEFAULT_SETTINGS[name];
set_settings({[name]: Math.round(val * fix_multiple) / fix_multiple});
function change_float_setting(e, name, minVal) {
let val = Math.max(parseFloat(e.target.value) || DEFAULT_SETTINGS[name], minVal);
set_settings({[name]: Math.round(val * 10000) / 10000});//输入框最多四位小数
}

function change_percent_setting(e, name) {
let val = parseInt(e.target.value) || (DEFAULT_SETTINGS[name] * 100);
function change_percent_setting(e, name, minVal) {
let val = Math.max(parseInt(e.target.value) || (DEFAULT_SETTINGS[name] * 100), minVal);
percent_val[name] = val;
set_settings({[name]: val / 100});
}
Expand All @@ -57,36 +56,36 @@ export function Settings() {
<tr>
<td>原油面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_oil} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_oil} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_oil")}/>
onChange={e => change_float_setting(e, "mining_speed_oil", 0.01)}/>
</td>
<td className="ps-2">{"/s（单个油井）"}</td>
</tr>
<tr>
<td>巨星氢面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_hydrogen} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_hydrogen} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_hydrogen")}/>
onBlur={e => change_float_setting(e, "mining_speed_hydrogen", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>巨星重氢面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_deuterium} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_deuterium} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_deuterium")}/>
onBlur={e => change_float_setting(e, "mining_speed_deuterium", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>巨星可燃冰面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_gas_hydrate} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_gas_hydrate} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_gas_hydrate")}/>
onBlur={e => change_float_setting(e, "mining_speed_gas_hydrate", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
Expand All @@ -95,56 +94,56 @@ export function Settings() {
<tr>
<td>巨星氦面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_helium} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_helium} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_helium")}/>
onBlur={e => change_float_setting(e, "mining_speed_helium", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>巨星氨面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_ammonia} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_ammonia} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_ammonia")}/>
onBlur={e => change_float_setting(e, "mining_speed_ammonia", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>行星氮面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_nitrogen} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_nitrogen} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_nitrogen")}/>
onBlur={e => change_float_setting(e, "mining_speed_nitrogen", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>行星氧面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_oxygen} aria-valuemin={0.01} step={0.10}
<input type="number" value={settings.mining_speed_oxygen} step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_oxygen")}/>
onBlur={e => change_float_setting(e, "mining_speed_oxygen", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>行星二氧化碳面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_carbon_dioxide} aria-valuemin={0.01}
<input type="number" value={settings.mining_speed_carbon_dioxide}
step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_carbon_dioxide")}/>
onBlur={e => change_float_setting(e, "mining_speed_carbon_dioxide", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
<tr>
<td>行星二氧化硫面板</td>
<td className="ps-2">
<input type="number" value={settings.mining_speed_sulfur_dioxide} aria-valuemin={0.01}
<input type="number" value={settings.mining_speed_sulfur_dioxide}
step={0.10}
style={{maxWidth: '5em'}}
onChange={e => change_float_setting(e, "mining_speed_sulfur_dioxide")}/>
onBlur={e => change_float_setting(e, "mining_speed_sulfur_dioxide", 0.01)}/>
</td>
<td className="ps-2">{"/s（星球资源详情）"}</td>
</tr>
Expand All @@ -163,52 +162,52 @@ export function Settings() {
<tr>
<td>小矿机覆盖矿脉数</td>
<td className="ps-2">
<input type="number" value={settings.covered_veins_small} aria-valuemin={1} step={1}
<input type="number" value={settings.covered_veins_small} step={1}
style={{maxWidth: '5em'}}
onChange={e => change_int_setting(e, "covered_veins_small")}/>
onChange={e => change_int_setting(e, "covered_veins_small", 1)}/>
</td>
</tr>
<tr>
<td>大矿机覆盖矿脉数</td>
<td className="ps-2">
<input type="number" value={settings.covered_veins_large} aria-valuemin={1} step={1}
<input type="number" value={settings.covered_veins_large} step={1}
style={{maxWidth: '5em'}}
onChange={e => change_int_setting(e, "covered_veins_large")}/>
onChange={e => change_int_setting(e, "covered_veins_large", 1)}/>
</td>
</tr>
<tr>
<td>大矿机开采速度</td>
<td className="ps-2">
<input type="number" value={percent_val["mining_efficiency_large"]} aria-valuemin={100} step={100}
<input type="number" value={percent_val["mining_efficiency_large"]} step={100}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "mining_efficiency_large")}/>
onChange={e => change_percent_setting(e, "mining_efficiency_large", 100)}/>
</td>
<td className="ps-2">{"%"}</td>
</tr>
<tr>
<td>采矿速度</td>
<td className="ps-2">
<input type="number" value={percent_val["mining_speed_multiple"]} aria-valuemin={100} step={10}
<input type="number" value={percent_val["mining_speed_multiple"]} step={10}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "mining_speed_multiple")}/>
onChange={e => change_percent_setting(e, "mining_speed_multiple", 100)}/>
</td>
<td className="ps-2">{"%（科技面板右上）"}</td>
</tr>
<tr>
<td>残骸产出倍率</td>
<td className="ps-2">
<input type="number" value={percent_val["enemy_drop_multiple"]} aria-valuemin={100} step={4}
<input type="number" value={percent_val["enemy_drop_multiple"]} step={4}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "enemy_drop_multiple")}/>
onChange={e => change_percent_setting(e, "enemy_drop_multiple", 100)}/>
</td>
<td className="ps-2">{"%（科技面板右上）"}</td>
</tr>
<tr>
<td>手动制造速度</td>
<td className="ps-2">
<input type="number" value={percent_val["icarus_manufacturing_speed"]} aria-valuemin={100} step={50}
<input type="number" value={percent_val["icarus_manufacturing_speed"]} step={50}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "icarus_manufacturing_speed")}/>
onChange={e => change_percent_setting(e, "icarus_manufacturing_speed", 100)}/>
</td>
<td className="ps-2">{"%"}</td>
</tr>
Expand All @@ -235,16 +234,16 @@ export function Settings() {
<tr>
<td>精度位数</td>
<td className="ps-2">
<input type="number" value={settings.fixed_num} aria-valuemin={0} step={1} style={{maxWidth: '5em'}}
onChange={e => change_int_setting(e, "fixed_num")}/>
<input type="number" value={settings.fixed_num} step={1} style={{maxWidth: '5em'}}
onChange={e => change_int_setting(e, "fixed_num", 0)}/>
</td>
</tr>
<tr>
<td>研究站层数</td>
<td className="ps-2">
<input type="number" value={settings.stack_research_lab} aria-valuemin={1} step={1}
<input type="number" value={settings.stack_research_lab} step={1}
style={{maxWidth: '5em'}}
onChange={e => change_int_setting(e, "stack_research_lab")}/>
onChange={e => change_int_setting(e, "stack_research_lab", 1)}/>
</td>
</tr>
<tr>
Expand All @@ -258,18 +257,18 @@ export function Settings() {
<tr>
<td>增产剂加速效率修正</td>
<td className="ps-2">
<input type="number" value={percent_val["acc_rate"]} aria-valuemin={1} step={5}
<input type="number" value={percent_val["acc_rate"]} step={5}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "acc_rate")}/>
onChange={e => change_percent_setting(e, "acc_rate", 1)}/>
</td>
<td className="ps-2">{"%"}</td>
</tr>
<tr>
<td>增产剂增产效率修正</td>
<td className="ps-2">
<input type="number" value={percent_val["inc_rate"]} aria-valuemin={1} step={5}
<input type="number" value={percent_val["inc_rate"]} step={5}
style={{maxWidth: '5em'}}
onChange={e => change_percent_setting(e, "inc_rate")}/>
onChange={e => change_percent_setting(e, "inc_rate", 1)}/>
</td>
<td className="ps-2">{"%"}</td>
</tr>
Expand Down
Loading