@tuya-miniapp/smart-ui 2.6.4-beta-6 → 2.6.4-beta-7

package/lib/picker/index.js

@@ -1,184 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../common/component");
-var shared_1 = require("./shared");
-(0, component_1.SmartComponent)({
-    classes: ['hairline-class', 'active-class', 'toolbar-class', 'column-class'],
-    props: __assign(__assign({}, shared_1.pickerProps), { valueKey: {
-            type: String,
-            value: 'text',
-        }, toolbarPosition: {
-            type: String,
-            value: 'top',
-        }, defaultIndex: {
-            type: Number,
-            value: 0,
-        }, activeIndex: {
-            type: Number,
-            value: -1,
-        }, unit: {
-            type: String,
-            value: '',
-        }, columns: {
-            type: Array,
-            value: [],
-            observer: function (columns) {
-                if (columns === void 0) { columns = []; }
-                this.simple = columns.length && !columns[0].values;
-                if (Array.isArray(this.children) && this.children.length) {
-                    this.setColumns().catch(function () { });
-                }
-            },
-        } }),
-    data: {
-        animating: false,
-    },
-    beforeCreate: function () {
-        var _this = this;
-        Object.defineProperty(this, 'children', {
-            get: function () { return _this.selectAllComponents('.smart-picker__column') || []; },
-        });
-    },
-    methods: {
-        noop: function () { },
-        setColumns: function () {
-            var _this = this;
-            var data = this.data;
-            var columns = this.simple ? [{ values: data.columns }] : data.columns;
-            var stack = columns.map(function (column, index) {
-                return _this.setColumnValues(index, column.values);
-            });
-            return Promise.all(stack);
-        },
-        emit: function (event) {
-            var type = event.currentTarget.dataset.type;
-            if (this.simple) {
-                this.$emit(type, {
-                    value: this.getColumnValue(0),
-                    index: this.getColumnIndex(0),
-                });
-            }
-            else {
-                this.$emit(type, {
-                    value: this.getValues(),
-                    index: this.getIndexes(),
-                });
-            }
-        },
-        onChange: function (event) {
-            if (this.simple) {
-                this.$emit('change', {
-                    picker: this,
-                    value: this.getColumnValue(0),
-                    index: this.getColumnIndex(0),
-                });
-            }
-            else {
-                this.$emit('change', {
-                    picker: this,
-                    value: this.getValues(),
-                    index: event.currentTarget.dataset.index,
-                });
-            }
-        },
-        // get column instance by index
-        getColumn: function (index) {
-            return this.children[index];
-        },
-        // get column value by index
-        getColumnValue: function (index) {
-            var column = this.getColumn(index);
-            return column && column.getValue();
-        },
-        // set column value by index
-        setColumnValue: function (index, value) {
-            var column = this.getColumn(index);
-            if (column == null) {
-                return Promise.reject(new Error('setColumnValue: The corresponding column does not exist'));
-            }
-            return column.setValue(value);
-        },
-        // get column option index by column index
-        getColumnIndex: function (columnIndex) {
-            return (this.getColumn(columnIndex) || {}).data.currentIndex;
-        },
-        // set column option index by column index
-        setColumnIndex: function (columnIndex, optionIndex) {
-            var column = this.getColumn(columnIndex);
-            if (column == null) {
-                return Promise.reject(new Error('setColumnIndex: The corresponding column does not exist'));
-            }
-            return column.setIndex(optionIndex);
-        },
-        // get options of column by index
-        getColumnValues: function (index) {
-            return (this.children[index] || {}).data.options;
-        },
-        // set options of column by index
-        setColumnValues: function (index, options, needReset) {
-            if (needReset === void 0) { needReset = true; }
-            var column = this.children[index];
-            if (column == null) {
-                return Promise.reject(new Error('setColumnValues: The corresponding column does not exist'));
-            }
-            var isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
-            if (isSame) {
-                return Promise.resolve();
-            }
-            return column.set({ options: options }).then(function () {
-                if (needReset) {
-                    column.setIndex(0);
-                }
-            });
-        },
-        // get values of all columns
-        getValues: function () {
-            return this.children.map(function (child) { return child.getValue(); });
-        },
-        // set values of all columns
-        setValues: function (values) {
-            var _this = this;
-            var stack = values.map(function (value, index) { return _this.setColumnValue(index, value); });
-            return Promise.all(stack);
-        },
-        // get indexes of all columns
-        getIndexes: function () {
-            return this.children.map(function (child) { return child.data.currentIndex; });
-        },
-        // set indexes of all columns
-        setIndexes: function (indexes) {
-            var _this = this;
-            var stack = indexes.map(function (optionIndex, columnIndex) {
-                return _this.setColumnIndex(columnIndex, optionIndex);
-            });
-            return Promise.all(stack);
-        },
-        animationStart: function () {
-            if (this.data.animating)
-                return;
-            this.setData({
-                animating: true,
-            });
-            this.$emit('animation-start');
-        },
-        animationEnd: function () {
-            if (!this.data.animating)
-                return;
-            this.setData({
-                animating: false,
-            });
-            this.$emit('animation-end');
-        },
-    },
-});

package/lib/picker/index.json

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "picker-column": "../picker-column/index",
-    "loading": "../loading/index"
-  }
-}

package/lib/picker/index.wxml

