@hlw-uni/mp-vue 2.1.13 → 2.1.15

package/dist/composables/ad/index.d.ts

@@ -35,6 +35,11 @@ export interface AdAdapter {
     isAuth?: () => boolean;
     /** 是否 VIP；配合 config.vip_no_ad=1 时屏蔽展示型广告（reward 不受影响） */
     isVip?: () => boolean;
+    /**
+     * 用户级强制屏蔽：返回 true 直接屏蔽展示型广告（reward 不受影响），
+     * 优先级高于 mp.vip_no_ad + isVip 的联合判断；不传 = 不强制。
+     */
+    userNoAd?: () => boolean;
 }
 /** 激励视频关闭回调返回 */
 export interface AdCloseResult {

package/dist/index.js

@@ -658,9 +658,11 @@ var __publicField = (obj, key, value) => {
     const store = useAdStore();
     const { loaded } = pinia.storeToRefs(store);
     const config2 = vue.computed(() => {
-      var _a;
+      var _a, _b;
       const raw = store.config;
-      if (raw.vip_no_ad === 1 && ((_a = adapter$1 == null ? void 0 : adapter$1.isVip) == null ? void 0 : _a.call(adapter$1))) {
+      const userForce = ((_a = adapter$1 == null ? void 0 : adapter$1.userNoAd) == null ? void 0 : _a.call(adapter$1)) === true;
+      const vipHide = raw.vip_no_ad === 1 && ((_b = adapter$1 == null ? void 0 : adapter$1.isVip) == null ? void 0 : _b.call(adapter$1)) === true;
+      if (userForce || vipHide) {
         return { ...EMPTY, reward_unit_id: raw.reward_unit_id, vip_no_ad: 1 };
       }
       return raw;
@@ -1815,6 +1817,14 @@ var __publicField = (obj, key, value) => {
     _interceptorCleanup.forEach((dispose) => dispose());
     _interceptorCleanup = [];
     const offRequest = http.onRequest((config2) => {
+      const method = (config2.method ?? "GET").toUpperCase();
+      if (method === "GET" && config2.data && typeof config2.data === "object") {
+        const qs = Object.entries(config2.data).filter(([, v]) => v !== void 0 && v !== null).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`).join("&");
+        if (qs) {
+          config2.url = config2.url + (config2.url.includes("?") ? "&" : "?") + qs;
+        }
+        config2.data = void 0;
+      }
       const device = useDevice();
       if (device.value) {
         const d = device.value;

package/dist/index.mjs

@@ -657,9 +657,11 @@ function useAd() {
   const store = useAdStore();
   const { loaded } = storeToRefs(store);
   const config2 = computed(() => {
-    var _a;
+    var _a, _b;
     const raw = store.config;
-    if (raw.vip_no_ad === 1 && ((_a = adapter$1 == null ? void 0 : adapter$1.isVip) == null ? void 0 : _a.call(adapter$1))) {
+    const userForce = ((_a = adapter$1 == null ? void 0 : adapter$1.userNoAd) == null ? void 0 : _a.call(adapter$1)) === true;
+    const vipHide = raw.vip_no_ad === 1 && ((_b = adapter$1 == null ? void 0 : adapter$1.isVip) == null ? void 0 : _b.call(adapter$1)) === true;
+    if (userForce || vipHide) {
       return { ...EMPTY, reward_unit_id: raw.reward_unit_id, vip_no_ad: 1 };
     }
     return raw;
@@ -1814,6 +1816,14 @@ function setupInterceptors(options = {}) {
   _interceptorCleanup.forEach((dispose) => dispose());
   _interceptorCleanup = [];
   const offRequest = http.onRequest((config2) => {
+    const method = (config2.method ?? "GET").toUpperCase();
+    if (method === "GET" && config2.data && typeof config2.data === "object") {
+      const qs = Object.entries(config2.data).filter(([, v]) => v !== void 0 && v !== null).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`).join("&");
+      if (qs) {
+        config2.url = config2.url + (config2.url.includes("?") ? "&" : "?") + qs;
+      }
+      config2.data = void 0;
+    }
     const device = useDevice();
     if (device.value) {
       const d = device.value;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "2.1.13",
+    "version": "2.1.15",
     "description": "hlw-uni 小程序运行时 — Vue 组件 + composables + theme + http + 工具集（合并自原 mp-core）",
     "main": "dist/index.js",
     "module": "dist/index.mjs",

package/src/app.ts

@@ -102,6 +102,21 @@ export function setupInterceptors(options: InterceptorOptions & { sigSecret?: st
      * 请求拦截：注入设备信息、签名和 token。
      */
     const offRequest = http.onRequest((config: RequestConfig) => {
+        // GET 请求：把 cfg.data 合并到 url query，并清空 cfg.data。
+        // 否则 uni.request 会在 sig 之后再把 data 自动拼到 URL，导致后端 raw query
+        // 多了未参与签名的字段（如 id/cate_id），sig 校验必然失败。
+        const method = (config.method ?? 'GET').toUpperCase();
+        if (method === 'GET' && config.data && typeof config.data === 'object') {
+            const qs = Object.entries(config.data as Record<string, unknown>)
+                .filter(([, v]) => v !== undefined && v !== null)
+                .map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`)
+                .join('&');
+            if (qs) {
+                config.url = config.url + (config.url.includes('?') ? '&' : '?') + qs;
+            }
+            config.data = undefined;
+        }
+
         const device = useDevice();
         if (device.value) {
             const d = device.value;

package/src/components/hlw-card/index.vue

@@ -3,35 +3,21 @@
         class="hlw-card"
         :class="[
             `hlw-card--radius-${radius}`,
-            border ? 'hlw-card--bordered' : '',
+            ...borderClasses,
         ]"
+        :style="rootStyle"
     >
-        <!-- 头部 -->
+        <!-- 头部 — 用 #header slot 自定义；常规场景请用 <hlw-card-header> -->
         <view v-if="hasHeader" class="hlw-card-header">
-            <slot name="header">
-                <view class="hlw-card-header-inner">
-                    <!-- 头部左侧 -->
-                    <view class="hlw-card-header-left">
-                        <slot name="header-left">
-                            <text v-if="title" class="hlw-card-title">{{ title }}</text>
-                        </slot>
-                    </view>
-                    <!-- 头部右侧 -->
-                    <view v-if="$slots['header-right'] || extra" class="hlw-card-header-right">
-                        <slot name="header-right">
-                            <text v-if="extra" class="hlw-card-extra">{{ extra }}</text>
-                        </slot>
-                    </view>
-                </view>
-            </slot>
+            <slot name="header" />
         </view>
 
-        <!-- 头部虚线分隔 -->
-        <view v-if="showDivider" class="hlw-card-divider"></view>
+        <!-- 头部虚线分隔（有 #header slot 且 divider != false 时显示） -->
+        <view v-if="showDivider" class="hlw-card-divider" />
 
         <!-- 内容区 -->
         <view class="hlw-card-body" :class="{ 'hlw-card-body--padded': padding }">
-            <slot></slot>
+            <slot />
         </view>
 
         <!-- 底部 -->
@@ -39,10 +25,10 @@
             <slot name="footer">
                 <view class="hlw-card-footer-inner">
                     <view class="hlw-card-footer-left">
-                        <slot name="footer-left"></slot>
+                        <slot name="footer-left" />
                     </view>
                     <view v-if="$slots['footer-right']" class="hlw-card-footer-right">
-                        <slot name="footer-right"></slot>
+                        <slot name="footer-right" />
                     </view>
                 </view>
             </slot>
@@ -56,68 +42,106 @@ import { computed, useSlots } from "vue";
 /**
  * hlw-card 卡片容器
  *
- * @example 基础用法
+ * 头部用法已迁出：常规标题 + 副标题请用 <hlw-card-header>，写在 default slot 里
+ * （记得 :padding="false" 避免 body padding 把 header 顶出来）。
+ *
+ * @example 标准头部 + body
  * ```vue
- * <hlw-card title="标题" extra="更多">
- *   <text>内容</text>
+ * <hlw-card :padding="false">
+ *   <hlw-card-header title="标题" icon="i-fa6-solid-star" extra="副标题" />
+ *   <view style="padding: 24rpx 28rpx">content</view>
  * </hlw-card>
  * ```
  *
- * @example 自定义头部左右
+ * @example 完全自定义头部
  * ```vue
  * <hlw-card>
- *   <template #header-left>
- *     <text>自定义左侧</text>
- *   </template>
- *   <template #header-right>
- *     <button>操作</button>
- *   </template>
+ *   <template #header>...</template>
  *   <text>内容</text>
  * </hlw-card>
  * ```
  *
  * @example 自定义底部
  * ```vue
- * <hlw-card title="标题">
+ * <hlw-card>
  *   <text>内容</text>
- *   <template #footer-left>
- *     <text>左侧说明</text>
- *   </template>
- *   <template #footer-right>
- *     <button>确认</button>
- *   </template>
+ *   <template #footer-left><text>左侧说明</text></template>
+ *   <template #footer-right><button>确认</button></template>
  * </hlw-card>
  * ```
  */
+type BorderValue = boolean | string | string[];
+
 interface Props {
-    /** 卡片标题 */
-    title?: string;
-    /** 头部右侧文字（无 header-right slot 时显示） */
-    extra?: string;
-    /** 是否显示边框，默认 true */
-    border?: boolean;
+    /**
+     * 边框，支持三种形式：
+     * - `true`（默认）/`false` —— 四边全开 / 全关
+     * - 字符串："t r b l" 或 "top right bottom left"，空格分隔，如 `"t b"` = 仅上下
+     * - 数组：`['t','l']` 同上
+     */
+    border?: BorderValue;
+    /** 边框颜色，任意 CSS color：`#f00`、`rgb(...)`、`var(--xxx)`；默认走主题 var(--border-color) */
+    borderColor?: string;
+    /** 边框线型：solid（默认）/ dashed / dotted / double */
+    borderStyle?: "solid" | "dashed" | "dotted" | "double";
+    /** 边框宽度，CSS 长度值，默认 `1rpx` */
+    borderWidth?: string;
     /** 圆角大小，对应 CSS 变量体系 */
     radius?: "none" | "sm" | "md" | "lg" | "xl";
-    /** 头部与内容之间是否显示虚线分隔，有头部时默认 true */
+    /** 头部与内容之间是否显示虚线分隔，有 #header slot 时默认 true */
     divider?: boolean;
     /** body 是否有内边距，默认 true */
     padding?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    title: "",
-    extra: "",
     border: true,
+    borderColor: "",
+    borderStyle: "solid",
+    borderWidth: "",
     radius: "xl",
     divider: undefined,
     padding: true,
 });
 
+const rootStyle = computed<Record<string, string>>(() => {
+    const s: Record<string, string> = {};
+    if (props.borderColor) s["--card-border-color"] = props.borderColor;
+    if (props.borderStyle && props.borderStyle !== "solid") s["--card-border-style"] = props.borderStyle;
+    if (props.borderWidth) s["--card-border-width"] = props.borderWidth;
+    return s;
+});
+
+const SIDE_MAP: Record<string, string> = {
+    t: "top", top: "top",
+    r: "right", right: "right",
+    b: "bottom", bottom: "bottom",
+    l: "left", left: "left",
+};
+
+const borderClasses = computed<string[]>(() => {
+    if (props.border === false) return [];
+    if (props.border === true) return ["hlw-card--bordered"];
+
+    const sides = Array.isArray(props.border)
+        ? props.border
+        : String(props.border).trim().split(/\s+/).filter(Boolean);
+
+    const seen = new Set<string>();
+    const classes: string[] = [];
+    for (const s of sides) {
+        const side = SIDE_MAP[s.toLowerCase()];
+        if (side && !seen.has(side)) {
+            seen.add(side);
+            classes.push(`hlw-card--border-${side}`);
+        }
+    }
+    return classes.length === 4 ? ["hlw-card--bordered"] : classes;
+});
+
 const slots = useSlots();
 
-const hasHeader = computed(
-    () => !!(props.title || props.extra || slots.header || slots["header-left"] || slots["header-right"]),
-);
+const hasHeader = computed(() => !!slots.header);
 
 const hasFooter = computed(
     () => !!(slots.footer || slots["footer-left"] || slots["footer-right"]),
@@ -142,46 +166,46 @@ const showDivider = computed(() => {
     &--radius-lg   { border-radius: var(--radius-lg, 24rpx); }
     &--radius-xl   { border-radius: var(--radius-xl, 32rpx); }
 
-    /* 边框 */
+    /* 边框 — width / style / color 全部走 CSS 变量，未设置时回落 */
     &--bordered {
-        border: 1rpx solid var(--border-color, #e2e8f0);
+        border:
+            var(--card-border-width, 1rpx)
+            var(--card-border-style, solid)
+            var(--card-border-color, var(--border-color, #e2e8f0));
+    }
+
+    /* 边框 — 单边 */
+    &--border-top {
+        border-top:
+            var(--card-border-width, 1rpx)
+            var(--card-border-style, solid)
+            var(--card-border-color, var(--border-color, #e2e8f0));
+    }
+    &--border-right {
+        border-right:
+            var(--card-border-width, 1rpx)
+            var(--card-border-style, solid)
+            var(--card-border-color, var(--border-color, #e2e8f0));
+    }
+    &--border-bottom {
+        border-bottom:
+            var(--card-border-width, 1rpx)
+            var(--card-border-style, solid)
+            var(--card-border-color, var(--border-color, #e2e8f0));
+    }
+    &--border-left {
+        border-left:
+            var(--card-border-width, 1rpx)
+            var(--card-border-style, solid)
+            var(--card-border-color, var(--border-color, #e2e8f0));
     }
 }
 
-/* 头部 */
+/* 头部 wrapper（#header slot） */
 .hlw-card-header {
     width: 100%;
 }
 
-.hlw-card-header-inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 24rpx 28rpx;
-}
-
-.hlw-card-header-left {
-    flex: 1;
-    min-width: 0;
-}
-
-.hlw-card-header-right {
-    flex-shrink: 0;
-    margin-left: 16rpx;
-}
-
-.hlw-card-title {
-    font-size: var(--font-sm, 24rpx);
-    font-weight: 700;
-    color: #1e293b;
-    letter-spacing: 0.02em;
-}
-
-.hlw-card-extra {
-    font-size: var(--font-xs, 20rpx);
-    color: #94a3b8;
-}
-
 /* 虚线分隔 */
 .hlw-card-divider {
     width: 100%;

package/src/components/hlw-card-header/index.vue

@@ -0,0 +1,112 @@
+<template>
+    <view class="hlw-card-header">
+        <view class="hlw-card-header__left">
+            <slot name="left">
+                <text v-if="icon" class="hlw-card-header__icon" :class="icon" />
+                <text v-if="title" class="hlw-card-header__title">{{ title }}</text>
+            </slot>
+        </view>
+        <view v-if="hasRight" class="hlw-card-header__right">
+            <slot name="right">
+                <text v-if="extra" class="hlw-card-header__extra">{{ extra }}</text>
+            </slot>
+        </view>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { computed, useSlots } from "vue";
+
+/**
+ * hlw-card-header — 卡片头部独立组件
+ *
+ * 三种用法：
+ *
+ * @example A. 直接当 <hlw-card> 的 default slot 子元素（注意把 hlw-card 的 padding 关掉，否则会双重 padding）
+ * ```vue
+ * <hlw-card :padding="false">
+ *     <hlw-card-header title="标题" icon="i-fa6-solid-heart-pulse text-rose-500" extra="副标题" />
+ *     <view style="padding: 24rpx 28rpx">body</view>
+ * </hlw-card>
+ * ```
+ *
+ * @example B. 放进 <hlw-card> 的 #header slot（保留 body 默认 padding）
+ * ```vue
+ * <hlw-card>
+ *     <template #header>
+ *         <hlw-card-header title="标题" icon="i-fa6-solid-star" extra="副标题" />
+ *     </template>
+ *     body
+ * </hlw-card>
+ * ```
+ *
+ * @example C. 完全独立（不必嵌在 hlw-card 里）
+ * ```vue
+ * <hlw-card-header title="独立标题">
+ *     <template #right><button>操作</button></template>
+ * </hlw-card-header>
+ * ```
+ */
+interface Props {
+    /** 标题文字 */
+    title?: string;
+    /** 图标 class（iconify 或自定义），如 `"i-fa6-solid-heart-pulse text-rose-500"` */
+    icon?: string;
+    /** 右侧附加文字（无 right slot 时显示） */
+    extra?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    title: "",
+    icon: "",
+    extra: "",
+});
+
+const slots = useSlots();
+
+const hasRight = computed(() => !!(slots.right || props.extra));
+
+defineOptions({
+    name: "HlwCardHeader",
+});
+</script>
+
+<style lang="scss" scoped>
+.hlw-card-header {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24rpx 28rpx;
+    box-sizing: border-box;
+}
+
+.hlw-card-header__left {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+}
+
+.hlw-card-header__right {
+    flex-shrink: 0;
+    margin-left: 16rpx;
+}
+
+.hlw-card-header__icon {
+    font-size: var(--font-base, 28rpx);
+}
+
+.hlw-card-header__title {
+    font-size: var(--font-sm, 24rpx);
+    font-weight: 700;
+    color: var(--text-primary, #1e293b);
+    letter-spacing: 0.02em;
+}
+
+.hlw-card-header__extra {
+    font-size: var(--font-xs, 20rpx);
+    color: var(--text-subtle, #94a3b8);
+}
+</style>

package/src/components/hlw-page/index.vue

@@ -13,6 +13,8 @@
 
         <scroll-view
             class="hlw-page-content"
+            :class="bodyClass"
+            :style="bodyStyle"
             :scroll-y="true"
             :enable-flex="true"
             :enhanced="true"
@@ -39,16 +41,25 @@ defineOptions({
     inheritAttrs: false,
 });
 
+type ClassValue = string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+type StyleValue = string | Record<string, string | number>;
+
 interface Props {
     title?: string;
     isBack?: boolean;
     bgClass?: string;
+    /** 透传到 scroll-view 内容区的 class，常用于直接挂 .container */
+    bodyClass?: ClassValue;
+    /** 透传到 scroll-view 内容区的 style */
+    bodyStyle?: StyleValue;
 }
 
 const props = withDefaults(defineProps<Props>(), {
     title: "",
     isBack: false,
     bgClass: "",
+    bodyClass: "",
+    bodyStyle: "",
 });
 </script>
 

package/src/composables/ad/index.ts

@@ -87,6 +87,11 @@ export interface AdAdapter {
     isAuth?: () => boolean;
     /** 是否 VIP；配合 config.vip_no_ad=1 时屏蔽展示型广告（reward 不受影响） */
     isVip?: () => boolean;
+    /**
+     * 用户级强制屏蔽：返回 true 直接屏蔽展示型广告（reward 不受影响），
+     * 优先级高于 mp.vip_no_ad + isVip 的联合判断；不传 = 不强制。
+     */
+    userNoAd?: () => boolean;
 }
 
 /** 激励视频关闭回调返回 */
@@ -147,10 +152,16 @@ export function useAd() {
     const store = useAdStore();
     const { loaded } = storeToRefs(store);
 
-    /** 真实生效的广告配置：VIP + vip_no_ad=1 命中时屏蔽展示型 unit_id（reward 保留） */
+    /**
+     * 真实生效的广告配置；以下任一命中即屏蔽展示型 unit_id（reward 保留）：
+     *   1. adapter.userNoAd() === true  —— 用户级强制屏蔽，优先级最高
+     *   2. raw.vip_no_ad === 1 && adapter.isVip() —— 小程序级 VIP 隐藏开关
+     */
     const config = computed<AdConfig>(() => {
         const raw = store.config;
-        if (raw.vip_no_ad === 1 && adapter?.isVip?.()) {
+        const userForce = adapter?.userNoAd?.() === true;
+        const vipHide   = raw.vip_no_ad === 1 && adapter?.isVip?.() === true;
+        if (userForce || vipHide) {
             return { ...EMPTY, reward_unit_id: raw.reward_unit_id, vip_no_ad: 1 };
         }
         return raw;