feat: 修改自定义指令命名为烤串方式命名

DevCloudFE · Sep 3, 2021 · 0e1fc1e · 0e1fc1e
1 parent 9b766e4
commit 0e1fc1e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/devui/image-preview/__tests__/image-preview.spec.ts b/devui/image-preview/__tests__/image-preview.spec.ts
@@ -19,7 +19,7 @@ describe('image-preview', () => {
  const wrapper = mount(
  {
  template: `
- <div v-dImagePreview>
+ <div v-d-image-preview>
  ${imageTemplate}
  </div>
  `
@@ -40,7 +40,7 @@ describe('image-preview', () => {
  const wrapper = mount(
  {
  template: `
- <div v-dImagePreview="{disableDefault: true}">
+ <div v-d-image-preview="{disableDefault: true}">
  ${imageTemplate}
  </div>
  `
@@ -61,7 +61,7 @@ describe('image-preview', () => {
  const wrapper = mount(
  {
  template: `
- <div v-dImagePreview="{custom, disableDefault:true}">
+ <div v-d-image-preview="{custom, disableDefault:true}">
  ${imageTemplate}
  </div>
  <button id="open" @click="open">open</button>

diff --git a/devui/image-preview/index.ts b/devui/image-preview/index.ts
@@ -8,7 +8,7 @@ export default {
  title: 'ImagePreview 图片预览',
  category: '数据展示',
  install(app: App): void {
- app.directive('dImagePreview', ImagePreviewDirective)
+ app.directive('d-image-preview', ImagePreviewDirective)
  app.config.globalProperties.$imagePreviewService = ImagePreviewService
  }
 }
diff --git a/sites/components/image-preview/index.md b/sites/components/image-preview/index.md
@@ -8,14 +8,14 @@
 
 ### 基本用法
 
-使用 v-dImagePreview 指令，对容器内图片进行预览。
+使用 v-d-image-preview 指令，对容器内图片进行预览。
 
-<div v-dImagePreview class="devui-image-preview-demo">
+<div v-d-image-preview class="devui-image-preview-demo">
  <img v-for="src in imageList" :src="src" :key="src" />
 </div>
 
 ```html
-<div v-dImagePreview class="devui-image-preview-demo">
+<div v-d-image-preview class="devui-image-preview-demo">
  <img v-for="src in imageList" :src="src" :key="src" />
 </div>
 
@@ -38,14 +38,14 @@
 
 传入 custom 参数,指令会自动注入 open 方法，通过 custom.open 开启预览窗口
 
-<div v-dImagePreview="{custom: image.custom, disableDefault:true }" class="devui-image-preview-demo">
+<div v-d-image-preview="{custom: image.custom, disableDefault:true }" class="devui-image-preview-demo">
  <img v-for="src in imageList" :src="src" :key="src" />
 </div>
 <d-button @click="open" class="btn">自定义</d-button>
 
 ```html
 <div
- v-dImagePreview="{custom: image.custom, disableDefault:true }"
+ v-d-image-preview="{custom: image.custom, disableDefault:true }"
  class="devui-image-preview-demo"
 >
  <img v-for="src in image.imageList" :src="src" :key="src" />