@naersen/tts-rich-text 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +103 -4
- package/dist/base.css +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/tts-editor-content/index.d.ts +1 -0
- package/dist/components/tts-editor-content/index.vue.d.ts +2 -0
- package/dist/components/tts-editor-root/index.d.ts +2 -0
- package/dist/components/tts-editor-root/index.vue.d.ts +83 -0
- package/dist/components/tts-editor-root/type/index.d.ts +4 -0
- package/dist/components/tts-rich-text/components/selection-menu.vue.d.ts +1 -1
- package/dist/components/tts-rich-text/editor/useRichTextEditor.d.ts +58 -1
- package/dist/components/tts-rich-text-editor/index.vue.d.ts +377 -17
- package/dist/editor/index.d.ts +1 -1
- package/dist/index.js +28801 -28701
- package/dist/style.css +2 -1
- package/dist/theme-default.css +1 -0
- package/dist/theme.js +1 -0
- package/dist/type/index.d.ts +8 -0
- package/package.json +85 -81
package/README.md
CHANGED
|
@@ -34,6 +34,29 @@ pnpm add @naersen/tts-rich-text
|
|
|
34
34
|
|
|
35
35
|
Vue、Tiptap 和 Element Plus 是 peer dependencies。业务项目没有安装时，需要同时添加 peer packages，并在应用入口加载 Element Plus 样式。
|
|
36
36
|
|
|
37
|
+
## 引入全局样式
|
|
38
|
+
|
|
39
|
+
使用默认的 `TtsRichTextEditor` 时，在业务项目的 `src/main.ts` 中全局引入 Element Plus 和组件库样式：
|
|
40
|
+
|
|
41
|
+
```ts
|
|
42
|
+
import { createApp } from 'vue'
|
|
43
|
+
import 'element-plus/dist/index.css'
|
|
44
|
+
import '@naersen/tts-rich-text/styles.css'
|
|
45
|
+
|
|
46
|
+
import App from './App.vue'
|
|
47
|
+
|
|
48
|
+
createApp(App).mount('#app')
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
如果项目已有 `main.ts` 初始化逻辑，只需要把下面两行加入现有入口，不需要重复创建 Vue 应用：
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
import 'element-plus/dist/index.css'
|
|
55
|
+
import '@naersen/tts-rich-text/styles.css'
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
必须先引入 Element Plus，再引入组件库样式，因为 `styles.css` 包含组件基础样式、配套图标和对 Element Plus 的主题覆盖。请保持全局引入，不要放在某个页面组件的 `scoped` 样式中，否则弹窗、下拉菜单等挂载到页面其他位置的内容可能无法获得完整样式。
|
|
59
|
+
|
|
37
60
|
## 基础使用
|
|
38
61
|
|
|
39
62
|
```vue
|
|
@@ -59,7 +82,6 @@ import {
|
|
|
59
82
|
TtsRichTextEditor,
|
|
60
83
|
getInitContent
|
|
61
84
|
} from '@naersen/tts-rich-text'
|
|
62
|
-
import '@naersen/tts-rich-text/styles.css'
|
|
63
85
|
|
|
64
86
|
const documentValue = ref<JSONContent>(getInitContent())
|
|
65
87
|
const voiceVersion = ref(2)
|
|
@@ -89,7 +111,7 @@ const getPreviewParams = () => ({
|
|
|
89
111
|
</script>
|
|
90
112
|
```
|
|
91
113
|
|
|
92
|
-
`
|
|
114
|
+
上例只负责使用编辑器组件，样式应按前面的说明在 `main.ts` 中统一引入，不需要在每个业务组件中重复加载。
|
|
93
115
|
|
|
94
116
|
上例中的 `api`、`messageService` 和 `selectedVoice` 由业务项目提供，组件包不会读取业务项目的环境变量、请求实例或状态管理。
|
|
95
117
|
|
|
@@ -121,13 +143,90 @@ const getPreviewParams = () => ({
|
|
|
121
143
|
- `footer-before`，参数为 `{ editor, textLength }`
|
|
122
144
|
- `footer-after`，参数为 `{ editor, textLength }`
|
|
123
145
|
|
|
124
|
-
|
|
146
|
+
项目专属工具可以通过 slots 放在默认布局中；页面结构差异较大时，使用下方组合式布局。
|
|
147
|
+
|
|
148
|
+
### 组合式布局
|
|
149
|
+
|
|
150
|
+
`TtsEditorRoot` 维护编辑器实例、初始内容、服务和上下文，不输出固定布局，并默认挂载选区试听菜单。它的后代可以按项目需要组合 `TtsEditorContent`、工具栏和底部栏：
|
|
151
|
+
|
|
152
|
+
```vue
|
|
153
|
+
<template>
|
|
154
|
+
<tts-editor-root
|
|
155
|
+
ref="editorRef"
|
|
156
|
+
:initial-content="documentValue"
|
|
157
|
+
:services="services"
|
|
158
|
+
@change="handleEditorChange"
|
|
159
|
+
>
|
|
160
|
+
<section class="project-editor">
|
|
161
|
+
<header class="project-editor-header">
|
|
162
|
+
<project-title />
|
|
163
|
+
<tts-editor-toolbar />
|
|
164
|
+
<button type="button" @click="editorRef?.clear()">
|
|
165
|
+
清空
|
|
166
|
+
</button>
|
|
167
|
+
</header>
|
|
168
|
+
|
|
169
|
+
<main class="project-editor-content">
|
|
170
|
+
<tts-editor-content />
|
|
171
|
+
<project-side-panel :editor="editorRef?.editor" />
|
|
172
|
+
</main>
|
|
173
|
+
|
|
174
|
+
<footer class="project-editor-footer">
|
|
175
|
+
<span>{{ editorRef?.textLength ?? 0 }} 字</span>
|
|
176
|
+
<tts-editor-footer />
|
|
177
|
+
</footer>
|
|
178
|
+
</section>
|
|
179
|
+
</tts-editor-root>
|
|
180
|
+
</template>
|
|
181
|
+
|
|
182
|
+
<script setup lang="ts">
|
|
183
|
+
import { ref } from 'vue'
|
|
184
|
+
|
|
185
|
+
import type {
|
|
186
|
+
TtsEditorRootExpose,
|
|
187
|
+
TtsRichTextServices
|
|
188
|
+
} from '@naersen/tts-rich-text'
|
|
189
|
+
import {
|
|
190
|
+
TtsEditorContent,
|
|
191
|
+
TtsEditorFooter,
|
|
192
|
+
TtsEditorRoot,
|
|
193
|
+
TtsEditorToolbar,
|
|
194
|
+
getInitContent
|
|
195
|
+
} from '@naersen/tts-rich-text'
|
|
196
|
+
import '@naersen/tts-rich-text/base.css'
|
|
197
|
+
|
|
198
|
+
const editorRef = ref<TtsEditorRootExpose>()
|
|
199
|
+
const documentValue = ref(getInitContent())
|
|
200
|
+
const services: TtsRichTextServices = {}
|
|
201
|
+
|
|
202
|
+
const handleEditorChange = () => {
|
|
203
|
+
const value = editorRef.value?.getJson()
|
|
204
|
+
if (value) documentValue.value = value
|
|
205
|
+
}
|
|
206
|
+
</script>
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
`initialContent` 只在编辑器初始化时读取，后续变化不会反向覆盖编辑器。需要主动替换内容时，调用 `editorRef.value?.setContent(content)`。Root 默认插槽只负责组合布局，不提供作用域参数。Root 内的后代组件通过 `useEditorContext()` 访问编辑器上下文；外层业务组件通过 `TtsEditorRootExpose` 和组件 ref 访问编辑器状态与命令。
|
|
210
|
+
|
|
211
|
+
Root 会自动挂载 `TtsSelectionMenu`，不用在默认插槽中重复引入。项目需要关闭选区试听或替换为自定义菜单时，传入 `:show-selection-menu="false"`；`TtsSelectionMenu` 仍保留独立导出，供高级组合场景使用。
|
|
212
|
+
|
|
213
|
+
组合模式只需要引入 `base.css`。需要复用原项目的 Element Plus 全局主题时，再在它后面引入：
|
|
214
|
+
|
|
215
|
+
```ts
|
|
216
|
+
import 'element-plus/dist/index.css'
|
|
217
|
+
import '@naersen/tts-rich-text/base.css'
|
|
218
|
+
import '@naersen/tts-rich-text/theme-default.css'
|
|
219
|
+
```
|
|
220
|
+
|
|
221
|
+
`styles.css` 等价于依次引入 `base.css` 和 `theme-default.css`，继续用于默认成品组件。
|
|
125
222
|
|
|
126
223
|
### 原子组件
|
|
127
224
|
|
|
128
225
|
对编辑器外壳差异较大的项目，可以直接组合包内原始组件：
|
|
129
226
|
|
|
130
227
|
- `TtsEditorToolbar`
|
|
228
|
+
- `TtsEditorRoot`
|
|
229
|
+
- `TtsEditorContent`
|
|
131
230
|
- `TtsEditorFooter`
|
|
132
231
|
- `TtsSelectionMenu`
|
|
133
232
|
- `TtsMarkPinyinModal`
|
|
@@ -137,7 +236,7 @@ const getPreviewParams = () => ({
|
|
|
137
236
|
- `TtsReplaceTextModal`
|
|
138
237
|
- `TtsUploadModal`
|
|
139
238
|
|
|
140
|
-
|
|
239
|
+
这些组件共享 `TtsEditorRoot` 提供的编辑器上下文，不能脱离 Root 单独使用。布局接近原项目时使用完整的 `TtsRichTextEditor`；页面结构差异较大时再组合原子组件，业务接口仍统一通过 `services` 注入。
|
|
141
240
|
|
|
142
241
|
## 对外方法
|
|
143
242
|
|
package/dist/base.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.svg-icon[data-v-65f4bcb9]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:inherit;width:var(--v6cd858ea);height:var(--v4f17a402);color:var(--v6f0655b0);line-height:1}.svg-icon[data-v-65f4bcb9] svg{display:block;width:100%;height:100%}.cx-button-loading[data-v-5ca09421]{animation:loading-5ca09421 1s linear infinite}@keyframes loading-5ca09421{to{transform:rotate(1turn)}}.el-button.is-plain.cx-button-link[data-v-5ca09421]{height:30px;padding:4px 8px;border-radius:6px;border:none}.el-button.is-plain.cx-button-link.is-disabled[data-v-5ca09421]{border:none;background-color:transparent}.cx-empty[data-v-56b17ee0]{display:flex;flex-direction:column;align-items:center;justify-content:center}.cx-empty .cx-empty-icon[data-v-56b17ee0]{display:flex;justify-content:center;align-items:center}.cx-empty .cx-empty-icon img[data-v-56b17ee0]{height:100%;width:100%;object-fit:contain}.cx-empty .cx-empty-desc[data-v-56b17ee0]{color:#797b80;font-size:14px;line-height:22px}.cx-radio-group[data-v-f56b6fd8]{position:relative;height:36px;padding:3px;border-radius:6px;border:1px solid #d9d9d9;display:flex;align-items:center;gap:3px}.cx-radio-group .cx-radio-slider[data-v-f56b6fd8]{position:absolute;left:0;height:calc(100% - 6px);border-radius:6px;transition:transform .2s cubic-bezier(.34,.69,.1,1)}.cx-radio-group .cx-radio[data-v-f56b6fd8]{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;z-index:1;flex:1;flex-shrink:0;height:100%;font-size:14px;line-height:22px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:4px}.cx-radio-group .cx-radio .cx-radio-icon[data-v-f56b6fd8]{display:flex;justify-content:center;align-items:center}.cx-radio-group .cx-radio.cx-radio-selected[data-v-f56b6fd8]{font-weight:600}.cx-radio-group[data-v-f56b6fd8]{background:var(--v74036a63)}.cx-radio-group .cx-radio-slider[data-v-f56b6fd8]{background:var(--v41a8ae01)}.cx-radio-group .cx-radio[data-v-f56b6fd8]{color:var(--c15225e4)}.cx-radio-group .cx-radio[data-v-f56b6fd8]:not(.cx-radio-selected):hover{background-color:var(--v9294f916);color:var(--v5c0c1e88)}.cx-radio-group .cx-radio.cx-radio-selected[data-v-f56b6fd8]{color:var(--v69c0c568)}.cx-spin[data-v-c91521a4]{position:relative;height:100%;width:100%}.cx-spin .cx-spin-mask[data-v-c91521a4]{z-index:9999;position:absolute;left:0;top:0;height:100%;width:100%;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.cx-spin .cx-spin-mask .cx-spin-icon[data-v-c91521a4]{display:flex;flex-direction:column;align-items:center;gap:16px}.cx-spin .cx-spin-mask .cx-spin-icon .cx-spin-tip[data-v-c91521a4]{color:#101114;font-size:16px;font-weight:600;line-height:24px}.cx-upload-wrapper[data-v-a9f6b4ff]{height:212px;background-color:#fff;border-radius:16px;border:1px dashed #d9d9d9;transition:border-color .2s}.cx-upload-wrapper[data-v-a9f6b4ff]:hover,.cx-upload-wrapper.cx-upload-dragging[data-v-a9f6b4ff],.cx-upload-wrapper.cx-upload-has-value[data-v-a9f6b4ff]{border:2px dashed #0d1839}.cx-upload-wrapper:hover.cx-upload-has-value[data-v-a9f6b4ff],.cx-upload-wrapper.cx-upload-dragging.cx-upload-has-value[data-v-a9f6b4ff],.cx-upload-wrapper.cx-upload-has-value.cx-upload-has-value[data-v-a9f6b4ff]{border-style:solid}.cx-upload-wrapper .cx-upload[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result[data-v-a9f6b4ff]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.cx-upload-wrapper .cx-upload .cx-upload-title[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-title[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload .cx-upload-file-name[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-file-name[data-v-a9f6b4ff]{margin-top:10px;color:#101114;font-size:14px;font-weight:600;line-height:24px}.cx-upload-wrapper .cx-upload .cx-upload-title.cx-upload-file-name[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-title.cx-upload-file-name[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload .cx-upload-file-name.cx-upload-file-name[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-file-name.cx-upload-file-name[data-v-a9f6b4ff]{max-width:100%;padding:0 12px}.cx-upload-wrapper .cx-upload .cx-upload-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload .cx-upload-result-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-result-icon[data-v-a9f6b4ff]{position:relative;width:56px;height:56px;display:flex;justify-content:center;align-items:center}.cx-upload-wrapper .cx-upload .cx-upload-icon .cx-upload-clear-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-icon .cx-upload-clear-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload .cx-upload-result-icon .cx-upload-clear-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-result-icon .cx-upload-clear-icon[data-v-a9f6b4ff]{cursor:pointer;position:absolute;right:-8px;top:-8px}.cx-upload-wrapper .cx-upload .cx-upload-icon[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-icon[data-v-a9f6b4ff]{background-color:#f1f2f5;border-radius:50%}.cx-upload-wrapper .cx-upload .cx-upload-icon[data-v-a9f6b4ff]:hover,.cx-upload-wrapper .cx-upload-result .cx-upload-icon[data-v-a9f6b4ff]:hover{background-color:#d9d9d9}.cx-upload-wrapper .cx-upload .cx-upload-tip[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-tip[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload .cx-upload-file-operate[data-v-a9f6b4ff],.cx-upload-wrapper .cx-upload-result .cx-upload-file-operate[data-v-a9f6b4ff]{margin-top:4px;color:#797b80;line-height:22px}.cx-upload-wrapper .cx-upload[data-v-a9f6b4ff] .cx-upload-file-operate,.cx-upload-wrapper .cx-upload-result[data-v-a9f6b4ff] .cx-upload-file-operate{color:#0057ff;display:flex;justify-content:center;align-items:center}.cx-upload-wrapper .cx-upload[data-v-a9f6b4ff] .cx-upload-file-operate>span,.cx-upload-wrapper .cx-upload-result[data-v-a9f6b4ff] .cx-upload-file-operate>span{cursor:pointer;text-decoration-line:underline}.cx-upload-wrapper .cx-upload[data-v-a9f6b4ff]{cursor:pointer}.cx-upload-wrapper.cx-upload-disabled[data-v-a9f6b4ff]{cursor:not-allowed;background-color:#f7f8fa;opacity:.7}.tag-node[data-v-d4205ec0]{display:inline;box-sizing:border-box;margin:0 3px;padding:2px 8px;font-size:12px;line-height:20px;min-height:22px;font-weight:400;background:#e5eeff;color:#3d4766;border-radius:4px;-webkit-user-select:none;user-select:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}.icon-wrapper[data-v-d4205ec0]{display:inline-flex;align-items:center;height:20px}.icon-wrapper.tag-icon[data-v-d4205ec0]{margin-right:4px;vertical-align:-.2em}.icon-wrapper.delete-icon[data-v-d4205ec0]{margin-left:4px}.delete-btn[data-v-d4205ec0]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;color:#7d8ab2}.delete-btn[data-v-d4205ec0]:hover{color:#ea5b41}[data-v-d764ae22] .tiptap-editor{font-size:14px;line-height:28px;word-break:break-word;outline:none}[data-v-d764ae22] .tiptap-editor p{counter-reset:sentence;margin:0}[data-v-d764ae22] .tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:#797b80;pointer-events:none}.lsh-menu-box[data-v-3171f4b7]{z-index:1;width:120px;padding:4px;border-radius:10px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 6px 24px #1f23291a}.lsh-menu-box .lsh-menu-item[data-v-3171f4b7]{display:flex;align-items:center;justify-content:flex-start;width:100%;height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#101114;font-size:14px;line-height:22px;cursor:pointer}.lsh-menu-box .lsh-menu-item[data-v-3171f4b7]:hover{background:#f1f2f5}.red-text[data-v-259be8b7]{color:#ea5b41}.lsh-text-btn[data-v-259be8b7]{display:flex;justify-content:center;align-items:center;gap:4px;padding:1px 6px!important;cursor:pointer;color:#101114;line-height:22px;background:transparent!important;height:22px}.lsh-text-btn.is-disabled[data-v-259be8b7]{opacity:.4}.lsh-text-btn.blue[data-v-259be8b7]{color:#0057ff}.lsh-text-btn.red[data-v-259be8b7]{color:#ea5b41}.lsh-textarea[data-v-259be8b7]{resize:none;border:none;outline:none;width:100%;background:transparent}.lsh-content-box[data-v-259be8b7]{display:flex;gap:16px;height:444px}.lsh-content-box .lsh-form-box[data-v-259be8b7]{flex:1;display:flex;flex-direction:column;gap:8px}.lsh-content-box .lsh-form-box .lsh-form-top[data-v-259be8b7]{display:flex;align-items:center;justify-content:space-between}.lsh-content-box .lsh-form-box .lsh-form-top .lsh-title[data-v-259be8b7]{color:#101114;font-weight:600;line-height:22px}.lsh-content-box .lsh-form-box .lsh-form-bottom[data-v-259be8b7]{flex:1;border-radius:10px;border:1px solid #d9d9d9;padding:12px 16px;color:#101114;line-height:22px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.lsh-content-box .lsh-form-box .lsh-form-bottom.gray[data-v-259be8b7]{background:#f1f2f5}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-tip[data-v-259be8b7]{color:#797b80;font-size:12px;line-height:20px;font-weight:400;display:flex;align-items:center;justify-content:space-between}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-result-box[data-v-259be8b7]{flex:1;overflow:auto}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-result-box[data-v-259be8b7] .cx-spin-mask{background:transparent;opacity:.4}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-result-box[data-v-259be8b7] .cx-spin-mask .cx-spin-tip{font-size:14px;font-weight:400}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-form-item[data-v-259be8b7]{display:flex;flex-direction:column;gap:4px}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-form-item[data-v-259be8b7]:nth-child(n+2){border-top:1px solid #eaecf2;padding-top:8px;margin-top:8px}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-form-item .lsh-form-item-top[data-v-259be8b7]{color:#101114;font-weight:600;line-height:22px;display:flex;align-items:center;justify-content:space-between}.lsh-footer-box[data-v-8bafee79]{height:46px;padding:8px;display:flex;align-items:center;justify-content:flex-end}.lsh-footer-box .lsh-option-item[data-v-8bafee79]{height:100%;padding:4px 8px;display:flex;align-items:center;gap:4px;color:#101114;font-size:14px;font-weight:400;line-height:22px}.lsh-footer-box .lsh-option-item[data-v-8bafee79] .svg-icon{font-size:18px}.lsh-footer-box .lsh-option-item.btn[data-v-8bafee79]{cursor:pointer;-webkit-user-select:none;user-select:none}.lsh-footer-box .lsh-option-item.btn.disabled[data-v-8bafee79]{opacity:.4}.lsh-footer-box .lsh-option-item.btn[data-v-8bafee79]:not(.disabled):hover{border-radius:6px;background:#f1f2f5}.lsh-footer-box .lsh-option-item.gray[data-v-8bafee79]{color:#797b80}.lsh-footer-box .lsh-divider[data-v-8bafee79]{width:1px;height:20px;background:#eaecf2;margin:0 8px}.red-text[data-v-e743e5e3]{color:#ea5b41}.lsh-text-btn[data-v-e743e5e3]{display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;color:#101114;line-height:22px;height:22px}.lsh-text-btn.stop[data-v-e743e5e3]{color:#ea5b41}.lsh-textarea[data-v-e743e5e3]{resize:none;border:none;outline:none;width:100%;background:transparent}.lsh-content-box[data-v-e743e5e3]{display:flex;gap:16px;height:444px}.lsh-content-box .lsh-form-box[data-v-e743e5e3]{flex:1;display:flex;flex-direction:column;gap:8px}.lsh-content-box .lsh-form-box .lsh-form-top[data-v-e743e5e3]{display:flex;align-items:center;justify-content:space-between}.lsh-content-box .lsh-form-box .lsh-form-top .lsh-title[data-v-e743e5e3]{color:#101114;font-weight:600;line-height:22px}.lsh-content-box .lsh-form-box .lsh-form-bottom[data-v-e743e5e3]{flex:1;border-radius:10px;border:1px solid #d9d9d9;padding:12px;color:#101114;line-height:22px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.lsh-content-box .lsh-form-box .lsh-form-bottom.gray[data-v-e743e5e3]{background:#f1f2f5}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-tip[data-v-e743e5e3]{color:#797b80;font-size:12px;line-height:20px;display:flex;align-items:center;justify-content:space-between}.lsh-content-box .lsh-form-box .lsh-form-bottom .lsh-result-box[data-v-e743e5e3]{flex:1;overflow:auto}.lsh-ai-modal{position:relative;overflow:hidden}.lsh-ai-modal:before{position:absolute;top:0;left:0;width:100%;height:120px;content:"";z-index:0;pointer-events:none;background:radial-gradient(53.22% 165.47% at 52.17% -65.47%,#0038ff14,#0038ff00),radial-gradient(51.16% 163.6% at 85.6% -63.59%,#ff642214,#ff642200),radial-gradient(102.93% 140.61% at 7.43% -30.94%,#00d09e14,#00d09e00),linear-gradient(180deg,#fafbfc 47.89%,#fafbfccc,#fafbfc00)}.lsh-ai-modal .el-dialog__header,.lsh-ai-modal .el-dialog__body,.lsh-ai-modal .el-dialog__footer{position:relative;z-index:1}.lsh-ai-modal .el-dialog__header .el-dialog__headerbtn{right:-2px!important}.rect-btn[data-v-44be22ad]{display:flex;width:40px;height:36px;padding:0 12px;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;background:#f1f2f5;border:1px solid #f1f2f5;cursor:pointer;-webkit-user-select:none;user-select:none}.rect-btn.active[data-v-44be22ad],.rect-btn[data-v-44be22ad]:hover{border-color:#0d1839}.lsh-header-content[data-v-44be22ad]{position:relative}.lsh-header-content .lsh-title[data-v-44be22ad]{color:#101114;font-size:16px;font-weight:600;line-height:24px}.lsh-header-content .lsh-radio-group[data-v-44be22ad]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:185px}.lsh-content-box[data-v-44be22ad]{height:444px;display:flex;flex-direction:column}.lsh-content-box .lsh-label[data-v-44be22ad]{color:#101114;font-size:14px;font-weight:600;line-height:22px;margin-bottom:8px}.lsh-content-box .lsh-text-box[data-v-44be22ad]{height:44px;padding:5px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:1px solid #d9d9d9;background:#f1f2f5;color:#101114;font-size:18px;font-weight:600;line-height:26px;width:100%;text-align:center}.lsh-content-box .lsh-polyphonic-box[data-v-44be22ad]{margin-top:16px;flex:1}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-list[data-v-44be22ad]{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-item[data-v-44be22ad]{display:flex;align-items:flex-start;gap:8px}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-char[data-v-44be22ad]{display:flex;align-items:center;justify-content:center;width:36px;height:32px;flex-shrink:0;border-radius:10px;background:#f1f2f5;color:#101114;font-size:16px;font-weight:600;line-height:24px}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-options[data-v-44be22ad]{display:flex;flex-wrap:wrap;gap:8px}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-option[data-v-44be22ad]{height:32px;padding:4px 12px;border-radius:10px;border:1px solid #d9d9d9;background:#fff;color:#101114;font-size:14px;line-height:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-option.active[data-v-44be22ad],.lsh-content-box .lsh-polyphonic-box .lsh-polyphonic-option[data-v-44be22ad]:hover{border-color:#0d1839}.lsh-content-box .lsh-options-box[data-v-44be22ad]{margin-top:16px;display:flex;gap:16px}.lsh-content-box .lsh-options-box .lsh-options[data-v-44be22ad]{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;border:1px solid #d9d9d9;background:#fff}.lsh-content-box .lsh-options-box .lsh-initials[data-v-44be22ad]{display:flex;flex-wrap:wrap;gap:4px}.lsh-content-box .lsh-options-box .lsh-initials .lsh-initial-btn[data-v-44be22ad]{display:flex;width:40px;height:36px;padding:0 12px;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;background:#f1f2f5;border:1px solid #f1f2f5;cursor:pointer;-webkit-user-select:none;user-select:none}.lsh-content-box .lsh-options-box .lsh-initials .lsh-initial-btn.active[data-v-44be22ad],.lsh-content-box .lsh-options-box .lsh-initials .lsh-initial-btn[data-v-44be22ad]:hover{border-color:#0d1839}.lsh-content-box .lsh-options-box .lsh-radio-group-white[data-v-44be22ad]{border-radius:14px;padding:4px;gap:4px;height:44px}.lsh-content-box .lsh-options-box .lsh-radio-group-white[data-v-44be22ad] .cx-radio{border-radius:10px}.lsh-content-box .lsh-options-box .lsh-radio-group-white[data-v-44be22ad] .cx-radio.cx-radio-selected{font-weight:400}.lsh-content-box .lsh-options-box .lsh-final-box[data-v-44be22ad]{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:#f1f2f5}.lsh-content-box .lsh-options-box .lsh-final-box .lsh-final-list[data-v-44be22ad]{display:flex;flex-wrap:wrap;gap:4px}.lsh-content-box .lsh-options-box .lsh-final-box .lsh-final-list .lsh-final-item[data-v-44be22ad]{display:flex;width:40px;height:36px;padding:0 12px;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;background:#f1f2f5;border:1px solid #f1f2f5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;box-shadow:0 1px 4px #0000001a}.lsh-content-box .lsh-options-box .lsh-final-box .lsh-final-list .lsh-final-item.active[data-v-44be22ad],.lsh-content-box .lsh-options-box .lsh-final-box .lsh-final-list .lsh-final-item[data-v-44be22ad]:hover{border-color:#0d1839}.lsh-content-box .lsh-manual-text-box[data-v-44be22ad]{margin-top:16px}.lsh-content-box .lsh-manual-text-box .lsh-manual-text-list[data-v-44be22ad]{display:flex;gap:8px}.lsh-content-box .lsh-manual-text-box .lsh-manual-text-item[data-v-44be22ad]{display:flex;min-width:64px;height:52px;padding:4px 12px;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;border:1px solid #d9d9d9;background:#fff;font-size:16px;cursor:pointer}.lsh-content-box .lsh-manual-text-box .lsh-manual-text-item.active[data-v-44be22ad],.lsh-content-box .lsh-manual-text-box .lsh-manual-text-item[data-v-44be22ad]:hover{border-color:#0d1839}.lsh-content-box .lsh-manual-text-box .lsh-manual-pinyin[data-v-44be22ad]{color:#666;font-size:12px;line-height:18px}.lsh-header-content[data-v-7c709cca]{width:calc(100% - 52px);display:flex;flex-direction:column;gap:4px}.lsh-header-content .lsh-title[data-v-7c709cca]{color:#101114;font-size:16px;font-weight:600;line-height:24px}.lsh-header-content .lsh-tip[data-v-7c709cca]{color:#797b80;font-size:14px;font-weight:400;line-height:22px}.lsh-content-box[data-v-7c709cca]{display:flex;flex-direction:column;gap:24px;padding-bottom:44px}.lsh-content-box .lsh-form-item-label[data-v-7c709cca]{color:#101114;font-size:14px;font-weight:600;line-height:22px;margin-bottom:8px}.lsh-modal-header{height:fit-content!important}.lsh-language-list[data-v-931bb88d]{display:flex;align-items:center;gap:8px;padding:12px;width:264px;flex-wrap:wrap}.lsh-language-list .el-button[data-v-931bb88d]{width:116px}.lsh-number-list[data-v-9fa42093]{display:flex;gap:8px;padding:12px;width:272px;flex-direction:column;align-items:start;overflow:hidden}.lsh-number-list .el-button[data-v-9fa42093]{width:100%;justify-content:flex-start}.lsh-number-label[data-v-9fa42093]{flex-shrink:0}.lsh-stop-list[data-v-0d7c92b5]{display:flex;align-items:center;gap:8px;padding:12px}.lsh-stop-input[data-v-0d7c92b5]{outline:none;border:none;color:#101114;line-height:22px;border-bottom:1px solid #101114;background:transparent;width:42px;height:22px;margin:0 4px}.lsh-stop-input[data-v-0d7c92b5]::placeholder{color:#797b80}.lsh-stop-input[data-v-0d7c92b5]:focus{border-color:#0057ff}.lsh-stop-input[data-v-0d7c92b5] .el-input .el-input__wrapper{box-shadow:none;padding:0;background:transparent}.lsh-content-box[data-v-cdac4822]{display:flex;flex-direction:column;gap:24px;padding-bottom:44px}.lsh-content-box .lsh-title[data-v-cdac4822]{color:#101114;font-size:14px;font-weight:600;line-height:22px;margin-bottom:4px}.lsh-content-box .lsh-tip-text[data-v-cdac4822]{color:#797b80;font-size:14px;font-weight:400;line-height:175%}.word-upload-modal .el-overlay-dialog .el-dialog{overflow:hidden;height:600px;display:flex;flex-direction:column}.word-upload-modal .el-overlay-dialog .el-dialog .el-dialog__body{flex:1}.lsh-toolbar-box[data-v-ef10ee9b]{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.lsh-toolbar-box .lsh-tool-btn[data-v-ef10ee9b]{height:30px;flex-shrink:0;display:flex;align-items:center;padding:4px 8px;border-radius:6px;border:none;white-space:nowrap}.lsh-toolbar-measure[data-v-ef10ee9b]{position:absolute;top:0;left:0;z-index:-1;display:flex;gap:8px;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.lsh-more-list[data-v-ef10ee9b]{display:flex;min-width:140px;padding:4px;flex-direction:column;gap:2px}.lsh-more-list .lsh-more-item[data-v-ef10ee9b]{width:100%;justify-content:flex-start;padding:8px 10px;border:none;border-radius:6px}.el-popper.lsh-popper{width:fit-content!important;padding:0}.tts-rich-text-editor[data-v-09118d0a]{box-sizing:border-box;display:flex;width:100%;max-width:100%;min-width:0;height:266px;min-height:220px;padding:0 8px 8px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#101114;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.tts-rich-text-editor.is-fullscreen[data-v-09118d0a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100vh;padding:16px;background:#f5f6f8}.tts-rich-text-editor.is-disabled .lsh-editor-box[data-v-09118d0a]{background:#f7f8fa}.tts-rich-text-editor.is-disabled .lsh-top[data-v-09118d0a],.tts-rich-text-editor.is-disabled .lsh-middle[data-v-09118d0a],.tts-rich-text-editor.is-disabled .lsh-bottom[data-v-09118d0a]{opacity:.7}.tts-rich-text-editor .lsh-editor-box[data-v-09118d0a]{position:relative;display:flex;width:100%;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid #d9d9d9;border-radius:24px;background:#fff;transition:box-shadow .3s}.tts-rich-text-editor .lsh-editor-box[data-v-09118d0a]:hover,.tts-rich-text-editor .lsh-editor-box[data-v-09118d0a]:focus-within{border-color:#0057ff}.tts-rich-text-editor .lsh-editor-box[data-v-09118d0a]:focus-within{box-shadow:0 8px 16px #0057ff33}.tts-rich-text-editor .lsh-top[data-v-09118d0a]{display:flex;height:46px;padding:8px 16px;align-items:center;gap:8px;flex-shrink:0;border-bottom:1px solid #eaecf2}.tts-rich-text-editor .lsh-fullscreen-btn[data-v-09118d0a]{display:flex;width:30px;height:30px;padding:0;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:6px;background:transparent;color:#101114;cursor:pointer}.tts-rich-text-editor .lsh-fullscreen-btn[data-v-09118d0a]:hover{background:#f1f2f5}.tts-rich-text-editor .lsh-middle[data-v-09118d0a]{flex:1;min-height:0;padding:12px 16px 0;overflow:hidden}.tts-rich-text-editor .lsh-middle .editor-shell[data-v-09118d0a]{height:100%;overflow:auto}.tts-rich-text-editor .lsh-bottom[data-v-09118d0a]{display:flex;min-height:46px;min-width:0;align-items:center;justify-content:flex-end;flex-shrink:0}@media (max-width: 640px){.tts-rich-text-editor[data-v-09118d0a]{padding:0}.tts-rich-text-editor .lsh-editor-box[data-v-09118d0a]{border-radius:12px}.tts-rich-text-editor .lsh-top[data-v-09118d0a]{padding:8px}}
|
|
@@ -4,5 +4,8 @@ export { default as CxRadioGroup } from './cx-radio-group';
|
|
|
4
4
|
export { default as CxSpin } from './cx-spin';
|
|
5
5
|
export { default as CxUpload } from './cx-upload';
|
|
6
6
|
export { default as SvgIcon } from './svg-icon';
|
|
7
|
+
export { default as TtsEditorContent } from './tts-editor-content';
|
|
8
|
+
export { default as TtsEditorRoot } from './tts-editor-root';
|
|
9
|
+
export * from './tts-editor-root';
|
|
7
10
|
export * from './tts-rich-text';
|
|
8
11
|
export { default as TtsRichTextEditor } from './tts-rich-text-editor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './index.vue';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { TtsEditorFeatures, TtsEditorRootProps, TtsRichTextServices } from '../../type';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: Readonly<{
|
|
5
|
+
default(): unknown;
|
|
6
|
+
}> & {
|
|
7
|
+
default(): unknown;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<TtsEditorRootProps, {
|
|
14
|
+
clear: () => void;
|
|
15
|
+
focus: () => void;
|
|
16
|
+
getJson: () => import('@tiptap/core').JSONContent;
|
|
17
|
+
getTtsData: () => import('../../type').TtsInputData;
|
|
18
|
+
replaceText: (text: string) => void;
|
|
19
|
+
editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
|
|
20
|
+
driveMode: import('vue').Ref<import('../tts-rich-text/editor').DriveModeEnum, import('../tts-rich-text/editor').DriveModeEnum>;
|
|
21
|
+
insertToken: (data: {
|
|
22
|
+
categ: import('../tts-rich-text/editor').CustomTagType;
|
|
23
|
+
payload: Record<string, any>;
|
|
24
|
+
}) => void;
|
|
25
|
+
insertWrappedToken: (data: {
|
|
26
|
+
categ: import('../tts-rich-text/editor').CustomTagType;
|
|
27
|
+
payload: Record<string, any>;
|
|
28
|
+
}) => void;
|
|
29
|
+
clearContent: () => void;
|
|
30
|
+
setContent: (content: import('@tiptap/core').JSONContent) => void;
|
|
31
|
+
getSelectedText: () => string;
|
|
32
|
+
getSelectedJson: () => import('@tiptap/core').JSONContent | null;
|
|
33
|
+
selectedText: import('vue').Ref<string, string>;
|
|
34
|
+
hasSelectedText: import('vue').ComputedRef<boolean>;
|
|
35
|
+
isSelectedPureNumber: import('vue').ComputedRef<boolean>;
|
|
36
|
+
textLimitLength: number;
|
|
37
|
+
getGenerateAudioParams: () => {
|
|
38
|
+
pitch?: number;
|
|
39
|
+
speed?: number;
|
|
40
|
+
timberId?: string;
|
|
41
|
+
volume?: number;
|
|
42
|
+
};
|
|
43
|
+
services: import('vue').Ref<TtsRichTextServices, TtsRichTextServices>;
|
|
44
|
+
features: import('vue').Ref<TtsEditorFeatures, TtsEditorFeatures>;
|
|
45
|
+
notify: (type: import('../../type').NotificationType, message: string) => void;
|
|
46
|
+
getReferencedVirtualElement: () => {
|
|
47
|
+
getBoundingClientRect(): {
|
|
48
|
+
x: number;
|
|
49
|
+
y: number;
|
|
50
|
+
left: number;
|
|
51
|
+
top: number;
|
|
52
|
+
right: number;
|
|
53
|
+
bottom: number;
|
|
54
|
+
width: number;
|
|
55
|
+
height: number;
|
|
56
|
+
};
|
|
57
|
+
} | null;
|
|
58
|
+
replaceContentWithText: (text: string) => void;
|
|
59
|
+
textLength: import('vue').ComputedRef<number>;
|
|
60
|
+
voiceVersion: import('vue').Ref<number, number>;
|
|
61
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
62
|
+
change: () => any;
|
|
63
|
+
ready: (editor: import('@tiptap/core').Editor) => any;
|
|
64
|
+
}, string, import('vue').PublicProps, Readonly<TtsEditorRootProps> & Readonly<{
|
|
65
|
+
onChange?: (() => any) | undefined;
|
|
66
|
+
onReady?: ((editor: import('@tiptap/core').Editor) => any) | undefined;
|
|
67
|
+
}>, {
|
|
68
|
+
disabled: boolean;
|
|
69
|
+
placeholder: string;
|
|
70
|
+
textLimit: number;
|
|
71
|
+
voiceVersion: number;
|
|
72
|
+
features: TtsEditorFeatures;
|
|
73
|
+
services: TtsRichTextServices;
|
|
74
|
+
showSelectionMenu: boolean;
|
|
75
|
+
initialContent: import('@tiptap/core').JSONContent;
|
|
76
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
77
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
78
|
+
export default _default;
|
|
79
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
80
|
+
new (): {
|
|
81
|
+
$slots: S;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ShallowUnwrapRef } from 'vue';
|
|
2
|
+
import { RichTextEditor } from '../../tts-rich-text/editor/useRichTextEditor';
|
|
3
|
+
import { TtsRichTextEditorExpose } from '../../../type';
|
|
4
|
+
export type TtsEditorRootExpose = ShallowUnwrapRef<RichTextEditor> & TtsRichTextEditorExpose;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
2
2
|
audioRef: HTMLAudioElement;
|
|
3
|
-
},
|
|
3
|
+
}, any>;
|
|
4
4
|
export default _default;
|
|
@@ -29,6 +29,7 @@ export interface UseRichTextEditorOptions {
|
|
|
29
29
|
services?: Ref<TtsRichTextServices>;
|
|
30
30
|
features?: Ref<TtsEditorFeatures>;
|
|
31
31
|
onCreate?: (editor: Editor) => void;
|
|
32
|
+
onChange?: (editor: Editor) => void;
|
|
32
33
|
onUpdate?: (content: JSONContent, editor: Editor) => void;
|
|
33
34
|
}
|
|
34
35
|
export declare function useRichTextEditor(options?: UseRichTextEditorOptions): {
|
|
@@ -43,6 +44,7 @@ export declare function useRichTextEditor(options?: UseRichTextEditorOptions): {
|
|
|
43
44
|
payload: Record<string, any>;
|
|
44
45
|
}) => void;
|
|
45
46
|
clearContent: () => void;
|
|
47
|
+
setContent: (content: JSONContent) => void;
|
|
46
48
|
getSelectedText: () => string;
|
|
47
49
|
getSelectedJson: () => JSONContent | null;
|
|
48
50
|
selectedText: Ref<string, string>;
|
|
@@ -88,4 +90,59 @@ export declare function useRichTextEditor(options?: UseRichTextEditorOptions): {
|
|
|
88
90
|
};
|
|
89
91
|
export type RichTextEditor = ReturnType<typeof useRichTextEditor>;
|
|
90
92
|
export declare const useEditorProvider: (context: RichTextEditor) => void;
|
|
91
|
-
export declare const useEditorContext: () =>
|
|
93
|
+
export declare const useEditorContext: () => {
|
|
94
|
+
editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
|
|
95
|
+
driveMode: Ref<DriveModeEnum, DriveModeEnum>;
|
|
96
|
+
insertToken: (data: {
|
|
97
|
+
categ: CustomTagType;
|
|
98
|
+
payload: Record<string, any>;
|
|
99
|
+
}) => void;
|
|
100
|
+
insertWrappedToken: (data: {
|
|
101
|
+
categ: CustomTagType;
|
|
102
|
+
payload: Record<string, any>;
|
|
103
|
+
}) => void;
|
|
104
|
+
clearContent: () => void;
|
|
105
|
+
setContent: (content: JSONContent) => void;
|
|
106
|
+
getSelectedText: () => string;
|
|
107
|
+
getSelectedJson: () => JSONContent | null;
|
|
108
|
+
selectedText: Ref<string, string>;
|
|
109
|
+
hasSelectedText: import('vue').ComputedRef<boolean>;
|
|
110
|
+
isSelectedPureNumber: import('vue').ComputedRef<boolean>;
|
|
111
|
+
textLimitLength: number;
|
|
112
|
+
getGenerateAudioParams: () => {
|
|
113
|
+
/**
|
|
114
|
+
* 音调，范围 0-100，默认 50。
|
|
115
|
+
*/
|
|
116
|
+
pitch?: number;
|
|
117
|
+
/**
|
|
118
|
+
* 语速，范围 0-100，默认 50。
|
|
119
|
+
*/
|
|
120
|
+
speed?: number;
|
|
121
|
+
/**
|
|
122
|
+
* 选中的音色 ID（对应 t_voice_timbre.id）
|
|
123
|
+
*/
|
|
124
|
+
timberId?: string;
|
|
125
|
+
/**
|
|
126
|
+
* 音量，范围 0-100，默认 50。
|
|
127
|
+
*/
|
|
128
|
+
volume?: number;
|
|
129
|
+
};
|
|
130
|
+
services: Ref<TtsRichTextServices, TtsRichTextServices>;
|
|
131
|
+
features: Ref<TtsEditorFeatures, TtsEditorFeatures>;
|
|
132
|
+
notify: (type: NotificationType, message: string) => void;
|
|
133
|
+
getReferencedVirtualElement: () => {
|
|
134
|
+
getBoundingClientRect(): {
|
|
135
|
+
x: number;
|
|
136
|
+
y: number;
|
|
137
|
+
left: number;
|
|
138
|
+
top: number;
|
|
139
|
+
right: number;
|
|
140
|
+
bottom: number;
|
|
141
|
+
width: number;
|
|
142
|
+
height: number;
|
|
143
|
+
};
|
|
144
|
+
} | null;
|
|
145
|
+
replaceContentWithText: (text: string) => void;
|
|
146
|
+
textLength: import('vue').ComputedRef<number>;
|
|
147
|
+
voiceVersion: Ref<number, number>;
|
|
148
|
+
};
|