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

package/lib/dropdown-item/index.js

@@ -0,0 +1,150 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
+var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
+var ty_1 = __importDefault(require("../common/ty"));
+(0, component_1.SmartComponent)({
+    classes: ['item-title-class'],
+    field: true,
+    relation: (0, relation_1.useParent)('dropdown-menu', function () {
+        this.updateDataFromParent();
+    }),
+    props: {
+        value: {
+            type: null,
+            observer: 'rerender',
+        },
+        title: {
+            type: String,
+            observer: 'rerender',
+        },
+        disabled: Boolean,
+        titleClass: {
+            type: String,
+            observer: 'rerender',
+        },
+        options: {
+            type: Array,
+            value: [],
+            observer: 'rerender',
+        },
+        scrollStyle: String,
+        popupStyle: String,
+        useBeforeToggle: {
+            type: Boolean,
+            value: false,
+        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
+    },
+    data: {
+        checkMarkIcon: Check_1.default,
+        checkMarkIconColor: '',
+        transition: true,
+        showPopup: false,
+        showWrapper: false,
+        displayTitle: '',
+        safeAreaTabBar: false,
+    },
+    mounted: function () {
+        var _a;
+        var themeInfo = (_a = ty_1.default.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        var checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
+        this.setData({ checkMarkIconColor: checkMarkIconColor });
+    },
+    methods: {
+        rerender: function () {
+            var _this = this;
+            wx.nextTick(function () {
+                var _a;
+                (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData();
+            });
+        },
+        updateDataFromParent: function () {
+            if (this.parent) {
+                var _a = this.parent.data, overlay = _a.overlay, duration = _a.duration, activeColor = _a.activeColor, closeOnClickOverlay = _a.closeOnClickOverlay, direction = _a.direction, safeAreaTabBar = _a.safeAreaTabBar;
+                this.setData({
+                    overlay: overlay,
+                    duration: duration,
+                    activeColor: activeColor,
+                    closeOnClickOverlay: closeOnClickOverlay,
+                    direction: direction,
+                    safeAreaTabBar: safeAreaTabBar,
+                });
+            }
+        },
+        onOpen: function () {
+            this.$emit('open');
+        },
+        onOpened: function () {
+            this.$emit('opened');
+        },
+        onClose: function () {
+            this.$emit('close');
+        },
+        onClosed: function () {
+            this.$emit('closed');
+            this.setData({ showWrapper: false });
+        },
+        onOptionTap: function (event) {
+            var option = event.currentTarget.dataset.option;
+            var value = option.value;
+            var shouldEmitChange = this.data.value !== value;
+            this.setData({ showPopup: false, value: value });
+            this.$emit('close');
+            this.rerender();
+            if (shouldEmitChange) {
+                this.$emit('change', value);
+            }
+        },
+        toggle: function (show, options) {
+            var _this = this;
+            if (options === void 0) { options = {}; }
+            var showPopup = this.data.showPopup;
+            if (typeof show !== 'boolean') {
+                show = !showPopup;
+            }
+            if (show === showPopup) {
+                return;
+            }
+            this.onBeforeToggle(show).then(function (status) {
+                var _a;
+                if (!status) {
+                    return;
+                }
+                _this.setData({
+                    transition: !options.immediate,
+                    showPopup: show,
+                });
+                if (show) {
+                    (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then(function (wrapperStyle) {
+                        _this.setData({ wrapperStyle: wrapperStyle, showWrapper: true });
+                        _this.rerender();
+                    });
+                }
+                else {
+                    _this.rerender();
+                }
+            });
+        },
+        onBeforeToggle: function (status) {
+            var _this = this;
+            var useBeforeToggle = this.data.useBeforeToggle;
+            if (!useBeforeToggle) {
+                return Promise.resolve(true);
+            }
+            return new Promise(function (resolve) {
+                _this.$emit('before-toggle', {
+                    status: status,
+                    callback: function (value) { return resolve(value); },
+                });
+            });
+        },
+    },
+});

package/lib/dropdown-item/index.json

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

package/lib/dropdown-item/index.wxml

@@ -0,0 +1,52 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ showWrapper }}"
+  class="{{ utils.bem('dropdown-item', direction) }} custom-class"
+  style="{{ wrapperStyle }}"
+>
+  <smart-popup
+    show="{{ showPopup }}"
+    custom-style="position: absolute;{{ popupStyle }}"
+    overlay-style="position: absolute;"
+    overlay="{{ overlay }}"
+    position="{{ direction === 'down' ? 'top' : 'bottom' }}"
+    duration="{{ transition ? duration : 0 }}"
+    safe-area-tab-bar="{{ safeAreaTabBar }}"
+    safe-area-inset-bottom="{{ false }}"
+    close-on-click-overlay="{{ closeOnClickOverlay }}"
+    rootPortal="{{ rootPortal }}"
+    bind:enter="onOpen"
+    bind:leave="onClose"
+    bind:close="toggle"
+    bind:after-enter="onOpened"
+    bind:after-leave="onClosed"
+  >
+    <scroll-view scroll-y style="{{scrollStyle}}">
+      <smart-cell
+        wx:for="{{ options }}"
+        wx:key="value"
+        data-option="{{ item }}"
+        class="{{ utils.bem('dropdown-item__option', { active: item.value === value, first: direction !== 'up' && !index }) }}"
+        clickable
+        icon="{{ item.icon }}"
+        bind:tap="onOptionTap"
+      >
+        <view
+          slot="title"
+          class="smart-dropdown-item__title item-title-class"
+          style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
+        >
+          {{ item.text }}
+        </view>
+        <smart-icon
+          wx:if="{{ item.value === value }}"
+          name="{{ checkMarkIcon }}"
+          class="smart-dropdown-item__icon"
+          color="{{ activeColor || checkMarkIconColor }}"
+        />
+      </smart-cell>
+      <slot />
+    </scroll-view>
+  </smart-popup>
+</view>

package/lib/dropdown-item/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-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item .smart-dropdown-item__title{font-size:var(--dropdown-menu-item-title-font-size,14px);font-weight:var(--dropdown-menu-item-title-font-weight,normal);line-height:var(--dropdown-menu-item-title-line-height,28px)}.smart-dropdown-item .smart-dropdown-item__icon{font-size:var(--dropdown-menu-item-icon-font-size,28px)}.smart-dropdown-item__option{--cell-border-color:var(--dropdown-menu-item-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));--cell-border-left-position:0;--cell-border-right-position:0;position:relative;text-align:left}.smart-dropdown-item__option--first:after{border-top:1px solid var(--dropdown-menu-item-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));box-sizing:border-box;content:" ";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleY(.5);transform-origin:center}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3));font-weight:var(--dropdown-menu-item-title-active-font-weight,500)}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/lib/dropdown-item/shared.d.ts