@@ -1,47 +0,0 @@
-<wxs src="./index.wxs" module="computed" />
-
-<view class="smart-picker custom-class">
-  <include wx:if="{{ toolbarPosition === 'top' }}" src="./toolbar.wxml" />
-
-  <view wx:if="{{ loading }}" class="smart-picker__loading">
-    <loading color="#1989fa"/>
-  </view>
-
-  <view
-    class="smart-picker__columns"
-    style="{{ computed.columnsStyle({ itemHeight, visibleItemCount }) }}"
-    catch:touchmove="noop"
-  >
-    <picker-column
-      class="smart-picker__column"
-      wx:for="{{ computed.columns(columns) }}"
-      wx:key="index"
-      data-index="{{ index }}"
-      animation-time="{{ animationTime }}"
-      custom-class="column-class"
-      value-key="{{ valueKey }}"
-      style="order: {{ item.order }}; {{ computed.style(item.style) }}"
-      active-style="{{ activeStyle }}"
-      font-style="{{computed.style(item.fontStyle)}}"
-      options="{{ item.values }}"
-      disabled="{{ item.disabled || false }}"
-      unit="{{ item.unit || unit }}"
-      changeAnimation="{{ changeAnimation }}"
-      default-index="{{ item.defaultIndex || defaultIndex }}"
-      active-index="{{ item.activeIndex || activeIndex }}"
-      item-height="{{ itemHeight }}"
-      visible-item-count="{{ visibleItemCount }}"
-      active-class="active-class"
-      bind:change="onChange"
-      bind:animation-start="animationStart"
-      bind:animation-end="animationEnd"
-    />
-
-    <view
-      class="smart-picker__frame smart-hairline--top-bottom hairline-class"
-      style="{{ computed.frameStyle({ itemHeight }) }}"
-    />
-  </view>
-
-  <include wx:if="{{ toolbarPosition === 'bottom' }}" src="./toolbar.wxml" />
-</view>

package/lib/picker/index.wxs

@@ -1,44 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-var array = require('../wxs/array.wxs');
-
-function columnsStyle(data) {
-  return style({
-    height: addUnit(data.itemHeight * data.visibleItemCount),
-  });
-}
-
-function maskStyle(data) {
-  return style({
-    'background-size':
-      '100% ' + addUnit((data.itemHeight * (data.visibleItemCount - 1)) / 2),
-  });
-}
-
-function frameStyle(data) {
-  return style({
-    height: addUnit(data.itemHeight),
-    position: 'absolute'
-  });
-}
-
-function columns(columns) {
-  if (!array.isArray(columns)) {
-    return [];
-  }
-
-  if (columns.length && !columns[0].values) {
-    return [{ values: columns }];
-  }
-
-  return columns;
-}
-
-module.exports = {
-  columnsStyle: columnsStyle,
-  frameStyle: frameStyle,
-  maskStyle: maskStyle,
-  columns: columns,
-  style: style
-};

package/lib/picker/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker/shared.d.ts

@@ -1,33 +0,0 @@
-export declare const pickerProps: {
-    title: StringConstructor;
-    loading: BooleanConstructor;
-    showToolbar: BooleanConstructor;
-    cancelButtonText: {
-        type: StringConstructor;
-        value: string;
-    };
-    confirmButtonText: {
-        type: StringConstructor;
-        value: string;
-    };
-    visibleItemCount: {
-        type: NumberConstructor;
-        value: number;
-    };
-    itemHeight: {
-        type: NumberConstructor;
-        value: number;
-    };
-    changeAnimation: {
-        type: BooleanConstructor;
-        value: boolean;
-    };
-    animationTime: {
-        type: NumberConstructor;
-        value: number;
-    };
-    activeStyle: {
-        type: StringConstructor;
-        value: string;
-    };
-};

package/lib/picker/shared.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pickerProps = void 0;
-exports.pickerProps = {
-    title: String,
-    loading: Boolean,
-    showToolbar: Boolean,
-    cancelButtonText: {
-        type: String,
-        value: 'Cancel',
-    },
-    confirmButtonText: {
-        type: String,
-        value: 'Confirm',
-    },
-    visibleItemCount: {
-        type: Number,
-        value: 5,
-    },
-    itemHeight: {
-        type: Number,
-        value: 44,
-    },
-    changeAnimation: {
-        type: Boolean,
-        value: false,
-    },
-    animationTime: {
-        type: Number,
-        value: 300,
-    },
-    activeStyle: {
-        type: String,
-        value: '',
-    },
-};

package/lib/picker/toolbar.wxml

@@ -1,23 +0,0 @@
-<view wx:if="{{ showToolbar }}" class="smart-picker__toolbar toolbar-class">
-  <view
-    class="smart-picker__cancel"
-    hover-class="smart-picker__cancel--hover"
-    hover-stay-time="70"
-    data-type="cancel"
-    bindtap="emit"
-  >
-    {{ cancelButtonText }}
-  </view>
-  <view wx:if="{{ title }}" class="smart-picker__title smart-ellipsis">{{
-    title
-  }}</view>
-  <view
-    class="smart-picker__confirm"
-    hover-class="smart-picker__confirm--hover"
-    hover-stay-time="70"
-    data-type="confirm"
-    bindtap="emit"
-  >
-    {{ confirmButtonText }}
-  </view>
-</view>

package/lib/picker-column/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.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;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);left:100%;margin-left:var(--picker-option-unit-mid-size,4px);position:absolute;text-align:left;top:50%;transform:translateY(-50%);white-space:nowrap}.smart-picker-column__max-text{color:transparent;font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bold,500);position:relative}.smart-picker-column--disabled{opacity:var(--picker-option-disabled-opacity,.3)}

package/lib/picker-column/index.d.ts

@@ -1 +0,0 @@
-export {};