uview-ultra 4.5.46

package/components/up-float-button/up-float-button.vue

@@ -0,0 +1,160 @@
+<template>
+    <view
+        class="up-float-button" :style="{
+            position: 'fixed',
+            top: top,
+            bottom: bottom,
+            right: right,
+        }">
+        <view class="up-float-button__main" @click="clickHandler" :style="{
+            backgroundColor: backgroundColor,
+            color: color,
+			display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: width,
+            height: height,
+            borderRadius: '50%',
+            borderColor: borderColor,
+        }">
+            <slot :showList="showList">
+                <up-icon class="cursor-pointer" :class="{'show-list': showList}" name="plus" :color="color"></up-icon>
+            </slot>
+            <view v-if="showList" class="up-float-button__list" :style="{
+                bottom: height
+            }">
+                <slot name="list">
+                    <template :key="index" v-for="(item, index) in list">
+                        <view class="up-float-button__item" :style="{
+                            backgroundColor: item?.backgroundColor ? item?.backgroundColor : backgroundColor,
+                            color: item?.color ? item?.color : color,
+							display: 'flex',
+                            flexDirection: 'row',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            width: width,
+                            height: height,
+                            borderRadius: '50%',
+                            borderColor: item?.borderColor ? item?.borderColor :  borderColor,
+                        }" @click="itemClick(item, index)">
+                            <up-icon :name="item.name" :color="item?.color ? item?.color : color"></up-icon>
+                        </view>
+                    </template>
+                </slot>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { commonProps } from '../../libs/composable/useUltraUI.js'
+/**
+ * FloatButton 悬浮按钮
+ * @description 悬浮按钮常用于屏幕右下角点击展开的操作菜单
+ * @tutorial https://uview-plus.jiangruyi.com/components/floatButton.html
+ * @property {String}                backgroundColor      背景颜色
+ * @event {Function} click  点击触发事件
+ * @example <up-float-button></up-float-button>
+ */
+defineOptions({
+    name: 'up-float-button',
+    // #ifdef MP-WEIXIN
+    options: {
+        virtualHost: true
+    }
+    // #endif
+})
+
+const props = defineProps({
+    ...commonProps,
+    // 背景颜色
+    backgroundColor: {
+        type: String,
+        default: '#2979ff'
+    },
+    // 文字颜色
+    color: {
+        type: String,
+        default: '#fff'
+    },
+    // 宽度
+    width: {
+        type: String,
+        default: '50px'
+    },
+    // 高度
+    height: {
+        type: String,
+        default: '50px'
+    },
+    // 边框颜色，默认为空字符串表示无边框
+    borderColor: {
+        type: String,
+        default: ''
+    },
+    // 右侧偏移量
+    right: {
+        type: [String, Number],
+        default: '30px'
+    },
+    // 顶部偏移量，未提供默认值，可能需要根据具体情况设置
+    top: {
+        type: [String, Number],
+        default: '',
+    },
+    // 底部偏移量
+    bottom: {
+        type: String,
+        default: ''
+    },
+    // 是否为菜单项
+    isMenu: {
+        type: Boolean,
+        default: false
+    },
+    list: {
+        type: Array,
+        default: () => {
+            return []
+        }
+    }
+})
+const emit = defineEmits(['click', 'item-click'])
+const showList = ref(false)
+
+function clickHandler(e) {
+    if (props.isMenu) {
+        showList.value = !showList.value
+        emit('click', e)
+    } else {
+        emit('click', e)
+    }
+}
+
+function itemClick(item, index) {
+    emit('item-click', {
+        ...item,
+        index
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.up-float-button {
+    z-index: 999;
+    .show-list {
+        transform: rotate(45deg);
+    }
+    &__list {
+        position: absolute;
+        bottom: 0px;
+        display: flex;
+        flex-direction: column;
+        >view {
+            margin: 5px 0px;
+        }
+    }
+}
+</style>

package/components/up-form/form.js

@@ -0,0 +1,22 @@
+/*
+ * @Author       : LQ
+ * @Description  :
+ * @version      : 1.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-08 12:49:49
+ * @FilePath     : /uview-ultra/libs/config/props/form.js
+ */
+export default {
+    // form 组件
+    form: {
+        model: {},
+        rules: {},
+        errorType: 'message',
+        borderBottom: true,
+        labelPosition: 'left',
+        labelWidth: 45,
+        labelAlign: 'left',
+        labelStyle: {}
+    }
+}

package/components/up-form/form.uts

@@ -0,0 +1,22 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2024-04-22 16:44:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 12:27:20
+ * @FilePath     : /uview-ultra/libs/config/props/form.uts
+ */
+export default {
+    // form 组件
+    form: {
+        model: {},
+        rules: {},
+        errorType: 'message',
+        borderBottom: true,
+        labelPosition: 'left',
+        labelWidth: 45,
+        labelAlign: 'left',
+        labelStyle: {}
+    }
+} as UTSJSONObject

package/components/up-form/props.js

@@ -0,0 +1,47 @@
+import { defineMixin } from '../../libs/vue.js'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
+    props: {
+        // 当前form的需要验证字段的集合
+        model: {
+            type: Object,
+            default: () => defProps.form.model
+        },
+        // 验证规则
+        rules: {
+            type: [Object, Function, Array],
+            default: () => defProps.form.rules
+        },
+        // 有错误时的提示方式，message-提示信息，toast-进行toast提示
+        // border-bottom-下边框呈现红色，none-无提示
+        errorType: {
+            type: String,
+            default: () => defProps.form.errorType
+        },
+        // 是否显示表单域的下划线边框
+        borderBottom: {
+            type: Boolean,
+            default: () => defProps.form.borderBottom
+        },
+        // label的位置，left-左边，top-上边
+        labelPosition: {
+            type: String,
+            default: () => defProps.form.labelPosition
+        },
+        // label的宽度，单位px
+        labelWidth: {
+            type: [String, Number],
+            default: () => defProps.form.labelWidth
+        },
+        // lable字体的对齐方式
+        labelAlign: {
+            type: String,
+            default: () => defProps.form.labelAlign
+        },
+        // lable的样式，对象形式
+        labelStyle: {
+            type: Object,
+            default: () => defProps.form.labelStyle
+        }
+    }
+})

package/components/up-form/props.uts

@@ -0,0 +1,57 @@
+/*
+ * @Author       : jry
+ * @Description  : uview-plus component's props mixin file
+ * @version      : 4.0
+ * @Date         : 2024-04-22 16:44:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 12:27:20
+ */
+import { defineMixin } from '../../libs/vue.uts'
+import defProps from './form.uts'
+let formProp = defProps['form'] as UTSJSONObject
+
+export const propsForm = defineMixin({
+    props: {
+        // 当前form的需要验证字段的集合
+        model: {
+            type: UTSJSONObject,
+            default: () => formProp['model']
+        },
+        // 验证规则
+        rules: {
+            type: [UTSJSONObject, Function, Array],
+            default: () => formProp['rules']
+        },
+        // 有错误时的提示方式，message-提示信息，toast-进行toast提示
+        // border-bottom-下边框呈现红色，none-无提示
+        errorType: {
+            type: String,
+            default: formProp['errorType']
+        },
+        // 是否显示表单域的下划线边框
+        borderBottom: {
+            type: Boolean,
+            default: formProp['borderBottom']
+        },
+        // label的位置，left-左边，top-上边
+        labelPosition: {
+            type: String,
+            default: formProp['labelPosition']
+        },
+        // label的宽度，单位px
+        labelWidth: {
+            type: [String, Number],
+            default: formProp['labelWidth']
+        },
+        // lable字体的对齐方式
+        labelAlign: {
+            type: String,
+            default: formProp['labelAlign']
+        },
+        // lable的样式，对象形式
+        labelStyle: {
+            type: UTSJSONObject,
+            default: formProp['labelStyle']
+        }
+    }
+});

package/components/up-form/types.uts

@@ -0,0 +1,18 @@
+export type UPFormRuleItem = {
+	trigger?: string | string[],
+	key?: any,
+	required?: boolean,
+	min?: number,
+	max?: number,
+	message?: string,
+	type?: string,
+	len?: number,
+	pattern?: any,
+	enum?: string[],
+	whitespace?: boolean,
+	validator?: any,
+	asyncValidator?: any,
+	field?: string,
+	fullField?: string,
+	transform?: any,
+}