@@ -0,0 +1,5 @@
+export interface Option {
+    text: string;
+    value: string | number;
+    icon: string;
+}

package/lib/dropdown-item/shared.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/dropdown-menu/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-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));display:flex;height:var(--dropdown-menu-height,46px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{align-items:center;box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--dropdown-menu-title-font-size,14px);justify-content:center;line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px)}.smart-dropdown-menu__title__triangle{font-size:var(--dropdown-menu-title-triangle-size,12px);margin-left:var(--dropdown-menu-title-triangle-margin-left,4px);transform:translateY(10%);transition:all .2s}.smart-dropdown-menu__title__triangle--up{transform:rotate(180deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle{transform:rotate(180deg);transform-origin:center}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle--up{transform:translateY(10%) rotate(1turn);transform-origin:center}

package/lib/dropdown-menu/index.d.ts

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

package/lib/dropdown-menu/index.js

@@ -0,0 +1,137 @@
+"use strict";
+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 relation_1 = require("../common/relation");
+var utils_1 = require("../common/utils");
+var TriangleDown_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/TriangleDown"));
+var ty_1 = __importDefault(require("../common/ty"));
+var ARRAY = [];
+(0, component_1.SmartComponent)({
+    field: true,
+    classes: ['title-class'],
+    relation: (0, relation_1.useChildren)('dropdown-item', function () {
+        this.updateItemListData();
+    }),
+    props: {
+        activeColor: {
+            type: String,
+            observer: 'updateChildrenData',
+        },
+        overlay: {
+            type: Boolean,
+            value: true,
+            observer: 'updateChildrenData',
+        },
+        zIndex: {
+            type: Number,
+            value: 10,
+        },
+        duration: {
+            type: Number,
+            value: 200,
+            observer: 'updateChildrenData',
+        },
+        direction: {
+            type: String,
+            value: 'down',
+            observer: 'updateChildrenData',
+        },
+        safeAreaTabBar: {
+            type: Boolean,
+            value: false,
+        },
+        closeOnClickOverlay: {
+            type: Boolean,
+            value: true,
+            observer: 'updateChildrenData',
+        },
+        closeOnClickOutside: {
+            type: Boolean,
+            value: true,
+        },
+        triangleColor: {
+            type: String,
+            value: '#CCCCCC',
+            observer: 'updateChildrenData',
+        },
+    },
+    data: {
+        triangleDown: TriangleDown_1.default,
+        activeColorStatic: '',
+        itemListData: [],
+    },
+    mounted: function () {
+        var _a;
+        var themeInfo = (_a = ty_1.default.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        var activeColorStatic = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
+        this.setData({ activeColorStatic: activeColorStatic });
+    },
+    beforeCreate: function () {
+        var windowHeight = (0, utils_1.getSystemInfoSync)().windowHeight;
+        this.windowHeight = windowHeight;
+        ARRAY.push(this);
+    },
+    destroyed: function () {
+        var _this = this;
+        ARRAY = ARRAY.filter(function (item) { return item !== _this; });
+    },
+    methods: {
+        updateItemListData: function () {
+            this.setData({
+                itemListData: this.children.map(function (child) { return child.data; }),
+            });
+        },
+        updateChildrenData: function () {
+            this.children.forEach(function (child) {
+                child.updateDataFromParent();
+            });
+        },
+        toggleItem: function (active) {
+            this.children.forEach(function (item, index) {
+                var showPopup = item.data.showPopup;
+                if (index === active) {
+                    item.toggle();
+                }
+                else if (showPopup) {
+                    item.toggle(false, { immediate: true });
+                }
+            });
+        },
+        close: function () {
+            this.children.forEach(function (child) {
+                child.toggle(false, { immediate: true });
+            });
+        },
+        getChildWrapperStyle: function () {
+            var _a = this.data, zIndex = _a.zIndex, direction = _a.direction;
+            return (0, utils_1.getRect)(this, '.smart-dropdown-menu').then(function (rect) {
+                var _a = rect.top, top = _a === void 0 ? 0 : _a, _b = rect.bottom, bottom = _b === void 0 ? 0 : _b;
+                var offset = direction === 'down' ? bottom : top;
+                var wrapperStyle = "z-index: ".concat(zIndex, ";");
+                if (direction === 'down') {
+                    wrapperStyle += "top: ".concat((0, utils_1.addUnit)(offset), ";");
+                }
+                else {
+                    wrapperStyle += "top: 0;height: ".concat((0, utils_1.addUnit)(offset));
+                }
+                return wrapperStyle;
+            });
+        },
+        onTitleTap: function (event) {
+            var _this = this;
+            var index = event.currentTarget.dataset.index;
+            var child = this.children[index];
+            if (!child.data.disabled) {
+                ARRAY.forEach(function (menuItem) {
+                    if (menuItem && menuItem.data.closeOnClickOutside && menuItem !== _this) {
+                        menuItem.close();
+                    }
+                });
+                this.toggleItem(index);
+            }
+        },
+    },
+});

package/lib/dropdown-menu/index.json

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

package/lib/dropdown-menu/index.wxml

@@ -0,0 +1,24 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="smart-dropdown-menu smart-dropdown-menu--top-bottom custom-class">
+  <view
+    wx:for="{{ itemListData }}"
+    wx:key="index"
+    data-index="{{ index }}"
+    class="{{ utils.bem('dropdown-menu__item', { disabled: item.disabled }) }}"
+    bind:tap="onTitleTap"
+  >
+    <view
+      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup }) }} title-class"
+      style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
+    >
+      <view class="smart-ellipsis">
+        {{ computed.displayTitle(item) }}
+      </view>
+      <smart-icon name="{{ triangleDown }}" color="{{ item.showPopup ?  activeColorStatic : triangleColor }}" class="{{ utils.bem('dropdown-menu__title__triangle', { up: direction === 'up' }) }}" />
+    </view>
+  </view>
+
+  <slot />
+</view>

