@hlw-uni/mp-vue 1.0.3 → 1.0.5

package/dist/components/hlw-menu-list/{index.d.ts → types.d.ts}

@@ -6,5 +6,3 @@ export interface MenuItem {
     url?: string;
     action?: () => void;
 }
-declare const _default: any;
-export default _default;

package/dist/index.d.ts

@@ -2,7 +2,11 @@
  * @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';
+export { default as HlwAvatar } from './components/hlw-avatar/index.vue';
+export { default as HlwCard } from './components/hlw-card/index.vue';
+export { default as HlwEmpty } from './components/hlw-empty/index.vue';
+export { default as HlwHeader } from './components/hlw-header/index.vue';
+export { default as HlwLoading } from './components/hlw-loading/index.vue';
+export { default as HlwMenuList } from './components/hlw-menu-list/index.vue';
+export { default as HlwPage } from './components/hlw-page/index.vue';
+export type { MenuItem } from './components/hlw-menu-list/types';

package/dist/index.js

@@ -2,7 +2,7 @@
   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({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "HlwAd" },
     __name: "index",
     props: {
@@ -33,114 +33,265 @@
       };
     }
   });
-  const index$3 = vue.defineComponent({
-    name: "Avatar",
+  const _hoisted_1$6 = ["src"];
+  const _hoisted_2$6 = {
+    key: 1,
+    class: "hlw-avatar__placeholder"
+  };
+  const _hoisted_3$4 = { class: "hlw-avatar__initial" };
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
     props: {
-      src: { type: String },
-      name: { type: String },
-      size: { type: String, default: "medium" }
+      src: {},
+      name: {},
+      size: {}
     },
-    setup(props) {
+    setup(__props) {
+      const props = __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 (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", {
+          class: vue.normalizeClass(`hlw-avatar hlw-avatar--${__props.size ?? "medium"}`)
+        }, [
+          __props.src && !loadError.value ? (vue.openBlock(), vue.createElementBlock("image", {
+            key: 0,
+            class: "hlw-avatar__image",
+            src: __props.src,
+            mode: "aspectFill",
+            onError: _cache[0] || (_cache[0] = ($event) => loadError.value = true)
+          }, null, 40, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$6, [
+            vue.createElementVNode("text", _hoisted_3$4, vue.toDisplayString(initial.value), 1)
+          ]))
+        ], 2);
+      };
+    }
+  });
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7e8f98a5"]]);
+  const _hoisted_1$5 = { class: "hlw-card" };
+  const _hoisted_2$5 = {
+    key: 0,
+    class: "hlw-card-header"
+  };
+  const _hoisted_3$3 = { class: "flex items-center justify-between px-5 py-4 border-0 border-b border-dashed border-slate-200 bg-slate-50/30" };
+  const _hoisted_4$2 = { key: 0 };
+  const _hoisted_5$1 = { class: "text-sm font-bold text-slate-800 flex items-center gap-2 tracking-wide" };
+  const _hoisted_6$1 = { key: 1 };
+  const _hoisted_7$1 = {
+    key: 0,
+    class: "text-[10px] text-slate-400 bg-slate-50 px-2 py-1 rounded border border-slate-100 tracking-wide"
+  };
+  const _hoisted_8 = { class: "hlw-card-body" };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      options: {
+        styleIsolation: "shared",
+        virtualHost: 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)
+    },
+    __name: "index",
+    props: {
+      title: { default: "" },
+      icon: { default: "" },
+      iconColor: { default: "" },
+      extra: { default: "" }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, [
+          _ctx.$slots.header || __props.title || __props.icon || _ctx.$slots["header-left"] || _ctx.$slots["header-right"] ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$5, [
+            vue.renderSlot(_ctx.$slots, "header", {}, () => [
+              vue.createElementVNode("view", _hoisted_3$3, [
+                _ctx.$slots["header-left"] || __props.title || __props.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$2, [
+                  vue.renderSlot(_ctx.$slots, "header-left", {}, () => [
+                    vue.createElementVNode("view", _hoisted_5$1, [
+                      __props.icon ? (vue.openBlock(), vue.createElementBlock("text", {
+                        key: 0,
+                        class: vue.normalizeClass([__props.icon, __props.iconColor])
+                      }, null, 2)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("text", null, vue.toDisplayString(__props.title), 1)
+                    ])
+                  ], true)
+                ])) : vue.createCommentVNode("", true),
+                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$1, [
+                  vue.renderSlot(_ctx.$slots, "header-right", {}, () => [
+                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$1, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
+                  ], true)
+                ])) : vue.createCommentVNode("", true)
               ])
-            )
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", _hoisted_8, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        );
+        ]);
       };
     }
   });
