@zfqh/uniapp 0.1.1

package/docs/components/g-grid-image.md

@@ -0,0 +1,91 @@
+# g-grid-image 宫格图片
+
+::: tip 组件名
+`g-grid-image`
+
+发布路径：`@zfqh/uniapp/lib/components/g-grid-image/g-grid-image.vue`
+:::
+
+固定列数图片网格，负责计算间距、高度、圆角和点击回传。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+
+## 基本使用
+
+```vue
+<template>
+  <g-grid-image
+    :list="images"
+    :col="2"
+    height="155rpx"
+    margin="24rpx"
+    border-radius="20rpx"
+    @click="preview"
+  />
+</template>
+
+<script setup>
+const images = [
+  { image: 'https://static.example.com/disease-a.png' },
+  { image: 'https://static.example.com/disease-b.png' },
+  { image: 'https://static.example.com/disease-c.png' },
+];
+
+function preview(item) {
+  uni.previewImage({
+    urls: images.map((image) => image.image),
+    current: item.image,
+  });
+}
+</script>
+```
+
+## API
+
+### 宫格图片 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `list` | `Array` | `() => []` | 否 | 数据列表。具体 item 字段由组件或字段映射 props 决定。 |
+| `margin` | `[Array, Number, String]` | `() => 15` | 否 | 组件公开属性 margin，用于控制该组件对应的渲染、交互或业务参数。 |
+| `height` | `[String, Number]` | `64` | 否 | 高度。 |
+| `customStyle` | `Object` | `() => ({})` | 否 | 最外层自定义 style 对象。 |
+| `imageStyle` | `Object` | `() => ({})` | 否 | 自定义 image 区域 style 对象。 |
+| `borderRadius` | `[String, Number]` | `16` | 否 | 圆角。 |
+| `col` | `[String, Number]` | `2` | 否 | 列数。 |
+| `mode` | `String` | `'widthFix'` | 否 | 组件模式，不同组件含义不同；例如 popup 方位、tag-editor 编辑模式、refresh-view 刷新模式。 |
+
+### 宫格图片 Events
+
+| 事件 | 说明 |
+| --- | --- |
+| `click` | 用户点击组件主要区域时触发。 |
+
+### 宫格图片 Slots
+
+无显式插槽。
+
+### 宫格图片 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `click(e)` | 处理点击逻辑；可能触发跳转、自定义函数或对外事件。 |
+
+### 宫格图片 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `gutter` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_style` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_imageStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |

package/docs/components/g-grid-swiper.md

