ld/ld-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: ld:1146f3b180cea9222e12c9cd2df50f8fd20720ab
Branches Tags
ld:master
..
compare: ld:bb7863d5782e13cc914e4a994161d9816efe3181
Branches Tags
ld:master

9 Commits
1146f3b180 ... bb7863d578

Author SHA1 Message Date
liding
bb7863d578 Fix UI problem. 2024-06-29 23:17:53 +08:00
liding
8bd44a9b0d If some lines are not started with ASCII characters, join them to their 
previous line.
 2024-06-29 22:41:08 +08:00
liding
6076ebede2 Hide HTML h tag of table of content. 2024-06-28 22:51:34 +08:00
liding
ecc244f86a Add plugin for generating table of content automatically for markdown files. 2024-06-28 22:32:38 +08:00
liding
9f0d0a58ae Fix layout probelm in using different fonts. 2024-06-26 17:14:20 +08:00
liding
1d9d43b109 Convert vue file from ts to js. 2024-06-25 21:21:37 +08:00
liding
c820c372c8 Disable the Markdown render option 'markdown.smartypants' 
because it will render right and left quotes wrong.
 2024-06-22 22:36:09 +08:00
liding
9259be2be7 Delete the non-existing files in the content dir 
when rsync transfers content files.
 2024-06-22 22:25:10 +08:00
liding
ec61d5aa18 Add article definition to suppress the 
'[ERROR] The build was canceled.' log.
 2024-06-21 22:42:11 +08:00
2 changed files with 0 additions and 150 deletions
Show Stats Expand all files Collapse all files

3
src/components/tool/unit_conversion/UnitConversionWrapper.astro
View File

@ -1,8 +1,5 @@
--- ---
import DataUnitConversion from "./DataUnitConversion.vue"; import DataUnitConversion from "./DataUnitConversion.vue";
import WeightConversion from "./WeightConversion.vue";
--- ---
<DataUnitConversion client:load /> <DataUnitConversion client:load />
<WeightConversion client:load />

147
src/components/tool/unit_conversion/WeightConversion.vue
View File

@ -1,147 +0,0 @@
<script setup>
import { computed, ref } from 'vue';
import BigNumber from "bignumber.js";
/**
* @typedef {string} UnitNameStr
*/
/**
* @enum {UnitNameStr}
*/
const twToMetricUnitName = Object.freeze({
JIN: "jin",
LIANG: "liang",
QIAN: "qian",
FEN: "fen",
GRAM: "gram",
KILOGRAM: "kilogram"
})
/**
* @enum {number}
*/
const twToMetricUnitNameToWeight = Object.freeze({
[twToMetricUnitName.JIN]: 600,
[twToMetricUnitName.LIANG]: 600 / 16,
[twToMetricUnitName.QIAN]: 600 / 16 / 10,
[twToMetricUnitName.FEN]: 600 / 16 / 10 / 10,
[twToMetricUnitName.GRAM]: 1,
[twToMetricUnitName.KILOGRAM]: 1 * 1000,
})
const weight = ref({
[twToMetricUnitName.JIN]: '',
[twToMetricUnitName.LIANG]: '',
[twToMetricUnitName.QIAN]: '',
[twToMetricUnitName.FEN]: '',
[twToMetricUnitName.GRAM]: '',
[twToMetricUnitName.KILOGRAM]: '',
});
/**
* Change ref variable when user inputs some characters.
* @param {UnitNameStr} unitName
* @returns {void}
*/
function weightChanged(unitName) {
/**
* @type {object.<UnitNameStr, string>}
*/
let result = {};
// assign 0 to current input if nothing is passed
if (weight.value[unitName].length === 0) result[unitName] = '0';
let inputedGram = new BigNumber(twToMetricUnitNameToWeight[unitName]).multipliedBy(weight.value[unitName]);
for (const key in twToMetricUnitNameToWeight) {
result[key] = inputedGram.div(twToMetricUnitNameToWeight[key]).toString();
}
result[unitName] = weight.value[unitName];
for (const key in twToMetricUnitNameToWeight) {
if (result[key] !== 'NaN') {
weight.value[key] = result[key];
} else if (result[key] === 'NaN') {
weight.value[key] = '';
}
}
}
</script>
<template>
<h1>重量换算</h1>
<div class="unit-conversion-computation-area metric">
<p>公制重量:</p>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.KILOGRAM" type="text"
v-model="weight[twToMetricUnitName.KILOGRAM]" @input="weightChanged(twToMetricUnitName.KILOGRAM)">
<span class="unit-name">千克</span>
</div>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.GRAM" type="text" v-model="weight[twToMetricUnitName.GRAM]"
@input="weightChanged(twToMetricUnitName.GRAM)">
<span class="unit-name">克</span>
</div>
</div>
<div class="unit-conversion-computation-area tw">
<p>台湾制重量:</p>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.JIN" type="text" v-model="weight[twToMetricUnitName.JIN]"
@input="weightChanged(twToMetricUnitName.JIN)">
<span class="unit-name">斤</span>
</div>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.LIANG" type="text" v-model="weight[twToMetricUnitName.LIANG]"
@input="weightChanged(twToMetricUnitName.LIANG)">
<span class="unit-name">两</span>
</div>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.QIAN" type="text" v-model="weight[twToMetricUnitName.QIAN]"
@input="weightChanged(twToMetricUnitName.QIAN)">
<span class="unit-name">钱</span>
</div>
<div class="unit-conversion-computation-node">
<input class="size-text" :id="twToMetricUnitName.FEN" type="text" v-model="weight[twToMetricUnitName.FEN]"
@input="weightChanged(twToMetricUnitName.FEN)">
<span class="unit-name">分</span>
</div>
</div>
</template>
<style>
h1,
p,
.unit-conversion-computation-node {
margin: 0.5em 0;
}
.unit-conversion-computation-node {
float: left;
width: 170px;
margin: 0 8px 0 0;
}
.size-text {
margin: 0 6px 0 0;
width: 115px
}
@media screen and (max-width: 395px) {
.unit-conversion-computation-node {
width: 130px;
}
.size-text {
width: 85px;
}
}
.unit-conversion-computation-area::after {
content: '';
display: block;
clear: both;
}
.unit-conversion-computation-result {
margin: 0.5em 0 0.5em 0;
height: 1em;
}
</style>