wx-sky-ui 1.0.0

package/miniprogram_dist/cell/index.wxml

@@ -0,0 +1,37 @@
+<view 
+  class="sky-cell {{ isLink || clickable ? 'sky-cell--clickable' : '' }} {{ border ? 'sky-cell--border' : '' }}"
+  hover-class="none"
+  style="{{ customStyle }}"
+  bindtap="onTap"
+>
+  <!-- 左侧图标展示区 -->
+  <view class="sky-cell__icon-wrap">
+    <image wx:if="{{ icon }}" class="sky-cell__left-icon" src="{{ icon }}" mode="aspectFit"></image>
+    <slot wx:else name="icon"></slot>
+  </view>
+
+  <!-- 标题及描述区 -->
+  <view class="sky-cell__title-wrap">
+    <view class="sky-cell__title">
+      <text wx:if="{{ title }}">{{ title }}</text>
+      <slot wx:else name="title"></slot>
+    </view>
+    <view class="sky-cell__label" wx:if="{{ label }}">
+      <text>{{ label }}</text>
+    </view>
+    <view class="sky-cell__label-slot" wx:else>
+      <slot name="label"></slot>
+    </view>
+  </view>
+
+  <!-- 右侧数值展示区 -->
+  <view class="sky-cell__value-wrap">
+    <text wx:if="{{ value }}">{{ value }}</text>
+    <slot wx:else name="value"></slot>
+  </view>
+
+  <!-- 右侧链接跳转手绘箭头 -->
+  <view wx:if="{{ isLink }}" class="sky-cell__arrow-wrap">
+    <view class="sky-cell__arrow"></view>
+  </view>
+</view>

package/miniprogram_dist/cell/index.wxss

@@ -0,0 +1,82 @@
+.sky-cell {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 30rpx 36rpx;
+  background-color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.sky-cell__icon-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.sky-cell__icon-wrap .sky-cell__left-icon {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 16rpx;
+}
+.sky-cell__title-wrap {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.sky-cell__title-wrap .sky-cell__title {
+  font-size: 30rpx;
+  font-weight: 500;
+  color: #212529;
+  line-height: 1.4;
+}
+.sky-cell__title-wrap .sky-cell__label {
+  font-size: 24rpx;
+  color: #868e96;
+  margin-top: 8rpx;
+  line-height: 1.5;
+}
+.sky-cell__title-wrap .sky-cell__label-slot {
+  margin-top: 8rpx;
+}
+.sky-cell__value-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 28rpx;
+  color: #868e96;
+  text-align: right;
+}
+.sky-cell__arrow-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 16rpx;
+}
+.sky-cell__arrow-wrap .sky-cell__arrow {
+  box-sizing: border-box;
+  width: 14rpx;
+  height: 14rpx;
+  border-top: 3rpx solid #adb5bd;
+  border-right: 3rpx solid #adb5bd;
+  transform: rotate(45deg);
+}
+.sky-cell--border::after {
+  content: " ";
+  position: absolute;
+  bottom: 0;
+  left: 36rpx;
+  right: 36rpx;
+  height: 1px;
+  background-color: #f1f3f5;
+  transform: scaleY(0.5);
+  transform-origin: center bottom;
+}
+.sky-cell--clickable {
+  cursor: pointer;
+}
+.sky-cell--clickable:active {
+  background-color: #f1f3f5 !important;
+}

