stellar-ui-plus 1.25.1 → 1.25.3

package/components/ste-dropdown-menu/ATTRIBUTES.md

@@ -1,4 +1,6 @@
-#### Props
+## API
+
+### Props
 | 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
 | ----- | ----- | --- | ------- | ------ | -------- |
 | `title` | 菜单标题，未设置时会显示选中项的值 | `string` | - | - | - |
@@ -15,9 +17,11 @@
 | `showPopup` | 是否显示菜单弹窗 | `boolean` | `false` | - | `1.21.0` |
 
 
-#### Events
+### Events
 | 事件名 | 说明  | 事件参数 | 支持版本 |
 | ----- | ----- | ------- | -------- |
 | `change` | 选项改变时触发 | `value`：选中的值 | - |
-| `open` | 菜单打开 | - | - |
-| `close` | 菜单收起 | - | - |
+| `open` | 菜单打开 | `data`：() => void | - |
+| `close` | 菜单收起 | `data`：() => void | - |
+
+

package/components/ste-dropdown-menu/README.md

@@ -4,9 +4,9 @@
 
 ---$
 
-### 代码演示
+## 代码演示
 
-#### 基础使用
+## 基础使用
 
 - 可以通过`v-model`绑定选中值
 
@@ -29,7 +29,7 @@
 </template>
 ```
 
-#### 按钮类型
+## 按钮类型
 
 - 默认是列表形式展示选项
 - 当`type`值为`round`时选项为按钮形式
@@ -62,7 +62,7 @@
 </template>
 ```
 
-#### 自定义下拉内容
+## 自定义下拉内容
 
 如果不使用`ste-dropdown-menu-item`，可自定义插槽内容实现更多样式
 
@@ -188,7 +188,7 @@
 </style>
 ```
 
-#### 选中颜色 & 未选中颜色用
+## 选中颜色 & 未选中颜色用
 
 ```html
 <template>
@@ -209,7 +209,7 @@
 </template>
 ```
 
-#### 展开方向
+## 展开方向
 
 ```html
 <template>
@@ -228,7 +228,7 @@
 </template>
 ```
 
-#### 展开动画时间
+## 展开动画时间
 
 ```html
 <template>
@@ -249,7 +249,7 @@
 </template>
 ```
 
-#### 遮罩
+## 遮罩
 
 ```html
 <template>
@@ -270,7 +270,7 @@
 </template>
 ```
 
-#### 多选
+## 多选
 
 ```html
 <template>
@@ -291,7 +291,7 @@
 </template>
 ```
 
-#### 禁用某项
+## 禁用某项
 
 ```html
 <template>
@@ -307,18 +307,16 @@
 
 ---$
 
-### API
-
 <!-- props -->
 
