@tuya-miniapp/smart-ui 2.7.1-beta-13 → 2.7.2-beta-0

package/lib/toast/index.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons_1 = require("./icons");
+var component_1 = require("../common/component");
+var toast_1 = require("./toast");
+var utils_1 = require("../common/utils");
+var appLog_1 = __importDefault(require("../common/appLog"));
+(0, component_1.SmartComponent)({
+    props: {
+        show: Boolean,
+        mask: Boolean,
+        message: String,
+        forbidClick: Boolean,
+        nativeDisabled: Boolean,
+        zIndex: {
+            type: Number,
+            value: 1000,
+        },
+        type: {
+            type: String,
+            value: 'text',
+        },
+        loadingType: {
+            type: String,
+            value: 'circular',
+        },
+        position: {
+            type: String,
+            value: 'middle',
+        },
+        width: {
+            type: Number,
+        },
+    },
+    data: {
+        success: icons_1.Success,
+        error: icons_1.Error,
+        warn: icons_1.Alarm,
+    },
+    mounted: function () {
+        if (!this.id)
+            return;
+        if (toast_1.contextRef.value["#".concat(this.id)]) {
+            console.error("Toast component #".concat(this.id, " repeated!"));
+            appLog_1.default.info("Toast component #".concat(this.id, " repeated!"));
+        }
+        toast_1.contextRef.value["#".concat(this.id)] = (0, utils_1.getCurrentPage)();
+        appLog_1.default.info("Toast #".concat(this.id, " mounted"));
+    },
+    destroyed: function () {
+        if (!this.id)
+            return;
+        toast_1.contextRef.value["#".concat(this.id)] = null;
+        appLog_1.default.info("Toast #".concat(this.id, " destroyed"));
+    },
+    methods: {
+        // for prevent touchmove
+        noop: function () { },
+    },
+});

package/lib/toast/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-icon": "../icon/index",
+    "smart-loading": "../loading/index",
+    "smart-overlay": "../overlay/index",
+    "smart-transition": "../transition/index"
+  }
+}

package/lib/toast/index.wxml

@@ -0,0 +1,33 @@
+<smart-overlay
+  wx:if="{{ mask || forbidClick }}"
+  show="{{ show }}"
+  z-index="{{ zIndex }}"
+  custom-style="{{ mask ? '' : 'background-color: transparent;' }}"
+/>
+<smart-transition
+  show="{{ show }}"
+  custom-style="z-index: {{ zIndex }}"
+  custom-class="smart-toast__container smart-toast--{{ position }}"
+>
+  <view
+    class="smart-toast smart-toast--{{ (type === 'text' || type === 'html') ? 'text' : 'icon' }}"
+    catch:touchmove="noop"
+    style="{{ width ? ('width: ' + width + 'px') : '' }}"
+  >
+  
+    <!-- text only -->
+    <text class="smart-toast__text" wx:if="{{ type === 'text' }}">{{ message }}</text>
+
+    <!-- html only -->
+    <rich-text wx:elif="{{ type === 'html' }}" nodes="{{ message }}"></rich-text>
+
+    <!-- with icon -->
+    <block wx:else>
+      <smart-loading wx:if="{{ type === 'loading' }}" color="white" style="transform:scale(1.6);" type="{{loadingType}}" />
+      <smart-icon wx:else color="white" class="smart-toast__icon" style="transform:scale({{ type === 'success' ? 1.4 : type === 'fail' ? 1.1 : 1 }})" name="{{ type === 'success' ? success : type === 'fail' ? error : type === 'warn' ? warn : success }}" />
+      <text wx:if="{{ message }}" class="smart-toast__text">{{ message }}</text>
+    </block>
+
+    <slot />
+  </view>
+</smart-transition>

package/lib/toast/index.wxss

