@jjlmoya/utils-nautical 1.5.0 → 1.7.0

package/src/tool/sailArea/i18n/zh.ts

@@ -0,0 +1,275 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { SailAreaUI, SailAreaLocaleContent } from '../index';
+
+const slug = 'sail-area-calculator';
+const title = '帆面积及 SA/D 比例计算器';
+const description =
+  '计算您船只的总帆面积以及帆面积与排水量的比例（SA/D 比）。基于 I、J、P 和 E 测量值的航海性能分析。';
+
+const ui: SailAreaUI = {
+  hullSectionLabel: '船体数据',
+  totalMassLabel: '排水量',
+  rigSystemLabel: '索具',
+  intendedUseLabel: '预期用途',
+  rigGeometryLabel: '索具几何尺寸',
+  sailConfigLabel: '索具类型',
+  genoaOverlapLabel: '热那亚帆重叠度',
+  foqueLabel: '大前帆',
+  genovaLabel: '热那亚帆',
+  sadRatioLabel: 'SA/D 比例',
+  totalAreaLabel: '总面积',
+  performanceLabel: '性能',
+  sloopLabel: '单桅船 (Sloop)',
+  cutterLabel: '双前帆船 (Cutter)',
+  ketchLabel: '双桅船 (Ketch)',
+  cruiserLabel: '巡航型',
+  performanceTypeLabel: '性能类型',
+  racerLabel: '竞赛型',
+  exportPdfLabel: '生成技术报告',
+  faqTitle: '常见问题',
+  bibliographyTitle: '参考文献统计',
+};
+
+const faq: SailAreaLocaleContent['faq'] = [
+  {
+    question: '为什么我的船在微风下行驶缓慢？',
+    answer: '您的 SA/D 比例可能低于 15，这表明该船属于重排水量船只，相对于其重量而言帆面积较小。这类船只通常需要 12 节以上的风速才能轻快航行。',
+  },
+  {
+    question: '我应该排空水箱以提高性能吗？',
+    answer: '是的，减轻船只重量会直接提高 SA/D 比例，因为实际排水量减少了。排空淡水和燃油箱可以减少数百公斤的排水量，并显著提升该比例。',
+  },
+  {
+    question: '帆上的“Roach”（帆边外扩）是什么？',
+    answer: 'Roach 是主帆后缘（曳尾缘）的凸起曲线。它提供了超出由 P 和 E 定义的基础几何三角形之外的额外帆面积。竞赛类船只通常具有 aggressive Roach，并配合硬帆骨。',
+  },
+  {
+    question: '如何测量我船只的真实排水量？',
+    answer: '最可靠的方法是使用满载排水量（包括所有备品、水、燃油和在船人员）。建造商手册中的轻载排水量通常过于乐观。请使用您正常航行条件下的实际排水量。',
+  },
+  {
+    question: '在哪里可以找到我船只的 I, J, P 和 E 测量值？',
+    answer: '您可以在船主手册、ORC 或 IRC 等级证书，或者船级证书文档中找到它们。您也可以在船上用卷尺直接测量，或联系造船厂确认。',
+  },
+];
+
+const howTo: SailAreaLocaleContent['howTo'] = [
+  {
+    name: '选择索具类型',
+    text: '在单桅 (Sloop)、双前帆 (Cutter) 或双桅 (Ketch) 索具之间选择。这决定了总帆面积的计算方式。',
+  },
+  {
+    name: '输入排水量',
+    text: '使用您船只的实际满载排水量（单位为公斤或磅）。该数值是计算 SA/D 比例的关键。',
+  },
+  {
+    name: '测量索具几何尺寸',
+    text: '输入 P（桅杆高度）、E（帆杆长度）、I（前三角高度）和 J（前三角底边长度）的测量值，单位为米或英尺。',
+  },
+  {
+    name: '调整热那亚帆重叠度',
+    text: '移动滑块以指示您的帆重叠比例：100% 为不重叠的三角帆，130% 为标准热那亚帆，155% 为大重叠热那亚帆。',
+  },
+  {
+    name: '解读 SA/D 比例',
+    text: '比例在 16 到 20 之间属于平衡的巡航船。超过 20 时，船只在微风下非常活跃，但在劲风条件下对操控要求更高。',
+  },
+];
+
+const bibliography: SailAreaLocaleContent['bibliography'] = [
+  {
+    name: 'Society of Naval Architects and Marine Engineers - SNAME',
+    url: 'https://www.sname.org/',
+  },
+  {
+    name: 'ORC - Offshore Racing Congress',
+    url: 'https://orc.org/',
+  },
+  {
+    name: 'Elvstrom Sailmakers - Sail Manual',
+    url: 'https://www.elvstromsails.com/',
+  },
+];
+
+const seo: SailAreaLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: '帆面积计算器：性能与比例完整指南',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '帆面积是任何帆船的“气动引擎”。它决定了船只能捕获多少风能，并结合其排水量，定义了其航海特性：是慢速巡航船还是灵敏的竞赛机器。正确计算此值是理解任何帆船行为的第一步。',
+  },
+  {
+    type: 'paragraph',
+    html: '航行涉及帆上的风力指向与船体上的水阻力之间的持续平衡。<strong>帆面积 / 排水量比例 (SA/D)</strong> 通过一个数值捕捉这种关系，使不同长度和排水量的船只能够在平等的基础上进行比较。',
+  },
+  {
+    type: 'stats',
+    items: [
+      { label: '理想巡航比例', value: '15-18', icon: 'mdi:anchor' },
+      { label: '竞赛型船只', value: '+24', icon: 'mdi:sailing' },
+      { label: '误差范围', value: '5-10%', icon: 'mdi:alert-circle-outline' },
+    ],
+    columns: 3,
+  },
+  {
+    type: 'title',
+    text: 'SA/D 比例有什么用途？',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SA/D 比例</strong>是一种诊断工具，可让您在起航前预测船只行为。低比例表示船只坚固安全，但在轻风中较慢；高比例提供速度和“飞翔”感，但在风力增大时对组员技能要求更高。两者并无优劣之分：完全取决于预期的航行类型。',
+  },
+  {
+    type: 'title',
+    text: 'SA/D 比例参考表',
+    level: 4,
+  },
+  {
+    type: 'table',
+    headers: ['比例', '船只类型', '海上表现'],
+    rows: [
+      ['< 14', '重排水量 / 货运船只', '稳定但缓慢，需要持续的风力'],
+      ['14 - 16.5', '远洋远航巡航船', '平衡、舒适、上风性能好'],
+      ['16.5 - 20', '标准港池巡航船', '在微风中活跃，易于操控，多功能'],
+      ['20 - 25', '高性能巡航 / 运动型', '快速、要求高、在轻风中令人兴奋'],
+      ['> 25', '竞赛 / 极限运动型', '非常快且灵敏，需要专家级组员'],
+    ],
+  },
+  {
+    type: 'title',
+    text: '测量技术术语表 (I, J, P, E)',
+    level: 3,
+  },
+  {
+    type: 'glossary',
+    items: [
+      {
+        term: 'I (前三角高度)',
+        definition: '从甲板到前帆升降索在桅杆上连接点的垂直距离。定义了前三角的高度。',
+      },
+      {
+        term: 'J (前三角底边长度)',
+        definition: '从桅杆到船首（森林座）的水平距离。定义了前帆安装的前三角基准底边长度。',
+      },
+      {
+        term: 'P (桅杆高度)',
+        definition: '从主帆帆杆到桅杆顶部主帆升降索滑轮的距离。定义了主帆的高度。',
+      },
+      {
+        term: 'E (帆杆长度)',
+        definition: '从桅杆到帆杆末端主帆后角 (Clew) 的距离。定义了主帆的底边长度。',
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '航海执照计算 (Yachtmaster)',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '帆面积计算和 SA/D 比例是 <strong>Yachtmaster</strong> 和近岸船长考试大纲的一部分。理解索具几何形状及其与排水量的关系对于做出海上安全决策至关重要：及时缩帆、选择正确的热那亚帆或在狂风来临前预估船只行为。',
+  },
+  {
+    type: 'tip',
+    title: '顺风帆与安全',
+    html: '对于远洋或远距离航行，SA/D 比例在 16 到 18 之间提供了速度与安全性之间的最佳平衡。比例超过 22 的船只可能在仅有 4-5 级蒲福风级时就需要缩帆。',
+  },
+  {
+    type: 'title',
+    text: '热那亚帆重叠度如何影响性能？',
+    level: 4,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>热那亚帆 (Genoa)</strong> 是最大的头帆，其后角位于桅杆后方，与主帆“重叠”。重叠百分比表示帆宽垂直线 (LP) 与 J 距离相比长出多少。150% 的热那亚帆具有相当于 J 长度 150% 的 LP，提供比简单的前三角帆大得多的面积。',
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Dacron (巡航级)',
+        description: '巡航帆的经典材料。坚固且易于维护。',
+        points: [
+          '高耐用性和耐紫外线性能',
+          '维护成本低',
+          '重量较重且在载荷下易拉伸',
+          '近岸和远航巡航的理想选择',
+        ],
+      },
+      {
+        title: '层压材料 (竞赛级)',
+        description: '高科技材料，如凯夫拉 (Kevlar)、Spectra 或迪尼玛 (Dyneema)。',
+        highlight: true,
+        points: [
+          '极低拉伸：最大化气动效率',
+          '比 Dacron 轻得多',
+          '成本较高且使用寿命较短',
+          '对于 SA/D 比例 > 22 的船只是必不可少的',
+        ],
+      },
+    ],
+    columns: 2,
+  },
+  {
+    type: 'title',
+    text: '航行物理学与稳定性',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '帆面积产生驱动力，但也会产生 <strong>倾侧力矩 (Heeling moment)</strong>，倾向于使船只倾覆。稳定性通过船只抵抗这种倾侧力的复原力矩来衡量。压载较少的船只具有高 SA/D 比例可能很危险，而同样的比例在具有深重龙骨的船上则是完全可以掌控的。',
+  },
+  {
+    type: 'paragraph',
+    html: '为了计算实际可用功率，造船工程师通常将 <strong>排水量-长度比 (DLR)</strong> 与 SA/D 结合使用。这两个比例共同精准描述了一艘船是海上的“拖船”还是“竞速滑行艇”。',
+  },
+  {
+    type: 'tip',
+    title: '稳定性与安全',
+    html: '切勿孤立地评估 SA/D。一艘比例为 22 且复原角为 90 度的帆船远比比例为 18 且复原角为 60 度的帆船安全。请务必参考您船只的稳定性曲线。',
+  },
+];
+
+const schemas: SailAreaLocaleContent['schemas'] = [
+  {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  } as WithContext<SoftwareApplication>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+      '@type': 'Question',
+      name: item.question,
+      acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+  } as WithContext<FAQPage>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: `如何使用： ${title}`,
+    step: howTo.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+  } as WithContext<HowTo>,
+];
+
+export const content: SailAreaLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas,
+};