@@ -0,0 +1,99 @@
+# g-grid-swiper 宫格轮播
+
+::: tip 组件名
+`g-grid-swiper`
+
+发布路径：`@zfqh/uniapp/lib/components/g-grid-swiper/g-grid-swiper.vue`
+:::
+
+宫格轮播组件，把列表按行列切页，支持自定义指示器和点击跳转。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+
+## 基本使用
+
+```vue
+<template>
+  <g-grid-swiper :list="menus" :row="2" :col="4" row-height="128rpx" indicator="dot" @click="openMenu" />
+</template>
+
+<script setup>
+const menus = [
+  { title: '在线问诊', desc: '医生咨询', icon: '/static/menu/inquiry.png', link: '/pages/inquiry/inquiry/inquiry' },
+  { title: '体质辨识', desc: '中医评测', icon: '/static/menu/constitution.png', link: '/pages/constitution/index' },
+  { title: '健康商城', desc: '精选商品', icon: '/static/menu/mall.png', link: '/pages/main/mall/mall' },
+];
+
+function openMenu(item) {
+  console.log('clicked menu', item);
+}
+</script>
+```
+
+## API
+
+### 宫格轮播 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `list` | `Array` | `() => []` | 否 | 数据列表。具体 item 字段由组件或字段映射 props 决定。 |
+| `params` | `Object` | `() => ({})` | 否 | 拼接到跳转地址或业务请求中的 query 参数。 |
+| `customStyle` | `Object` | `() => ({})` | 否 | 最外层自定义 style 对象。 |
+| `itemStyle` | `[Object, Function]` | `() => ({})` | 否 | 自定义 item 区域 style 对象。 |
+| `linkKey` | `[Boolean, String]` | `'link'` | 否 | 组件公开属性 linkKey，用于控制该组件对应的渲染、交互或业务参数。 |
+| `titleKey` | `String` | `'title'` | 否 | 组件公开属性 titleKey，用于控制该组件对应的渲染、交互或业务参数。 |
+| `descKey` | `String` | `'desc'` | 否 | 组件公开属性 descKey，用于控制该组件对应的渲染、交互或业务参数。 |
+| `iconKey` | `String` | `'icon'` | 否 | 组件公开属性 iconKey，用于控制该组件对应的渲染、交互或业务参数。 |
+| `indicator` | `String` | `'number'` | 否 | 组件公开属性 indicator，用于控制该组件对应的渲染、交互或业务参数。 |
+| `indicatorPos` | `String` | `'bottomCenter'` | 否 | 组件公开属性 indicatorPos，用于控制该组件对应的渲染、交互或业务参数。 |
+| `indicatorStyle` | `Object` | `() => ({})` | 否 | 自定义 indicator 区域 style 对象。 |
+| `bgColor` | `String` | `'transparent'` | 否 | 背景颜色。 |
+| `rowHeight` | `[Number, String]` | `114` | 否 | 组件公开属性 rowHeight，用于控制该组件对应的渲染、交互或业务参数。 |
+| `col` | `[Number, String]` | `4` | 否 | 列数。 |
+| `row` | `[Number, String]` | `3` | 否 | 行数。 |
+| `current` | `[Number, String]` | `0` | 否 | 组件公开属性 current，用于控制该组件对应的渲染、交互或业务参数。 |
+| `iconStyle` | `Object` | `() => ({ width: '72rpx', height: '72rpx', })` | 否 | 自定义 icon 区域 style 对象。 |
+| `titleStyle` | `Object` | `() => ({})` | 否 | 自定义 title 区域 style 对象。 |
+| `descStyle` | `Object` | `() => ({})` | 否 | 自定义 desc 区域 style 对象。 |
+| `colStyle` | `[Object, Function]` | `() => ({})` | 否 | 自定义 col 区域 style 对象。 |
+
+### 宫格轮播 Events
+
+| 事件 | 说明 |
+| --- | --- |
+| `click` | 用户点击组件主要区域时触发。 |
+
+### 宫格轮播 Slots
+
+| 插槽 | 说明 |
+| --- | --- |
+| `indicator` | 轮播指示器内容。 |
+
+### 宫格轮播 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `change(e)` | 处理变更事件并同步内部状态。 |
+| `click(i, j)` | 处理点击逻辑；可能触发跳转、自定义函数或对外事件。 |
+
+### 宫格轮播 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `dataList` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `swiperStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_indicatorStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_itemStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_colStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| data | `cur` | 内部响应式状态，通常不建议由外部直接依赖。 |

package/docs/components/g-icon.md

@@ -0,0 +1,106 @@
+# g-icon 图标
+
+::: tip 组件名
+`g-icon`
+
+发布路径：`@zfqh/uniapp/lib/components/g-icon/g-icon.vue`
+:::
+
+图标字体适配组件，统一 type、font、name、size、color、bold 等图标属性。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+- 项目需要在全局样式中引入自己的图标字体 SCSS；`g-icon` 只负责拼接 class，不内置业务图标字体。
+
+`g-icon` 默认会生成 `icon` 和 `icon-${name}` 两个 class。业务项目需要提供对应字体声明和图标编码，例如：
+
+```scss
+/* src/styles/index.scss */
+@import '@zfqh/uniapp/lib/styles/index.scss';
+@import './iconfont.scss';
+```
+
+```scss
+/* src/styles/iconfont.scss */
+@font-face {
+  font-family: 'icon';
+  src: url('https://at.alicdn.com/t/c/font_xxx.woff2') format('woff2');
+}
+
+.icon {
+  font-family: 'icon' !important;
+  font-style: normal;
+}
+
+.icon-camera::before {
+  content: '\e65d';
+}
+```
+
+## 基本使用
+
+```vue
+<template>
+  <view class="tool-row">
+    <g-icon name="camera" size="60rpx" color="var(--primary)" @click="chooseFromCamera" />
+    <g-icon name="img" size="60rpx" color="#666" @click="chooseFromAlbum" />
+  </view>
+</template>
+
+<script setup>
+function chooseFromCamera() {
+  uni.chooseImage({ count: 1, sourceType: ['camera'] });
+}
+
+function chooseFromAlbum() {
+  uni.chooseImage({ count: 1, sourceType: ['album'] });
+}
+</script>
+```
+
+## API
+
+### 图标 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `type` | `String` | `'icon'` | 否 | 组件公开属性 type，用于控制该组件对应的渲染、交互或业务参数。 |
+| `font` | `String` | `''` | 否 | 组件公开属性 font，用于控制该组件对应的渲染、交互或业务参数。 |
+| `name` | `String` | `''` | 否 | 组件公开属性 name，用于控制该组件对应的渲染、交互或业务参数。 |
+| `zoom` | `Boolean` | `false` | 否 | 组件公开属性 zoom，用于控制该组件对应的渲染、交互或业务参数。 |
+| `bold` | `Boolean` | `false` | 否 | 组件公开属性 bold，用于控制该组件对应的渲染、交互或业务参数。 |
+| `size` | `[Number, String]` | `12` | 否 | 组件尺寸。 |
+| `color` | `String` | `''` | 否 | 文字或图标主色。 |
+
+### 图标 Events
+
+| 事件 | 说明 |
+| --- | --- |
+| `click` | 用户点击组件主要区域时触发。 |
+
+### 图标 Slots
+
+无显式插槽。
+
+### 图标 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `click(e)` | 处理点击逻辑；可能触发跳转、自定义函数或对外事件。 |
+
+### 图标 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `classname` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `style` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |

package/docs/components/g-mask.md

@@ -0,0 +1,82 @@
+# g-mask 遮罩层
+
+::: tip 组件名
+`g-mask`
+
+发布路径：`@zfqh/uniapp/lib/components/g-mask/g-mask.vue`
+:::
+
+遮罩层组件，支持层级、缩放动画、点击关闭能力和默认插槽内容。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+
+## 基本使用
+
+```vue
+<template>
+  <uv-button text="查看分享海报" @click="showPoster = true" />
+
+  <g-mask :show="showPoster" @click="showPoster = false">
+    <view class="poster-panel" @click.stop>
+      <image :src="posterUrl" mode="widthFix" class="poster-image" />
+      <text class="tips">点击遮罩关闭</text>
+    </view>
+  </g-mask>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const showPoster = ref(false);
+const posterUrl = 'https://static.example.com/poster.png';
+</script>
+```
+
+## API
+
+### 遮罩层 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `show` | `Boolean` | `false` | 否 | 是否显示组件。 |
+| `zIndex` | `[Number, String]` | `''` | 否 | 层级。 |
+| `customStyle` | `Object` | `() { return {}; }` | 否 | 最外层自定义 style 对象。 |
+| `zoom` | `Boolean` | `true` | 否 | 组件公开属性 zoom，用于控制该组件对应的渲染、交互或业务参数。 |
+| `duration` | `[Number, String]` | `300` | 否 | 动画或显示持续时间，单位通常为毫秒。 |
+| `maskClickAble` | `Boolean` | `true` | 否 | 组件公开属性 maskClickAble，用于控制该组件对应的渲染、交互或业务参数。 |
+
+### 遮罩层 Events
+
+| 事件 | 说明 |
+| --- | --- |
+| `click` | 用户点击组件主要区域时触发。 |
+
+### 遮罩层 Slots
+
+| 插槽 | 说明 |
+| --- | --- |
+| `default` | 默认内容区域。 |
+
+### 遮罩层 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `click()` | 处理点击逻辑；可能触发跳转、自定义函数或对外事件。 |
+
+### 遮罩层 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `maskStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| data | `zoomStyle` | 内部响应式状态，通常不建议由外部直接依赖。 |

package/docs/components/g-money.md

@@ -0,0 +1,90 @@
+# g-money 金额展示
+
+::: tip 组件名
+`g-money`
+
+发布路径：`@zfqh/uniapp/lib/components/g-money/g-money.vue`
+:::
+
+金额格式化展示组件，把符号、整数、小数、前后缀和字号拆分渲染。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+
+## 基本使用
+
+```vue
+<template>
+  <view class="price-row">
+    <g-money :value="sellingPrice" sign="￥" class="g-color-error" size="32rpx" />
+    <g-money :value="totalPrice" prefix="总计：" suffix=" 元" :prefix-style="{ fontSize: '28rpx' }" />
+  </view>
+</template>
+
+<script setup>
+const sellingPrice = '39.90';
+const totalPrice = 159.6;
+</script>
+```
+
+## API
+
+### 金额展示 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `value` | `[String, Number]` | `0` | 否 | 当前值或展示值。 |
+| `sign` | `[String, Boolean]` | `'￥'` | 否 | 组件公开属性 sign，用于控制该组件对应的渲染、交互或业务参数。 |
+| `prefix` | `[String, Boolean]` | `false` | 否 | 组件公开属性 prefix，用于控制该组件对应的渲染、交互或业务参数。 |
+| `suffix` | `[String, Boolean]` | `false` | 否 | 组件公开属性 suffix，用于控制该组件对应的渲染、交互或业务参数。 |
+| `decimal` | `[Boolean, String, Number]` | `2` | 否 | 组件公开属性 decimal，用于控制该组件对应的渲染、交互或业务参数。 |
+| `size` | `[String, Number]` | `20` | 否 | 组件尺寸。 |
+| `signSize` | `[String, Number]` | `12` | 否 | sign 尺寸。 |
+| `decimalSize` | `[String, Number]` | `12` | 否 | decimal 尺寸。 |
+| `align` | `String` | `'baseline'` | 否 | 组件公开属性 align，用于控制该组件对应的渲染、交互或业务参数。 |
+| `customStyle` | `Object` | `() => ({})` | 否 | 最外层自定义 style 对象。 |
+| `signStyle` | `Object` | `() => ({})` | 否 | 自定义 sign 区域 style 对象。 |
+| `valueStyle` | `Object` | `() => ({})` | 否 | 自定义 value 区域 style 对象。 |
+| `decimalStyle` | `Object` | `() => ({})` | 否 | 自定义 decimal 区域 style 对象。 |
+| `prefixStyle` | `Object` | `() => ({})` | 否 | 自定义 prefix 区域 style 对象。 |
+| `suffixStyle` | `Object` | `() => ({})` | 否 | 自定义 suffix 区域 style 对象。 |
+| `font` | `String` | `'rubik-medium'` | 否 | 组件公开属性 font，用于控制该组件对应的渲染、交互或业务参数。 |
+
+### 金额展示 Events
+
+无显式组件事件。
+
+### 金额展示 Slots
+
+| 插槽 | 说明 |
+| --- | --- |
+| `prefix` | 金额前缀区域。 |
+| `value` | 金额主体区域。 |
+| `suffix` | 金额后缀区域。 |
+
+### 金额展示 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `getLineHeight(selfSize = 0, size = 0)` | 组件内部公开方法 getLineHeight(selfSize = 0, size = 0)；通过 ref 调用前需要确认组件平台条件和当前状态。 |
+
+### 金额展示 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `fontStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_valueStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_signStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `_decimalStyle` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `valueStart` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |
+| computed | `valueEnd` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |

package/docs/components/g-more.md

@@ -0,0 +1,78 @@
+# g-more 更多入口
+
+::: tip 组件名
+`g-more`
+
+发布路径：`@zfqh/uniapp/lib/components/g-more/g-more.vue`
+:::
+
+“查看更多”行内入口，支持文字、箭头图标、颜色和顶部间距。
+
+## 平台兼容性
+
+| App（vue） | App（nvue） | H5 | 小程序 | Vue 2 | Vue 3 |
+| --- | --- | --- | --- | --- | --- |
+| √ | 依赖源码条件编译 | √ | √ | - | √ |
+
+## 使用前提
+
+- 已安装并注册 `@zfqh/uniapp` 插件。
+- 已按 [项目接入](./usage) 配置 easycom，或手动从构建产物导入组件。
+- 尺寸类属性通常支持数字或带单位字符串；数字值会在组件内部通过 `uni.$uv.addUnit` 转成样式单位。
+- 样式类属性中，`customStyle`、`xxxStyle` 接收对象，`customClass`、`xxxClass` 接收 class 字符串。
+
+## 基本使用
+
+```vue
+<template>
+  <view class="section-title">
+    <text>常见疾病</text>
+    <g-more text="全部疾病" text-size="15" color="#666" @click="goDiseaseList" />
+  </view>
+</template>
+
+<script setup>
+function goDiseaseList() {
+  uni.navigateTo({ url: '/pages/illness/illnessList/illnessList' });
+}
+</script>
+```
+
+## API
+
+### 更多入口 Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| `text` | `String` | `'更多'` | 否 | 组件公开属性 text，用于控制该组件对应的渲染、交互或业务参数。 |
+| `textSize` | `[String, Number]` | `13` | 否 | text 尺寸。 |
+| `iconName` | `String` | `'arrow-right'` | 否 | 主图标名称。 |
+| `iconSize` | `[String, Number]` | `10` | 否 | 主图标尺寸，数字会按 uni.$uv.addUnit 转成 rpx/px。 |
+| `color` | `String` | `() => color.tipsColor` | 否 | 文字或图标主色。 |
+| `marginTop` | `[String, Number]` | `0` | 否 | 组件公开属性 marginTop，用于控制该组件对应的渲染、交互或业务参数。 |
+| `customStyle` | `Object` | `() => ({})` | 否 | 最外层自定义 style 对象。 |
+
+### 更多入口 Events
+
+| 事件 | 说明 |
+| --- | --- |
+| `click` | 用户点击组件主要区域时触发。 |
+
+### 更多入口 Slots
+
+| 插槽 | 说明 |
+| --- | --- |
+| `text` | 文本内容区域。 |
+| `arrow` | 箭头区域。 |
+
+### 更多入口 Methods
+
+| 方法 | 说明 |
+| --- | --- |
+| `click(e)` | 处理点击逻辑；可能触发跳转、自定义函数或对外事件。 |
+
+### 更多入口 Internal State
+
+| 类型 | 名称 | 说明 |
+| --- | --- | --- |
+| computed | `style` | 内部计算属性，用于把 props、平台信息或样式配置转换为模板可用值。 |