wx-sky-ui 1.0.0

package/miniprogram_dist/datetime-picker/calendar.wxss

@@ -0,0 +1,352 @@
+@charset "UTF-8";
+/* 日历组件样式 - 适配 Skyline */
+.calendar-container {
+  display: flex;
+  flex-direction: column;
+}
+
+/* 遮罩层 */
+.calendar-mask {
+  position: fixed;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  transition-property: opacity;
+  transition-duration: 0.3s;
+  opacity: 0;
+  z-index: 9999;
+}
+
+.calendar-mask-show {
+  opacity: 1;
+}
+
+/* 固定定位容器 */
+.calendar-fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transform: translateY(100%);
+  z-index: 10000;
+}
+
+.calendar-ani-show {
+  transform: translateY(0);
+}
+
+/* 日历内容 */
+.calendar-content {
+  background-color: #ffffff;
+}
+
+.calendar-content-mobile {
+  border-top-left-radius: 32rpx;
+  border-top-right-radius: 32rpx;
+  box-shadow: 0 0 16rpx rgba(0, 0, 0, 0.08);
+}
+
+/* 头部 */
+.calendar-header {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 100rpx;
+}
+
+.calendar-header-mobile {
+  padding: 20rpx;
+  padding-bottom: 0;
+}
+
+.calendar-header-text {
+  text-align: center;
+  width: 240rpx;
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #212529;
+}
+
+.calendar-header-btn-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.calendar-header-btn {
+  width: 18rpx;
+  height: 18rpx;
+  border-left: 4rpx solid #adb5bd;
+  border-top: 4rpx solid #adb5bd;
+}
+
+.calendar-left {
+  transform: rotate(-45deg);
+}
+
+.calendar-right {
+  transform: rotate(135deg);
+}
+
+/* 关闭按钮 */
+.dialog-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 50rpx;
+  margin-top: 20rpx;
+}
+
+.dialog-close-line {
+  width: 32rpx;
+  height: 4rpx;
+  background-color: #adb5bd;
+  border-radius: 4rpx;
+  transform: rotate(45deg);
+}
+
+.dialog-close-rotate {
+  position: absolute;
+  transform: rotate(-45deg);
+}
+
+/* 日历主体 */
+.calendar-box {
+  position: relative;
+  padding-bottom: 14rpx;
+}
+
+.calendar-box-bg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+}
+
+.calendar-box-bg-text {
+  font-size: 400rpx;
+  font-weight: bold;
+  color: #e9ecef;
+  opacity: 0.15;
+  text-align: center;
+  line-height: 1;
+}
+
+/* 星期标题 */
+.calendar-weeks {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+}
+
+.calendar-weeks-item {
+  flex: 1;
+}
+
+.calendar-weeks-day {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 80rpx;
+  border-bottom: 2rpx solid #f1f3f5;
+}
+
+.calendar-weeks-day-text {
+  font-size: 24rpx;
+  color: #adb5bd;
+  font-weight: 600;
+}
+
+/* 日期项 */
+.calendar-item-weeks-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 2rpx 0;
+  position: relative;
+}
+
+.calendar-item-weeks-box-item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 80rpx;
+  height: 80rpx;
+}
+
+.calendar-item-weeks-box-text {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #343a40;
+}
+
+.calendar-item-weeks-box-text-disable {
+  color: #e9ecef;
+}
+
+/* 圆点标记 */
+.calendar-item-weeks-box-circle {
+  position: absolute;
+  top: 10rpx;
+  right: 10rpx;
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+  background-color: hsl(355, 85%, 55%);
+}
+
+/* 今天标记 */
+.calendar-item-today {
+  position: absolute;
+  top: 20rpx;
+  right: 17%;
+  background-color: hsl(355, 85%, 55%);
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+}
+
+/* 选中状态 */
+.calendar-item-checked {
+  background-color: hsl(250, 85%, 55%);
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 6rpx solid #ffffff;
+}
+
+.calendar-item-checked-text {
+  color: #ffffff;
+}
+
+/* 禁用状态 */
+.calendar-item-disable {
+  cursor: default;
+}
+
+.calendar-item-disable .calendar-item-weeks-box-text-disable {
+  color: #e9ecef;
+}
+
+/* 多选状态 */
+.calendar-item-multiple {
+  background-color: hsl(250, 85%, 95%);
+}
+
+.calendar-item-multiple .calendar-item-checked-range-text {
+  color: #212529;
+}
+
+.calendar-item-multiple .calendar-item-before-checked,
+.calendar-item-multiple .calendar-item-after-checked {
+  background-color: hsl(250, 85%, 55%);
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 6rpx solid hsl(250, 85%, 95%);
+}
+
+.calendar-item-before-checked .calendar-item-checked-text,
+.calendar-item-after-checked .calendar-item-checked-text {
+  color: #ffffff;
+}
+
+/* 范围开始和结束 */
+.calendar-item-before-checked-x {
+  border-top-left-radius: 100rpx;
+  border-bottom-left-radius: 100rpx;
+  box-sizing: border-box;
+  background-color: hsl(250, 85%, 95%);
+}
+
+.calendar-item-after-checked-x {
+  border-top-right-radius: 100rpx;
+  border-bottom-right-radius: 100rpx;
+  background-color: hsl(250, 85%, 95%);
+}
+
+/* 底部时间显示区域 */
+.date-changed {
+  padding: 20rpx;
+  text-align: center;
+  color: #212529;
+  border-top: 2rpx solid #f1f3f5;
+}
+
+.date-btn-ok {
+  padding: 30rpx;
+  background-color: #ffffff;
+}
+
+.date-changed-time-start,
+.date-changed-time-end {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+
+.date-changed-time-date {
+  color: #212529;
+  font-size: 28rpx;
+  margin-bottom: 10rpx;
+  font-weight: bold;
+}
+
+.arrow-icon {
+  color: #adb5bd;
+  font-size: 32rpx;
+  display: flex;
+  align-items: center;
+  margin: 0 10rpx;
+}
+
+/* 布局模式 */
+.calendar-fixed-top {
+  display: flex;
+  flex-direction: column;
+}
+
+.calendar-fixed-top.range-layout {
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: flex-start;
+}
+
+/* 确认按钮 */
+.datetime-picker-btn {
+  border-radius: 9999rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  background-color: hsl(250, 85%, 55%);
+  color: #ffffff;
+  font-size: 32rpx;
+  letter-spacing: 4rpx;
+  text-align: center;
+}
+
+.datetime-picker-btn:active {
+  opacity: 0.7;
+}

package/miniprogram_dist/datetime-picker/calendar.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["datetime-picker/calendar.scss","common/style/theme.scss"],"names":[],"mappings":";AAGA;AAEA;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE,kBCFgB;;;ADKlB;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,OCtBiB;;;ADyBnB;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,kBCrEiB;EDsEjB;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,OCtGiB;EDuGjB;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OCjIiB;EDkIjB;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,OC1JiB;;;AD6JnB;EACE,OCnKiB;;;ADsKnB;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBCtMiB;;;ADyMnB;AACA;EACE;EACA;EACA;EACA,kBC9MiB;ED+MjB;EACA;EACA;;;AAGF;AACA;EACE,kBCpOkB;EDqOlB;EACA;EACA;;;AAGF;EACE,OCxMgB;;;AD2MlB;AACA;EACE;;;AAGF;EACE,OC9MiB;;;ADiNnB;AACA;EACE,kBCtPwB;;;ADyP1B;EACE,OCjNiB;;;ADoNnB;AAAA;EAEE,kBClQkB;EDmQlB;EACA;EACA;;;AAGF;AAAA;EAEE,OCvOgB;;;AD0OlB;AACA;EACE;EACA;EACA;EACA,kBC/QwB;;;ADkR1B;EACE;EACA;EACA,kBCrRwB;;;ADwR1B;AACA;EACE;EACA;EACA,OCnPiB;EDoPjB;;;AAGF;EACE;EACA,kBClQgB;;;ADqQlB;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE,OCrQiB;EDsQjB;EACA;EACA;;;AAGF;EACE,OChRiB;EDiRjB;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE,eCpRwB;EDqRxB;EACA;EACA,kBChVkB;EDiVlB,OC9SgB;ED+ShB;EACA;EACA;;;AAGF;EACE","file":"calendar.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n/* 日历组件样式 - 适配 Skyline */\n\n.calendar-container {\n  display: flex;\n  flex-direction: column;\n}\n\n/* 遮罩层 */\n.calendar-mask {\n  position: fixed;\n  bottom: 0;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  transition-property: opacity;\n  transition-duration: 0.3s;\n  opacity: 0;\n  z-index: 9999;\n}\n\n.calendar-mask-show {\n  opacity: 1;\n}\n\n/* 固定定位容器 */\n.calendar-fixed {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  transition-property: transform;\n  transition-duration: 0.3s;\n  transform: translateY(100%);\n  z-index: 10000;\n}\n\n.calendar-ani-show {\n  transform: translateY(0);\n}\n\n/* 日历内容 */\n.calendar-content {\n  background-color: $sky-color-white;\n}\n\n.calendar-content-mobile {\n  border-top-left-radius: 32rpx;\n  border-top-right-radius: 32rpx;\n  box-shadow: 0 0 16rpx rgba(0, 0, 0, 0.08);\n}\n\n/* 头部 */\n.calendar-header {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: 100rpx;\n}\n\n.calendar-header-mobile {\n  padding: 20rpx;\n  padding-bottom: 0;\n}\n\n.calendar-header-text {\n  text-align: center;\n  width: 240rpx;\n  font-size: 30rpx;\n  font-weight: 700;\n  color: $sky-color-gray-9;\n}\n\n.calendar-header-btn-box {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 100rpx;\n  height: 100rpx;\n}\n\n.calendar-header-btn {\n  width: 18rpx;\n  height: 18rpx;\n  border-left: 4rpx solid $sky-color-gray-5;\n  border-top: 4rpx solid $sky-color-gray-5;\n}\n\n.calendar-left {\n  transform: rotate(-45deg);\n}\n\n.calendar-right {\n  transform: rotate(135deg);\n}\n\n/* 关闭按钮 */\n.dialog-close {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 50rpx;\n  margin-top: 20rpx;\n}\n\n.dialog-close-line {\n  width: 32rpx;\n  height: 4rpx;\n  background-color: $sky-color-gray-5;\n  border-radius: 4rpx;\n  transform: rotate(45deg);\n}\n\n.dialog-close-rotate {\n  position: absolute;\n  transform: rotate(-45deg);\n}\n\n/* 日历主体 */\n.calendar-box {\n  position: relative;\n  padding-bottom: 14rpx;\n}\n\n.calendar-box-bg {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n\n.calendar-box-bg-text {\n  font-size: 400rpx;\n  font-weight: bold;\n  color: $sky-color-gray-3;\n  opacity: 0.15;\n  text-align: center;\n  line-height: 1;\n}\n\n/* 星期标题 */\n.calendar-weeks {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.calendar-weeks-item {\n  flex: 1;\n}\n\n.calendar-weeks-day {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 80rpx;\n  border-bottom: 2rpx solid $sky-color-gray-2;\n}\n\n.calendar-weeks-day-text {\n  font-size: 24rpx;\n  color: $sky-color-gray-5;\n  font-weight: 600;\n}\n\n/* 日期项 */\n.calendar-item-weeks-box {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: 2rpx 0;\n  position: relative;\n}\n\n.calendar-item-weeks-box-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 80rpx;\n  height: 80rpx;\n}\n\n.calendar-item-weeks-box-text {\n  font-size: 28rpx;\n  font-weight: 700;\n  color: $sky-color-gray-8;\n}\n\n.calendar-item-weeks-box-text-disable {\n  color: $sky-color-gray-3;\n}\n\n/* 圆点标记 */\n.calendar-item-weeks-box-circle {\n  position: absolute;\n  top: 10rpx;\n  right: 10rpx;\n  width: 16rpx;\n  height: 16rpx;\n  border-radius: 50%;\n  background-color: $sky-color-danger;\n}\n\n/* 今天标记 */\n.calendar-item-today {\n  position: absolute;\n  top: 20rpx;\n  right: 17%;\n  background-color: $sky-color-danger;\n  width: 12rpx;\n  height: 12rpx;\n  border-radius: 50%;\n}\n\n/* 选中状态 */\n.calendar-item-checked {\n  background-color: $sky-color-primary;\n  border-radius: 50%;\n  box-sizing: border-box;\n  border: 6rpx solid $sky-color-white;\n}\n\n.calendar-item-checked-text {\n  color: $sky-color-white;\n}\n\n/* 禁用状态 */\n.calendar-item-disable {\n  cursor: default;\n}\n\n.calendar-item-disable .calendar-item-weeks-box-text-disable {\n  color: $sky-color-gray-3;\n}\n\n/* 多选状态 */\n.calendar-item-multiple {\n  background-color: $sky-color-primary-light;\n}\n\n.calendar-item-multiple .calendar-item-checked-range-text {\n  color: $sky-color-gray-9;\n}\n\n.calendar-item-multiple .calendar-item-before-checked,\n.calendar-item-multiple .calendar-item-after-checked {\n  background-color: $sky-color-primary;\n  border-radius: 50%;\n  box-sizing: border-box;\n  border: 6rpx solid $sky-color-primary-light;\n}\n\n.calendar-item-before-checked .calendar-item-checked-text,\n.calendar-item-after-checked .calendar-item-checked-text {\n  color: $sky-color-white;\n}\n\n/* 范围开始和结束 */\n.calendar-item-before-checked-x {\n  border-top-left-radius: 100rpx;\n  border-bottom-left-radius: 100rpx;\n  box-sizing: border-box;\n  background-color: $sky-color-primary-light;\n}\n\n.calendar-item-after-checked-x {\n  border-top-right-radius: 100rpx;\n  border-bottom-right-radius: 100rpx;\n  background-color: $sky-color-primary-light;\n}\n\n/* 底部时间显示区域 */\n.date-changed {\n  padding: 20rpx;\n  text-align: center;\n  color: $sky-color-gray-9;\n  border-top: 2rpx solid $sky-color-gray-2;\n}\n\n.date-btn-ok {\n  padding: 30rpx;\n  background-color: $sky-color-white;\n}\n\n.date-changed-time-start,\n.date-changed-time-end {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n}\n\n.date-changed-time-date {\n  color: $sky-color-gray-9;\n  font-size: 28rpx;\n  margin-bottom: 10rpx;\n  font-weight: bold;\n}\n\n.arrow-icon {\n  color: $sky-color-gray-5;\n  font-size: 32rpx;\n  display: flex;\n  align-items: center;\n  margin: 0 10rpx;\n}\n\n/* 布局模式 */\n.calendar-fixed-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.calendar-fixed-top.range-layout {\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: flex-start;\n}\n\n/* 确认按钮 */\n.datetime-picker-btn {\n  border-radius: $sky-border-radius-round;\n  height: 80rpx;\n  line-height: 80rpx;\n  background-color: $sky-color-primary;\n  color: $sky-color-white;\n  font-size: 32rpx;\n  letter-spacing: 4rpx;\n  text-align: center;\n}\n\n.datetime-picker-btn:active {\n  opacity: 0.7;\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/datetime-picker/index.d.ts

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