package/miniprogram_dist/cell/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["cell/index.scss","common/style/theme.scss"],"names":[],"mappings":"AAOA;EACE;EACA;EACA;EAGA;EACA,kBC8BgB;ED3BhB;EACA;EACA;EACA;EAGA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA,OCIa;EDHb;;AAIF;EACE;EACA,OCNa;EDOb;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA,OCtBe;EDuBf;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAGA;EACA;EACA;;AAMF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA,kBC5Da;ED+Db;EACA;;AAKJ;EACE;;AAGA;EACE","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n// ==========================================\n// Skyline-UI Cell 单元格样式 (Sass)\n// ==========================================\n\n.sky-cell {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  \n  // 大方宽敞的留白比例\n  padding: 30rpx 36rpx;\n  background-color: $sky-color-white;\n  \n  // 全 Flex 盒模型排版\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  \n  // 平滑过渡\n  transition: background-color $sky-transition-duration $sky-transition-timing;\n\n  // ==================== 1. 左侧图标区 ====================\n  &__icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    .sky-cell__left-icon {\n      width: 40rpx;\n      height: 40rpx;\n      margin-right: 16rpx;\n    }\n  }\n\n  // ==================== 2. 标题与描述区 ====================\n  &__title-wrap {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    \n    // 标题文字排版 (暗黑墨色，中粗)\n    .sky-cell__title {\n      font-size: 30rpx;\n      font-weight: 500;\n      color: $sky-color-gray-9;\n      line-height: 1.4;\n    }\n    \n    // 详细描述排版 (浅灰次级)\n    .sky-cell__label {\n      font-size: 24rpx;\n      color: $sky-color-gray-6;\n      margin-top: 8rpx;\n      line-height: 1.5;\n    }\n    \n    .sky-cell__label-slot {\n      margin-top: 8rpx;\n    }\n  }\n\n  // ==================== 3. 右侧数值区 ====================\n  &__value-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    font-size: 28rpx;\n    color: $sky-color-gray-6;\n    text-align: right;\n  }\n\n  // ==================== 4. 右侧手绘箭头区 ====================\n  &__arrow-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: 16rpx;\n    \n    .sky-cell__arrow {\n      box-sizing: border-box;\n      width: 14rpx;\n      height: 14rpx;\n      \n      // 纯 CSS 物理手绘 1px 细线箭头 (高保真无锯齿)\n      border-top: 3rpx solid $sky-color-gray-5;\n      border-right: 3rpx solid $sky-color-gray-5;\n      transform: rotate(45deg);\n    }\n  }\n\n  // ==================== 5. 1px 极细底边线 (精细收缩) ====================\n  &--border {\n    &::after {\n      content: \" \";\n      position: absolute;\n      bottom: 0;\n      \n      // 左右对齐缩回，不贴外边缘 (高品质 UI 黄金分割细节)\n      left: 36rpx;\n      right: 36rpx;\n      height: 1px;\n      background-color: $sky-color-gray-2; // 极淡灰底线\n      \n      // 微信硬件渲染优化\n      transform: scaleY(0.5);\n      transform-origin: center bottom;\n    }\n  }\n\n  // ==================== 6. 点击态反馈 ====================\n  &--clickable {\n    cursor: pointer;\n\n    // 极其平缓温润的微变暗反馈 (变暗约 6%)，既克制优雅，又能清晰感知\n    &:active {\n      background-color: $sky-color-gray-2 !important;\n    }\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/checkbox/index.js

