@tuya/miniapp-smart-ui 2.13.5-beta-0

package/lib/picker/index.js

@@ -0,0 +1,365 @@
+"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");
+// 超过该数量且非 loop 的列启用「窗口化」：只把当前位置附近的一段数据交给子 picker-column，
+// 其余保存在逻辑层实例属性中，滚动停稳后再回中，避免把超长数组整份 setData 到渲染层 / 子组件。
+var WINDOW_THRESHOLD = 2000;
+var WINDOW_SIZE = 1000;
+var clamp = function (value, min, max) { return Math.min(Math.max(value, min), max); };
+(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',
+        }, fullHeight: {
+            type: Boolean,
+            value: false,
+        }, defaultIndex: {
+            type: Number,
+            value: 0,
+        }, activeIndex: {
+            type: null,
+            observer: function () {
+                // 受控模式下 activeIndex（全局）变化时，若存在窗口化列需以新位置重建窗口
+                if (this._hasWindow) {
+                    this.buildRenderColumns();
+                }
+            },
+        }, unit: {
+            type: String,
+            value: '',
+        }, columns: {
+            type: Array,
+            value: [],
+            observer: function (columns) {
+                if (columns === void 0) { columns = []; }
+                this.simple = columns.length && !columns[0].values;
+                this.buildRenderColumns();
+                if (Array.isArray(this.children) && this.children.length) {
+                    this.setColumns().catch(function () { });
+                }
+            },
+        } }),
+    data: {
+        animating: false,
+        // 交给渲染层 / 子组件的列数据（窗口化列在此仅为切片，非窗口化列为完整数据）
+        renderColumns: [],
+    },
+    beforeCreate: function () {
+        var _this = this;
+        // 每列的窗口状态：{ windowed, start, size, full }，保存在逻辑层，不进入 data
+        this._windows = [];
+        this._hasWindow = false;
+        this._repositioning = false;
+        Object.defineProperty(this, 'children', {
+            get: function () { return _this.selectAllComponents('.smart-picker__column') || []; },
+        });
+    },
+    mounted: function () {
+        if (![3, 5, 7, 9].includes(this.data.visibleItemCount)) {
+            console.error('visibleItemCount 的值必须为 3, 5, 7, 9');
+        }
+    },
+    methods: {
+        noop: function () { },
+        // 归一化列数据：simple 模式（columns 为一维数组）包一层
+        normalizedColumns: function () {
+            var columns = this.data.columns;
+            if (this.simple) {
+                return [{ values: columns }];
+            }
+            return Array.isArray(columns) ? columns : [];
+        },
+        // 解析某列的初始全局下标（优先 activeIndex，其次 defaultIndex）
+        resolveInitialIndex: function (column) {
+            var _a = this.data, defaultIndex = _a.defaultIndex, activeIndex = _a.activeIndex;
+            var columnActive = column.activeIndex === null || column.activeIndex === undefined
+                ? activeIndex
+                : column.activeIndex;
+            var index;
+            if (columnActive !== null && columnActive !== undefined) {
+                index = columnActive;
+            }
+            else if (column.defaultIndex !== undefined) {
+                index = column.defaultIndex;
+            }
+            else {
+                index = defaultIndex;
+            }
+            var length = (column.values || []).length;
+            return clamp(index || 0, 0, Math.max(0, length - 1));
+        },
+        // 判断某列是否需要窗口化
+        shouldWindow: function (column) {
+            return (!this.data.loop &&
+                !column.loop &&
+                Array.isArray(column.values) &&
+                column.values.length > WINDOW_THRESHOLD);
+        },
+        // 基于当前 columns 计算 renderColumns 与每列窗口状态
+        buildRenderColumns: function () {
+            var _this = this;
+            var columns = this.normalizedColumns();
+            var windows = [];
+            var hasWindow = false;
+            var renderColumns = columns.map(function (column) {
+                var values = column.values || [];
+                if (!_this.shouldWindow(column)) {
+                    windows.push({ windowed: false, start: 0, size: values.length, full: values });
+                    return column;
+                }
+                hasWindow = true;
+                var globalIndex = _this.resolveInitialIndex(column);
+                var size = WINDOW_SIZE;
+                var start = clamp(globalIndex - Math.floor(size / 2), 0, Math.max(0, values.length - size));
+                var localIndex = globalIndex - start;
+                windows.push({ windowed: true, start: start, size: size, full: values });
+                return __assign(__assign({}, column), { values: values.slice(start, start + size), defaultIndex: localIndex, activeIndex: localIndex, _windowed: true });
+            });
+            this._windows = windows;
+            this._hasWindow = hasWindow;
+            this.setData({ renderColumns: renderColumns });
+        },
+        // 将窗口化列停稳后回中：使当前项回到窗口中心，纯坐标平移，静止态无感
+        recenterColumn: function (columnIndex) {
+            var _a;
+            var _this = this;
+            var win = this._windows[columnIndex];
+            if (!win || !win.windowed || this._repositioning)
+                return;
+            var column = this.getColumn(columnIndex);
+            if (!column)
+                return;
+            var localIndex = column.data.currentIndex;
+            var globalIndex = win.start + localIndex;
+            var size = win.size;
+            var newStart = clamp(globalIndex - Math.floor(size / 2), 0, Math.max(0, win.full.length - size));
+            if (newStart === win.start)
+                return;
+            this._repositioning = true;
+            win.start = newStart;
+            var newLocal = globalIndex - newStart;
+            // 同一次 setData 内同时更新切片与 active-index（局部），子组件原子接收，
+            // 配合 wxs 对大跳变强制 transition:none，实现无动画的静默回中
+            this.setData((_a = {},
+                _a["renderColumns[".concat(columnIndex, "].values")] = win.full.slice(newStart, newStart + size),
+                _a["renderColumns[".concat(columnIndex, "].activeIndex")] = newLocal,
+                _a), function () {
+                _this._repositioning = false;
+            });
+        },
+        // 局部下标 -> 全局下标
+        toGlobalIndex: function (columnIndex, localIndex) {
+            var win = this._windows[columnIndex];
+            return win && win.windowed ? win.start + localIndex : localIndex;
+        },
+        setColumns: function () {
+            var _this = this;
+            var columns = this.normalizedColumns();
+            var stack = columns.map(function (column, index) {
+                // 窗口化列由 renderColumns（wxml）响应式驱动，不走命令式全量下发
+                if (_this._windows[index] && _this._windows[index].windowed) {
+                    return Promise.resolve();
+                }
+                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) {
+            var columnIndex = this.simple ? 0 : event.currentTarget.dataset.index;
+            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,
+                });
+            }
+            // 停稳后再回中，保证切换发生在静止态
+            this.recenterColumn(columnIndex);
+        },
+        // 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 win = this._windows[index];
+            if (win && win.windowed) {
+                // 窗口化列：在完整数据中按 valueKey 查找全局下标后跳转
+                var valueKey = this.data.valueKey;
+                for (var i = 0; i < win.full.length; i++) {
+                    var option = win.full[i];
+                    var text = option && typeof option === 'object' && valueKey in option ? option[valueKey] : option;
+                    if (text === value) {
+                        return this.setColumnIndex(index, i);
+                    }
+                }
+                return Promise.resolve();
+            }
+            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) {
+            var _a, _b;
+            var local = (_b = (_a = (this.getColumn(columnIndex) || {}).data) === null || _a === void 0 ? void 0 : _a.currentIndex) !== null && _b !== void 0 ? _b : 0;
+            return this.toGlobalIndex(columnIndex, local);
+        },
+        // set column option index by column index
+        setColumnIndex: function (columnIndex, optionIndex) {
+            var _a;
+            var _this = this;
+            var win = this._windows[columnIndex];
+            if (win && win.windowed) {
+                // 以目标全局下标为中心重建窗口，子组件通过 active-index 定位
+                var size = win.size;
+                var globalIndex = clamp(optionIndex, 0, Math.max(0, win.full.length - 1));
+                var newStart = clamp(globalIndex - Math.floor(size / 2), 0, Math.max(0, win.full.length - size));
+                win.start = newStart;
+                this._repositioning = true;
+                return this.set((_a = {},
+                    _a["renderColumns[".concat(columnIndex, "].values")] = win.full.slice(newStart, newStart + size),
+                    _a["renderColumns[".concat(columnIndex, "].activeIndex")] = globalIndex - newStart,
+                    _a)).then(function () {
+                    _this._repositioning = false;
+                });
+            }
+            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) {
+            var win = this._windows[index];
+            if (win && win.windowed) {
+                return win.full;
+            }
+            return (this.children[index] || {}).data.options;
+        },
+        // set options of column by index
+        setColumnValues: function (index, options, needReset) {
+            var _a;
+            var _this = this;
+            if (needReset === void 0) { needReset = true; }
+            var win = this._windows[index];
+            if (win && win.windowed) {
+                // 替换完整数据并以头部为中心重建窗口
+                win.full = options || [];
+                var size = win.size;
+                var start = needReset ? 0 : clamp(win.start, 0, Math.max(0, win.full.length - size));
+                win.start = start;
+                this._repositioning = true;
+                return this.set((_a = {},
+                    _a["renderColumns[".concat(index, "].values")] = win.full.slice(start, start + size),
+                    _a["renderColumns[".concat(index, "].activeIndex")] = 0,
+                    _a)).then(function () {
+                    _this._repositioning = false;
+                });
+            }
+            var column = this.children[index];
+            if (column == null) {
+                return Promise.reject(new Error('setColumnValues: The corresponding column does not exist'));
+            }
+            var prevOptions = column.data.options || [];
+            // 先比长度（O(1)）短路：长度不同必然不同，避免对超长数组做两次 JSON.stringify
+            var isSame = prevOptions.length === options.length &&
+                JSON.stringify(prevOptions) === 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 () {
+            var _this = this;
+            return this.children.map(function (child, index) {
+                return _this.toGlobalIndex(index, 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

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

package/lib/picker/index.wxml

@@ -0,0 +1,50 @@
+<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="{{ renderColumns }}"
+      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 }}"
+      windowed="{{ item._windowed || false }}"
+      disabled="{{ item.disabled || false }}"
+      unit="{{ item.unit || unit }}"
+      unit-gap="{{ item.unitGap }}"
+      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/lib/picker/index.wxs

@@ -0,0 +1,44 @@
+/* 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/lib/picker/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}:root{--smart-a11y-action-sheet-item-text-color:#000}:root[theme=dark]{--smart-a11y-action-sheet-item-text-color:#fff}: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,#007aff)}.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}:root[data-a11y=true] .smart-picker__frame{background:var(--a11y-picker-frame-background,var(--app-B6-N7,rgba(0,0,0,.1)))}:root[data-a11y=true] .smart-picker__frame:after{content:"";display:none}:root[data-a11y=true] .smart-picker__toolbar{height:var(--picker-toolbar-height,52px);line-height:var(--picker-toolbar-height,52px)}:root[data-a11y=true] .smart-picker__cancel,:root[data-a11y=true] .smart-picker__confirm{font-size:var(--picker-action-font-size,20px);font-weight:var(--picker-action-font-weight,600)}:root[data-a11y=true] .smart-picker__confirm{font-weight:var(--picker-confirm-font-weight,500)}:root[data-a11y=true] .smart-picker__title{font-size:var(--picker-title-font-size,20px)}

package/lib/picker/shared.d.ts

@@ -0,0 +1,44 @@
+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/lib/picker/shared.js

@@ -0,0 +1,47 @@
+"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',
+    },
+    /**
+     * 可见的选项个数 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/lib/picker/toolbar.wxml

@@ -0,0 +1,23 @@
+<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

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}:root{--smart-a11y-action-sheet-item-text-color:#000}:root[theme=dark]{--smart-a11y-action-sheet-item-text-color:#fff}.smart-picker-column{backface-visibility:hidden;-webkit-backface-visibility:hidden;color:var(--picker-option-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}:root[data-a11y=true] .smart-picker-column{font-size:var(--picker-option-font-size,24px);font-weight:var(--picker-option-font-weight,600)}:root[data-a11y=true] .smart-picker-column,:root[data-a11y=true] .smart-picker-column__item{line-height:var(--picker-option-line-height,28px)}:root[data-a11y=true] .smart-picker-column__max-text{font-size:var(--picker-option-font-size,24px);font-weight:var(--picker-option-font-weight,600)}:root[data-a11y=true] .smart-picker-column__unit_text{color:var(--picker-option-unit-text-color,var(--app-B6-N2,rgba(0,0,0,.7)));font-size:var(--picker-option-unit-font-size,18px);line-height:var(--picker-option-unit-line-height,28px)}.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/lib/picker-column/index.d.ts

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