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

package/lib/picker-column/index.js

@@ -1,443 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../common/component");
-var utils_1 = require("../common/utils");
-var validator_1 = require("../common/validator");
-var ty_1 = __importDefault(require("../common/ty"));
-var DEFAULT_DURATION = 400;
-(0, component_1.SmartComponent)({
-    classes: ['active-class'],
-    props: {
-        valueKey: String,
-        className: String,
-        itemHeight: Number,
-        disabled: Boolean,
-        visibleItemCount: Number,
-        activeStyle: {
-            type: String,
-            value: '',
-        },
-        options: {
-            type: Array,
-            value: [],
-            observer: function (value) {
-                if (!this.data.isInit)
-                    return;
-                this.updateUint(value);
-                this.updateVisibleOptions(this.data.currentIndex);
-            },
-        },
-        defaultIndex: {
-            type: Number,
-            value: 0,
-        },
-        changeAnimation: {
-            type: Boolean,
-            value: true,
-        },
-        fontStyle: {
-            type: String,
-            value: '',
-        },
-        activeIndex: {
-            type: Number,
-            value: -1,
-            observer: function (index) {
-                if (!this.data.isInit)
-                    return;
-                this.setIndex(index, false, this.data.changeAnimation, this.data.animationTime);
-            },
-        },
-        unit: {
-            type: String,
-            value: '',
-        },
-        animationTime: {
-            type: Number,
-            value: 300,
-        },
-    },
-    data: {
-        startY: 0,
-        offset: 0,
-        duration: 0,
-        startOffset: 0,
-        optionsV: [],
-        currentIndex: -1,
-        renderNum: 0,
-        renderStart: 0,
-        animate: false,
-        playing: false,
-        isInit: false,
-        maxText: '',
-        timer: null,
-        preOffsetList: [],
-    },
-    created: function () {
-        var _a = this.data, defaultIndex = _a.defaultIndex, activeIndex = _a.activeIndex, options = _a.options;
-        this.updateUint(options);
-        this.setIndex(activeIndex !== -1 ? activeIndex : defaultIndex, false, this.data.changeAnimation, this.data.animationTime);
-        this.setData({
-            isInit: true,
-        });
-    },
-    methods: {
-        getCount: function () {
-            return this.data.options.length;
-        },
-        onTouchStart: function (event) {
-            if (this.data.disabled) {
-                return;
-            }
-            if (this.data.timer) {
-                clearTimeout(this.data.timer);
-                this.setData({
-                    timer: null,
-                });
-            }
-            if (!this.data.playing) {
-                this.$emit('animation-start');
-            }
-            this.setData({
-                startY: event.touches[0].clientY,
-                startOffset: this.data.offset,
-                duration: 100,
-                playing: true,
-                timer: null,
-                preOffsetList: [this.data.offset],
-            });
-        },
-        onTouchMove: function (event) {
-            if (this.data.disabled) {
-                return;
-            }
-            var data = this.data;
-            var preOffsetList = data.preOffsetList;
-            var deltaY = event.touches[0].clientY - data.startY;
-            var offset = (0, utils_1.range)(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight);
-            var direction = this.checkIsDown(offset);
-            // 上一次滚动的索引
-            var preIndex = (0, utils_1.range)(Math.round(-preOffsetList[preOffsetList.length - 1] / data.itemHeight), 0, this.getCount() - 1);
-            // 最终定位索引
-            var index = (0, utils_1.range)(Math.round(-offset / data.itemHeight), 0, this.getCount() - 1);
-            if ((direction === 'up' && index < data.renderStart + 8) ||
-                (direction === 'down' && index > data.renderStart + data.renderNum - 8)) {
-                this.updateVisibleOptions(index);
-            }
-            // 索引变化时 粗发震动反馈
-            if (index !== preIndex) {
-                // @ts-ignore
-                this.vibrateShort();
-            }
-            var animationIndex = Math.abs(-offset / data.itemHeight);
-            this.setData({
-                offset: offset,
-                animationIndex: animationIndex,
-                preOffsetList: __spreadArray(__spreadArray([], data.preOffsetList, true), [offset], false),
-                animate: false,
-            });
-        },
-        onTouchEnd: function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var data, preOffsetList, preOffset, isSameTouch, direction, offset, countHeight, animationOffset, finOffset, index, offsetData, countVibrate, time;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            data = this.data;
-                            if (data.disabled) {
-                                return [2 /*return*/];
-                            }
-                            preOffsetList = data.preOffsetList;
-                            preOffset = Math.max(Math.abs(preOffsetList[preOffsetList.length - 3] - preOffsetList[preOffsetList.length - 4]), Math.abs(preOffsetList[preOffsetList.length - 2] - preOffsetList[preOffsetList.length - 3]), Math.abs(preOffsetList[preOffsetList.length - 1] - preOffsetList[preOffsetList.length - 2]));
-                            if (isNaN(preOffset))
-                                preOffset = 0;
-                            preOffset = Math.min(preOffset, 40);
-                            isSameTouch = (preOffsetList[preOffsetList.length - 1] === preOffsetList[preOffsetList.length - 2] &&
-                                preOffsetList[preOffsetList.length - 2] === preOffsetList[preOffsetList.length - 3]) ||
-                                preOffsetList[preOffsetList.length - 1] === -(this.getCount() * data.itemHeight) ||
-                                preOffsetList[preOffsetList.length - 1] === data.itemHeight;
-                            direction = this.checkIsDown();
-                            offset = Math.abs(preOffset) < 3 || isSameTouch || !direction
-                                ? data.offset
-                                : data.offset + (direction === 'down' ? -preOffset : preOffset) * 10;
-                            countHeight = (this.getCount() - 1) * data.itemHeight;
-                            animationOffset = (0, utils_1.range)(offset, -(this.getCount() * data.itemHeight), data.itemHeight);
-                            finOffset = animationOffset < -countHeight ? -countHeight : animationOffset > 0 ? 0 : animationOffset;
-                            index = (0, utils_1.range)(Math.round(-finOffset / data.itemHeight), 0, this.getCount() - 1);
-                            offsetData = -index * data.itemHeight;
-                            // 增加惯性音效
-                            if (Math.abs(offsetData - data.offset) > data.itemHeight && !isSameTouch) {
-                                countVibrate = Math.abs(offsetData - data.offset) / data.itemHeight;
-                                // @ts-ignore
-                                this.vibrateShort(Math.floor(countVibrate), data.animationTime);
-                            }
-                            // 最终定位索引
-                            this.setData({
-                                duration: isSameTouch ? 150 : data.animationTime,
-                                animationIndex: index,
-                                offset: offsetData,
-                                animate: true,
-                            });
-                            if (!((direction === 'up' && index < data.renderStart + 8) ||
-                                (direction === 'down' && index > data.renderStart + data.renderNum - 8))) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.updateVisibleOptions(index)];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
-                        case 2:
-                            // 更新索引
-                            if (index !== data.currentIndex) {
-                                time = isSameTouch ? 150 : data.animationTime;
-                                // if (!isSameTouch) {
-                                //   this.timer = setInterval(() => {
-                                //     if (Math.abs(this.data.animationIndex - index) < 0.5) return clearInterval(this.timer);
-                                //     this.setData({
-                                //       animationIndex: this.data.animationIndex + (index - data.currentIndex > 0 ? 1 : -1),
-                                //     });
-                                //   }, data.animationTime / Math.abs(index - data.currentIndex));
-                                // }
-                                return [2 /*return*/, this.setData({
-                                        timer: setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-                                            return __generator(this, function (_a) {
-                                                this.setIndex(index, true, false, this.data.animationTime);
-                                                return [2 /*return*/];
-                                            });
-                                        }); }, time),
-                                    })];
-                            }
-                            this.setData({
-                                playing: false,
-                            });
-                            this.$emit('animation-end');
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        },
-        checkIsDown: function (curr) {
-            var data = this.data;
-            var preOffsetList = data.preOffsetList;
-            var currOffset = curr === undefined ? preOffsetList[preOffsetList.length - 1] : curr;
-            var preOffset = curr === undefined
-                ? preOffsetList[preOffsetList.length - 2]
-                : preOffsetList[preOffsetList.length - 1];
-            if (currOffset === undefined || preOffset === undefined || currOffset === preOffset)
-                return;
-            return currOffset < preOffset ? 'down' : 'up';
-        },
-        vibrateShort: function (count, time) {
-            var _this = this;
-            if (time === void 0) { time = DEFAULT_DURATION; }
-            if (!count) {
-                ty_1.default.vibrateShort({ type: 'light' });
-                return;
-            }
-            var has = 0;
-            var timer = setInterval(function () {
-                if (has >= count) {
-                    clearInterval(timer);
-                    return;
-                }
-                has++;
-                _this.vibrateShort();
-            }, time / count - 20);
-        },
-        onClickItem: function (event) {
-            if (this.data.disabled)
-                return;
-            var index = event.currentTarget.dataset.index;
-            if (index === this.data.currentIndex || index < 0 || index > this.data.options.length - 1) {
-                return;
-            }
-            this.vibrateShort(Math.abs(index - this.data.currentIndex), DEFAULT_DURATION);
-            this.setIndex(index, true, true, this.data.animationTime);
-        },
-        updateUint: function (options) {
-            var _a = this.data, unit = _a.unit, valueKey = _a.valueKey;
-            if (unit) {
-                var maxText_1 = '';
-                options.forEach(function (option) {
-                    var _a;
-                    var value = (0, validator_1.isObj)(option) ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString() : option === null || option === void 0 ? void 0 : option.toString();
-                    if (maxText_1.length < value.length) {
-                        maxText_1 = value;
-                    }
-                });
-                this.setData({ maxText: maxText_1 });
-            }
-        },
-        updateVisibleOptions: function (targetIndex) {
-            var _a = this.data, options = _a.options, visibleItemCount = _a.visibleItemCount, currentIndex = _a.currentIndex;
-            if (visibleItemCount < 20 && options.length > visibleItemCount) {
-                var renderNum = 0;
-                var renderStart = 0;
-                // 选项多于 20 个时，进行列表优化
-                renderNum = Math.max(visibleItemCount * 2, 20);
-                renderStart = Math.max(0, targetIndex - renderNum / 2);
-                var renderEnd = Math.min(options.length, renderStart + renderNum);
-                if (currentIndex >= 0) {
-                    if (currentIndex < targetIndex) {
-                        renderStart = Math.max(0, currentIndex - renderNum / 2);
-                    }
-                }
-                renderNum = renderEnd - renderStart;
-                var optionsV = options.slice(renderStart, renderEnd);
-                return this.set({ optionsV: optionsV, renderStart: renderStart, renderNum: renderNum });
-            }
-            return this.set({
-                optionsV: options,
-                renderStart: 0,
-                renderNum: options.length,
-            });
-        },
-        adjustIndex: function (index) {
-            var data = this.data;
-            var count = this.getCount();
-            index = (0, utils_1.range)(index, 0, count);
-            for (var i = index; i < count; i++) {
-                if (!this.isDisabled(data.options[i]))
-                    return i;
-            }
-            for (var i = index - 1; i >= 0; i--) {
-                if (!this.isDisabled(data.options[i]))
-                    return i;
-            }
-        },
-        isDisabled: function (option) {
-            return (0, validator_1.isObj)(option) && option.disabled;
-        },
-        getOptionText: function (option) {
-            var data = this.data;
-            return (0, validator_1.isObj)(option) && data.valueKey in option ? option[data.valueKey] : option;
-        },
-        setIndex: function (index, userAction, animate, time) {
-            var _this = this;
-            if (time === void 0) { time = DEFAULT_DURATION; }
-            var data = this.data;
-            index = this.adjustIndex(index) || 0;
-            var offset = -index * data.itemHeight;
-            if (this.timer) {
-                clearTimeout(this.timer);
-                this.timer = null;
-            }
-            if (!data.playing) {
-                this.$emit('animation-start');
-                this.setData({
-                    playing: true,
-                });
-            }
-            if (index !== data.currentIndex) {
-                // 需要动画的情况下，保持最大的截取
-                this.updateVisibleOptions(index);
-                if (animate) {
-                    return this.set({
-                        currentIndex: index,
-                        animationIndex: index,
-                        offset: offset,
-                        animate: true,
-                        duration: time,
-                    }).then(function () {
-                        if (!userAction) {
-                            _this.setData({
-                                playing: false,
-                            });
-                            _this.$emit('animation-end');
-                            return;
-                        }
-                        _this.$emit('change', index);
-                        _this.setData({
-                            playing: false,
-                        });
-                        _this.$emit('animation-end');
-                    });
-                }
-                return this.set({
-                    offset: offset,
-                    currentIndex: index,
-                    animationIndex: index,
-                    animate: !!animate,
-                }).then(function () {
-                    if (!userAction) {
-                        _this.setData({
-                            playing: false,
-                        });
-                        _this.$emit('animation-end');
-                        return;
-                    }
-                    _this.$emit('change', index);
-                    _this.setData({
-                        playing: false,
-                    });
-                    _this.$emit('animation-end');
-                });
-            }
-            this.setData({
-                playing: false,
-            });
-            this.$emit('animation-end');
-            return this.set({ offset: offset });
-        },
-        setValue: function (value) {
-            var options = this.data.options;
-            for (var i = 0; i < options.length; i++) {
-                if (this.getOptionText(options[i]) === value) {
-                    return this.setIndex(i, false, this.data.changeAnimation, this.data.animationTime);
-                }
-            }
-            return Promise.resolve();
-        },
-        getValue: function () {
-            var data = this.data;
-            return data.options[data.currentIndex];
-        },
-    },
-});

