公共组件库，文档建设开始

Tevin

2024-03-06 f81a7a619725aa57c48353fca2c21a43fc3b7aee

 forms/input/CInput.vue

@@ -6,7 +6,7 @@
<template>
    <view
        class="c-input"
        :class="unit?'c-input-unit':''"
        :class="[unit?'c-input-unit':'', readOnly?'read-only':'']"
    >
        <AtInput
            :name="itemRes.name"
@@ -15,8 +15,9 @@
            :placeholder="placeholder"
            :required="itemRes.required"
            :error="itemRes.error"
            :value="itemRes.formData[itemRes.name]"
            :onChange="evt=>itemRes.onChange(evt)"
            :cursorSpacing="0"
            :value="value"
            :onChange="evt => handleChange(evt)"
        >
            <slot v-if="!unit" />
            <text
@@ -45,6 +46,28 @@
        placeholder: String,
        // 输入框单位
        unit: String,
        // 只读模式
        readOnly: {
            type: Boolean,
            default: false,
        },
    },
    computed: {
        value() {
            return ((this.itemRes.formData[this.itemRes.name] || '') + '').replace(
                /[\n\r]/g,
                ''
            );
        },
    },
    methods: {
        handleChange(evt) {
            // 去除首尾空格，小程序中还可以粘贴换行符进来
            const changeValue = ((evt || '') + '')
                .replace(/^\s+|\s+$/g, '')
                .replace(/[\n\r\t]/g, '');
            this.itemRes.onChange(changeValue);
        },
    },
    mounted() {},
};