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

package/dist/swipe-cell/index.js

@@ -1,140 +0,0 @@
-import { SmartComponent } from '../common/component';
-import { touch } from '../mixins/touch';
-import { range } from '../common/utils';
-const THRESHOLD = 0.3;
-let ARRAY = [];
-SmartComponent({
-    props: {
-        disabled: Boolean,
-        leftWidth: {
-            type: Number,
-            value: 0,
-            observer(leftWidth = 0) {
-                if (this.offset > 0) {
-                    this.swipeMove(leftWidth);
-                }
-            },
-        },
-        rightWidth: {
-            type: Number,
-            value: 0,
-            observer(rightWidth = 0) {
-                if (this.offset < 0) {
-                    this.swipeMove(-rightWidth);
-                }
-            },
-        },
-        asyncClose: Boolean,
-        name: {
-            type: null,
-            value: '',
-        },
-    },
-    mixins: [touch],
-    data: {
-        catchMove: false,
-        wrapperStyle: '',
-        position: 'close',
-    },
-    created() {
-        this.offset = 0;
-        ARRAY.push(this);
-    },
-    destroyed() {
-        ARRAY = ARRAY.filter(item => item !== this);
-    },
-    methods: {
-        open(position) {
-            const { leftWidth, rightWidth } = this.data;
-            const offset = position === 'left' ? leftWidth : -rightWidth;
-            this.swipeMove(offset);
-            if (position !== this.data.position && this.data.position !== 'close') {
-                this.$emit('tab-close', this.data.position);
-            }
-            this.setData({ position });
-            this.$emit('open', {
-                position,
-                name: this.data.name,
-            });
-        },
-        close() {
-            if (this.data.position !== 'close') {
-                this.$emit('tab-close', this.data.position);
-            }
-            this.swipeMove(0);
-            this.setData({ position: 'close' });
-        },
-        swipeMove(offset = 0) {
-            this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth);
-            const transform = `translate3d(${this.offset}px, 0, 0)`;
-            const transition = this.dragging ? 'none' : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
-            this.setData({
-                wrapperStyle: `
-        -webkit-transform: ${transform};
-        -webkit-transition: ${transition};
-        transform: ${transform};
-        transition: ${transition};
-      `,
-            });
-        },
-        swipeLeaveTransition() {
-            const { leftWidth, rightWidth } = this.data;
-            const { offset } = this;
-            if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
-                this.open('right');
-            }
-            else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
-                this.open('left');
-            }
-            else {
-                this.close();
-            }
-            this.setData({ catchMove: false });
-        },
-        startDrag(event) {
-            if (this.data.disabled) {
-                return;
-            }
-            this.startOffset = this.offset;
-            this.touchStart(event);
-        },
-        noop() { },
-        onDrag(event) {
-            if (this.data.disabled) {
-                return;
-            }
-            this.touchMove(event);
-            if (this.direction !== 'horizontal') {
-                return;
-            }
-            this.dragging = true;
-            ARRAY.filter(item => item !== this && item.offset !== 0).forEach(item => item.close());
-            this.setData({ catchMove: true });
-            this.swipeMove(this.startOffset + this.deltaX);
-        },
-        endDrag() {
-            if (this.data.disabled || !this.dragging) {
-                return;
-            }
-            this.dragging = false;
-            this.swipeLeaveTransition();
-        },
-        onClick(event) {
-            const { key: position = 'outside' } = event.currentTarget.dataset;
-            this.$emit('click', position);
-            if (!this.offset) {
-                return;
-            }
-            if (this.data.asyncClose) {
-                this.$emit('close', {
-                    position,
-                    instance: this,
-                    name: this.data.name,
-                });
-            }
-            else {
-                this.close();
-            }
-        },
-    },
-});

package/dist/swipe-cell/index.json

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

package/dist/swipe-cell/index.wxml

