@ruixinkeji/prism-ui 1.0.14 → 1.0.16

package/dist/dev/mp-weixin/pages/demo/layout.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', o && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="6b618909-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + n}}"><view class="prism-section"><view class="section-title">布局组件</view><view class="flex flex-col gap-_a_16rpx_a_"><view class="prism-list-item" bindtap="{{b}}"><view class="list-item-icon prism-icon blue round"><text class="fa fa-anchor"></text></view><view class="list-item-content"><text class="list-item-title">Sticky 吸顶</text><text class="list-item-desc">通用吸顶组件</text></view><text class="fa fa-angle-right list-item-arrow"></text></view><view class="prism-list-item" bindtap="{{c}}"><view class="list-item-icon prism-icon green"><text class="fa fa-list"></text></view><view class="list-item-content"><text class="list-item-title">GroupSticky 分组吸顶</text><text class="list-item-desc">分组吸顶，支持索引条</text></view><text class="fa fa-angle-right list-item-arrow"></text></view><view class="prism-list-item" bindtap="{{d}}"><view class="list-item-icon prism-icon violet"><text class="fa fa-id-card"></text></view><view class="list-item-content"><text class="list-item-title">卡片案例</text><text class="list-item-desc">多种卡片布局展示</text></view><text class="fa fa-angle-right list-item-arrow"></text></view></view></view><view class="prism-section"><view class="section-title">Section 区块</view><view class="section-desc">页面区块容器，透明背景，用于分组内容</view><view class="prism-card glass p-_a_20rpx_a_"><text class="prism-text-secondary">prism-section 包含 section-title、section-desc 和内容</text><prism-code wx:if="{{e}}" u-i="6b618909-1" bind:__l="__l" u-p="{{e}}"/></view></view><view class="prism-section"><view class="section-title">Flex 布局</view><view class="prism-card glass p-_a_20rpx_a_"><view class="flex flex-row mb-_a_20rpx_a_ gap-_a_20rpx_a_"><view class="prism-icon blue solid sm">1</view><view class="prism-icon blue solid sm">2</view><view class="prism-icon blue solid sm">3</view></view><text class="prism-text-placeholder">flex-row 水平排列</text><prism-code wx:if="{{f}}" u-i="6b618909-2" bind:__l="__l" u-p="{{f}}"/></view><view class="prism-card glass p-_a_20rpx_a_ mt-_a_20rpx_a_"><view class="flex flex-col mb-_a_20rpx_a_ gap-_a_20rpx_a_"><view class="prism-icon blue solid sm">1</view><view class="prism-icon blue solid sm">2</view></view><text class="prism-text-placeholder">flex-col 垂直排列</text><prism-code wx:if="{{g}}" u-i="6b618909-3" bind:__l="__l" u-p="{{g}}"/></view></view><view class="prism-section"><view class="section-title">间距</view><view class="prism-card glass flex flex-col gap-_a_16rpx_a_"><view class="p-_a_10rpx_a_ prism-bg-blue-light" style="border-radius:8rpx"><text class="prism-text-secondary">p-_a_10rpx_a_</text></view><view class="p-_a_20rpx_a_ prism-bg-blue-light" style="border-radius:8rpx"><text class="prism-text-secondary">p-_a_20rpx_a_</text></view><view class="p-_a_30rpx_a_ prism-bg-blue-light" style="border-radius:8rpx"><text class="prism-text-secondary">p-_a_30rpx_a_</text></view><prism-code wx:if="{{h}}" u-i="6b618909-4" bind:__l="__l" u-p="{{h}}"/></view></view><view class="prism-section"><view class="section-title">SafeArea 安全区</view><view class="prism-card glass p-_a_20rpx_a_"><text class="prism-text-secondary">底部安全区用于适配全面屏手机</text><prism-code wx:if="{{i}}" u-i="6b618909-5" bind:__l="__l" u-p="{{i}}"/></view></view><view class="prism-section"><view class="section-title">SectionHeader 区块头部</view><view class="prism-section-header"><text class="prism-section-title">最近项目</text><view class="prism-more-link"><text class="more-text">查看更多</text><text class="more-icon fa fa-angle-right"></text></view></view><view class="prism-card glass"><view class="p-_a_30rpx_a_"><text class="prism-text-secondary">这里是内容区域</text></view></view><prism-code wx:if="{{j}}" u-i="6b618909-6" bind:__l="__l" u-p="{{j}}"/></view><view class="prism-section"><view class="section-title">Grid 宫格</view><view class="subsection-title">prism-quick-actions (固定4列，用于快捷入口)</view><view class="prism-card glass prism-quick-actions"><view wx:for="{{k}}" wx:for-item="item" wx:key="f" class="quick-item"><view class="{{['quick-icon', 'prism-icon', item.b]}}"><text class="{{['fa', item.a]}}"></text></view><text class="quick-text">{{item.c}}</text><view wx:if="{{item.d}}" class="prism-number-badge">{{item.e}}</view></view></view><view class="subsection-title mt-_a_20rpx_a_">prism-grid (可配置列数，通用宫格)</view><view class="prism-grid col-4 glass"><view wx:for="{{l}}" wx:for-item="item" wx:key="f" class="grid-item"><view class="{{['prism-icon', item.b]}}"><text class="{{['fa', item.a]}}"></text></view><text class="grid-label">{{item.c}}</text><view wx:if="{{item.d}}" class="prism-number-badge">{{item.e}}</view></view></view><prism-code wx:if="{{m}}" u-i="6b618909-7" bind:__l="__l" u-p="{{m}}"/></view><view class="prism-safe-area-bottom"></view></scroll-view></view>

