From a38c6c7bd5760b28ba7713046e30e9c7d305324e Mon Sep 17 00:00:00 2001
From: shangguanjianming1 <shangguanjianming@didiglobal.com>
Date: Thu, 4 Jul 2024 15:45:58 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E8=BD=A6=E7=89=8C=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=A2=9E=E5=8A=A0=E6=8F=92=E6=A7=BD=20&=20=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97click=E7=A9=BF=E9=80=8F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/license-plate/README.en-US.md      |  3 ++
 components/license-plate/README.md            |  3 ++
 components/license-plate/demo/cases/demo1.vue | 44 ++++++++++++++++++-
 components/license-plate/index.vue            | 13 +++++-
 4 files changed, 59 insertions(+), 4 deletions(-)

diff --git a/components/license-plate/README.en-US.md b/components/license-plate/README.en-US.md
index 0a8a14b7..053fb5f5 100644
--- a/components/license-plate/README.en-US.md
+++ b/components/license-plate/README.en-US.md
@@ -36,3 +36,6 @@ hide Pop
 
 ##### @confirm()
 confirm
+
+#### content
+slot of content
\ No newline at end of file
diff --git a/components/license-plate/README.md b/components/license-plate/README.md
index 9b125abb..c106d0c5 100644
--- a/components/license-plate/README.md
+++ b/components/license-plate/README.md
@@ -36,3 +36,6 @@ Vue.component(LicensePlate.name, LicensePlate)
 
 ##### @confirm()
 键盘确认事件
+
+#### content
+slot of content
\ No newline at end of file
diff --git a/components/license-plate/demo/cases/demo1.vue b/components/license-plate/demo/cases/demo1.vue
index 1967e9a6..d9ed2240 100644
--- a/components/license-plate/demo/cases/demo1.vue
+++ b/components/license-plate/demo/cases/demo1.vue
@@ -13,11 +13,22 @@
       :showPopUp="showPopUp"
       @hide="hide"
       @confirm="confirm"
-    ></md-license-plate>
+      @onEnter="onEnter"
+      @onDelete="onDelete"
+    >
+    <template v-slot:content>
+      <md-button
+        class="go-to-quote"
+        type="primary"
+      >
+        查看报价
+      </md-button>
+    </template>
+    </md-license-plate>
   </div>
 </template>
 
-<script>
import {LicensePlate, DetailItem, Field} from 'mand-mobile'
+<script>
import {LicensePlate, DetailItem, Field, Button} from 'mand-mobile'
 
 export default {
   name: 'license-plate-demo',
@@ -26,6 +37,7 @@ export default {
     [LicensePlate.name]: LicensePlate,
     [DetailItem.name]: DetailItem,
     [Field.name]: Field,
+    [Button.name]: Button,
   },
   data() {
     return {
@@ -44,6 +56,34 @@ export default {
       this.hide()
       this.licensePlate = value
     },
+    onEnter(value) {
+      this.licensePlate = value
+    },
+    onDelete(value) {
+      this.licensePlate = value
+    },
   },
 }
 
</script>
+
+
+<style lang="stylus" scoped>
+.md-button {
+  width: 670px;
+  height: 100px;
+  border-radius: 50px;
+  background: #198CFF;
+  border 0
+  margin 0 auto
+  margin-bottom 40px
+}
+.md-button.block {
+  width: 670px;
+}
+.md-button.primary:after {
+  border 0
+}
+>>>.md-license-plate-input .md-license-plate-input-item {
+  width 72px
+}
+</style>
diff --git a/components/license-plate/index.vue b/components/license-plate/index.vue
index b9cdec18..76ace899 100644
--- a/components/license-plate/index.vue
+++ b/components/license-plate/index.vue
@@ -47,6 +47,7 @@
               @keyMapping="keyMapping"
             />
           </div>
+          <slot name="content"></slot>
           <div class="md-license-plate-keyboard-container popUp">
             <md-license-plate-keyboard
               :keyboard="dyKeyboard"
@@ -418,6 +419,7 @@ export default {
       } else {
         this.selectedIndex = this.selectedIndex + 1
       }
+      this.$emit('onEnter', this.keyArrayCopy.join(''))
     },
     // 删除事件
     $_onDelete() {
@@ -427,16 +429,23 @@ export default {
       // 当前键位是第一个键位，隐藏分离键盘
       if (this.selectedIndex <= 0) {
         if (this.modeShow === 'division') {
-          this.hideDivisionKeyboard()
+          const timeId = setTimeout(() => {
+            this.hideDivisionKeyboard()
+            clearTimeout(timeId)
+          }, 200)
         }
       } else {
         this.selectedIndex = this.selectedIndex - 1
       }
+      this.$emit('onDelete', this.keyArrayCopy.join(''))
     },
     // 键盘确认事件
     $_onConfirm() {
       if (this.modeShow === 'division') {
-        this.hideDivisionKeyboard()
+        const timeId = setTimeout(() => {
+          this.hideDivisionKeyboard()
+          clearTimeout(timeId)
+        }, 200)
       }
       this.$emit('confirm', this.keyArrayCopy.join(''))
     },

From 0a7f5eaf9d575b296c2054923c481e41a3ca99d3 Mon Sep 17 00:00:00 2001
From: shangguanjianming1 <shangguanjianming@didiglobal.com>
Date: Thu, 4 Jul 2024 16:17:51 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E9=94=AE=E7=9B=98=E5=BC=B9=E7=AA=97=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/license-plate/demo/cases/demo1.vue | 30 -------
 components/license-plate/demo/cases/demo2.vue | 89 +++++++++++++++++++
 components/license-plate/demo/index.vue       |  3 +-
 3 files changed, 91 insertions(+), 31 deletions(-)
 create mode 100644 components/license-plate/demo/cases/demo2.vue

diff --git a/components/license-plate/demo/cases/demo1.vue b/components/license-plate/demo/cases/demo1.vue
index d9ed2240..60069727 100644
--- a/components/license-plate/demo/cases/demo1.vue
+++ b/components/license-plate/demo/cases/demo1.vue
@@ -16,14 +16,6 @@
       @onEnter="onEnter"
       @onDelete="onDelete"
     >
-    <template v-slot:content>
-      <md-button
-        class="go-to-quote"
-        type="primary"
-      >
-        查看报价
-      </md-button>
-    </template>
     </md-license-plate>
   </div>
 </template>
@@ -65,25 +57,3 @@ export default {
   },
 }
 