package/lib/dropdown-menu/index.wxs

@@ -0,0 +1,16 @@
+/* eslint-disable */
+function displayTitle(item) {
+  if (item.title) {
+    return item.title;
+  }
+
+  var match = item.options.filter(function(option) {
+    return option.value === item.value;
+  });
+  var displayTitle = match.length ? match[0].text : '';
+  return displayTitle;
+}
+
+module.exports = {
+  displayTitle: displayTitle
+};

package/lib/dropdown-menu/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-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));display:flex;height:var(--dropdown-menu-height,46px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{align-items:center;box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--dropdown-menu-title-font-size,14px);justify-content:center;line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px)}.smart-dropdown-menu__title__triangle{font-size:var(--dropdown-menu-title-triangle-size,12px);margin-left:var(--dropdown-menu-title-triangle-margin-left,4px);transform:translateY(10%);transition:all .2s}.smart-dropdown-menu__title__triangle--up{transform:rotate(180deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle{transform:rotate(180deg);transform-origin:center}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle--up{transform:translateY(10%) rotate(1turn);transform-origin:center}

package/lib/empty/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-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);font-weight:var(--empty-title-font-weight,normal);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);font-weight:var(--empty-description-font-weight,normal);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}

package/lib/empty/index.d.ts

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

package/lib/empty/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    props: {
+        title: {
+            type: String,
+            value: '',
+        },
+        description: {
+            type: String,
+            value: '',
+        },
+        imageStyle: {
+            type: String,
+            value: '',
+        },
+        titleStyle: {
+            type: String,
+            value: '',
+        },
+        descriptionStyle: {
+            type: String,
+            value: '',
+        },
+        image: {
+            type: String,
+            value: 'default',
+        },
+    },
+});

