rrj-astra-ui 1.1.26 → 1.1.28

package/components/AuiIcon.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed, onMounted,require } from 'vue';
 import { camelize } from '@vue/shared';
 // 修复：使用相对路径替代别名导入
 import * as svgFiles from '../icons/index.js';

package/components/AuiInput.vue

@@ -1,5 +1,10 @@
 <template>
-    <view :class="['aui-input-item',`aui-theme-${theme}`]">
+    <view 
+        :class="['aui-input-item',`aui-theme-${theme}`]"
+        @click="handleClick"
+        <!-- 移除 disabled 对 pointerEvents 的控制，改为通过 clickableWhenDisabled 控制 -->
+        :style="{ pointerEvents: (disabled && !clickableWhenDisabled) ? 'none' : 'auto' }"
+    >
         <view class="aui-input-befor">
             <slot name="befor"></slot>
         </view>
@@ -9,11 +14,14 @@
                 :placeholder="placeholder" 
                 v-model="inputValue"
                 :class="['aui-input', `aui-input-${size}`,`aui-input-align-${textAlign}`]" 
-                :readonly="readonly" 
-                :disabled="disabled" 
+                :readonly="readonly || (disabled && !clickableWhenDisabled)"  <!-- 功能禁用逻辑调整 -->
+                :disabled="disabled"  <!-- 仅控制 input 原生禁用样式，不影响点击 -->
                 @input="handleInput" 
                 :style="`height:${height};line-height:${height}`"
                 @blur="handleBlur"
+                @click.stop="handleInputClick"
+                <!-- 阻止 input 原生 disabled 对点击的拦截 -->
+                @mousedown.stop.prevent
             />
         </view>
         <view class="aui-input-after">
@@ -26,10 +34,8 @@
 import { defineProps, defineEmits, ref, watch } from 'vue';
 const __name = 'AuiInput';
 
-// 这里的 defineOptions 可能不是 Vue 内置方法，暂时注释掉
-defineOptions({
-    name: __name
-})
+// 新增 click 事件到 emits 定义中
+const emits = defineEmits(['input', 'update:modelValue', 'blur', 'click']);
 
 const props = defineProps({
     type: {
@@ -49,6 +55,11 @@ const props = defineProps({
         type: Boolean,
         default: false
     },
+    // 新增：控制禁用时是否允许点击
+    clickableWhenDisabled: {
+        type: Boolean,
+        default: false
+    },
     modelValue: {
         type: [String, Number],
         default: ''
@@ -73,8 +84,6 @@ const props = defineProps({
     }
 });
 
-const emits = defineEmits(['input', 'update:modelValue', 'blur']);
-
 const inputValue = ref(props.modelValue);
 
 // 监听 props.modelValue 的变化
@@ -90,7 +99,8 @@ const handleInput = (e) => {
     } else {
         newValue = e.target ? e.target.value : undefined;
     }
-    if (newValue) {
+    // 禁用状态下不处理输入（即使点击可用，也不能输入）
+    if (newValue !== undefined && !props.disabled) {
         inputValue.value = newValue;
         console.log('输入事件触发，新值:', newValue);
         emits('input', newValue);
@@ -101,6 +111,22 @@ const handleInput = (e) => {
 const handleBlur = (e) => {
     emits('blur', e);
 };
+
+// 处理根元素的点击事件
+const handleClick = (e) => {
+    // 只有当 clickableWhenDisabled 为 true 或未禁用时，才触发点击事件
+    if (!props.disabled || props.clickableWhenDisabled) {
+        emits('click', e);
+    }
+};
+
+// 处理input自身的点击（可选）
+const handleInputClick = (e) => {
+    // 禁用时也允许input点击透传
+    if (!props.disabled || props.clickableWhenDisabled) {
+        emits('click', e);
+    }
+};
 </script>
 
 <style scoped lang="scss">
@@ -112,6 +138,7 @@ const handleBlur = (e) => {
     border: 1px solid $aui-border-color;
     border-radius: 8px;
     padding: 0 10px;
+    cursor: pointer;  // 始终显示指针，提示可点击
 }
 .aui-input-befor {
     margin-right: 10px;
@@ -130,9 +157,23 @@ const handleBlur = (e) => {
     transition: border-color 0.3s;
     height: 36px;
     line-height: 36px;
+    border: none;
+    width: 100%;
+    background: transparent;
     &:focus {
         border-color: $aui-primary-color;
     }
+    // readonly状态样式
+    &[readonly] {
+        cursor: pointer;
+        background: transparent;
+    }
+    // disabled状态样式（仅视觉，不影响点击）
+    &[disabled] {
+        cursor: pointer;  // 改为pointer，提示可点击
+        color: #9CA3AF;   // 保留禁用文字颜色
+        background: transparent;
+    }
 }
 .aui-theme-flat{
     background-color: #F5F5F5;
@@ -160,7 +201,6 @@ const handleBlur = (e) => {
 .aui-input-small {
     font-size: 12px;
 }
-
 .aui-input-large {
     font-size: 18px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rrj-astra-ui",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "description": "AstraUI - A powerful UI framework for UniApp with global SCSS color variables",
   "main": "index.js",
   "keywords": [