</script>
-
-
-<style lang="stylus" scoped>
-.md-button {
-  width: 670px;
-  height: 100px;
-  border-radius: 50px;
-  background: #198CFF;
-  border 0
-  margin 0 auto
-  margin-bottom 40px
-}
-.md-button.block {
-  width: 670px;
-}
-.md-button.primary:after {
-  border 0
-}
->>>.md-license-plate-input .md-license-plate-input-item {
-  width 72px
-}
-</style>
diff --git a/components/license-plate/demo/cases/demo2.vue b/components/license-plate/demo/cases/demo2.vue
new file mode 100644
index 00000000..e9c3e0bf
--- /dev/null
+++ b/components/license-plate/demo/cases/demo2.vue
@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <!-- 投保人车牌号 -->
+    <md-field title="车辆信息">
+      <div @click="changeNumber">
+        <md-detail-item title="车牌号码">
+          {{ licensePlate }}
+        </md-detail-item>
+      </div>
+    </md-field>
+    <md-license-plate
+      :modeShow="'popUp'"
+      :showPopUp="showPopUp"
+      @hide="hide"
+      @confirm="confirm"
+      @onEnter="onEnter"
+      @onDelete="onDelete"
+    >
+    <template v-slot:content>
+      <md-button
+        class="go-to-quote"
+        type="primary"
+      >
+        按钮
+      </md-button>
+    </template>
+    </md-license-plate>
+  </div>
+</template>
+
+<script>
import {LicensePlate, DetailItem, Field, Button} from 'mand-mobile'
+
+export default {
+  name: 'license-plate-demo',
+  title: '自定义键盘弹窗内容插槽半弹层版',
+  components: {
+    [LicensePlate.name]: LicensePlate,
+    [DetailItem.name]: DetailItem,
+    [Field.name]: Field,
+    [Button.name]: Button,
+  },
+  data() {
+    return {
+      showPopUp: false,
+      licensePlate: '',
+    }
+  },
+  methods: {
+    hide() {
+      this.showPopUp = false
+    },
+    changeNumber() {
+      this.showPopUp = true
+    },
+    confirm(value) {
+      this.hide()
+      this.licensePlate = value
+    },
+    onEnter(value) {
+      this.licensePlate = value
+    },
+    onDelete(value) {
+      this.licensePlate = value
+    },
+  },
+}
+
</script>
+
+
+<style lang="stylus" scoped>
+.md-button {
+  width: 670px;
+  height: 100px;
+  border-radius: 50px;
+  background: #198CFF;
+  border 0
+  margin 0 auto
+  margin-bottom 40px
+}
+.md-button.block {
+  width: 670px;
+}
+.md-button.primary:after {
+  border 0
+}
+>>>.md-license-plate-input .md-license-plate-input-item {
+  width 72px
+}
+</style>
diff --git a/components/license-plate/demo/index.vue b/components/license-plate/demo/index.vue
index 4a0db759..900691a5 100644
--- a/components/license-plate/demo/index.vue
+++ b/components/license-plate/demo/index.vue
@@ -13,6 +13,7 @@
 <script>
import createDemoModule from '../../../examples/create-demo-module'
 import Demo0 from './cases/demo0'
 import Demo1 from './cases/demo1'
+import Demo2 from './cases/demo2'
 
-export default {...createDemoModule('license-plate', [Demo0, Demo1])}
+export default {...createDemoModule('license-plate', [Demo0, Demo1, Demo2])}
 
</script>