Initial commit

2026-10-29 10:08:39 +08:00
commit 4c6243a274
124 changed files with 17359 additions and 0 deletions
@@ -0,0 +1,2 @@
+## 1.0.0（2026-04-30）
+- 支持 uni-fab-button 组件
@@ -0,0 +1,152 @@
+<template>
+	<view style="align-items: center; justify-content: center;" class="fab" @click="handleClick">
+		<view flatten class="plus" :class="plusClass" style="position: absolute;"></view>
+		<view flatten class="plus" :class="plusClass" style="position: absolute;transform: rotate(90deg);"></view>
+	</view>
+</template>
+<script lang="ts" setup>
+  /**
+   * 悬浮加号按钮
+   * @description 悬浮加号按钮组件
+   * @uniPlatform {
+   *   "app": {
+   *     "android": {
+   *       "uniVer": "x",
+   *       "unixVer": "5.07",
+   *       "unixVaporVer": "5.21"
+   *     },
+   *     "ios": {
+   *       "uniVer": "x",
+   *       "unixVer": "5.07",
+   *       "unixVaporVer": "5.11"
+   *     },
+   *     "harmony": {
+   *       "uniVer": "x",
+   *       "unixVer": "5.07",
+   *       "unixVaporVer": "5.07"
+   *     }
+   *   },
+   *   "mp": {
+   *     "weixin": {
+   *       "uniVer": "x",
+   *       "unixVer": "5.07"
+   *     },
+   *     "alipay": {
+   *       "uniVer": "x",
+   *       "unixVer": "5.31"
+   *     }
+   *   },
+   *   "web": {
+   *     "uniVer": "x",
+   *     "unixVer": "5.07"
+   *   }
+   * }
+   */
+	defineOptions({
+		externalClasses: ['plus-class']
+	})
+	const props = defineProps({
+		/**
+		 * @description 加号图标的自定义样式类，用于调整加号颜色、尺寸等样式
+		 * @default ""
+		 * @uniPlatform {
+		 *   "app": {
+		 *     "android": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.21"
+		 *     },
+		 *     "ios": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.11"
+		 *     },
+		 *     "harmony": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.07"
+		 *     }
+		 *   },
+		 *   "mp": {
+		 *     "weixin": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07"
+		 *     },
+		 *     "alipay": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.31"
+		 *     }
+		 *   },
+		 *   "web": {
+		 *     "uniVer": "x",
+		 *     "unixVer": "5.07"
+		 *   }
+		 * }
+		 */
+		plusClass: { type: String, default: "" }
+	})
+	const emit = defineEmits<{
+		/**
+		 * @description 点击事件，参数为事件对象，类型为 UniPointerEvent
+		 * @uniPlatform {
+		 *   "app": {
+		 *     "android": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.21"
+		 *     },
+		 *     "ios": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.11"
+		 *     },
+		 *     "harmony": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07",
+		 *       "unixVaporVer": "5.07"
+		 *     }
+		 *   },
+		 *   "mp": {
+		 *     "weixin": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.07"
+		 *     },
+		 *     "alipay": {
+		 *       "uniVer": "x",
+		 *       "unixVer": "5.31"
+		 *     }
+		 *   },
+		 *   "web": {
+		 *     "uniVer": "x",
+		 *     "unixVer": "5.07"
+		 *   }
+		 * }
+		 */
+		click: [event: UniPointerEvent]
+	}>()
+
+	const handleClick = (event: UniPointerEvent) => {
+		emit('click', event)
+	}
+</script>
+<style>
+	.fab {
+		position: relative; 
+		width: 44px;
+		height: 44px;
+		background-color: #007AFF;
+		border-radius: 50%;
+		box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .3);
+		/* #ifdef WEB */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.plus {
+		background-color: white;
+		border-radius: 2px; 	/* 给加号边缘一点圆角 */
+		width: 40%;
+		height: 2px;
+	}
+
+</style>
@@ -0,0 +1,73 @@
+{
+	"id": "uni-fab-button",
+	"displayName": "uni-fab-button",
+	"version": "1.0.0",
+	"description": "uni-fab-button",
+	"isExt": true,
+  "extUrl": "https://ext.dcloud.net.cn/plugin?id=27846",
+	"keywords": [
+        "uni-fab-button",
+        "uni-app-x",
+        "ui",
+        "组件"
+    ],
+	"repository": "https://gitcode.com/dcloud/uni-ui-x",
+	"engines": {
+		"HBuilderX": "^5.07",
+        "uni-app-x": "^5.07",
+        "uni-app": ""
+	},
+	"directories": {
+		"example": "../../temps/example_temps"
+	},
+	"dcloudext": {
+		"type": "component-vue",
+		"sale": {
+			"regular": {
+				"price": "0.00"
+			},
+			"sourcecode": {
+				"price": "0.00"
+			}
+		},
+		"contact": {
+			"qq": ""
+		},
+		"declaration": {
+			"ads": "无",
+			"data": "无",
+			"permissions": "无"
+		},
+		"darkmode": "x",
+		"i18n": "x",
+        "widescreen": "x",
+        "npmurl": ""
+	},
+	"uni_modules": {
+		"dependencies": [],
+		"encrypt": [],
+		"platforms": {
+			"cloud": {
+				"tcb": "x",
+				"aliyun": "x",
+				"alipay": "x"
+			},
+			"client": {
+				"uni-app-x": {
+					"web": {
+						"safari": "√",
+						"chrome": "√"
+					},
+					"app": {
+						"android": "√",
+						"ios": "√",
+						"harmony": "√"
+					},
+					"mp": {
+						"weixin": "√"
+					}
+				}
+			}
+		}
+	}
+}
@@ -0,0 +1,14 @@
+悬浮加号按钮
+
+本组件常用于页面中右下角悬浮的、里面有一个加号的圆形按钮。
+
+组件的根view默认是一个圆形，蓝色背景（#007AFF），并带有阴影。使用组件时注意组件的父容器要留出阴影的空间，避免被裁剪。
+
+组件的二级view是2个view交叉组成的加号。其中垂直的view是通过transform变换方向实现的。
+
+组件的属性为 plus-class，它是一个externalClass，用于外部修改组件内部的、组成加号的2个view的样式。
+
+组件中加号的默认样式为背景白色、粗细为2px、尺寸为40%。
+
+### 注意
+- 鸿蒙平台按下fab-button不缩写的问题，需升级到HBuilderX 5.09+解决