package/dist/dev/mp-weixin/pages/demo/layout.wxss

@@ -0,0 +1,54 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+/* Demo 页面通用样式 */
+/* 注意：.page-container 和 .main-content 基础样式已在 @/styles/base.scss 中定义 */
+/* 注意：导航栏已统一使用 PrismNavBar 组件 */
+/* 注意：.card-desc 已统一在 @/styles/card.scss 中定义 */

package/dist/dev/mp-weixin/pages/demo/navigation.js

@@ -0,0 +1,142 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  _easycom_PrismNavBar2();
+}
+const _easycom_PrismNavBar = () => "../../components/PrismNavBar/PrismNavBar.js";
+if (!Math) {
+  (_easycom_PrismNavBar + PrismCode + PrismTabs + PrismDropdown + PrismSwiper)();
+}
+const PrismCode = () => "../../components/PrismCode/PrismCode.js";
+const PrismDropdown = () => "../../components/PrismDropdown/PrismDropdown.js";
+const PrismSwiper = () => "../../components/PrismSwiper/PrismSwiper.js";
+const PrismTabs = () => "../../components/PrismTabs/PrismTabs.js";
+const _sfc_main = {
+  __name: "navigation",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const navbarHeight = common_vendor.computed(() => {
+      return appStore.statusBarHeight + 44;
+    });
+    const activeTab = common_vendor.ref(0);
+    const activeCapsule = common_vendor.ref(0);
+    const chromeTab = common_vendor.ref(0);
+    const lineTabs = ["全部", "进行中", "已完成"];
+    const chromeTabs = ["我创建的", "我参与的"];
+    const swiperList = common_vendor.ref([
+      { image: "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/awesome/prism-ui/banner/1.jpg" },
+      { image: "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/awesome/prism-ui/banner/2.jpg" },
+      { image: "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/awesome/prism-ui/banner/3.jpg" },
+      { image: "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/awesome/prism-ui/banner/4.jpg" }
+    ]);
+    const dropdownMenus = common_vendor.ref([
+      {
+        title: "排序",
+        value: "综合排序",
+        options: ["综合排序", "销量优先", "价格从低到高", "价格从高到低"]
+      },
+      {
+        title: "分类",
+        value: "全部分类",
+        options: ["全部分类", "手机数码", "电脑办公", "家用电器", "服饰鞋包", "美妆护肤"]
+      }
+    ]);
+    function onDropdownChange({ index, value, menu }) {
+      common_vendor.index.__f__("log", "at pages/demo/navigation.vue:258", "下拉菜单变化:", index, value);
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "导航组件",
+          icon: "fa-compass",
+          ["icon-color"]: "green",
+          ["show-back"]: true
+        }),
+        b: common_vendor.p({
+          code: "<PrismNavBar title='标题' icon='fa-xxx' />"
+        }),
+        c: common_vendor.o(($event) => activeTab.value = $event),
+        d: common_vendor.p({
+          tabs: lineTabs,
+          type: "line",
+          modelValue: activeTab.value
+        }),
+        e: common_vendor.p({
+          code: "<PrismTabs v-model='active' :tabs='tabs' type='line' />"
+        }),
+        f: activeCapsule.value === 0 ? 1 : "",
+        g: common_vendor.o(($event) => activeCapsule.value = 0),
+        h: activeCapsule.value === 1 ? 1 : "",
+        i: common_vendor.o(($event) => activeCapsule.value = 1),
+        j: activeCapsule.value === 2 ? 1 : "",
+        k: common_vendor.o(($event) => activeCapsule.value = 2),
+        l: activeCapsule.value === 3 ? 1 : "",
+        m: common_vendor.o(($event) => activeCapsule.value = 3),
+        n: common_vendor.p({
+          code: "prism-capsule-tabs > prism-capsule-tab.active"
+        }),
+        o: common_vendor.p({
+          code: "prism-steps > prism-step--finished/process/wait"
+        }),
+        p: common_vendor.p({
+          code: "prism-breadcrumb > prism-breadcrumb__item"
+        }),
+        q: common_vendor.p({
+          code: "<PrismTabs v-model='active' :tabs='tabs' type='chrome' />"
+        }),
+        r: common_vendor.o(($event) => chromeTab.value = $event),
+        s: common_vendor.p({
+          tabs: chromeTabs,
+          type: "chrome",
+          modelValue: chromeTab.value
+        }),
+        t: common_vendor.o(onDropdownChange),
+        v: common_vendor.p({
+          menus: dropdownMenus.value
+        }),
+        w: common_vendor.p({
+          code: "<PrismDropdown :menus='menus' @change='onChange' />"
+        }),
+        x: common_vendor.p({
+          code: "prism-menu-list > menu-item > menu-icon.prism-icon.{color}"
+        }),
+        y: common_vendor.p({
+          list: swiperList.value,
+          height: "300rpx",
+          indicatorType: "dots",
+          ["is-dark-mode"]: common_vendor.unref(appStore).isDarkMode
+        }),
+        z: common_vendor.p({
+          list: swiperList.value,
+          height: "300rpx",
+          indicatorType: "number",
+          ["is-dark-mode"]: common_vendor.unref(appStore).isDarkMode
+        }),
+        A: common_vendor.p({
+          list: swiperList.value,
+          height: "300rpx",
+          indicatorType: "thumbnails",
+          ["is-dark-mode"]: common_vendor.unref(appStore).isDarkMode
+        }),
+        B: common_vendor.p({
+          list: swiperList.value,
+          height: "300rpx",
+          displayMode: "preview",
+          previousMargin: "60rpx",
+          nextMargin: "60rpx",
+          indicatorType: "dots",
+          ["is-dark-mode"]: common_vendor.unref(appStore).isDarkMode
+        }),
+        C: common_vendor.p({
+          code: "<PrismSwiper :list='list' height='300rpx' indicatorType='dots|number|thumbnails|accordion' displayMode='preview' />"
+        }),
+        D: navbarHeight.value + "px",
+        E: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/demo/navigation.js.map

