@tuya-miniapp/smart-ui 2.3.8-beta-3 → 2.3.8-beta-5

package/example/dist/dropdown-menu/index.js

@@ -0,0 +1,130 @@
+import { SmartComponent } from '../common/component';
+import { useChildren } from '../common/relation';
+import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
+import triangleDown from '@tuya-miniapp/icons/dist/svg/TriangleDown';
+let ARRAY = [];
+SmartComponent({
+    field: true,
+    classes: ['title-class'],
+    relation: 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,
+        activeColorStatic: '',
+        itemListData: [],
+    },
+    mounted() {
+        var _a;
+        // @ts-ignore
+        const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        const activeColorStatic = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
+        this.setData({ activeColorStatic });
+    },
+    beforeCreate() {
+        const { windowHeight } = getSystemInfoSync();
+        this.windowHeight = windowHeight;
+        ARRAY.push(this);
+    },
+    destroyed() {
+        ARRAY = ARRAY.filter(item => item !== this);
+    },
+    methods: {
+        updateItemListData() {
+            this.setData({
+                itemListData: this.children.map(child => child.data),
+            });
+        },
+        updateChildrenData() {
+            this.children.forEach(child => {
+                child.updateDataFromParent();
+            });
+        },
+        toggleItem(active) {
+            this.children.forEach((item, index) => {
+                const { showPopup } = item.data;
+                if (index === active) {
+                    item.toggle();
+                }
+                else if (showPopup) {
+                    item.toggle(false, { immediate: true });
+                }
+            });
+        },
+        close() {
+            this.children.forEach(child => {
+                child.toggle(false, { immediate: true });
+            });
+        },
+        getChildWrapperStyle() {
+            const { zIndex, direction } = this.data;
+            return getRect(this, '.smart-dropdown-menu').then(rect => {
+                const { top = 0, bottom = 0 } = rect;
+                const offset = direction === 'down' ? bottom : top;
+                let wrapperStyle = `z-index: ${zIndex};`;
+                if (direction === 'down') {
+                    wrapperStyle += `top: ${addUnit(offset)};`;
+                }
+                else {
+                    wrapperStyle += `top: 0;height: ${addUnit(offset)}`;
+                }
+                return wrapperStyle;
+            });
+        },
+        onTitleTap(event) {
+            const { index } = event.currentTarget.dataset;
+            const child = this.children[index];
+            if (!child.data.disabled) {
+                ARRAY.forEach(menuItem => {
+                    if (menuItem && menuItem.data.closeOnClickOutside && menuItem !== this) {
+                        menuItem.close();
+                    }
+                });
+                this.toggleItem(index);
+            }
+        },
+    },
+});

package/example/dist/dropdown-menu/index.json

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

package/example/dist/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/example/dist/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/example/dist/dropdown-menu/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.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/example/dist/empty/demo/index.css

@@ -0,0 +1 @@
+@import '../../common/index.css';.custom-image .smart-empty__image{height:90px;width:90px}.bottom-button{height:40px;width:160px}

package/example/dist/empty/demo/index.d.ts

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

package/example/dist/empty/demo/index.js

@@ -0,0 +1,13 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        activeTab: 0,
+    },
+    methods: {
+        onChange(event) {
+            this.setData({
+                activeTab: event.detail.name,
+            });
+        },
+    },
+});

package/example/dist/empty/demo/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-tab": "../../tab/index",
+    "smart-tabs": "../../tabs/index",
+    "smart-empty": "../../empty/index",
+    "smart-button": "../../button/index",
+    "demo-block": "../../../components/demo-block/index"
+  }
+}

package/example/dist/empty/demo/index.wxml

@@ -0,0 +1,24 @@
+<demo-block title="{{I18n.t('basicUsage')}}" padding>
+    <smart-empty title="{{I18n.t('title')}}" description="{{I18n.t('explanatoryText')}}" />
+</demo-block>
+
+<demo-block title="{{I18n.t('customImage')}}" padding>
+  <smart-empty
+    image="https://images.tuyacn.com/rms-static/ae2ff530-976e-11ef-9ccb-47cdb7db279b-1730368709635.png?tyName=img_custom_empty.png"
+  />
+</demo-block>
+
+<demo-block title="{{I18n.t('bottomContent')}}" padding>
+  <smart-empty title="{{I18n.t('title')}}" description="{{I18n.t('explanatoryText')}}">
+    <smart-button round type="primary" custom-class="bottom-button">
+      Button
+    </smart-button>
+  </smart-empty>
+</demo-block>
+
+<demo-block title="{{I18n.t('useSlots')}}" padding>
+  <smart-empty>
+    <text slot="title" style="font-weight: normal;">{{I18n.t('useTitleSlot')}}</text>
+    <text slot="description" style="font-weight: normal;">{{I18n.t('useDescriptionSlot')}}</text>
+  </smart-empty>
+</demo-block>

package/example/dist/empty/demo/index.wxss

@@ -0,0 +1 @@
+@import '../../common/index.wxss';.custom-image .smart-empty__image{height:90px;width:90px}.bottom-button{height:40px;width:160px}

package/example/dist/empty/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';.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/example/dist/empty/index.d.ts

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

package/example/dist/empty/index.js

@@ -0,0 +1,29 @@
+import { SmartComponent } from '../common/component';
+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/example/dist/empty/index.json

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

package/example/dist/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/example/dist/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/example/dist/empty/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.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/example/dist/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/example/dist/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]) }}">
+      <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/example/dist/field/demo/index.css

