stellar-ui-plus 1.19.0 → 1.19.2

package/components/ste-animate/ATTRIBUTES.md

@@ -0,0 +1,10 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `show` | 控制动画，当值从`false`变为`true`时会触发一次动画 | `boolean` | `false` | - | - |
+| `type` | 动画类型，见下方`type`值说明 | `string` | `` | - | - |
+| `loop` | 是否循环执行。 | `boolean` | `false` | - | - |
+| `duration` | 动画时长，单位 ms | `number` | `200` | - | - |
+| `action` | 不能与 show 同时使用）触发方式，`initial`初始化执行; `click`点击执行 | `string` | `` | - | - |
+
+

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

@@ -0,0 +1,36 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `width` | 图表宽度，单位rpx | `number / string` | `750` | - | - |
+| `height` | 图表高度，单位rpx | `number / string` | `500` | - | - |
+| `series` | 图表数据 | `Object` | `[]` | - | - |
+| `categories` | 图表数据 | `Object` | `[]` | - | - |
+| `canvas2d` | canvas2d模式，用于解决小程序层级过高及拖拽卡顿问题 | `boolean` | `true` | - | - |
+| `pixelRatio` | 设备像素比，解决开启canvas2d后画布模糊的问题 | `number` | `1` | - | - |
+| `animation` | 是否动画展示图表 | `boolean` | `true` | - | - |
+| `timing` | 图表动画效果 | `string` | `easeOut` | `easeOut`：由快到慢<br/>`easeIn`：由慢到快<br/>`easeInOut`：慢快慢<br/>`linear`：匀速 | - |
+| `duration` | 动画展示时长（单位：毫秒） | `string` | `1000` | - | - |
+| `rotate` | 横屏模式 | `boolean` | `false` | - | - |
+| `rotateLock` | 横屏锁定模式 | `boolean` | `false` | - | - |
+| `background` | 背景颜色，开启滚动条后请赋值 | `string` | `rgba(0,0,0,0)` | - | - |
+| `color` | 主题颜色数组，16进制颜色格式 | `array` | `["#165DFF","#14C9C9","#F7BA1E","#3491FA","#F53F3F"]` | - | - |
+| `padding` | 画布填充边距（顺序为上右下左），单位px | `array` | `[15,15,0,5]` | - | - |
+| `fontSize` | 全局默认字体大小，单位px | `number` | `13` | - | - |
+| `fontColor` | 全局默认字体颜色 | `string` | `#666666` | - | - |
+| `dataLabel` | 是否显示图表区域内数据点上方的数据文案 | `boolean` | `false` | - | - |
+| `dataPointShape` | 是否显示数据点的图形标识 | `boolean` | `true` | - | - |
+| `dataPointShapeType` | 图形标识点显示类型 | `string` | `solid` | `solid`：实心<br/>`hollow`：空心 | - |
+| `touchMoveLimit` | 图表拖拽时每秒重新渲染的帧数 | `number` | `24` | - | - |
+| `enableScroll` | 开启滚动条功能 | `boolean` | `false` | - | - |
+| `enableMarkLine` | 是否启用标记线功能 | `boolean` | `false` | - | - |
+| `scrollPosition` | 连续更新数据时滚动条的位置 | `string` | `current` | `current`：当前位置<br/>`left`：左对齐<br/>`right`：右对齐 | - |
+| `series` | 图表数据 | `object` | `{}` | - | - |
+| `xAxis` | X轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `yAxis` | Y轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `legend` | 图例配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `title` | 标题配置（仅适用于 ring、arcbar、gauge） | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `subtitle` | 副标题配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `extra` | 额外配置项 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `event` | 事件 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+
+

package/{src/uni_modules/stellar-ui-plus/components → components}/ste-area-chart/README.md

