stellar-ui-plus 1.20.4 → 1.20.6

package/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-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-dropdown-menu/ATTRIBUTES.md

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

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

@@ -338,6 +338,7 @@
 | 插槽名    | 说明     | 插槽参数 | 支持版本 |
 | --------- | -------- | -------- | -------- |
 | `default` | 内容插槽 | -        | -        |
+| `title`   | 标题插槽 | -        | `1.21.0` |
 
 ---$
 {{fuyuwei}}

package/components/ste-dropdown-menu/props.ts

@@ -16,6 +16,7 @@ const dropDownMenuProps = {
     type: { type: String, default: 'block' },
     max: { type: Number, default: 1 },
     dropDownIconColor: { type: String, default: '#bbbbbb' },
+    showPopup: { type: Boolean, default: false },
 };
 
 export type DropDownMenuProps = ExtractPropTypes<typeof dropDownMenuProps>;
@@ -28,4 +29,5 @@ export const dropDownMenuEmits = {
     change: (value: Array<any>) => Array.isArray(value),
     'item-choose': (item: any) => item,
     'update:modelValue': (value: Array<any>) => Array.isArray(value),
+    'update:showPopup': (value: boolean) => typeof value === 'boolean',
 };

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

@@ -86,6 +86,13 @@
             "type": "number",
             "default": "1"
         },
