wx-sky-ui 1.0.0

package/miniprogram_dist/tag/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tag/index.scss","common/style/theme.scss"],"names":[],"mappings":";AAGA;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;AAGA;AAEA;;AACA;EACE,kBCae;EDZf,cCae;EDZf,OCgBe;;ADdf;EACE,cCUa;EDTb,OCWa;;AD3CnB;AAoCE;;AACA;EACE,kBCbW;EDcX,cCdW;EDeX,OCdgB;;ADgBhB;EACE,cCjBc;EDkBd,OClBc;;AD1BpB;AAgDE;;AACA;EACE,kBCvBY;EDwBZ,cCxBY;EDyBZ,OCxBiB;;AD0BjB;EACE,cC3Be;ED4Bf,OC5Be;;AD5BrB;AA4DE;;AACA;EACE,kBCjCa;EDkCb,cClCa;EDmCb,OClCkB;;ADoClB;EACE,cCrCgB;EDsChB,OCtCgB;;AD9BtB;AAwEE;;AACA;EACE,kBC3CU;ED4CV,cC5CU;ED6CV,OC5Ce;;AD8Cf;EACE,cC/Ca;EDgDb,OChDa;;ADhCnB;AAoFE;;AACA;EACE,kBCrDW;EDsDX,cCtDW;EDuDX,OCtDgB;;ADwDhB;EACE,cCzDc;ED0Dd,OC1Dc;;ADlCpB;AAgGE;;AACA;EACE;;AAlGJ;AAqGE;AAEA;;AACA;EACE;EACA;EACA;;AA3GJ;AA8GE;;AACA;EACE;EACA;EACA;;AAlHJ;AAqHE;;AACA;EACE;EACA;EACA;;AAzHJ;AA4HE;;AACA;EACE;;AA9HJ;AAiIE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AA7IJ;AAgJE;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AA9KN;AAkLE;;AACA;EACE;EACA","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n/* ========================================== */\n/* Skyline-UI Tag 标签组件样式 (Sass)         */\n/* ========================================== */\n\n.sky-tag {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  vertical-align: middle;\n  \n  border: 1px solid transparent;\n  border-radius: 6rpx; /* 默认微小圆角 (6rpx) */\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n\n  /* 极致防直角 Tap 高亮 */\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n\n  /* 离场过渡属性 */\n  transition: transform 200ms cubic-bezier(0.25, 1, 0.5, 1),\n              opacity 200ms ease;\n\n  /* ==================== 1. 莫兰迪低饱和色系变体 ==================== */\n\n  /* 灰色默认 */\n  &--default {\n    background-color: $sky-color-gray-2;\n    border-color: $sky-color-gray-3;\n    color: $sky-color-gray-7;\n    \n    &.sky-tag--plain {\n      border-color: $sky-color-gray-4;\n      color: $sky-color-gray-6;\n    }\n  }\n\n  /* 品牌蓝紫 */\n  &--primary {\n    background-color: $sky-tag-blue;\n    border-color: $sky-tag-blue;\n    color: $sky-tag-blue-text;\n\n    &.sky-tag--plain {\n      border-color: $sky-tag-blue-text;\n      color: $sky-tag-blue-text;\n    }\n  }\n\n  /* 典雅翠绿 */\n  &--success {\n    background-color: $sky-tag-green;\n    border-color: $sky-tag-green;\n    color: $sky-tag-green-text;\n\n    &.sky-tag--plain {\n      border-color: $sky-tag-green-text;\n      color: $sky-tag-green-text;\n    }\n  }\n\n  /* 琥珀温暖黄 */\n  &--warning {\n    background-color: $sky-tag-yellow;\n    border-color: $sky-tag-yellow;\n    color: $sky-tag-yellow-text;\n\n    &.sky-tag--plain {\n      border-color: $sky-tag-yellow-text;\n      color: $sky-tag-yellow-text;\n    }\n  }\n\n  /* 珊瑚危险红 */\n  &--danger {\n    background-color: $sky-tag-red;\n    border-color: $sky-tag-red;\n    color: $sky-tag-red-text;\n\n    &.sky-tag--plain {\n      border-color: $sky-tag-red-text;\n      color: $sky-tag-red-text;\n    }\n  }\n\n  /* 蔚蓝信息蓝 */\n  &--info {\n    background-color: $sky-tag-info;\n    border-color: $sky-tag-info;\n    color: $sky-tag-info-text;\n\n    &.sky-tag--plain {\n      border-color: $sky-tag-info-text;\n      color: $sky-tag-info-text;\n    }\n  }\n\n  /* ==================== 2. 镂空样式 (白底彩边，继承于变体) ==================== */\n  &--plain {\n    background-color: $sky-color-white !important;\n  }\n\n  /* ==================== 3. 尺寸规范 (呼吸感内边距) ==================== */\n  \n  /* 精致小号 */\n  &--normal {\n    height: 38rpx;\n    padding: 0 10rpx;\n    font-size: 20rpx;\n  }\n\n  /* 匀称中号 */\n  &--medium {\n    height: 46rpx;\n    padding: 0 16rpx;\n    font-size: 24rpx;\n  }\n\n  /* 大气大号 */\n  &--large {\n    height: 54rpx;\n    padding: 0 20rpx;\n    font-size: 28rpx;\n  }\n\n  /* ==================== 4. 胶囊圆角 (Round) ==================== */\n  &--round {\n    border-radius: 999rpx;\n  }\n\n  /* ==================== 5. 右侧纯 CSS 物理手绘关闭小叉 ==================== */\n  .sky-tag__close {\n    width: 28rpx;\n    height: 100%;\n    margin-left: 8rpx;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-sizing: border-box;\n    border-radius: 50%;\n    \n    transition: background-color 150ms ease;\n  }\n\n  /* 点击删除小叉微按压态反馈 */\n  .sky-tag__close--hover {\n    background-color: rgba(0, 0, 0, 0.06);\n  }\n\n  .sky-tag__close-icon {\n    position: relative;\n    width: 14rpx;\n    height: 14rpx;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    \n    /* 采用 currentColor 保证叉的颜色始终与父标签的主题文字色保持绝对一致 */\n    &::before,\n    &::after {\n      content: \" \";\n      position: absolute;\n      width: 2rpx;\n      height: 14rpx;\n      background-color: currentColor;\n      border-radius: 1px;\n    }\n    \n    &::before {\n      transform: rotate(45deg);\n    }\n    \n    &::after {\n      transform: rotate(-45deg);\n    }\n  }\n\n  /* ==================== 6. 点击关闭时平滑缩退动效 (离场) ==================== */\n  &--closing {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n","// ==========================================\r\n// Skyline-UI 极具质感的现代设计系统 (SCSS)\r\n// ==========================================\r\n\r\n// --- 品牌色体系 (HSL Tailored Colors) ---\r\n$sky-brand-h: 250; // 主品牌色相 (优雅深紫/蓝色调)\r\n$sky-brand-s: 85%;\r\n$sky-brand-l: 55%;\r\n\r\n$sky-color-primary: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l);\r\n$sky-color-primary-hover: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l - 8%);\r\n$sky-color-primary-active: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l - 15%);\r\n$sky-color-primary-light: hsl($sky-brand-h, $sky-brand-s, 95%);\r\n\r\n// 辅助色体系 (意图表达)\r\n$sky-color-success: hsl(150, 80%, 40%);\r\n$sky-color-success-active: hsl(150, 80%, 32%);\r\n$sky-color-success-light: hsl(150, 80%, 96%);\r\n\r\n$sky-color-warning: hsl(35, 90%, 50%);\r\n$sky-color-warning-active: hsl(35, 90%, 42%);\r\n$sky-color-warning-light: hsl(35, 90%, 96%);\r\n\r\n$sky-color-danger: hsl(355, 85%, 55%);\r\n$sky-color-danger-active: hsl(355, 85%, 45%);\r\n$sky-color-danger-light: hsl(355, 85%, 96%);\r\n\r\n$sky-color-info: hsl(200, 85%, 50%);\r\n$sky-color-info-active: hsl(200, 85%, 42%);\r\n$sky-color-info-light: hsl(200, 85%, 96%);\r\n\r\n// --- Tag 标签组件专用色系 (莫兰迪低饱和) ---\r\n$sky-tag-blue: #edf2ff;\r\n$sky-tag-blue-text: #3b5bdb;\r\n$sky-tag-green: #ebfbee;\r\n$sky-tag-green-text: #2b8a3e;\r\n$sky-tag-yellow: #fff9db;\r\n$sky-tag-yellow-text: #f08c00;\r\n$sky-tag-red: #ffeef0;\r\n$sky-tag-red-text: #fa5252;\r\n$sky-tag-info: #e7f5ff;\r\n$sky-tag-info-text: #1c7ed6;\r\n\r\n// --- 纯净的中性色调 (Sleek Grays) ---\r\n$sky-color-white: #ffffff;\r\n$sky-color-gray-1: #f8f9fa; // 极浅背景\r\n$sky-color-gray-2: #f1f3f5; // 浅灰背景\r\n$sky-color-gray-3: #e9ecef; // 边框线/失效态\r\n$sky-color-gray-4: #dee2e6;\r\n$sky-color-gray-5: #adb5bd; // 提示文本\r\n$sky-color-gray-6: #868e96;\r\n$sky-color-gray-7: #495057; // 次级文本\r\n$sky-color-gray-8: #343a40;\r\n$sky-color-gray-9: #212529; // 主级文本\r\n\r\n// --- 阴影系统 (Premium Shadows) ---\r\n$sky-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);\r\n$sky-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n$sky-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n$sky-shadow-primary: 0 4px 14px rgba(100, 80, 240, 0.2);\r\n\r\n// --- 圆角规范 (Borders) ---\r\n$sky-border-radius-xs: 4rpx;\r\n$sky-border-radius-sm: 8rpx;\r\n$sky-border-radius-md: 12rpx;\r\n$sky-border-radius-lg: 20rpx;\r\n$sky-border-radius-round: 9999rpx;\r\n\r\n// --- 字体与字号规范 (Typography) ---\r\n$sky-font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, Roboto, sans-serif;\r\n$sky-font-size-xs: 20rpx;\r\n$sky-font-size-sm: 24rpx;\r\n$sky-font-size-md: 28rpx;\r\n$sky-font-size-lg: 32rpx;\r\n$sky-font-size-xl: 36rpx;\r\n\r\n// --- 动效与过渡 (Transitions) ---\r\n$sky-transition-duration: 200ms;\r\n$sky-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n// --- 间距规范 (Spacing) ---\r\n$sky-spacing-xs: 8rpx;\r\n$sky-spacing-sm: 16rpx;\r\n$sky-spacing-md: 24rpx;\r\n$sky-spacing-lg: 32rpx;\r\n$sky-spacing-xl: 48rpx;\r\n\r\n// --- 组件高度规范 (Component Heights) ---\r\n$sky-height-sm: 56rpx;\r\n$sky-height-md: 72rpx;\r\n$sky-height-lg: 88rpx;\r\n$sky-height-xl: 96rpx;\r\n\r\n// --- 层级规范 (Z-Index) ---\r\n$sky-z-dropdown: 100;\r\n$sky-z-fixed: 500;\r\n$sky-z-popup: 1000;\r\n$sky-z-toast: 2000;\r\n"]}

package/miniprogram_dist/textarea/index.js

@@ -0,0 +1,143 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true, // 让组件节点在 Skyline 渲染下不作为独立的布局节点，能完美承载外层样式与定位
+        multipleSlots: true // 开启多插槽支持
+    },
+    properties: {
+        value: {
+            type: String,
+            value: ''
+        },
+        placeholder: {
+            type: String,
+            value: ''
+        },
+        placeholderStyle: {
+            type: String,
+            value: ''
+        },
+        disabled: {
+            type: Boolean,
+            value: false
+        },
+        maxlength: {
+            type: Number,
+            value: 140 // 默认 140，-1 表示不限制
+        },
+        focus: {
+            type: Boolean,
+            value: false
+        },
+        autoHeight: {
+            type: Boolean,
+            value: false // 是否自适应高度
+        },
+        height: {
+            type: String,
+            value: '160rpx' // 固定高度，只有在 autoHeight 为 false 时有效
+        },
+        clearable: {
+            type: Boolean,
+            value: false // 是否支持一键清空
+        },
+        showCount: {
+            type: Boolean,
+            value: false // 是否显示字数限制统计
+        },
+        variant: {
+            type: String,
+            value: 'border' // border (细边框), round (中等圆角), filled (填充背景)
+        },
+        size: {
+            type: String,
+            value: 'normal' // normal, large
+        },
+        adjustPosition: {
+            type: Boolean,
+            value: true // 键盘弹起时是否自动上推页面
+        },
+        confirmType: {
+            type: String,
+            value: 'done' // done, send, search, next, go
+        },
+        disableDefaultPadding: {
+            type: Boolean,
+            value: false // 是否去掉 iOS 下的默认内边距
+        }
+    },
+    data: {
+        focused: false,
+        showClear: false,
+        currentLength: 0,
+        isLimitWarning: false, // 接近字数限制 (大于等于 90%)
+        isLimitError: false, // 达到字数限制
+        _timer: 0 // onBlur 延时句柄
+    },
+    observers: {
+        'value, focused, clearable': function (value, focused, clearable) {
+            // 只有在开启清除、有内容、且聚焦时才显示清除按钮
+            const showClear = !!(clearable && value && focused);
+            if (this.data.showClear !== showClear) {
+                this.setData({ showClear });
+            }
+        },
+        'value, maxlength': function (value, maxlength) {
+            const len = value ? value.length : 0;
+            let isLimitWarning = false;
+            let isLimitError = false;
+            if (maxlength > 0) {
+                isLimitWarning = len >= maxlength * 0.9 && len < maxlength;
+                isLimitError = len >= maxlength;
+            }
+            this.setData({
+                currentLength: len,
+                isLimitWarning,
+                isLimitError
+            });
+        }
+    },
+    lifetimes: {
+        detached() {
+            if (this.data._timer) {
+                clearTimeout(this.data._timer);
+            }
+        }
+    },
+    methods: {
+        onInput(e) {
+            const val = e.detail.value;
+            this.setData({ value: val });
+            this.triggerEvent('input', { value: val });
+        },
+        onFocus(e) {
+            this.setData({ focused: true });
+            this.triggerEvent('focus', e.detail);
+        },
+        onBlur(e) {
+            // 稍作延时以确保点击清除”X”按钮的 tap 事件能够先于失焦事件被消费
+            this.setData({ _timer: setTimeout(() => {
+                    this.setData({ focused: false });
+                }, 150) });
+            this.triggerEvent('blur', e.detail);
+        },
+        onConfirm(e) {
+            const val = e.detail.value;
+            this.triggerEvent('confirm', { value: val });
+        },
+        onLineChange(e) {
+            this.triggerEvent('linechange', e.detail);
+        },
+        onClear() {
+            this.setData({
+                value: '',
+                showClear: false
+            });
+            // 触发双向绑定 input 事件
+            this.triggerEvent('input', { value: '' });
+            this.triggerEvent('clear');
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true, // 让组件节点在 Skyline 渲染下不作为独立的布局节点，能完美承载外层样式与定位\r\n    multipleSlots: true // 开启多插槽支持\r\n  },\r\n  properties: {\r\n    value: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    placeholder: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    placeholderStyle: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    maxlength: {\r\n      type: Number,\r\n      value: 140 // 默认 140，-1 表示不限制\r\n    },\r\n    focus: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    autoHeight: {\r\n      type: Boolean,\r\n      value: false // 是否自适应高度\r\n    },\r\n    height: {\r\n      type: String,\r\n      value: '160rpx' // 固定高度，只有在 autoHeight 为 false 时有效\r\n    },\r\n    clearable: {\r\n      type: Boolean,\r\n      value: false // 是否支持一键清空\r\n    },\r\n    showCount: {\r\n      type: Boolean,\r\n      value: false // 是否显示字数限制统计\r\n    },\r\n    variant: {\r\n      type: String,\r\n      value: 'border' // border (细边框), round (中等圆角), filled (填充背景)\r\n    },\r\n    size: {\r\n      type: String,\r\n      value: 'normal' // normal, large\r\n    },\r\n    adjustPosition: {\r\n      type: Boolean,\r\n      value: true // 键盘弹起时是否自动上推页面\r\n    },\r\n    confirmType: {\r\n      type: String,\r\n      value: 'done' // done, send, search, next, go\r\n    },\r\n    disableDefaultPadding: {\r\n      type: Boolean,\r\n      value: false // 是否去掉 iOS 下的默认内边距\r\n    }\r\n  },\r\n  data: {\r\n    focused: false,\r\n    showClear: false,\r\n    currentLength: 0,\r\n    isLimitWarning: false, // 接近字数限制 (大于等于 90%)\r\n    isLimitError: false, // 达到字数限制\r\n    _timer: 0 as number // onBlur 延时句柄\r\n  },\r\n  observers: {\r\n    'value, focused, clearable': function(value: string, focused: boolean, clearable: boolean) {\r\n      // 只有在开启清除、有内容、且聚焦时才显示清除按钮\r\n      const showClear = !!(clearable && value && focused);\r\n      if (this.data.showClear !== showClear) {\r\n        this.setData({ showClear });\r\n      }\r\n    },\r\n    'value, maxlength': function(value: string, maxlength: number) {\r\n      const len = value ? value.length : 0;\r\n      let isLimitWarning = false;\r\n      let isLimitError = false;\r\n\r\n      if (maxlength > 0) {\r\n        isLimitWarning = len >= maxlength * 0.9 && len < maxlength;\r\n        isLimitError = len >= maxlength;\r\n      }\r\n\r\n      this.setData({\r\n        currentLength: len,\r\n        isLimitWarning,\r\n        isLimitError\r\n      });\r\n    }\r\n  },\r\n  lifetimes: {\r\n    detached() {\r\n      if (this.data._timer) {\r\n        clearTimeout(this.data._timer);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    onInput(e: WechatMiniprogram.Input) {\r\n      const val = e.detail.value;\r\n      this.setData({ value: val });\r\n      this.triggerEvent('input', { value: val });\r\n    },\r\n    onFocus(e: WechatMiniprogram.Input) {\r\n      this.setData({ focused: true });\r\n      this.triggerEvent('focus', e.detail);\r\n    },\r\n    onBlur(e: WechatMiniprogram.Input) {\r\n      // 稍作延时以确保点击清除”X”按钮的 tap 事件能够先于失焦事件被消费\r\n      this.setData({ _timer: setTimeout(() => {\r\n        this.setData({ focused: false });\r\n      }, 150) });\r\n      this.triggerEvent('blur', e.detail);\r\n    },\r\n    onConfirm(e: WechatMiniprogram.Input) {\r\n      const val = e.detail.value;\r\n      this.triggerEvent('confirm', { value: val });\r\n    },\r\n    onLineChange(e: WechatMiniprogram.Input) {\r\n      this.triggerEvent('linechange', e.detail);\r\n    },\r\n    onClear() {\r\n      this.setData({\r\n        value: '',\r\n        showClear: false\r\n      });\r\n      // 触发双向绑定 input 事件\r\n      this.triggerEvent('input', { value: '' });\r\n      this.triggerEvent('clear');\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/textarea/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "usingComponents": {}
+}

package/miniprogram_dist/textarea/index.wxml

@@ -0,0 +1,59 @@
+<view class="sky-textarea-container">
+  <!-- 文本域主体卡片（支持 Border, Round, Filled 三种视觉风格，及 Focus 发光高亮） -->
+  <view class="sky-textarea sky-textarea--{{ variant }} sky-textarea--{{ size }} {{ focused ? 'sky-textarea--focus' : '' }} {{ disabled ? 'sky-textarea--disabled' : '' }}">
+    
+    <!-- 前缀自定义插槽 -->
+    <view class="sky-textarea__prefix">
+      <slot name="prefix"></slot>
+    </view>
+    
+    <!-- 核心文本域输入控件 -->
+    <view class="sky-textarea__control-wrapper">
+      <textarea 
+        class="sky-textarea__control"
+        style="{{ autoHeight ? '' : 'height: ' + height + ';' }}"
+        value="{{ value }}"
+        placeholder="{{ placeholder }}"
+        placeholder-style="{{ placeholderStyle }}"
+        disabled="{{ disabled }}"
+        maxlength="{{ maxlength }}"
+        focus="{{ focus }}"
+        auto-height="{{ autoHeight }}"
+        adjust-position="{{ adjustPosition }}"
+        confirm-type="{{ confirmType }}"
+        disable-default-padding="{{ disableDefaultPadding }}"
+        bindinput="onInput"
+        bindfocus="onFocus"
+        bindblur="onBlur"
+        bindconfirm="onConfirm"
+        bindlinechange="onLineChange"
+      />
+    </view>
+    
+    <!-- 后缀自定义插槽 -->
+    <view class="sky-textarea__suffix">
+      <slot name="suffix"></slot>
+    </view>
+    
+    <!-- 一键清除“X”图标（硬件加速淡入淡出旋转过渡，放置在右上角） -->
+    <view wx:if="{{ clearable }}" class="sky-textarea__clear-wrapper {{ showClear ? 'sky-textarea__clear-wrapper--show' : '' }}" hover-class="sky-textarea__clear-active" hover-stay-time="70" catchtap="onClear">
+      <view class="sky-textarea__clear-icon"></view>
+    </view>
+
+  </view>
+  
+  <!-- 底部状态辅助条（当展示字数统计或有底部插槽时显示） -->
+  <view wx:if="{{ showCount || hasFooterSlot }}" class="sky-textarea__footer-bar">
+    <!-- 底部自定义区域（比如可以放些标签或提示） -->
+    <view class="sky-textarea__footer">
+      <slot name="footer"></slot>
+    </view>
+    
+    <!-- 精致的数字字数计数器 -->
+    <view wx:if="{{ showCount }}" class="sky-textarea__count {{ isLimitWarning ? 'sky-textarea__count--warning' : '' }} {{ isLimitError ? 'sky-textarea__count--error' : '' }}">
+      <text class="sky-textarea__count-current">{{ currentLength }}</text>
+      <text class="sky-textarea__count-separator">/</text>
+      <text class="sky-textarea__count-max">{{ maxlength > 0 ? maxlength : '∞' }}</text>
+    </view>
+  </view>
+</view>

package/miniprogram_dist/textarea/index.wxss

@@ -0,0 +1,242 @@
+@charset "UTF-8";
+.sky-textarea-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
+}
+
+.sky-textarea {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start; /* 多行文本对齐顶部 */
+  width: 100%;
+  box-sizing: border-box;
+  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+}
+
+.sky-textarea--border {
+  border: 2rpx solid #e9ecef;
+  background-color: #ffffff;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.01);
+}
+.sky-textarea--border.sky-textarea--focus {
+  border-color: hsl(250, 85%, 55%);
+  box-shadow: 0 0 12rpx rgba(75.225, 42.7125, 237.7875, 0.18);
+}
+
+.sky-textarea--round {
+  border: 2rpx solid #e9ecef;
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.02);
+}
+.sky-textarea--round.sky-textarea--focus {
+  border-color: hsl(250, 85%, 55%);
+  background-color: #ffffff;
+  box-shadow: 0 0 12rpx rgba(75.225, 42.7125, 237.7875, 0.15);
+}
+
+.sky-textarea--filled {
+  border: 2rpx solid transparent;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
+}
+.sky-textarea--filled.sky-textarea--focus {
+  background-color: #ffffff;
+  border-color: rgba(75.225, 42.7125, 237.7875, 0.3);
+  box-shadow: 0 0 12rpx rgba(75.225, 42.7125, 237.7875, 0.1);
+}
+
+.sky-textarea--normal {
+  border-radius: 12rpx;
+  padding: 20rpx;
+}
+.sky-textarea--normal .sky-textarea__control {
+  font-size: 28rpx;
+  line-height: 40rpx;
+}
+
+.sky-textarea--large {
+  border-radius: 20rpx;
+  padding: 24rpx;
+}
+.sky-textarea--large .sky-textarea__control {
+  font-size: 32rpx;
+  line-height: 46rpx;
+}
+
+.sky-textarea__control-wrapper {
+  flex: 1;
+  width: 100%;
+  min-width: 0;
+}
+
+.sky-textarea__control {
+  display: block;
+  width: 100% !important;
+  max-width: 100%;
+  color: #212529;
+  box-sizing: border-box;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  padding-right: 48rpx;
+}
+
+.sky-textarea--disabled {
+  background-color: rgba(0, 0, 0, 0.02) !important;
+  border-color: #e9ecef !important;
+  box-shadow: none !important;
+}
+.sky-textarea--disabled .sky-textarea__control {
+  color: #adb5bd !important;
+}
+.sky-textarea--disabled .sky-textarea__prefix,
+.sky-textarea--disabled .sky-textarea__suffix {
+  opacity: 0.3 !important;
+}
+
+.sky-textarea__prefix {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  margin-right: 12rpx;
+  padding-top: 2rpx;
+}
+
+.sky-textarea__suffix {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  margin-left: 12rpx;
+  padding-top: 2rpx;
+}
+
+.sky-textarea__clear-wrapper {
+  position: absolute;
+  right: 16rpx;
+  top: 16rpx;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36rpx;
+  height: 36rpx;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.05);
+  opacity: 0;
+  transform: scale(0.6) rotate(-45deg);
+  pointer-events: none;
+  transition: opacity 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.15s ease;
+}
+
+.sky-textarea__clear-wrapper--show {
+  opacity: 1;
+  transform: scale(1) rotate(0deg);
+  pointer-events: auto;
+}
+
+.sky-textarea__clear-active {
+  transform: scale(0.82) !important;
+  background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.sky-textarea__clear-icon {
+  position: relative;
+  width: 16rpx;
+  height: 16rpx;
+}
+.sky-textarea__clear-icon::before, .sky-textarea__clear-icon::after {
+  content: "";
+  position: absolute;
+  top: 7rpx;
+  left: 0;
+  width: 16rpx;
+  height: 2.5rpx;
+  background-color: #868e96;
+  border-radius: 2rpx;
+}
+.sky-textarea__clear-icon::before {
+  transform: rotate(45deg);
+}
+.sky-textarea__clear-icon::after {
+  transform: rotate(-45deg);
+}
+
+.sky-textarea__footer-bar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin-top: 10rpx;
+  padding: 0 6rpx;
+  box-sizing: border-box;
+}
+
+.sky-textarea__footer {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+}
+
+.sky-textarea__count {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: 24rpx;
+  font-family: Consolas, Monaco, monospace;
+  color: #adb5bd;
+  transition: color 0.2s ease, transform 0.2s ease;
+  user-select: none;
+}
+
+.sky-textarea__count-current {
+  font-weight: 500;
+  color: #495057;
+}
+
+.sky-textarea__count-separator {
+  margin: 0 4rpx;
+  opacity: 0.7;
+}
+
+.sky-textarea__count-max {
+  opacity: 0.8;
+}
+
+.sky-textarea__count--warning {
+  transform: scale(1.02);
+}
+.sky-textarea__count--warning .sky-textarea__count-current {
+  color: hsl(35, 90%, 50%);
+}
+
+.sky-textarea__count--error {
+  animation: count-shake 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  transform: scale(1.05);
+}
+.sky-textarea__count--error .sky-textarea__count-current {
+  color: hsl(355, 85%, 55%);
+  font-weight: bold;
+}
+
+@keyframes count-shake {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0) scale(1.05);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0) scale(1.05);
+  }
+  30%, 50%, 70% {
+    transform: translate3d(-3px, 0, 0) scale(1.05);
+  }
+  40%, 60% {
+    transform: translate3d(3px, 0, 0) scale(1.05);
+  }
+}

