uview-pro 0.0.7 → 0.0.8

package/components/u-input/u-input.vue

@@ -81,217 +81,13 @@
 import { ref, computed, watch, getCurrentInstance } from 'vue';
 import { $u } from '../..';
 import { dispatch } from '../../libs/util/emitter';
+import { InputProps } from './types';
 
 defineOptions({
     name: 'u-input'
 });
 
-/**
- * input 输入框
- * @description 此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件u-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
- * @tutorial http://uviewui.com/components/input.html
- * @property {String} type 模式选择，见官网说明
- * @property {Boolean} clearable 是否显示右侧的清除图标(默认true)
- * @property {} v-model 用于双向绑定输入框的值
- * @property {String} input-align 输入框文字的对齐方式(默认left)
- * @property {String} placeholder placeholder显示值(默认 '请输入内容')
- * @property {Boolean} disabled 是否禁用输入框(默认false)
- * @property {String Number} maxlength 输入框的最大可输入长度(默认140)
- * @property {String Number} selection-start 光标起始位置，自动聚焦时有效，需与selection-end搭配使用（默认-1）
- * @property {String Number} maxlength 光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认-1）
- * @property {String Number} cursor-spacing 指定光标与键盘的距离，单位px(默认0)
- * @property {String} placeholderStyle placeholder的样式，字符串形式，如"color: red;"(默认 "color: #c0c4cc;")
- * @property {String} confirm-type 设置键盘右下角按钮的文字，仅在type为text时生效(默认done)
- * @property {Object} custom-style 自定义输入框的样式，对象形式
- * @property {Boolean} focus 是否自动获得焦点(默认false)
- * @property {Boolean} fixed 如果type为textarea，且在一个"position:fixed"的区域，需要指明为true(默认false)
- * @property {Boolean} password-icon type为password时，是否显示右侧的密码查看图标(默认true)
- * @property {Boolean} border 是否显示边框(默认false)
- * @property {String} border-color 输入框的边框颜色(默认#dcdfe6)
- * @property {Boolean} auto-height 是否自动增高输入区域，type为textarea时有效(默认true)
- * @property {String Number} height 高度，单位rpx(text类型时为70，textarea时为100)
- * @example <u-input v-model="value" :type="type" :border="border" />
- */
-
-const props = defineProps({
-    /**
-     * 用于双向绑定输入框的值
-     */
-    modelValue: {
-        type: [String, Number],
-        default: ''
-    },
-    /**
-     * 输入框的类型，textarea，text，number
-     */
-    type: {
-        type: String,
-        default: 'text'
-    },
-    /**
-     * 输入框文字的对齐方式(默认left)
-     */
-    inputAlign: {
-        type: String,
-        default: 'left'
-    },
-    /**
-     * placeholder显示值(默认 '请输入内容')
-     */
-    placeholder: {
-        type: String,
-        default: '请输入内容'
-    },
-    /**
-     * 是否禁用输入框(默认false)
-     */
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 输入框的最大可输入长度(默认140)
-     */
-    maxlength: {
-        type: [Number, String],
-        default: 140
-    },
-    /**
-     * placeholder的样式，字符串形式，如"color: red;"(默认 "color: #c0c4cc;")
-     */
-    placeholderStyle: {
-        type: String,
-        default: 'color: #c0c4cc;'
-    },
-    /**
-     * 设置键盘右下角按钮的文字，仅在type为text时生效(默认done)
-     */
-    confirmType: {
-        type: String,
-        default: 'done'
-    },
-    /**
-     * 自定义输入框的样式，对象形式
-     */
-    customStyle: {
-        type: Object,
-        default: () => ({})
-    },
-    /**
-     * 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true
-     */
-    fixed: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 是否自动获得焦点(默认false)
-     */
-    focus: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 密码类型时，是否显示右侧的密码图标(默认true)
-     */
-    passwordIcon: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * input|textarea是否显示边框(默认false)
-     */
-    border: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 输入框的边框颜色(默认#dcdfe6)
-     */
-    borderColor: {
-        type: String,
-        default: '#dcdfe6'
-    },
-    /**
-     * 是否自动增高输入区域，type为textarea时有效(默认true)
-     */
-    autoHeight: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * type=select时，旋转右侧的图标，标识当前处于打开还是关闭select的状态
-     * open-打开，close-关闭
-     */
-    selectOpen: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 高度，单位rpx
-     */
-    height: {
-        type: [Number, String],
-        default: ''
-    },
-    /**
-     * 是否可清空(默认true)
-     */
-    clearable: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 指定光标与键盘的距离，单位 px(默认0)
-     */
-    cursorSpacing: {
-        type: [Number, String],
-        default: 0
-    },
-    /**
-     * 光标起始位置，自动聚焦时有效，需与selection-end搭配使用（默认-1）
-     */
-    selectionStart: {
-        type: [Number, String],
-        default: -1
-    },
-    /**
-     * 光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认-1）
-     */
-    selectionEnd: {
-        type: [Number, String],
-        default: -1
-    },
-    /**
-     * 是否自动去除两端的空格(默认true)
-     */
-    trim: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 是否显示键盘上方带有”完成“按钮那一栏(默认true)
-     */
-    showConfirmbar: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 弹出键盘时是否自动调节高度，uni-app默认值是true
-     */
-    adjustPosition: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 输入框的验证状态，用于错误时，边框是否改为红色
-     */
-    validateState: {
-        type: Boolean,
-        default: false
-    }
-});
-
+const props = defineProps(InputProps);
 const emit = defineEmits(['update:modelValue', 'blur', 'focus', 'confirm', 'click']);
 
 const defaultValue = ref(props.modelValue);
@@ -336,7 +132,6 @@ const uSelectionStart = computed(() => String(props.selectionStart));
 // 光标结束位置
 const uSelectionEnd = computed(() => String(props.selectionEnd));
 
-// 事件派发工具
 const instance = getCurrentInstance();
 
 // 监听u-form-item发出的错误事件，将输入框边框变红色，失效了
@@ -349,7 +144,6 @@ function handleInput(event: any) {
     let value = event.detail.value;
     // 判断是否去除空格
     if (props.trim) value = $u.trim(value);
-    // vue 原生的方法 return 出去
     emit('update:modelValue', value);
     // 当前model 赋值
     defaultValue.value = value;
@@ -378,7 +172,6 @@ function handleBlur(event: any) {
     setTimeout(() => {
         focused.value = false;
     }, 100);
-    // vue 原生的方法 return 出去
     emit('blur', value);
     setTimeout(() => {
         // 头条小程序由于自身bug，导致中文下，每按下一个键(尚未完成输入)，都会触发一次@input，导致错误，这里进行判断处理

package/components/u-keyboard/types.ts

@@ -0,0 +1,40 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+
+/**
+ * u-keyboard 组件 Props 类型定义
+ * @description 自定义键盘面板属性
+ */
+export const KeyboardProps = {
+    /** 键盘的类型，number-数字键盘，card-身份证键盘，car-车牌号键盘 */
+    mode: { type: String, default: 'number' },
+    /** 是否显示键盘的"."符号 */
+    dotEnabled: { type: Boolean, default: true },
+    /** 是否显示顶部工具条 */
+    tooltip: { type: Boolean, default: true },
+    /** 是否显示工具条中间的提示 */
+    showTips: { type: Boolean, default: true },
+    /** 工具条中间的提示文字 */
+    tips: { type: String, default: '' },
+    /** 是否显示工具条左边的"取消"按钮 */
+    cancelBtn: { type: Boolean, default: true },
+    /** 是否显示工具条右边的"完成"按钮 */
+    confirmBtn: { type: Boolean, default: true },
+    /** 是否打乱键盘按键的顺序 */
+    random: { type: Boolean, default: false },
+    /** 是否开启底部安全区适配 */
+    safeAreaInsetBottom: { type: Boolean, default: false },
+    /** 是否允许通过点击遮罩关闭键盘 */
+    maskCloseAble: { type: Boolean, default: true },
+    /** 通过双向绑定控制键盘的弹出与收起 */
+    modelValue: { type: Boolean, default: false },
+    /** 是否显示遮罩 */
+    mask: { type: Boolean, default: true },
+    /** z-index值 */
+    zIndex: { type: [Number, String] as PropType<string | number>, default: '' },
+    /** 取消按钮的文字 */
+    cancelText: { type: String, default: '取消' },
+    /** 确认按钮的文字 */
+    confirmText: { type: String, default: '确认' }
+};
+
+export type KeyboardProps = ExtractPropTypes<typeof KeyboardProps>;

package/components/u-keyboard/u-keyboard.vue

@@ -32,6 +32,7 @@
 </template>
 
 <script setup lang="ts">
+import { KeyboardProps } from './types';
 import { computed } from 'vue';
 
 defineOptions({
@@ -62,38 +63,7 @@ defineOptions({
  * @example <u-keyboard mode="number" v-model="show"></u-keyboard>
  */
 
-const props = defineProps({
-    /** 键盘的类型，number-数字键盘，card-身份证键盘，car-车牌号键盘 */
-    mode: { type: String, default: 'number' },
-    /** 是否显示键盘的"."符号 */
-    dotEnabled: { type: Boolean, default: true },
-    /** 是否显示顶部工具条 */
-    tooltip: { type: Boolean, default: true },
-    /** 是否显示工具条中间的提示 */
-    showTips: { type: Boolean, default: true },
-    /** 工具条中间的提示文字 */
-    tips: { type: String, default: '' },
-    /** 是否显示工具条左边的"取消"按钮 */
-    cancelBtn: { type: Boolean, default: true },
-    /** 是否显示工具条右边的"完成"按钮 */
-    confirmBtn: { type: Boolean, default: true },
-    /** 是否打乱键盘按键的顺序 */
-    random: { type: Boolean, default: false },
-    /** 是否开启底部安全区适配，开启的话，会在iPhoneX机型底部添加一定的内边距 */
-    safeAreaInsetBottom: { type: Boolean, default: false },
-    /** 是否允许通过点击遮罩关闭键盘 */
-    maskCloseAble: { type: Boolean, default: true },
-    /** 通过双向绑定控制键盘的弹出与收起 */
-    modelValue: { type: Boolean, default: false },
-    /** 是否显示遮罩，某些时候数字键盘时，用户希望看到自己的数值，所以可能不想要遮罩 */
-    mask: { type: Boolean, default: true },
-    /** z-index值 */
-    zIndex: { type: [Number, String], default: '' },
-    /** 取消按钮的文字 */
-    cancelText: { type: String, default: '取消' },
-    /** 确认按钮的文字 */
-    confirmText: { type: String, default: '确认' }
-});
+const props = defineProps(KeyboardProps);
 const emit = defineEmits(['change', 'update:modelValue', 'confirm', 'cancel', 'backspace']);
 
 const uZIndex = computed(() => (props.zIndex ? props.zIndex : 1075));

package/components/u-lazy-load/types.ts

@@ -0,0 +1,37 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { Effect, ImgMode } from '../../types/global';
+
+/**
+ * u-lazy-load 组件 Props 类型定义
+ * @description 懒加载图片组件属性
+ */
+export const LazyLoadProps = {
+    /** 用户自定义值，在事件触发时回调，用以区分是哪个图片 */
+    index: [Number, String],
+    /** 要显示的图片 */
+    image: { type: String, default: '' },
+    /** 图片裁剪模式 */
+    imgMode: { type: String as PropType<ImgMode>, default: 'widthFix' },
+    /** 占位图片路径 */
+    loadingImg: {
+        type: String,
+        default:
+            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1zbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1zbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM0QjNBQjkyQUQ2MTFFQTlCNUQ4RTIzNDE5RUIxNjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM0QjNBQkEyQUQ2MTFFQTlCNUQ4RTIzNDE5RUIxNjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzRCM0FCNzJBRDYxMUVBOUI1RDhFMjM0MTlFQjE2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzRCM0FCODJBRDYxMUVBOUI1RDhFMjM0MTlFQjE2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtRHfPcAAAAzUExURZWVldfX18PD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'
+    },
+    /** 加载失败的错误占位图 */
+    errorImg: { type: String },
+    /** 图片进入可见区域前多少像素时，单位rpx，开始加载图片 */
+    threshold: { type: [String, Number] as PropType<string | number>, default: 100 },
+    /** 淡入淡出动画的过渡时间 */
+    duration: { type: [String, Number] as PropType<string | number>, default: 500 },
+    /** 渡效果的速度曲线 */
+    effect: { type: String as PropType<Effect>, default: 'ease-in-out' },
+    /** 是否使用过渡效果 */
+    isEffect: { type: Boolean, default: true },
+    /** 圆角值 */
+    borderRadius: { type: [String, Number] as PropType<string | number>, default: 0 },
+    /** 图片高度，单位rpx */
+    height: { type: [String, Number] as PropType<string | number>, default: 450 }
+};
+
+export type LazyLoadProps = ExtractPropTypes<typeof LazyLoadProps>;

package/components/u-lazy-load/u-lazy-load.vue

@@ -34,6 +34,7 @@
 </template>
 
 <script setup lang="ts">
+import { LazyLoadProps } from './types';
 import { ref, computed, watch, onMounted, nextTick, getCurrentInstance } from 'vue';
 import { $u } from '../..';
 
@@ -62,64 +63,8 @@ defineOptions({ name: 'u-lazy-load' });
 
 const emit = defineEmits(['click', 'load', 'error']);
 
-const props = defineProps({
-    /** 用户自定义值，在事件触发时回调，用以区分是哪个图片 */
-    index: [Number, String],
-    /** 要显示的图片 */
-    image: {
-        type: String,
-        default: ''
-    },
-    /** 图片裁剪模式 */
-    imgMode: {
-        type: String,
-        default: 'widthFix'
-    },
-    /** 占位图片路径 */
-    loadingImg: {
-        type: String,
-        default:
-            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1zbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1zbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM0QjNBQjkyQUQ2MTFFQTlCNUQ4RTIzNDE5RUIxNjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM0QjNBQkEyQUQ2MTFFQTlCNUQ4RTIzNDE5RUIxNjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzRCM0FCNzJBRDYxMUVBOUI1RDhFMjM0MTlFQjE2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzRCM0FCODJBRDYxMUVBOUI1RDhFMjM0MTlFQjE2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtRHfPcAAAAzUExURZWVldfX18PD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'
-    },
-    // 加载失败的错误占位图
-    errorImg: {
-        type: String,
-        default:
-            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdDMjhENDYyQUQ2MTFFQTlDQ0VBODgxQjFFOEEyMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdDMjhENDcyQUQ2MTFFQTlDQ0VBODgxQjFFOEEyMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N0MyOEQ0NDJBRDYxMUVBOUNDRUE4ODFCMUU4QTIwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4N0MyOEQ0NTJBRDYxMUVBOUNDRUE4ODFCMUU4QTIwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhLwhikAAAAzUExURZWVldfX162t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'
-    },
-    /** 图片进入可见区域前多少像素时，单位rpx，开始加载图片 */
-    /** 负数为图片超出屏幕底部多少距离后触发懒加载，正数为图片顶部距离屏幕底部多少距离时触发(图片还没出现在屏幕上) */
-    threshold: {
-        type: [Number, String],
-        default: 100
-    },
-    /** 淡入淡出动画的过渡时间 */
-    duration: {
-        type: [Number, String],
-        default: 500
-    },
-    /** 渡效果的速度曲线，各个之间差别不大，因为这是淡入淡出，且时间很短，不是那些变形或者移动的情况，会明显 */
-    /** linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */
-    effect: {
-        type: String,
-        default: 'ease-in-out'
-    },
-    /** 是否使用过渡效果 */
-    isEffect: {
-        type: Boolean,
-        default: true
-    },
-    /** 圆角值 */
-    borderRadius: {
-        type: [Number, String],
-        default: 0
-    },
-    /** 图片高度，单位rpx */
-    height: {
-        type: [Number, String],
-        default: '450'
-    }
-});
+const props = defineProps(LazyLoadProps);
+
 const instance = getCurrentInstance();
 // 懒加载相关响应式变量
 const isShow = ref(false);

package/components/u-line/types.ts

@@ -0,0 +1,44 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { LineBorderStyle, LineDirection } from '../../types/global';
+
+/**
+ * u-line 组件 props 类型定义
+ * @description 此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单
+ */
+export const LineProps = {
+    /** 线条的颜色 */
+    color: {
+        type: String,
+        default: '#e4e7ed'
+    },
+    /** 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带rpx单位的值等 */
+    length: {
+        type: String,
+        default: '100%'
+    },
+    /** 线条方向，col-竖向，row-横向 */
+    direction: {
+        type: String as PropType<LineDirection>,
+        default: 'row'
+    },
+    /** 是否显示细边框 */
+    hairLine: {
+        type: Boolean,
+        default: true
+    },
+    /** 线条与上下左右元素的间距，字符串形式，如"30rpx"、"20rpx 30rpx" */
+    margin: {
+        type: String,
+        default: '0'
+    },
+    /** 线条的类型，solid-实线，dashed-方形虚线，dotted-圆点虚线 */
+    borderStyle: {
+        type: String as PropType<LineBorderStyle>,
+        default: 'solid'
+    }
+};
+
+/**
+ * u-line 组件 props 类型
+ */
+export type LineProps = ExtractPropTypes<typeof LineProps>;

package/components/u-line/u-line.vue

@@ -5,6 +5,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { $u } from '../..';
+import { LineProps } from './types';
 
 defineOptions({
     name: 'u-line'
@@ -22,20 +23,7 @@ defineOptions({
  * @property {String} margin 线条与上下左右元素的间距，字符串形式，如"30rpx"
  * @example <u-line color="red"></u-line>
  */
-const props = defineProps({
-    /** 线条的颜色 */
-    color: { type: String, default: '#e4e7ed' },
-    /** 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带rpx单位的值等 */
-    length: { type: String, default: '100%' },
-    /** 线条方向，col-竖向，row-横向 */
-    direction: { type: String, default: 'row' },
-    /** 是否显示细边框 */
-    hairLine: { type: Boolean, default: true },
-    /** 线条与上下左右元素的间距，字符串形式，如"30rpx"、"20rpx 30rpx" */
-    margin: { type: String, default: '0' },
-    /** 线条的类型，solid-实线，dashed-方形虚线，dotted-圆点虚线 */
-    borderStyle: { type: String, default: 'solid' }
-});
+const props = defineProps(LineProps);
 
 /**
  * 线条样式

package/components/u-line-progress/types.ts

@@ -0,0 +1,58 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+
+/**
+ * u-line-progress 组件 props 类型定义
+ * @description 线型进度条，支持多种样式
+ */
+export const LineProgressProps = {
+    /** 两端是否显示半圆形 */
+    round: {
+        type: Boolean,
+        default: true
+    },
+    /** 主题颜色 */
+    type: {
+        type: String,
+        default: ''
+    },
+    /** 激活部分的颜色 */
+    activeColor: {
+        type: String,
+        default: '#19be6b'
+    },
+    /** 进度条的底色 */
+    inactiveColor: {
+        type: String,
+        default: '#ececec'
+    },
+    /** 进度百分比，数值 */
+    percent: {
+        type: [Number, String] as PropType<number | string>,
+        default: 0
+    },
+    /** 是否在进度条内部显示百分比的值 */
+    showPercent: {
+        type: Boolean,
+        default: true
+    },
+    /** 进度条的高度，单位rpx */
+    height: {
+        type: [Number, String] as PropType<number | string>,
+        default: 28
+    },
+    /** 是否显示条纹 */
+    striped: {
+        type: Boolean,
+        default: false
+    },
+    /** 条纹是否显示活动状态 */
+    stripedActive: {
+        type: Boolean,
+        default: false
+    }
+};
+
+/**
+ * u-line-progress 组件 props 类型
+ */
+export type LineProgressProps = ExtractPropTypes<typeof LineProgressProps>;

package/components/u-line-progress/u-line-progress.vue

@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { computed, useSlots } from 'vue';
+import { LineProgressProps } from './types';
 
 defineOptions({
     name: 'u-line-progress'
@@ -38,27 +39,7 @@ defineOptions({
  * @property {Boolean} striped-active 条纹是否具有动态效果（默认false）
  * @example <u-line-progress :percent="70" :show-percent="true"></u-line-progress>
  */
-const props = defineProps({
-    /** 两端是否显示半圆形 */
-    round: { type: Boolean, default: true },
-    /** 主题颜色 */
-    type: { type: String, default: '' },
-    /** 激活部分的颜色 */
-    activeColor: { type: String, default: '#19be6b' },
-    /** 进度条的底色 */
-    inactiveColor: { type: String, default: '#ececec' },
-    /** 进度百分比，数值 */
-    percent: { type: Number, default: 0 },
-    /** 是否在进度条内部显示百分比的值 */
-    showPercent: { type: Boolean, default: true },
-    /** 进度条的高度，单位rpx */
-    height: { type: [Number, String], default: 28 },
-    /** 是否显示条纹 */
-    striped: { type: Boolean, default: false },
-    /** 条纹是否显示活动状态 */
-    stripedActive: { type: Boolean, default: false }
-});
-
+const props = defineProps(LineProgressProps);
 const slots = useSlots();
 
 /**

package/components/u-link/types.ts

@@ -0,0 +1,43 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+
+/**
+ * u-link 组件 props 类型定义
+ * @description 超链接组件，支持多端跳转/复制/提示
+ */
+export const LinkProps = {
+    /** 文字颜色 */
+    color: {
+        type: String,
+        default: '#2979ff'
+    },
+    /** 字体大小，单位rpx */
+    fontSize: {
+        type: [String, Number] as PropType<string | number>,
+        default: 28
+    },
+    /** 是否显示下划线 */
+    underLine: {
+        type: Boolean,
+        default: false
+    },
+    /** 要跳转的链接 */
+    href: {
+        type: String,
+        default: ''
+    },
+    /** 小程序中复制到粘贴板的提示语 */
+    mpTips: {
+        type: String,
+        default: '链接已复制，请在浏览器打开'
+    },
+    /** 下划线颜色 */
+    lineColor: {
+        type: String,
+        default: ''
+    }
+};
+
+/**
+ * u-link 组件 props 类型
+ */
+export type LinkProps = ExtractPropTypes<typeof LinkProps>;