wx-sky-ui 1.0.0

package/miniprogram_dist/float-button/index.js

@@ -0,0 +1,281 @@
+"use strict";
+Component({
+    options: {
+        virtualHost: true,
+        multipleSlots: true
+    },
+    properties: {
+        // 按钮内置预设图标名称
+        icon: {
+            type: String,
+            value: ''
+        },
+        // 按钮文本，为空时退化为圆形按钮
+        text: {
+            type: String,
+            value: ''
+        },
+        // 按钮背景色，支持 hex, rgb, linear-gradient 渐变色
+        color: {
+            type: String,
+            value: '#6366f1' // 默认使用高品质的极客紫蓝
+        },
+        // 按钮文字与图标颜色
+        textColor: {
+            type: String,
+            value: '#ffffff'
+        },
+        // 智能发光阴影颜色。支持传入十六进制或rgba，将自动解析为具有羽化质感的浮光投影
+        shadowColor: {
+            type: String,
+            value: 'rgba(99, 102, 241, 0.35)' // 默认与主题色呼应的柔和阴影
+        },
+        // 定位属性
+        bottom: {
+            type: null,
+            value: '140rpx'
+        },
+        right: {
+            type: null,
+            value: '40rpx'
+        },
+        left: {
+            type: null,
+            value: ''
+        },
+        top: {
+            type: null,
+            value: ''
+        },
+        // 手动控制折叠态
+        folded: {
+            type: Boolean,
+            value: false,
+            observer(newVal) {
+                this.setData({ isFolded: newVal });
+            }
+        },
+        // 页面滚动高度绑定，用于实现丝滑的滚动自动折叠文字动效
+        scrollTop: {
+            type: Number,
+            value: 0,
+            observer(newVal) {
+                this.handleScroll(newVal);
+            }
+        },
+        // 滚动折叠敏感度 (单位 px)
+        scrollThreshold: {
+            type: Number,
+            value: 10
+        },
+        // 子菜单操作项列表
+        actions: {
+            type: Array,
+            value: [] // 格式: [{ icon: 'shezhi', text: '设置', color: '#10b981', textColor: '#fff', shadowColor: 'rgba(...)' }]
+        },
+        // 子菜单展开状态
+        open: {
+            type: Boolean,
+            value: false,
+            observer(newVal) {
+                if (newVal !== this.data.innerOpen) {
+                    this.setData({ innerOpen: newVal });
+                }
+            }
+        },
+        // 是否开启滑动页面往右边缘收起隐藏的开关，默认不开启
+        scrollShrink: {
+            type: Boolean,
+            value: false
+        },
+        // 自定义样式
+        customStyle: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        positionStyle: '', // 计算后的定位样式串
+        buttonStyle: '', // 计算后的按钮样式串
+        isFolded: false, // 内部的折叠状态
+        innerOpen: false, // 内部的展开状态
+        isShrinked: false, // 内部的滑动收缩边缘隐藏状态
+        lastScrollTop: 0, // 上次滚动位置 (px)
+        scrollAccumulator: 0, // 滚动增量累加器
+        shrinkTimer: 0, // 收缩边缘隐藏定时器 ID
+    },
+    observers: {
+        // 监听定位与视觉属性，属性改变时主动重新计算样式，支持全动态热更新
+        'left, right, top, bottom, color, shadowColor': function () {
+            this.initStyles();
+        }
+    },
+    lifetimes: {
+        attached() {
+            // 在加载时主动计算并更新定位和按钮样式，防止某些环境下 observers 初始化未触发导致定位丢失
+            this.initStyles();
+            // 初始化状态同步
+            this.setData({
+                isFolded: this.properties.folded,
+                innerOpen: this.properties.open,
+                isShrinked: false
+            });
+        },
+        detached() {
+            if (this.data.shrinkTimer) {
+                clearTimeout(this.data.shrinkTimer);
+            }
+        }
+    },
+    methods: {
+        // 统一初始化并更新组件的绝对定位与主视觉样式
+        initStyles() {
+            const { left, right, top, bottom, color, shadowColor } = this.properties;
+            // 1. 物理位置定位计算
+            const parseUnit = (val) => {
+                if (val === undefined || val === null || val === '')
+                    return '';
+                return typeof val === 'number' ? `${val}rpx` : val;
+            };
+            const posStyles = [];
+            const l = parseUnit(left);
+            const r = parseUnit(right);
+            const t = parseUnit(top);
+            const b = parseUnit(bottom);
+            if (l) {
+                posStyles.push(`left: ${l};`);
+            }
+            else if (r) {
+                posStyles.push(`right: ${r};`);
+            }
+            else {
+                posStyles.push(`right: 40rpx;`); // 默认在右侧合适位置
+            }
+            if (t) {
+                posStyles.push(`top: ${t};`);
+            }
+            else if (b) {
+                posStyles.push(`bottom: ${b};`);
+            }
+            else {
+                posStyles.push(`bottom: 140rpx;`); // 默认在右下角稍上（避让底部安全区）
+            }
+            // 2. 主按钮发光背景与霓虹阴影计算
+            const btnStyles = [];
+            if (color) {
+                if (color.indexOf('gradient') !== -1) {
+                    btnStyles.push(`background: ${color};`);
+                    btnStyles.push(`border: none;`);
+                }
+                else {
+                    btnStyles.push(`background-color: ${color};`);
+                }
+            }
+            if (shadowColor) {
+                btnStyles.push(`box-shadow: 0 8px 26px ${shadowColor};`);
+            }
+            else {
+                btnStyles.push(`box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);`);
+            }
+            this.setData({
+                positionStyle: posStyles.join(' '),
+                buttonStyle: btnStyles.join(' ')
+            });
+        },
+        // 核心滚动检测算法，用于高流畅度的滚动联动折叠效果与自动往右侧边缘隐藏缩拢效果
+        handleScroll(scrollTop) {
+            const threshold = this.properties.scrollThreshold;
+            const lastScrollTop = this.data.lastScrollTop;
+            let scrollAccumulator = this.data.scrollAccumulator;
+            const diff = scrollTop - lastScrollTop;
+            // 避免初始值为 0 或页面边界异常导致闪烁
+            if (scrollTop <= 5) {
+                if (this.data.isFolded) {
+                    this.setData({ isFolded: false });
+                    this.triggerEvent('foldchange', { folded: false });
+                }
+                // 如果开启了滚动隐藏，回到顶部时也要恢复展开
+                if (this.properties.scrollShrink && this.data.isShrinked) {
+                    if (this.data.shrinkTimer) {
+                        clearTimeout(this.data.shrinkTimer);
+                    }
+                    this.setData({ isShrinked: false });
+                }
+                this.setData({ lastScrollTop: scrollTop, scrollAccumulator: 0 });
+                return;
+            }
+            // --- 新增：滑动页面向右收缩边缘隐藏防抖逻辑 ---
+            if (this.properties.scrollShrink) {
+                if (!this.data.isShrinked) {
+                    this.setData({
+                        isShrinked: true,
+                        innerOpen: false, // 滚动时自动收起已经展开的快捷子菜单
+                        open: false
+                    });
+                }
+                if (this.data.shrinkTimer) {
+                    clearTimeout(this.data.shrinkTimer);
+                }
+                const timer = setTimeout(() => {
+                    this.setData({ isShrinked: false });
+                }, 500); // 500毫秒静止无滚动，自动弹回，高级交互感拉满！
+                this.setData({ shrinkTimer: timer });
+            }
+            // 累加滚动增量
+            scrollAccumulator += diff;
+            if (diff > 0) {
+                // 向上滑动页面 (手指往上划，页面向下滚)：折叠文字收起，隐藏次要信息以让路内容展示
+                if (scrollAccumulator > threshold && !this.data.isFolded) {
+                    this.setData({ isFolded: true });
+                    this.triggerEvent('foldchange', { folded: true });
+                    scrollAccumulator = 0;
+                }
+            }
+            else if (diff < 0) {
+                // 向下滑动页面 (手指往下划，页面向上滚)：重新展开按钮释放完整交互功能
+                if (Math.abs(scrollAccumulator) > threshold && this.data.isFolded) {
+                    this.setData({ isFolded: false });
+                    this.triggerEvent('foldchange', { folded: false });
+                    scrollAccumulator = 0;
+                }
+            }
+            // 限制累加器大小，防止过度积压
+            if (Math.abs(scrollAccumulator) > 100) {
+                scrollAccumulator = scrollAccumulator > 0 ? 100 : -100;
+            }
+            this.setData({ lastScrollTop: scrollTop, scrollAccumulator: scrollAccumulator });
+        },
+        // 点击主按钮逻辑
+        onMainTap(event) {
+            const { actions } = this.properties;
+            const { innerOpen } = this.data;
+            if (actions && actions.length > 0) {
+                // 存在子菜单，执行折叠/展开的开关逻辑
+                const newOpenState = !innerOpen;
+                this.setData({
+                    innerOpen: newOpenState,
+                    open: newOpenState // 支持双向绑定或手动同步
+                });
+                this.triggerEvent('change', { open: newOpenState });
+            }
+            else {
+                // 普通悬浮按钮，直接触发 tap 点击事件
+                this.triggerEvent('click', event.detail);
+            }
+        },
+        // 点击子菜单项
+        onActionTap(event) {
+            const { index, item } = event.currentTarget.dataset;
+            // 分发事件通知外界
+            this.triggerEvent('actionclick', { index, item });
+            // 点击后，自动优雅地收回子菜单
+            this.setData({
+                innerOpen: false,
+                open: false
+            });
+            this.triggerEvent('change', { open: false });
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/float-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/float-button/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["Component({\r\n  options: {\r\n    virtualHost: true,\r\n    multipleSlots: true\r\n  },\r\n\r\n  properties: {\r\n    // 按钮内置预设图标名称\r\n    icon: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 按钮文本，为空时退化为圆形按钮\r\n    text: {\r\n      type: String,\r\n      value: ''\r\n    },\r\n    // 按钮背景色，支持 hex, rgb, linear-gradient 渐变色\r\n    color: {\r\n      type: String,\r\n      value: '#6366f1' // 默认使用高品质的极客紫蓝\r\n    },\r\n    // 按钮文字与图标颜色\r\n    textColor: {\r\n      type: String,\r\n      value: '#ffffff'\r\n    },\r\n    // 智能发光阴影颜色。支持传入十六进制或rgba，将自动解析为具有羽化质感的浮光投影\r\n    shadowColor: {\r\n      type: String,\r\n      value: 'rgba(99, 102, 241, 0.35)' // 默认与主题色呼应的柔和阴影\r\n    },\r\n    // 定位属性\r\n    bottom: {\r\n      type: null,\r\n      value: '140rpx'\r\n    },\r\n    right: {\r\n      type: null,\r\n      value: '40rpx'\r\n    },\r\n    left: {\r\n      type: null,\r\n      value: ''\r\n    },\r\n    top: {\r\n      type: null,\r\n      value: ''\r\n    },\r\n    // 手动控制折叠态\r\n    folded: {\r\n      type: Boolean,\r\n      value: false,\r\n      observer(newVal) {\r\n        this.setData({ isFolded: newVal });\r\n      }\r\n    },\r\n    // 页面滚动高度绑定，用于实现丝滑的滚动自动折叠文字动效\r\n    scrollTop: {\r\n      type: Number,\r\n      value: 0,\r\n      observer(newVal) {\r\n        this.handleScroll(newVal);\r\n      }\r\n    },\r\n    // 滚动折叠敏感度 (单位 px)\r\n    scrollThreshold: {\r\n      type: Number,\r\n      value: 10\r\n    },\r\n    // 子菜单操作项列表\r\n    actions: {\r\n      type: Array,\r\n      value: [] // 格式: [{ icon: 'shezhi', text: '设置', color: '#10b981', textColor: '#fff', shadowColor: 'rgba(...)' }]\r\n    },\r\n    // 子菜单展开状态\r\n    open: {\r\n      type: Boolean,\r\n      value: false,\r\n      observer(newVal) {\r\n        if (newVal !== this.data.innerOpen) {\r\n          this.setData({ innerOpen: newVal });\r\n        }\r\n      }\r\n    },\r\n    // 是否开启滑动页面往右边缘收起隐藏的开关，默认不开启\r\n    scrollShrink: {\r\n      type: Boolean,\r\n      value: false\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    positionStyle: '', // 计算后的定位样式串\r\n    buttonStyle: '',   // 计算后的按钮样式串\r\n    isFolded: false,   // 内部的折叠状态\r\n    innerOpen: false,  // 内部的展开状态\r\n    isShrinked: false, // 内部的滑动收缩边缘隐藏状态\r\n    lastScrollTop: 0,  // 上次滚动位置 (px)\r\n    scrollAccumulator: 0, // 滚动增量累加器\r\n    shrinkTimer: 0,    // 收缩边缘隐藏定时器 ID\r\n  },\r\n\r\n  observers: {\r\n    // 监听定位与视觉属性，属性改变时主动重新计算样式，支持全动态热更新\r\n    'left, right, top, bottom, color, shadowColor': function() {\r\n      this.initStyles();\r\n    }\r\n  },\r\n\r\n  lifetimes: {\r\n    attached() {\r\n      // 在加载时主动计算并更新定位和按钮样式，防止某些环境下 observers 初始化未触发导致定位丢失\r\n      this.initStyles();\r\n\r\n      // 初始化状态同步\r\n      this.setData({\r\n        isFolded: this.properties.folded,\r\n        innerOpen: this.properties.open,\r\n        isShrinked: false\r\n      });\r\n    },\r\n    detached() {\r\n      if (this.data.shrinkTimer) {\r\n        clearTimeout(this.data.shrinkTimer);\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    // 统一初始化并更新组件的绝对定位与主视觉样式\r\n    initStyles() {\r\n      const { left, right, top, bottom, color, shadowColor } = this.properties;\r\n      \r\n      // 1. 物理位置定位计算\r\n      const parseUnit = (val: any) => {\r\n        if (val === undefined || val === null || val === '') return '';\r\n        return typeof val === 'number' ? `${val}rpx` : val;\r\n      };\r\n\r\n      const posStyles = [];\r\n      const l = parseUnit(left);\r\n      const r = parseUnit(right);\r\n      const t = parseUnit(top);\r\n      const b = parseUnit(bottom);\r\n\r\n      if (l) {\r\n        posStyles.push(`left: ${l};`);\r\n      } else if (r) {\r\n        posStyles.push(`right: ${r};`);\r\n      } else {\r\n        posStyles.push(`right: 40rpx;`); // 默认在右侧合适位置\r\n      }\r\n\r\n      if (t) {\r\n        posStyles.push(`top: ${t};`);\r\n      } else if (b) {\r\n        posStyles.push(`bottom: ${b};`);\r\n      } else {\r\n        posStyles.push(`bottom: 140rpx;`); // 默认在右下角稍上（避让底部安全区）\r\n      }\r\n\r\n      // 2. 主按钮发光背景与霓虹阴影计算\r\n      const btnStyles = [];\r\n      if (color) {\r\n        if (color.indexOf('gradient') !== -1) {\r\n          btnStyles.push(`background: ${color};`);\r\n          btnStyles.push(`border: none;`);\r\n        } else {\r\n          btnStyles.push(`background-color: ${color};`);\r\n        }\r\n      }\r\n\r\n      if (shadowColor) {\r\n        btnStyles.push(`box-shadow: 0 8px 26px ${shadowColor};`);\r\n      } else {\r\n        btnStyles.push(`box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);`);\r\n      }\r\n\r\n      this.setData({\r\n        positionStyle: posStyles.join(' '),\r\n        buttonStyle: btnStyles.join(' ')\r\n      });\r\n    },\r\n\r\n    // 核心滚动检测算法，用于高流畅度的滚动联动折叠效果与自动往右侧边缘隐藏缩拢效果\r\n    handleScroll(scrollTop: number) {\r\n      const threshold = this.properties.scrollThreshold;\r\n      const lastScrollTop = this.data.lastScrollTop;\r\n      let scrollAccumulator = this.data.scrollAccumulator;\r\n      const diff = scrollTop - lastScrollTop;\r\n\r\n      // 避免初始值为 0 或页面边界异常导致闪烁\r\n      if (scrollTop <= 5) {\r\n        if (this.data.isFolded) {\r\n          this.setData({ isFolded: false });\r\n          this.triggerEvent('foldchange', { folded: false });\r\n        }\r\n        // 如果开启了滚动隐藏，回到顶部时也要恢复展开\r\n        if (this.properties.scrollShrink && this.data.isShrinked) {\r\n          if (this.data.shrinkTimer) {\r\n            clearTimeout(this.data.shrinkTimer);\r\n          }\r\n          this.setData({ isShrinked: false });\r\n        }\r\n        this.setData({ lastScrollTop: scrollTop, scrollAccumulator: 0 });\r\n        return;\r\n      }\r\n\r\n      // --- 新增：滑动页面向右收缩边缘隐藏防抖逻辑 ---\r\n      if (this.properties.scrollShrink) {\r\n        if (!this.data.isShrinked) {\r\n          this.setData({\r\n            isShrinked: true,\r\n            innerOpen: false, // 滚动时自动收起已经展开的快捷子菜单\r\n            open: false\r\n          });\r\n        }\r\n        if (this.data.shrinkTimer) {\r\n          clearTimeout(this.data.shrinkTimer);\r\n        }\r\n        const timer = setTimeout(() => {\r\n          this.setData({ isShrinked: false });\r\n        }, 500); // 500毫秒静止无滚动，自动弹回，高级交互感拉满！\r\n        this.setData({ shrinkTimer: timer });\r\n      }\r\n\r\n      // 累加滚动增量\r\n      scrollAccumulator += diff;\r\n\r\n      if (diff > 0) {\r\n        // 向上滑动页面 (手指往上划，页面向下滚)：折叠文字收起，隐藏次要信息以让路内容展示\r\n        if (scrollAccumulator > threshold && !this.data.isFolded) {\r\n          this.setData({ isFolded: true });\r\n          this.triggerEvent('foldchange', { folded: true });\r\n          scrollAccumulator = 0;\r\n        }\r\n      } else if (diff < 0) {\r\n        // 向下滑动页面 (手指往下划，页面向上滚)：重新展开按钮释放完整交互功能\r\n        if (Math.abs(scrollAccumulator) > threshold && this.data.isFolded) {\r\n          this.setData({ isFolded: false });\r\n          this.triggerEvent('foldchange', { folded: false });\r\n          scrollAccumulator = 0;\r\n        }\r\n      }\r\n\r\n      // 限制累加器大小，防止过度积压\r\n      if (Math.abs(scrollAccumulator) > 100) {\r\n        scrollAccumulator = scrollAccumulator > 0 ? 100 : -100;\r\n      }\r\n\r\n      this.setData({ lastScrollTop: scrollTop, scrollAccumulator: scrollAccumulator });\r\n    },\r\n\r\n    // 点击主按钮逻辑\r\n    onMainTap(event: WechatMiniprogram.TouchEvent) {\r\n      const { actions } = this.properties;\r\n      const { innerOpen } = this.data;\r\n\r\n      if (actions && actions.length > 0) {\r\n        // 存在子菜单，执行折叠/展开的开关逻辑\r\n        const newOpenState = !innerOpen;\r\n        this.setData({\r\n          innerOpen: newOpenState,\r\n          open: newOpenState // 支持双向绑定或手动同步\r\n        });\r\n        this.triggerEvent('change', { open: newOpenState });\r\n      } else {\r\n        // 普通悬浮按钮，直接触发 tap 点击事件\r\n        this.triggerEvent('click', event.detail);\r\n      }\r\n    },\r\n\r\n    // 点击子菜单项\r\n    onActionTap(event: WechatMiniprogram.TouchEvent) {\r\n      const { index, item } = event.currentTarget.dataset;\r\n      \r\n      // 分发事件通知外界\r\n      this.triggerEvent('actionclick', { index, item });\r\n\r\n      // 点击后，自动优雅地收回子菜单\r\n      this.setData({\r\n        innerOpen: false,\r\n        open: false\r\n      });\r\n      this.triggerEvent('change', { open: false });\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/float-button/index.json

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

package/miniprogram_dist/float-button/index.wxml

@@ -0,0 +1,68 @@
+<view 
+  class="sky-float-button-wrap {{ isShrinked ? 'sky-float-button-wrap--shrink' : '' }}" 
+  style="{{ positionStyle }} {{ customStyle }}"
+>
+  <!-- 子操作菜单列表 (Speed Dial Actions) -->
+  <view 
+    wx:if="{{ actions && actions.length > 0 }}"
+    class="sky-float-button__actions {{ open ? 'sky-float-button__actions--open' : '' }}"
+  >
+    <view 
+      wx:for="{{ actions }}" 
+      wx:key="index"
+      class="sky-float-button__action-item {{ open ? 'sky-float-button__action-item--open' : '' }}"
+      style="transition-delay: {{ open ? (actions.length - 1 - index) * 50 : index * 50 }}ms; transform: translateY({{ open ? '0' : (actions.length - index) * 60 + 'px' }}) scale({{ open ? 1 : 0.6 }}); opacity: {{ open ? 1 : 0 }};"
+      catchtap="onActionTap"
+      data-index="{{ index }}"
+      data-item="{{ item }}"
+    >
+      <!-- 子操作项文字标签 -->
+      <text 
+        wx:if="{{ item.text }}"
+        class="sky-float-button__action-text"
+        style="{{ item.textColor ? 'color: ' + item.textColor : '' }}"
+      >{{ item.text }}</text>
+      
+      <!-- 子操作项圆形按钮 -->
+      <view 
+        class="sky-float-button__action-btn"
+        style="background: {{ item.color || '#ffffff' }}; box-shadow: {{ item.shadowColor ? '0 4px 10px ' + item.shadowColor : '0 4px 12px rgba(0, 0, 0, 0.08)' }};"
+      >
+        <sky-icon 
+          wx:if="{{ item.icon }}" 
+          name="{{ item.icon }}" 
+          color="{{ item.textColor || '#475569' }}" 
+          size="38rpx"
+        />
+      </view>
+    </view>
+  </view>
+
+  <!-- 主悬浮按钮 (Main FAB Button) -->
+  <view 
+    class="sky-float-button {{ text && !isFolded ? 'sky-float-button--capsule' : 'sky-float-button--circle' }} {{ open ? 'sky-float-button--open' : '' }}"
+    style="{{ buttonStyle }}"
+    hover-class="sky-float-button--active"
+    hover-stay-time="70"
+    bindtap="onMainTap"
+  >
+    <!-- 主图标 -->
+    <view class="sky-float-button__icon-wrap {{ open && actions.length > 0 ? 'sky-float-button__icon-wrap--rotated' : '' }}">
+      <slot name="icon" wx:if="{{ !icon }}"></slot>
+      <sky-icon 
+        wx:else 
+        name="{{ icon }}" 
+        color="{{ textColor }}" 
+        size="42rpx"
+      />
+    </view>
+    
+    <!-- 胶囊文字：通过宽度与边距 transition 实现优雅的折叠收起动画 -->
+    <view 
+      class="sky-float-button__text-wrap {{ isFolded ? 'sky-float-button__text-wrap--folded' : '' }}"
+      style="max-width: {{ isFolded ? '0px' : '200rpx' }}; margin-left: {{ isFolded ? '0px' : '10rpx' }}; opacity: {{ isFolded ? 0 : 1 }};"
+    >
+      <text class="sky-float-button__text" style="color: {{ textColor }};">{{ text }}</text>
+    </view>
+  </view>
+</view>

package/miniprogram_dist/float-button/index.wxss

@@ -0,0 +1,119 @@
+.sky-float-button-wrap {
+  position: fixed;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  pointer-events: none;
+  transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1), opacity 320ms ease;
+}
+.sky-float-button-wrap--shrink {
+  transform: translateX(76rpx);
+  opacity: 0.4;
+}
+
+.sky-float-button {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto;
+  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.sky-float-button--circle {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 48rpx;
+}
+.sky-float-button--capsule {
+  height: 96rpx;
+  padding: 0 32rpx;
+  border-radius: 48rpx;
+}
+.sky-float-button--active {
+  transform: scale(0.92);
+  opacity: 0.9;
+  filter: brightness(0.95);
+}
+.sky-float-button__icon-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.sky-float-button__icon-wrap--rotated {
+  transform: rotate(135deg);
+}
+.sky-float-button__text-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  transition: max-width 250ms cubic-bezier(0.4, 0, 0.2, 1), margin-left 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.sky-float-button__text-wrap--folded {
+  max-width: 0 !important;
+  margin-left: 0 !important;
+  opacity: 0 !important;
+}
+.sky-float-button__text {
+  font-size: 28rpx;
+  font-weight: 600;
+  white-space: nowrap;
+  letter-spacing: 1rpx;
+}
+
+.sky-float-button__actions {
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  margin-bottom: 24rpx;
+  pointer-events: none;
+  transition: opacity 250ms ease;
+}
+.sky-float-button__actions--open {
+  pointer-events: auto;
+}
+
+.sky-float-button__action-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 20rpx;
+  opacity: 0;
+  pointer-events: auto;
+  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 300ms ease, scale 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.sky-float-button__action-item:first-child {
+  margin-bottom: 0;
+}
+
+.sky-float-button__action-btn {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  transition: transform 150ms ease;
+}
+.sky-float-button__action-btn:active {
+  transform: scale(0.88);
+}
+
+.sky-float-button__action-text {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #495057;
+  background-color: rgba(255, 255, 255, 0.96);
+  padding: 8rpx 18rpx;
+  border-radius: 10rpx;
+  margin-right: 20rpx;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  border: 1rpx solid rgba(0, 0, 0, 0.03);
+  white-space: nowrap;
+}

package/miniprogram_dist/float-button/index.wxss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["float-button/index.scss","common/style/theme.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;;AAIA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAIA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA,OC9FiB;ED+FjB;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.wxss","sourcesContent":["@use \"../common/style/theme.scss\" as *;\n@use \"../common/style/mixins.scss\" as *;\n\n// 悬浮按钮绝对定位容器\n.sky-float-button-wrap {\n  position: fixed;\n  z-index: 1000;\n  display: flex;\n  flex-direction: column-reverse; // 从下至上垂直排列，极其自然地把子菜单托在主按钮上方\n  align-items: flex-end;\n  pointer-events: none; // 容器穿透，防止挡住页面底层元素的交互\n\n  // 核心！向右滑动收缩到屏幕边缘的动画过渡配置\n  transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1),\n              opacity 320ms ease;\n\n  // 滑动收缩状态：向右平移收拢，只露出一小弯月牙弧度作为高保真视觉暗示，极其灵动！\n  &--shrink {\n    transform: translateX(76rpx); // 按钮宽度为96rpx，向右位移76rpx相当于在屏幕最右侧留下20rpx的月牙圆弧边缘，极具设计质感！\n    opacity: 0.4; // 半透明化避免遮挡视线\n  }\n}\n\n// 主悬浮按钮\n.sky-float-button {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto; // 恢复事件响应\n  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n  overflow: hidden;\n\n  // 圆形状态（默认 / 折叠态）\n  &--circle {\n    width: 96rpx;\n    height: 96rpx;\n    border-radius: 48rpx;\n  }\n\n  // 胶囊状态（有文字且未折叠时）\n  &--capsule {\n    height: 96rpx;\n    padding: 0 32rpx;\n    border-radius: 48rpx;\n  }\n\n  // 按压态反馈，带来极其舒适的阻尼微缩放与发光减弱感\n  &--active {\n    transform: scale(0.92);\n    opacity: 0.9;\n    filter: brightness(0.95);\n  }\n\n  // 图标旋转动画包裹层\n  &__icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1); // 带有舒适回弹效果的旋转\n\n    &--rotated {\n      transform: rotate(135deg); // 顺时针旋转135度，将 '+' 图标或常规图标优雅转换为 'X'\n    }\n  }\n\n  // 胶囊文本部分\n  &__text-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    transition: max-width 250ms cubic-bezier(0.4, 0, 0.2, 1),\n                margin-left 250ms cubic-bezier(0.4, 0, 0.2, 1),\n                opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);\n\n    &--folded {\n      max-width: 0 !important;\n      margin-left: 0 !important;\n      opacity: 0 !important;\n    }\n  }\n\n  &__text {\n    font-size: 28rpx;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 1rpx;\n  }\n}\n\n// 子操作菜单列表 (Speed Dial Actions)\n.sky-float-button__actions {\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: flex-end;\n  margin-bottom: 24rpx; // 与主按钮保留舒适的呼应空隙\n  pointer-events: none;\n  transition: opacity 250ms ease;\n\n  &--open {\n    pointer-events: auto; // 展开时恢复事件响应\n  }\n}\n\n// 子操作菜单项\n.sky-float-button__action-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  margin-bottom: 20rpx;\n  opacity: 0;\n  pointer-events: auto;\n  // 贝塞尔曲线带有弹性回弹，让子按钮像气泡一样轻盈弹出\n  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1),\n              opacity 300ms ease,\n              scale 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\n  &:first-child {\n    margin-bottom: 0; // 最上面的子项不需要间距\n  }\n}\n\n// 子操作圆形按钮\n.sky-float-button__action-btn {\n  width: 80rpx;\n  height: 80rpx;\n  border-radius: 40rpx;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  transition: transform 150ms ease;\n\n  &:active {\n    transform: scale(0.88); // 独立子按钮的舒适微按压态\n  }\n}\n\n// 子操作文本标签（高质感气泡旁白）\n.sky-float-button__action-text {\n  font-size: 24rpx;\n  font-weight: 500;\n  color: $sky-color-gray-7;\n  background-color: rgba(255, 255, 255, 0.96);\n  padding: 8rpx 18rpx;\n  border-radius: 10rpx;\n  margin-right: 20rpx;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n  border: 1rpx solid rgba(0, 0, 0, 0.03);\n  white-space: nowrap;\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/html-renderer/index.d.ts

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

package/miniprogram_dist/html-renderer/index.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const parser_1 = require("./parser");
+Component({
+    options: {
+        virtualHost: true // 开启虚拟节点降低 Skyline DOM 层级嵌套
+    },
+    properties: {
+        // 待渲染的 HTML 富文本内容
+        content: {
+            type: String,
+            value: '',
+            observer(val) {
+                this.parseContent(val);
+            }
+        },
+        // 是否支持文本的长按复制选中
+        selectable: {
+            type: Boolean,
+            value: true
+        },
+        // 附加自定义样式
+        customStyle: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        nodes: [] // 解析后的 AST 节点数组
+    },
+    lifetimes: {
+        attached() {
+            if (this.data.content) {
+                this.parseContent(this.data.content);
+            }
+        }
+    },
+    methods: {
+        // 调用 AST 词法状态机执行极速解析
+        parseContent(html) {
+            if (!html) {
+                this.setData({ nodes: [] });
+                return;
+            }
+            // 执行状态机词法转换
+            try {
+                const parsedNodes = (0, parser_1.parseHtml)(html);
+                this.setData({
+                    nodes: parsedNodes
+                });
+            }
+            catch (err) {
+                console.error('HtmlRenderer parse error:', err);
+                // 异常兜底，防止小程序崩溃
+                this.setData({
+                    nodes: [{
+                            name: 'p',
+                            type: 'block',
+                            attrs: {},
+                            children: [{
+                                    name: '#text',
+                                    type: 'text',
+                                    text: html,
+                                    attrs: {},
+                                    children: []
+                                }]
+                        }]
+                });
+            }
+        }
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/miniprogram_dist/html-renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/html-renderer/index.ts"],"names":[],"mappings":";;AAAA,qCAA+C;AAE/C,SAAS,CAAC;IACR,OAAO,EAAE;QACP,WAAW,EAAE,IAAI,CAAC,4BAA4B;KAC/C;IAED,UAAU,EAAE;QACV,kBAAkB;QAClB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;YACT,QAAQ,CAAC,GAAG;gBACV,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC;SACF;QACD,gBAAgB;QAChB,UAAU,EAAE;YACV,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,IAAI;SACZ;QACD,UAAU;QACV,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE;SACV;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,EAAgB,CAAC,gBAAgB;KACzC;IAED,SAAS,EAAE;QACT,QAAQ;YACN,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;KACF;IAED,OAAO,EAAE;QACP,qBAAqB;QACrB,YAAY,CAAC,IAAY;YACvB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,YAAY;YACZ,IAAI,CAAC;gBACH,MAAM,WAAW,GAAG,IAAA,kBAAS,EAAC,IAAI,CAAC,CAAC;gBACpC,IAAI,CAAC,OAAO,CAAC;oBACX,KAAK,EAAE,WAAW;iBACnB,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,GAAG,CAAC,CAAC;gBAChD,eAAe;gBACf,IAAI,CAAC,OAAO,CAAC;oBACX,KAAK,EAAE,CAAC;4BACN,IAAI,EAAE,GAAG;4BACT,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE,CAAC;oCACT,IAAI,EAAE,OAAO;oCACb,IAAI,EAAE,MAAM;oCACZ,IAAI,EAAE,IAAI;oCACV,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE,EAAE;iCACb,CAAC;yBACH,CAAC;iBACH,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF;CACF,CAAC,CAAC","file":"index.js","sourcesContent":["import { parseHtml, HtmlNode } from './parser';\r\n\r\nComponent({\r\n  options: {\r\n    virtualHost: true // 开启虚拟节点降低 Skyline DOM 层级嵌套\r\n  },\r\n\r\n  properties: {\r\n    // 待渲染的 HTML 富文本内容\r\n    content: {\r\n      type: String,\r\n      value: '',\r\n      observer(val) {\r\n        this.parseContent(val);\r\n      }\r\n    },\r\n    // 是否支持文本的长按复制选中\r\n    selectable: {\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  data: {\r\n    nodes: [] as HtmlNode[] // 解析后的 AST 节点数组\r\n  },\r\n\r\n  lifetimes: {\r\n    attached() {\r\n      if (this.data.content) {\r\n        this.parseContent(this.data.content);\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    // 调用 AST 词法状态机执行极速解析\r\n    parseContent(html: string) {\r\n      if (!html) {\r\n        this.setData({ nodes: [] });\r\n        return;\r\n      }\r\n\r\n      // 执行状态机词法转换\r\n      try {\r\n        const parsedNodes = parseHtml(html);\r\n        this.setData({\r\n          nodes: parsedNodes\r\n        });\r\n      } catch (err) {\r\n        console.error('HtmlRenderer parse error:', err);\r\n        // 异常兜底，防止小程序崩溃\r\n        this.setData({\r\n          nodes: [{\r\n            name: 'p',\r\n            type: 'block',\r\n            attrs: {},\r\n            children: [{\r\n              name: '#text',\r\n              type: 'text',\r\n              text: html,\r\n              attrs: {},\r\n              children: []\r\n            }]\r\n          }]\r\n        });\r\n      }\r\n    }\r\n  }\r\n});\r\n"]}

package/miniprogram_dist/html-renderer/index.json

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