package/miniprogram_dist/textarea/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["textarea/index.scss","common/style/theme.scss"],"names":[],"mappings":";AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAMF;EACE;EACA,kBCagB;EDZhB;;AAEA;EACE,cC1BgB;ED2BhB;;;AAKJ;EACE;EACA,kBCCgB;EDAhB,eCqBqB;EDpBrB;;AAEA;EACE,cCvCgB;EDwChB,kBCLc;EDMd;;;AAKJ;EACE;EACA,kBCZiB;EDajB,eCMqB;;ADJrB;EACE,kBCjBc;EDkBd;EACA;;;AAMJ;EACE,eCNqB;EDOrB;;AAEA;EACE;EACA;;;AAIJ;EACE,eCfqB;EDgBrB;;AAEA;EACE;EACA;;;AAOJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA,OClDiB;EDmDjB;EACA;EACA;EACA;EAEA;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,kBCnJe;EDoJf;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,OC7LiB;ED8LjB;EACA;;;AAGF;EACE;EACA,OClMiB;;;ADqMnB;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;AAEA;EACE,OCnPgB;;;ADwPpB;EACE;EACA;;AAEA;EACE,OCzPe;ED0Pf;;;AAKJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n// 外层纵向容器\n.sky-textarea-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n}\n\n// 主体卡片容器\n.sky-textarea {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start; /* 多行文本对齐顶部 */\n  width: 100%;\n  box-sizing: border-box;\n  transition: border-color #{$sky-transition-duration} #{$sky-transition-timing}, \n              box-shadow #{$sky-transition-duration} #{$sky-transition-timing}, \n              background-color #{$sky-transition-duration} #{$sky-transition-timing};\n  position: relative;\n}\n\n// ------------------- 风格变体 -------------------\n\n// 1. Border：精致细边框卡表单风格\n.sky-textarea--border {\n  border: 2rpx solid $sky-color-gray-3;\n  background-color: $sky-color-white;\n  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.01);\n  \n  &.sky-textarea--focus {\n    border-color: $sky-color-primary;\n    box-shadow: 0 0 12rpx rgba($sky-color-primary, 0.18);\n  }\n}\n\n// 2. Round：柔和大圆角风格（在多行文本下为 24rpx 圆角）\n.sky-textarea--round {\n  border: 2rpx solid $sky-color-gray-3;\n  background-color: $sky-color-white;\n  border-radius: $sky-border-radius-lg;\n  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.02);\n  \n  &.sky-textarea--focus {\n    border-color: $sky-color-primary;\n    background-color: $sky-color-white;\n    box-shadow: 0 0 12rpx rgba($sky-color-primary, 0.15);\n  }\n}\n\n// 3. Filled：极简轻量级无边框填充背景风格\n.sky-textarea--filled {\n  border: 2rpx solid transparent;\n  background-color: $sky-color-gray-1;\n  border-radius: $sky-border-radius-md;\n  \n  &.sky-textarea--focus {\n    background-color: $sky-color-white;\n    border-color: rgba($sky-color-primary, 0.3);\n    box-shadow: 0 0 12rpx rgba($sky-color-primary, 0.1);\n  }\n}\n\n// ------------------- 尺寸规格 -------------------\n\n.sky-textarea--normal {\n  border-radius: $sky-border-radius-md;\n  padding: 20rpx;\n  \n  .sky-textarea__control {\n    font-size: 28rpx;\n    line-height: 40rpx;\n  }\n}\n\n.sky-textarea--large {\n  border-radius: $sky-border-radius-lg;\n  padding: 24rpx;\n  \n  .sky-textarea__control {\n    font-size: 32rpx;\n    line-height: 46rpx;\n  }\n}\n\n// ------------------- 内部元素 -------------------\n\n// 文本域控件包裹器，保证 100% 宽度自适应\n.sky-textarea__control-wrapper {\n  flex: 1;\n  width: 100%;\n  min-width: 0;\n}\n\n// 文本域原生控件\n.sky-textarea__control {\n  display: block;\n  width: 100% !important;\n  max-width: 100%;\n  color: $sky-color-gray-9;\n  box-sizing: border-box;\n  background-color: transparent;\n  padding: 0;\n  margin: 0;\n  // 为右侧绝对定位的一键清除按钮预留安全间距，防止文字重叠\n  padding-right: 48rpx;\n}\n\n// 禁用状态\n.sky-textarea--disabled {\n  background-color: rgba(0, 0, 0, 0.02) !important;\n  border-color: $sky-color-gray-3 !important;\n  box-shadow: none !important;\n  \n  .sky-textarea__control {\n    color: $sky-color-gray-5 !important;\n  }\n  \n  .sky-textarea__prefix,\n  .sky-textarea__suffix {\n    opacity: 0.3 !important;\n  }\n}\n\n// ------------------- 插槽占位 -------------------\n\n.sky-textarea__prefix {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin-right: 12rpx;\n  padding-top: 2rpx;\n}\n\n.sky-textarea__suffix {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin-left: 12rpx;\n  padding-top: 2rpx;\n}\n\n// ------------------- 一键清除 \"X\" 图标 -------------------\n\n.sky-textarea__clear-wrapper {\n  position: absolute;\n  right: 16rpx;\n  top: 16rpx;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36rpx;\n  height: 36rpx;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.05);\n  \n  // 核心动画：初始状态隐藏、缩放且旋转\n  opacity: 0;\n  transform: scale(0.6) rotate(-45deg);\n  pointer-events: none;\n  transition: opacity 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), \n              transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), \n              background-color 0.15s ease;\n}\n\n// 展示状态\n.sky-textarea__clear-wrapper--show {\n  opacity: 1;\n  transform: scale(1) rotate(0deg);\n  pointer-events: auto;\n}\n\n// 交互态\n.sky-textarea__clear-active {\n  transform: scale(0.82) !important;\n  background-color: rgba(0, 0, 0, 0.15) !important;\n}\n\n// 清除图标 (纯 CSS 手绘叉号)\n.sky-textarea__clear-icon {\n  position: relative;\n  width: 16rpx;\n  height: 16rpx;\n  \n  &::before,\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: 7rpx;\n    left: 0;\n    width: 16rpx;\n    height: 2.5rpx;\n    background-color: $sky-color-gray-6;\n    border-radius: 2rpx;\n  }\n  \n  &::before {\n    transform: rotate(45deg);\n  }\n  \n  &::after {\n    transform: rotate(-45deg);\n  }\n}\n\n// ------------------- 底部辅助状态栏 -------------------\n\n.sky-textarea__footer-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 10rpx;\n  padding: 0 6rpx;\n  box-sizing: border-box;\n}\n\n// 底部自定义内容插槽\n.sky-textarea__footer {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n// 字数统计数字面板\n.sky-textarea__count {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 24rpx;\n  font-family: Consolas, Monaco, monospace;\n  color: $sky-color-gray-5;\n  transition: color 0.2s ease, transform 0.2s ease;\n  user-select: none;\n}\n\n.sky-textarea__count-current {\n  font-weight: 500;\n  color: $sky-color-gray-7;\n}\n\n.sky-textarea__count-separator {\n  margin: 0 4rpx;\n  opacity: 0.7;\n}\n\n.sky-textarea__count-max {\n  opacity: 0.8;\n}\n\n// 警告状态 (接近字数上限 >= 90%)\n.sky-textarea__count--warning {\n  transform: scale(1.02);\n  \n  .sky-textarea__count-current {\n    color: $sky-color-warning;\n  }\n}\n\n// 错误状态 (超出或达到字数上限 >= 100%)\n.sky-textarea__count--error {\n  animation: count-shake 0.35s cubic-bezier(.36,.07,.19,.97) both;\n  transform: scale(1.05);\n  \n  .sky-textarea__count-current {\n    color: $sky-color-danger;\n    font-weight: bold;\n  }\n}\n\n// 限制字数达到上限时的物理抖动微特效 (高端质感)\n@keyframes count-shake {\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0) scale(1.05);\n  }\n  20%, 80% {\n    transform: translate3d(2px, 0, 0) scale(1.05);\n  }\n  30%, 50%, 70% {\n    transform: translate3d(-3px, 0, 0) scale(1.05);\n  }\n  40%, 60% {\n    transform: translate3d(3px, 0, 0) scale(1.05);\n  }\n}\n","// ==========================================\r\n// Skyline-UI 极具质感的现代设计系统 (SCSS)\r\n// ==========================================\r\n\r\n// --- 品牌色体系 (HSL Tailored Colors) ---\r\n$sky-brand-h: 250; // 主品牌色相 (优雅深紫/蓝色调)\r\n$sky-brand-s: 85%;\r\n$sky-brand-l: 55%;\r\n\r\n$sky-color-primary: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l);\r\n$sky-color-primary-hover: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l - 8%);\r\n$sky-color-primary-active: hsl($sky-brand-h, $sky-brand-s, $sky-brand-l - 15%);\r\n$sky-color-primary-light: hsl($sky-brand-h, $sky-brand-s, 95%);\r\n\r\n// 辅助色体系 (意图表达)\r\n$sky-color-success: hsl(150, 80%, 40%);\r\n$sky-color-success-active: hsl(150, 80%, 32%);\r\n$sky-color-success-light: hsl(150, 80%, 96%);\r\n\r\n$sky-color-warning: hsl(35, 90%, 50%);\r\n$sky-color-warning-active: hsl(35, 90%, 42%);\r\n$sky-color-warning-light: hsl(35, 90%, 96%);\r\n\r\n$sky-color-danger: hsl(355, 85%, 55%);\r\n$sky-color-danger-active: hsl(355, 85%, 45%);\r\n$sky-color-danger-light: hsl(355, 85%, 96%);\r\n\r\n$sky-color-info: hsl(200, 85%, 50%);\r\n$sky-color-info-active: hsl(200, 85%, 42%);\r\n$sky-color-info-light: hsl(200, 85%, 96%);\r\n\r\n// --- Tag 标签组件专用色系 (莫兰迪低饱和) ---\r\n$sky-tag-blue: #edf2ff;\r\n$sky-tag-blue-text: #3b5bdb;\r\n$sky-tag-green: #ebfbee;\r\n$sky-tag-green-text: #2b8a3e;\r\n$sky-tag-yellow: #fff9db;\r\n$sky-tag-yellow-text: #f08c00;\r\n$sky-tag-red: #ffeef0;\r\n$sky-tag-red-text: #fa5252;\r\n$sky-tag-info: #e7f5ff;\r\n$sky-tag-info-text: #1c7ed6;\r\n\r\n// --- 纯净的中性色调 (Sleek Grays) ---\r\n$sky-color-white: #ffffff;\r\n$sky-color-gray-1: #f8f9fa; // 极浅背景\r\n$sky-color-gray-2: #f1f3f5; // 浅灰背景\r\n$sky-color-gray-3: #e9ecef; // 边框线/失效态\r\n$sky-color-gray-4: #dee2e6;\r\n$sky-color-gray-5: #adb5bd; // 提示文本\r\n$sky-color-gray-6: #868e96;\r\n$sky-color-gray-7: #495057; // 次级文本\r\n$sky-color-gray-8: #343a40;\r\n$sky-color-gray-9: #212529; // 主级文本\r\n\r\n// --- 阴影系统 (Premium Shadows) ---\r\n$sky-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);\r\n$sky-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n$sky-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n$sky-shadow-primary: 0 4px 14px rgba(100, 80, 240, 0.2);\r\n\r\n// --- 圆角规范 (Borders) ---\r\n$sky-border-radius-xs: 4rpx;\r\n$sky-border-radius-sm: 8rpx;\r\n$sky-border-radius-md: 12rpx;\r\n$sky-border-radius-lg: 20rpx;\r\n$sky-border-radius-round: 9999rpx;\r\n\r\n// --- 字体与字号规范 (Typography) ---\r\n$sky-font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, Roboto, sans-serif;\r\n$sky-font-size-xs: 20rpx;\r\n$sky-font-size-sm: 24rpx;\r\n$sky-font-size-md: 28rpx;\r\n$sky-font-size-lg: 32rpx;\r\n$sky-font-size-xl: 36rpx;\r\n\r\n// --- 动效与过渡 (Transitions) ---\r\n$sky-transition-duration: 200ms;\r\n$sky-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n// --- 间距规范 (Spacing) ---\r\n$sky-spacing-xs: 8rpx;\r\n$sky-spacing-sm: 16rpx;\r\n$sky-spacing-md: 24rpx;\r\n$sky-spacing-lg: 32rpx;\r\n$sky-spacing-xl: 48rpx;\r\n\r\n// --- 组件高度规范 (Component Heights) ---\r\n$sky-height-sm: 56rpx;\r\n$sky-height-md: 72rpx;\r\n$sky-height-lg: 88rpx;\r\n$sky-height-xl: 96rpx;\r\n\r\n// --- 层级规范 (Z-Index) ---\r\n$sky-z-dropdown: 100;\r\n$sky-z-fixed: 500;\r\n$sky-z-popup: 1000;\r\n$sky-z-toast: 2000;\r\n"]}