package/lib/empty/index.json

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

package/lib/empty/index.wxml

@@ -0,0 +1,22 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class smart-empty">
+  <view class="smart-empty__image">
+    <image wx:if="{{ image }}" style="{{ imageStyle }}" class="smart-empty__image__img" src="{{ computed.imageUrl(image) }}" />
+  </view>
+
+  <view style="{{ titleStyle }}" class="smart-empty__title">
+    <slot name="title"></slot>
+    <block wx:if="{{ title }}">{{ title }}</block>
+  </view>
+
+  <view style="{{ descriptionStyle }}" class="smart-empty__description">
+    <slot name="description"></slot>
+    <block wx:if="{{ description }}">{{ description }}</block>
+  </view>
+
+  <view class="smart-empty__bottom">
+    <slot></slot>
+  </view>
+</view>

package/lib/empty/index.wxs

@@ -0,0 +1,13 @@
+/* eslint-disable */
+var defaultIcon = "data:image/png;base64,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";
+
+function imageUrl(image) {
+  if (image === 'default') {
+    return defaultIcon; // default 是保留字，会导致微信编译失败
+  }
+  return image;
+}
+
+module.exports = {
+  imageUrl: imageUrl,
+};

package/lib/empty/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-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);font-weight:var(--empty-title-font-weight,normal);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);font-weight:var(--empty-description-font-weight,normal);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}