package/dist/dev/mp-weixin/pages/demo/navigation.json

@@ -0,0 +1,10 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../components/PrismNavBar/PrismNavBar",
+    "prism-code": "../../components/PrismCode/PrismCode",
+    "prism-dropdown": "../../components/PrismDropdown/PrismDropdown",
+    "prism-swiper": "../../components/PrismSwiper/PrismSwiper",
+    "prism-tabs": "../../components/PrismTabs/PrismTabs"
+  }
+}

package/dist/dev/mp-weixin/pages/demo/navigation.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', E && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="4340d11a-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + D}}"><view class="prism-section"><view class="section-title">NavBar 导航栏</view><view class="prism-card"><view class="card-title">基础用法</view><text class="prism-text-secondary">当前页面顶部即为 PrismNavBar 组件</text><prism-code wx:if="{{b}}" u-i="4340d11a-1" bind:__l="__l" u-p="{{b}}"/></view></view><view class="prism-section"><view class="section-title">Tabs 标签页</view><view class="prism-card"><view class="card-title">基础用法</view><prism-tabs wx:if="{{d}}" u-i="4340d11a-2" bind:__l="__l" bindupdateModelValue="{{c}}" u-p="{{d}}"/><prism-code wx:if="{{e}}" u-i="4340d11a-3" bind:__l="__l" u-p="{{e}}"/></view></view><view class="prism-section"><view class="section-title">CapsuleTabs 胶囊选项卡</view><view class="prism-card"><view class="card-title">基础用法</view><scroll-view class="prism-capsule-tabs-scroll" scroll-x><view class="prism-capsule-tabs"><view class="{{['prism-capsule-tab', f && 'active']}}" bindtap="{{g}}">日</view><view class="{{['prism-capsule-tab', h && 'active']}}" bindtap="{{i}}">周</view><view class="{{['prism-capsule-tab', j && 'active']}}" bindtap="{{k}}">月</view><view class="{{['prism-capsule-tab', l && 'active']}}" bindtap="{{m}}">年</view></view></scroll-view><prism-code wx:if="{{n}}" u-i="4340d11a-4" bind:__l="__l" u-p="{{n}}"/></view></view><view class="prism-section"><view class="section-title">Steps 步骤条</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-steps prism-steps--horizontal"><view class="prism-step prism-step--finished"><view class="prism-step__icon"><text class="fa fa-check"></text></view><view class="prism-step__title">提交订单</view><view class="prism-step__line"></view></view><view class="prism-step prism-step--process"><view class="prism-step__icon">2</view><view class="prism-step__title">付款</view><view class="prism-step__line"></view></view><view class="prism-step prism-step--wait"><view class="prism-step__icon">3</view><view class="prism-step__title">发货</view><view class="prism-step__line"></view></view><view class="prism-step prism-step--wait"><view class="prism-step__icon">4</view><view class="prism-step__title">完成</view></view></view><prism-code wx:if="{{o}}" u-i="4340d11a-5" bind:__l="__l" u-p="{{o}}"/></view></view><view class="prism-section"><view class="section-title">Breadcrumb 面包屑</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-breadcrumb"><view class="prism-breadcrumb__item prism-breadcrumb__item--link"><text>首页</text><text class="prism-breadcrumb__separator fa fa-chevron-right"></text></view><view class="prism-breadcrumb__item prism-breadcrumb__item--link"><text>组件</text><text class="prism-breadcrumb__separator fa fa-chevron-right"></text></view><view class="prism-breadcrumb__item"><text>导航</text></view></view><prism-code wx:if="{{p}}" u-i="4340d11a-6" bind:__l="__l" u-p="{{p}}"/></view></view><view class="prism-section"><view class="section-title">ChromeTabs Chrome风格标签页</view><view class="prism-card chrome-tabs-container"><view class="card-title">基础用法</view><prism-tabs wx:if="{{s}}" u-s="{{['d']}}" u-i="4340d11a-7" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"><prism-code wx:if="{{q}}" u-i="4340d11a-8,4340d11a-7" bind:__l="__l" u-p="{{q}}"/></prism-tabs></view></view><view class="prism-section"><view class="section-title">DropdownMenu 下拉菜单</view><view class="prism-card"><view class="card-title">基础用法</view><prism-dropdown wx:if="{{v}}" bindchange="{{t}}" u-i="4340d11a-9" bind:__l="__l" u-p="{{v}}"/><prism-code wx:if="{{w}}" u-i="4340d11a-10" bind:__l="__l" u-p="{{w}}"/></view></view><view class="prism-section"><view class="section-title">MenuList 菜单列表</view><view class="prism-menu-list prism-card glass"><view class="menu-item"><view class="menu-left"><view class="menu-icon prism-icon blue"><text class="fa fa-user"></text></view><text class="menu-text">个人信息</text></view><view class="menu-right"><text class="fa fa-angle-right arrow"></text></view></view><view class="menu-item"><view class="menu-left"><view class="menu-icon prism-icon orange"><text class="fa fa-bell"></text></view><text class="menu-text">消息通知</text></view><view class="menu-right"><text class="menu-value">已开启</text><text class="fa fa-angle-right arrow"></text></view></view><view class="menu-item"><view class="menu-left"><view class="menu-icon prism-icon green"><text class="fa fa-gear"></text></view><text class="menu-text">系统设置</text></view><view class="menu-right"><text class="fa fa-angle-right arrow"></text></view></view></view><prism-code wx:if="{{x}}" u-i="4340d11a-11" bind:__l="__l" u-p="{{x}}"/></view><view class="prism-section"><view class="section-title">Swiper 轮播图</view><view class="card-title">圆点指示器</view><prism-swiper wx:if="{{y}}" class="mb-_a_20rpx_a_" u-i="4340d11a-12" bind:__l="__l" u-p="{{y}}"/><view class="card-title">数字指示器</view><prism-swiper wx:if="{{z}}" class="mb-_a_20rpx_a_" u-i="4340d11a-13" bind:__l="__l" u-p="{{z}}"/><view class="card-title">预览图指示器</view><prism-swiper wx:if="{{A}}" class="mb-_a_20rpx_a_" u-i="4340d11a-14" bind:__l="__l" u-p="{{A}}"/><view class="card-title">预览模式 - 中间显示完整，两边显示一半</view><prism-swiper wx:if="{{B}}" class="mb-_a_20rpx_a_" u-i="4340d11a-15" bind:__l="__l" u-p="{{B}}"/><prism-code wx:if="{{C}}" u-i="4340d11a-16" bind:__l="__l" u-p="{{C}}"/></view><view class="prism-safe-area-bottom"></view></scroll-view></view>