package/miniprogram_dist/toast/index.js

@@ -0,0 +1,92 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true // 开启虚拟节点降低 Skyline DOM 层级嵌套
+    },
+    properties: {
+        // 默认展示受控状态 (通常用 show 方法调用，此属性作为常规后备)
+        show: {
+            type: Boolean,
+            value: false
+        },
+        // 提示文本内容
+        message: {
+            type: String,
+            value: ''
+        },
+        // 提示类型：text (纯文本), success (成功), fail (失败), loading (加载中)
+        type: {
+            type: String,
+            value: 'text'
+        },
+        // 是否防背景点击穿透
+        forbidClick: {
+            type: Boolean,
+            value: false
+        }
+    },
+    data: {
+        show: false,
+        message: '',
+        type: 'text',
+        forbidClick: false,
+        _timer: 0 // 自动隐藏定时器句柄
+    },
+    lifetimes: {
+        detached() {
+            if (this.data._timer) {
+                clearTimeout(this.data._timer);
+            }
+        }
+    },
+    methods: {
+        // 📖 核心 API 方法：展示轻提示
+        show(options) {
+            // 1. 清理已有的定时器，防重复触发抖动
+            if (this.data._timer) {
+                clearTimeout(this.data._timer);
+            }
+            let parsedOptions = {};
+            // 2. 兼容 String 简写入参，如 show("操作成功")
+            if (typeof options === 'string') {
+                parsedOptions = { message: options, type: 'text' };
+            }
+            else {
+                parsedOptions = { ...options };
+            }
+            const message = parsedOptions.message || '';
+            const type = parsedOptions.type || 'text';
+            const forbidClick = parsedOptions.forbidClick !== undefined ? !!parsedOptions.forbidClick : (type === 'loading');
+            const duration = parsedOptions.duration !== undefined ? parsedOptions.duration : 2000;
+            // 3. 更新界面展示状态
+            this.setData({
+                show: true,
+                message,
+                type,
+                forbidClick
+            });
+            // 4. 配置自动隐藏定时器 (若配置为 0，则需要开发者手动调用 clear)
+            if (duration > 0) {
+                this.setData({ _timer: setTimeout(() => {
+                        this.clear();
+                    }, duration) });
+            }
+        },
+        // 📖 核心 API 方法：立即清空/关闭轻提示
+        clear() {
+            if (this.data._timer) {
+                clearTimeout(this.data._timer);
+                this.setData({ _timer: 0 });
+            }
+            this.setData({
+                show: false
+            });
+            // 抛出关闭收尾事件
+            this.triggerEvent('close');
+        },
+        // 空辅助方法，拦截遮罩后方滚动穿透
+        noop() { }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toast/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true // 开启虚拟节点降低 Skyline DOM 层级嵌套\r\n  },\r\n\r\n  properties: {\r\n    // 默认展示受控状态 (通常用 show 方法调用，此属性作为常规后备)\r\n    show: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 提示文本内容\r\n    message: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 提示类型：text (纯文本), success (成功), fail (失败), loading (加载中)\r\n    type: {\r\n      type: String,\r\n      value: 'text'\r\n    },\r\n    // 是否防背景点击穿透\r\n    forbidClick: {\r\n      type: Boolean,\r\n      value: false\r\n    }\r\n  },\r\n\r\n  data: {\r\n    show: false,\r\n    message: '',\r\n    type: 'text',\r\n    forbidClick: false,\r\n    _timer: 0 as number // 自动隐藏定时器句柄\r\n  },\r\n\r\n  lifetimes: {\r\n    detached() {\r\n      if (this.data._timer) {\r\n        clearTimeout(this.data._timer);\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    // 📖 核心 API 方法：展示轻提示\r\n    show(options: any) {\r\n      // 1. 清理已有的定时器，防重复触发抖动\r\n      if (this.data._timer) {\r\n        clearTimeout(this.data._timer);\r\n      }\r\n\r\n      let parsedOptions: any = {};\r\n      \r\n      // 2. 兼容 String 简写入参，如 show(\"操作成功\")\r\n      if (typeof options === 'string') {\r\n        parsedOptions = { message: options, type: 'text' };\r\n      } else {\r\n        parsedOptions = { ...options };\r\n      }\r\n\r\n      const message = parsedOptions.message || '';\r\n      const type = parsedOptions.type || 'text';\r\n      const forbidClick = parsedOptions.forbidClick !== undefined ? !!parsedOptions.forbidClick : (type === 'loading');\r\n      const duration = parsedOptions.duration !== undefined ? parsedOptions.duration : 2000;\r\n\r\n      // 3. 更新界面展示状态\r\n      this.setData({\r\n        show: true,\r\n        message,\r\n        type,\r\n        forbidClick\r\n      });\r\n\r\n      // 4. 配置自动隐藏定时器 (若配置为 0，则需要开发者手动调用 clear)\r\n      if (duration > 0) {\r\n        this.setData({ _timer: setTimeout(() => {\r\n          this.clear();\r\n        }, duration) });\r\n      }\r\n    },\r\n\r\n    // 📖 核心 API 方法：立即清空/关闭轻提示\r\n    clear() {\r\n      if (this.data._timer) {\r\n        clearTimeout(this.data._timer);\r\n        this.setData({ _timer: 0 });\r\n      }\r\n\r\n      this.setData({\r\n        show: false\r\n      });\r\n      \r\n      // 抛出关闭收尾事件\r\n      this.triggerEvent('close');\r\n    },\r\n\r\n    // 空辅助方法，拦截遮罩后方滚动穿透\r\n    noop() {}\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/toast/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "usingComponents": {
+    "sky-icon": "../icon/index"
+  }
+}