package/lib/field/cell-input.wxml

@@ -0,0 +1,59 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<smart-cell
+  size="{{ size }}"
+  icon="{{ leftIcon }}"
+  center="{{ center }}"
+  border="{{ border }}"
+  is-link="{{ isLink }}"
+  clickable="{{ clickable }}"
+  title-width="{{ titleWidth }}"
+  custom-style="{{ customStyle }}"
+  arrow-direction="{{ arrowDirection }}"
+  custom-class="custom-class smart-field"
+>
+  <view wx:if="{{ !hiddenLabel }}" class="{{ utils.bem('field__left__body', { disabled, card: cardMode }) }}">
+    <view class="smart-field__left__icon">
+      <slot name="left-icon" />
+    </view>
+    <view class="smart-field__label" >
+      <text wx:if="{{ required }}" class="smart-field__label--required">*</text>
+      <label for="{{ name }}" class="label-class" wx:if="{{ label }}">
+        {{ label }}
+      </label>
+      <slot wx:else name="label" />
+      <view wx:if="{{ subLabel && cardMode }}" class="{{ utils.bem('field__label__card__subtitle', { error: errorMessage }) }}">{{ errorMessage || subLabel }}</view>
+    </view>
+  </view>
+  <view class="{{ utils.bem('field__body__box', { disabled }) }}">
+    <view class="{{ utils.bem('field__body', [type]) }}">
+      <view class="{{ utils.bem('field__control', [inputAlign, 'custom']) }}" bindtap="onClickInput">
+        <slot name="input" />
+      </view>
+      <include src="./input.wxml" />
+      <smart-icon
+        wx:if="{{ showClear }}"
+        name="{{ clearIcon }}"
+        class="smart-field__clear-root smart-field__icon-root"
+        catch:touchstart="onClear"
+      />
+      <view class="smart-field__icon-container" bind:tap="onClickIcon">
+        <smart-icon
+          wx:if="{{ rightIcon || icon }}"
+          name="{{ rightIcon || icon }}"
+          class="smart-field__icon-root {{ iconClass }}"
+          custom-class="right-icon-class"
+        />
+        <slot name="right-icon" />
+        <slot name="icon" />
+      </view>
+      <view class="smart-field__button">
+        <slot name="button" />
+      </view>
+    </view>
+    <label wx:if="{{ errorMessage && !interError && !cardMode }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
+      {{ errorMessage }}
+    </label>
+  </view>
+</smart-cell>

package/lib/field/cell-textarea.wxml

@@ -0,0 +1,28 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+<view class="smart-field smart-field--textarea">
+  <view wx:if="{{ !hiddenLabel }}" class="{{ utils.bem('field__left__body', { disabled, card: cardMode }) }}">
+    <view class="smart-field__left__icon">
+      <slot name="left-icon"/>
+    </view>
+    <view class="smart-field__label" >
+      <text wx:if="{{ required }}" class="smart-field__label--required">*</text>
+      <label for="{{ name }}" class="label-class" wx:if="{{ label }}">
+        {{ label }}
+      </label>
+      <slot wx:else name="label" />
+      <view wx:if="{{ subLabel && cardMode }}" class="{{ utils.bem('field__label__card__subtitle', { error: errorMessage }) }}">{{ errorMessage || subLabel }}</view>
+    </view>
+  </view>
+  <view class="{{ utils.bem('field__body__box', { disabled }) }}">
+    <view class="{{ utils.bem('field__body', [type, showWordLimit && maxlength ? 'limit' : '']) }}">
+      <view class="{{ utils.bem('field__control', [inputAlign, 'custom']) }}" bindtap="onClickInput">
+        <slot name="input" />
+      </view>
+      <include src="./textarea.wxml" />
+    </view>
+    <label wx:if="{{ showWordLimit && maxlength }}" class="smart-field__word-limit">
+      <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }}
+    </label>
+  </view>
+</view>