@@ -10,7 +10,7 @@
 
 ```html
 <template>
-    <ste-ring-chart :series="series1" :color="['#165DFF', '#DDDDDD']"></ste-ring-chart>
+    <ste-area-chart :series="series1" :categories1="categories1"></ste-area-chart>
 </template>
 <script setup lang="ts">
     import { ref } from 'vue';

package/components/ste-badge/ATTRIBUTES.md

@@ -0,0 +1,17 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `content` | 徽标内容 | `string / number` | - | - | - |
+| `background` | 背景 | `string` | `#ee0a24` | - | - |
+| `showDot` | 是否展示为小红点 | `boolean` | `false` | - | - |
+| `offsetX` | 根据徽标位置,设置x轴偏移量 | `string / number` | `auto` | - | - |
+| `offsetY` | 根据徽标位置,设置y轴偏移量 | `string / number` | `auto` | - | - |
+| `showZero` | 当 content 为数字 0，是否展示徽标 | `boolean` | `false` | - | - |
+| `position` | 徽标位置 | `string` | `topRight` | `topRight`：上右<br/>`topLeft`：上左<br/>`bottomLeft`：下左<br/>`bottomRight`：下右 | - |
+| `max` | 徽标最大显示值 | `number` | `99` | - | - |
+| `showBorder` | 是否显示边框 | `boolean` | `false` | - | - |
+| `borderColor` | 边框颜色 | `string` | - | - | - |
+| `zIndex` | 层级 | `number` | `2` | - | - |
+| `isInline` | display属性是否为inline-block | `boolean` | `false` | - | - |
+
+

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

@@ -0,0 +1,33 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `width` | 图表宽度，单位rpx | `number / string` | `750` | - | - |
+| `height` | 图表高度，单位rpx | `number / string` | `200` | - | - |
+| `canvas2d` | canvas2d模式，用于解决小程序层级过高及拖拽卡顿问题 | `boolean` | `true` | - | - |
+| `pixelRatio` | 设备像素比，解决开启canvas2d后画布模糊的问题 | `number` | `1` | - | - |
+| `animation` | 是否动画展示图表 | `boolean` | `true` | - | - |
+| `timing` | 图表动画效果 | `string` | `easeOut` | `easeOut`：由快到慢<br/>`easeIn`：由慢到快<br/>`easeInOut`：慢快慢<br/>`linear`：匀速 | - |
+| `duration` | 动画展示时长（单位：毫秒） | `string` | `1000` | - | - |
+| `rotate` | 横屏模式 | `boolean` | `false` | - | - |
+| `rotateLock` | 横屏锁定模式 | `boolean` | `false` | - | - |
+| `background` | 背景颜色，开启滚动条后请赋值 | `string` | `rgba(0,0,0,0)` | - | - |
+| `color` | 主题颜色数组，16进制颜色格式 | `array` | `["#165DFF","#14C9C9","#F7BA1E","#3491FA","#722ED1","#9FDB1D"]` | - | - |
+| `padding` | 画布填充边距（顺序为上右下左），单位px | `array` | `[15,15,0,5]` | - | - |
+| `fontSize` | 全局默认字体大小，单位px | `number` | `13` | - | - |
+| `fontColor` | 全局默认字体颜色 | `string` | `#666666` | - | - |
+| `dataLabel` | 是否显示图表区域内数据点上方的数据文案 | `boolean` | `false` | - | - |
+| `dataPointShape` | 是否显示数据点的图形标识 | `boolean` | `true` | - | - |
+| `dataPointShapeType` | 图形标识点显示类型 | `string` | `solid` | `solid`：实心<br/>`hollow`：空心 | - |
+| `touchMoveLimit` | 图表拖拽时每秒重新渲染的帧数 | `number` | `24` | - | - |
+| `enableScroll` | 开启滚动条功能 | `boolean` | `false` | - | - |
+| `enableMarkLine` | 是否启用标记线功能 | `boolean` | `false` | - | - |
+| `scrollPosition` | 连续更新数据时滚动条的位置 | `string` | `current` | `current`：当前位置<br/>`left`：左对齐<br/>`right`：右对齐 | - |
+| `series` | 图表数据 | `object` | `{}` | - | - |
+| `xAxis` | X轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `yAxis` | Y轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `legend` | 图例配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `title` | 标题配置（仅适用于 ring、arcbar、gauge） | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `subtitle` | 副标题配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `extra` | 额外配置项 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+
+

package/components/ste-barcode/ATTRIBUTES.md

@@ -0,0 +1,14 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `content` | 条形码内容(仅支持数字和字母) | `string` | - | - | - |
+| `width` | 条形码宽度，单位`px` | `number` | - | - | - |
+| `height` | 条形码高度，单位`px` | `number` | - | - | - |
+| `background` | 背景色 | `string` | - | - | - |
+| `foreground` | 前景色(条形码画笔颜色) | `string` | - | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `loadImage` | 加载完成后返回条形码对应的图片数据 | `src`：图片数据 | - |

