@tuya/miniapp-smart-ui 2.13.5-beta-0

package/dist/field/index.js

@@ -0,0 +1,205 @@
+import { nextTick } from '../common/utils';
+import { SmartComponent } from '../common/component';
+import { commonProps, inputProps, textareaProps } from './props';
+import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark';
+import tyApi from '../common/ty';
+import { formatNumber, parseFormattedNumber } from './numberFormat';
+SmartComponent({
+    field: true,
+    classes: ['input-class', 'right-icon-class', 'label-class'],
+    props: Object.assign(Object.assign(Object.assign(Object.assign({}, commonProps), inputProps), textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: null, required: Boolean, interError: Boolean, inputAlign: {
+            type: String,
+        }, subLabel: String, cardMode: Boolean, iconClass: String, clickable: Boolean, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, hiddenLabel: Boolean, readonly: {
+            type: Boolean,
+            observer: 'setShowClear',
+        }, clearable: {
+            type: Boolean,
+            observer: 'setShowClear',
+        }, clearTrigger: {
+            type: String,
+            value: 'focus',
+        }, border: {
+            type: Boolean,
+            value: false,
+        }, titleWidth: {
+            type: String,
+            value: '6.2em',
+        }, clearIcon: {
+            type: String,
+            value: Xmark,
+        }, extraEventParams: {
+            type: Boolean,
+            value: false,
+        }, numberFormat: {
+            type: Boolean,
+            value: false,
+        }, locale: {
+            type: String,
+            value: '',
+        }, clearIconAriaLabel: {
+            type: String,
+            value: '',
+        }, rightIconButtonAriaLabel: {
+            type: String,
+            value: '',
+        } }),
+    data: {
+        focused: false,
+        innerValue: '',
+        showClear: false,
+    },
+    watch: {
+        value(value) {
+            if (value !== this.value) {
+                this.value = value;
+                this.updateDisplayValue();
+                this.setShowClear();
+            }
+        },
+        numberFormat() {
+            this.updateDisplayValue();
+        },
+        locale() {
+            this.updateDisplayValue();
+        },
+        clearTrigger() {
+            this.setShowClear();
+        },
+    },
+    created() {
+        this.value = this.data.value;
+        this.updateDisplayValue();
+    },
+    methods: {
+        formatValue(value) {
+            const { maxlength } = this.data;
+            if (maxlength !== -1 && value.length > maxlength) {
+                return value.slice(0, maxlength);
+            }
+            return value;
+        },
+        // 更新显示值（根据 numberFormat 决定是否格式化）
+        // 聚焦时保留末尾小数点（如 23.）不格式化掉，避免打断用户输入；失焦后再做完整格式化
+        updateDisplayValue() {
+            const { numberFormat, locale } = this.data;
+            let displayValue = this.value || '';
+            if (numberFormat && displayValue) {
+                const preserveTrailingDecimal = !!this.focused;
+                displayValue = formatNumber(displayValue, locale, { preserveTrailingDecimal });
+            }
+            this.setData({ innerValue: displayValue });
+        },
+        onInput(event) {
+            const { value = '' } = event.detail || {};
+            const { numberFormat, locale } = this.data;
+            let rawValue = value;
+            // 如果启用了数字格式化，需要将格式化后的输入值解析为原始格式
+            if (numberFormat) {
+                rawValue = parseFormattedNumber(value, locale);
+            }
+            const formatValue = this.formatValue(rawValue);
+            this.value = formatValue;
+            // 更新显示值
+            this.updateDisplayValue();
+            this.setShowClear();
+            return this.emitChange(Object.assign(Object.assign({}, event.detail), { value: formatValue }));
+        },
+        onFocus(event) {
+            tyApi.selectionVibrate();
+            this.focused = true;
+            this.setShowClear();
+            this.$emit('focus', event.detail);
+        },
+        onBlur(event) {
+            this.focused = false;
+            const { numberFormat, locale } = this.data;
+            // 失焦时再做一次完整格式化，去掉多余的小数点（如 23. -> 23），并同步内部 value
+            if (numberFormat && this.value) {
+                const displayValue = formatNumber(this.value, locale);
+                const normalizedValue = parseFormattedNumber(displayValue, locale);
+                if (normalizedValue !== this.value) {
+                    this.value = normalizedValue;
+                    this.setData({ innerValue: displayValue });
+                    this.emitChange({ value: this.value });
+                }
+                else {
+                    this.updateDisplayValue();
+                }
+            }
+            else {
+                this.updateDisplayValue();
+            }
+            this.setShowClear();
+            this.$emit('blur', event.detail);
+        },
+        onClickIcon() {
+            this.$emit('click-icon');
+        },
+        onClickInput(event) {
+            this.$emit('click-input', event.detail);
+        },
+        onClear() {
+            this.value = '';
+            this.updateDisplayValue();
+            this.setShowClear();
+            nextTick(() => {
+                this.emitChange({ value: '' });
+                this.$emit('clear', '');
+            });
+        },
+        onConfirm(event) {
+            const { value = '' } = event.detail || {};
+            const { numberFormat, locale } = this.data;
+            let rawValue = value;
+            // 如果启用了数字格式化，需要解析为原始格式
+            if (numberFormat) {
+                rawValue = parseFormattedNumber(value, locale);
+            }
+            this.value = rawValue;
+            this.updateDisplayValue();
+            this.setShowClear();
+            this.$emit('confirm', rawValue);
+        },
+        setValue(value) {
+            this.value = value;
+            this.updateDisplayValue();
+            this.setShowClear();
+            this.emitChange({ value });
+        },
+        onLineChange(event) {
+            this.$emit('linechange', event.detail);
+        },
+        onKeyboardHeightChange(event) {
+            this.$emit('keyboardheightchange', event.detail);
+        },
+        onBindNicknameReview(event) {
+            this.$emit('nicknamereview', event.detail);
+        },
+        emitChange(detail) {
+            const { extraEventParams } = this.data;
+            this.setData({ value: detail.value });
+            let result;
+            const data = extraEventParams
+                ? Object.assign(Object.assign({}, detail), { callback: (data) => {
+                        result = data;
+                        this.value = data.value;
+                        this.updateDisplayValue();
+                    } }) : detail.value;
+            this.$emit('input', data);
+            this.$emit('change', data);
+            return result;
+        },
+        setShowClear() {
+            const { clearable, readonly, clearTrigger } = this.data;
+            const { focused, value } = this;
+            let showClear = false;
+            if (clearable && !readonly) {
+                const hasValue = !!value;
+                const trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
+                showClear = hasValue && trigger;
+            }
+            this.setView({ showClear });
+        },
+        noop() { },
+    },
+});