-  const index$2 = vue.defineComponent({
-    name: "Empty",
+  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-787fc3a7"]]);
+  const _hoisted_1$4 = { class: "hlw-empty" };
+  const _hoisted_2$4 = ["src"];
+  const _hoisted_3$2 = {
+    key: 1,
+    class: "hlw-empty__icon"
+  };
+  const _hoisted_4$1 = { class: "hlw-empty__text" };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
     props: {
-      text: { type: String },
-      image: { type: String }
+      text: {},
+      image: {}
     },
-    setup(props) {
-      const slots = vue.useSlots();
-      return () => {
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4, [
+          __props.image ? (vue.openBlock(), vue.createElementBlock("image", {
+            key: 0,
+            class: "hlw-empty__image",
+            src: __props.image,
+            mode: "aspectFit"
+          }, null, 8, _hoisted_2$4)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$2, "📦")),
+          vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(__props.text || "暂无数据"), 1),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]);
+      };
+    }
+  });
+  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-72364322"]]);
+  const _hoisted_1$3 = { class: "header-title" };
+  const _hoisted_2$3 = {
+    key: 0,
+    class: "header-title"
+  };
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      extraHeight: { default: 0 },
+      bgClass: { default: "" },
+      isBack: { type: Boolean, default: false },
+      title: { default: "" }
+    },
+    emits: ["back"],
+    setup(__props, { emit: __emit }) {
+      const getNavBarContentHeight = () => {
         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)
-          ])
-        );
+        try {
+          const menuInfo = (_a = uni.getMenuButtonBoundingClientRect) == null ? void 0 : _a.call(uni);
+          if (!menuInfo)
+            return 44;
+          const systemInfo = uni.getSystemInfoSync();
+          return (menuInfo.top - systemInfo.statusBarHeight) * 2 + menuInfo.height;
+        } catch {
+          return 44;
+        }
+      };
+      const getStatusBarHeight = () => {
+        try {
+          const systemInfo = uni.getSystemInfoSync();
+          return systemInfo.statusBarHeight || 20;
+        } catch {
+          return 20;
+        }
+      };
+      const NAV_BAR_CONTENT_HEIGHT = getNavBarContentHeight();
+      const props = __props;
+      const emit = __emit;
+      const handleBack = () => {
+        emit("back");
+        uni.navigateBack({ delta: 1 });
+      };
+      const slots = vue.useSlots();
+      const hasBgSlot = vue.computed(() => !props.isBack && !!slots.bg);
+      const statusBarHeight = vue.ref(getStatusBarHeight());
+      const totalNavBarHeight = vue.computed(() => statusBarHeight.value + NAV_BAR_CONTENT_HEIGHT + props.extraHeight);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", {
+          class: "hlw-header",
+          style: vue.normalizeStyle({ height: totalNavBarHeight.value + "px" })
+        }, [
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["header-bg-layer", hasBgSlot.value ? "" : props.bgClass])
+          }, [
+            !props.isBack ? vue.renderSlot(_ctx.$slots, "bg", { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
+          ], 2),
+          vue.createElementVNode("view", {
+            class: "status-bar-spacer",
+            style: vue.normalizeStyle({ height: statusBarHeight.value + "px" })
+          }, null, 4),
+          vue.createElementVNode("view", {
+            class: "header-content-area",
+            style: vue.normalizeStyle({ height: vue.unref(NAV_BAR_CONTENT_HEIGHT) + "px" })
+          }, [
+            props.isBack ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createElementVNode("view", {
+                class: "header-back",
+                onClick: handleBack
+              }, [..._cache[0] || (_cache[0] = [
+                vue.createElementVNode("text", { class: "iconfont icon-back" }, null, -1)
+              ])]),
+              vue.createElementVNode("view", _hoisted_1$3, vue.toDisplayString(props.title), 1),
+              _cache[1] || (_cache[1] = vue.createElementVNode("view", { class: "header-placeholder" }, null, -1))
+            ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+              props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$3, vue.toDisplayString(props.title), 1)) : vue.createCommentVNode("", true)
+            ], true)
+          ], 4)
+        ], 4);
       };
     }
   });