package/{src/uni_modules/stellar-ui-plus/components → components}/ste-barcode/encode.ts

@@ -172,7 +172,7 @@ export function stringToCode128(text: string) {
 
     codes = codes.concat(codesForChar(b1, b2, barc.currcs))
     // code C takes 2 chars each time
-    if (barc.currcs === CODESET.C)
+    if (barc.currcs === CODESET.C)
       i++
   }
 
@@ -203,7 +203,7 @@ export function stringToCode128(text: string) {
   function perhapsCodeC(bytes: number[], codeset: number) {
     for (let i = 0; i < bytes.length; i++) {
       const b = bytes[i]
-      if ((b < 48 || b > 57) && b !== CHAR_TILDE)
+      if ((b < 48 || b > 57) && b !== CHAR_TILDE)
         return codeset
     }
     return CODESET.C
@@ -221,13 +221,13 @@ export function stringToCode128(text: string) {
         if (chr2 === -1) {
           shifter === SET_CODEB
           currcs = CODESET.B
-        }
+        }
         else if (chr2 !== -1 && !charCompatible(chr2, currcs)) {
           // need to check ahead as well
           if (charCompatible(chr2, CODESET.A)) {
             shifter = SET_CODEA
             currcs = CODESET.A
-          }
+          }
           else {
             shifter = SET_CODEB
             currcs = CODESET.B
@@ -235,7 +235,7 @@ export function stringToCode128(text: string) {
         }
       }
       /* eslint-enable no-unused-expressions */
-    }
+    }
     else {
       // if there is a next char AND that next char is also not compatible
 
@@ -251,11 +251,11 @@ export function stringToCode128(text: string) {
             currcs = CODESET.A
             break
         }
-      }
+      }
       else {
         // no need to shift code sets, a temporary SHIFT will suffice
         shifter = SET_SHIFT
-      }
+      }
     }
 
     // ok some type of shift is nessecary
@@ -263,12 +263,12 @@ export function stringToCode128(text: string) {
       result.push(shifter)
       // result.push(codeValue(chr2));-----------------------------------
       result.push(codeValue(chr1))
-    }
+    }
     else {
       if (currcs === CODESET.C) {
         // include next as well
         result.push(codeValue(chr1, chr2))
-      }
+      }
       else {
         result.push(codeValue(chr1))
       }
@@ -284,19 +284,19 @@ function codeValue(chr1: number, chr2: any = undefined) {
   if (typeof chr2 === 'undefined')
     return chr1 >= 32 ? chr1 - 32 : chr1 + 64
   else
-    return Number.parseInt(String.fromCharCode(chr1) + String.fromCharCode(chr2))
+    return Number.parseInt(String.fromCharCode(chr1) + String.fromCharCode(chr2))
 }
 
 function charCompatible(chr: number, codeset: number) {
   const csa = codeSetAllowedFor(chr)
-  if (csa === CODESET.ANY)
+  if (csa === CODESET.ANY)
     return true
     // if we need to change from current
-  if (csa === CODESET.AB)
+  if (csa === CODESET.AB)
     return true
-  if (csa === CODESET.A && codeset === CODESET.A)
+  if (csa === CODESET.A && codeset === CODESET.A)
     return true
-  if (csa === CODESET.B && codeset === CODESET.B)
+  if (csa === CODESET.B && codeset === CODESET.B)
     return true
   return false
 }
@@ -305,11 +305,11 @@ function codeSetAllowedFor(chr: number) {
   if (chr >= 48 && chr <= 57) {
     // 0-9
     return CODESET.ANY
-  }
+  }
   else if (chr >= 32 && chr <= 95) {
     // 0-9 A-Z
     return CODESET.AB
-  }
+  }
   else {
     // if non printable
     return chr < 32 ? CODESET.A : CODESET.B

package/components/ste-button/ATTRIBUTES.md

@@ -0,0 +1,32 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `mode` | 尺寸 | `number` | `200` | `100`：小<br/>`200`：中<br/>`300`：大<br/>`400`：超大 | - |
+| `color` | 文本颜色 | `string` | `#ffffff` | - | - |
+| `background` | 背景 | `string` | `#0090FF` | - | - |
+| `borderColor` | 边框颜色 | `string` | - | - | - |
+| `width` | 宽度 | `string / number` | `auto` | `auto`：自适应宽度<br/>`100%`：填满<br/>`{Number}`：自适应宽度，单位rpx | - |
+| `round` | 是否圆角按钮 | `boolean` | `false` | - | - |
+| `disabled` | 是否禁用状态 | `boolean` | `false` | - | - |
+| `loading` | 是否加载中状态 | `boolean` | `false` | - | - |
+| `stopPropagation` | 是否阻止冒泡行为 | `boolean` | `false` | - | - |
+| `openType` | 微信开放能力和支付宝开放能力 | `string` | - | - | - |
+| `scope` | 支付宝开放能力，当 openType 为 getAuthorize 时有效 | `string` | - | - | - |
+| `rootStyle` | 按钮样式属性 | `object` | - | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `click` | 非禁止并且非加载中，才能点击 | - | - |
+| `getuserinfo` | 微信小程序：用户点击该按钮时，会返回获取到的用户信息，从返回参数的 detail 中获取到的值同 wx.getUserInfo。支付宝小程序：当 open-type 为 getAuthorize 且 scope 为 userInfo 时有效。当授权成功时触发。 | - | - |
+| `contact` | 微信小程序：客服消息回调，open-type="contact"时有效。 | - | - |
+| `getphonenumber` | 微信小程序：手机号快速验证回调，open-type=getPhoneNumber时有效。Tips：在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用。支付宝小程序：当 open-type 为 getAuthorize 且 scope 为 phoneNumber 时有效。当授权成功时触发。 | - | - |
+| `getrealtimephonenumber` | 微信小程序：手机号实时验证回调，open-type=getRealtimePhoneNumber 时有效。Tips：在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用。 | - | - |
+| `agreeprivacyauthorization` | 微信小程序：用户同意隐私协议事件回调，open-type=agreePrivacyAuthorization时有效 （Tips: 如果使用 onNeedPrivacyAuthorization 接口，需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: "agree", buttonId })） | - | - |
+| `error` | 微信小程序：当使用开放能力时，发生错误的回调，open-type=launchApp时有效 支付宝小程序：当 open-type 为 getAuthorize 时有效。当授权失败时触发。event.detail = {type, errorMessage}，此时 type 的值为 getAuthorize。 | - | - |
+| `launchapp` | 微信小程序：打开 APP 成功的回调，open-type=launchApp时有效 | - | - |
+| `opensetting` | 微信小程序：在打开授权设置页后回调，open-type=openSetting时有效 | - | - |
+| `chooseavatar` | 微信小程序：获取用户头像回调，open-type=chooseAvatar时有效。返回 e.detail.avatarUrl 为头像临时文件链接。 | - | - |
+| `getAuthorize` | 支付宝小程序：当 open-type 为 getAuthorize 时有效。当授权成功时触发。 | - | - |
+| `followLifestyle` | 支付宝小程序：当 open-type 为 lifestyle 时有效。当点击按钮时触发。event.detail = { followStatus }，folllowStatus 合法值有 1、2、3，其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误；。 | - | - |

package/components/ste-calendar/ATTRIBUTES.md

@@ -0,0 +1,35 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `title` | 尺寸 | `string` | `日期选择` | - | - |
+| `showTitle` | 是否显示标题 | `boolean` | `true` | - | - |
+| `list` | 选中的日期列表 | `number / string` | `[]` | - | - |
+| `mode` | 选项的值 | `string` | `single` | `single`：选择单个日期（默认）<br/>`multiple`：可以选择多个日期<br/>`range`：可以选择日期范围 | - |
+| `startText` | 开始日期文本 | `string` | `开始` | - | - |
+| `endText` | 结束日期文本 | `string` | `结束` | - | - |
+| `color` | 主题颜色（选中日期背景、周末文日期颜色和确定按钮） | `string` | `#0090FF` | - | - |
+| `minDate` | 最小可选日期 | `number / string / Date` | `0` | - | - |
+| `maxDate` | 最大可选日期 | `number / string / Date` | `0` | - | - |
+| `maxCount` | mode=multiple时，最多可选多少个日期 | `number` | `0` | - | - |
+| `formatter` | 日期格式化(默认'YYYY-MM-DD') | `string` | `YYYY-MM-DD` | - | - |
+| `showMark` | 是否显示月份背景色 | `boolean` | `true` | - | - |
+| `readonly` | 是否为只读状态，只读状态下禁止选择日期 | `boolean` | `false` | - | - |
+| `maxRange` | 日期区间最多可选天数，默认无限制，mode = range时有效 | `number` | - | - | - |
+| `rangePrompt` | 范围选择超过最多可选天数时的提示文案，mode = range时有效 | `string` | - | - | - |
+| `showRangePrompt` | 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 | `boolean` | `true` | - | - |
+| `allowSameDay` | 是否允许日期范围的起止时间为同一天，mode = range时有效 | `boolean` | `false` | - | - |
+| `showConfirm` | 是否显示确定按钮 | `boolean` | `true` | - | - |
+| `width` | 可视区域宽度 | `number / string` | `100%` | - | - |
+| `height` | 可视区域高度 | `number / string` | `100%` | - | - |
+| `defaultDate` | 默认展示的日期 | `number / string / Date` | `今天` | - | - |
+| `monthCount` | 渲染的月份个数 | `number` | `12` | - | - |
+| `weekendColor` | 周末颜色，默认跟随主题色 | `string` | `` | - | - |
+| `signs` | 日历标签 | `{[key:string]:SignType}` | `{}` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `select` | 选择日期时触发 | `days`：选中的日期列表<br/>`day`：当前选中的日期 | - |
+| `confirm` | 点击确定按钮时触发 | `days`：当前选中的日期列表 | - |
+| `view-month` | 页面展示月份发生变化时触发 | `month`：当前页面上显示的月份 | - |

package/components/ste-checkbox/ATTRIBUTES.md

@@ -0,0 +1,25 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `v-model` | 当前值 | `boolean` | `false` | - | - |
+| `name` | 选项的值 | `number / string` | - | - | - |
+| `disabled` | 禁用 | `boolean` | `false` | - | - |
+| `readonly` | 只读（不置灰） | `boolean` | `false` | - | - |
+| `shape` | 形状 | `string` | `circle` | `circle`：圆形<br/>`square`：方形 | - |
+| `iconSize` | 图标大小，单位rpx | `number / string` | `36` | - | - |
+| `checkedColor` | 选中状态的图标颜色 | `string` | `#0090FF` | - | - |
+| `textPosition` | 文本的位置 | `string` | `right` | `right`：右<br/>`left`：左 | - |
+| `textSize` | 文本字体大小，单位rpx | `number / string` | `28` | - | - |
+| `textInactiveColor` | 未选中的文本颜色 | `string` | `#000000` | - | - |
+| `textActiveColor` | 选中的文本颜色 | `string` | `#000000` | - | - |
+| `textDisabled` | 禁用文本点击 | `boolean` | `false` | - | - |
+| `marginLeft` | 左边距，单位rpx | `number / string` | `0` | - | - |
+| `marginRight` | 右边距，单位rpx | `number / string` | `0` | - | - |
+| `columnGap` | 复选框和文本间距，单位rpx | `number / string` | `16` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `click` | 点击复选框时触发的事件 | `value`：当前复选框的绑定值<br/>`suspend`：等待<br/>`next`：继续<br/>`stop`：停止 | - |
+| `change` | 当绑定值变化时触发的事件 | `value`：当前复选框的绑定值 | - |

package/components/ste-code-input/ATTRIBUTES.md

@@ -0,0 +1,22 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `value` | 初始内容，支持双向绑定 | `string / number` | - | - | - |
+| `mode` | 输入框类型 | `string` | `box` | `box`：盒子模式<br/>`line`：底部横线模式 | - |
+| `maxlength` | 最大长度 | `number` | `6` | - | - |
+| `space` | 字符间的距离 | `string / number` | `16` | - | - |
+| `fontColor` | 字体颜色 | `String` | `#000000` | - | - |
+| `borderColor` | 边框颜色 | `String` | `#DDDDDD` | - | - |
+| `fontSize` | 字体大小 | `string / number` | `28` | - | - |
+| `size` | 输入框的大小，宽等于高 | `string / number` | `64` | - | - |
+| `formatter` | 替换输入值 | `string / number` | - | - | - |
+| `focus` | 是否自动获取焦点 | `boolean ` | `false` | - | - |
+| `disabledDot` | 是否禁止输入点符号 默认 true | `boolean` | `true` | - | - |
+| `readOnly` | 是否只读 | `boolean` | `false` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `change` | 改变时触发 | - | - |
+| `finish` | 输入完成触发 | - | - |

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

