yh-mobile-components 1.3.1 → 1.3.4

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+- v1.3.4 yhm-select 修复 进行确认操作时，值不更新的问题
+- v1.3.2 yhm-input 修复 input 框没有 focus方法的问题
+- v1.3.1 yhm-select 修复值域下拉选项不匹配导致报错的问题

package/form/yhmInput.vue

@@ -7,6 +7,7 @@
     @keydown="keydownHandler"
     :type="inputType"
     :error="error"
+    ref="fieldRef"
     :error-message="errorMessage">
     <template
       #right-icon
@@ -28,7 +29,7 @@
   </van-field>
 </template>
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, ref } from "vue";
 const props = withDefaults(
   defineProps<{
     type?: string;
@@ -71,6 +72,16 @@ function keydownHandler(e: KeyboardEvent) {
     }
   }
 }
+
+const fieldRef = ref();
+function focus() {
+  fieldRef.value?.focus();
+}
+
+function blur() {
+  fieldRef.value?.blur();
+}
+defineExpose({ fieldRef, focus, blur });
 </script>
 <style lang="scss">
 .yhm-input-container {

package/form/yhmSelect.vue

@@ -21,9 +21,10 @@
     <van-picker
       :title="palceholder"
       :columns="optionData"
-      @confirm="onCancel"
-      @cancel="onCancel"
-      @change="onChange" />
+      :modelValue="[modelValue]"
+      ref="pickerRef"
+      @confirm="onComfirm"
+      @cancel="onCancel" />
   </van-popup>
 </template>
 <script setup lang="ts">
@@ -41,7 +42,8 @@ const emits = defineEmits<{
 
 const valueString = computed(() => {
   if (props.modelValue) {
-    return props.optionData.filter((item) => item.value === props.modelValue)[0].text;
+    let option = props.optionData.filter((item) => item.value === props.modelValue)[0];
+    return option ? option.text : props.modelValue;
   } else {
     return props.palceholder || "请选择";
   }
@@ -54,6 +56,7 @@ const valueClass = computed(() => {
 });
 
 const show = ref(false);
+const pickerRef = ref();
 
 function toChoose() {
   if (props.disabled) {
@@ -62,12 +65,17 @@ function toChoose() {
   show.value = true;
 }
 
-function onChange({ selectedValues }) {
-  emits("update:modelValue", selectedValues[0]);
-}
+// function onChange({ selectedValues }) {
+//   emits("update:modelValue", selectedValues[0]);
+// }
 function onCancel() {
   show.value = false;
 }
+
+function onComfirm({ selectedValues }) {
+  emits("update:modelValue", selectedValues[0]);
+  onCancel();
+}
 </script>
 <style lang="scss">
 .yhm-datetime-container {

package/form/yhmSwitch.vue

@@ -25,8 +25,6 @@
   </van-field>
 </template>
 <script setup lang="ts">
-import { computed } from "vue";
-
 const props = withDefaults(
   defineProps<{
     error?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yh-mobile-components",
-  "version": "1.3.1",
+  "version": "1.3.4",
   "description": "移动端组件封装及配置化需求",
   "main": "index.js",
   "scripts": {