package/dist/field/index.json

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

package/dist/field/index.wxml

@@ -0,0 +1,4 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+<include wx:if="{{ type === 'textarea' }}" src="./cell-textarea.wxml" />
+<include wx:else src="./cell-input.wxml" />

package/dist/field/index.wxs

@@ -0,0 +1,19 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function inputStyle(autosize) {
+  if (autosize && autosize.constructor === 'Object') {
+    return style({
+      'min-height': addUnit(autosize.minHeight),
+      'max-height': addUnit(autosize.maxHeight),
+      overflow: 'auto',
+    });
+  }
+
+  return '';
+}
+
+module.exports = {
+  inputStyle: inputStyle,
+};

package/dist/field/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}.smart-field{--cell-icon-size:var(--field-icon-size,16px);--cell-value-flex:1;--cell-value-margin-left:var(--field-value-margin-left,0)}.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/dist/field/input.wxml

@@ -0,0 +1,30 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<input
+  id="{{ name }}"
+  class="{{ utils.bem('field__control', [inputAlign, type, { card: cardMode, readonly }]) }} input-class"
+  type="{{ type }}"
+  focus="{{ focus }}"
+  cursor="{{ cursor }}"
+  value="{{ innerValue }}"
+  auto-focus="{{ autoFocus }}"
+  disabled="{{ disabled }}"
+  maxlength="{{ maxlength }}"
+  placeholder="{{ !interError ? placeholder : errorMessage || placeholder }}"
+  placeholder-style="{{ interError ? 'color: var(--field-input-error-text-color, var(--app-M2, #f04c4c));' : 'color: var(--field-placeholder-text-color, var(--app-B6-N4, rgba(0, 0, 0, 0.4)));'}}{{ placeholderStyle }}"
+  confirm-type="{{ confirmType }}"
+  confirm-hold="{{ confirmHold }}"
+  hold-keyboard="{{ holdKeyboard }}"
+  cursor-spacing="{{ cursorSpacing }}"
+  adjust-position="{{ adjustPosition }}"
+  selection-end="{{ selectionEnd }}"
+  selection-start="{{ selectionStart }}"
+  always-embed="{{ alwaysEmbed }}"
+  password="{{ password || type === 'password' }}"
+  bindinput="onInput"
+  bindtap="onClickInput"
+  bindblur="onBlur"
+  bindfocus="onFocus"
+  bindconfirm="onConfirm"
+  bindkeyboardheightchange="onKeyboardHeightChange"
+  bindnicknamereview="onBindNicknameReview"
+/>