package/miniprogram_dist/toast/index.wxml

@@ -0,0 +1,30 @@
+<view 
+  class="sky-toast {{ show ? 'sky-toast--show' : '' }} {{ forbidClick ? 'sky-toast--forbid' : '' }}"
+  catchtouchmove="noop"
+>
+  <!-- 当 forbidClick 开启时，启用全透明背景阻断背部所有触控点击 -->
+  <view wx:if="{{ forbidClick }}" class="sky-toast__overlay"></view>
+
+  <!-- 轻提示主体卡片 -->
+  <view class="sky-toast__box {{ type === 'text' ? 'sky-toast__box--text' : '' }}">
+    <!-- 1. 成功图标 -->
+    <view wx:if="{{ type === 'success' }}" class="sky-toast__icon">
+      <sky-icon name="success" size="64rpx" color="#ffffff" />
+    </view>
+    
+    <!-- 2. 失败/警示图标 -->
+    <view wx:if="{{ type === 'fail' }}" class="sky-toast__icon">
+      <sky-icon name="fail" size="64rpx" color="#ffffff" />
+    </view>
+    
+    <!-- 3. 加载中转圈图标 -->
+    <view wx:if="{{ type === 'loading' }}" class="sky-toast__icon sky-toast__icon--loading">
+      <sky-icon name="loading" size="64rpx" color="#ffffff" />
+    </view>
+    
+    <!-- 提示文本内容 -->
+    <view wx:if="{{ message }}" class="sky-toast__message">
+      {{ message }}
+    </view>
+  </view>
+</view>