-  const index$1 = vue.defineComponent({
-    name: "Loading",
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e6af34e4"]]);
+  const _hoisted_1$2 = { class: "hlw-loading" };
+  const _hoisted_2$2 = {
+    key: 0,
+    class: "hlw-loading__text"
+  };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
     props: {
-      text: { type: String }
+      text: {}
     },
-    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
-          ])
-        );
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
+          _cache[0] || (_cache[0] = vue.createElementVNode("view", { class: "hlw-loading__spinner" }, null, -1)),
+          __props.text ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$2, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+        ]);
       };
     }
   });
-  const index = vue.defineComponent({
-    name: "MenuList",
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-14242381"]]);
+  const _hoisted_1$1 = { class: "hlw-menu-list" };
+  const _hoisted_2$1 = ["onTap"];
+  const _hoisted_3$1 = { class: "hlw-menu-list__left" };
+  const _hoisted_4 = {
+    key: 0,
+    class: "hlw-menu-list__icon"
+  };
+  const _hoisted_5 = { class: "hlw-menu-list__label" };
+  const _hoisted_6 = { class: "hlw-menu-list__right" };
+  const _hoisted_7 = {
+    key: 0,
+    class: "hlw-menu-list__value"
+  };
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
     props: {
-      items: { type: Array, required: true }
+      items: {}
     },
     emits: ["click"],
-    setup(props, { emit }) {
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
       function onTap(item) {
         if (item.url) {
           uni.navigateTo({ url: item.url });
@@ -149,44 +300,81 @@
         }
         emit("click", item);
       }
-      return () => {
-        const items = props.items.map(
-          (item) => (
-            // @ts-ignore
-            h("view", {
-              class: "hlw-menu-list__item",
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+            return vue.openBlock(), vue.createElementBlock("view", {
               key: item.key,
-              onClick: () => onTap(item)
+              class: "hlw-menu-list__item",
+              onTap: ($event) => 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)
+              vue.createElementVNode("view", _hoisted_3$1, [
+                item.icon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4, vue.toDisplayString(item.icon), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("text", _hoisted_5, vue.toDisplayString(item.label), 1)
               ]),
-              // @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" }, "›")
+              vue.createElementVNode("view", _hoisted_6, [
+                item.value ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7, vue.toDisplayString(item.value), 1)) : vue.createCommentVNode("", true),
+                _cache[0] || (_cache[0] = vue.createElementVNode("text", { class: "hlw-menu-list__arrow" }, "›", -1))
               ])
-            ])
-          )
-        );
-        return h("view", { class: "hlw-menu-list" }, items);
+            ], 40, _hoisted_2$1);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e465b0b4"]]);
+  const _hoisted_1 = { class: "hlw-page" };
+  const _hoisted_2 = { class: "hlw-page-header" };
+  const _hoisted_3 = { class: "hlw-page-footer" };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      title: { default: "" },
+      isBack: { type: Boolean, default: false },
+      bgClass: { default: "" }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        const _component_hlw_header = vue.resolveComponent("hlw-header");
+        const _component_scroll_view = vue.resolveComponent("scroll-view");
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1, [
+          vue.createElementVNode("view", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "header", {}, () => [
+              __props.title || __props.isBack ? (vue.openBlock(), vue.createBlock(_component_hlw_header, {
+                key: 0,
+                title: __props.title,
+                "is-back": __props.isBack,
+                "bg-class": __props.bgClass
+              }, null, 8, ["title", "is-back", "bg-class"])) : vue.createCommentVNode("", true)
+            ], true)
+          ]),
+          vue.createVNode(_component_scroll_view, {
+            class: "hlw-page-content",
+            "scroll-y": true,
+            "enable-flex": true,
+            enhanced: true,
+            "show-scrollbar": true
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }),
+          vue.createElementVNode("view", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+          ])
+        ]);
       };
     }
   });
-  exports2.HlwAd = _sfc_main;
-  exports2.HlwAvatar = index$3;
-  exports2.HlwEmpty = index$2;
-  exports2.HlwLoading = index$1;
-  exports2.HlwMenuList = index;
+  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-155bc02a"]]);
+  exports2.HlwAd = _sfc_main$7;
+  exports2.HlwAvatar = index$6;
+  exports2.HlwCard = index$5;
+  exports2.HlwEmpty = index$4;
+  exports2.HlwHeader = index$3;
+  exports2.HlwLoading = index$2;
+  exports2.HlwMenuList = index$1;
+  exports2.HlwPage = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });