stellar-ui-plus 1.20.16 → 1.20.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/ste-goods-info/ATTRIBUTES.md +4 -0
  2. package/components/ste-number-keyboard/ATTRIBUTES.md +1 -0
  3. package/components/ste-stepper/ATTRIBUTES.md +1 -0
  4. package/components/ste-user-info/ATTRIBUTES.md +1 -0
  5. package/components/ste-user-info/README.md +88 -15
  6. package/components/ste-user-info/ste-user-info.vue +26 -4
  7. package/package.json +1 -1
  8. package/utils/System.ts +1 -1
package/components/ste-goods-info/ATTRIBUTES.md CHANGED
@@ -2,7 +2,9 @@
2
2
  | 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
3
3
  | ----- | ----- | --- | ------- | ------ | -------- |
4
4
  | `data` | 商品数据 | `{ image: string; title: string; tag?: string; barCode: string; code: string; price: string / number; originalPrice?: string / number }` | `{}` | - | - |
5
+ | `background` | 组件背景色 | `string` | `#fff` | - | - |
5
6
  | `imageSize` | 图片大小 | `string / number` | `160` | - | - |
7
+ | `imageRadius` | 图片圆角 | `string / number` | `4` | - | - |
6
8
  | `hidePrice` | 隐藏价格 | `boolean` | `false` | - | - |
7
9
  | `priceSize` | 价格文本大小 | `string / number` | `28` | - | - |
8
10
  | `priceColor` | 价格文本颜色 | `string` | `#ea4335` | - | - |
@@ -16,6 +18,7 @@
16
18
  | `number` | 数量 | `number` | `1` | - | - |
17
19
  | `stepper` | 是否显示步进器 | `boolean` | `false` | - | - |
18
20
  | `readonlyStepper` | 步进器只读 | `boolean` | `false` | - | - |
21
+ | `readonlyStepperInput` | 步进器输入框只读 | `boolean` | `false` | - | - |
19
22
  | `disabledStepper` | 禁用步进器 | `boolean` | `false` | - | - |
20
23
  | `disableInput` | 禁用步进器输入框 | `boolean` | `false` | - | - |
21
24
  | `disablePlus` | 禁用步进器加号 | `boolean` | `false` | - | - |
@@ -35,3 +38,4 @@
35
38
  | `plus` | 点击加号前置钩子函数 | `value`：改变后的绑定值<br/>`suspend`：等待<br/>`next`：继续<br/>`stop`：停止 | - |
36
39
  | `minus` | 点击减号前置钩子函数 | `value`：改变后的绑定值<br/>`suspend`：等待<br/>`next`：继续<br/>`stop`：停止 | - |
37
40
  | `click-suggest` | 点击建议模块触发 | `type`：点击的区域：'method' / 'back' / 'item' / 'right'<br/>`item`：type为item时，点击的item对象 | - |
41
+ | `click-stepper-input` | 点击步进器输入框触发 | - | - |
package/components/ste-number-keyboard/ATTRIBUTES.md CHANGED
@@ -15,6 +15,7 @@
15
15
  | `keyBg` | 按键背景颜色 | `string` | `#fff` | - | - |
16
16
  | `background` | 背景颜色 | `string` | `#f9f9f9` | - | - |
17
17
  | `textSize` | 按键文字大小 | `number / string` | `48` | - | - |
18
+ | `backspaceSize` | 回退按钮图标大小 | `number / string` | `48` | - | - |
18
19
  | `confirmBg` | 确定按钮背景颜色 | `string` | `#0090FF` | - | - |
19
20
  | `confirmColor` | 确定按钮文字颜色 | `string` | `#ffffff` | - | - |
20
21
  | `undefined` | - | `undefined` | - | - | - |
package/components/ste-stepper/ATTRIBUTES.md CHANGED
@@ -14,6 +14,7 @@
14
14
  | `disablePlus` | 是否禁用增加按钮 | `boolean` | `false` | - | - |
15
15
  | `disableMinus` | 是否禁用减少按钮 | `boolean` | `false` | - | - |
16
16
  | `disableInput` | 是否禁用输入框 | `boolean` | `false` | - | - |
17
+ | `readonlyInput` | 输入框只读 | `boolean` | `false` | - | - |
17
18
  | `background` | 徽标：背景 | `string` | `#ee0a24` | - | - |