package/lib/picker-column/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/lib/picker-column/index.wxml

@@ -1,43 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-<wxs src="./index.wxs" module="computed" />
-
-<view
-  class="{{ utils.bem('picker-column', { disabled }) }} custom-class"
-  style="{{ computed.rootStyle({ itemHeight, visibleItemCount }) }}"
-  bind:touchstart="onTouchStart"
-  catch:touchmove="onTouchMove"
-  bind:touchend="onTouchEnd"
-  bind:touchcancel="onTouchEnd"
->
-  <view class="smart-picker-column__offset" style="height: {{ itemHeight * options.length }}px;{{ computed.wrapperStyle({ offset, itemHeight, visibleItemCount, animate, duration, renderStart, unit }) }}" id="options">
-    <view class="smart-picker-column__visual" style="{{ computed.wrapperInterStyle({ offset, itemHeight, visibleItemCount, renderStart }) }}">
-      <view
-        wx:for="{{ optionsV }}"
-        wx:for-item="option"
-        wx:key="*this"
-        data-index="{{ renderStart + index }}"
-        style="{{computed.wrapperItemStyle({ itemHeight, fontStyle, activeStyle: renderStart + index === currentIndex ? activeStyle : '', animationIndex, index: renderStart + index, visibleItemCount })}}"
-        class="{{ computed.wrapperItemClass({ index, renderStart, animationIndex, option })}}"
-      >
-        {{ computed.optionText(option, valueKey) }}
-      </view>
-    </view>
-  </view>
-  <view class="smart-picker-column__mask">
-    <view 
-      wx:for="{{ visibleItemCount }}" 
-      wx:key="index"
-      class="smart-picker-column__mask__item" 
-      data-index="{{ currentIndex + index - 2 }}" 
-      bind:tap="onClickItem" 
-    >
-    </view>
-  </view>
-  <view wx:if="{{unit}}" class="smart-picker-column__unit" style="height: {{ itemHeight }}px">
-    <view class="smart-picker-column__max-text">
-      {{ maxText }}
-      <view class="smart-picker-column__unit_text" >{{unit}}</view>
-    </view>
-  </view>
-  
-</view>

