@ruixinkeji/prism-ui 1.0.16 → 1.0.17

package/dist/dev/mp-weixin/components/PrismSwiper/PrismSwiper.wxss

@@ -1,203 +0,0 @@
-/**
- * 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，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   九、统一间距
-   ============================================================ */
-.prism-swiper.data-v-4c274c8b {
-  position: relative;
-  width: 100%;
-}
-.prism-swiper__container.data-v-4c274c8b {
-  width: 100%;
-}
-.prism-swiper__item.data-v-4c274c8b {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  transition: all 0.3s ease;
-}
-
-/* 预览模式样式 */
-.prism-swiper--preview .prism-swiper__item--preview.data-v-4c274c8b {
-  opacity: 0.6;
-  transform: scale(0.9);
-}
-.prism-swiper--preview .prism-swiper__item--preview.prism-swiper__item--active.data-v-4c274c8b {
-  opacity: 1;
-  transform: scale(1);
-}
-.prism-swiper__image.data-v-4c274c8b {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-.prism-swiper__color.data-v-4c274c8b {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.prism-swiper__text.data-v-4c274c8b {
-  font-size: 32rpx;
-  color: #ffffff;
-  font-weight: 500;
-}
-
-/* 圆点指示器 */
-.prism-swiper__dots.data-v-4c274c8b {
-  position: absolute;
-  bottom: 16rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 12rpx;
-  z-index: 10;
-}
-.prism-swiper__dot.data-v-4c274c8b {
-  width: 12rpx;
-  height: 12rpx;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.5);
-  transition: all 0.3s ease;
-  cursor: pointer;
-}
-.prism-swiper__dot--active.data-v-4c274c8b {
-  width: 32rpx;
-  border-radius: 6rpx;
-  background: #FFFFFF;
-}
-
-/* 数字指示器 */
-.prism-swiper__number.data-v-4c274c8b {
-  position: absolute;
-  bottom: 16rpx;
-  right: 16rpx;
-  padding: 8rpx 16rpx;
-  background: rgba(0, 0, 0, 0.5);
-  border-radius: 20rpx;
-  display: flex;
-  align-items: center;
-  gap: 4rpx;
-  font-size: 24rpx;
-  color: #FFFFFF;
-  z-index: 10;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-}
-.prism-swiper__number-divider.data-v-4c274c8b {
-  margin: 0 4rpx;
-  opacity: 0.7;
-}
-
-/* 预览图指示器 */
-.prism-swiper__thumbnails.data-v-4c274c8b {
-  position: absolute;
-  bottom: 16rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 12rpx;
-  z-index: 10;
-}
-.prism-swiper__thumbnail.data-v-4c274c8b {
-  width: 80rpx;
-  height: 60rpx;
-  border-radius: 8rpx;
-  overflow: hidden;
-  border: 3rpx solid rgba(255, 255, 255, 0.5);
-  transition: all 0.3s ease;
-  cursor: pointer;
-}
-.prism-swiper__thumbnail--active.data-v-4c274c8b {
-  border-color: #FFFFFF;
-  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.3);
-}
-.prism-swiper__thumbnail-image.data-v-4c274c8b,
-.prism-swiper__thumbnail-color.data-v-4c274c8b {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-/* 手风琴指示器 */
-.prism-swiper__accordion.data-v-4c274c8b {
-  position: absolute;
-  bottom: 16rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 8rpx;
-  z-index: 10;
-}
-.prism-swiper__accordion-item.data-v-4c274c8b {
-  height: 6rpx;
-  border-radius: 3rpx;
-  overflow: hidden;
-  cursor: pointer;
-}
-.prism-swiper__accordion-bar.data-v-4c274c8b {
-  width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.5);
-  transition: all 0.3s ease;
-}
-.prism-swiper__accordion-item.data-v-4c274c8b {
-  width: 40rpx;
-}
-.prism-swiper__accordion-item--active.data-v-4c274c8b {
-  width: 80rpx;
-}
-.prism-swiper__accordion-item--active .prism-swiper__accordion-bar.data-v-4c274c8b {
-  background: #FFFFFF;
-}
-
-/* 深色模式适配 */
-.dark-mode .prism-swiper__number.data-v-4c274c8b {
-  background: rgba(255, 255, 255, 0.15);
-}

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.js

