@hlw-uni/mp-vue 1.0.0

package/dist/components/hlw-avatar/index.d.ts

@@ -0,0 +1,7 @@
+export interface AvatarProps {
+    src?: string;
+    name?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const _default: any;
+export default _default;

package/dist/components/hlw-empty/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/components/hlw-loading/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/components/hlw-menu-list/index.d.ts

@@ -0,0 +1,10 @@
+export interface MenuItem {
+    key: string;
+    label: string;
+    icon?: string;
+    value?: string;
+    url?: string;
+    action?: () => void;
+}
+declare const _default: any;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @hlw-uni/mp-vue — Vue 组件库统一导出
+ */
+export { default as HlwAd } from './components/hlw-ad/index.vue';
+export { default as HlwAvatar } from './components/hlw-avatar/index';
+export { default as HlwEmpty } from './components/hlw-empty/index';
+export { default as HlwLoading } from './components/hlw-loading/index';
+export { default as HlwMenuList, type MenuItem } from './components/hlw-menu-list/index';

package/dist/index.js

@@ -0,0 +1,192 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.HlwUniVue = {}, global.vue));
+})(this, function(exports2, vue) {
+  "use strict";
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "HlwAd" },
+    __name: "index",
+    props: {
+      unitId: {}
+    },
+    emits: ["load", "close", "error"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      function onLoad(event) {
+        emit("load", event);
+      }
+      function onClose(event) {
+        emit("close", event);
+      }
+      function onError(event) {
+        var _a, _b;
+        console.error("[HlwAd] 广告错误:", (_a = event == null ? void 0 : event.detail) == null ? void 0 : _a.errCode, (_b = event == null ? void 0 : event.detail) == null ? void 0 : _b.errMsg);
+        emit("error", event);
+      }
+      return (_ctx, _cache) => {
+        const _component_ad = vue.resolveComponent("ad");
+        return vue.openBlock(), vue.createBlock(_component_ad, {
+          "unit-id": __props.unitId,
+          onLoad,
+          onClose,
+          onError
+        }, null, 8, ["unit-id"]);
+      };
+    }
+  });
+  const index$3 = vue.defineComponent({
+    name: "Avatar",
+    props: {
+      src: { type: String },
+      name: { type: String },
+      size: { type: String, default: "medium" }
+    },
+    setup(props) {
+      const loadError = vue.ref(false);
+      const initial = vue.computed(() => {
+        if (!props.name)
+          return "?";
+        return props.name.charAt(0).toUpperCase();
+      });
+      function onError() {
+        loadError.value = true;
+      }
+      return () => {
+        const sizeClass = `hlw-avatar--${props.size}`;
+        return (
+          // @ts-ignore - uni app nodes
+          h("view", { class: `hlw-avatar ${sizeClass}` }, [
+            props.src && !loadError.value ? (
+              // @ts-ignore
+              h("image", {
+                class: "hlw-avatar__image",
+                src: props.src,
+                mode: "aspectFill",
+                onError
+              })
+            ) : (
+              // @ts-ignore
+              h("view", { class: "hlw-avatar__placeholder" }, [
+                // @ts-ignore
+                h("text", { class: "hlw-avatar__initial" }, initial.value)
+              ])
+            )
+          ])
+        );
+      };
+    }
+  });
+  const index$2 = vue.defineComponent({
+    name: "Empty",
+    props: {
+      text: { type: String },
+      image: { type: String }
+    },
+    setup(props) {
+      const slots = vue.useSlots();
+      return () => {
+        var _a;
+        return (
+          // @ts-ignore
+          h("view", { class: "hlw-empty" }, [
+            props.image ? (
+              // @ts-ignore
+              h("image", { class: "hlw-empty__image", src: props.image, mode: "aspectFit" })
+            ) : (
+              // @ts-ignore
+              h("view", { class: "hlw-empty__icon" }, [
+                // @ts-ignore
+                h("text", "📦")
+              ])
+            ),
+            // @ts-ignore
+            h("text", { class: "hlw-empty__text" }, props.text || "暂无数据"),
+            (_a = slots.default) == null ? void 0 : _a.call(slots)
+          ])
+        );
+      };
+    }
+  });
+  const index$1 = vue.defineComponent({
+    name: "Loading",
+    props: {
+      text: { type: String }
+    },
+    setup(props) {
+      return () => {
+        const dots = Array.from(
+          { length: 12 },
+          (_, i) => (
+            // @ts-ignore
+            h("view", { key: i + 1, class: "hlw-loading__dot" })
+          )
+        );
+        return (
+          // @ts-ignore
+          h("view", { class: "hlw-loading" }, [
+            // @ts-ignore
+            h("view", { class: "hlw-loading__spinner" }, dots),
+            props.text ? (
+              // @ts-ignore
+              h("text", { class: "hlw-loading__text" }, props.text)
+            ) : null
+          ])
+        );
+      };
+    }
+  });
+  const index = vue.defineComponent({
+    name: "MenuList",
+    props: {
+      items: { type: Array, required: true }
+    },
+    emits: ["click"],
+    setup(props, { emit }) {
+      function onTap(item) {
+        if (item.url) {
+          uni.navigateTo({ url: item.url });
+        } else if (item.action) {
+          item.action();
+        }
+        emit("click", item);
+      }
+      return () => {
+        const items = props.items.map(
+          (item) => (
+            // @ts-ignore
+            h("view", {
+              class: "hlw-menu-list__item",
+              key: item.key,
+              onClick: () => onTap(item)
+            }, [
+              // @ts-ignore
+              h("view", { class: "hlw-menu-list__left" }, [
+                item.icon ? (
+                  // @ts-ignore
+                  h("text", { class: "hlw-menu-list__icon" }, item.icon)
+                ) : null,
+                // @ts-ignore
+                h("text", { class: "hlw-menu-list__label" }, item.label)
+              ]),
+              // @ts-ignore
+              h("view", { class: "hlw-menu-list__right" }, [
+                item.value ? (
+                  // @ts-ignore
+                  h("text", { class: "hlw-menu-list__value" }, item.value)
+                ) : null,
+                // @ts-ignore
+                h("text", { class: "hlw-menu-list__arrow" }, "›")
+              ])
+            ])
+          )
+        );
+        return h("view", { class: "hlw-menu-list" }, items);
+      };
+    }
+  });
+  exports2.HlwAd = _sfc_main;
+  exports2.HlwAvatar = index$3;
+  exports2.HlwEmpty = index$2;
+  exports2.HlwLoading = index$1;
+  exports2.HlwMenuList = index;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});