+        {
+            "name": "showPopup",
+            "description": "是否显示菜单弹窗",
+            "type": "boolean",
+            "default": "false",
+            "version": "1.21.0"
+        },
         {
             "name": "[event]change",
             "description": "选项改变时触发",

package/components/ste-dropdown-menu/ste-dropdown-menu.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { watch, computed, ref, type CSSProperties, getCurrentInstance, type ComponentPublicInstance } from 'vue';
+import { watch, computed, ref, type CSSProperties, getCurrentInstance, onUnmounted, type ComponentPublicInstance } from 'vue';
 import { useProvide } from '../../utils/mixin';
 import { DEFAULT_DURATION, MAX_DURATION, MIN_DURATION, DEFAULT_ROOT_QUERY } from './constans';
 import propsData, { DEOP_DOWN_MENU_KEY, dropDownMenuEmits } from './props';
@@ -103,6 +103,17 @@ watch(
     { immediate: true }
 );
 
+watch(
+    () => props.showPopup,
+    (val: boolean) => {
+        if (val) {
+            open();
+        } else {
+            close();
+        }
+    }
+);
+
 let menuItems = ref<DropdownItem[]>([]);
 function updateItems() {
     let childrens = internalChildren;
@@ -122,10 +133,12 @@ function loadMenuTitle() {
         menuTitle.value = props.title;
     }
 }
+
 function touchmove(e: TouchEvent) {
     // TODO nvue 取消冒泡
     e.stopPropagation();
 }
+
 async function getContentHeight() {
     let windowHeight = System.getWindowInfo().windowHeight;
 
@@ -133,6 +146,7 @@ async function getContentHeight() {
     menuRootQuery.value = { height: res.height || 0, top: res.top || 0, bottom: res.bottom || 0, left: res.left || 0 };
     contentHeight.value = props.direction == 'down' ? windowHeight - menuRootQuery.value.bottom : menuRootQuery.value.top;
 }
+
 async function handleMenuClick() {
     if (!showMenu.value) {
         await getContentHeight();
@@ -141,23 +155,56 @@ async function handleMenuClick() {
         close();
     }
 }
+
+// 防抖定时器
+let openTimer: any = null;
+let closeTimer: any = null;
+
 function open() {
-    showMenu.value = true;
-    hiddenContent.value = false;
-    emits('open');
+    // 清除之前的定时器
+    if (openTimer) clearTimeout(openTimer);
+    if (closeTimer) clearTimeout(closeTimer);
+
+    openTimer = setTimeout(
+        () => {
+            showMenu.value = true;
+            hiddenContent.value = false;
+            emits('open');
+            emits('update:showPopup', showMenu.value);
+        },
+        Number(cmpDuration.value) * 1000 + 10
+    ); //  防抖延迟，可根据需要调整
 }
+
 function close() {
-    showMenu.value = false;
-    setTimeout(
+    // 清除之前的定时器
+    if (closeTimer) clearTimeout(closeTimer);
+    if (openTimer) clearTimeout(openTimer);
+
+    closeTimer = setTimeout(
         () => {
-            hiddenContent.value = true;
-            contentHeight.value = 0;
-            menuRootQuery.value = DEFAULT_ROOT_QUERY;
-            emits('close');
+            showMenu.value = false;
+            setTimeout(
+                () => {
+                    hiddenContent.value = true;
+                    contentHeight.value = 0;
+                    menuRootQuery.value = DEFAULT_ROOT_QUERY;
+                    emits('close');
+                    emits('update:showPopup', showMenu.value);
+                },
+                Number(cmpDuration.value) * 1000
+            );
         },
-        Number(cmpDuration.value) * 1000
-    );
+        Number(cmpDuration.value) * 1000 + 10
+    ); //  防抖延迟
 }
+
+// 组件卸载时清理定时器
+onUnmounted(() => {
+    if (openTimer) clearTimeout(openTimer);
+    if (closeTimer) clearTimeout(closeTimer);
+});
+
 function choose(item: DropdownItem) {
     let temp = chooseItems;
     let index = temp.findIndex(e => e == item.value);
@@ -204,11 +251,15 @@ defineExpose({ close });
 <template>
     <view class="ste-dropdown-menu-root" :class="[cmpRootClass]" :style="[cmpRootStyle]" @touchmove.stop.prevent="touchmove" @wheel.stop.prevent>
         <view class="dropdown-placeholder" :style="[cmpMenuPlaceholderStyle]" @click="close" @touchmove.stop.prevent="touchmove" @wheel.stop.prevent />
-        <view class="menu-box" @click="handleMenuClick" @touchmove.stop.prevent="touchmove" @wheel.stop.prevent>
-            <text class="title">{{ menuTitle || title }}</text>
-            <view class="menu-title-icon">
-                <ste-icon code="&#xe699;" size="16" :color="dropDownIconColor"></ste-icon>
-            </view>
+        <view @click="handleMenuClick" @touchmove.stop.prevent="touchmove" @wheel.stop.prevent>
+            <slot name="title">
+                <view class="menu-box">
+                    <text class="title">{{ menuTitle || title }}</text>
+                    <view class="menu-title-icon">
+                        <ste-icon code="&#xe699;" size="16" :color="dropDownIconColor"></ste-icon>
+                    </view>
+                </view>
+            </slot>
         </view>
         <view :class="hiddenContent ? 'dropdown-content hidden' : 'dropdown-content'" :style="[cmpMenuContentStyle]" @click="handleMaskClick" @touchmove.stop.prevent="touchmove" @wheel.stop.prevent>
             <view class="menu-item-content" @click.stop="handleMenuConentClick">

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

@@ -10,79 +10,187 @@
 <script lang="ts" setup>
     import { reactive } from 'vue';
     // 筛选选项
-    const filterOptions = reactive([
-        { title: '全部', value: 'all' },
-        { title: '已打印', value: 'printed' },
-        { title: '未打印', value: 'unprinted' },
-        { title: '促销调价', value: 'promotion' },
-        { title: '促销回调', value: 'callback' },
-    ]);
     const subFilters = reactive([
         {
-            title: '调价类型',
+            title: '商品分类',
+            key: 'category',
+            children: [
+                { title: '电子产品123123213123213', value: 'electronics' },
+                { title: '服装鞋', value: 'clothing' },
+                { title: '家居用', value: 'home' },
+                { title: '运动户', value: 'sports' },
+                { title: '美妆护肤', value: 'beauty' },
+                { title: '食品饮料', value: 'food' },
+                { title: '母婴用品', value: 'baby' },
+                { title: '图书音像', value: 'books' },
+            ],
+            // rowCount: 4,
+        },
+        {
+            title: '商品状态',
+            key: 'status',
+            children: [
+                { title: '正常销售', value: 'active' },
+                { title: '暂时下架', value: 'inactive' },
+                { title: '库存不足', value: 'low_stock' },
+                { title: '预售中', value: 'presale' },
+                { title: '已售罄', value: 'sold_out' },
+                { title: '待审核', value: 'pending' },
+            ],
+            expandCount: 1,
+        },
+        {
+            title: '价格调整类型',
+            key: 'price_type',
             children: [
                 { title: '促销调价', value: 'promotion' },
-                { title: '促销回调', value: 'callback' },
-                { title: '促销回', value: 'callba' },
-                { title: '促销回调3', value: 'callback3' },
+                { title: '成本调价', value: 'cost_adjustment' },
+                { title: '市场调价', value: 'market_adjustment' },
+                { title: '季节调价', value: 'seasonal' },
+                { title: '清仓调价', value: 'clearance' },
+                { title: '促销回调', value: 'promotion_rollback' },
+                { title: '批量调价', value: 'batch_adjustment' },
+            ],
+        },
+        {
+            title: '供应商区域',
+            key: 'supplier_region',
+            children: [
+                { title: '华东地区', value: 'east_china' },
+                { title: '华北地区', value: 'north_china' },
+                { title: '华南地区', value: 'south_china' },
+                { title: '西南地区', value: 'southwest_china' },
+                { title: '华中地区', value: 'central_china' },
+                { title: '西北地区', value: 'northwest_china' },
+                { title: '东北地区', value: 'northeast_china' },
+                { title: '港澳台', value: 'hk_mo_tw' },
+                { title: '海外供应商', value: 'overseas' },
             ],
         },
         {
-            title: '打印状态',
+            title: '订单处理状态',
+            key: 'order_status',
             children: [
-                { title: '已打印', value: 'printed' },
-                { title: '未打印', value: 'unprinted' },
+                { title: '待确认', value: 'pending_confirm' },
+                { title: '待发货', value: 'pending_shipment' },
+                { title: '已发货', value: 'shipped' },
+                { title: '已完成', value: 'completed' },
+                { title: '已取消', value: 'cancelled' },
+                { title: '退货处理中', value: 'returning' },
+                { title: '已退货', value: 'returned' },
+                { title: '异常订单', value: 'exception' },
+                { title: '部分发货', value: 'partial_shipped' },
+            ],
+        },
+        {
+            title: '物流方式',
+            key: 'shipping_method',
+            children: [
+                { title: '顺丰速运', value: 'sf_express' },
+                { title: '申通快递', value: 'sto_express' },
+                { title: '圆通速递', value: 'yt_express' },
+                { title: '中通快递', value: 'zto_express' },
+                { title: '韵达速递', value: 'yunda_express' },
+                { title: '京东物流', value: 'jd_logistics' },
+                { title: '德邦快递', value: 'deppon' },
+                { title: '邮政EMS', value: 'ems' },
+                { title: '天天快递', value: 'tiantian' },
+            ],
+        },
+        {
+            title: '支付方式',
+            key: 'payment_method',
+            children: [
+                { title: '微信支付', value: 'wechat_pay' },
+                { title: '支付宝', value: 'alipay' },
+                { title: '银行卡支付', value: 'bank_card' },
+                { title: '货到付款', value: 'cod' },
+                { title: '余额支付', value: 'balance' },
+                { title: '花呗分期', value: 'huabei' },
+                { title: '信用卡分期', value: 'credit_card' },
+                { title: '企业转账', value: 'enterprise' },
             ],
         },
     ]);
 </script>
 <template>
     <view style="width: 100%">
-        <ste-filter-tool :filterData="filterOptions" :menu-data="subFilters" @item-click="handleFilterClick" value="all" />
+        <ste-filter-tool :data="subFilters" @item-click="handleFilterClick" value="all">
+            <view style="font-size: 24rpx">
+                <text>基础筛选</text>
+                <ste-icon code="&#xe6c7;" color="#000" size="24" />
+            </view>
+        </ste-filter-tool>
     </view>
 </template>
 ```
 
 #### 多选
 
-- 配置主筛选项使用`multiple` 属性
 - 配置下拉筛选是否多选需要在对象中指定`multiple` 属性
 
 ```html
 <script lang="ts" setup>
     import { reactive } from 'vue';
     // 筛选选项
-    const filterOptions = reactive([
-        { title: '全部', value: 'all' },
-        { title: '已打印', value: 'printed' },
-        { title: '未打印', value: 'unprinted' },
-        { title: '促销调价', value: 'promotion' },
-        { title: '促销回调', value: 'callback' },
-    ]);
-    const subFilters = reactive([
+    const checkboxFilters = reactive([
+        {
+            title: '默认排序',
+            key: 'category',
+            children: [
+                { title: '电子产品', value: 'electronics' },
+                { title: '服装鞋帽', value: 'clothing' },
+                { title: '家居用品', value: 'home' },
+                { title: '运动户外', value: 'sports' },
+                { title: '美妆护肤', value: 'beauty' },
+                { title: '余额支付', value: 'balance' },
+                { title: '花呗分期', value: 'huabei' },
+                { title: '信用卡分期', value: 'credit_card' },
+                { title: '企业转账', value: 'enterprise' },
+            ],
+        },
+        {
+            title: '建议量',
+            key: 'status',
+            children: [
+                { title: '正常销售', value: 'active' },
+                { title: '暂时下架', value: 'inactive' },
+                { title: '库存不足', value: 'low_stock' },
+                { title: '预售中', value: 'presale' },
+            ],
+        },
         {
-            title: '调价类型',
+            title: '门店库存',
+            key: 'price_type',
             children: [
                 { title: '促销调价', value: 'promotion' },
-                { title: '促销回调', value: 'callback' },
-                { title: '促销回', value: 'callba' },
-                { title: '促销回调3', value: 'callback3' },
+                { title: '成本调价', value: 'cost_adjustment' },
+                { title: '市场调价', value: 'market_adjustment' },
+                { title: '季节调价', value: 'seasonal' },
             ],
-            multiple: true,
         },
         {
-            title: '打印状态',
+            title: '日均销量',
+            key: 'supplier_region',
             children: [
-                { title: '已打印', value: 'printed' },
-                { title: '未打印', value: 'unprinted' },
+                { title: '华东地区', value: 'east_china' },
+                { title: '华北地区', value: 'north_china' },
+                { title: '华南地区', value: 'south_china' },
+                { title: '西南地区', value: 'southwest_china' },
+                { title: '华中地区', value: 'central_china' },
+                { title: '西北地区', value: 'northwest_china' },
             ],
-            multiple: true,
         },
     ]);
 </script>
 <template>
     <view style="width: 100%">
-        <ste-filter-tool :filterData="filterOptions2" :menu-data="subFilters2" @item-click="handleFilterClick" value="all" multiple />
+        <ste-filter-tool :data="checkboxFilters" filter-type="checkbox">
+            <view style="font-size: 24rpx">
+                <text>点击筛选</text>
+                <ste-icon code="&#xe6c7;" color="#000" size="24" />
+            </view>
+        </ste-filter-tool>
     </view>
 </template>
 ```

package/components/ste-filter-tool/props.ts

@@ -1,31 +1,22 @@
 import type { PropType } from 'vue';
-
-export interface FilterItem {
-    title: string;
-    children?: FilterItem[];
-    multiple?: boolean;
-    [key: string]: any;
-}
+import type { FilterItem, FilterType } from './type';
 
 const props = {
     value: { type: [String, Number, Array] as unknown as PropType<string | number | (string | number)[]>, default: '' },
-    multiple: { type: Boolean, default: false },
     activeColor: { type: String, default: '#0275FF' },
     inactiveColor: { type: String, default: '#555A61' },
-    filterText: { type: String, default: '筛选' },
-    menuData: {
-        type: Array as PropType<FilterItem[]>,
-        default: () => [],
-    },
-    filterData: {
+    filterType: { type: String as PropType<FilterType>, default: 'button' },
+    data: {
         type: Array as PropType<FilterItem[]>,
         default: () => [],
     },
 };
 
 export const filterToolEmits = {
-    itemClick: (items: FilterItem[]) => typeof items === 'object',
-    menuChange: (_items: FilterItem[]) => true,
+    // itemClick: (items: FilterItem[]) => typeof items === 'object',
+    // menuChange: (_items: FilterItem[]) => true,
+    confirm: (items: FilterItem[]) => typeof items === 'object',
+    reset: () => true,
 };
 
 export default props;