package/dist/field/numberFormat.d.ts

@@ -0,0 +1,11 @@
+export interface NumberFormatConfig {
+    thousandsSeparator: string;
+    decimalSeparator: string;
+}
+export declare function getNumberFormatConfig(locale: string): NumberFormatConfig;
+export interface FormatNumberOptions {
+    /** 为 true 时保留末尾的小数点（用于聚焦输入中，避免 "23." 被格式成 "23" 打断输入） */
+    preserveTrailingDecimal?: boolean;
+}
+export declare function formatNumber(value: string, locale: string, options?: FormatNumberOptions): string;
+export declare function parseFormattedNumber(formattedValue: string, locale: string): string;

package/dist/field/numberFormat.js

@@ -0,0 +1,148 @@
+import { getSystemInfoSync } from '../common/utils';
+// 提取语言代码：从 locale 中提取第一部分（去掉 - 和 _ 后面的所有内容）
+function getLangKey(locale) {
+    if (!locale) {
+        return '';
+    }
+    // 转换为小写并去除空格
+    const normalized = locale.toLowerCase().trim();
+    // 统一将下划线和连字符作为分隔符，取第一部分
+    const langKey = normalized.split(/[-_]/)[0];
+    return langKey;
+}
+// 根据 locale 获取数字格式化配置
+export function getNumberFormatConfig(locale) {
+    // 如果没有指定 locale，尝试从系统获取
+    if (!locale) {
+        try {
+            const systemInfo = getSystemInfoSync();
+            // 尝试多个可能的字段名
+            locale =
+                systemInfo.language ||
+                    systemInfo.locale ||
+                    systemInfo.lang ||
+                    'zh-CN';
+        }
+        catch (e) {
+            locale = 'zh-CN';
+        }
+    }
+    // 规范化 locale（统一大小写和下划线）
+    const normalizedLocale = locale.toLowerCase().trim().replace(/_/g, '-');
+    // 只配置非标准格式（非 1,234.56 格式）
+    // 默认格式：thousandsSeparator: ',', decimalSeparator: '.' (1,234.56)
+    const formatMap = {
+        // 德语地区：1.000,1312 (点作为千分位，逗号作为小数)
+        de: { thousandsSeparator: '.', decimalSeparator: ',' },
+        // 法语地区：1 000,1312 (空格作为千分位，逗号作为小数)
+        fr: { thousandsSeparator: ' ', decimalSeparator: ',' },
+        // 意大利语：1.000,1312
+        it: { thousandsSeparator: '.', decimalSeparator: ',' },
+        // 西班牙语：1.000,1312
+        es: { thousandsSeparator: '.', decimalSeparator: ',' },
+        // 葡萄牙语：1.000,1312
+        pt: { thousandsSeparator: '.', decimalSeparator: ',' },
+        // 俄语：1 000,1312 (空格作为千分位，逗号作为小数)
+        ru: { thousandsSeparator: ' ', decimalSeparator: ',' },
+        // 部分阿拉伯国家
+        'es-419': { thousandsSeparator: ',', decimalSeparator: '.' },
+        'pt-br': { thousandsSeparator: '.', decimalSeparator: ',' },
+        'ar-ma': { thousandsSeparator: ' ', decimalSeparator: ',' },
+        'ar-tn': { thousandsSeparator: ' ', decimalSeparator: ',' },
+        'de-ch': { thousandsSeparator: "'", decimalSeparator: '.' },
+        'es-mx': { thousandsSeparator: ',', decimalSeparator: '.' },
+        'fr-ch': { thousandsSeparator: "'", decimalSeparator: '.' }, // 瑞士法语
+    };
+    // 策略1: 先尝试完整匹配（处理特殊国家，如 'de-ch', 'ar-ma', 'ar-tn'）
+    if (formatMap[normalizedLocale]) {
+        return formatMap[normalizedLocale];
+    }
+    // 策略2: 提取语言代码进行匹配
+    const langKey = getLangKey(locale);
+    if (langKey && formatMap[langKey]) {
+        return formatMap[langKey];
+    }
+    // 默认使用标准格式：1,234.56 (千分位逗号，小数点)
+    return { thousandsSeparator: ',', decimalSeparator: '.' };
+}
+// 格式化数字：将 "1000.1312" 或 "-1000.1312" 格式化为带分隔符的字符串
+export function formatNumber(value, locale, options) {
+    if (!value || value === '') {
+        return '';
+    }
+    // 仅保留数字、小数点、减号；连续前导减号按「负负得正」处理
+    const raw = value.replace(/[^-0-9.]/g, '');
+    let i = 0;
+    while (i < raw.length && raw[i] === '-') {
+        i++;
+    }
+    const negative = i % 2 === 1;
+    const cleanValue = raw.slice(i).replace(/-/g, '');
+    if (!cleanValue) {
+        return negative ? '-' : '';
+    }
+    // 聚焦输入时可能为 "23."，保留末尾小数点以便用户继续输入小数
+    const hasTrailingDecimal = (options === null || options === void 0 ? void 0 : options.preserveTrailingDecimal) && /\.$/.test(cleanValue);
+    // 分离整数部分和小数部分（处理多个小数点的情况）
+    const valueToFormat = hasTrailingDecimal ? cleanValue.slice(0, -1) : cleanValue;
+    const parts = valueToFormat.split('.');
+    const integerPart = parts[0] || '';
+    const decimalPart = parts.length > 1 ? parts.slice(1).join('') : '';
+    const config = getNumberFormatConfig(locale);
+    // 格式化整数部分（添加千分位分隔符）
+    let formattedInteger = '';
+    if (integerPart) {
+        for (let j = integerPart.length - 1, count = 0; j >= 0; j--) {
+            if (count > 0 && count % 3 === 0) {
+                formattedInteger = config.thousandsSeparator + formattedInteger;
+            }
+            formattedInteger = integerPart[j] + formattedInteger;
+            count++;
+        }
+    }
+    const prefix = negative ? '-' : '';
+    if (decimalPart) {
+        return prefix + formattedInteger + config.decimalSeparator + decimalPart;
+    }
+    if (hasTrailingDecimal) {
+        return prefix + (formattedInteger || '0') + config.decimalSeparator;
+    }
+    return prefix + (formattedInteger || '0');
+}
+// 解析格式化后的数字：将格式化字符串转换回 "1000.1312" 或 "-1000.1312" 格式
+export function parseFormattedNumber(formattedValue, locale) {
+    if (!formattedValue || formattedValue === '') {
+        return '';
+    }
+    let body = formattedValue.trim();
+    let negative = false;
+    const ch0 = body.charAt(0);
+    if (ch0 === '-' || ch0 === '\u2212') {
+        negative = true;
+        body = body.slice(1).trim();
+    }
+    if (!body) {
+        return negative ? '-' : '';
+    }
+    const config = getNumberFormatConfig(locale);
+    // 移除千分位分隔符（需要转义特殊字符）
+    const escapedSeparator = config.thousandsSeparator.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    let cleaned = body.replace(new RegExp(escapedSeparator, 'g'), '');
+    // 将小数分隔符转换为标准小数点（只替换第一个，因为可能有多个）
+    if (config.decimalSeparator !== '.') {
+        const decimalIndex = cleaned.indexOf(config.decimalSeparator);
+        if (decimalIndex !== -1) {
+            cleaned = cleaned.substring(0, decimalIndex) + '.' + cleaned.substring(decimalIndex + 1);
+        }
+    }
+    // 确保只有一个小数点
+    const parts = cleaned.split('.');
+    if (parts.length > 2) {
+        cleaned = parts[0] + '.' + parts.slice(1).join('');
+    }
+    const num = cleaned.replace(/[^\d.]/g, '');
+    if (!num) {
+        return negative ? '-' : '';
+    }
+    return negative ? '-' + num : num;
+}