package/dist/index.mjs

@@ -0,0 +1,189 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, ref, computed, useSlots } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "HlwAd" },
+  __name: "index",
+  props: {
+    unitId: {}
+  },
+  emits: ["load", "close", "error"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onLoad(event) {
+      emit("load", event);
+    }
+    function onClose(event) {
+      emit("close", event);
+    }
+    function onError(event) {
+      var _a, _b;
+      console.error("[HlwAd] 广告错误:", (_a = event == null ? void 0 : event.detail) == null ? void 0 : _a.errCode, (_b = event == null ? void 0 : event.detail) == null ? void 0 : _b.errMsg);
+      emit("error", event);
+    }
+    return (_ctx, _cache) => {
+      const _component_ad = resolveComponent("ad");
+      return openBlock(), createBlock(_component_ad, {
+        "unit-id": __props.unitId,
+        onLoad,
+        onClose,
+        onError
+      }, null, 8, ["unit-id"]);
+    };
+  }
+});
+const index$3 = defineComponent({
+  name: "Avatar",
+  props: {
+    src: { type: String },
+    name: { type: String },
+    size: { type: String, default: "medium" }
+  },
+  setup(props) {
+    const loadError = ref(false);
+    const initial = computed(() => {
+      if (!props.name)
+        return "?";
+      return props.name.charAt(0).toUpperCase();
+    });
+    function onError() {
+      loadError.value = true;
+    }
+    return () => {
+      const sizeClass = `hlw-avatar--${props.size}`;
+      return (
+        // @ts-ignore - uni app nodes
+        h("view", { class: `hlw-avatar ${sizeClass}` }, [
+          props.src && !loadError.value ? (
+            // @ts-ignore
+            h("image", {
+              class: "hlw-avatar__image",
+              src: props.src,
+              mode: "aspectFill",
+              onError
+            })
+          ) : (
+            // @ts-ignore
+            h("view", { class: "hlw-avatar__placeholder" }, [
+              // @ts-ignore
+              h("text", { class: "hlw-avatar__initial" }, initial.value)
+            ])
+          )
+        ])
+      );
+    };
+  }
+});
+const index$2 = defineComponent({
+  name: "Empty",
+  props: {
+    text: { type: String },
+    image: { type: String }
+  },
+  setup(props) {
+    const slots = useSlots();
+    return () => {
+      var _a;
+      return (
+        // @ts-ignore
+        h("view", { class: "hlw-empty" }, [
+          props.image ? (
+            // @ts-ignore
+            h("image", { class: "hlw-empty__image", src: props.image, mode: "aspectFit" })
+          ) : (
+            // @ts-ignore
+            h("view", { class: "hlw-empty__icon" }, [
+              // @ts-ignore
+              h("text", "📦")
+            ])
+          ),
+          // @ts-ignore
+          h("text", { class: "hlw-empty__text" }, props.text || "暂无数据"),
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        ])
+      );
+    };
+  }
+});
+const index$1 = defineComponent({
+  name: "Loading",
+  props: {
+    text: { type: String }
+  },
+  setup(props) {
+    return () => {
+      const dots = Array.from(
+        { length: 12 },
+        (_, i) => (
+          // @ts-ignore
+          h("view", { key: i + 1, class: "hlw-loading__dot" })
+        )
+      );
+      return (
+        // @ts-ignore
+        h("view", { class: "hlw-loading" }, [
+          // @ts-ignore
+          h("view", { class: "hlw-loading__spinner" }, dots),
+          props.text ? (
+            // @ts-ignore
+            h("text", { class: "hlw-loading__text" }, props.text)
+          ) : null
+        ])
+      );
+    };
+  }
+});
+const index = defineComponent({
+  name: "MenuList",
+  props: {
+    items: { type: Array, required: true }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    function onTap(item) {
+      if (item.url) {
+        uni.navigateTo({ url: item.url });
+      } else if (item.action) {
+        item.action();
+      }
+      emit("click", item);
+    }
+    return () => {
+      const items = props.items.map(
+        (item) => (
+          // @ts-ignore
+          h("view", {
+            class: "hlw-menu-list__item",
+            key: item.key,
+            onClick: () => onTap(item)
+          }, [
+            // @ts-ignore
+            h("view", { class: "hlw-menu-list__left" }, [
+              item.icon ? (
+                // @ts-ignore
+                h("text", { class: "hlw-menu-list__icon" }, item.icon)
+              ) : null,
+              // @ts-ignore
+              h("text", { class: "hlw-menu-list__label" }, item.label)
+            ]),
+            // @ts-ignore
+            h("view", { class: "hlw-menu-list__right" }, [
+              item.value ? (
+                // @ts-ignore
+                h("text", { class: "hlw-menu-list__value" }, item.value)
+              ) : null,
+              // @ts-ignore
+              h("text", { class: "hlw-menu-list__arrow" }, "›")
+            ])
+          ])
+        )
+      );
+      return h("view", { class: "hlw-menu-list" }, items);
+    };
+  }
+});
+export {
+  _sfc_main as HlwAd,
+  index$3 as HlwAvatar,
+  index$2 as HlwEmpty,
+  index$1 as HlwLoading,
+  index as HlwMenuList
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+    "name": "@hlw-uni/mp-vue",
+    "version": "1.0.0",
+    "description": "hlw-uni Vue 组件库 — 供小程序业务方使用的 UI 组件集合",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist",
+        "src"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "dev": "vite build --watch"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "vue": ">=3.4.0"
+    },
+    "devDependencies": {
+        "@dcloudio/types": "^3.4.8",
+        "@types/node": "^20.11.0",
+        "@vitejs/plugin-vue": "^5.0.0",
+        "typescript": "^4.9.4",
+        "vite": "5.2.8",
+        "vite-plugin-dts": "^4.5.4",
+        "vue": "^3.4.0"
+    },
+    "dependencies": {
+        "@hlw-uni/mp-core": "^1.0.6"
+    }
+}

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

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+/**
+ * HlwAd — 小程序信息流 / Banner 广告组件
+ *
+ * 对小程序原生 <ad> 组件的封装。
+ * 支持微信小程序、抖音小程序等，由 uni-app 编译器适配各平台。
+ *
+ * Props:
+ *   unitId   - 广告单元 ID（各平台在广告后台申请）
+ *
+ * Emits:
+ *   load     - 广告加载成功
+ *   close    - 用户关闭广告
+ *   error    - 广告加载/展示失败，携带 { errCode, errMsg }
+ *
+ * @example
+ * ```vue
+ * <HlwAd unit-id="adunit-xxx" @load="onLoad" @error="onError" />
+ * ```
+ */
+
+defineOptions({ name: 'HlwAd' });
+
+defineProps<{
+  /** 广告单元 ID */
+  unitId: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'load', event: any): void;
+  (e: 'close', event: any): void;
+  (e: 'error', event: any): void;
+}>();
+
+function onLoad(event: any) {
+  emit('load', event);
+}
+
+function onClose(event: any) {
+  emit('close', event);
+}
+
+function onError(event: any) {
+  console.error('[HlwAd] 广告错误:', event?.detail?.errCode, event?.detail?.errMsg);
+  emit('error', event);
+}
+</script>
+
+<template>
+  <ad
+    :unit-id="unitId"
+    @load="onLoad"
+    @close="onClose"
+    @error="onError"
+  />
+</template>

