@tuya-miniapp/smart-ui 2.7.2-beta-9 → 2.7.2-beta-11

package/dist/picker/index.js

@@ -1,168 +0,0 @@
-import { SmartComponent } from '../common/component';
-import { pickerProps } from './shared';
-SmartComponent({
-    classes: ['hairline-class', 'active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { valueKey: {
-            type: String,
-            value: 'text',
-        }, toolbarPosition: {
-            type: String,
-            value: 'top',
-        }, fullHeight: {
-            type: Boolean,
-            value: false,
-        }, defaultIndex: {
-            type: Number,
-            value: 0,
-        }, activeIndex: {
-            type: null,
-        }, unit: {
-            type: String,
-            value: '',
-        }, columns: {
-            type: Array,
-            value: [],
-            observer(columns = []) {
-                this.simple = columns.length && !columns[0].values;
-                if (Array.isArray(this.children) && this.children.length) {
-                    this.setColumns().catch(() => { });
-                }
-            },
-        } }),
-    data: {
-        animating: false,
-    },
-    beforeCreate() {
-        Object.defineProperty(this, 'children', {
-            get: () => this.selectAllComponents('.smart-picker__column') || [],
-        });
-    },
-    mounted() {
-        if (![3, 5, 7, 9].includes(this.data.visibleItemCount)) {
-            console.error('visibleItemCount 的值必须为 3, 5, 7, 9');
-        }
-    },
-    methods: {
-        noop() { },
-        setColumns() {
-            const { data } = this;
-            const columns = this.simple ? [{ values: data.columns }] : data.columns;
-            const stack = columns.map((column, index) => this.setColumnValues(index, column.values));
-            return Promise.all(stack);
-        },
-        emit(event) {
-            const { type } = event.currentTarget.dataset;
-            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(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(index) {
-            return this.children[index];
-        },
-        // get column value by index
-        getColumnValue(index) {
-            const column = this.getColumn(index);
-            return column && column.getValue();
-        },
-        // set column value by index
-        setColumnValue(index, value) {
-            const 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(columnIndex) {
-            return (this.getColumn(columnIndex) || {}).data.currentIndex;
-        },
-        // set column option index by column index
-        setColumnIndex(columnIndex, optionIndex) {
-            const 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(index) {
-            return (this.children[index] || {}).data.options;
-        },
-        // set options of column by index
-        setColumnValues(index, options, needReset = true) {
-            const column = this.children[index];
-            if (column == null) {
-                return Promise.reject(new Error('setColumnValues: The corresponding column does not exist'));
-            }
-            const isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
-            if (isSame) {
-                return Promise.resolve();
-            }
-            return column.set({ options }).then(() => {
-                if (needReset) {
-                    column.setIndex(0);
-                }
-            });
-        },
-        // get values of all columns
-        getValues() {
-            return this.children.map(child => child.getValue());
-        },
-        // set values of all columns
-        setValues(values) {
-            const stack = values.map((value, index) => this.setColumnValue(index, value));
-            return Promise.all(stack);
-        },
-        // get indexes of all columns
-        getIndexes() {
-            return this.children.map(child => child.data.currentIndex);
-        },
-        // set indexes of all columns
-        setIndexes(indexes) {
-            const stack = indexes.map((optionIndex, columnIndex) => this.setColumnIndex(columnIndex, optionIndex));
-            return Promise.all(stack);
-        },
-        animationStart() {
-            if (this.data.animating)
-                return;
-            this.setData({
-                animating: true,
-            });
-            this.$emit('animation-start');
-        },
-        animationEnd() {
-            if (!this.data.animating)
-                return;
-            this.setData({
-                animating: false,
-            });
-            this.$emit('animation-end');
-        },
-    },
-});

package/dist/picker/index.json

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

package/dist/picker/index.wxml

@@ -1,48 +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, fullHeight }) }}"
-    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="{{fontStyle ? fontStyle + ';' + computed.style(item.fontStyle): 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 === null || item.activeIndex === undefined) ? activeIndex : item.activeIndex }}"
-      item-height="{{ itemHeight }}"
-      loop="{{ loop || item.loop || false }}"
-      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/dist/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 * (data.fullHeight ? 1 : 0.9)),
-  });
-}
-
-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/dist/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-manrope{font-family:Manrope,sans-serif}:host{width:100%}.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{align-items:center;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/dist/picker/shared.d.ts

@@ -1,44 +0,0 @@
-export declare const pickerProps: {
-    title: StringConstructor;
-    loading: BooleanConstructor;
-    showToolbar: BooleanConstructor;
-    cancelButtonText: {
-        type: StringConstructor;
-        value: string;
-    };
-    confirmButtonText: {
-        type: StringConstructor;
-        value: string;
-    };
-    /**
-     * 可见的选项个数 3 5 7 9
-     */
-    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;
-    };
-    fontStyle: {
-        type: StringConstructor;
-        value: string;
-    };
-    loop: {
-        type: BooleanConstructor;
-        value: boolean;
-    };
-};

