@mooncellwiki/prts-design-vue 0.1.0 → 0.1.1

package/dist/components/Voice/AkVoice.vue.d.ts

@@ -1,8 +1,12 @@
-/** 一条语音：播放钮 + 标题行（语种徽标 / 解锁条件 / 编号）+ 台词。一般放在 AkVoiceList 里，跟列表的语种走 */
+/**
+ * 一条语音：播放钮（+ 下载钮）+ 标题行（语种徽标 / 解锁条件 / 编号）+ 台词。一般放在 AkVoiceList 里，跟列表的语种走。
+ * 播放钮标 data-no-toggle：皮肤脚本会在 document 上替模板输出的纯 CSS 播放钮翻 is-playing（演示用），这里的 is-playing 跟真实播放状态走，
+ * 不退出那层委托就会两边各翻一次（点一下在放但图标还是播放，再点停了图标却变成暂停）。
+ */
 type __VLS_Props = {
     /** 语音标题（任命助理 / 交谈1 …） */
     title: string;
-    /** 台词：一个串，或按语种的对象 { cn, jp, en, kr, yue }（取当前语种，缺了退回第一项） */
+    /** 台词：一个串；或按语种的对象 { cn, jp, en, kr, yue }（取当前语种，缺了退回第一项）；列表给了 texts 时按文本键的对象（选中的几种一种一行） */
     text: string | Record<string, string>;
     /** 音频地址：一个串，或按语种的对象（同 text）；取不到时播放钮禁用 */
     src?: string | Record<string, string>;
@@ -12,12 +16,18 @@ type __VLS_Props = {
     unlock?: string;
     /** 语种键：不在 AkVoiceList 里时用它取 text / src、显示徽标；在列表里时跟列表的 v-model */
     lang?: string;
+    /** 下载地址（现网是 torappu 的 wav）：一个串，或按语种的对象（同 src）；给了就在播放钮旁出一枚同款下载钮 */
+    download?: string | Record<string, string>;
+    /** 下载存成的文件名（<a download> 的值，任命助理.wav）；不写由浏览器按地址定 */
+    downloadName?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    download: string | Record<string, string>;
     lang: string;
     code: string;
     src: string | Record<string, string>;
     unlock: string;
+    downloadName: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/Voice/AkVoiceList.vue.d.ts

@@ -1,30 +1,42 @@
-import { type VoiceLanguage } from "./context";
+import { type VoiceLanguage, type VoiceText } from "./context";
 /**
  * 语音列表（= 现网 {{:xx/语音记录}} 的 VoiceTable）：若干 AkVoice，外框 + 悬停行底色。
- * 给了 languages 就在上方出一排语种切换（普通话 / 方言 / 日 / 英 / 韩，带 CV 名）；切语种只换台词、徽标和音频地址。
- * 当前语种经 provide 给子项；播放全页只有一条（见 player.ts）。
+ * 上方最多两排切换条（.ak-voice-toolbar 里排一行，放不下时后一排整组换行）：
+ *   - texts：文本（台词的语言），多选、可以一个都不选，v-model:shown-texts；AkVoice 的 text 按文本键给对象，选中的几种一种一行
+ *   - languages：语种（音频差分，普通话 / 方言 / 日 / 英 / 韩，带 CV 名），单选，v-model；AkVoice 的 src 按语种键给对象，徽标跟它
+ * 只给 languages 时 AkVoice 的 text 也按语种给，切语种同时换台词、徽标和音频地址。
+ * 当前语种 / 选中的文本经 provide 给子项；播放全页只有一条（见 player.ts）。
+ * 切换条标 data-no-toggle：皮肤脚本会在 document 上替模板输出的纯 CSS 芯片翻 is-active / aria-pressed，这里的状态归 Vue 管，
+ * 不退出那层委托就会两边各翻一次（点第二下反而取消选中）。
  */
 type __VLS_Props = {
-    /** 语种选项 { value, label, badge?, cv? }（同 Naive 的 options）；不给就不出切换条 */
+    /** 语种选项 { value, label, badge?, cv? }（同 Naive 的 options）；不给就没有语种切换条 */
     languages?: VoiceLanguage[];
+    /** 文本语言选项 { value, label }；不给就没有文本切换条，台词跟语种走 */
+    texts?: VoiceText[];
 };
 type __VLS_Slots = {
     /** 若干 AkVoice */
     default?: () => unknown;
-    /** 切换条末尾的附注（「共 38 条 · 灰标 = 游戏内解锁条件」） */
+    /** 语种切换条末尾的附注（「灰标 = 游戏内解锁条件」） */
     "header-extra"?: () => unknown;
 };
 type __VLS_ModelProps = {
     /** 当前语种（languages 里的 value）；不绑定时是第一个 */
     modelValue?: string;
+    /** 选中的文本语言（texts 里的 value，可多个、可为空）；不绑定时默认第一个 */
+    "shownTexts"?: string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
+    "update:shownTexts": (value: string[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:shownTexts"?: ((value: string[] | undefined) => any) | undefined;
 }>, {
     languages: VoiceLanguage[];
+    texts: VoiceText[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Voice/context.d.ts

@@ -10,10 +10,19 @@ export interface VoiceLanguage {
     /** 配音演员（切换条上名字后的小字） */
     cv?: string;
 }
-/** AkVoiceList 给 AkVoice 的当前语种（及其徽标） */
+/** 文本语言选项（台词的语言：中文 / 日文 / 繁体中文 / 中文-方言 …） */
+export interface VoiceText {
+    /** 文本键，= AkVoice 的 text 对象里的键 */
+    value: string;
+    /** 切换条上的名字 */
+    label: string;
+}
+/** AkVoiceList 给 AkVoice 的：当前语种（及其徽标）、文本语言选项与选中的几种 */
 export declare const voiceListKey: InjectionKey<ComputedRef<{
     lang?: string;
     languages: readonly VoiceLanguage[];
+    texts: readonly VoiceText[];
+    shownTexts: readonly string[];
 }>>;
 /** 游戏语种键 → HTML lang（读屏按语种发音）；不认识的键不写 lang */
 export declare const HTML_LANG: Record<string, string>;

package/dist/icons.d.ts

@@ -23,6 +23,7 @@ export declare const icons: {
     readonly list: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M4 7h16M4 12h16M4 17h10\"/>";
     readonly print: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M7 8V3h10v5M5 8h14a2 2 0 0 1 2 2v6h-4v-3H7v3H3v-6a2 2 0 0 1 2-2zm2 8v5h10v-5\"/>";
     readonly upload: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M12 16V4m-5 5 5-5 5 5M4 20h16\"/>";
+    readonly download: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M12 4v12m-5-5 5 5 5-5M4 20h16\"/>";
     readonly grid: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 0h6v6h-6z\"/>";
     readonly refresh: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5\"/>";
     readonly quote: "<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M6 16h3l2-4V7H5v5h3zm9 0h3l2-4V7h-6v5h3z\"/>";

package/dist/index.d.ts

@@ -116,7 +116,7 @@ export { default as AkModuleStage } from "./components/Module/AkModuleStage.vue"
 export { default as AkModuleUnlock } from "./components/Module/AkModuleUnlock.vue";
 export { default as AkVoiceList } from "./components/Voice/AkVoiceList.vue";
 export { default as AkVoice } from "./components/Voice/AkVoice.vue";
-export type { VoiceLanguage } from "./components/Voice/context";
+export type { VoiceLanguage, VoiceText } from "./components/Voice/context";
 export { default as AkDossier } from "./components/Dossier/AkDossier.vue";
 export { default as AkRedacted } from "./components/Dossier/AkRedacted.vue";
 export { default as AkArchive } from "./components/Archive/AkArchive.vue";