@@ -0,0 +1,50 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true // 开启虚拟节点以减少 Skyline 节点层级
+    },
+    properties: {
+        // 是否被选中
+        checked: {
+            type: Boolean,
+            value: false
+        },
+        // 是否禁用
+        disabled: {
+            type: Boolean,
+            value: false
+        },
+        // 复选选项代表的值
+        value: {
+            type: null,
+            value: ''
+        },
+        // 显示的主文本
+        label: {
+            type: String,
+            value: ''
+        },
+        // 主题变体：primary, success, warning, danger, info
+        type: {
+            type: String,
+            value: 'primary'
+        },
+        // 附加样式
+        customStyle: {
+            type: String,
+            value: ''
+        }
+    },
+    methods: {
+        onTap() {
+            if (this.data.disabled) {
+                return;
+            }
+            // 复选框最常规也最符合直觉的逻辑：点击自身会进行 checked 状态的反选
+            const nextChecked = !this.data.checked;
+            this.triggerEvent('change', nextChecked);
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox/index.ts"],"names":[],"mappings":";AAAA,SAAS,CAAC;IACR,OAAO,EAAE;QACP,WAAW,EAAE,IAAI,CAAC,yBAAyB;KAC5C;IAED,UAAU,EAAE;QACV,QAAQ;QACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACb;QACD,OAAO;QACP,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;SACb;QACD,WAAW;QACX,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,EAAE;SACV;QACD,SAAS;QACT,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;QACD,+CAA+C;QAC/C,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,SAAS;SACjB;QACD,OAAO;QACP,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;KACF;IAED,OAAO,EAAE;QACP,KAAK;YACH,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YACD,wCAAwC;YACxC,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;YACvC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC3C,CAAC;KACF;CACF,CAAC,CAAC","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true // 开启虚拟节点以减少 Skyline 节点层级\r\n  },\r\n\r\n  properties: {\r\n    // 是否被选中\r\n    checked: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 是否禁用\r\n    disabled: {\r\n      type: Boolean,\r\n      value: false\r\n    },\r\n    // 复选选项代表的值\r\n    value: {\r\n      type: null,\r\n      value: ''\r\n    },\r\n    // 显示的主文本\r\n    label: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 主题变体：primary, success, warning, danger, info\r\n    type: {\r\n      type: String,\r\n      value: 'primary'\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() {\r\n      if (this.data.disabled) {\r\n        return;\r\n      }\r\n      // 复选框最常规也最符合直觉的逻辑：点击自身会进行 checked 状态的反选\r\n      const nextChecked = !this.data.checked;\r\n      this.triggerEvent('change', nextChecked);\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/checkbox/index.json

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

package/miniprogram_dist/checkbox/index.wxml

@@ -0,0 +1,16 @@
+<view 
+  class="sky-checkbox {{ checked ? 'sky-checkbox--checked' : '' }} {{ disabled ? 'sky-checkbox--disabled' : '' }} sky-checkbox--{{ type }}"
+  style="{{ customStyle }}"
+  bindtap="onTap"
+>
+  <!-- 复选标记方框 -->
+  <view class="sky-checkbox__icon-wrap">
+    <view class="sky-checkbox__check-mark"></view>
+  </view>
+
+  <!-- 选项文字 -->
+  <view class="sky-checkbox__label">
+    <text wx:if="{{ label }}">{{ label }}</text>
+    <slot wx:else></slot>
+  </view>
+</view>

package/miniprogram_dist/checkbox/index.wxss

@@ -0,0 +1,87 @@
+.sky-checkbox {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.sky-checkbox__icon-wrap {
+  box-sizing: border-box;
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  border: 3rpx solid #dee2e6;
+  background-color: #ffffff;
+  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.sky-checkbox__check-mark {
+  position: relative;
+  width: 20rpx;
+  height: 12rpx;
+  margin-top: -3rpx;
+  transform: rotate(-45deg);
+}
+.sky-checkbox__check-mark::before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 3.5rpx;
+  height: 0;
+  border-radius: 2rpx;
+  background-color: #ffffff;
+  transition: height 80ms linear;
+}
+.sky-checkbox__check-mark::after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 3.5rpx;
+  width: 0;
+  border-radius: 2rpx;
+  background-color: #ffffff;
+  transition: width 120ms linear;
+  transition-delay: 80ms;
+}
+.sky-checkbox__label {
+  font-size: 28rpx;
+  color: #343a40;
+  line-height: 1.4;
+}
+.sky-checkbox--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.sky-checkbox--checked .sky-checkbox__check-mark::before {
+  height: 12rpx;
+}
+.sky-checkbox--checked .sky-checkbox__check-mark::after {
+  width: 22rpx;
+}
+.sky-checkbox--checked.sky-checkbox--primary .sky-checkbox__icon-wrap {
+  background-color: hsl(250, 85%, 55%);
+  border-color: hsl(250, 85%, 55%);
+}
+.sky-checkbox--checked.sky-checkbox--success .sky-checkbox__icon-wrap {
+  background-color: hsl(150, 80%, 40%);
+  border-color: hsl(150, 80%, 40%);
+}
+.sky-checkbox--checked.sky-checkbox--warning .sky-checkbox__icon-wrap {
+  background-color: hsl(35, 90%, 50%);
+  border-color: hsl(35, 90%, 50%);
+}
+.sky-checkbox--checked.sky-checkbox--danger .sky-checkbox__icon-wrap {
+  background-color: hsl(355, 85%, 55%);
+  border-color: hsl(355, 85%, 55%);
+}
+.sky-checkbox--checked.sky-checkbox--info .sky-checkbox__icon-wrap {
+  background-color: hsl(200, 85%, 50%);
+  border-color: hsl(200, 85%, 50%);
+}

package/miniprogram_dist/checkbox/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["checkbox/index.scss","common/style/theme.scss","common/style/mixins.scss"],"names":[],"mappings":"AAOA;EACE;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACE;EACA;EACA;EACA,eCyCmB;EDxCnB;EERF;EACA;EACA;EACA;EFWE;EACA,kBCcc;EDZd;;AAMF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCVY;EDaZ;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCzBY;ED4BZ;EACA;;AAKJ;EACE;EACA,OC5Be;ED6Bf;;AAIF;EACE;EACA;;AAOE;EACE;;AAEF;EACE;;AAQJ;EACE,kBClGc;EDmGd,cCnGc;;ADwGhB;EACE,kBCnGc;EDoGd,cCpGc;;ADyGhB;EACE,kBCtGc;EDuGd,cCvGc;;AD4GhB;EACE,kBCzGa;ED0Gb,cC1Ga;;AD+Gf;EACE,kBC5GW;ED6GX,cC7GW","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n// ==========================================\n// Skyline-UI Checkbox 复选组件样式 (Sass)\n// ==========================================\n\n.sky-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  \n  // 极致的高级防直角打磨细节\n  outline: none;\n  -webkit-tap-highlight-color: transparent; // 彻底消除移动端点击时默认的半透明直角高亮框\n  \n  // ==================== 1. 外围方框 ====================\n  &__icon-wrap {\n    box-sizing: border-box;\n    width: 40rpx;\n    height: 40rpx;\n    border-radius: $sky-border-radius-sm; // 精致圆角方框 (8rpx)\n    margin-right: 16rpx;\n    \n    // 弹性 Flex 居中对勾\n    @include flex-center;\n    \n    // 默认中性浅灰边框\n    border: 3rpx solid $sky-color-gray-4;\n    background-color: $sky-color-white;\n    \n    transition: background-color $sky-transition-duration $sky-transition-timing,\n                border-color $sky-transition-duration $sky-transition-timing;\n  }\n\n  // ==================== 2. 手画对勾骨架 (Precision Check Mark) ====================\n  \n  &__check-mark {\n    position: relative;\n    width: 20rpx;\n    height: 12rpx;\n    margin-top: -3rpx; // 向上微调，保证重心绝对几何居中\n    transform: rotate(-45deg); // 逆时针旋转 45 度形成斜上对勾\n    \n    // 2a. 对勾短边 (::before)\n    &::before {\n      content: \" \";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 3.5rpx;\n      height: 0; // 初始隐藏\n      border-radius: 2rpx;\n      background-color: $sky-color-white;\n      \n      // 短边先延伸 (无延迟)\n      transition: height 80ms linear;\n    }\n    \n    // 2b. 对勾长边 (::after)\n    &::after {\n      content: \" \";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      height: 3.5rpx;\n      width: 0; // 初始隐藏\n      border-radius: 2rpx;\n      background-color: $sky-color-white;\n      \n      // 长边后延伸 (延迟 80ms，完美呈现“一笔画手手写”视觉感)\n      transition: width 120ms linear;\n      transition-delay: 80ms;\n    }\n  }\n\n  // ==================== 3. 选项文字 ====================\n  &__label {\n    font-size: 28rpx;\n    color: $sky-color-gray-8;\n    line-height: 1.4;\n  }\n\n  // ==================== 4. 禁用态 ====================\n  &--disabled {\n    opacity: 0.5;\n    pointer-events: none; // 彻底失效\n  }\n\n  // ==================== 5. 选中状态与一笔画激活 ====================\n  \n  &--checked {\n    .sky-checkbox__check-mark {\n      &::before {\n        height: 12rpx; // 短边画出\n      }\n      &::after {\n        width: 22rpx; // 长边画出\n      }\n    }\n  }\n\n  // HSL 主题色绑定\n  \n  &--checked.sky-checkbox--primary {\n    .sky-checkbox__icon-wrap {\n      background-color: $sky-color-primary;\n      border-color: $sky-color-primary;\n    }\n  }\n\n  &--checked.sky-checkbox--success {\n    .sky-checkbox__icon-wrap {\n      background-color: $sky-color-success;\n      border-color: $sky-color-success;\n    }\n  }\n\n  &--checked.sky-checkbox--warning {\n    .sky-checkbox__icon-wrap {\n      background-color: $sky-color-warning;\n      border-color: $sky-color-warning;\n    }\n  }\n\n  &--checked.sky-checkbox--danger {\n    .sky-checkbox__icon-wrap {\n      background-color: $sky-color-danger;\n      border-color: $sky-color-danger;\n    }\n  }\n\n  &--checked.sky-checkbox--info {\n    .sky-checkbox__icon-wrap {\n      background-color: $sky-color-info;\n      border-color: $sky-color-info;\n    }\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","// ==========================================\r\n// Skyline-UI Flex 布局与样式混合宏 (SCSS)\r\n// ==========================================\r\n\r\n@mixin flex-row {\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n\r\n@mixin flex-column {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n@mixin flex-center {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@mixin flex-align-center {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n@mixin absolute-full {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n// 文本溢出隐藏 (在微信小程序 Flex 布局下，通常需要在容器上设置 overflow 和 flex)\r\n@mixin text-ellipsis {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n// 多行文本溢出隐藏\r\n@mixin text-ellipsis-multiline($lines: 2) {\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $lines;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n// 安全区域底部适配\r\n@mixin safe-area-bottom {\r\n  padding-bottom: constant(safe-area-inset-bottom);\r\n  padding-bottom: env(safe-area-inset-bottom);\r\n}\r\n\r\n// 1px 高清屏边框 (使用 transform 缩放方案)\r\n@mixin hairline-border($color: $sky-color-gray-3, $radius: 0) {\r\n  position: relative;\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 200%;\r\n    height: 200%;\r\n    border: 1px solid $color;\r\n    border-radius: $radius * 2;\r\n    transform: scale(0.5);\r\n    transform-origin: 0 0;\r\n    box-sizing: border-box;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// 禁用态通用样式\r\n@mixin disabled-state {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n}\r\n\r\n// 按钮重置\r\n@mixin button-reset {\r\n  border: none;\r\n  outline: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  background: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n"]}