@@ -0,0 +1,33 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `width` | 图表宽度，单位rpx | `number / string` | `750` | - | - |
+| `height` | 图表高度，单位rpx | `number / string` | `500` | - | - |
+| `canvas2d` | canvas2d模式，用于解决小程序层级过高及拖拽卡顿问题 | `boolean` | `true` | - | - |
+| `pixelRatio` | 设备像素比，解决开启canvas2d后画布模糊的问题 | `number` | `1` | - | - |
+| `animation` | 是否动画展示图表 | `boolean` | `true` | - | - |
+| `timing` | 图表动画效果 | `string` | `easeOut` | `easeOut`：由快到慢<br/>`easeIn`：由慢到快<br/>`easeInOut`：慢快慢<br/>`linear`：匀速 | - |
+| `duration` | 动画展示时长（单位：毫秒） | `string` | `1000` | - | - |
+| `rotate` | 横屏模式 | `boolean` | `false` | - | - |
+| `rotateLock` | 横屏锁定模式 | `boolean` | `false` | - | - |
+| `background` | 背景颜色，开启滚动条后请赋值 | `string` | `rgba(0,0,0,0)` | - | - |
+| `color` | 主题颜色数组，16进制颜色格式 | `array` | `["#165DFF","#14C9C9","#F7BA1E"]` | - | - |
+| `padding` | 画布填充边距（顺序为上右下左），单位px | `array` | `[5,5,5,5]` | - | - |
+| `fontSize` | 全局默认字体大小，单位px | `number` | `13` | - | - |
+| `fontColor` | 全局默认字体颜色 | `string` | `#666666` | - | - |
+| `dataLabel` | 是否显示图表区域内数据点上方的数据文案 | `boolean` | `false` | - | - |
+| `dataPointShape` | 是否显示数据点的图形标识 | `boolean` | `true` | - | - |
+| `dataPointShapeType` | 图形标识点显示类型 | `string` | `solid` | `solid`：实心<br/>`hollow`：空心 | - |
+| `touchMoveLimit` | 图表拖拽时每秒重新渲染的帧数 | `number` | `24` | - | - |
+| `enableScroll` | 开启滚动条功能 | `boolean` | `false` | - | - |
+| `enableMarkLine` | 是否启用标记线功能 | `boolean` | `false` | - | - |
+| `scrollPosition` | 连续更新数据时滚动条的位置 | `string` | `current` | `current`：当前位置<br/>`left`：左对齐<br/>`right`：右对齐 | - |
+| `series` | 图表数据 | `object` | `{}` | - | - |
+| `xAxis` | X轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `yAxis` | Y轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `legend` | 图例配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `title` | 标题配置（仅适用于 ring、arcbar、gauge） | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `subtitle` | 副标题配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `extra` | 额外配置项 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+
+

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