package/dist/field/props.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
+export declare const commonProps: WechatMiniprogram.Component.PropertyOption;
+export declare const inputProps: WechatMiniprogram.Component.PropertyOption;
+export declare const textareaProps: WechatMiniprogram.Component.PropertyOption;

package/dist/field/props.js

@@ -0,0 +1,56 @@
+export const commonProps = {
+    value: String,
+    placeholder: String,
+    placeholderStyle: String,
+    placeholderClass: String,
+    disabled: Boolean,
+    maxlength: {
+        type: Number,
+        value: -1,
+    },
+    cursorSpacing: {
+        type: Number,
+        value: 50,
+    },
+    autoFocus: Boolean,
+    focus: Boolean,
+    cursor: {
+        type: Number,
+        value: -1,
+    },
+    selectionStart: {
+        type: Number,
+        value: -1,
+    },
+    selectionEnd: {
+        type: Number,
+        value: -1,
+    },
+    adjustPosition: {
+        type: Boolean,
+        value: true,
+    },
+    holdKeyboard: Boolean,
+};
+export const inputProps = {
+    type: {
+        type: String,
+        value: 'text',
+    },
+    password: Boolean,
+    confirmType: String,
+    confirmHold: Boolean,
+    alwaysEmbed: Boolean,
+};
+export const textareaProps = {
+    autoHeight: Boolean,
+    fixed: Boolean,
+    showConfirmBar: {
+        type: Boolean,
+        value: true,
+    },
+    disableDefaultPadding: {
+        type: Boolean,
+        value: true,
+    },
+};