package/src/components/hlw-avatar/index.ts

@@ -0,0 +1,52 @@
+import { defineComponent, ref, computed } from 'vue';
+
+export interface AvatarProps {
+  src?: string;
+  name?: string;
+  size?: 'small' | 'medium' | 'large';
+}
+
+export default defineComponent({
+  name: 'Avatar',
+  props: {
+    src: { type: String },
+    name: { type: String },
+    size: { type: String as () => 'small' | 'medium' | 'large', default: 'medium' },
+  },
+  setup(props) {
+    const loadError = ref(false);
+
+    const initial = computed(() => {
+      if (!props.name) return '?';
+      return props.name.charAt(0).toUpperCase();
+    });
+
+    function onError() { loadError.value = true; }
+
+    return () => {
+      const sizeClass = `hlw-avatar--${props.size}`;
+      return (
+        // @ts-ignore - uni app nodes
+        h('view', { class: `hlw-avatar ${sizeClass}` }, [
+          props.src && !loadError.value
+            ? (
+              // @ts-ignore
+              h('image', {
+                class: 'hlw-avatar__image',
+                src: props.src,
+                mode: 'aspectFill',
+                onError,
+              })
+            )
+            : (
+              // @ts-ignore
+              h('view', { class: 'hlw-avatar__placeholder' }, [
+                // @ts-ignore
+                h('text', { class: 'hlw-avatar__initial' }, initial.value),
+              ])
+            ),
+        ])
+      );
+    };
+  },
+});

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

