yui-image-editor 1.0.6 → 1.0.7
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
CHANGED
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
cat > README.md << EOF
|
|
2
2
|
# yui-image-editor 图片编辑器组件
|
|
3
|
-
yui-image-editor
|
|
3
|
+
yui-image-editor 通过 Vue3 + TypeScript 图片编辑器组件，扩展了专题图编辑专属功能（标题、时间戳、附图标签、对比拉框、标定目标等），支持自定义配置、多语言、主题定制及 A4 尺寸快速切换等能力。ssssss
|
|
4
4
|
|
|
5
5
|
## 一、组件使用指南
|
|
6
6
|
### 1. 安装依赖
|
|
7
7
|
确保项目中安装核心依赖：
|
|
8
8
|
\`\`\`bash
|
|
9
|
-
npm install
|
|
10
|
-
# 若需类型提示，安装对应的类型包（如无官方类型，可自定义）
|
|
11
|
-
npm install -D @types/tui-image-editor
|
|
9
|
+
npm install yui-image-editor
|
|
12
10
|
\`\`\`
|
|
13
11
|
|
|
14
12
|
### 2. 基础使用
|
|
15
|
-
#### 2.1
|
|
16
|
-
\`\`\`ts
|
|
17
|
-
|
|
18
|
-
import
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
app.
|
|
22
|
-
|
|
23
|
-
\`\`\`
|
|
13
|
+
#### 2.1 全局引入并注册
|
|
14
|
+
\`\`\`ts
|
|
15
|
+
import { ImageEditor } from 'yui-image-editor';
|
|
16
|
+
import 'yui-image-editor/dist/yui-image-editor.css';
|
|
17
|
+
const app = createApp(App);
|
|
18
|
+
app.component('ImageEditor', ImageEditor);
|
|
19
|
+
app.mount('#app')
|
|
20
|
+
\`\`\`
|
|
24
21
|
|
|
25
22
|
#### 2.2 局部引入组件
|
|
26
23
|
\`\`\`ts
|
|
@@ -184,5 +181,5 @@ const defaultConfig: EditorConfig = {
|
|
|
184
181
|
1. 图片加载需注意跨域问题：若加载远程图片，需确保图片服务器配置 CORS；
|
|
185
182
|
2. 组件卸载时会自动调用 \`destroy\` 方法，手动销毁需通过 ref 调用；
|
|
186
183
|
3. 自定义配置采用深度合并（deepMerge），可精准覆盖默认配置的任意层级；
|
|
187
|
-
4. 专题图工具（SpecialMapTool）需依赖
|
|
184
|
+
4. 专题图工具（SpecialMapTool）需依赖 yui-image-editor 实例，初始化失败时会触发 error 状态提示。
|
|
188
185
|
EOF
|