package/dist/picker/shared.js

@@ -1,44 +0,0 @@
-export const pickerProps = {
-    title: String,
-    loading: Boolean,
-    showToolbar: Boolean,
-    cancelButtonText: {
-        type: String,
-        value: 'Cancel',
-    },
-    confirmButtonText: {
-        type: String,
-        value: 'Confirm',
-    },
-    /**
-     * 可见的选项个数 3 5 7 9
-     */
-    visibleItemCount: {
-        type: Number,
-        value: 5,
-    },
-    itemHeight: {
-        type: Number,
-        value: 44,
-    },
-    changeAnimation: {
-        type: Boolean,
-        value: false,
-    },
-    animationTime: {
-        type: Number,
-        value: 300,
-    },
-    activeStyle: {
-        type: String,
-        value: '',
-    },
-    fontStyle: {
-        type: String,
-        value: '',
-    },
-    loop: {
-        type: Boolean,
-        value: false,
-    },
-};

package/dist/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/dist/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-manrope{font-family:Manrope,sans-serif}.smart-picker-column{backface-visibility:hidden;-webkit-backface-visibility:hidden;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);perspective:900px;position:relative;text-align:center;transform:translateZ(0);width:100%;will-change:transform}.smart-picker-column__offset{cursor:-webkit-grab;cursor:grab;height:100%;overflow:visible;position:relative;touch-action:none;transform:rotateX(-108deg);transform-origin:center center;transform-style:preserve-3d;width:100%}.smart-picker-column__visual{position:absolute;top:0;width:100%}.smart-picker-column__item{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform-origin:center center;width:100%}.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);pointer-events:none}.smart-picker-column__item:after{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.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);pointer-events:none}.smart-picker-column__item_0:after{content:var(--picker-item-content_0,"")}.smart-picker-column__item_1:after{content:var(--picker-item-content_1,"")}.smart-picker-column__item_2:after{content:var(--picker-item-content_2,"")}.smart-picker-column__item_3:after{content:var(--picker-item-content_3,"")}.smart-picker-column__item_4:after{content:var(--picker-item-content_4,"")}.smart-picker-column__item_5:after{content:var(--picker-item-content_5,"")}.smart-picker-column__item_6:after{content:var(--picker-item-content_6,"")}.smart-picker-column__item_7:after{content:var(--picker-item-content_7,"")}.smart-picker-column__item_8:after{content:var(--picker-item-content_8,"")}.smart-picker-column__item_9:after{content:var(--picker-item-content_9,"")}.smart-picker-column__item_10:after{content:var(--picker-item-content_10,"")}.smart-picker-column__item_11:after{content:var(--picker-item-content_11,"")}.smart-picker-column__item_12:after{content:var(--picker-item-content_12,"")}.smart-picker-column__item_13:after{content:var(--picker-item-content_13,"")}.smart-picker-column__item_14:after{content:var(--picker-item-content_14,"")}.smart-picker-column__item_15:after{content:var(--picker-item-content_15,"")}.smart-picker-column__item_16:after{content:var(--picker-item-content_16,"")}.smart-picker-column__item_17:after{content:var(--picker-item-content_17,"")}.smart-picker-column__item_18:after{content:var(--picker-item-content_18,"")}.smart-picker-column__item_19:after{content:var(--picker-item-content_19,"")}.smart-picker-column__item_20:after{content:var(--picker-item-content_20,"")}.smart-picker-column__item_21:after{content:var(--picker-item-content_21,"")}.smart-picker-column__item_22:after{content:var(--picker-item-content_22,"")}.smart-picker-column__item_23:after{content:var(--picker-item-content_23,"")}.smart-picker-column__item_24:after{content:var(--picker-item-content_24,"")}.smart-picker-column__item_25:after{content:var(--picker-item-content_25,"")}.smart-picker-column__item_26:after{content:var(--picker-item-content_26,"")}.smart-picker-column__item_27:after{content:var(--picker-item-content_27,"")}.smart-picker-column__item_28:after{content:var(--picker-item-content_28,"")}.smart-picker-column__item_29:after{content:var(--picker-item-content_29,"")}.smart-picker-column__item_30:after{content:var(--picker-item-content_30,"")}.smart-picker-column__item_31:after{content:var(--picker-item-content_31,"")}.smart-picker-column__item_32:after{content:var(--picker-item-content_32,"")}.smart-picker-column__item_33:after{content:var(--picker-item-content_33,"")}.smart-picker-column__item_34:after{content:var(--picker-item-content_34,"")}

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

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