package/dist/dev/mp-weixin/pages/demo/navigation.wxss

@@ -0,0 +1,61 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+/* Demo 页面通用样式 */
+/* 注意：.page-container 和 .main-content 基础样式已在 @/styles/base.scss 中定义 */
+/* 注意：导航栏已统一使用 PrismNavBar 组件 */
+/* 注意：.card-desc 已统一在 @/styles/card.scss 中定义 */
+/* Chrome 标签容器样式 */
+.prism-section .prism-card.chrome-tabs-container {
+  background: #ffffff !important;
+}
+.dark-mode .prism-section .prism-card.chrome-tabs-container {
+  background: rgba(255, 255, 255, 0.12) !important;
+}

package/dist/dev/mp-weixin/pages/demo/other.js

@@ -0,0 +1,50 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  _easycom_PrismNavBar2();
+}
+const _easycom_PrismNavBar = () => "../../components/PrismNavBar/PrismNavBar.js";
+if (!Math) {
+  (_easycom_PrismNavBar + PrismCode)();
+}
+const PrismCode = () => "../../components/PrismCode/PrismCode.js";
+const sampleCode = `<template>
+  <PrismCode code="hello" />
+</template>`;
+const _sfc_main = {
+  __name: "other",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const navbarHeight = common_vendor.computed(() => {
+      return appStore.statusBarHeight + 44;
+    });
+    const goTo = (url) => {
+      common_vendor.index.navigateTo({ url });
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "其他组件",
+          icon: "fa-ellipsis",
+          ["icon-color"]: "indigo",
+          ["show-back"]: true
+        }),
+        b: common_vendor.o(($event) => goTo("/pages/demo/code/index")),
+        c: common_vendor.p({
+          code: "npm install @ruixin/prism-ui"
+        }),
+        d: common_vendor.p({
+          code: sampleCode,
+          language: "vue",
+          copyable: true
+        }),
+        e: navbarHeight.value + "px",
+        f: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/demo/other.js.map