package/dist/field/textarea.wxml

@@ -0,0 +1,32 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<textarea
+  id="{{ name }}"
+  class="{{ utils.bem('field__control', [inputAlign, type, { textarea: true, limit: showWordLimit && maxlength, readonly }]) }} input-class"
+  fixed="{{ fixed }}"
+  focus="{{ focus }}"
+  cursor="{{ cursor }}"
+  value="{{ innerValue }}"
+  auto-focus="{{ autoFocus }}"
+  disabled="{{ disabled }}"
+  maxlength="{{ maxlength }}"
+  placeholder="{{ !interError ? placeholder : errorMessage || placeholder }}"
+  placeholder-style="{{ interError ? 'color: var(--field-input-error-text-color, var(--app-M2, #f04c4c));' : 'color: var(--field-placeholder-text-color, var(--app-B6-N4, rgba(0, 0, 0, 0.4)));'}}{{ placeholderStyle }}"
+  auto-height="{{ !!autosize }}"
+  style="{{ computed.inputStyle(autosize) }}"
+  cursor-spacing="{{ cursorSpacing }}"
+  adjust-position="{{ adjustPosition }}"
+  show-confirm-bar="{{ showConfirmBar }}"
+  hold-keyboard="{{ holdKeyboard }}"
+  selection-end="{{ selectionEnd }}"
+  selection-start="{{ selectionStart }}"
+  disable-default-padding="{{ disableDefaultPadding }}"
+  bindinput="onInput"
+  bindtap="onClickInput"
+  bindblur="onBlur"
+  bindfocus="onFocus"
+  bindconfirm="onConfirm"
+  bindlinechange="onLineChange"
+  bindkeyboardheightchange="onKeyboardHeightChange"
+/>

