stellar-ui-plus 1.24.9 → 1.24.11

package/components/ste-custom-keyboard/ATTRIBUTES.md

@@ -7,6 +7,7 @@
 | `maxlength` | value最大长度 | `number` | - | - | - |
 | `show` | 是否显示键盘，支持v-model:show绑定，mode='popup'时生效 | `boolean` | `false` | - | - |
 | `rightKeys` | 是否显示右侧功能键 | `boolean` | `true` | - | - |
+| `customKeys` | 自定义按键，建议数量不大于2 | `string[]` | `[]` | - | - |
 | `randomKeys` | 按键是否随机排列 | `boolean` | `false` | - | - |
 | `confirmText` | 右侧确定按钮文本 | `string` | `确定` | - | - |
 | `confirmDisabled` | 右侧确认是否禁用 | `boolean` | `false` | - | - |
@@ -29,6 +30,7 @@
 | `backspace` | 删除按钮点击事件 | - | - |
 | `confirm` | 确认按钮点击事件 | `value`：输入值 | - |
 | `click` | 点击功能键(确认/删除/清除)之外的键盘触发 | `key`：当前点击的按钮 | - |
+| `click-discount` | 点击折扣键盘触发 | `key`：当前点击的按钮 | - |
 | `beforeinput` | 输入之前触发，功能键之外的键盘点击时为输入 | `key`：当前点击的按钮<br/>`suspend`：开启等待的回调函数<br/>`next`：执行后续操作的回调函数<br/>`stop`：阻止后续执行的回调函数 | - |
 | `open` | 打开弹窗键盘触发 | - | - |
 | `close` | 关闭弹窗键盘触发 | - | - |

package/components/ste-custom-keyboard/README.md

@@ -1,4 +1,4 @@
-# Keyboard 键盘
+# CustomKeyboard 定制键盘
 
 用于页面上显示价格的组件
 

package/components/ste-custom-keyboard/props.ts

@@ -9,6 +9,7 @@ export interface NumberKeyboardProps {
     show: boolean;
     discounts: number[];
     rightKeys: boolean;
+    customKeys: string[];
     randomKeys: boolean;
     confirmText: string;
     confirmDisabled: boolean;
@@ -31,6 +32,7 @@ export default {
     show: { type: Boolean, default: () => false },
     discounts: { type: Array as PropType<number[]>, default: () => [] },
     rightKeys: { type: Boolean, default: () => true },
+    customKeys: { type: Array as PropType<string[]>, default: () => [] },
     randomKeys: { type: Boolean, default: () => false },
     confirmText: { type: String, default: () => '确定' },
     confirmDisabled: { type: Boolean, default: () => false },

package/components/ste-custom-keyboard/ste-custom-keyboard.easycom.json

@@ -62,6 +62,12 @@
             "type": "boolean",
             "default": true
         },
+        {
+            "name": "customKeys",
+            "description": "自定义按键，建议数量不大于2",
+            "type": "string[]",
+            "default": []
+        },
         {
             "name": "randomKeys",
             "description": "按键是否随机排列",

package/components/ste-custom-keyboard/useData.ts

@@ -50,11 +50,12 @@ export default function useData({
     const cmpNumbers = computed(() => {
         let keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
         if (props.randomKeys) keys = utils.randomArray(keys);
-        if (['number', 'discount'].includes(props.type)) {
-            keys.push('.');
-        } else if (props.type === "idcard") {
+        if (props.type === "idcard") {
             keys.push('X');
         }
+        if (Array.isArray(props.customKeys) && props.customKeys.length) {
+            keys.push(...props.customKeys);
+        }
 
         if (!props.rightKeys) {
             if (!props.showClear) {

package/components/ste-goods-info/ste-goods-info.vue

@@ -86,6 +86,7 @@ const checkboxChange = () => {
 
 const onClick = (type: 'empty' | 'image' | 'title' | 'code' | 'price' | 'originalPrice' | 'stepper') => {
     emits('click', type);
+    if (['image', 'title', 'code'].includes(type)) clickSuggestInput();
 };
 
 const _tagBg = computed(() => (props.tagBg ? props.tagBg : getColor().steThemeColor));
@@ -158,7 +159,14 @@ const clickSuggest = (type: 'method' | 'back' | 'item' | 'right', item?: { label
 };
 
 const clickStepperInput = () => emits('click-stepper-input');
-const clickSuggestInput = () => emits('click-suggest-input');
+const clickSuggestInput = () => {
+    if (!suggesData.value.applyForText) return;
+    emits('click-suggest-input');
+    applyForInputFocus.value = false;
+    nextTick(() => {
+        applyForInputFocus.value = true;
+    });
+};
 
 const viewClass = computed(() => {
     const imgSize = utils.formatPx<'num'>(props.imageSize, 'num');
@@ -171,13 +179,6 @@ const viewClass = computed(() => {
 const cmpMore = computed(() => props.mode === 'more');
 
 const applyForInputFocus = ref(false);
-
-const handerFocus = () => {
-    applyForInputFocus.value = false;
-    nextTick(() => {
-        applyForInputFocus.value = true;
-    });
-};
 </script>
 <template>
     <view class="ste-goods-info-root" :class="{ less: mode === 'less' }" :style="[rootStyle]">
@@ -269,7 +270,7 @@ const handerFocus = () => {
                                 <view class="ste-goods-info-suggest-method-number">{{ suggesData.number }}</view>
                             </view>
                             <view class="ste-goods-info-apply-for" v-if="suggesData.applyForText">
-                                <div class="ste-goods-info-apply-for-input-hot" @click="handerFocus" />
+                                <div class="ste-goods-info-apply-for-input-hot" @click.stop="clickSuggestInput" />
                                 <view class="ste-goods-info-apply-for-text">{{ suggesData.applyForText }}：</view>
                                 <view class="ste-goods-info-apply-for-number">
                                     <view class="ste-goods-info-apply-for-input" @click.stop="clickSuggestInput">

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "stellar-ui-plus",
-    "version": "1.24.9",
+    "version": "1.24.11",
     "description": "",
     "author": "",
     "license": "MIT",