@@ -1,21 +0,0 @@
-<view catch:touchmove="{{ catchMove ? 'noop' : '' }}">
-  <view
-    class="smart-swipe-cell custom-class"
-    data-key="cell"
-    catchtap="onClick"
-    bind:touchstart="startDrag"
-    bind:touchmove="onDrag"
-    bind:touchend="endDrag"
-    bind:touchcancel="endDrag"
-  >
-    <view style="{{ wrapperStyle }}">
-      <view wx:if="{{ leftWidth }}" class="smart-swipe-cell__left" data-key="left" catch:tap="onClick">
-        <slot name="left" />
-      </view>
-      <slot />
-      <view wx:if="{{ rightWidth }}" class="smart-swipe-cell__right" data-key="right" catch:tap="onClick">
-        <slot name="right" />
-      </view>
-    </view>
-  </view>
-</view>

package/dist/swipe-cell/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}.smart-swipe-cell{overflow:hidden;position:relative}.smart-swipe-cell__left,.smart-swipe-cell__right{height:100%;position:absolute;top:0}.smart-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.smart-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}

package/dist/switch/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}:host{display:inline-flex}.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);box-sizing:initial;display:inline-block;height:var(--switch-height,.867em);padding:var(--switch-border,var(--switch-padding,.067em));position:relative;transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch--label{width:var(--switch-label-width,2em)}.smart-switch__center{box-sizing:initial;height:100%;position:relative;width:100%}.smart-switch__label_active{align-items:center;color:var(--switch-label-active-color,var(--app-B3,#fff));display:flex;height:100%;justify-content:center;left:0;padding-left:var(--switch-border,var(--switch-padding,.067em));position:absolute;text-align:center;top:0;width:calc(100% - var(--switch-node-size, .867em))}.smart-switch__label_active .smart-switch__label_text{font-size:var(--switch-label-font-size,13px)}.smart-switch__label_inactive{align-items:center;color:var(--switch-label-inactive-color,var(--app-B3,#fff));display:flex;height:100%;justify-content:center;padding-right:var(--switch-border,var(--switch-padding,.067em));position:absolute;right:0;text-align:center;top:0;width:calc(100% - var(--switch-node-size, .867em))}.smart-switch__label_inactive .smart-switch__label_text{font-size:var(--switch-label-font-size,13px)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));left:calc(100% - var(--switch-node-size, .867em))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/switch/index.d.ts

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

package/dist/switch/index.js

@@ -1,42 +0,0 @@
-import { SmartComponent } from '../common/component';
-SmartComponent({
-    field: true,
-    classes: ['node-class'],
-    props: {
-        checked: null,
-        loading: Boolean,
-        disabled: Boolean,
-        activeColor: String,
-        inactiveColor: String,
-        activeText: String,
-        inactiveText: String,
-        stopClickPropagation: {
-            type: Boolean,
-            value: false,
-        },
-        size: {
-            type: String,
-            value: '30',
-        },
-        activeValue: {
-            type: null,
-            value: true,
-        },
-        inactiveValue: {
-            type: null,
-            value: false,
-        },
-    },
-    methods: {
-        onClick() {
-            const { activeValue, inactiveValue, disabled, loading } = this.data;
-            if (disabled || loading) {
-                return;
-            }
-            const checked = this.data.checked === activeValue;
-            const value = checked ? inactiveValue : activeValue;
-            this.$emit('input', value);
-            this.$emit('change', value);
-        },
-    },
-});

package/dist/switch/index.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-loading": "../loading/index"
-  }
-}

package/dist/switch/index.wxml

@@ -1,51 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-<wxs src="./index.wxs" module="computed" />
-
-<block wx:if="{{stopClickPropagation}}">
-  <view
-    class="{{ utils.bem('switch', { on: checked === activeValue, disabled, label: activeText || inactiveText }) }} custom-class"
-    style="{{ computed.rootStyle({ size, checked, activeColor, inactiveColor, activeValue }) }}"
-    catch:tap="onClick"
-  >
-    <view class="smart-switch__center">
-      <view wx:if="{{ activeText }}" style="opacity: {{checked ? '1' : '0'}}" class="smart-switch__label_active">
-        <text class="smart-switch__label_text">{{ activeText }}</text>
-      </view>
-      <view wx:if="{{ inactiveText }}" style="opacity: {{!checked ? '1' : '0'}}" class="smart-switch__label_inactive">
-        <text class="smart-switch__label_text">{{ inactiveText }}</text>
-      </view>
-      <view class="smart-switch__node node-class">
-        <smart-loading
-          wx:if="{{ loading }}"
-          color="{{ computed.loadingColor({ checked, activeColor, inactiveColor, activeValue }) }}"
-          custom-class="smart-switch__loading"
-        />
-      </view>
-    </view>
-  </view>
-</block>
-<block wx:else>
-  <view
-    class="{{ utils.bem('switch', { on: checked === activeValue, disabled, label: activeText || inactiveText }) }} custom-class"
-    style="{{ computed.rootStyle({ size, checked, activeColor, inactiveColor, activeValue }) }}"
-    bind:tap="onClick"
-  >
-    <view class="smart-switch__center">
-      <view wx:if="{{ activeText }}" style="opacity: {{checked ? '1' : '0'}}" class="smart-switch__label_active">
-        <text class="smart-switch__label_text">{{ activeText }}</text>
-      </view>
-      <view wx:if="{{ inactiveText }}" style="opacity: {{!checked ? '1' : '0'}}" class="smart-switch__label_inactive">
-        <text class="smart-switch__label_text">{{ inactiveText }}</text>
-      </view>
-      <view class="smart-switch__node node-class">
-        <smart-loading
-          wx:if="{{ loading }}"
-          color="{{ computed.loadingColor({ checked, activeColor, inactiveColor, activeValue }) }}"
-          custom-class="smart-switch__loading"
-          size="{{size}}"
-        />
-      </view>
-    </view>
-  </view>
-</block>
-

package/dist/switch/index.wxs

@@ -1,26 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-
-function rootStyle(data) {
-  var currentColor = data.checked === data.activeValue ? data.activeColor : data.inactiveColor;
-
-  return style({
-    'font-size': addUnit(data.size),
-    'background': currentColor,
-  });
-}
-
-var BLUE = '#1989fa';
-var GRAY_DARK = '#969799';
-
-function loadingColor(data) {
-  return data.checked === data.activeValue
-    ? data.activeColor || BLUE
-    : data.inactiveColor || GRAY_DARK;
-}
-
-module.exports = {
-  rootStyle: rootStyle,
-  loadingColor: loadingColor,
-};

package/dist/switch/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{display:inline-flex}.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);box-sizing:initial;display:inline-block;height:var(--switch-height,.867em);padding:var(--switch-border,var(--switch-padding,.067em));position:relative;transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch--label{width:var(--switch-label-width,2em)}.smart-switch__center{box-sizing:initial;height:100%;position:relative;width:100%}.smart-switch__label_active{align-items:center;color:var(--switch-label-active-color,var(--app-B3,#fff));display:flex;height:100%;justify-content:center;left:0;padding-left:var(--switch-border,var(--switch-padding,.067em));position:absolute;text-align:center;top:0;width:calc(100% - var(--switch-node-size, .867em))}.smart-switch__label_active .smart-switch__label_text{font-size:var(--switch-label-font-size,13px)}.smart-switch__label_inactive{align-items:center;color:var(--switch-label-inactive-color,var(--app-B3,#fff));display:flex;height:100%;justify-content:center;padding-right:var(--switch-border,var(--switch-padding,.067em));position:absolute;right:0;text-align:center;top:0;width:calc(100% - var(--switch-node-size, .867em))}.smart-switch__label_inactive .smart-switch__label_text{font-size:var(--switch-label-font-size,13px)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));left:calc(100% - var(--switch-node-size, .867em))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/tab/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}:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/dist/tab/index.d.ts

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

package/dist/tab/index.js

@@ -1,64 +0,0 @@
-import { useParent } from '../common/relation';
-import { SmartComponent } from '../common/component';
-SmartComponent({
-    relation: useParent('tabs'),
-    props: {
-        dot: {
-            type: Boolean,
-            observer: 'update',
-        },
-        info: {
-            type: null,
-            observer: 'update',
-        },
-        title: {
-            type: String,
-            observer: 'update',
-        },
-        subtitle: {
-            type: String,
-            observer: 'update',
-        },
-        titleStyle: {
-            type: String,
-            observer: 'update',
-        },
-        subtitleStyle: {
-            type: String,
-            observer: 'update',
-        },
-        disabled: {
-            type: Boolean,
-            observer: 'update',
-        },
-        name: {
-            type: null,
-            value: '',
-        },
-    },
-    data: {
-        active: false,
-    },
-    methods: {
-        getComputedName() {
-            if (this.data.name !== '') {
-                return this.data.name;
-            }
-            return this.index;
-        },
-        updateRender(active, parent) {
-            const { data: parentData } = parent;
-            this.inited = this.inited || active;
-            this.setData({
-                active,
-                shouldRender: parentData.inactiveDestroy ? active : this.inited || !parentData.lazyRender,
-                shouldShow: active || parentData.animated,
-            });
-        },
-        update() {
-            if (this.parent) {
-                this.parent.updateTabs();
-            }
-        },
-    },
-});

package/dist/tab/index.json

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

package/dist/tab/index.wxml

@@ -1,8 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-
-<view
-  class="custom-class {{ utils.bem('tab__pane', { active, inactive: !active }) }}"
-  style="{{ shouldShow ? '' : 'display: none;' }}"
->
-  <slot wx:if="{{ shouldRender }}" />
-</view>

package/dist/tab/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{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/dist/tabbar/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-tabbar{background-color:var(--tabbar-background-color,var(--app-B5,#f6f7fb));box-sizing:initial;display:flex;height:var(--tabbar-height,55px);width:100%}.smart-tabbar--fixed{bottom:0;left:0;position:fixed}.smart-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}.smart-tabbar--border{box-shadow:0 -.5px 0 0 var(--tabbar-border-color,var(--app-B6-N7,rgba(0,0,0,.1)))}

package/dist/tabbar/index.d.ts

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

package/dist/tabbar/index.js

@@ -1,70 +0,0 @@
-import { SmartComponent } from '../common/component';
-import { useChildren } from '../common/relation';
-import { getRect } from '../common/utils';
-SmartComponent({
-    relation: useChildren('tabbar-item', function () {
-        this.updateChildren();
-    }),
-    props: {
-        active: {
-            type: null,
-            observer: 'updateChildren',
-        },
-        upsideDown: {
-            type: Boolean,
-            value: false,
-        },
-        activeColor: {
-            type: String,
-            observer: 'updateChildren',
-            value: 'var(--tabbar-item-active-color, var(--app-M1, #3678e3))',
-        },
-        inactiveColor: {
-            type: String,
-            observer: 'updateChildren',
-        },
-        fixed: {
-            type: Boolean,
-            value: true,
-            observer: 'setHeight',
-        },
-        placeholder: {
-            type: Boolean,
-            observer: 'setHeight',
-        },
-        border: {
-            type: Boolean,
-            value: true,
-        },
-        zIndex: {
-            type: Number,
-            value: 1,
-        },
-        safeAreaInsetBottom: {
-            type: Boolean,
-            value: true,
-        },
-    },
-    data: {
-        height: 50,
-    },
-    methods: {
-        updateChildren() {
-            const { children } = this;
-            if (!Array.isArray(children) || !children.length) {
-                return;
-            }
-            children.forEach((child) => child.updateFromParent());
-        },
-        setHeight() {
-            if (!this.data.fixed || !this.data.placeholder) {
-                return;
-            }
-            wx.nextTick(() => {
-                getRect(this, '.smart-tabbar').then(res => {
-                    this.setData({ height: res.height });
-                });
-            });
-        },
-    },
-});

package/dist/tabbar/index.json

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

package/dist/tabbar/index.wxml

@@ -1,12 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-
-<view
-  class="{{ utils.bem('tabbar', { border }) }} {{ utils.bem('tabbar', { fixed, safe: safeAreaInsetBottom }) }} custom-class"
-  style="{{ zIndex ? 'z-index: ' + zIndex : '' }}"
->
-  <slot name="left" />
-  <slot />
-  <slot name="right" />
-</view>
-
-<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>

package/dist/tabbar/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}.smart-tabbar{background-color:var(--tabbar-background-color,var(--app-B5,#f6f7fb));box-sizing:initial;display:flex;height:var(--tabbar-height,55px);width:100%}.smart-tabbar--fixed{bottom:0;left:0;position:fixed}.smart-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}.smart-tabbar--border{box-shadow:0 -.5px 0 0 var(--tabbar-border-color,var(--app-B6-N7,rgba(0,0,0,.1)))}

package/dist/tabbar-item/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}:host{flex:1}.smart-tabbar-item{align-items:center;color:var(--tabbar-item-text-color,var(--app-B6-N5,rgba(0,0,0,.3)));display:flex;flex-direction:column;font-size:var(--tabbar-item-font-size,12px);height:100%;justify-content:center;line-height:var(--tabbar-item-line-height,1)}.smart-tabbar-item__icon{font-size:var(--tabbar-item-icon-size,22px);line-height:0;margin-bottom:var(--tabbar-item-margin-bottom,4px);position:relative}.smart-tabbar-item__icon__inner{display:block;min-height:1em;min-width:1em}.smart-tabbar-item__text-up{margin-bottom:var(--tabbar-item-margin-bottom,4px)}.smart-tabbar-item--active{color:var(--tabbar-item-active-color,var(--app-M1,#3678e3))}.smart-tabbar-item--disabled{opacity:var(--tabbar-item-disabled-opacity,.7)}.smart-tabbar-item__info{margin-top:var(--tabbar-item-info-margin-top,2px)}.smart-tabbar-item--reverse .smart-tabbar-item__icon{margin-bottom:0}

package/dist/tabbar-item/index.d.ts

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

package/dist/tabbar-item/index.js

@@ -1,77 +0,0 @@
-import { SmartComponent } from '../common/component';
-import { useParent } from '../common/relation';
-SmartComponent({
-    props: {
-        info: null,
-        name: null,
-        icon: String,
-        dot: Boolean,
-        disabled: Boolean,
-        url: {
-            type: String,
-            value: '',
-        },
-        linkType: {
-            type: String,
-            value: 'redirectTo',
-        },
-        iconPrefix: {
-            type: String,
-            value: 'smart-icon',
-        },
-    },
-    relation: useParent('tabbar'),
-    data: {
-        active: false,
-        activeColor: '',
-        inactiveColor: '',
-        upsideDown: false,
-    },
-    methods: {
-        onClick() {
-            const { parent } = this;
-            if (this.data.disabled) {
-                this.$emit('click');
-                return;
-            }
-            if (parent) {
-                const index = parent.children.indexOf(this);
-                const active = this.data.name || index;
-                if (active !== this.data.active) {
-                    parent.$emit('change', active);
-                }
-            }
-            const { url, linkType } = this.data;
-            if (url && wx[linkType]) {
-                return wx[linkType]({ url });
-            }
-            this.$emit('click');
-        },
-        updateFromParent() {
-            const { parent } = this;
-            if (!parent) {
-                return;
-            }
-            const index = parent.children.indexOf(this);
-            const parentData = parent.data;
-            const { data } = this;
-            const active = (data.name || index) === parentData.active;
-            const patch = {};
-            if (active !== data.active) {
-                patch.active = active;
-            }
-            if (parentData.activeColor !== data.activeColor) {
-                patch.activeColor = parentData.activeColor;
-            }
-            if (parentData.inactiveColor !== data.inactiveColor) {
-                patch.inactiveColor = parentData.inactiveColor;
-            }
-            if (parentData.upsideDown !== data.upsideDown) {
-                patch.upsideDown = parentData.upsideDown;
-            }
-            if (Object.keys(patch).length > 0) {
-                this.setData(patch);
-            }
-        },
-    },
-});

package/dist/tabbar-item/index.json

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-icon": "../icon/index",
-    "smart-info": "../info/index"
-  }
-}

package/dist/tabbar-item/index.wxml

@@ -1,32 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-
-<view
-  class="{{ utils.bem('tabbar-item', { active, disabled, reverse: upsideDown }) }} custom-class"
-  style="color: {{ active ? activeColor : inactiveColor }}"
-  bindtap="onClick"
->
-  <view class="smart-tabbar-item__text smart-tabbar-item__text-up" wx:if="{{upsideDown}}">
-    <slot />
-  </view>
-  <view class="smart-tabbar-item__icon">
-    <smart-icon
-      wx:if="{{ icon }}"
-      name="{{ icon }}"
-      color="{{active ? activeColor : inactiveColor}}"
-      class-prefix="{{ iconPrefix }}"
-      custom-class="smart-tabbar-item__icon__inner"
-    />
-    <block wx:else>
-      <slot wx:if="{{ active }}" name="icon-active" />
-      <slot wx:else name="icon" />
-    </block>
-    <smart-info
-      dot="{{ dot }}"
-      info="{{ info }}"
-      custom-class="smart-tabbar-item__info"
-    />
-  </view>
-  <view class="smart-tabbar-item__text" wx:if="{{!upsideDown}}">
-    <slot />
-  </view>
-</view>

package/dist/tabbar-item/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{flex:1}.smart-tabbar-item{align-items:center;color:var(--tabbar-item-text-color,var(--app-B6-N5,rgba(0,0,0,.3)));display:flex;flex-direction:column;font-size:var(--tabbar-item-font-size,12px);height:100%;justify-content:center;line-height:var(--tabbar-item-line-height,1)}.smart-tabbar-item__icon{font-size:var(--tabbar-item-icon-size,22px);line-height:0;margin-bottom:var(--tabbar-item-margin-bottom,4px);position:relative}.smart-tabbar-item__icon__inner{display:block;min-height:1em;min-width:1em}.smart-tabbar-item__text-up{margin-bottom:var(--tabbar-item-margin-bottom,4px)}.smart-tabbar-item--active{color:var(--tabbar-item-active-color,var(--app-M1,#3678e3))}.smart-tabbar-item--disabled{opacity:var(--tabbar-item-disabled-opacity,.7)}.smart-tabbar-item__info{margin-top:var(--tabbar-item-info-margin-top,2px)}.smart-tabbar-item--reverse .smart-tabbar-item__icon{margin-bottom:0}

package/dist/tabs/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-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{background-color:var(--tabs-card-background-color,var(--app-B6-N9,rgba(0,0,0,.05)));border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;padding:var(--tabs-card-padding,2px);width:100%}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:100%}.smart-tabs__nav--card .smart-tab{align-items:center;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;justify-content:center}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card-box{background-color:initial;height:100%;pointer-events:none;position:relative;width:100%}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:var(--tabs-card-active-border-radius,6px);height:100%;left:var(--tabs-card-active-left,0);opacity:0;position:absolute;top:var(--tabs-card-active-top,0);z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%;z-index:1}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--line_subtitle{height:var(--tabs-sub-line-height,64px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;position:relative;text-align:center;transition:all .5s}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}

package/dist/tabs/index.d.ts

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