package/dist/field/types.d.ts

@@ -0,0 +1,8 @@
+export interface InputDetails {
+    /** 输入框内容 */
+    value: string;
+    /** 光标位置 */
+    cursor?: number;
+    /** keyCode 为键值 (目前工具还不支持返回keyCode参数) `2.1.0` 起支持 */
+    keyCode?: number;
+}

package/dist/field/types.js

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

package/dist/goods-action/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,var(--app-B4,#fff));bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,48px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}

package/dist/goods-action/index.d.ts

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

package/dist/goods-action/index.js

@@ -0,0 +1,15 @@
+import { SmartComponent } from '../common/component';
+import { useChildren } from '../common/relation';
+SmartComponent({
+    relation: useChildren('goods-action-button', function () {
+        this.children.forEach(item => {
+            item.updateStyle();
+        });
+    }),
+    props: {
+        safeAreaInsetBottom: {
+            type: Boolean,
+            value: true,
+        },
+    },
+});

package/dist/goods-action/index.json

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

package/dist/goods-action/index.wxml

@@ -0,0 +1,5 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class {{ utils.bem('goods-action', { safe: safeAreaInsetBottom }) }}">
+  <slot />
+</view>

package/dist/goods-action/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,var(--app-B4,#fff));bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,48px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}

package/dist/goods-action-button/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}:host{flex:1}.smart-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--button-default-height,var(--goods-action-button-height,48px));--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,var(--app-B4,#fff));--button-border-width:0;display:block}.smart-goods-action-button--first{--button-border-radius:var(--goods-action-button-border-radius,999px) 0 0 var(--goods-action-button-border-radius,999px);margin-right:6px}.smart-goods-action-button--last{--button-border-radius:0 var(--goods-action-button-border-radius,999px) var(--goods-action-button-border-radius,999px) 0;margin-left:6px}.smart-goods-action-button--first.smart-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.smart-goods-action-button--plain{--button-border-width:1px}.smart-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.smart-goods-action-button{font-size:13px}}

package/dist/goods-action-button/index.d.ts

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

package/dist/goods-action-button/index.js

@@ -0,0 +1,49 @@
+import { SmartComponent } from '../common/component';
+import { useParent } from '../common/relation';
+import { button } from '../mixins/button';
+import { link } from '../mixins/link';
+SmartComponent({
+    mixins: [link, button],
+    relation: useParent('goods-action'),
+    props: {
+        text: String,
+        color: String,
+        size: {
+            type: String,
+            value: 'normal',
+        },
+        loading: Boolean,
+        disabled: Boolean,
+        plain: Boolean,
+        type: {
+            type: String,
+            value: 'danger',
+        },
+        customStyle: {
+            type: String,
+            value: '',
+        },
+        isFirst: Boolean,
+        isLast: Boolean,
+    },
+    methods: {
+        onClick(event) {
+            this.$emit('click', event.detail);
+            this.jumpLink();
+        },
+        updateStyle() {
+            if (this.parent == null) {
+                return;
+            }
+            const { index } = this;
+            const { children = [] } = this.parent;
+            // this.setData({
+            //   isFirst: index === 0 && children.length > 1,
+            //   isLast: index === children.length - 1 && children.length > 1,
+            // });
+            this.setData({
+                length: children.length,
+            });
+        },
+    },
+});

package/dist/goods-action-button/index.json

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