@@ -1,69 +0,0 @@
-"use strict";
-const common_vendor = require("../../common/vendor.js");
-const store_app = require("../../store/app.js");
-const _sfc_main = {
-  __name: "PrismSwitch",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    // 开启时文字
-    onText: {
-      type: String,
-      default: "ON"
-    },
-    // 关闭时文字
-    offText: {
-      type: String,
-      default: "OFF"
-    },
-    // 是否显示文字
-    showText: {
-      type: Boolean,
-      default: false
-    },
-    // 方形开关
-    square: {
-      type: Boolean,
-      default: false
-    },
-    // 禁用状态
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const appStore = store_app.useAppStore();
-    function handleToggle() {
-      if (props.disabled) return;
-      const newValue = !props.modelValue;
-      emit("update:modelValue", newValue);
-      emit("change", newValue);
-    }
-    return (_ctx, _cache) => {
-      return common_vendor.e({
-        a: __props.showText
-      }, __props.showText ? {
-        b: common_vendor.t(__props.offText)
-      } : {}, {
-        c: __props.showText
-      }, __props.showText ? {
-        d: common_vendor.t(__props.onText)
-      } : {}, {
-        e: common_vendor.unref(appStore).isDarkMode ? 1 : "",
-        f: __props.modelValue ? 1 : "",
-        g: __props.square ? 1 : "",
-        h: __props.disabled ? 1 : "",
-        i: __props.showText ? 1 : "",
-        j: common_vendor.o(handleToggle)
-      });
-    };
-  }
-};
-wx.createComponent(_sfc_main);
-//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismSwitch/PrismSwitch.js.map

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.wxml

@@ -1 +0,0 @@
-<view class="{{['prism-switch-component', e && 'dark-mode', f && 'active', g && 'square', h && 'disabled', i && 'with-text']}}" bindtap="{{j}}"><view wx:if="{{a}}" class="switch-text off-text">{{b}}</view><view wx:if="{{c}}" class="switch-text on-text">{{d}}</view><view class="switch-thumb"></view></view>

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.wxss

@@ -1,151 +0,0 @@
-/**
- * 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，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   九、统一间距
-   ============================================================ */
-.prism-switch-component {
-  position: relative;
-  width: 100rpx;
-  height: 56rpx;
-  background: var(--prism-border-color-base, #E5E6EB);
-  border-radius: 28rpx;
-  transition: all 0.3s ease;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-}
-.prism-switch-component .switch-thumb {
-  position: absolute;
-  top: 4rpx;
-  left: 4rpx;
-  width: 48rpx;
-  height: 48rpx;
-  background: #FFFFFF;
-  border-radius: 50%;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
-  transition: all 0.3s ease;
-  z-index: 2;
-}
-.prism-switch-component .switch-text {
-  position: absolute;
-  font-size: 20rpx;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  z-index: 1;
-  white-space: nowrap;
-}
-.prism-switch-component .on-text {
-  left: 10rpx;
-  color: transparent;
-}
-.prism-switch-component .off-text {
-  right: 10rpx;
-  color: var(--prism-text-secondary, #86909C);
-}
-.prism-switch-component.active {
-  background: var(--prism-primary-color, #3478F6);
-}
-.prism-switch-component.active .switch-thumb {
-  left: calc(100% - 52rpx);
-}
-.prism-switch-component.active .on-text {
-  color: #FFFFFF;
-}
-.prism-switch-component.active .off-text {
-  color: transparent;
-}
-.prism-switch-component.with-text {
-  width: 88rpx;
-  height: 48rpx;
-}
-.prism-switch-component.with-text .switch-thumb {
-  width: 40rpx;
-  height: 40rpx;
-  top: 4rpx;
-  left: 4rpx;
-}
-.prism-switch-component.with-text .on-text {
-  left: 8rpx;
-}
-.prism-switch-component.with-text .off-text {
-  right: 8rpx;
-}
-.prism-switch-component.with-text.active .switch-thumb {
-  left: calc(100% - 44rpx);
-}
-.prism-switch-component.square {
-  border-radius: 12rpx;
-}
-.prism-switch-component.square .switch-thumb {
-  border-radius: 8rpx;
-}
-.prism-switch-component.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.dark-mode.prism-switch-component {
-  background: var(--prism-bg-color-card, #1A1A1A);
-  border: 2rpx solid var(--prism-border-color-base, #3A3A3A);
-}
-.dark-mode.prism-switch-component .switch-thumb {
-  background: var(--prism-text-secondary, #86909C);
-}
-.dark-mode.prism-switch-component .off-text {
-  color: var(--prism-text-secondary, #86909C);
-}
-.dark-mode.prism-switch-component.active {
-  background: var(--prism-primary-color, #3478F6);
-  border-color: var(--prism-primary-color, #3478F6);
-}
-.dark-mode.prism-switch-component.active .switch-thumb {
-  background: #FFFFFF;
-}
-.dark-mode.prism-switch-component.active .on-text {
-  color: #FFFFFF;
-}

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.js

@@ -1,58 +0,0 @@
-"use strict";
-const common_vendor = require("../../common/vendor.js");
-const store_app = require("../../store/app.js");
-const _sfc_main = {
-  __name: "PrismTabBar",
-  props: {
-    current: {
-      type: String,
-      default: ""
-    },
-    glass: {
-      type: Boolean,
-      default: true
-    },
-    tabs: {
-      type: Array,
-      default: () => [
-        { path: "/pages/index/index", text: "首页", icon: "fa-home" },
-        { path: "/pages/icons/icons", text: "图标", icon: "fa-icons" },
-        { path: "/pages/examples/examples", text: "案例", icon: "fa-layer-group" },
-        { path: "/pages/tools/tools", text: "工具", icon: "fa-screwdriver-wrench" }
-      ]
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const appStore = store_app.useAppStore();
-    const currentPath = common_vendor.computed(() => props.current);
-    const tabList = common_vendor.computed(() => props.tabs);
-    const isWechatBrowser = common_vendor.ref(false);
-    common_vendor.onMounted(() => {
-    });
-    function switchTab(path) {
-      if (currentPath.value === path) return;
-      common_vendor.index.reLaunch({ url: path });
-    }
-    return (_ctx, _cache) => {
-      return {
-        a: common_vendor.f(tabList.value, (item, index, i0) => {
-          return {
-            a: common_vendor.n(item.icon),
-            b: currentPath.value === item.path ? 1 : "",
-            c: common_vendor.t(item.text),
-            d: index,
-            e: currentPath.value === item.path ? 1 : "",
-            f: common_vendor.o(($event) => switchTab(item.path), index)
-          };
-        }),
-        b: common_vendor.unref(appStore).isDarkMode ? 1 : "",
-        c: __props.glass ? 1 : "",
-        d: isWechatBrowser.value ? 1 : ""
-      };
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3fea5aff"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismTabBar/PrismTabBar.js.map

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.wxml

@@ -1 +0,0 @@
-<view class="{{['prism-tabbar', 'data-v-3fea5aff', b && 'dark-mode', c && 'glass-effect', d && 'wechat-browser']}}"><view wx:for="{{a}}" wx:for-item="item" wx:key="d" class="{{['prism-tabbar-item', 'data-v-3fea5aff', item.e && 'active']}}" bindtap="{{item.f}}"><view class="{{['prism-tabbar-icon-wrapper', 'data-v-3fea5aff', item.b && 'active']}}"><text class="{{['fa', 'prism-tabbar-icon', 'data-v-3fea5aff', item.a]}}"></text></view><text class="prism-tabbar-text data-v-3fea5aff">{{item.c}}</text></view></view>

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.wxss

@@ -1,119 +0,0 @@
-/**
- * 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，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   九、统一间距
-   ============================================================ */
-.prism-tabbar.data-v-3fea5aff {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  padding: 15rpx 0;
-  padding-bottom: env(safe-area-inset-bottom, 0px);
-  z-index: 999;
-  background: var(--prism-bg-color-card);
-  border-top: 1rpx solid var(--prism-border-color-light);
-}
-.prism-tabbar.wechat-browser.data-v-3fea5aff {
-  padding-bottom: calc(60rpx + env(safe-area-inset-bottom, 0px));
-}
-.prism-tabbar.glass-effect.data-v-3fea5aff {
-  background: rgba(255, 255, 255, 0.4);
-  backdrop-filter: saturate(180%) blur(40px);
-  -webkit-backdrop-filter: saturate(180%) blur(40px);
-  border-top: 1rpx solid rgba(0, 0, 0, 0.1);
-  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06);
-}
-.prism-tabbar-item.data-v-3fea5aff {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4rpx;
-}
-.prism-tabbar-item.active .prism-tabbar-icon.data-v-3fea5aff,
-.prism-tabbar-item.active .prism-tabbar-text.data-v-3fea5aff {
-  color: var(--prism-primary-color, #3478F6);
-}
-.prism-tabbar-icon-wrapper.data-v-3fea5aff {
-  width: 48rpx;
-  height: 48rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-.prism-tabbar-icon-wrapper.active.data-v-3fea5aff {
-  transform: translateY(-4rpx) scale(1.1);
-}
-.prism-tabbar-icon.data-v-3fea5aff {
-  font-size: 36rpx;
-  color: var(--prism-text-secondary, #86909C);
-  line-height: 1;
-  display: block;
-  transition: all 0.3s ease;
-}
-.prism-tabbar-icon-wrapper.active .prism-tabbar-icon.data-v-3fea5aff {
-  color: var(--prism-primary-color, #3478F6);
-  -webkit-text-stroke: 0.5px var(--prism-primary-color, #3478F6);
-}
-.prism-tabbar-text.data-v-3fea5aff {
-  font-size: 20rpx;
-  color: var(--prism-text-secondary, #86909C);
-}
-
-/* 深色模式 - 毛玻璃效果 */
-.prism-tabbar.dark-mode.glass-effect.data-v-3fea5aff {
-  background: rgba(26, 26, 26, 0.4);
-  border-top-color: rgba(255, 255, 255, 0.12);
-  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.4);
-}

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.js

@@ -1,51 +0,0 @@
-"use strict";
-const common_vendor = require("../../common/vendor.js");
-const _sfc_main = {
-  __name: "PrismTabs",
-  props: {
-    tabs: {
-      type: Array,
-      required: true
-      // 格式: ['标签1', '标签2'] 或 [{ label: '标签1', badge: 10 }]
-    },
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    type: {
-      type: String,
-      default: "line"
-      // 'line' | 'card' | 'chrome'
-    }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    function handleClick(index) {
-      emit("update:modelValue", index);
-      emit("change", index);
-    }
-    return (_ctx, _cache) => {
-      return common_vendor.e({
-        a: common_vendor.f(__props.tabs, (item, index, i0) => {
-          return common_vendor.e({
-            a: common_vendor.t(item.label || item),
-            b: item.badge !== void 0
-          }, item.badge !== void 0 ? {
-            c: common_vendor.t(item.badge)
-          } : {}, {
-            d: index,
-            e: __props.modelValue === index ? 1 : "",
-            f: common_vendor.o(($event) => handleClick(index), index)
-          });
-        }),
-        b: common_vendor.n(`prism-tabs--${__props.type}`),
-        c: __props.type === "chrome"
-      }, __props.type === "chrome" ? {} : {}, {
-        d: __props.type === "chrome" ? 1 : ""
-      });
-    };
-  }
-};
-wx.createComponent(_sfc_main);
-//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismTabs/PrismTabs.js.map

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.wxml

@@ -1 +0,0 @@
-<view class="{{['prism-tabs-container', d && 'prism-tabs-container--chrome']}}"><view class="{{['prism-tabs-wrapper', b]}}"><view wx:for="{{a}}" wx:for-item="item" wx:key="d" class="{{['prism-tabs__item', item.e && 'active']}}" bindtap="{{item.f}}"><text>{{item.a}}</text><text wx:if="{{item.b}}" class="prism-tabs__badge">{{item.c}}</text></view></view><view wx:if="{{c}}" class="prism-tabs__content"><slot></slot></view></view>