package/dist/dev/mp-weixin/pages/demo/other.json

@@ -0,0 +1,7 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../components/PrismNavBar/PrismNavBar",
+    "prism-code": "../../components/PrismCode/PrismCode"
+  }
+}

package/dist/dev/mp-weixin/pages/demo/other.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', f && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="2ccdf6fe-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + e}}"><view class="prism-section"><view class="prism-section-header"><view class="section-title">代码展示</view><view class="prism-more-link" bindtap="{{b}}"><text class="more-text">更多用法</text><text class="more-icon fa fa-angle-right"></text></view></view><view class="section-desc">基础用法示例</view><view class="prism-card"><prism-code wx:if="{{c}}" u-i="2ccdf6fe-1" bind:__l="__l" u-p="{{c}}"/></view><view class="prism-card"><prism-code wx:if="{{d}}" u-i="2ccdf6fe-2" bind:__l="__l" u-p="{{d}}"/></view></view><view class="prism-safe-area-bottom"></view></scroll-view></view>

package/dist/dev/mp-weixin/pages/demo/other.wxss

@@ -0,0 +1,54 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+/* Demo 页面通用样式 */
+/* 注意：.page-container 和 .main-content 基础样式已在 @/styles/base.scss 中定义 */
+/* 注意：导航栏已统一使用 PrismNavBar 组件 */
+/* 注意：.card-desc 已统一在 @/styles/card.scss 中定义 */

