@hlw-uni/mp-vue 2.1.58 → 2.1.59

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

@@ -1,5 +1,5 @@
 export { useRequest, useUpload } from './client';
-export { BaseService, ServiceNamespace, ServicePrefix } from './service';
+export { BaseService, ServiceNamespace, ServicePrefix, PluginService } from './service';
 export type { RequestClient } from './client';
 export type { ApiResponse, PageResult, RequestConfig, RequestInterceptor, ResponseInterceptor, ErrorInterceptor, UploadConfig, UploadResult, } from './types';
 export type { ServiceNamespaceOptions, ServicePrefixOptions, ServiceRequestConfig } from './service';

package/dist/composables/request/service.d.ts

@@ -92,3 +92,12 @@ export declare function ServicePrefix(value: string | ServicePrefixOptions): (ta
         servicePrefix?: string;
     };
 }) => void;
+/**
+ * 插件服务类装饰器。
+ * 自动使用 `import.meta.env.VITE_PLUGIN_NAME` 作为服务前缀。
+ */
+export declare function PluginService(target: {
+    prototype: {
+        servicePrefix?: string;
+    };
+}): void;

package/dist/index.js

@@ -281,6 +281,7 @@ var __publicField = (obj, key, value) => {
     }
     return { uploading, upload };
   }
+  var define_import_meta_env_default = {};
   class BaseService {
     /**
      * 发送服务请求。会自动拼接前缀与命名空间。
@@ -336,6 +337,9 @@ var __publicField = (obj, key, value) => {
       target.prototype.servicePrefix = typeof value === "string" ? value : value.prefix;
     };
   }
+  function PluginService(target) {
+    target.prototype.servicePrefix = define_import_meta_env_default.VITE_PLUGIN_NAME || "";
+  }
   function useMsg() {
     function toast(opts) {
       const {
@@ -1399,6 +1403,7 @@ var __publicField = (obj, key, value) => {
   exports2.DEFAULT_THEMES = DEFAULT_THEMES;
   exports2.FONT_PRESETS = FONT_PRESETS;
   exports2.FONT_SCALE_KEY = FONT_SCALE_KEY;
+  exports2.PluginService = PluginService;
   exports2.ServiceNamespace = ServiceNamespace;
   exports2.ServicePrefix = ServicePrefix;
   exports2.THEME_CHANGE_EVENT = THEME_CHANGE_EVENT;

package/dist/index.mjs

@@ -280,6 +280,7 @@ function useUpload() {
   }
   return { uploading, upload };
 }
+var define_import_meta_env_default = {};
 class BaseService {
   /**
    * 发送服务请求。会自动拼接前缀与命名空间。
@@ -335,6 +336,9 @@ function ServicePrefix(value) {
     target.prototype.servicePrefix = typeof value === "string" ? value : value.prefix;
   };
 }
+function PluginService(target) {
+  target.prototype.servicePrefix = define_import_meta_env_default.VITE_PLUGIN_NAME || "";
+}
 function useMsg() {
   function toast(opts) {
     const {
@@ -1399,6 +1403,7 @@ export {
   DEFAULT_THEMES,
   FONT_PRESETS,
   FONT_SCALE_KEY,
+  PluginService,
   ServiceNamespace,
   ServicePrefix,
   THEME_CHANGE_EVENT,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "2.1.58",
+    "version": "2.1.59",
     "description": "hlw-uni 小程序运行时 — Vue 组件 + composables + theme + http + 工具集（合并自原 mp-core）",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -40,7 +40,7 @@
         "typescript": "^4.9.5",
         "vite": "5.2.8",
         "vite-plugin-dts": "^4.5.4",
-        "vue": "^3.5.32"
+        "vue": "^3.5.34"
     },
     "dependencies": {
         "md5": "^2.3.0",

package/src/components/hlw-custom/hlw-custom.vue

@@ -0,0 +1,118 @@
+<template>
+    <view class="contact-card">
+        <view class="contact-copy">
+            <text class="contact-title">{{ title }}</text>
+            <text class="contact-desc">{{ desc }}</text>
+        </view>
+        <button
+            class="contact-button"
+            open-type="contact"
+            :send-message-title="resolvedContact.title"
+            :send-message-path="resolvedContact.path"
+            :send-message-img="resolvedContact.img"
+            :show-message-card="resolvedContact.show"
+        >
+            <text class="iconfont icon-service" />
+            <text class="contact-button-text">{{ resolvedBtnTitle }}</text>
+        </button>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+interface ContactConfig {
+    send_message_title?: string;
+    send_message_path?: string;
+    send_message_img?: string;
+    show_message_card?: boolean;
+}
+
+const props = withDefaults(
+    defineProps<{
+        title: string;
+        desc: string;
+        btn_title?: string;
+        contact?: ContactConfig;
+    }>(),
+    {
+        btn_title: "",
+        contact: () => ({}),
+    }
+);
+
+const resolvedBtnTitle = computed(() => {
+    return props.btn_title || "联系客服";
+});
+
+const resolvedContact = computed(() => {
+    const c = props.contact || {};
+    return {
+        title: c.send_message_title ?? "",
+        path: c.send_message_path ?? "",
+        img: c.send_message_img ?? "",
+        show: c.show_message_card ?? false,
+    };
+});
+</script>
+
+<style scoped lang="scss">
+.contact-card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--card-padding);
+    border: 1rpx solid var(--border-color-light);
+    border-radius: var(--card-radius);
+    background: linear-gradient(135deg, #ffffff 0%, rgba(49, 118, 255, 0.05) 100%);
+}
+
+.contact-copy {
+    display: flex;
+    min-width: 0;
+    flex: 1;
+    flex-direction: column;
+    margin-right: 22rpx;
+}
+
+.contact-title {
+    margin-bottom: 8rpx;
+    color: #1f2937;
+    font-size: var(--font-base);
+    line-height: 1.3;
+    letter-spacing: 3rpx;
+}
+
+.contact-desc {
+    color: #94a3b8;
+    font-size: var(--font-sm);
+    line-height: 1.45;
+    letter-spacing: 3rpx;
+}
+
+.contact-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10rpx;
+    width: 176rpx;
+    height: 68rpx;
+    flex-shrink: 0;
+    margin: 0;
+    border-radius: var(--radius-full);
+    background: #3176ff;
+    color: #ffffff;
+    font: inherit;
+    line-height: 68rpx;
+}
+
+.contact-button .iconfont {
+    font-size: var(--font-sm);
+}
+
+.contact-button-text {
+    color: inherit;
+    font-size: var(--font-sm);
+    line-height: 1;
+}
+</style>

package/src/composables/request/index.ts

@@ -1,5 +1,5 @@
 export { useRequest, useUpload } from "./client";
-export { BaseService, ServiceNamespace, ServicePrefix } from "./service";
+export { BaseService, ServiceNamespace, ServicePrefix, PluginService } from "./service";
 export type { RequestClient } from "./client";
 export type {
     ApiResponse,

package/src/composables/request/service.ts

@@ -116,3 +116,11 @@ export function ServicePrefix(value: string | ServicePrefixOptions) {
         target.prototype.servicePrefix = typeof value === "string" ? value : value.prefix;
     };
 }
+
+/**
+ * 插件服务类装饰器。
+ * 自动使用 `import.meta.env.VITE_PLUGIN_NAME` 作为服务前缀。
+ */
+export function PluginService(target: { prototype: { servicePrefix?: string } }) {
+    target.prototype.servicePrefix = import.meta.env.VITE_PLUGIN_NAME || "";
+}