@@ -0,0 +1,4 @@
+<script lang="ts">
+import Avatar from './index';
+export default Avatar;
+</script>

package/src/components/hlw-empty/index.ts

@@ -0,0 +1,34 @@
+import { defineComponent, useSlots } from 'vue';
+
+export default defineComponent({
+  name: 'Empty',
+  props: {
+    text: { type: String },
+    image: { type: String },
+  },
+  setup(props) {
+    const slots = useSlots();
+    return () => {
+      return (
+        // @ts-ignore
+        h('view', { class: 'hlw-empty' }, [
+          props.image
+            ? (
+              // @ts-ignore
+              h('image', { class: 'hlw-empty__image', src: props.image, mode: 'aspectFit' })
+            )
+            : (
+              // @ts-ignore
+              h('view', { class: 'hlw-empty__icon' }, [
+                // @ts-ignore
+                h('text', '📦'),
+              ])
+            ),
+          // @ts-ignore
+          h('text', { class: 'hlw-empty__text' }, props.text || '暂无数据'),
+          slots.default?.(),
+        ])
+      );
+    };
+  },
+});

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

@@ -0,0 +1,4 @@
+<script lang="ts">
+import Empty from './index';
+export default Empty;
+</script>

package/src/components/hlw-loading/index.ts

@@ -0,0 +1,29 @@
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'Loading',
+  props: {
+    text: { type: String },
+  },
+  setup(props) {
+    return () => {
+      const dots = Array.from({ length: 12 }, (_, i) =>
+        // @ts-ignore
+        h('view', { key: i + 1, class: 'hlw-loading__dot' }),
+      );
+      return (
+        // @ts-ignore
+        h('view', { class: 'hlw-loading' }, [
+          // @ts-ignore
+          h('view', { class: 'hlw-loading__spinner' }, dots),
+          props.text
+            ? (
+              // @ts-ignore
+              h('text', { class: 'hlw-loading__text' }, props.text)
+            )
+            : null,
+        ])
+      );
+    };
+  },
+});

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