package/dist/dev/mp-weixin/pages/demo/sticky/group.js

@@ -0,0 +1,212 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const store_app = require("../../../store/app.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  _easycom_PrismNavBar2();
+}
+const _easycom_PrismNavBar = () => "../../../components/PrismNavBar/PrismNavBar.js";
+if (!Math) {
+  (_easycom_PrismNavBar + PrismGroupSticky + PrismCode)();
+}
+const PrismGroupSticky = () => "../../../components/PrismGroupSticky/PrismGroupSticky.js";
+const PrismCode = () => "../../../components/PrismCode/PrismCode.js";
+const _sfc_main = {
+  __name: "group",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const navbarHeight = common_vendor.computed(() => {
+      return appStore.statusBarHeight + 44;
+    });
+    const indexList = ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "L", "M", "N", "Q", "S", "T", "W", "X", "Y", "Z"];
+    const contactGroups = [
+      {
+        index: "A",
+        items: [
+          { name: "阿里巴巴", desc: "杭州市余杭区" },
+          { name: "爱奇艺", desc: "北京市海淀区" },
+          { name: "OPPO", desc: "广东省东莞市" }
+        ]
+      },
+      {
+        index: "B",
+        items: [
+          { name: "百度", desc: "北京市海淀区" },
+          { name: "哔哩哔哩", desc: "上海市杨浦区" },
+          { name: "比亚迪", desc: "深圳市坪山区" },
+          { name: "贝壳找房", desc: "北京市朝阳区" }
+        ]
+      },
+      {
+        index: "C",
+        items: [
+          { name: "长城汽车", desc: "河北省保定市" },
+          { name: "传音控股", desc: "深圳市南山区" }
+        ]
+      },
+      {
+        index: "D",
+        items: [
+          { name: "滴滴出行", desc: "北京市海淀区" },
+          { name: "大疆创新", desc: "深圳市南山区" },
+          { name: "得物", desc: "上海市杨浦区" }
+        ]
+      },
+      {
+        index: "E",
+        items: [
+          { name: "饿了么", desc: "上海市普陀区" }
+        ]
+      },
+      {
+        index: "F",
+        items: [
+          { name: "飞书", desc: "北京市海淀区" },
+          { name: "富士康", desc: "深圳市龙华区" }
+        ]
+      },
+      {
+        index: "G",
+        items: [
+          { name: "高德地图", desc: "北京市朝阳区" },
+          { name: "广汽集团", desc: "广州市天河区" }
+        ]
+      },
+      {
+        index: "H",
+        items: [
+          { name: "华为", desc: "深圳市龙岗区" },
+          { name: "海尔智家", desc: "青岛市崂山区" },
+          { name: "海康威视", desc: "杭州市滨江区" },
+          { name: "货拉拉", desc: "深圳市南山区" }
+        ]
+      },
+      {
+        index: "J",
+        items: [
+          { name: "京东", desc: "北京市亦庄" },
+          { name: "极氪汽车", desc: "杭州市滨江区" }
+        ]
+      },
+      {
+        index: "K",
+        items: [
+          { name: "快手", desc: "北京市海淀区" },
+          { name: "科大讯飞", desc: "合肥市高新区" }
+        ]
+      },
+      {
+        index: "L",
+        items: [
+          { name: "理想汽车", desc: "北京市顺义区" },
+          { name: "联想集团", desc: "北京市海淀区" }
+        ]
+      },
+      {
+        index: "M",
+        items: [
+          { name: "美团", desc: "北京市朝阳区" },
+          { name: "蚂蚁集团", desc: "杭州市西湖区" },
+          { name: "米哈游", desc: "上海市徐汇区" }
+        ]
+      },
+      {
+        index: "N",
+        items: [
+          { name: "蔚来汽车", desc: "上海市嘉定区" },
+          { name: "宁德时代", desc: "福建省宁德市" }
+        ]
+      },
+      {
+        index: "Q",
+        items: [
+          { name: "腾讯", desc: "深圳市南山区" },
+          { name: "去哪儿", desc: "北京市海淀区" }
+        ]
+      },
+      {
+        index: "S",
+        items: [
+          { name: "顺丰速运", desc: "深圳市福田区" },
+          { name: "商汤科技", desc: "上海市徐汇区" },
+          { name: "三一重工", desc: "长沙市经开区" }
+        ]
+      },
+      {
+        index: "T",
+        items: [
+          { name: "抖音", desc: "北京市海淀区" },
+          { name: "特斯拉中国", desc: "上海市浦东新区" }
+        ]
+      },
+      {
+        index: "W",
+        items: [
+          { name: "网易", desc: "杭州市滨江区" },
+          { name: "微信", desc: "广州市海珠区" },
+          { name: "蔚来汽车", desc: "上海市嘉定区" }
+        ]
+      },
+      {
+        index: "X",
+        items: [
+          { name: "小米", desc: "北京市海淀区" },
+          { name: "小鹏汽车", desc: "广州市天河区" },
+          { name: "携程旅行", desc: "上海市长宁区" }
+        ]
+      },
+      {
+        index: "Y",
+        items: [
+          { name: "阅文集团", desc: "上海市浦东新区" },
+          { name: "云从科技", desc: "广州市南沙区" }
+        ]
+      },
+      {
+        index: "Z",
+        items: [
+          { name: "字节跳动", desc: "北京市海淀区" },
+          { name: "中兴通讯", desc: "深圳市南山区" },
+          { name: "中芯国际", desc: "上海市浦东新区" }
+        ]
+      }
+    ];
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "GroupSticky 分组吸顶",
+          icon: "fa-list",
+          ["icon-color"]: "green",
+          ["show-back"]: true
+        }),
+        b: common_vendor.f(contactGroups, (group, k0, i0) => {
+          return {
+            a: common_vendor.t(group.index),
+            b: common_vendor.f(group.items, (item, k1, i1) => {
+              return {
+                a: common_vendor.t(item.name[0]),
+                b: common_vendor.t(item.name),
+                c: common_vendor.t(item.desc),
+                d: item.name
+              };
+            }),
+            c: group.index,
+            d: "group-" + group.index
+          };
+        }),
+        c: common_vendor.p({
+          height: "100%",
+          ["show-index-bar"]: true,
+          ["index-list"]: indexList
+        }),
+        d: common_vendor.p({
+          code: "<PrismGroupSticky show-index-bar :index-list>"
+        }),
+        e: navbarHeight.value + "px",
+        f: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/demo/sticky/group.js.map

package/dist/dev/mp-weixin/pages/demo/sticky/group.json

@@ -0,0 +1,8 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../../components/PrismNavBar/PrismNavBar",
+    "prism-group-sticky": "../../../components/PrismGroupSticky/PrismGroupSticky",
+    "prism-code": "../../../components/PrismCode/PrismCode"
+  }
+}

package/dist/dev/mp-weixin/pages/demo/sticky/group.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', f && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="7c76b010-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + e}}"><view class="demo-container"><prism-group-sticky wx:if="{{c}}" u-s="{{['d']}}" u-i="7c76b010-1" bind:__l="__l" u-p="{{c}}"><view wx:for="{{b}}" wx:for-item="group" wx:key="c" id="{{group.d}}"><view class="group-index">{{group.a}}</view><view wx:for="{{group.b}}" wx:for-item="item" wx:key="d" class="group-item"><view class="group-avatar">{{item.a}}</view><view class="group-info"><view class="group-title">{{item.b}}</view><view class="group-desc">{{item.c}}</view></view></view></view></prism-group-sticky></view><view class="code-float-bottom prism-card"><prism-code wx:if="{{d}}" u-i="7c76b010-2" bind:__l="__l" u-p="{{d}}"/></view><view class="prism-safe-area-bottom"></view></scroll-view></view>