@@ -0,0 +1,117 @@
+# ColumnChart 柱状图
+
+柱状图（或称条形图）是一种通过柱形的长度来表现数据大小的一种常用图表类型
+---$
+
+### 代码演示
+
+#### 默认配置
+
+```html
+<template>
+    <ste-column-chart :series="series" :categories="categories"></ste-column-chart>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    let series: any = ref([]);
+    let categories: any = ref([]);
+
+    series1.value = [
+        {
+            name: '目标值',
+            data: [35, 36, 31, 33, 13, 34],
+        },
+    ];
+    categories.value = ['2018', '2019', '2020', '2021', '2022', '2023'];
+</script>
+```
+
+#### 多图例
+
+```html
+<template>
+    <ste-column-chart :series="series" :categories="categories" :dataLabel="false" :extra="{ column: { width: 20 } }" :legend="{ show: true }"></ste-column-chart>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    let series: any = ref([]);
+    let categories: any = ref([]);
+
+    series.value = [
+        {
+            name: '目标值',
+            data: [35, 36, 31, 33, 13, 34],
+        },
+        {
+            name: '完成量',
+            data: [18, 27, 21, 24, 6, 28],
+        },
+    ];
+    categories.value = ['2018', '2019', '2020', '2021', '2022', '2023'];
+</script>
+```
+
+#### 堆叠
+
+```html
+<template>
+    <view class="item-block">
+        <ste-column-chart :series="series" :categories="categories" :dataLabel="false" :extra="{ column: { type: 'stack' } }"></ste-column-chart>
+    </view>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    let series: any = ref([]);
+    let categories: any = ref([]);
+
+    series.value = [
+        {
+            name: '目标值',
+            data: [35, 36, 31, 33, 13, 34],
+        },
+        {
+            name: '完成量',
+            data: [18, 27, 21, 24, 6, 28],
+        },
+    ];
+    categories.value = ['2018', '2019', '2020', '2021', '2022', '2023'];
+</script>
+```
+
+#### 迷你图表
+
+```html
+<template>
+    <ste-column-chart
+        :series="series1"
+        :categories="categories"
+        :dataLabel="false"
+        :xAxis="{ disabled: true, disableGrid: true, axisLine: false }"
+        :yAxis="{ disabled: true, disableGrid: true }"
+        :extra="{ column: { width: 20 } }"
+        width="500"
+    ></ste-column-chart>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    let series: any = ref([]);
+    let categories: any = ref([]);
+
+    series1.value = [
+        {
+            name: '目标值',
+            data: [35, 36, 31, 33, 13, 34],
+        },
+    ];
+    categories.value = ['2018', '2019', '2020', '2021', '2022', '2023'];
+</script>
+```
+
+---$
+
+### API
+
+<!-- props -->
+
+---$
+{{fuyuwei}}

package/components/ste-date-picker/ATTRIBUTES.md

@@ -0,0 +1,25 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `value` | 绑定值 | `string / number` | - | - | - |
+| `showToolbar` | 是否显示顶部的操作栏 | `boolean` | `true` | - | - |
+| `title` | 顶部标题 | `string` | - | - | - |
+| `mode` | 展示格式 | `string` | `all` | `all`：年月日时分秒<br/>`datetime`：年月日时分<br/>`date`：年月日<br/>`year-month`：年月<br/>`month-day`：月日<br/>`time`：时分秒<br/>`hour-minute`：时分<br/>`minute-second`：分秒 | - |
+| `maxDate` | 可选的最大时间 | `number` | `后10年` | - | - |
+| `minDate` | 可选的最小时间 | `number` | `前10年` | - | - |
+| `filter` | 选项过滤函数 | `function` | - | - | - |
+| `formatter` | 选项格式化函数 | `function` | - | - | - |
+| `itemHeight` | 各列中，单个选项的高度 | `string / number` | `36` | - | - |
+| `cancelText` | 取消按钮的文字 | `string` | `取消` | - | - |
+| `confirmText` | 确认按钮的文字 | `string` | `确认` | - | - |
+| `cancelColor` | 取消按钮的颜色 | `string` | `#909193` | - | - |
+| `confirmColor` | 确认按钮的颜色 | `string` | `` | - | - |
+| `visibleItemCount` | 每列中可见选项的数量 | `string / number` | `5` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `confirm` | 点击确定按钮，返回当前选择的值 | - | - |
+| `change` | 当选择值变化时触发 | - | - |
+| `cancel` | 点击取消按钮 | - | - |

package/{src/uni_modules/stellar-ui-plus/components → components}/ste-date-picker/ste-date-picker.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, nextTick, computed } from 'vue';
+import { ref, onMounted, nextTick, computed, watch } from 'vue';
 import { useColorStore } from '../../store/color';
 let { getColor } = useColorStore();
 import propsData from './props';
@@ -56,6 +56,7 @@ const emits = defineEmits<{
     (e: 'change', changeObj: any): void;
     (e: 'cancel'): void;
     (e: 'confirm', value: string | number): void;
+    (e: 'update:value', value: string | number): void;
 }>();
 
 const columns = ref<string[][]>([]);
