wx-sky-ui 1.0.0

package/miniprogram_dist/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/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    // 徽标显示内容 (支持数字或字符串，如 9、'99+'、'NEW')\r\n    content: {\r\n      type: null, // 接收任意类型\r\n      value: ''\r\n    },\r\n    // 最大数值上限，超过此限制将自动折算成 max+ (例如 99+)\r\n    max: {\r\n      type: Number,\r\n      value: 99\r\n    },\r\n    // 是否渲染为红点小圆点 (只显示红色正圆，忽略数字)\r\n    dot: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 当数值内容刚好为数字 0 时，是否仍然强行显示\r\n    showZero: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 徽标背景颜色 (默认危险珊瑚红)\r\n    color: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 自定义微调偏移，格式为 [top, right] 单位 rpx (例如 [-10, 10])\r\n    offset: {\r\n      type: Array,\r\n      value: []\r\n    },\r\n    // 附加自定义样式\r\n    customStyle: {\r\n      type: String,\r\n      value: ''\r\n    }\r\n  },\r\n\r\n  data: {\r\n    isShow: false,           // 操纵显隐\r\n    displayContent: '',      // 页面实际渲染的规整文本\r\n    offsetStyle: ''          // 偏移的行内 style 语句\r\n  },\r\n\r\n  observers: {\r\n    'content, max, dot, showZero': function() {\r\n      this.recalculateBadge();\r\n    },\r\n    'offset': function() {\r\n      this.recalculateOffset();\r\n    }\r\n  },\r\n\r\n  lifetimes: {\r\n    attached() {\r\n      this.recalculateBadge();\r\n      this.recalculateOffset();\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    // 核心规整折算逻辑\r\n    recalculateBadge() {\r\n      const { content, max, dot, showZero } = this.data;\r\n      \r\n      // 1. 判断是否需要显现\r\n      let isShow = true;\r\n\r\n      if (dot) {\r\n        // 小红点类型直接显现\r\n        isShow = true;\r\n      } else if (content === null || content === undefined || content === '') {\r\n        // 内容为空，静默隐藏\r\n        isShow = false;\r\n      } else if (typeof content === 'number' && content === 0) {\r\n        // 数字为 0，根据 showZero 配置决定\r\n        isShow = showZero;\r\n      }\r\n\r\n      // 2. 精确换算文字内容\r\n      let displayContent = '';\r\n      if (!dot && isShow) {\r\n        const numVal = Number(content);\r\n        if (!isNaN(numVal) && typeof content !== 'string') {\r\n          // 是纯数值，进行超限折算\r\n          displayContent = numVal > max ? `${max}+` : String(numVal);\r\n        } else {\r\n          // 是字符串（如 'NEW'、'hot'），直接原样展示\r\n          displayContent = String(content);\r\n        }\r\n      }\r\n\r\n      this.setData({\r\n        isShow,\r\n        displayContent\r\n      });\r\n    },\r\n\r\n    // 换算微调偏移位置 style\r\n    recalculateOffset() {\r\n      const { offset } = this.data;\r\n      let offsetStyle = '';\r\n\r\n      if (Array.isArray(offset) && offset.length === 2) {\r\n        const top = offset[0];\r\n        const right = offset[1];\r\n        offsetStyle = `top: ${top}rpx; right: ${right}rpx;`;\r\n      }\r\n\r\n      this.setData({\r\n        offsetStyle\r\n      });\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/badge/index.json

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

package/miniprogram_dist/badge/index.wxml

@@ -0,0 +1,16 @@
+<view class="sky-badge">
+  <!-- 默认插槽，允许包裹头像、按钮、图标等各种被标记的子节点 -->
+  <slot></slot>
+
+  <!-- 绝对定位的 Badge 实体，支持缩放抖动展现 -->
+  <view 
+    wx:if="{{ isShow }}"
+    class="sky-badge__content {{ dot ? 'sky-badge__content--dot' : '' }} sky-badge__content--show"
+    style="{{ customStyle }} {{ color ? 'background-color: ' + color : '' }} {{ offsetStyle }}"
+  >
+    <!-- 如果是非红点类型，正常渲染文字/数值内容 -->
+    <view wx:if="{{ !dot }}" class="sky-badge__text">
+      {{ displayContent }}
+    </view>
+  </view>
+</view>

package/miniprogram_dist/badge/index.wxss