package/lib/picker-column/index.wxs

@@ -1,79 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-var wxUtils = require('../wxs/utils.wxs');
-
-function isObj(x) {
-  var type = typeof x;
-  return x !== null && (type === 'object' || type === 'function');
-}
-
-function optionText(option, valueKey) {
-  return isObj(option) && option[valueKey] != null ? option[valueKey] : option;
-}
-
-function rootStyle(data) {
-  return style({
-    height: addUnit(data.itemHeight * data.visibleItemCount),
-  });
-}
-
-function wrapperStyle(data) {
-  var offset =
-    data.offset + (data.itemHeight * (data.visibleItemCount - 1)) / 2;
-  offset = addUnit(offset);
-  if (data.animate) {
-    return style({
-      'text-indent': data.unit ? '-8rpx' : '0',
-      transition: 'transform ' + data.duration + 'ms ease-out',
-      'line-height': addUnit(data.itemHeight),
-      transform: 'translate3d(0, ' + offset + ', 0)',
-    });
-  }
-  return style({
-    'text-indent': data.unit ? '-8rpx' : '0',
-    'line-height': addUnit(data.itemHeight),
-    transform: 'translate3d(0, ' + offset + ', 0)',
-  });
-}
-
-function wrapperInterStyle(data) {
-  var offset = data.renderStart * data.itemHeight;
-  offset = addUnit(offset);
-  return style({
-    'padding-top': offset,
-  });
-}
-
-function wrapperItemStyle(data) {
-  var heightStyleStr = "height: " + data.itemHeight + 'px;'
-  var fontStyleStr = style(data.fontStyle);
-  var activeStyleStr = style(data.activeStyle);
-
-  // var maxSideShow = Math.floor(data.visibleItemCount / 2) + 1;
-  // var offsetIndex = data.animationIndex - data.index;
-  // var scale = Math.min(Math.abs(offsetIndex * 0.2), 0.2 * maxSideShow)
-  // var rotateX = offsetIndex * 25 > 0 ? Math.min(offsetIndex * 25, 25 * maxSideShow) : Math.max(offsetIndex * 25, -25 * maxSideShow)
-  // var translateYIndex = offsetIndex > 0 ? Math.min(offsetIndex, maxSideShow) : Math.max(offsetIndex, -maxSideShow)
-  // const transStyle = style({
-  //   transform: `rotateX(${rotateX}deg) scale(${1 - scale}) translateY(${translateYIndex * Math.abs(translateYIndex) * Math.abs(translateYIndex) * data.itemHeight * 0.1}px) translateZ(0)`,
-  // });
-  // return transStyle + ';' + heightStyleStr + (fontStyleStr ? fontStyleStr + ';' : fontStyleStr) + activeStyleStr
-  return heightStyleStr + (fontStyleStr ? fontStyleStr + ';' : fontStyleStr) + activeStyleStr
-}
-
-function wrapperItemClass(data) {
-  var staticClass = 'smart-ellipsis';
-  var activeClass = 'active-class';
-  var isActive = Math.abs(data.renderStart + data.index - data.animationIndex) < 0.9;
-  return staticClass + ' ' + wxUtils.bem('picker-column__item', { disabled: data.option && data.option.disabled, selected: isActive }) + ' ' + (isActive ? activeClass : '');
-}
-
-module.exports = {
-  optionText: optionText,
-  rootStyle: rootStyle,
-  wrapperStyle: wrapperStyle,
-  wrapperInterStyle: wrapperInterStyle,
-  wrapperItemStyle: wrapperItemStyle,
-  wrapperItemClass: wrapperItemClass
-};

package/lib/picker-column/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-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/popover/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-popover{--overlay-background-color:transparent;--icon-color:var(--popover-background-color,var(--app-B4,#fff));position:relative}.smart-popover,.smart-popover-button{display:inline-block}.smart-popover-overlay{background-color:var(--popover-background-color,var(--app-B4,#fff));border-radius:var(--popover-border-radius,12px);box-shadow:var(--popover-box-shadow,0 6px 12px 0 rgba(0,0,0,.1));opacity:0;padding:var(--popover-padding,12px);position:absolute;transition:opacity .3s ease-in-out;z-index:102}.smart-popover-overlay-arrow{background-position:50%;background-repeat:no-repeat;position:absolute}

package/lib/popover/index.d.ts

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