@@ -65,6 +66,13 @@ const innerDefaultIndex = ref<number[]>([]);
 const show = ref(false);
 const innerFormatter = (type: string, value: string) => value;
 
+watch(
+    () => props.value,
+    () => {
+        init();
+    }
+);
+
 const init = () => {
     innerValue.value = correctValue(props.value);
     updateColumnValue(innerValue.value);
@@ -266,6 +274,7 @@ const change = (e: { indexs: number[]; values: string[][] }) => {
 
     updateColumnValue(selectValue);
     emits('change', { value: selectValue, columnIndexs: indexs });
+    emits('update:value', selectValue);
 };
 
 const cancel = () => {

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

@@ -0,0 +1,33 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `width` | 图表宽度，单位rpx | `number / string` | `750` | - | - |
+| `height` | 图表高度，单位rpx | `number / string` | `200` | - | - |
+| `canvas2d` | canvas2d模式，用于解决小程序层级过高及拖拽卡顿问题 | `boolean` | `true` | - | - |
+| `pixelRatio` | 设备像素比，解决开启canvas2d后画布模糊的问题 | `number` | `微信小程序由具体设备决定，其余的默认为1` | - | - |
+| `animation` | 是否动画展示图表 | `boolean` | `true` | - | - |
+| `timing` | 图表动画效果 | `string` | `easeOut` | `easeOut`：由快到慢<br/>`easeIn`：由慢到快<br/>`easeInOut`：慢快慢<br/>`linear`：匀速 | - |
+| `duration` | 动画展示时长（单位：毫秒） | `string` | `1000` | - | - |
+| `rotate` | 横屏模式 | `boolean` | `false` | - | - |
+| `rotateLock` | 横屏锁定模式 | `boolean` | `false` | - | - |
+| `background` | 背景颜色，开启滚动条后请赋值 | `string` | `rgba(0,0,0,0)` | - | - |
+| `color` | 主题颜色数组，16进制颜色格式 | `array` | `["#165DFF","#14C9C9","#F7BA1E","#3491FA","#722ED1","#9FDB1D"]` | - | - |
+| `padding` | 画布填充边距（顺序为上右下左），单位px | `array` | `[5,5,5,5]` | - | - |
+| `fontSize` | 全局默认字体大小，单位px | `number` | `13` | - | - |
+| `fontColor` | 全局默认字体颜色 | `string` | `#666666` | - | - |
+| `dataLabel` | 是否显示图表区域内数据点上方的数据文案 | `boolean` | `false` | - | - |
+| `dataPointShape` | 是否显示数据点的图形标识 | `boolean` | `true` | - | - |
+| `dataPointShapeType` | 图形标识点显示类型 | `string` | `solid` | `solid`：实心<br/>`hollow`：空心 | - |
+| `touchMoveLimit` | 图表拖拽时每秒重新渲染的帧数 | `number` | `24` | - | - |
+| `enableScroll` | 开启滚动条功能 | `boolean` | `false` | - | - |
+| `enableMarkLine` | 是否启用标记线功能 | `boolean` | `false` | - | - |
+| `scrollPosition` | 连续更新数据时滚动条的位置 | `string` | `current` | `current`：当前位置<br/>`left`：左对齐<br/>`right`：右对齐 | - |
+| `series` | 图表数据 | `object` | `{}` | - | - |
+| `xAxis` | X轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `yAxis` | Y轴配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `legend` | 图例配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `title` | 标题配置（仅适用于 ring、arcbar、gauge） | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `subtitle` | 副标题配置 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+| `extra` | 额外配置项 | `-` | <a href="https://www.ucharts.cn/v2/#/document/index" target="_blank">文档地址</a> | - | - |
+
+

package/components/ste-drag/ATTRIBUTES.md

@@ -0,0 +1,13 @@
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `attract` | 是否开启自动吸边（根据 screenWidth 进行吸边） | `boolean` | `false` | - | - |
+| `direction` | 拖拽元素的拖拽方向限制 | `string` | `all` | `all`：不限制方向<br/>`x`：横向拖拽<br/>`y`：竖向拖拽 | - |
+| `boundary` | 拖拽元素的拖拽边界 | `object` | `屏幕为边界` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `start` | 拖拽开始 | - | - |
+| `end` | 拖拽结束 | `position`：当前拖拽是否处于边界(上、下、左、右) | - |