18
19
  | `showDot` | 徽标：是否展示为小红点 | `boolean` | `false` | - | - |
19
20
  | `offsetX` | 徽标：根据徽标位置,设置x轴偏移量 | `number / string` | `auto` | - | - |
package/components/ste-user-info/ATTRIBUTES.md CHANGED
@@ -7,6 +7,7 @@
7
7
  | `list` | 数据列表（最多三个） | `Array` | `[]` | - | - |
8
8
  | `codeSrc` | 功能码图片 | `String` | `` | - | - |
9
9
  | `codeTitle` | 功能码标题 | `String` | `` | - | - |
10
+ | `codeTitleColor` | 功能码标题颜色 | `String` | `主题色` | - | - |
10
11
  | `showCode` | 是否展示功能码相关 | `Boolean` | `true` | - | - |
11
12
 
12
13
 
package/components/ste-user-info/README.md CHANGED
@@ -23,25 +23,98 @@
23
23
  { title: '余额', value: '100' },
24
24
  { title: '订餐数', value: '8' },
25
25
  ]);
26
+
27
+ let list2 = ref([
28
+ { title: '数据1', value: '100' },
29
+ { title: '数据2', value: '8' },
30
+ { title: '数据3', value: '8' },
31
+ ]);
32
+ let list3 = ref([{ title: '数据1', value: '100' }]);
26
33
  </script>
27
34
  <template>
28
- <ste-user-info
29
- avatar="https://image.whzb.com/chain/StellarUI/图片.jpg"
30
- nickname="张三"
31
- :list="list1"
32
- codeSrc="https://image.whzb.com/chain/StellarUI/image/code1.png"
33
- codeTitle="核销码"
34
- codeTitleColor="#EC3E1A"
35
- >
36
- <template v-slot:desc>
37
- <view class="desc">
38
- <ste-icon code="&#xe670;" color="#EC3E1A" size="26"></ste-icon>
39
- <view class="title">中百食堂</view>
40
- </view>
41
- </template>
42
- </ste-user-info>
35
+ <view class="item-block">
36
+ <view>
37
+ <ste-user-info
38
+ avatar="https://image.whzb.com/chain/StellarUI/图片.jpg"
39
+ nickname="张三"
40
+ :list="list1"
41
+ codeSrc="https://image.whzb.com/chain/StellarUI/image/code1.png"
42
+ codeTitle="核销码"
43
+ codeTitleColor="#EC3E1A"
44
+ >
45
+ <template v-slot:desc>
46
+ <view class="desc">
47
+ <ste-icon code="&#xe670;" color="#EC3E1A" size="26"></ste-icon>
48
+ <view class="title">中百食堂</view>
49
+ </view>
50
+ </template>
51
+ </ste-user-info>
52
+ </view>
53
+ </view>
54
+ <view class="item-block">
55
+ <view>
56
+ <ste-user-info
57
+ avatar="https://image.whzb.com/chain/StellarUI/图片.jpg"
58
+ nickname="张三"
59
+ :list="[]"
60
+ codeSrc="https://image.whzb.com/chain/StellarUI/image/code1.png"
61
+ codeTitle="核销码"
62
+ codeTitleColor="#EC3E1A"
63
+ >
64
+ <template v-slot:desc>
65
+ <view class="desc">
66
+ <ste-icon code="&#xe670;" color="#EC3E1A" size="26"></ste-icon>
67
+ <view class="title">中百食堂</view>
68
+ </view>
69
+ </template>
70
+ </ste-user-info>
71
+ </view>
72
+ </view>
73
+ <view class="item-block">
74
+ <view>
75
+ <ste-user-info
76
+ avatar="https://image.whzb.com/chain/StellarUI/图片.jpg"
77
+ nickname="张三"
78
+ :list="list3"
79
+ codeSrc="https://image.whzb.com/chain/StellarUI/image/code1.png"
80
+ codeTitle="核销码"
81
+ codeTitleColor="#EC3E1A"
82
+ >
83
+ <template v-slot:desc>
84
+ <view class="desc">
85
+ <ste-icon code="&#xe670;" color="#EC3E1A" size="26"></ste-icon>
86
+ <view class="title">中百食堂</view>
87
+ </view>
88
+ </template>
89
+ </ste-user-info>
90
+ </view>
91
+ </view>
92
+ <view class="item-block">
93
+ <view>
94
+ <ste-user-info
95
+ avatar="https://image.whzb.com/chain/StellarUI/图片.jpg"
96
+ nickname="张三"
97
+ :list="list2"
98
+ codeSrc="https://image.whzb.com/chain/StellarUI/image/code1.png"
99
+ codeTitle="核销码"
100
+ codeTitleColor="#EC3E1A"
101
+ >
102
+ <template v-slot:desc>
103
+ <view class="desc">
104
+ <ste-icon code="&#xe670;" color="#EC3E1A" size="26"></ste-icon>
105
+ <view class="title">中百食堂</view>
106
+ </view>
107
+ </template>
108
+ </ste-user-info>
109
+ </view>
110
+ </view>
43
111
  </template>