@@ -0,0 +1 @@
+@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-toast{word-wrap:break-word;align-items:center;background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:var(--toast-border-radius,12px);box-sizing:initial;color:var(--toast-text-color,#fff);display:flex;flex-direction:column;font-size:var(--toast-font-size,14px);justify-content:center;line-height:var(--toast-line-height,20px);white-space:pre-wrap}.smart-toast__container{left:50%;max-width:var(--toast-max-width,calc(100vw - 48px));min-width:var(--toast-min-width,56px);position:fixed;right:-1000px;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content}.smart-toast--text{padding:var(--toast-text-padding,14px 16px)}.smart-toast--icon{min-height:var(--toast-default-min-height,56px);padding:var(--toast-default-padding,22px 14px 14px);width:var(--toast-default-width,56px)}.smart-toast--icon .smart-toast__icon{font-size:var(--toast-icon-size,36px)}.smart-toast--icon .smart-toast__text{font-size:var(--toast-font-size,14px);padding-top:8px;text-align:center}.smart-toast__loading{margin:10px 0}.smart-toast--top{transform:translateY(-30vh) translate(-50%,-50%)}.smart-toast--bottom{transform:translateY(30vh) translate(-50%,-50%)}

package/lib/toast/toast.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+type ToastMessage = string | number;
+type ToastContext = WechatMiniprogram.Component.TrivialInstance | WechatMiniprogram.Page.TrivialInstance;
+interface ToastOptions {
+    show?: boolean;
+    type?: string;
+    mask?: boolean;
+    zIndex?: number;
+    nativeDisabled?: boolean;
+    context?: (() => ToastContext) | ToastContext;
+    position?: string;
+    duration?: number;
+    selector?: string;
+    forbidClick?: boolean;
+    ignoreQueue?: boolean;
+    loadingType?: string;
+    message?: ToastMessage;
+    width?: number;
+    onClose?: () => void;
+}
+export declare const contextRef: {
+    value: Record<string, ToastContext | null>;
+};
+declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance | undefined;
+declare namespace Toast {
+    var loading: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+    var success: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+    var fail: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+    var warn: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+    var clear: () => void;
+    var setDefaultOptions: (options: ToastOptions) => void;
+    var resetDefaultOptions: () => void;
+}
+export default Toast;

package/lib/toast/toast.js

@@ -0,0 +1,116 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextRef = void 0;
+var appLog_1 = __importDefault(require("../common/appLog"));
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
+var ty_1 = __importDefault(require("../common/ty"));
+var defaultOptions = {
+    type: 'text',
+    mask: false,
+    nativeDisabled: false,
+    message: '',
+    show: true,
+    zIndex: 1000,
+    duration: 2000,
+    ignoreQueue: false,
+    position: 'middle',
+    forbidClick: false,
+    loadingType: 'circular',
+    selector: '#smart-toast',
+    width: '',
+};
+var queueRef = {
+    value: [],
+};
+var preDisRef = {
+    value: {},
+};
+// @ts-expect-error
+var currentOptions = __assign({}, defaultOptions);
+function parseOptions(message) {
+    return (0, validator_1.isObj)(message) ? message : { message: message };
+}
+exports.contextRef = {
+    value: {},
+};
+function Toast(toastOptions) {
+    var options = __assign(__assign({}, currentOptions), parseOptions(toastOptions));
+    appLog_1.default.info('start open Toast');
+    var context = (typeof options.context === 'function' ? options.context() : options.context) ||
+        exports.contextRef.value[options.selector] ||
+        (0, utils_1.getCurrentPage)();
+    var toast = context.selectComponent(options.selector);
+    appLog_1.default.info("toast selector: ".concat(options.selector));
+    appLog_1.default.info("toast component ".concat(toast ? 'success' : 'fail'));
+    if (!toast) {
+        console.warn("\u672A\u627E\u5230 ".concat(options.selector || '#smart-toast', " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+        appLog_1.default.info("\u672A\u627E\u5230 ".concat(options.selector || '#smart-toast', " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+        return;
+    }
+    delete options.context;
+    delete options.selector;
+    toast.clear = function () {
+        toast.setData({ show: false });
+        if (options.nativeDisabled) {
+            ty_1.default.nativeDisabled(false);
+        }
+        preDisRef.value[options.selector] = false;
+        if (options.onClose) {
+            options.onClose();
+        }
+    };
+    queueRef.value.push(toast);
+    toast.setData(options);
+    if (options.nativeDisabled) {
+        ty_1.default.nativeDisabled(true);
+    }
+    if (preDisRef.value[options.selector] && !options.nativeDisabled) {
+        ty_1.default.nativeDisabled(false);
+    }
+    preDisRef.value[options.selector] = options.nativeDisabled || false;
+    clearTimeout(toast.timer);
+    if (options.duration != null && options.duration > 0) {
+        toast.timer = setTimeout(function () {
+            toast.clear();
+            queueRef.value = queueRef.value.filter(function (item) { return item !== toast; });
+            appLog_1.default.info("toast ".concat(options.selector, " cleared"));
+        }, options.duration);
+    }
+    return toast;
+}
+var createMethod = function (type) { return function (options) {
+    return Toast(__assign({ type: type }, parseOptions(options)));
+}; };
+Toast.loading = createMethod('loading');
+Toast.success = createMethod('success');
+Toast.fail = createMethod('fail');
+Toast.warn = createMethod('warn');
+Toast.clear = function () {
+    queueRef.value.forEach(function (toast) {
+        toast.clear();
+    });
+    queueRef.value = [];
+};
+Toast.setDefaultOptions = function (options) {
+    Object.assign(currentOptions, options);
+};
+Toast.resetDefaultOptions = function () {
+    // @ts-expect-error
+    currentOptions = __assign({}, defaultOptions);
+};
+exports.default = Toast;

package/lib/transition/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';.smart-transition{transition-timing-function:ease}.smart-fade-enter-active,.smart-fade-leave-active{transition-property:opacity}.smart-fade-enter,.smart-fade-leave-to{opacity:0}.smart-fade-down-enter-active,.smart-fade-down-leave-active,.smart-fade-left-enter-active,.smart-fade-left-leave-active,.smart-fade-right-enter-active,.smart-fade-right-leave-active,.smart-fade-up-enter-active,.smart-fade-up-leave-active{transition-property:opacity,transform}.smart-fade-up-enter,.smart-fade-up-leave-to{opacity:0;transform:translate3d(0,100%,0)}.smart-fade-down-enter,.smart-fade-down-leave-to{opacity:0;transform:translate3d(0,-100%,0)}.smart-fade-left-enter,.smart-fade-left-leave-to{opacity:0;transform:translate3d(-100%,0,0)}.smart-fade-right-enter,.smart-fade-right-leave-to{opacity:0;transform:translate3d(100%,0,0)}.smart-slide-down-enter-active,.smart-slide-down-leave-active,.smart-slide-left-enter-active,.smart-slide-left-leave-active,.smart-slide-right-enter-active,.smart-slide-right-leave-active,.smart-slide-up-enter-active,.smart-slide-up-leave-active{transition-property:transform}.smart-slide-up-enter,.smart-slide-up-leave-to{transform:translate3d(0,100%,0)}.smart-slide-down-enter,.smart-slide-down-leave-to{transform:translate3d(0,-100%,0)}.smart-slide-left-enter,.smart-slide-left-leave-to{transform:translate3d(-100%,0,0)}.smart-slide-right-enter,.smart-slide-right-leave-to{transform:translate3d(100%,0,0)}

package/lib/transition/index.d.ts

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

package/lib/transition/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var transition_1 = require("../mixins/transition");
+(0, component_1.SmartComponent)({
+    classes: [
+        'enter-class',
+        'enter-active-class',
+        'enter-to-class',
+        'leave-class',
+        'leave-active-class',
+        'leave-to-class',
+    ],
+    mixins: [(0, transition_1.transition)(true)],
+});

package/lib/transition/index.json

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

package/lib/transition/index.wxml

@@ -0,0 +1,9 @@
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  wx:if="{{ inited }}"
+  class="smart-transition custom-class {{ classes }}"
+  style="{{ computed.rootStyle({ currentDuration, display, customStyle }) }}"
+>
+  <slot />
+</view>

package/lib/transition/index.wxs

@@ -0,0 +1,17 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function rootStyle(data) {
+  return style([
+    {
+      '-webkit-transition-duration': data.currentDuration + 'ms',
+      'transition-duration': data.currentDuration + 'ms',
+    },
+    data.display ? null : 'display: none',
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};

package/lib/transition/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.smart-transition{transition-timing-function:ease}.smart-fade-enter-active,.smart-fade-leave-active{transition-property:opacity}.smart-fade-enter,.smart-fade-leave-to{opacity:0}.smart-fade-down-enter-active,.smart-fade-down-leave-active,.smart-fade-left-enter-active,.smart-fade-left-leave-active,.smart-fade-right-enter-active,.smart-fade-right-leave-active,.smart-fade-up-enter-active,.smart-fade-up-leave-active{transition-property:opacity,transform}.smart-fade-up-enter,.smart-fade-up-leave-to{opacity:0;transform:translate3d(0,100%,0)}.smart-fade-down-enter,.smart-fade-down-leave-to{opacity:0;transform:translate3d(0,-100%,0)}.smart-fade-left-enter,.smart-fade-left-leave-to{opacity:0;transform:translate3d(-100%,0,0)}.smart-fade-right-enter,.smart-fade-right-leave-to{opacity:0;transform:translate3d(100%,0,0)}.smart-slide-down-enter-active,.smart-slide-down-leave-active,.smart-slide-left-enter-active,.smart-slide-left-leave-active,.smart-slide-right-enter-active,.smart-slide-right-leave-active,.smart-slide-up-enter-active,.smart-slide-up-leave-active{transition-property:transform}.smart-slide-up-enter,.smart-slide-up-leave-to{transform:translate3d(0,100%,0)}.smart-slide-down-enter,.smart-slide-down-leave-to{transform:translate3d(0,-100%,0)}.smart-slide-left-enter,.smart-slide-left-leave-to{transform:translate3d(-100%,0,0)}.smart-slide-right-enter,.smart-slide-right-leave-to{transform:translate3d(100%,0,0)}

package/lib/tree-select/index.css

@@ -0,0 +1 @@
+@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-tree-select{color:var(--tree-select-font-color,var(--app-B6-N1,#000));display:flex;font-size:var(--tree-select-font-size,14px);position:relative;-webkit-user-select:none;user-select:none}.smart-tree-select__nav{--sidebar-padding:var(--tree-select-nav-item-padding,12px 8px 12px 12px);background-color:var(--tree-select-nav-background-color,var(--app-B3,#fff));flex:1}.smart-tree-select__nav__inner{height:100%;width:100%!important}.smart-tree-select__content{background-color:var(--tree-select-content-background-color,var(--app-B3,#fff));flex:2}.smart-tree-select__item{font-weight:700;line-height:var(--tree-select-item-height,44px);padding:0 32px 0 var(--padding-md,16px);position:relative}.smart-tree-select__item--active{color:var(--tree-select-item-active-color,#ee0a24)}.smart-tree-select__item--disabled{color:var(--tree-select-item-disabled-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-tree-select__selected{position:absolute;right:var(--padding-md,16px);top:50%;transform:translateY(-50%)}

package/lib/tree-select/index.d.ts

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

package/lib/tree-select/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
+var component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    classes: [
+        'main-item-class',
+        'content-item-class',
+        'main-active-class',
+        'content-active-class',
+        'main-disabled-class',
+        'content-disabled-class',
+    ],
+    props: {
+        items: {
+            type: Array,
+            observer: 'updateSubItems',
+        },
+        activeId: null,
+        mainActiveIndex: {
+            type: Number,
+            value: 0,
+            observer: 'updateSubItems',
+        },
+        height: {
+            type: null,
+            value: 300,
+        },
+        max: {
+            type: Number,
+            value: Infinity,
+        },
+        selectedIcon: {
+            type: String,
+            value: Check_1.default,
+        },
+    },
+    data: {
+        subItems: [],
+    },
+    methods: {
+        // 当一个子项被选择时
+        onSelectItem: function (event) {
+            var item = event.currentTarget.dataset.item;
+            var isArray = Array.isArray(this.data.activeId);
+            // 判断有没有超出右侧选择的最大数
+            var isOverMax = isArray && this.data.activeId.length >= this.data.max;
+            // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
+            var isSelected = isArray
+                ? this.data.activeId.indexOf(item.id) > -1
+                : this.data.activeId === item.id;
+            if (!item.disabled && (!isOverMax || isSelected)) {
+                this.$emit('click-item', item);
+            }
+        },
+        // 当一个导航被点击时
+        onClickNav: function (event) {
+            var index = event.detail;
+            var item = this.data.items[index];
+            if (!item.disabled) {
+                this.$emit('click-nav', { index: index });
+            }
+        },
+        // 更新子项列表
+        updateSubItems: function () {
+            var _a = this.data, items = _a.items, mainActiveIndex = _a.mainActiveIndex;
+            var _b = (items[mainActiveIndex] || {}).options, options = _b === void 0 ? [] : _b;
+            this.setData({ subItems: options });
+        },
+    },
+});

package/lib/tree-select/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-icon": "../icon/index",
+    "smart-sidebar": "../sidebar/index",
+    "smart-sidebar-item": "../sidebar-item/index"
+  }
+}

package/lib/tree-select/index.wxml

@@ -0,0 +1,41 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="wxs" />
+
+<view
+  class="smart-tree-select"
+  style="height: {{ utils.addUnit(height) }}"
+>
+  <scroll-view scroll-y class="smart-tree-select__nav">
+    <smart-sidebar active-key="{{ mainActiveIndex }}" bind:change="onClickNav" custom-class="smart-tree-select__nav__inner">
+      <smart-sidebar-item
+        wx:for="{{ items }}"
+        wx:key="index"
+        custom-class="main-item-class"
+        active-class="main-active-class"
+        disabled-class="main-disabled-class"
+        badge="{{ item.badge }}"
+        dot="{{ item.dot }}"
+        title="{{ item.text }}"
+        disabled="{{ item.disabled }}"
+      />
+    </smart-sidebar>
+  </scroll-view>
+  <scroll-view scroll-y class="smart-tree-select__content">
+    <slot name="content" />
+    <view
+      wx:for="{{ subItems }}"
+      wx:key="id"
+      class="smart-ellipsis content-item-class {{ utils.bem('tree-select__item', { active: wxs.isActive(activeId, item.id), disabled: item.disabled }) }} {{ wxs.isActive(activeId, item.id) ? 'content-active-class' : '' }} {{ item.disabled ? 'content-disabled-class' : '' }}"
+      data-item="{{ item }}"
+      bind:tap="onSelectItem"
+    >
+      {{ item.text }}
+      <smart-icon
+        wx:if="{{ wxs.isActive(activeId, item.id) }}"
+        name="{{ selectedIcon }}"
+        size="16px"
+        class="smart-tree-select__selected"
+      />
+    </view>
+  </scroll-view>
+</view>

package/lib/tree-select/index.wxs

@@ -0,0 +1,12 @@
+/* eslint-disable */
+var array = require('../wxs/array.wxs');
+
+function isActive (activeList, itemId) {
+  if (array.isArray(activeList)) {
+    return activeList.indexOf(itemId) > -1;
+  }
+
+  return activeList === itemId;
+}
+
+module.exports.isActive = isActive;

package/lib/tree-select/index.wxss

@@ -0,0 +1 @@
+@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-tree-select{color:var(--tree-select-font-color,var(--app-B6-N1,#000));display:flex;font-size:var(--tree-select-font-size,14px);position:relative;-webkit-user-select:none;user-select:none}.smart-tree-select__nav{--sidebar-padding:var(--tree-select-nav-item-padding,12px 8px 12px 12px);background-color:var(--tree-select-nav-background-color,var(--app-B3,#fff));flex:1}.smart-tree-select__nav__inner{height:100%;width:100%!important}.smart-tree-select__content{background-color:var(--tree-select-content-background-color,var(--app-B3,#fff));flex:2}.smart-tree-select__item{font-weight:700;line-height:var(--tree-select-item-height,44px);padding:0 32px 0 var(--padding-md,16px);position:relative}.smart-tree-select__item--active{color:var(--tree-select-item-active-color,#ee0a24)}.smart-tree-select__item--disabled{color:var(--tree-select-item-disabled-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-tree-select__selected{position:absolute;right:var(--padding-md,16px);top:50%;transform:translateY(-50%)}

package/lib/wxs/add-unit.wxs

@@ -0,0 +1,12 @@
+/* eslint-disable */
+var REGEXP = getRegExp('^-?\d+(\.\d+)?$');
+
+function addUnit(value) {
+  if (value == null) {
+    return undefined;
+  }
+
+  return REGEXP.test('' + value) ? value + 'px' : value;
+}
+
+module.exports = addUnit;

package/lib/wxs/array.wxs

@@ -0,0 +1,5 @@
+function isArray(array) {
+  return array && array.constructor === 'Array';
+}
+
+module.exports.isArray = isArray;

package/lib/wxs/bem.wxs

@@ -0,0 +1,39 @@
+/* eslint-disable */
+var array = require('./array.wxs');
+var object = require('./object.wxs');
+var PREFIX = 'smart-';
+
+function join(name, mods) {
+  name = PREFIX + name;
+  mods = mods.map(function(mod) {
+    return name + '--' + mod;
+  });
+  mods.unshift(name);
+  return mods.join(' ');
+}
+
+function traversing(mods, conf) {
+  if (!conf) {
+    return;
+  }
+
+  if (typeof conf === 'string' || typeof conf === 'number') {
+    mods.push(conf);
+  } else if (array.isArray(conf)) {
+    conf.forEach(function(item) {
+      traversing(mods, item);
+    });
+  } else if (typeof conf === 'object') {
+    object.keys(conf).forEach(function(key) {
+      conf[key] && mods.push(key);
+    });
+  }
+}
+
+function bem(name, conf) {
+  var mods = [];
+  traversing(mods, conf);
+  return join(name, mods);
+}
+
+module.exports = bem;

package/lib/wxs/memoize.wxs

@@ -0,0 +1,55 @@
+/**
+ * Simple memoize
+ * wxs doesn't support fn.apply, so this memoize only support up to 2 args
+ */
+/* eslint-disable */
+
+function isPrimitive(value) {
+  var type = typeof value;
+  return (
+    type === 'boolean' ||
+    type === 'number' ||
+    type === 'string' ||
+    type === 'undefined' ||
+    value === null
+  );
+}
+
+// mock simple fn.call in wxs
+function call(fn, args) {
+  if (args.length === 2) {
+    return fn(args[0], args[1]);
+  }
+
+  if (args.length === 1) {
+    return fn(args[0]);
+  }
+
+  return fn();
+}
+
+function serializer(args) {
+  if (args.length === 1 && isPrimitive(args[0])) {
+    return args[0];
+  }
+  var obj = {};
+  for (var i = 0; i < args.length; i++) {
+    obj['key' + i] = args[i];
+  }
+  return JSON.stringify(obj);
+}
+
+function memoize(fn) {
+  var cache = {};
+
+  return function() {
+    var key = serializer(arguments);
+    if (cache[key] === undefined) {
+      cache[key] = call(fn, arguments);
+    }
+
+    return cache[key];
+  };
+}
+
+module.exports = memoize;

package/lib/wxs/object.wxs

@@ -0,0 +1,13 @@
+/* eslint-disable */
+var REGEXP = getRegExp('{|}|"', 'g');
+
+function keys(obj) {
+  return JSON.stringify(obj)
+    .replace(REGEXP, '')
+    .split(',')
+    .map(function(item) {
+      return item.split(':')[0];
+    });
+}
+
+module.exports.keys = keys;

package/lib/wxs/style.wxs

@@ -0,0 +1,46 @@
+/* eslint-disable */
+var object = require('./object.wxs');
+var array = require('./array.wxs');
+
+function kebabCase(word) {
+  var newWord = word
+    .replace(getRegExp("[A-Z]", 'g'), function (i) {
+      return '-' + i;
+    })
+    .toLowerCase()
+
+  return newWord;
+}
+
+function style(styles) {
+  if (typeof styles === 'string') {
+    return styles
+  }
+
+  if (array.isArray(styles)) {
+    return styles
+      .filter(function (item) {
+        return item != null && item !== '';
+      })
+      .map(function (item) {
+        return style(item);
+      })
+      .join(';') || '';
+  }
+
+  if (typeof styles === 'object' && 'Object' === styles.constructor) {
+    return object
+    .keys(styles)
+    .filter(function (key) {
+      return styles[key] != null && styles[key] !== '';
+    })
+    .map(function (key) {
+      return [kebabCase(key), [styles[key]]].join(':');
+    })
+    .join(';') || '';
+  }
+
+  return styles || '';
+}
+
+module.exports = style;