-#### Menu Slots
+## Menu Slots
 
 | 插槽名    | 说明                               | 插槽参数 | 支持版本 |
 | --------- | ---------------------------------- | -------- | -------- |
 | `default` | 内容插槽                           | -        | -        |
 | `icon`    | 选中项对应的图标(type为block生效） | -        | -        |
 
-#### MenuItem Props
+## MenuItem Props
 
 | 参数       | 说明             | 类型      | 默认值  | 可选值 | 支持版本 |
 | ---------- | ---------------- | --------- | ------- | ------ | -------- |
@@ -327,13 +325,13 @@
 | `disabled` | 是否禁用         | `Boolean` | `false` | -      | -        |
 | `readonly` | 只读（不置灰）   | `Boolean` | `false` | -      | -        |
 
-#### MenuItem Events
+## MenuItem Events
 
 | 事件名  | 说明                   | 事件参数                                                               | 支持版本 |
 | ------- | ---------------------- | ---------------------------------------------------------------------- | -------- |
 | `click` | 选中时触发(可拦截选中) | `value`：当前的绑定值, `suspend`：调用暂停读取, `next`：后续的事件执行 | -        |
 
-#### MenuItem Slots
+## MenuItem Slots
 
 | 插槽名    | 说明     | 插槽参数 | 支持版本 |
 | --------- | -------- | -------- | -------- |

package/components/ste-dropdown-menu/ste-dropdown-menu.easycom.json

@@ -96,7 +96,6 @@
         {
             "name": "[event]change",
             "description": "选项改变时触发",
-            "type": "(value: any[]) => void",
             "params": [
                 {
                     "name": "value",
@@ -107,12 +106,22 @@
         {
             "name": "[event]open",
             "description": "菜单打开",
-            "type": "() => void"
+            "params": [
+                {
+                    "name": "data",
+                    "description": "() => void"
+                }
+            ]
         },
         {
             "name": "[event]close",
             "description": "菜单收起",
-            "type": "() => void"
+            "params": [
+                {
+                    "name": "data",
+                    "description": "() => void"
+                }
+            ]
         }
     ]
-}
+}

package/components/ste-filter-tool/ATTRIBUTES.md

@@ -1,4 +1,6 @@
-#### Props
+## API
+
+### Props
 | 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
 | ----- | ----- | --- | ------- | ------ | -------- |
 | `v-model:value` | 当前选中值，支持双向绑定 | `FilterValue[]` | `[]` | - | - |
@@ -9,10 +11,12 @@
 | `showCategory` | 是否显示左侧的分类栏 | `boolean` | `true` | - | - |
 
 
-#### Events
+### Events
 | 事件名 | 说明  | 事件参数 | 支持版本 |
 | ----- | ----- | ------- | -------- |
 | `confirm` | 点击确认按钮时触发 | `values`：当前所有选中的值 | - |
 | `reset` | 点击重置按钮时触发 | - | - |
 | `itemClick` | 点击任意筛选项时触发（实时） | `item`：当前操作的筛选项数据 | - |
 | `maskClose` | 点击蒙层关闭了弹窗后触发 | - | - |
+
+

package/components/ste-filter-tool/README.md

@@ -4,7 +4,7 @@
 
 ---$
 
-### `data` 属性详解
+## `data` 属性详解
 
 `data` 属性是组件的核心，它是一个数组，数组中的每个对象代表一个筛选分组。下面是每个筛选分组对象的详细配置项：
 
@@ -29,7 +29,7 @@
 | `maxLength`   | 最大输入长度     | `number`  | `100`          |
 | `clearable`   | 是否显示清除按钮 | `boolean` | `false`        |
 
-### 基础用法
+## 基础用法
 
 - 筛选数据需按照下方`script`中的格式传入
 
@@ -159,7 +159,7 @@
 </template>
 ```
 
-#### 勾选项模式
+## 勾选项模式
 
 - `filterType`为`checkbox`
 - 此模式下只支持单选
@@ -230,7 +230,7 @@
 </template>
 ```
 
-#### 禁用确认按钮
+## 禁用确认按钮
 
 - 通过 `confirmDisabled` 控制确认按钮的禁用状态
 - 适用于需要用户完成某些操作后才允许确认的场景
@@ -271,8 +271,6 @@
 
 ---$
 
-### API
-
 <!-- props -->
 
 ---$

package/components/ste-filter-tool/ste-filter-tool.easycom.json

@@ -43,7 +43,6 @@
         {
             "name": "[event]confirm",
             "description": "点击确认按钮时触发",
-            "type": "(values: FilterValue[]) => void",
             "params": [
                 {
                     "name": "values",
@@ -54,13 +53,11 @@
         {
             "name": "[event]reset",
             "description": "点击重置按钮时触发",
-            "type": "() => void",
             "params": []
         },
         {
             "name": "[event]itemClick",
             "description": "点击任意筛选项时触发（实时）",
-            "type": "(item: FilterValue) => void",
             "params": [
                 {
                     "name": "item",
@@ -71,8 +68,7 @@
         {
             "name": "[event]maskClose",
             "description": "点击蒙层关闭了弹窗后触发",
-            "type": "() => void",
             "params": []
         }
     ]
-}
+}

package/components/ste-function-list/ATTRIBUTES.md

@@ -1,4 +1,6 @@
-#### Props
+## API
+
+### Props
 | 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
 | ----- | ----- | --- | ------- | ------ | -------- |
 | `background` | 组件背景色 | `string` | `#fff` | - | - |
@@ -16,9 +18,18 @@
 | `fontFamily` | icon的字体名 | `string` | `ste-iconfont-1709689042473’` | - | - |
 
 
-#### Events
+### Events
 | 事件名 | 说明  | 事件参数 | 支持版本 |
 | ----- | ----- | ------- | -------- |
 | `click-header` | 点击列表头部触发 | `type`：点击的区域类型（可选值：`empty`, `title`, `subhead`,`more`） | - |
 | `click-item` | 点击列表项触发 | `type`：点击的区域类型（可选值：`empty`, `image` , `title` , `subhead` , `status` , `button`）<br/>`item`：当前点击的数据项 | - |
 | `click-empty` | 数据为空时点击内容触发 | `type`：点击的区域类型（可选值：`image` , `text` , `button`） | - |
+
+
+### Slots
+| 插槽名 | 说明  | 参数 | 支持版本 |
+| ----- | ----- | --- | -------- |
+| `subhead` | 组件头部副标题插槽（若副标题有表情/图片等，请使用插槽） | - | - |
+| `header-right` | 组件头部右侧插槽（替换右侧`更多`） | - | - |
+
+

package/components/ste-function-list/README.md

@@ -4,7 +4,7 @@
 
 ---$
 
-### 基础用法(一条数据)
+## 基础用法(一条数据)
 
 - 属性`title`用于设置组件标题
 - 属性`subhead`用于设置组件副标题
@@ -26,7 +26,7 @@
 </template>
 ```
 
-### 基础用法(空数据)
+## 基础用法(空数据)
 
 - 属性`empty-button-text`用于设置空数据按钮的文字
 - 属性`empty-image`用于设置空数据展示图片
@@ -38,7 +38,7 @@
 </template>
 ```
 
-### 数据按钮自定义
+## 数据按钮自定义
 
 - 属性`empty-button-text`用于设置空数据按钮的文字
 - 属性`empty-image`用于设置空数据展示图片
@@ -69,16 +69,7 @@
 
 ---$
 
-### API
-
 <!-- props -->
 
-#### 组件插槽(Slots)
-
-| 名称         | 说明                                                    | 支持版本 |
-| ------------ | ------------------------------------------------------- | -------- |
-| subhead      | 组件头部副标题插槽（若副标题有表情/图片等，请使用插槽） | -        |
-| header-right | 组件头部右侧插槽（替换右侧`更多`）                      | -        |
-
 ---$
 {{xuyajun}}

package/components/ste-function-list/ste-function-list.easycom.json

@@ -79,7 +79,6 @@
         {
             "name": "[event]click-header",
             "description": "点击列表头部触发",
-            "type": "(type: 'empty' | 'title' | 'subhead' | 'more') => void",
             "params": [
                 {
                     "name": "type",
@@ -90,7 +89,6 @@
         {
             "name": "[event]click-item",
             "description": "点击列表项触发",
-            "type": "(type: 'empty' | 'image' | 'title' | 'subhead' | 'status' | 'button'; item:FunctionListItem) => void",
             "params": [
                 {
                     "name": "type",
@@ -105,13 +103,20 @@
         {
             "name": "[event]click-empty",
             "description": "数据为空时点击内容触发",
-            "type": "(type: 'image' | 'text' | 'button') => void",
             "params": [
                 {
                     "name": "type",
                     "description": "点击的区域类型（可选值：`image` , `text` , `button`）"
                 }
             ]
+        },
+        {
+            "name": "[slot]subhead",
+            "description": "组件头部副标题插槽（若副标题有表情/图片等，请使用插槽）"
+        },
+        {
+            "name": "[slot]header-right",
+            "description": "组件头部右侧插槽（替换右侧`更多`）"
         }
     ]
 }

package/components/ste-funnel-chart/ATTRIBUTES.md

@@ -1,4 +1,6 @@
-#### Props
+## API
+
+### Props
 | 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
 | ----- | ----- | --- | ------- | ------ | -------- |
 | `width` | 图表宽度，单位rpx | `number / string` | `750` | - | - |

package/components/ste-funnel-chart/README.md

@@ -3,9 +3,9 @@
 漏斗图适用于业务流程比较规范、周期长、环节多的单流程单向分析
 ---$
 
-### 代码演示
+## 代码演示
 
-#### 默认配置
+## 默认配置
 
 ```html
 <template>
@@ -38,7 +38,7 @@
 </script>
 ```
 
-#### 显示标签
+## 显示标签
 
 ```html
 <template>
@@ -71,7 +71,7 @@
 </script>
 ```
 
-#### 显示类型
+## 显示类型
 
 ```html
 <template>
@@ -109,9 +109,24 @@
 </script>
 ```
 
----$
+## 事件
+
+- 属性`getImage`: 通过ref来获取实例的base64格式的图片地址，异步方法,需在实例生成后调用。
+
+```html
+<template>
+    <ste-funnel-chart :series="series" ref="funnelChart"></ste-funnel-chart>
+</template>
+<script setup lang="ts">
+    import { ref,onMounted } from 'vue';
+    let funnelChart: any = ref(null);
+    onMounted(async () => {
+        const base64 = await funnelChart.value.getImage()
+    }),
+</script>
+```
 
-### API
+---$
 
 <!-- props -->
 

package/components/ste-funnel-chart/ste-funnel-chart.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
 import uCharts from '../../Charts/Charts';
-import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance } from 'vue';
+import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance, type ComponentPublicInstance } from 'vue';
 import utils from '../../utils/utils';
 import { propsData, propsComponent } from './props';
 import type { ChartsOptions } from '../../Charts/types/index';
@@ -95,6 +95,39 @@ function tap(e: any) {
     charts.value?.touchLegend(e);
     charts.value?.showToolTip(e);
 }
+
+const thas = ref<ComponentPublicInstance | null>();
+async function getImage() {
+    if (props.canvas2d == false) {
+        return new Promise(resolve => {
+            uni.canvasToTempFilePath(
+                {
+                    canvasId: canvasId.value,
+                    success: res => {
+                        resolve(res.tempFilePath);
+                    },
+                },
+                thas.value
+            );
+        });
+    } else {
+        return new Promise(resolve => {
+            const query = uni.createSelectorQuery().in(thas.value);
+            query
+                .select('#' + canvasId.value)
+                .fields({ node: true, size: true })
+                .exec(res => {
+                    if (res[0]) {
+                        const canvas = res[0].node;
+                        resolve(canvas.toDataURL('image/png'));
+                    }
+                });
+        });
+    }
+}
+defineExpose({
+    getImage,
+});
 </script>
 
 <style scoped></style>

package/components/ste-goods-info/ATTRIBUTES.md

@@ -1,4 +1,6 @@
-#### Props
+## API
+
+### Props
 | 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
 | ----- | ----- | --- | ------- | ------ | -------- |
 | `data` | 商品数据 | `{ image: string; title: string; subTitle: string; tag?: string; barCode: string; code: string; price: string / number; originalPrice?: string / number }` | `{}` | - | - |
@@ -33,7 +35,7 @@
 | `showOriginalUnit` | 划线价格是否显示￥符号 | `boolean` | - | - | `1.23.8` |
 
 
-#### Events
+### Events
 | 事件名 | 说明  | 事件参数 | 支持版本 |
 | ----- | ----- | ------- | -------- |
 | `change` | 数值/选择改变时触发 | `data`：正在发生改变的数据：{ number?: number; checked?: boolean; applyForNumber?: number }<br/>`goods`：当前商品信息 | - |
@@ -41,5 +43,14 @@
 | `plus` | 点击加号前置钩子函数 | `value`：改变后的绑定值<br/>`suspend`：等待<br/>`next`：继续<br/>`stop`：停止 | - |
 | `minus` | 点击减号前置钩子函数 | `value`：改变后的绑定值<br/>`suspend`：等待<br/>`next`：继续<br/>`stop`：停止 | - |
 | `click-suggest` | 点击建议模块触发 | `type`：点击的区域：`method`, `back`, `item`, `right`<br/>`item`：type为item时，点击的item对象 | - |
-| `click-stepper-input` | 点击步进器输入框触发 | - | - |
-| `click-suggest-input` | 点击建议输入框触发 | - | - |
+| `click-stepper-input` | 点击步进器输入框触发 | `data`：() => void | - |
+| `click-suggest-input` | 点击建议输入框触发 | `data`：() => void | - |
+
+
+### Slots
+| 插槽名 | 说明  | 参数 | 支持版本 |
+| ----- | ----- | --- | -------- |
+| `default` | 默认插槽，在编码下方出现的其他内容 | - | - |
+| `stepper` | 步进器位置插槽，使用该插槽后将替换掉步进器 | - | - |
+
+

package/components/ste-goods-info/README.md

@@ -4,7 +4,7 @@
 
 ---$
 
-### 基础用法
+## 基础用法
 
 - 属性`data`用于接收商品数据
 - 属性`imageSize`用于控制商品图片大小，默认值`160`，单位`rpx`
@@ -27,7 +27,7 @@
 </template>
 ```
 
-### 显示选择框
+## 显示选择框
 
 - 属性`checkbox`用于展示选择框位置
     - 默认值`none`，可选值`left`、`right`、`none`
@@ -62,7 +62,7 @@
 </template>
 ```
 
-### 显示步进器
+## 显示步进器
 
 - 属性`stepper`用于控制是否展示进步器
 - 属性`number`为步进器当前值，默认值`1`
@@ -127,7 +127,7 @@
 </template>
 ```
 
-### 默认插槽
+## 默认插槽
 
 - 默认插槽内容为商品编码下的其他展示项
 
@@ -149,7 +149,7 @@
 </template>
 ```
 
-### 替换步进器插槽
+## 替换步进器插槽
 
 - 使用该插槽后步进器将无法生效
 
@@ -171,7 +171,7 @@
 </template>
 ```
 
-### 水印
+## 水印
 
 - 属性`watermark`接收水印图片URL，用于展示水印
 - 属性`watermarkStyle`用于控制水印样式
@@ -194,7 +194,7 @@
 </template>
 ```
 
-### 食堂业务
+## 食堂业务
 
 - 属性`mode`用于设置模式，可选值为`more`/`less`,默认`more`
     - `more`: 门店信息较多，支持全部商品信息属性
@@ -220,7 +220,7 @@
 </template>
 ```
 
-### 点击事件
+## 点击事件
 
 - 默认插槽内容为商品编码下的其他展示项
 
@@ -250,16 +250,7 @@
 
 ---$
 
-### API
-
 <!-- props -->
 
-#### 组件插槽(Slots)
-
-| 名称    | 说明                                       | 支持版本 |
-| ------- | ------------------------------------------ | -------- |
-| default | 默认插槽，在编码下方出现的其他内容         | -        |
-| stepper | 步进器位置插槽，使用该插槽后将替换掉步进器 | -        |
-
 ---$
 {{xuyajun}}