@tuya-miniapp/smart-ui 2.6.0-beta-5 → 2.6.0-beta-7

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 (9) hide show
  1. package/dist/circle/index.rjs +1 -0
  2. package/dist/datetime-picker/index.js +19 -13
  3. package/dist/picker-column/index.css +1 -1
  4. package/dist/picker-column/index.wxss +1 -1
  5. package/lib/circle/index.rjs +1 -0
  6. package/lib/datetime-picker/index.js +19 -13
  7. package/lib/picker-column/index.css +1 -1
  8. package/lib/picker-column/index.wxss +1 -1
  9. package/package.json +1 -1
package/dist/circle/index.rjs CHANGED
@@ -39,6 +39,7 @@ export default Render({
39
39
  this.fillColor = data.fillColor;
40
40
  this.mode = data.mode;
41
41
  this.gradientColor = data.gradientColor;
42
+ this.round = data.round;
42
43
 
43
44
  ctx.scale(this.dpr, this.dpr);
44
45
  this.render(data.percent);
package/dist/datetime-picker/index.js CHANGED
@@ -139,16 +139,22 @@ SmartComponent({
139
139
  }
140
140
  return formatter(type, value);
141
141
  },
142
- updateColumns() {
142
+ updateColumns(values) {
143
143
  const { locale, columnStyles, fontStyles } = this.data;
144
- const results = this.getOriginColumns().map(column => ({
145
- values: column.values.map(value => this.formatterFunc(column.type, value, this.data)),
146
- order: column.order,
147
- unit: locale === null || locale === void 0 ? void 0 : locale[column.type],
148
- style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
149
- fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
150
- }));
151
- return this.set({ columns: results });
144
+ const results = this.getOriginColumns().map((column, index) => {
145
+ const value = values[index];
146
+ const list = column.values.map(value => this.formatterFunc(column.type, value, this.data));
147
+ const activeIndex = list.findIndex(item => item === value);
148
+ return {
149
+ values: list,
150
+ order: column.order,
151
+ unit: locale === null || locale === void 0 ? void 0 : locale[column.type],
152
+ style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
153
+ fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
154
+ activeIndex,
155
+ };
156
+ });
157
+ return this.setData({ columns: results });
152
158
  },
153
159
  getOriginColumns() {
154
160
  const { filter, is12HourClock, type, amText, pmText, columnsOrder } = this.data;
@@ -348,7 +354,8 @@ SmartComponent({
348
354
  value = new Date(year, month - 1, date, hour, minute);
349
355
  }
350
356
  value = this.correctValue(value, true);
351
- this.updateColumnValue(value);
357
+ const innerValue = this.correctValue(value);
358
+ this.updateColumnValue(innerValue);
352
359
  picker.value = value;
353
360
  this.$emit('input', value);
354
361
  this.$emit('change', picker);
@@ -357,7 +364,6 @@ SmartComponent({
357
364
  let values = [];
358
365
  const { type, is12HourClock } = this.data;
359
366
  const formatter = this.formatterFunc;
360
- const picker = this.getPicker();
361
367
  if (type === 'time' && is12HourClock) {
362
368
  const [hour, minute] = value.split(':');
363
369
  const part = Number(hour) > 0 && Number(hour) < 13 ? 0 : 1;
@@ -388,8 +394,8 @@ SmartComponent({
388
394
  }
389
395
  }
390
396
  this.setData({ innerValue: value });
391
- this.updateColumns();
392
- picker.setValues(values);
397
+ this.updateColumns(values);
398
+ // picker.setValues(values);
393
399
  // return this.set({ innerValue: value })
394
400
  // .then(() => this.updateColumns())
395
401
  // .then(() => picker.setValues(values));
package/dist/picker-column/index.css CHANGED
@@ -1 +1 @@
1
- @import '../common/index.css';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
1
+ @import '../common/index.css';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--picker-option-selected-font-weight-bold,var(--font-weight-bold,700))}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
package/dist/picker-column/index.wxss CHANGED
@@ -1 +1 @@
1
- @import '../common/index.wxss';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
1
+ @import '../common/index.wxss';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--picker-option-selected-font-weight-bold,var(--font-weight-bold,700))}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
package/lib/circle/index.rjs CHANGED
@@ -39,6 +39,7 @@ export default Render({
39
39
  this.fillColor = data.fillColor;
40
40
  this.mode = data.mode;
41
41
  this.gradientColor = data.gradientColor;
42
+ this.round = data.round;
42
43
 
43
44
  ctx.scale(this.dpr, this.dpr);
44
45
  this.render(data.percent);
package/lib/datetime-picker/index.js CHANGED
@@ -170,17 +170,23 @@ var defaultFormatter = function (type, value) {
170
170
  }
171
171
  return formatter(type, value);
172
172
  },
173
- updateColumns: function () {
173
+ updateColumns: function (values) {
174
174
  var _this = this;
175
175
  var _a = this.data, locale = _a.locale, columnStyles = _a.columnStyles, fontStyles = _a.fontStyles;
176
- var results = this.getOriginColumns().map(function (column) { return ({
177
- values: column.values.map(function (value) { return _this.formatterFunc(column.type, value, _this.data); }),
178
- order: column.order,
179
- unit: locale === null || locale === void 0 ? void 0 : locale[column.type],
180
- style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
181
- fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
182
- }); });
183
- return this.set({ columns: results });
176
+ var results = this.getOriginColumns().map(function (column, index) {
177
+ var value = values[index];
178
+ var list = column.values.map(function (value) { return _this.formatterFunc(column.type, value, _this.data); });
179
+ var activeIndex = list.findIndex(function (item) { return item === value; });
180
+ return {
181
+ values: list,
182
+ order: column.order,
183
+ unit: locale === null || locale === void 0 ? void 0 : locale[column.type],
184
+ style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
185
+ fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
186
+ activeIndex: activeIndex,
187
+ };
188
+ });
189
+ return this.setData({ columns: results });
184
190
  },
185
191
  getOriginColumns: function () {
186
192
  var _a = this.data, filter = _a.filter, is12HourClock = _a.is12HourClock, type = _a.type, amText = _a.amText, pmText = _a.pmText, columnsOrder = _a.columnsOrder;
@@ -381,7 +387,8 @@ var defaultFormatter = function (type, value) {
381
387
  value = new Date(year, month - 1, date, hour, minute);
382
388
  }
383
389
  value = this.correctValue(value, true);
384
- this.updateColumnValue(value);
390
+ var innerValue = this.correctValue(value);
391
+ this.updateColumnValue(innerValue);
385
392
  picker.value = value;
386
393
  this.$emit('input', value);
387
394
  this.$emit('change', picker);
@@ -390,7 +397,6 @@ var defaultFormatter = function (type, value) {
390
397
  var values = [];
391
398
  var _a = this.data, type = _a.type, is12HourClock = _a.is12HourClock;
392
399
  var formatter = this.formatterFunc;
393
- var picker = this.getPicker();
394
400
  if (type === 'time' && is12HourClock) {
395
401
  var _b = value.split(':'), hour = _b[0], minute = _b[1];
396
402
  var part = Number(hour) > 0 && Number(hour) < 13 ? 0 : 1;
@@ -421,8 +427,8 @@ var defaultFormatter = function (type, value) {
421
427
  }
422
428
  }
423
429
  this.setData({ innerValue: value });
424
- this.updateColumns();
425
- picker.setValues(values);
430
+ this.updateColumns(values);
431
+ // picker.setValues(values);
426
432
  // return this.set({ innerValue: value })
427
433
  // .then(() => this.updateColumns())
428
434
  // .then(() => picker.setValues(values));
package/lib/picker-column/index.css CHANGED
@@ -1 +1 @@
1
- @import '../common/index.css';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
1
+ @import '../common/index.css';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--picker-option-selected-font-weight-bold,var(--font-weight-bold,700))}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
package/lib/picker-column/index.wxss CHANGED
@@ -1 +1 @@
1
- @import '../common/index.wxss';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
1
+ @import '../common/index.wxss';:root{--app-overlay:rgba(0,0,0,.4)}:root[theme=dark]{--app-overlay:rgba(0,0,0,.7)}.smart-picker-column{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);text-align:center}.smart-picker-column,.smart-picker-column__offset{position:relative;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{pointer-events:none}.smart-picker-column__item--selected{color:var(--picker-option-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--picker-option-selected-font-weight-bold,var(--font-weight-bold,700))}.smart-picker-column__item--disabled{opacity:var(--picker-option-disabled-opacity,.3)}.smart-picker-column__mask{background:transparent;display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%;z-index:10}.smart-picker-column__mask__item{flex:1}.smart-picker-column__unit{align-items:center;display:flex;gap:var(--picker-option-unit-mid-size,0);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--picker-option-unit-font-size,12px)}.smart-picker-column__unit_hidden{opacity:0}.smart-picker-column__max-text{font-weight:var(--font-weight-bold,500);opacity:0}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tuya-miniapp/smart-ui",
3
- "version": "2.6.0-beta-5",
3
+ "version": "2.6.0-beta-7",
4
4
  "author": "MiniApp Team",
5
5
  "license": "MIT",
6
6
  "miniprogram": "lib",