@@ -0,0 +1 @@
+@import '../../common/index.css';.button{vertical-align:middle}.custom-icon{color:#1989fa}.field-demo-custom-button{--button-default-height:38px;--button-normal-font-size:16px}

package/example/dist/field/demo/index.d.ts

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

package/example/dist/field/demo/index.js

@@ -0,0 +1,20 @@
+import { SmartComponent } from '../../common/component';
+import Sun from '@tuya-miniapp/icons/dist/svg/Sun';
+SmartComponent({
+    data: {
+        value: '',
+        password: '',
+        num: 2000,
+        value2: '12345',
+        message: '',
+        sunIcon: Sun
+    },
+    methods: {
+        onClickIcon() {
+            wx.showToast({
+                icon: 'none',
+                title: I18n.t('clickTheIcon'),
+            });
+        },
+    },
+});

package/example/dist/field/demo/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-field": "../../field/index",
+    "smart-button": "../../button/index",
+    "smart-icon": "../../icon/index",
+    "smart-cell-group": "../../cell-group/index",
+    "demo-block": "../../../components/demo-block/index"
+  }
+}

package/example/dist/field/demo/index.wxml

@@ -0,0 +1,131 @@
+<demo-block title="{{I18n.t('basicUsage')}}">
+  <smart-cell-group>
+    <smart-field 
+      value="{{ value }}" 
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}" 
+    />
+    <smart-field 
+      value="{{ value }}"
+      hidden-label
+      placeholder="{{I18n.t('pleaseEnter')}}" 
+    />
+  </smart-cell-group>
+</demo-block>
+
+<demo-block title="{{I18n.t('customType')}}">
+  <smart-cell-group>
+    <smart-field
+      value="{{ password }}"
+      type="password"
+      label="{{I18n.t('password')}}"
+      placeholder="{{I18n.t('pleaseEnterThePassword')}}"
+    />
+    <smart-field
+      card-mode
+      sub-label="{{ I18n.t('subTitle') }}"
+      value="{{ num }}"
+      type="number"
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+    />
+  </smart-cell-group>
+</demo-block>
+
+<demo-block title="{{I18n.t('disableInputBox')}}">
+  <smart-cell-group>
+    <smart-field
+      placeholder="{{I18n.t('inputBoxIsDisabled')}}"
+      label="{{I18n.t('title')}}"
+      disabled
+    />
+    <smart-field
+      card-mode
+      disabled
+      sub-label="{{ I18n.t('subTitle') }}"
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+    />
+  </smart-cell-group>
+</demo-block>
+
+<demo-block title="{{I18n.t('displayIcon')}}">
+  <smart-cell-group>
+    <smart-field
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+    >
+      <smart-icon name="{{ sunIcon }}" slot="left-icon" color="#3678E3" size="22" />
+    </smart-field>
+    <smart-field
+      value="{{ num }}"
+      card-mode
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+    >
+      <image 
+        slot="left-icon"
+        style="height: 50px;width: 50px;"
+        src="https://images.tuyacn.com/rms-static/974a30f0-a624-11ef-be03-d1a4feb99779-1731986155903.png?tyName=light-img" 
+      />
+    </smart-field>
+  </smart-cell-group>
+</demo-block>
+
+<demo-block title="{{I18n.t('errorMessage')}}">
+  <smart-cell-group>
+    <smart-field
+      label="{{I18n.t('title')}}"
+      error-message="{{I18n.t('pleaseEnterYourUsername')}}"
+      inter-error
+      required
+    />
+    <smart-field
+      value="{{ value2 }}"
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+      error-message="{{I18n.t('formatError')}}"
+      required
+    />
+    <smart-field
+      value="{{ num }}"
+      card-mode
+      label="{{I18n.t('title')}}"
+      sub-label="{{ I18n.t('subTitle') }}"
+      placeholder="{{I18n.t('pleaseEnter')}}"
+      error-message="{{I18n.t('formatError')}}"
+      required
+    >
+      <image 
+        slot="left-icon"
+        style="height: 50px;width: 50px;"
+        src="https://images.tuyacn.com/rms-static/974a30f0-a624-11ef-be03-d1a4feb99779-1731986155903.png?tyName=light-img" 
+      />
+    </smart-field>
+  </smart-cell-group>
+</demo-block>
+
+<demo-block title="{{I18n.t('insertButton')}}" class="field-demo-custom-button">
+  <smart-cell-group>
+    <smart-field
+      label="{{I18n.t('title')}}"
+      placeholder="{{I18n.t('pleaseEnterTheSmsVerificationCode')}}"
+      type="number"
+      input-align="left"
+    >
+      <smart-button slot="button" type="info" custom-class="button">{{I18n.t('sendVerificationCode')}}</smart-button>
+    </smart-field>
+  </smart-cell-group>
+</demo-block>
+
+
+<demo-block title="{{I18n.t('message')}}" >
+  <smart-field
+    value="{{ message }}"
+    label="{{I18n.t('matter')}}"
+    type="textarea"
+    placeholder="{{I18n.t('pleaseEnterAMessage')}}"
+    show-word-limit
+    maxlength="{{ 200 }}"
+  />
+</demo-block>

package/example/dist/field/demo/index.wxss

@@ -0,0 +1 @@
+@import '../../common/index.wxss';.button{vertical-align:middle}.custom-icon{color:#1989fa}.field-demo-custom-button{--button-default-height:38px;--button-normal-font-size:16px}

package/example/dist/field/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';.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__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{background-color:var(--field-textarea-background,var(--app-B3,#fff));border-radius:var(--field-textarea-border-radius,8px);height:var(--field-textarea-min-height,130px);min-height:var(--field-textarea-min-height,130px);padding:var(--field-textarea-padding,12px 8px);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--limit{padding-bottom:var(--field-textarea-limit-padding-bottom,20px)}.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/example/dist/field/index.d.ts

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