package/miniprogram_dist/common/utils/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * skyline-ui 公共工具函数
+ */
+/**
+ * rpx 转 px
+ * @param rpx - rpx 值
+ * @param windowWidth - 屏幕宽度（px），默认从 wx.getSystemInfoSync 获取
+ */
+export declare function rpxToPx(rpx: number, windowWidth?: number): number;
+/**
+ * 解析带单位的值为 px 数值
+ * @param value - 支持 rpx/px/纯数字
+ */
+export declare function parsePx(value: string | number): number;
+/**
+ * 判断颜色值是否为渐变色
+ */
+export declare function isGradientColor(color: string): boolean;
+/**
+ * 空操作函数，用于阻止滚动穿透
+ */
+export declare function noop(): void;

package/miniprogram_dist/common/utils/index.js

@@ -0,0 +1,46 @@
+"use strict";
+/**
+ * skyline-ui 公共工具函数
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rpxToPx = rpxToPx;
+exports.parsePx = parsePx;
+exports.isGradientColor = isGradientColor;
+exports.noop = noop;
+/**
+ * rpx 转 px
+ * @param rpx - rpx 值
+ * @param windowWidth - 屏幕宽度（px），默认从 wx.getSystemInfoSync 获取
+ */
+function rpxToPx(rpx, windowWidth) {
+    const width = windowWidth || wx.getSystemInfoSync().windowWidth;
+    return Math.round((rpx * width) / 750);
+}
+/**
+ * 解析带单位的值为 px 数值
+ * @param value - 支持 rpx/px/纯数字
+ */
+function parsePx(value) {
+    if (typeof value === 'number')
+        return value;
+    const valStr = String(value);
+    if (valStr.indexOf('rpx') !== -1) {
+        const num = parseFloat(valStr);
+        return rpxToPx(num);
+    }
+    return parseFloat(valStr) || 0;
+}
+/**
+ * 判断颜色值是否为渐变色
+ */
+function isGradientColor(color) {
+    return color.indexOf('gradient') !== -1;
+}
+/**
+ * 空操作函数，用于阻止滚动穿透
+ */
+function noop() {
+    // intentionally empty
+}
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/common/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/utils/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;AAOH,0BAGC;AAMD,0BAQC;AAKD,0CAEC;AAKD,oBAEC;AApCD;;;;GAIG;AACH,SAAgB,OAAO,CAAC,GAAW,EAAE,WAAoB;IACvD,MAAM,KAAK,GAAG,WAAW,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC,WAAW,CAAC;IAChE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;AACzC,CAAC;AAED;;;GAGG;AACH,SAAgB,OAAO,CAAC,KAAsB;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAC/B,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,SAAgB,eAAe,CAAC,KAAa;IAC3C,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED;;GAEG;AACH,SAAgB,IAAI;IAClB,sBAAsB;AACxB,CAAC","file":"index.js","sourcesContent":["/**\n * skyline-ui 公共工具函数\n */\n\n/**\n * rpx 转 px\n * @param rpx - rpx 值\n * @param windowWidth - 屏幕宽度（px），默认从 wx.getSystemInfoSync 获取\n */\nexport function rpxToPx(rpx: number, windowWidth?: number): number {\n  const width = windowWidth || wx.getSystemInfoSync().windowWidth;\n  return Math.round((rpx * width) / 750);\n}\n\n/**\n * 解析带单位的值为 px 数值\n * @param value - 支持 rpx/px/纯数字\n */\nexport function parsePx(value: string | number): number {\n  if (typeof value === 'number') return value;\n  const valStr = String(value);\n  if (valStr.indexOf('rpx') !== -1) {\n    const num = parseFloat(valStr);\n    return rpxToPx(num);\n  }\n  return parseFloat(valStr) || 0;\n}\n\n/**\n * 判断颜色值是否为渐变色\n */\nexport function isGradientColor(color: string): boolean {\n  return color.indexOf('gradient') !== -1;\n}\n\n/**\n * 空操作函数，用于阻止滚动穿透\n */\nexport function noop(): void {\n  // intentionally empty\n}\n"]}

package/miniprogram_dist/datetime-picker/calendar.d.ts

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