44
112
  <style>
113
+ .item-block {
114
+ > view {
115
+ margin: 0 36rpx 36rpx 0;
116
+ }
117
+ }
45
118
  .desc {
46
119
  display: flex;
47
120
  align-items: center;
package/components/ste-user-info/ste-user-info.vue CHANGED
@@ -21,7 +21,31 @@ const cmpRootStyle = computed(() => {
21
21
  const cmpDataStyle = computed(() => {
22
22
  let style: CSSProperties = {};
23
23
  if (props.showUserInfo && props.showCode) {
24
- style.margin = '0 0 0 58rpx';
24
+ if (props.list.length == 1) {
25
+ style['justify-content'] = 'center';
26
+ style.margin = '0 0 0 54rpx';
27
+ }
28
+ if (props.list.length == 2) {
29
+ style['justify-content'] = 'space-between';
30
+ style.margin = '0 0 0 54rpx';
31
+ }
32
+ if (props.list.length == 3) {
33
+ style['justify-content'] = 'space-between';
34
+ style.margin = '0 0 0 24rpx';
35
+ }
36
+ }
37
+ return style;
38
+ });
39
+
40
+ const cmpLineStyle = computed(() => {
41
+ let style: CSSProperties = {};
42
+ if (props.showUserInfo && props.showCode) {
43
+ if (props.list.length == 0 || props.list.length == 1 || props.list.length == 2) {
44
+ style.margin = '0 40rpx 0 44rpx';
45
+ }
46
+ if (props.list.length == 3) {
47
+ style.margin = '0 22rpx 0 28rpx';
48
+ }
25
49
  }
26
50
  return style;
27
51
  });
@@ -53,7 +77,7 @@ const cmpCodeStyle = computed(() => {
53
77
  <view class="title">{{ item.title }}</view>
54
78
  </view>
55
79
  </view>
56
- <view class="line" v-if="showUserInfo && showCode"></view>
80
+ <view class="line" v-if="showUserInfo && showCode" :style="[cmpLineStyle]"></view>
57
81
  <view class="code-box" v-if="showCode">
58
82
  <view class="top">
59
83
  <ste-image :src="codeSrc" :height="60" :width="60"></ste-image>
@@ -107,7 +131,6 @@ const cmpCodeStyle = computed(() => {
107
131
 
108
132
  .data-box {
109
133
  display: flex;
110
- justify-content: space-evenly;
111
134
  flex: 1;
112
135
  .item {
113
136
  .title {
@@ -132,7 +155,6 @@ const cmpCodeStyle = computed(() => {
132
155
  width: 0rpx;
133
156
  height: 50rpx;
134
157
  border-left: 4rpx solid #f1f1f1;
135
- margin: 0 46rpx 0 40rpx;
136
158
  }
137
159
 
138
160
  .code-box {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stellar-ui-plus",
3
- "version": "1.20.16",
3
+ "version": "1.20.18",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "license": "MIT",
package/utils/System.ts CHANGED
@@ -71,7 +71,7 @@ export default class System {
71
71
  // #ifdef MP-WEIXIN
72
72
  let windowInfo = wx.getWindowInfo();
73
73
  windowInfo.safeAreaInsets = {
74
- bottom: windowInfo.screenHeight - windowInfo.safeArea.bottom,
74
+ bottom: (windowInfo?.screenHeight ?? 812) - (windowInfo?.safeArea?.bottom ?? 778),
75
75
  };
76
76
  return windowInfo;
77
77
  // #endif