package/lib/field/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-field{--cell-icon-size:var(--field-icon-size,16px)}.smart-field__left__body{align-items:center;display:flex;padding-right:var(--field-left-body-padding-right,16px);text-align:left}.smart-field__left__body--disabled{opacity:var(--field-disabled-opacity,.7)}.smart-field__label{color:var(--field-label-color,var(--app-B6-N1,#000));font-size:var(--field-label-font-size,16px);line-height:var(--field-label-line-height,18px);text-align:left}.smart-field__label--required{color:var(--field-input-error-text-color,var(--app-M2,#f04c4c))}.smart-field__label:empty{display:none}.smart-field__left__icon{display:flex;margin-right:var(--field-left-icon-margin-right,10px)}.smart-field__left__icon:empty{display:none}.smart-field__label__card__subtitle{color:var(--field-subtitle-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--field-sub-label-font-size,14px);line-height:var(--field-sub-label-line-height,16px);margin-top:4px}.smart-field__label__card__subtitle--error{color:var(--field-error-message-color,var(--app-M2,#f04c4c))}.smart-field__body__box{flex:1}.smart-field__body__box--disabled{opacity:var(--field-disabled-opacity,.7)}.smart-field__body{align-items:center;display:flex;justify-content:flex-end}.smart-field__body--textarea{background-color:var(--field-textarea-background,var(--app-B3,#fff));border-radius:var(--field-textarea-border-radius,8px);padding:var(--field-textarea-padding,12px 8px)}.smart-field__body--limit{padding-bottom:var(--field-textarea-limit-padding-bottom,20px)}.smart-field__control:empty+.smart-field__control{display:block}.smart-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,var(--app-B6-N1,#000));display:none;font-size:var(--field-input-text-font-size,16px);height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:right;width:100%}.smart-field__control:empty{display:none}.smart-field__control--textarea{height:var(--field-textarea-min-height,130px);min-height:var(--field-textarea-min-height,130px);text-align:left}.smart-field__control--card{background:var(--field-card-background,var(--app-B6-N7,rgba(0,0,0,.1)));border-radius:var(--field-card-border-radius,8px);height:var(--field-card-height,38px);padding:var(--field-card-padding,0 10px);text-align:center;width:var(--field-card-width,105px)}.smart-field__control--center{text-align:center}.smart-field__control--right{text-align:right}.smart-field__control--left{text-align:left}.smart-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__control--readonly{position:relative}.smart-field__control--readonly:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.smart-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__clear-root,.smart-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.smart-field__button,.smart-field__clear-root,.smart-field__icon-container{flex-shrink:0}.smart-field__clear-root{--icon-color:var(--field-clear-icon-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--field-clear-icon-size,16px)}.smart-field__icon-container{--icon-color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.smart-field__icon-container:empty{display:none}.smart-field__button{padding-left:var(--padding-xs,8px)}.smart-field__button:empty{display:none}.smart-field__error-message{word-wrap:break-word;color:var(--field-error-message-color,var(--app-M2,#f04c4c));display:block;font-size:var(--field-error-message-text-font-size,14px);font-weight:400;line-height:var(--field-error-message-text-line-height,18px);text-align:right;white-space:normal}.smart-field__error-message--center{text-align:center}.smart-field__error-message--right{text-align:right}.smart-field--textarea{padding:0 16px}.smart-field--textarea .smart-field__left__body{margin-bottom:8px;width:100%}.smart-field--textarea .smart-field__body__box{position:relative}.smart-field__word-limit{bottom:8px;color:var(--field-word-limit-color,var(--app-B6-N4,rgba(0,0,0,.4)));font-size:var(--field-word-limit-font-size,10px);line-height:var(--field-word-limit-line-height,14px);margin-top:var(--padding-base,4px);position:absolute;right:8px;text-align:right}.smart-field__word-num{display:inline}.smart-field__word-num--full{color:var(--field-word-num-full-color,var(--app-M2,#f04c4c))}

package/lib/field/index.d.ts

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