stellar-ui-plus 1.21.3 → 1.21.4

package/components/ste-app-update/README.md

@@ -0,0 +1,36 @@
+# AppUpdate App更新
+
+此组件用于APP更新功能
+
+---$
+
+### 基础用法
+
+- 属性`height`用于设置日历的高度，单位为`rpx`，默认`100%`
+- 属性`showTitle`用于设置是否显示日历的标题，默认`true`
+- 属性`title`用户设置日历的标题，默认`日期选择`
+- 事件`confirm`用于监听用户点击确定按钮事件，参数为选中的日期数组
+
+```html
+<script setup lang="ts">
+    const handleConfirm = (v: (string | number)[]) => {
+        toast.showToast({
+            title: '确定选择：' + v.join(' '),
+            icon: 'none',
+            duration: 1500,
+        });
+    };
+</script>
+<template>
+    <ste-calendar height="720" :showTitle="false" @confirm="handleConfirm" />
+</template>
+```
+
+---$
+
+### API
+
+<!-- props -->
+
+---$
+{{xuyajun}}

package/components/ste-app-update/config.json

@@ -0,0 +1,5 @@
+{
+    "group": "业务组件",
+    "title": "AppUpdate APP更新",
+    "icon": "https://image.whzb.com/chain/StellarUI/%E7%BB%84%E4%BB%B6%E5%9B%BE%E6%A0%87/button.png"
+}

package/components/ste-app-update/props.ts

@@ -0,0 +1,9 @@
+import type { PropType } from 'vue';
+export default {
+    Authorization: { type: String, default: () => 'Basic c2FiZXIzOnNhYmVyM19zZWNyZXQ=' },
+    BladeAuth: {
+        type: String,
+        default: () =>
+            'bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJibGFkZXguY24iLCJhdWQiOlsiYmxhZGV4Il0sInRva2VuX3R5cGUiOiJhY2Nlc3NfdG9rZW4iLCJjbGllbnRfaWQiOiJzYWJlcjMiLCJ0ZW5hbnRfaWQiOiI0ODI4MzEiLCJ1c2VyX2lkIjoiMTc3MjA5NjkzNjg3MjU3NDk3NyIsImRlcHRfaWQiOiIxNzcyMDk2OTM2MjcyNzg5NTA1IiwicG9zdF9pZCI6IjE3NzIwOTY5MzYzMTg5MjY4NTAiLCJyb2xlX2lkIjoiMTc3MjA5NjkzNTg5MTEwNzg0MiIsIm9hdXRoX2lkIjoiIiwiYWNjb3VudCI6ImFkbWluIiwidXNlcl9uYW1lIjoiYWRtaW4iLCJuaWNrX25hbWUiOiLnrqHnkIblkZgiLCJyZWFsX25hbWUiOiLnrqHnkIblkZgiLCJyb2xlX25hbWUiOiJhZG1pbiIsImRldGFpbCI6eyJ0eXBlIjoid2ViIiwiZGF0YVNjb3BlIjp7ImNoYWluQ2xpZW50SWQiOiIiLCJzdG9yZUlkIjoiIiwiY2hhbm5lbElkIjoiNjIwOTAxNyJ9fSwiZXhwIjoxNzYyOTEzNjQ4LCJuYmYiOjE3MzEzNzc2NDh9.WQMy9ixwsB3k3okaz8iEOgQJjHd2BRdTfRiAu6HSTSU',
+    },
+};

package/components/ste-app-update/rt-uni-update.vue

@@ -0,0 +1,307 @@
+<template>
+    <view class="update-mask flex-center">
+        <view class="content botton-radius">
+            <view class="content-top">
+                <view class="content-top-text">
+                    <text class="">发现新版本 v{{ data.edition_name }}</text>
+                    <text class="version">当前版本：{{ version }}</text>
+                </view>
+                <image class="content-top" style="top: 0" width="100%" height="100%" src="../../static/bg_top.png"></image>
+            </view>
+            <view class="content-header"></view>
+            <view class="content-body">
+                <view class="title"><text>更新内容</text></view>
+                <view class="body">
+                    <scroll-view class="box-des-scroll" scroll-y="true"><rich-text :nodes="data.describe"></rich-text></scroll-view>
+                </view>
+                <view class="footer flex-center">
+                    <view class="progress-box flex-column" v-if="!updateBtn">
+                        <progress class="progress" border-radius="35" :percent="percent" activeColor="#3DA7FF" show-info stroke-width="10" />
+                        <!-- <u-line-progress :striped="true" :percent="percent" :striped-active="true"></u-line-progress> -->
+                        <view>
+                            <text class="fs24">正在下载，请稍后 ({{ downloadedSize }}/{{ packageFileSize }}M)</text>
+                        </view>
+                    </view>
+
+                    <button class="content-button" style="border: none; color: #fff" plain @click="confirm" v-if="updateBtn">立即升级</button>
+                </view>
+            </view>
+
+            <image v-if="cancleBtn" class="close-img" src="../../static/app_update_close.png" @click.stop="cancel"></image>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        data: {
+            type: Object,
+            default: () => ({
+                describe: '1. 修复已知问题<br>2. 优化用户体验',
+                edition_url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-6bef1fe3-e3e3-4909-9f0c-6ed9bd11c93b/aae2360a-6628-4c93-b873-ce1600b9a852.apk', //安装包下载地址或者通用应用市场地址
+                edition_force: 1, //是否强制更新 0代表否 1代表是
+                package_type: 0, //0是整包升级 1是wgt升级
+                edition_name: '1.0.1', //后端返回的版本名称
+            }),
+        },
+    },
+    data() {
+        return {
+            version: '1.0.0', //当前运行版本(打包时manifest里的版本名称)
+            percent: 0, //进度条百分比
+            updateBtn: true, //是否显示立即更新
+            cancleBtn: false, //是否显示取消按钮
+            downloadedSize: 0, //当前已下载大小
+            packageFileSize: 0, //安装包大小
+        };
+    },
+    onHide() {
+        //解决应用切换到后台再次打开更新弹窗叠加多个的问题
+        // console.log('切换到后台');
+        this.data.edition_force = 0;
+        uni.navigateBack({
+            delta: 1,
+        });
+    },
+    onLoad({ obj }) {
+        this.data = JSON.parse(obj);
+        if (this.data.edition_force == 0) {
+            this.cancleBtn = true;
+        }
+        plus.runtime.getProperty(plus.runtime.appid, inf => {
+            this.version = inf.version;
+        });
+    },
+
+    onBackPress() {
+        // 强制更新不允许返回
+        if (this.data.edition_force == 1) {
+            return true;
+        }
+    },
+
+    methods: {
+        cancel() {
+            //取消升级 返回上一页
+            uni.navigateBack({
+                delta: 1,
+            });
+        },
+        confirm() {
+            if (this.data.package_type == 0) {
+                //apk整包升级 下载地址必须以.apk结尾
+                if (this.data.edition_url.includes('.apk')) {
+                    this.updateBtn = false;
+                    this.cancleBtn = false;
+                    this.download();
+                } else {
+                    //外部下载 一般是手机应用市场或者其他h5页面
+                    this.data.edition_force = 0; // 解决跳转外部链接后，更新提示还在的问题
+                    plus.runtime.openURL(this.data.edition_url);
+                    uni.navigateBack({
+                        delta: 1,
+                    });
+                }
+            } else {
+                this.updateBtn = false;
+                this.cancleBtn = false;
+                //wgt资源包升级 下载地址必须以.wgt结尾
+                this.download();
+            }
+        },
+        download() {
+            let package_type = this.data.package_type;
+            let that = this;
+            const downloadTask = uni.downloadFile({
+                url: this.data.edition_url,
+                success: res => {
+                    if (res.statusCode === 200) {
+                        plus.runtime.install(
+                            res.tempFilePath,
+                            {
+                                force: true, //true表示强制安装，不进行版本号的校验；false则需要版本号校验，
+                            },
+                            function () {
+                                // console.log('success', success);
+                                if (package_type == 1) {
+                                    plus.runtime.restart();
+                                }
+                            },
+                            function (e) {
+                                //提示部分wgt包无法安装的问题
+                                that.data.edition_force = 0;
+                                uni.showToast({
+                                    title: e.message,
+                                    icon: 'none',
+                                    duration: 2500,
+                                });
+                                setTimeout(() => {
+                                    uni.navigateBack();
+                                }, 2000);
+                            }
+                        );
+                        if (package_type == 0) {
+                            // 解决安装app点击取消，更新还在的问题
+                            this.data.edition_force = 0;
+                            uni.navigateBack();
+                        }
+                    }
+                },
+            });
+            // 进度条
+            downloadTask.onProgressUpdate(res => {
+                this.percent = res.progress;
+                this.downloadedSize = (res.totalBytesWritten / Math.pow(1024, 2)).toFixed(2);
+                this.packageFileSize = (res.totalBytesExpectedToWrite / Math.pow(1024, 2)).toFixed(2);
+            });
+        },
+    },
+};
+</script>
+
+<style>
+page {
+    background: transparent;
+}
+
+.flex-center {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    justify-content: center;
+    align-items: center;
+}
+
+.update-mask {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.65);
+}
+
+.botton-radius {
+    border-bottom-left-radius: 30rpx;
+    border-bottom-right-radius: 30rpx;
+}
+
+.content {
+    position: relative;
+    top: 0;
+    width: 600rpx;
+    background-color: #fff;
+    box-sizing: border-box;
+    padding: 0 50rpx;
+    font-family: Source Han Sans CN;
+}
+
+.text {
+    /* #ifndef APP-NVUE */
+    display: block;
+    /* #endif */
+    line-height: 200px;
+    text-align: center;
+    color: #ffffff;
+}
+
+.content-top {
+    position: absolute;
+    top: -195rpx;
+    left: 0;
+    width: 600rpx;
+    height: 270rpx;
+}
+
+.content-top-text {
+    font-size: 40rpx;
+    font-weight: bold;
+    color: #f8f8fa;
+    position: absolute;
+    top: 120rpx;
+    left: 50rpx;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.content-header {
+    height: 70rpx;
+}
+
+.title {
+    font-size: 33rpx;
+    font-weight: bold;
+    color: #3da7ff;
+    line-height: 38px;
+}
+
+.footer {
+    height: 150rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.box-des-scroll {
+    box-sizing: border-box;
+    padding: 0 40rpx;
+    text-align: left;
+}
+
+.box-des {
+    font-size: 26rpx;
+    color: #000000;
+    line-height: 50rpx;
+}
+
+.progress-box {
+    width: 100%;
+}
+
+.progress {
+    width: 83%;
+    height: 40rpx;
+    border-radius: 35px;
+}
+
+.close-img {
+    width: 70rpx;
+    height: 70rpx;
+    z-index: 1000;
+    position: absolute;
+    bottom: -120rpx;
+    left: calc(50% - 70rpx / 2);
+}
+
+.content-button {
+    text-align: center;
+    flex: 1;
+    font-size: 30rpx;
+    font-weight: 400;
+    color: #ffffff;
+    border-radius: 40rpx;
+    margin: 0 18rpx;
+
+    height: 80rpx;
+    line-height: 80rpx;
+
+    background: linear-gradient(to right, #1785ff, #3da7ff);
+}
+
+.flex-column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.fs24 {
+    font-size: 24rpx;
+}
+.version {
+    font-size: 24rpx;
+    margin-top: 10rpx;
+    color: #eeeeee;
+    text-decoration: underline;
+}
+</style>

package/components/ste-app-update/ste-app-update.easycom.json

@@ -0,0 +1,14 @@
+{
+    "name": "ste-app-update",
+    "description": "按钮组件",
+    "example": "<ste-app-update></ste-app-update>",
+    "tutorial": "https://stellar-ui.intecloud.com.cn/plus/#/?active=app-update",
+    "attributes": [
+        {
+            "name": "title",
+            "description": "尺寸",
+            "type": "string",
+            "default": "日期选择"
+        }
+    ]
+}

package/components/ste-app-update/ste-app-update.vue

@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import { watch, onMounted, computed, nextTick } from 'vue';
+import propsData from './props';
+import UniUpdate from './rt-uni-update.vue';
+
+const props = defineProps(propsData);
+
+interface Data {
+    id: number;
+    createUser: number;
+    createDept: number;
+    createTime: string;
+    updateUser: number;
+    updateTime: string;
+    status: number;
+    isDeleted: number;
+    tenantId: string;
+    /** 应用id(关联inte_client表id字段) */
+    inteClientId: number;
+    /** 版本号 */
+    code: string;
+    /** 版本名称 */
+    name: string;
+    /** 版本说明 */
+    desc: string;
+    /** 版本更新内容 */
+    content: string;
+    /** 版本更新文件地址 */
+    updateFile: string;
+    /** 版本完整文件地址 */
+    entireFile: string;
+    /** 是否当前版本 */
+    isCurrent: true;
+    /** 是否强制更新 */
+    isForce: true;
+    /** 发布状态 TO_RELEASE待发布、RELEASED已发布 */
+    publishStatus: 'TO_RELEASE' | 'RELEASED';
+    createUserName: string;
+    updateUserName: string;
+    createDeptName: string;
+}
+
+uni.request({
+    url: 'http://172.16.118.216:30043/blade-system/api/inte/client/ver/currentDetail',
+    method: 'GET',
+    header: {
+        Authorization: props.Authorization,
+        'Blade-Auth': props.BladeAuth,
+    },
+    success: (res: any) => {
+        const data: {
+            code: number;
+            success: boolean;
+            msg: string;
+            data: Data;
+        } = res.data;
+        if (data.code == 200) {
+            console.log(data.data);
+        } else {
+            console.log(data.msg);
+        }
+    },
+});
+</script>
+<template>
+    <view class="ste-app-update-root">
+        <UniUpdate />
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.ste-app-update-root {
+}
+</style>

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

@@ -12,7 +12,6 @@
 | `zIndex` | 弹窗层级z-index | `number` | - | - | - |
 | `type` | 下拉选项的形状 | `string` | `block` | `round`：圆形<br/>`block`：块状 | - |
 | `max` | 可选数量 | `number` | `1` | - | - |
-| `showPopup` | 是否显示菜单弹窗 | `boolean` | `false` | - | `1.21.0` |
 
 
 #### Events

package/components/ste-goods-info/props.ts

@@ -154,4 +154,9 @@ export default {
     suggestData: {
         type: Object as PropType<SuggestData>,
     },
+    /** 建议右侧的申请输入框只读 */
+    readonlySuggestInput: {
+        type: Boolean,
+        default: () => false,
+    },
 };

package/components/ste-goods-info/ste-goods-info.easycom.json

@@ -246,11 +246,11 @@
         {
             "name": "[event]click-suggest",
             "description": "点击建议模块触发",
-            "type": "(type: 'method' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }) => void",
+            "type": "(type: 'method' | 'input' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }) => void",
             "params": [
                 {
                     "name": "type",
-                    "description": "点击的区域：`method`, `back`, `item`, `right`"
+                    "description": "点击的区域：`method`, `input` ,`back`, `item`, `right`"
                 },
                 {
                     "name": "item",

package/components/ste-goods-info/ste-goods-info.vue

@@ -19,7 +19,7 @@ const emits = defineEmits<{
     (e: 'click', type: 'empty' | 'image' | 'title' | 'code' | 'price' | 'originalPrice' | 'stepper'): void;
     (e: 'plus', value: number | string, suspend: () => void, next: () => void, stop: () => void): void;
     (e: 'minus', value: number | string, suspend: () => void, next: () => void, stop: () => void): void;
-    (e: 'click-suggest', type: 'method' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }): void;
+    (e: 'click-suggest', type: 'method' | 'input' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }): void;
     (e: 'click-stepper-input'): void;
 }>();
 
@@ -142,7 +142,7 @@ watch(
         }
     }
 );
-const clickSuggest = (type: 'method' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }) => {
+const clickSuggest = (type: 'method' | 'input' | 'back' | 'item' | 'right', item?: { label: string; value: string | number }) => {
     if (type === 'method') {
         showSuggestList.value = !showSuggestList.value;
     }
@@ -248,9 +248,11 @@ const viewClass = computed(() => {
                             <view class="ste-goods-info-apply-for" v-if="suggesData.applyForText">
                                 <view class="ste-goods-info-apply-for-text">{{ suggesData.applyForText }}：</view>
                                 <view class="ste-goods-info-apply-for-number">
-                                    <input class="ste-goods-info-apply-for-input" v-model="suggesData.applyForNumber" />
+                                    <view class="ste-goods-info-apply-for-input" @click.stop="clickSuggest('input')">
+                                        <input class="ste-goods-info-apply-for-input" :class="{ readonly: readonlySuggestInput }" v-model="suggesData.applyForNumber" />
+                                    </view>
                                     <view class="ste-goods-info-apply-for-back" @click="clickSuggest('back')">
-                                        <ste-icon />
+                                        <ste-icon code="&#xe632;" size="16" />
                                     </view>
                                 </view>
                             </view>
@@ -408,10 +410,17 @@ const viewClass = computed(() => {
                                 min-height: 30rpx;
                                 font-size: 22rpx;
                                 text-align: center;
+                                &.readonly {
+                                    pointer-events: none;
+                                }
                             }
                             .ste-goods-info-apply-for-back {
                                 width: 32rpx;
                                 border-left: 2rpx solid #e6e8ea;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                cursor: pointer;
                             }
                         }
                     }

package/components/ste-icon/ATTRIBUTES.md

@@ -9,7 +9,7 @@
 | `marginRight` | 右外边距，单位rpx | `string / number` | `0` | - | - |
 | `marginTop` | 上外边距，单位rpx | `string / number` | `0` | - | - |
 | `marginBottom` | 下外边距，单位rpx | `string / number` | `0` | - | - |
-| `fontFamily` | 字体名 | `string` | `ste-iconfont-1709689042473` | - | - |
+| `fontFamily` | 字体名 | `string` | `` | - | - |
 | `inlineBlock` | 容器对齐方式 | `boolean` | `true` | - | - |
 
 

package/components/ste-icon/iconfont.css

@@ -1,22 +1,22 @@
 /* #ifdef APP */
 /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
 @font-face {
-    font-family: 'ste-iconfont-1709689042473';
-    /* Project id 4457057 */
-    src: url('https://at.alicdn.com/t/c/font_4457057_yv7ztjy747.woff2?t=1749632798789') format('woff2'),
-        url('https://at.alicdn.com/t/c/font_4457057_yv7ztjy747.woff?t=1749632798789') format('woff'),
-        url('https://at.alicdn.com/t/c/font_4457057_yv7ztjy747.ttf?t=1749632798789') format('truetype');
+    font-family: 'ste-iconfont-1709689042473'; /* Project id 4457057 */
+    src:
+        url('https://at.alicdn.com/t/c/font_4457057_74vgslmjyas.woff2?t=1749781466318') format('woff2'),
+        url('https://at.alicdn.com/t/c/font_4457057_74vgslmjyas.woff?t=1749781466318') format('woff'),
+        url('https://at.alicdn.com/t/c/font_4457057_74vgslmjyas.ttf?t=1749781466318') format('truetype');
 }
-
 /* #endif */
 /* #ifndef APP */
 /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
 @font-face {
-    font-family: 'ste-iconfont-1709689042473';
-    /* Project id 4457057 */
-    src: url('//at.alicdn.com/t/c/font_4457057_yv7ztjy747.woff2?t=1749632798789') format('woff2'),
-        url('//at.alicdn.com/t/c/font_4457057_yv7ztjy747.woff?t=1749632798789') format('woff'),
-        url('//at.alicdn.com/t/c/font_4457057_yv7ztjy747.ttf?t=1749632798789') format('truetype');
+    font-family: 'ste-iconfont-1709689042473'; /* Project id 4457057 */
+    src:
+        url('//at.alicdn.com/t/c/font_4457057_74vgslmjyas.woff2?t=1749781466318') format('woff2'),
+        url('//at.alicdn.com/t/c/font_4457057_74vgslmjyas.woff?t=1749781466318') format('woff'),
+        url('//at.alicdn.com/t/c/font_4457057_74vgslmjyas.ttf?t=1749781466318') format('truetype');
 }
 
-/* #endif */
+/* #endif */

package/components/ste-login/README.md

@@ -94,6 +94,7 @@
             @secondary-btn-click="handleClick"
             @protocol-click="protocolClick"
             @form-data-change="formDataChange"
+            @get-code="getCode"
         />
     </view>
 </template>
@@ -196,6 +197,16 @@
     const protocolClick = (item: any) => {
         console.log(item);
     };
+
+    const getCode = (suspend: () => {}, next: () => {}) => {
+        suspend();
+        console.log('调用获取验证码接口');
+
+        setTimeout(() => {
+            console.log('验证码发送成功，开始倒计时');
+            next();
+        }, 2000);
+    };
 </script>
 ```
 

package/components/ste-login/components/loginFormItem.vue

@@ -112,8 +112,6 @@ const props = defineProps({
 });
 const emits = defineEmits(['update:modelValue', 'change', 'getCode']);
 
-console.log('config is ', props.config);
-
 const defaultConfig = {
     placeholder: '请输入',
 };
@@ -142,10 +140,28 @@ const handleChange = () => {
 
 const defaultCountValue = 60;
 let codeTimer: any;
-const getCode = () => {
+const getCode = async () => {
     if (count.value > 0) return;
+
+    let next = true;
+    const stop = new Promise<void>((resolve, reject) => {
+        emits(
+            'getCode',
+            () => (next = false),
+            () => resolve(),
+            () => reject()
+        );
+    });
+
+    if (!next) {
+        try {
+            await stop;
+        } catch (e) {
+            return;
+        }
+    }
+
     count.value = defaultCountValue;
-    emits('getCode');
     codeTimer = setInterval(() => {
         if (count.value <= 0) {
             clearInterval(codeTimer);

package/components/ste-login/props.ts

@@ -32,7 +32,7 @@ export const loginEmits = {
     secondaryBtnClick: (item: BtnItem) => item,
     tabChange: (item: BaseConfigItem) => item,
     formDataChange: (data: Record<string, any>) => data,
-    getCode: () => true,
+    getCode: (suspend: () => void, next: () => void, stop: () => void) => typeof suspend === 'function' && typeof next === 'function' && typeof stop === 'function',
 };
 
 export default loginProps;