@@ -0,0 +1,105 @@
+@charset "UTF-8";
+/* ========================================== */
+/* Skyline-UI Badge 徽标角标组件样式 (Sass)   */
+/* ========================================== */
+.sky-badge {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+  box-sizing: border-box;
+  /* ==================== 1. 挂载在右上角的徽标本体 ==================== */
+}
+.sky-badge .sky-badge__content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 100;
+  /* 核心定位变换：把徽标中心精准挂在插槽子节点的右上顶点 */
+  transform: translate3d(50%, -50%, 0) scale(0.6);
+  transform-origin: 100% 0%;
+  box-sizing: border-box;
+  height: 36rpx;
+  min-width: 36rpx;
+  padding: 0 10rpx;
+  background-color: hsl(355, 85%, 55%); /* 默认采用珊瑚红意图背景，醒目而尊贵 */
+  /* 2rpx 极细防糊纯白描边，确保在任何复杂色值或头像背景下绝不糊边 */
+  border: 2rpx solid #ffffff;
+  border-radius: 18rpx; /* 胶囊圆角 */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  /* 极致去直角 Tap 高亮 */
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+  transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 200ms ease;
+}
+.sky-badge {
+  /* ==================== 2. 小红点类型 (Dot) ==================== */
+}
+.sky-badge .sky-badge__content--dot {
+  width: 18rpx;
+  height: 18rpx;
+  min-width: 18rpx;
+  border-radius: 50%;
+  padding: 0;
+  transform: translate3d(50%, -50%, 0) scale(0.6);
+}
+.sky-badge {
+  /* ==================== 3. 激活显示状态 & 缩放抖动动效 ==================== */
+}
+.sky-badge .sky-badge__content--show {
+  opacity: 1;
+  transform: translate3d(50%, -50%, 0) scale(1);
+  /* 啵的一下出场弹性 zoom 抖动 */
+  animation: sky-badge-zoom 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.sky-badge {
+  /* 当小红点展现时，使用单独缩放轨迹 */
+}
+.sky-badge .sky-badge__content--dot.sky-badge__content--show {
+  transform: translate3d(50%, -50%, 0) scale(1);
+  animation: sky-badge-dot-zoom 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.sky-badge {
+  /* ==================== 4. 徽标等宽数字排版 ==================== */
+}
+.sky-badge .sky-badge__text {
+  font-size: 20rpx;
+  color: #ffffff;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  /* 选用等宽 monospace 字体，保证数字在拉伸扩展时字符宽度均等，极其工整 */
+  font-family: monospace, -apple-system-font, Helvetica Neue, sans-serif;
+}
+
+/* 数字徽标 3D 缩放贝塞尔反弹 Keyframe */
+@keyframes sky-badge-zoom {
+  0% {
+    transform: translate3d(50%, -50%, 0) scale(0.5);
+    opacity: 0;
+  }
+  70% {
+    transform: translate3d(50%, -50%, 0) scale(1.18);
+  }
+  100% {
+    transform: translate3d(50%, -50%, 0) scale(1);
+    opacity: 1;
+  }
+}
+/* 小红点 3D 缩放贝塞尔反弹 Keyframe */
+@keyframes sky-badge-dot-zoom {
+  0% {
+    transform: translate3d(50%, -50%, 0) scale(0.5);
+    opacity: 0;
+  }
+  70% {
+    transform: translate3d(50%, -50%, 0) scale(1.2);
+  }
+  100% {
+    transform: translate3d(50%, -50%, 0) scale(1);
+    opacity: 1;
+  }
+}

package/miniprogram_dist/badge/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["badge/index.scss","common/style/theme.scss"],"names":[],"mappings":";AAGA;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA,kBCLe,oBDKsB;AAErC;EACA;EACA;EAEA;EACA;EACA;EAEA;AAEA;EACA;EACA;EAEA;;AArCJ;AAyCE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAhDJ;AAmDE;;AACA;EACE;EACA;AAEA;EACA;;AAzDJ;AA4DE;;AACA;EACE;EACA;;AA/DJ;AAkEE;;AACA;EACE;EACA,OChCc;EDiCd;EACA;EACA;EACA;AAEA;EACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n/* ========================================== */\n/* Skyline-UI Badge 徽标角标组件样式 (Sass)   */\n/* ========================================== */\n\n.sky-badge {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n  box-sizing: border-box;\n\n  /* ==================== 1. 挂载在右上角的徽标本体 ==================== */\n  .sky-badge__content {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 100;\n    \n    /* 核心定位变换：把徽标中心精准挂在插槽子节点的右上顶点 */\n    transform: translate3d(50%, -50%, 0) scale(0.6);\n    transform-origin: 100% 0%;\n    \n    box-sizing: border-box;\n    height: 36rpx;\n    min-width: 36rpx;\n    padding: 0 10rpx;\n    background-color: $sky-color-danger; /* 默认采用珊瑚红意图背景，醒目而尊贵 */\n    \n    /* 2rpx 极细防糊纯白描边，确保在任何复杂色值或头像背景下绝不糊边 */\n    border: 2rpx solid $sky-color-white;\n    border-radius: 18rpx; /* 胶囊圆角 */\n    \n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    \n    opacity: 0;\n    \n    /* 极致去直角 Tap 高亮 */\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    \n    transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275),\n                opacity 200ms ease;\n  }\n\n  /* ==================== 2. 小红点类型 (Dot) ==================== */\n  .sky-badge__content--dot {\n    width: 18rpx;\n    height: 18rpx;\n    min-width: 18rpx;\n    border-radius: 50%;\n    padding: 0;\n    transform: translate3d(50%, -50%, 0) scale(0.6);\n  }\n\n  /* ==================== 3. 激活显示状态 & 缩放抖动动效 ==================== */\n  .sky-badge__content--show {\n    opacity: 1;\n    transform: translate3d(50%, -50%, 0) scale(1);\n    \n    /* 啵的一下出场弹性 zoom 抖动 */\n    animation: sky-badge-zoom 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  /* 当小红点展现时，使用单独缩放轨迹 */\n  .sky-badge__content--dot.sky-badge__content--show {\n    transform: translate3d(50%, -50%, 0) scale(1);\n    animation: sky-badge-dot-zoom 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  /* ==================== 4. 徽标等宽数字排版 ==================== */\n  .sky-badge__text {\n    font-size: 20rpx;\n    color: $sky-color-white;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    \n    /* 选用等宽 monospace 字体，保证数字在拉伸扩展时字符宽度均等，极其工整 */\n    font-family: monospace, -apple-system-font, Helvetica Neue, sans-serif;\n  }\n}\n\n/* 数字徽标 3D 缩放贝塞尔反弹 Keyframe */\n@keyframes sky-badge-zoom {\n  0% {\n    transform: translate3d(50%, -50%, 0) scale(0.5);\n    opacity: 0;\n  }\n  70% {\n    transform: translate3d(50%, -50%, 0) scale(1.18);\n  }\n  100% {\n    transform: translate3d(50%, -50%, 0) scale(1);\n    opacity: 1;\n  }\n}\n\n/* 小红点 3D 缩放贝塞尔反弹 Keyframe */\n@keyframes sky-badge-dot-zoom {\n  0% {\n    transform: translate3d(50%, -50%, 0) scale(0.5);\n    opacity: 0;\n  }\n  70% {\n    transform: translate3d(50%, -50%, 0) scale(1.2);\n  }\n  100% {\n    transform: translate3d(50%, -50%, 0) scale(1);\n    opacity: 1;\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/button/index.js

@@ -0,0 +1,140 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true // 在 Skyline 下推荐开启 virtualHost 以减少节点层级，便于样式继承
+    },
+    properties: {
+        type: {
+            type: String,
+            value: 'default', // default, primary, success, warning, danger, info
+        },
+        size: {
+            type: String,
+            value: 'normal', // large, normal, small, mini
+        },
+        plain: {
+            type: Boolean,
+            value: false,
+        },
+        disabled: {
+            type: Boolean,
+            value: false,
+        },
+        loading: {
+            type: Boolean,
+            value: false,
+        },
+        block: {
+            type: Boolean,
+            value: false,
+        },
+        round: {
+            type: Boolean,
+            value: false,
+        },
+        openType: {
+            type: String,
+            value: '',
+        },
+        customStyle: {
+            type: String,
+            value: '',
+        },
+        radius: {
+            type: String,
+            value: '',
+        },
+        color: {
+            type: String,
+            value: '',
+        },
+        textColor: {
+            type: String,
+            value: '',
+        },
+        // --- 微信原生开放能力相关参数支持 ---
+        appParameter: {
+            type: String,
+            value: '',
+        },
+        sessionFrom: {
+            type: String,
+            value: '',
+        },
+        sendMessageTitle: {
+            type: String,
+            value: '',
+        },
+        sendMessagePath: {
+            type: String,
+            value: '',
+        },
+        sendMessageImg: {
+            type: String,
+            value: '',
+        },
+        showMessageCard: {
+            type: Boolean,
+            value: false,
+        }
+    },
+    data: {
+        colorStyle: '', // 存储计算后的自定义颜色样式串
+    },
+    observers: {
+        'color, plain': function (color, plain) {
+            let colorStyle = '';
+            if (color) {
+                if (plain) {
+                    // 朴素按钮：自定义颜色应用于文字和边框，背景镂空透明
+                    colorStyle = `color: ${color}; border-color: ${color}; background: transparent;`;
+                }
+                else {
+                    // 普通按钮：如果是渐变色，则赋予 background 且不设置描边，否则设为 background-color
+                    const isGradient = color.indexOf('gradient') !== -1;
+                    if (isGradient) {
+                        colorStyle = `background: ${color}; border: none; color: #ffffff;`;
+                    }
+                    else {
+                        colorStyle = `background: ${color}; border-color: ${color}; color: #ffffff;`;
+                    }
+                }
+            }
+            this.setData({ colorStyle });
+        }
+    },
+    methods: {
+        onTap(event) {
+            if (this.data.disabled || this.data.loading) {
+                return;
+            }
+            this.triggerEvent('click', event.detail);
+        },
+        onGetUserInfo(event) {
+            this.triggerEvent('getuserinfo', event.detail);
+        },
+        onContact(event) {
+            this.triggerEvent('contact', event.detail);
+        },
+        onGetPhoneNumber(event) {
+            this.triggerEvent('getphonenumber', event.detail);
+        },
+        onOpenSetting(event) {
+            this.triggerEvent('opensetting', event.detail);
+        },
+        onError(event) {
+            this.triggerEvent('error', event.detail);
+        },
+        onChooseAvatar(event) {
+            this.triggerEvent('chooseavatar', event.detail);
+        },
+        onLaunchApp(event) {
+            this.triggerEvent('launchapp', event.detail);
+        },
+        onAgreePrivacyAuthorization(event) {
+            this.triggerEvent('agreeprivacyauthorization', event.detail);
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true // 在 Skyline 下推荐开启 virtualHost 以减少节点层级，便于样式继承\r\n  },\r\n  properties: {\r\n    type: {\r\n      type: String,\r\n      value: 'default', // default, primary, success, warning, danger, info\r\n    },\r\n    size: {\r\n      type: String,\r\n      value: 'normal', // large, normal, small, mini\r\n    },\r\n    plain: {\r\n      type: Boolean,\r\n      value: false,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      value: false,\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      value: false,\r\n    },\r\n    block: {\r\n      type: Boolean,\r\n      value: false,\r\n    },\r\n    round: {\r\n      type: Boolean,\r\n      value: false,\r\n    },\r\n    openType: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    customStyle: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    radius: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    color: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    textColor: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    // --- 微信原生开放能力相关参数支持 ---\r\n    appParameter: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    sessionFrom: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    sendMessageTitle: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    sendMessagePath: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    sendMessageImg: {\r\n      type: String,\r\n      value: '',\r\n    },\r\n    showMessageCard: {\r\n      type: Boolean,\r\n      value: false,\r\n    }\r\n  },\r\n\r\n  data: {\r\n    colorStyle: '', // 存储计算后的自定义颜色样式串\r\n  },\r\n\r\n  observers: {\r\n    'color, plain': function(color: string, plain: boolean) {\r\n      let colorStyle = '';\r\n      if (color) {\r\n        if (plain) {\r\n          // 朴素按钮：自定义颜色应用于文字和边框，背景镂空透明\r\n          colorStyle = `color: ${color}; border-color: ${color}; background: transparent;`;\r\n        } else {\r\n          // 普通按钮：如果是渐变色，则赋予 background 且不设置描边，否则设为 background-color\r\n          const isGradient = color.indexOf('gradient') !== -1;\r\n          if (isGradient) {\r\n            colorStyle = `background: ${color}; border: none; color: #ffffff;`;\r\n          } else {\r\n            colorStyle = `background: ${color}; border-color: ${color}; color: #ffffff;`;\r\n          }\r\n        }\r\n      }\r\n      this.setData({ colorStyle });\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    onTap(event: WechatMiniprogram.TouchEvent) {\r\n      if (this.data.disabled || this.data.loading) {\r\n        return;\r\n      }\r\n      this.triggerEvent('click', event.detail);\r\n    },\r\n\r\n    onGetUserInfo(event: WechatMiniprogram.ButtonGetUserInfo) {\r\n      this.triggerEvent('getuserinfo', event.detail);\r\n    },\r\n\r\n    onContact(event: WechatMiniprogram.ButtonContact) {\r\n      this.triggerEvent('contact', event.detail);\r\n    },\r\n\r\n    onGetPhoneNumber(event: WechatMiniprogram.ButtonGetPhoneNumber) {\r\n      this.triggerEvent('getphonenumber', event.detail);\r\n    },\r\n\r\n    onOpenSetting(event: WechatMiniprogram.ButtonOpenSetting) {\r\n      this.triggerEvent('opensetting', event.detail);\r\n    },\r\n\r\n    onError(event: WechatMiniprogram.ButtonError) {\r\n      this.triggerEvent('error', event.detail);\r\n    },\r\n\r\n    onChooseAvatar(event: any) {\r\n      this.triggerEvent('chooseavatar', event.detail);\r\n    },\r\n\r\n    onLaunchApp(event: any) {\r\n      this.triggerEvent('launchapp', event.detail);\r\n    },\r\n\r\n    onAgreePrivacyAuthorization(event: any) {\r\n      this.triggerEvent('agreeprivacyauthorization', event.detail);\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/button/index.json

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

package/miniprogram_dist/button/index.wxml

@@ -0,0 +1,28 @@
+<button
+  class="sky-button sky-button--{{ type }} sky-button--{{ size }} {{ plain ? 'sky-button--plain' : '' }} {{ disabled ? 'sky-button--disabled' : '' }} {{ loading ? 'sky-button--loading' : '' }} {{ block ? 'sky-button--block' : '' }} {{ round ? 'sky-button--round' : '' }}"
+  hover-class="{{ disabled || loading ? 'none' : 'sky-button--active' }}"
+  hover-stay-time="70"
+  disabled="{{ disabled || loading }}"
+  open-type="{{ openType }}"
+  app-parameter="{{ appParameter }}"
+  session-from="{{ sessionFrom }}"
+  send-message-title="{{ sendMessageTitle }}"
+  send-message-path="{{ sendMessagePath }}"
+  send-message-img="{{ sendMessageImg }}"
+  show-message-card="{{ showMessageCard }}"
+  bindtap="onTap"
+  bindgetuserinfo="onGetUserInfo"
+  bindcontact="onContact"
+  bindgetphonenumber="onGetPhoneNumber"
+  binderror="onError"
+  bindopensetting="onOpenSetting"
+  bindchooseavatar="onChooseAvatar"
+  bindlaunchapp="onLaunchApp"
+  bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+  style="{{ radius ? 'border-radius: ' + radius + ';' : '' }}{{ colorStyle ? colorStyle : '' }}{{ textColor ? 'color: ' + textColor + ';' : '' }}{{ customStyle }}"
+>
+  <view wx:if="{{ loading }}" class="sky-button__spinner"></view>
+  <view class="sky-button__text {{ loading ? 'sky-button__text--loading' : '' }}">
+    <slot></slot>
+  </view>
+</button>

package/miniprogram_dist/button/index.wxss

@@ -0,0 +1,211 @@
+.sky-button {
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 30rpx;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-appearance: none;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, sans-serif;
+  margin: 0;
+  background-color: transparent;
+  line-height: 1;
+  font-weight: 500;
+  border-radius: var(--button-border-radius, 12rpx);
+  overflow: visible;
+}
+.sky-button::after {
+  border: none;
+  display: none;
+}
+.sky-button.sky-button--active {
+  opacity: 0.82;
+  transition: opacity 80ms linear;
+}
+
+.sky-button--large {
+  width: 100%;
+  height: 96rpx;
+  font-size: 32rpx;
+}
+
+.sky-button--normal {
+  height: 80rpx;
+  font-size: 28rpx;
+}
+
+.sky-button--small {
+  height: 64rpx;
+  padding: 0 20rpx;
+  font-size: 24rpx;
+  border-radius: var(--button-border-radius, 8rpx);
+}
+
+.sky-button--mini {
+  height: 48rpx;
+  padding: 0 12rpx;
+  font-size: 20rpx;
+  border-radius: var(--button-border-radius, 8rpx);
+}
+
+.sky-button--round {
+  border-radius: 9999rpx;
+}
+
+.sky-button--block {
+  display: flex;
+  width: 100%;
+}
+
+.sky-button--default {
+  background-color: #ffffff;
+  color: #212529;
+  border: 2rpx solid #dee2e6;
+}
+
+.sky-button--default.sky-button--active {
+  background-color: #f8f9fa;
+  border-color: #adb5bd;
+}
+
+.sky-button--primary {
+  background-color: hsl(250, 85%, 55%);
+  color: #ffffff;
+  border: 2rpx solid hsl(250, 85%, 55%);
+  box-shadow: 0 4px 14px rgba(100, 80, 240, 0.2);
+}
+
+.sky-button--primary.sky-button--active {
+  background-color: hsl(250, 85%, 40%);
+  border-color: hsl(250, 85%, 40%);
+  box-shadow: none;
+}
+
+.sky-button--primary.sky-button--plain {
+  background-color: hsl(250, 85%, 95%);
+  color: hsl(250, 85%, 55%);
+  border-color: hsl(250, 85%, 55%);
+  box-shadow: none;
+}
+
+.sky-button--primary.sky-button--plain.sky-button--active {
+  background-color: hsl(250, 85%, 90%);
+}
+
+.sky-button--success {
+  background-color: hsl(150, 80%, 40%);
+  color: #ffffff;
+  border: 2rpx solid hsl(150, 80%, 40%);
+}
+
+.sky-button--success.sky-button--active {
+  background-color: hsl(150, 80%, 32%);
+  border-color: hsl(150, 80%, 32%);
+}
+
+.sky-button--success.sky-button--plain {
+  background-color: hsl(150, 80%, 96%);
+  color: hsl(150, 80%, 40%);
+  border-color: hsl(150, 80%, 40%);
+}
+
+.sky-button--success.sky-button--plain.sky-button--active {
+  background-color: hsl(150, 80%, 90%);
+}
+
+.sky-button--warning {
+  background-color: hsl(35, 90%, 50%);
+  color: #ffffff;
+  border: 2rpx solid hsl(35, 90%, 50%);
+}
+
+.sky-button--warning.sky-button--active {
+  background-color: hsl(35, 90%, 42%);
+  border-color: hsl(35, 90%, 42%);
+}
+
+.sky-button--warning.sky-button--plain {
+  background-color: hsl(35, 90%, 96%);
+  color: hsl(35, 90%, 50%);
+  border-color: hsl(35, 90%, 50%);
+}
+
+.sky-button--warning.sky-button--plain.sky-button--active {
+  background-color: hsl(35, 90%, 90%);
+}
+
+.sky-button--danger {
+  background-color: hsl(355, 85%, 55%);
+  color: #ffffff;
+  border: 2rpx solid hsl(355, 85%, 55%);
+}
+
+.sky-button--danger.sky-button--active {
+  background-color: hsl(355, 85%, 45%);
+  border-color: hsl(355, 85%, 45%);
+}
+
+.sky-button--danger.sky-button--plain {
+  background-color: hsl(355, 85%, 96%);
+  color: hsl(355, 85%, 55%);
+  border-color: hsl(355, 85%, 55%);
+}
+
+.sky-button--danger.sky-button--plain.sky-button--active {
+  background-color: hsl(355, 85%, 90%);
+}
+
+.sky-button--info {
+  background-color: hsl(200, 85%, 50%);
+  color: #ffffff;
+  border: 2rpx solid hsl(200, 85%, 50%);
+}
+
+.sky-button--info.sky-button--active {
+  background-color: hsl(200, 85%, 42%);
+  border-color: hsl(200, 85%, 42%);
+}
+
+.sky-button--info.sky-button--plain {
+  background-color: hsl(200, 85%, 96%);
+  color: hsl(200, 85%, 50%);
+  border-color: hsl(200, 85%, 50%);
+}
+
+.sky-button--info.sky-button--plain.sky-button--active {
+  background-color: hsl(200, 85%, 90%);
+}
+
+.sky-button--disabled {
+  opacity: 0.5;
+  box-shadow: none !important;
+}
+
+.sky-button__spinner {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 12rpx;
+  border: 3rpx solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: sky-spin 0.8s linear infinite;
+}
+
+.sky-button__text {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+@keyframes sky-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/miniprogram_dist/button/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["button/index.scss","common/style/theme.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCsDgB;EDnDhB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;EACE;EACA;;;AAKJ;EACE;EACA;EACA,WCgCiB;;;AD7BnB;EACE;EACA,WC0BiB;;;ADvBnB;EACE;EACA;EACA,WCmBiB;EDlBjB;;;AAGF;EACE;EACA;EACA,WCWiB;EDVjB;;;AAIF;EACE,eCCwB;;;ADG1B;EACE;EACA;;;AAMF;EACE,kBClCgB;EDmChB,OC1BiB;ED2BjB;;;AAEF;EACE,kBCtCiB;EDuCjB,cCnCiB;;;ADuCnB;EACE,kBChFkB;EDiFlB,OC9CgB;ED+ChB;EACA,YCjCmB;;;ADmCrB;EACE,kBCpFyB;EDqFzB,cCrFyB;EDsFzB;;;AAEF;EACE,kBCxFwB;EDyFxB,OC5FkB;ED6FlB,cC7FkB;ED8FlB;;;AAEF;EACE;;;AAIF;EACE,kBChGkB;EDiGlB,OCpEgB;EDqEhB;;;AAEF;EACE,kBCpGyB;EDqGzB,cCrGyB;;;ADuG3B;EACE,kBCvGwB;EDwGxB,OC1GkB;ED2GlB,cC3GkB;;;AD6GpB;EACE;;;AAIF;EACE,kBC/GkB;EDgHlB,OCvFgB;EDwFhB;;;AAEF;EACE,kBCnHyB;EDoHzB,cCpHyB;;;ADsH3B;EACE,kBCtHwB;EDuHxB,OCzHkB;ED0HlB,cC1HkB;;;AD4HpB;EACE;;;AAIF;EACE,kBC9HiB;ED+HjB,OC1GgB;ED2GhB;;;AAEF;EACE,kBClIwB;EDmIxB,cCnIwB;;;ADqI1B;EACE,kBCrIuB;EDsIvB,OCxIiB;EDyIjB,cCzIiB;;;AD2InB;EACE;;;AAIF;EACE,kBC7Ie;ED8If,OC7HgB;ED8HhB;;;AAEF;EACE,kBCjJsB;EDkJtB,cClJsB;;;ADoJxB;EACE,kBCpJqB;EDqJrB,OCvJe;EDwJf,cCxJe;;;AD0JjB;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n// 彻底清除小程序原生 button 的默认样式\n.sky-button {\n  position: relative;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 0 30rpx;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-appearance: none;\n  font-family: $sky-font-family;\n  \n  // 清理微信默认重置样式\n  margin: 0;\n  background-color: transparent;\n  line-height: 1;\n  font-weight: 500;\n  border-radius: var(--button-border-radius, $sky-border-radius-md); // 默认圆角调大至 md (12rpx)，支持 CSS 变量自定义\n  overflow: visible; // 避免某些机型裁剪阴影\n  \n  &::after {\n    border: none;\n    display: none;\n  }\n\n  // 通用点击态：为自定义颜色、渐变色及预设状态提供平滑高级的受压半透明反馈\n  &.sky-button--active {\n    opacity: 0.82;\n    transition: opacity 80ms linear;\n  }\n}\n\n// --- 尺寸变体 Size ---\n.sky-button--large {\n  width: 100%;\n  height: 96rpx;\n  font-size: $sky-font-size-lg;\n}\n\n.sky-button--normal {\n  height: 80rpx;\n  font-size: $sky-font-size-md;\n}\n\n.sky-button--small {\n  height: 64rpx;\n  padding: 0 20rpx;\n  font-size: $sky-font-size-sm;\n  border-radius: var(--button-border-radius, $sky-border-radius-sm); // 小尺寸圆角升级至 sm (8rpx)\n}\n\n.sky-button--mini {\n  height: 48rpx;\n  padding: 0 12rpx;\n  font-size: $sky-font-size-xs;\n  border-radius: var(--button-border-radius, $sky-border-radius-sm); // 微型尺寸圆角升级至 sm (8rpx)\n}\n\n// --- 形状变体 Shape ---\n.sky-button--round {\n  border-radius: $sky-border-radius-round;\n}\n\n// --- 块级 Block ---\n.sky-button--block {\n  display: flex;\n  width: 100%;\n}\n\n// --- 颜色主题 Type & Plain ---\n\n// 1. Default (默认白色)\n.sky-button--default {\n  background-color: $sky-color-white;\n  color: $sky-color-gray-9;\n  border: 2rpx solid $sky-color-gray-4;\n}\n.sky-button--default.sky-button--active {\n  background-color: $sky-color-gray-1;\n  border-color: $sky-color-gray-5;\n}\n\n// 2. Primary (品牌蓝紫)\n.sky-button--primary {\n  background-color: $sky-color-primary;\n  color: $sky-color-white;\n  border: 2rpx solid $sky-color-primary;\n  box-shadow: $sky-shadow-primary;\n}\n.sky-button--primary.sky-button--active {\n  background-color: $sky-color-primary-active;\n  border-color: $sky-color-primary-active;\n  box-shadow: none;\n}\n.sky-button--primary.sky-button--plain {\n  background-color: $sky-color-primary-light;\n  color: $sky-color-primary;\n  border-color: $sky-color-primary;\n  box-shadow: none;\n}\n.sky-button--primary.sky-button--plain.sky-button--active {\n  background-color: hsl($sky-brand-h, $sky-brand-s, 90%);\n}\n\n// 3. Success (成功绿)\n.sky-button--success {\n  background-color: $sky-color-success;\n  color: $sky-color-white;\n  border: 2rpx solid $sky-color-success;\n}\n.sky-button--success.sky-button--active {\n  background-color: $sky-color-success-active;\n  border-color: $sky-color-success-active;\n}\n.sky-button--success.sky-button--plain {\n  background-color: $sky-color-success-light;\n  color: $sky-color-success;\n  border-color: $sky-color-success;\n}\n.sky-button--success.sky-button--plain.sky-button--active {\n  background-color: hsl(150, 80%, 90%);\n}\n\n// 4. Warning (警示橙)\n.sky-button--warning {\n  background-color: $sky-color-warning;\n  color: $sky-color-white;\n  border: 2rpx solid $sky-color-warning;\n}\n.sky-button--warning.sky-button--active {\n  background-color: $sky-color-warning-active;\n  border-color: $sky-color-warning-active;\n}\n.sky-button--warning.sky-button--plain {\n  background-color: $sky-color-warning-light;\n  color: $sky-color-warning;\n  border-color: $sky-color-warning;\n}\n.sky-button--warning.sky-button--plain.sky-button--active {\n  background-color: hsl(35, 90%, 90%);\n}\n\n// 5. Danger (危险红)\n.sky-button--danger {\n  background-color: $sky-color-danger;\n  color: $sky-color-white;\n  border: 2rpx solid $sky-color-danger;\n}\n.sky-button--danger.sky-button--active {\n  background-color: $sky-color-danger-active;\n  border-color: $sky-color-danger-active;\n}\n.sky-button--danger.sky-button--plain {\n  background-color: $sky-color-danger-light;\n  color: $sky-color-danger;\n  border-color: $sky-color-danger;\n}\n.sky-button--danger.sky-button--plain.sky-button--active {\n  background-color: hsl(355, 85%, 90%);\n}\n\n// 6. Info (信息蓝)\n.sky-button--info {\n  background-color: $sky-color-info;\n  color: $sky-color-white;\n  border: 2rpx solid $sky-color-info;\n}\n.sky-button--info.sky-button--active {\n  background-color: $sky-color-info-active;\n  border-color: $sky-color-info-active;\n}\n.sky-button--info.sky-button--plain {\n  background-color: $sky-color-info-light;\n  color: $sky-color-info;\n  border-color: $sky-color-info;\n}\n.sky-button--info.sky-button--plain.sky-button--active {\n  background-color: hsl(200, 85%, 90%);\n}\n\n// --- 禁用状态 Disabled ---\n.sky-button--disabled {\n  opacity: 0.5;\n  box-shadow: none !important;\n}\n\n// --- 加载中状态 Loading ---\n.sky-button__spinner {\n  width: 32rpx;\n  height: 32rpx;\n  margin-right: 12rpx;\n  border: 3rpx solid currentColor;\n  border-top-color: transparent;\n  border-radius: 50%;\n  animation: sky-spin 0.8s linear infinite;\n}\n\n.sky-button__text {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n@keyframes sky-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\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/cell/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true // 开启虚拟节点，减少 Skyline DOM 树嵌套层级，让样式可以直接穿透与继承
+    },
+    properties: {
+        // 标题
+        title: {
+            type: String,
+            value: ''
+        },
+        // 右侧数值/文字
+        value: {
+            type: String,
+            value: ''
+        },
+        // 标题下方的详细描述
+        label: {
+            type: String,
+            value: ''
+        },
+        // 左侧图标图片链接
+        icon: {
+            type: String,
+            value: ''
+        },
+        // 是否为链接跳转项 (默认会渲染右侧箭头，且自带点击态反馈)
+        isLink: {
+            type: Boolean,
+            value: false
+        },
+        // 是否展示点击悬浮反馈 (当 isLink 为 true 时，自动生效)
+        clickable: {
+            type: Boolean,
+            value: false
+        },
+        // 是否展示底部极细分割线
+        border: {
+            type: Boolean,
+            value: true
+        },
+        // 额外自定义样式
+        customStyle: {
+            type: String,
+            value: ''
+        }
+    },
+    methods: {
+        onTap(event) {
+            this.triggerEvent('click', event.detail);
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cell/index.ts"],"names":[],"mappings":";AAAA,SAAS,CAAC;IACR,OAAO,EAAE;QACP,WAAW,EAAE,IAAI,CAAC,2CAA2C;KAC9D;IAED,UAAU,EAAE;QACV,KAAK;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;QACD,UAAU;QACV,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;QACD,YAAY;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;QACD,WAAW;QACX,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;QACD,gCAAgC;QAChC,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACb;QACD,sCAAsC;QACtC,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACb;QACD,cAAc;QACd,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,IAAI;SACZ;QACD,UAAU;QACV,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;KACF;IAED,OAAO,EAAE;QACP,KAAK,CAAC,KAAmC;YACvC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC;KACF;CACF,CAAC,CAAC","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true // 开启虚拟节点，减少 Skyline DOM 树嵌套层级，让样式可以直接穿透与继承\r\n  },\r\n\r\n  properties: {\r\n    // 标题\r\n    title: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 右侧数值/文字\r\n    value: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 标题下方的详细描述\r\n    label: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 左侧图标图片链接\r\n    icon: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 是否为链接跳转项 (默认会渲染右侧箭头，且自带点击态反馈)\r\n    isLink: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 是否展示点击悬浮反馈 (当 isLink 为 true 时，自动生效)\r\n    clickable: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 是否展示底部极细分割线\r\n    border: {\r\n      type: Boolean,\r\n      value: true\r\n    },\r\n    // 额外自定义样式\r\n    customStyle: {\r\n      type: String,\r\n      value: ''\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    onTap(event: WechatMiniprogram.TouchEvent) {\r\n      this.triggerEvent('click', event.detail);\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/cell/index.json

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