@@ -0,0 +1,4 @@
+<script lang="ts">
+import Loading from './index';
+export default Loading;
+</script>

package/src/components/hlw-menu-list/index.ts

@@ -0,0 +1,64 @@
+import { defineComponent } from 'vue';
+
+export interface MenuItem {
+  key: string;
+  label: string;
+  icon?: string;
+  value?: string;
+  url?: string;
+  action?: () => void;
+}
+
+export default defineComponent({
+  name: 'MenuList',
+  props: {
+    items: { type: Array as () => MenuItem[], required: true },
+  },
+  emits: ['click'],
+  setup(props, { emit }) {
+    function onTap(item: MenuItem) {
+      if (item.url) {
+        uni.navigateTo({ url: item.url });
+      } else if (item.action) {
+        item.action();
+      }
+      emit('click', item);
+    }
+
+    return () => {
+      const items = props.items.map((item) =>
+        // @ts-ignore
+        h('view', {
+          class: 'hlw-menu-list__item',
+          key: item.key,
+          onClick: () => onTap(item),
+        }, [
+          // @ts-ignore
+          h('view', { class: 'hlw-menu-list__left' }, [
+            item.icon
+              ? (
+                // @ts-ignore
+                h('text', { class: 'hlw-menu-list__icon' }, item.icon)
+              )
+              : null,
+            // @ts-ignore
+            h('text', { class: 'hlw-menu-list__label' }, item.label),
+          ]),
+          // @ts-ignore
+          h('view', { class: 'hlw-menu-list__right' }, [
+            item.value
+              ? (
+                // @ts-ignore
+                h('text', { class: 'hlw-menu-list__value' }, item.value)
+              )
+              : null,
+            // @ts-ignore
+            h('text', { class: 'hlw-menu-list__arrow' }, '›'),
+          ]),
+        ]),
+      );
+      // @ts-ignore
+      return h('view', { class: 'hlw-menu-list' }, items);
+    };
+  },
+});

package/src/components/hlw-menu-list/index.vue

@@ -0,0 +1,4 @@
+<script lang="ts">
+import MenuList from './index';
+export default MenuList;
+</script>

package/src/index.ts

@@ -0,0 +1,9 @@
+/**
+ * @hlw-uni/mp-vue — Vue 组件库统一导出
+ */
+
+export { default as HlwAd } from './components/hlw-ad/index.vue';
+export { default as HlwAvatar } from './components/hlw-avatar/index';
+export { default as HlwEmpty } from './components/hlw-empty/index';
+export { default as HlwLoading } from './components/hlw-loading/index';
+export { default as HlwMenuList, type MenuItem } from './components/hlw-menu-list/index';