package/src/tool/sailArea/index.ts

@@ -40,6 +40,18 @@ export const sailArea: NauticalToolEntry<SailAreaUI> = {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };
 

package/src/tool/speedConverter/component.astro

@@ -1,5 +1,4 @@
 ---
-import './style.css';
 import type { SpeedConverterUI } from './index';
 interface Props { ui: SpeedConverterUI; }
 const { ui } = Astro.props;
@@ -123,3 +122,245 @@ const bd = JSON.parse(ui.beaufortDataJson) as { force: number; name: string; sea
   iKn.value = savedKn > 0 ? String(savedKn) : '';
   sync('val-kn', savedKn);
 </script>
+
+<style>
+  .speed-converter {
+    --n-bg: #fff;
+    --n-bg-muted: #f1f5f9;
+    --n-text: #0f172a;
+    --n-text-muted: #475569;
+    --n-text-dim: #64748b;
+    --n-border: #e2e8f0;
+    --n-shadow: rgba(0, 0, 0, 0.05);
+    --n-primary: #3b82f6;
+    --n-primary-on: #fff;
+    --n-accent: #6366f1;
+    --n-cyan: #0891b2;
+    --n-success: #10b981;
+    --n-warning: #f59e0b;
+    --n-error: #f43f5e;
+
+    max-width: 900px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  :global(.theme-dark) .speed-converter {
+    --n-bg: #0f172a;
+    --n-bg-muted: #1e293b;
+    --n-text: #f8fafc;
+    --n-text-muted: #94a3b8;
+    --n-text-dim: #64748b;
+    --n-border: #334155;
+    --n-shadow: rgba(0, 0, 0, 0.3);
+    --n-primary: #60a5fa;
+    --n-primary-on: #fff;
+    --n-accent: #818cf8;
+    --n-cyan: #22d3ee;
+    --n-success: #34d399;
+    --n-warning: #fbbf24;
+    --n-error: #fb7185;
+  }
+
+  .sc-input-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 1rem;
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 1.5rem;
+    padding: 2rem;
+  }
+
+  .sc-input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .sc-input-group label {
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: var(--n-text-muted);
+    text-transform: uppercase;
+  }
+
+  .sc-input-wrapper {
+    background: var(--n-bg-muted);
+    border: 2px solid var(--n-border);
+    border-radius: 0.8rem;
+    padding: 0.8rem 1rem;
+    transition: border-color 0.2s;
+  }
+
+  .sc-input-wrapper:focus-within {
+    border-color: var(--n-cyan);
+  }
+
+  .sc-input-wrapper input {
+    background: transparent;
+    border: none;
+    outline: none;
+    color: var(--n-text);
+    font-size: 1.5rem;
+    font-weight: 800;
+    width: 100%;
+  }
+
+  .sc-input-wrapper input::-webkit-outer-spin-button,
+  .sc-input-wrapper input::-webkit-inner-spin-button {
+    appearance: none;
+  }
+
+  .sc-beaufort-summary {
+    background: var(--n-primary);
+    color: var(--n-primary-on);
+    border-radius: 1.5rem;
+    padding: 2rem;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 1rem 2rem;
+    align-items: center;
+  }
+
+  .sc-force-circle {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.15);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 2.5rem;
+    font-weight: 800;
+    color: var(--n-primary-on);
+    flex-shrink: 0;
+  }
+
+  .sc-force-text-box {
+    display: flex;
+    flex-direction: column;
+    gap: 0.3rem;
+  }
+
+  .sc-force-name {
+    margin: 0;
+    font-size: 1.4rem;
+    font-weight: 800;
+    color: var(--n-primary-on);
+  }
+
+  .sc-force-detail {
+    margin: 0;
+    opacity: 0.8;
+    font-size: 0.9rem;
+    color: var(--n-primary-on);
+  }
+
+  .sc-sea-state-box {
+    grid-column: 1 / -1;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 1rem;
+    padding: 1rem 1.5rem;
+  }
+
+  .sc-sea-text .label {
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    opacity: 0.7;
+    color: var(--n-primary-on);
+    font-weight: 700;
+  }
+
+  .sc-sea-text p {
+    margin: 0.2rem 0 0;
+    font-weight: 600;
+    color: var(--n-primary-on);
+  }
+
+  .sc-table-container {
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 1.5rem;
+    overflow: hidden;
+  }
+
+  .sc-table-container h3 {
+    padding: 1.5rem;
+    margin: 0;
+    font-size: 1rem;
+    color: var(--n-text-muted);
+    border-bottom: 1px solid var(--n-border);
+    font-weight: 700;
+  }
+
+  .sc-scroll-area {
+    overflow-x: auto;
+  }
+
+  .sc-beaufort-table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  .sc-beaufort-table th {
+    text-align: left;
+    padding: 0.8rem 1rem;
+    font-size: 0.75rem;
+    color: var(--n-text-muted);
+    text-transform: uppercase;
+    border-bottom: 2px solid var(--n-border);
+  }
+
+  .sc-beaufort-table td {
+    padding: 0.8rem 1rem;
+    font-size: 0.9rem;
+    color: var(--n-text-muted);
+    border-bottom: 1px solid var(--n-border);
+  }
+
+  .sc-clickable-row {
+    cursor: pointer;
+    transition: background 0.15s;
+  }
+
+  .sc-clickable-row:hover {
+    background: var(--n-bg-muted);
+  }
+
+  .sc-clickable-row.active {
+    background: var(--n-primary);
+  }
+
+  .sc-clickable-row.active td {
+    color: var(--n-primary-on);
+  }
+
+  .sc-force-tag {
+    background: var(--n-bg-muted);
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.4rem;
+    font-weight: 700;
+    font-size: 0.85rem;
+    color: var(--n-text);
+  }
+
+  .sc-clickable-row.active .sc-force-tag {
+    background: rgba(255, 255, 255, 0.2);
+    color: var(--n-primary-on);
+  }
+
+  @media (max-width: 640px) {
+    .sc-beaufort-summary {
+      grid-template-columns: 1fr;
+    }
+
+    .sc-force-circle {
+      width: 60px;
+      height: 60px;
+      font-size: 2rem;
+    }
+  }
+</style>