sa2kit 1.6.60 → 1.6.62

package/dist/showmasterpiece/server/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYN4MJFIG_js = require('../../chunk-YN4MJFIG.js');
+var chunk5LCGOCKG_js = require('../../chunk-5LCGOCKG.js');
 var chunkXYQMAF7H_js = require('../../chunk-XYQMAF7H.js');
 require('../../chunk-DENROXAE.js');
 require('../../chunk-Z6ZWNWWR.js');
@@ -9,167 +9,167 @@ require('../../chunk-Z6ZWNWWR.js');
 
 Object.defineProperty(exports, "BookingCommandError", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.BookingCommandError; }
+  get: function () { return chunk5LCGOCKG_js.BookingCommandError; }
 });
 Object.defineProperty(exports, "BookingCommandService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.BookingCommandService; }
+  get: function () { return chunk5LCGOCKG_js.BookingCommandService; }
 });
 Object.defineProperty(exports, "BookingQueryService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.BookingQueryService; }
+  get: function () { return chunk5LCGOCKG_js.BookingQueryService; }
 });
 Object.defineProperty(exports, "CategoriesDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.CategoriesDbService; }
+  get: function () { return chunk5LCGOCKG_js.CategoriesDbService; }
 });
 Object.defineProperty(exports, "MasterpiecesConfigDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.MasterpiecesConfigDbService; }
+  get: function () { return chunk5LCGOCKG_js.MasterpiecesConfigDbService; }
 });
 Object.defineProperty(exports, "PopupConfigService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.PopupConfigService; }
+  get: function () { return chunk5LCGOCKG_js.PopupConfigService; }
 });
 Object.defineProperty(exports, "ShowmasterConfigService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.ShowmasterConfigService; }
+  get: function () { return chunk5LCGOCKG_js.ShowmasterConfigService; }
 });
 Object.defineProperty(exports, "TagsDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.TagsDbService; }
+  get: function () { return chunk5LCGOCKG_js.TagsDbService; }
 });
 Object.defineProperty(exports, "artworksDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.artworksDbService; }
+  get: function () { return chunk5LCGOCKG_js.artworksDbService; }
 });
 Object.defineProperty(exports, "categoriesDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.categoriesDbService; }
+  get: function () { return chunk5LCGOCKG_js.categoriesDbService; }
 });
 Object.defineProperty(exports, "collectionsDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.collectionsDbService; }
+  get: function () { return chunk5LCGOCKG_js.collectionsDbService; }
 });
 Object.defineProperty(exports, "comicUniverseArtworks", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseArtworks; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseArtworks; }
 });
 Object.defineProperty(exports, "comicUniverseArtworksRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseArtworksRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseArtworksRelations; }
 });
 Object.defineProperty(exports, "comicUniverseBookings", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseBookings; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseBookings; }
 });
 Object.defineProperty(exports, "comicUniverseBookingsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseBookingsRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseBookingsRelations; }
 });
 Object.defineProperty(exports, "comicUniverseCategories", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCategories; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCategories; }
 });
 Object.defineProperty(exports, "comicUniverseCategoriesRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCategoriesRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCategoriesRelations; }
 });
 Object.defineProperty(exports, "comicUniverseCollectionTags", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCollectionTags; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCollectionTags; }
 });
 Object.defineProperty(exports, "comicUniverseCollectionTagsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCollectionTagsRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCollectionTagsRelations; }
 });
 Object.defineProperty(exports, "comicUniverseCollections", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCollections; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCollections; }
 });
 Object.defineProperty(exports, "comicUniverseCollectionsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseCollectionsRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseCollectionsRelations; }
 });
 Object.defineProperty(exports, "comicUniverseConfigs", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseConfigs; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseConfigs; }
 });
 Object.defineProperty(exports, "comicUniverseConfigsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseConfigsRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseConfigsRelations; }
 });
 Object.defineProperty(exports, "comicUniverseTags", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseTags; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseTags; }
 });
 Object.defineProperty(exports, "comicUniverseTagsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.comicUniverseTagsRelations; }
+  get: function () { return chunk5LCGOCKG_js.comicUniverseTagsRelations; }
 });
 Object.defineProperty(exports, "createBookingCommandService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createBookingCommandService; }
+  get: function () { return chunk5LCGOCKG_js.createBookingCommandService; }
 });
 Object.defineProperty(exports, "createBookingQueryService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createBookingQueryService; }
+  get: function () { return chunk5LCGOCKG_js.createBookingQueryService; }
 });
 Object.defineProperty(exports, "createCategoriesDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createCategoriesDbService; }
+  get: function () { return chunk5LCGOCKG_js.createCategoriesDbService; }
 });
 Object.defineProperty(exports, "createMasterpiecesConfigDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createMasterpiecesConfigDbService; }
+  get: function () { return chunk5LCGOCKG_js.createMasterpiecesConfigDbService; }
 });
 Object.defineProperty(exports, "createPopupConfigService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createPopupConfigService; }
+  get: function () { return chunk5LCGOCKG_js.createPopupConfigService; }
 });
 Object.defineProperty(exports, "createShowmasterConfigService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createShowmasterConfigService; }
+  get: function () { return chunk5LCGOCKG_js.createShowmasterConfigService; }
 });
 Object.defineProperty(exports, "createTagsDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.createTagsDbService; }
+  get: function () { return chunk5LCGOCKG_js.createTagsDbService; }
 });
 Object.defineProperty(exports, "initializeShowmasterpieceDb", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.initializeShowmasterpieceDb; }
+  get: function () { return chunk5LCGOCKG_js.initializeShowmasterpieceDb; }
 });
 Object.defineProperty(exports, "masterpiecesConfigDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.masterpiecesConfigDbService; }
+  get: function () { return chunk5LCGOCKG_js.masterpiecesConfigDbService; }
 });
 Object.defineProperty(exports, "popupConfigs", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.popupConfigs; }
+  get: function () { return chunk5LCGOCKG_js.popupConfigs; }
 });
 Object.defineProperty(exports, "popupConfigsRelations", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.popupConfigsRelations; }
+  get: function () { return chunk5LCGOCKG_js.popupConfigsRelations; }
 });
 Object.defineProperty(exports, "showmasterConfigCategories", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.showmasterConfigCategories; }
+  get: function () { return chunk5LCGOCKG_js.showmasterConfigCategories; }
 });
 Object.defineProperty(exports, "showmasterConfigHistory", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.showmasterConfigHistory; }
+  get: function () { return chunk5LCGOCKG_js.showmasterConfigHistory; }
 });
 Object.defineProperty(exports, "showmasterConfigItems", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.showmasterConfigItems; }
+  get: function () { return chunk5LCGOCKG_js.showmasterConfigItems; }
 });
 Object.defineProperty(exports, "showmasterConfigPermissions", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.showmasterConfigPermissions; }
+  get: function () { return chunk5LCGOCKG_js.showmasterConfigPermissions; }
 });
 Object.defineProperty(exports, "tagsDbService", {
   enumerable: true,
-  get: function () { return chunkYN4MJFIG_js.tagsDbService; }
+  get: function () { return chunk5LCGOCKG_js.tagsDbService; }
 });
 Object.defineProperty(exports, "getShowMasterpieceFileConfig", {
   enumerable: true,

package/dist/showmasterpiece/server/index.mjs

@@ -1,4 +1,4 @@
-export { BookingCommandError, BookingCommandService, BookingQueryService, CategoriesDbService, MasterpiecesConfigDbService, PopupConfigService, ShowmasterConfigService, TagsDbService, artworksDbService, categoriesDbService, collectionsDbService, comicUniverseArtworks, comicUniverseArtworksRelations, comicUniverseBookings, comicUniverseBookingsRelations, comicUniverseCategories, comicUniverseCategoriesRelations, comicUniverseCollectionTags, comicUniverseCollectionTagsRelations, comicUniverseCollections, comicUniverseCollectionsRelations, comicUniverseConfigs, comicUniverseConfigsRelations, comicUniverseTags, comicUniverseTagsRelations, createBookingCommandService, createBookingQueryService, createCategoriesDbService, createMasterpiecesConfigDbService, createPopupConfigService, createShowmasterConfigService, createTagsDbService, initializeShowmasterpieceDb, masterpiecesConfigDbService, popupConfigs, popupConfigsRelations, showmasterConfigCategories, showmasterConfigHistory, showmasterConfigItems, showmasterConfigPermissions, tagsDbService } from '../../chunk-CSDIPQQO.mjs';
+export { BookingCommandError, BookingCommandService, BookingQueryService, CategoriesDbService, MasterpiecesConfigDbService, PopupConfigService, ShowmasterConfigService, TagsDbService, artworksDbService, categoriesDbService, collectionsDbService, comicUniverseArtworks, comicUniverseArtworksRelations, comicUniverseBookings, comicUniverseBookingsRelations, comicUniverseCategories, comicUniverseCategoriesRelations, comicUniverseCollectionTags, comicUniverseCollectionTagsRelations, comicUniverseCollections, comicUniverseCollectionsRelations, comicUniverseConfigs, comicUniverseConfigsRelations, comicUniverseTags, comicUniverseTagsRelations, createBookingCommandService, createBookingQueryService, createCategoriesDbService, createMasterpiecesConfigDbService, createPopupConfigService, createShowmasterConfigService, createTagsDbService, initializeShowmasterpieceDb, masterpiecesConfigDbService, popupConfigs, popupConfigsRelations, showmasterConfigCategories, showmasterConfigHistory, showmasterConfigItems, showmasterConfigPermissions, tagsDbService } from '../../chunk-VTKAIOP5.mjs';
 export { getShowMasterpieceFileConfig } from '../../chunk-PAX4S7QM.mjs';
 import '../../chunk-MFG2Y6UR.mjs';
 import '../../chunk-WMJKH4XE.mjs';

package/dist/showmasterpiece/ui/miniapp/index.d.mts

@@ -23,6 +23,7 @@ declare const PageHeader: React__default.FC<PageHeaderProps>;
 type CategoryTabItem<T extends string = string> = {
     value: T;
     label: string;
+    count?: number;
 };
 interface CategoryTabsProps<T extends string = string> {
     items: CategoryTabItem<T>[];
@@ -39,6 +40,7 @@ type ActionButton = {
 type CollectionLike = Pick<ArtCollection, 'id' | 'title' | 'number' | 'coverImage' | 'price'> & {
     description?: string;
     category?: CollectionCategoryType;
+    pages?: ArtCollection['pages'];
 };
 interface CollectionCardProps {
     collection: CollectionLike;

package/dist/showmasterpiece/ui/miniapp/index.d.ts

@@ -23,6 +23,7 @@ declare const PageHeader: React__default.FC<PageHeaderProps>;
 type CategoryTabItem<T extends string = string> = {
     value: T;
     label: string;
+    count?: number;
 };
 interface CategoryTabsProps<T extends string = string> {
     items: CategoryTabItem<T>[];
@@ -39,6 +40,7 @@ type ActionButton = {
 type CollectionLike = Pick<ArtCollection, 'id' | 'title' | 'number' | 'coverImage' | 'price'> & {
     description?: string;
     category?: CollectionCategoryType;
+    pages?: ArtCollection['pages'];
 };
 interface CollectionCardProps {
     collection: CollectionLike;

package/dist/showmasterpiece/ui/miniapp/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunkTJZDPOO7_js = require('../../../chunk-TJZDPOO7.js');
+require('../../../chunk-DENROXAE.js');
 require('../../../chunk-Z6ZWNWWR.js');
 var React3 = require('react');
 var components = require('@tarojs/components');
@@ -10,18 +11,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React3__default = /*#__PURE__*/_interopDefault(React3);
 
 var PageHeader = ({ title, subtitle, actions, cta }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mx-4 mt-6 rounded-3xl bg-white px-5 py-5 shadow-xl" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-start justify-between" }, /* @__PURE__ */ React3__default.default.createElement(components.View, null, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xl font-semibold" }, title), subtitle && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-2 block text-sm text-slate-500" }, subtitle)), actions && actions.length > 0 && /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex flex-col items-end gap-2" }, actions.map((action) => /* @__PURE__ */ React3__default.default.createElement(
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "bg-white/95 px-4 py-4 border-b border-prussian-blue-200/30" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex-1" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-lg font-bold text-rich-black" }, title), subtitle && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-prussian-blue-600" }, subtitle)), actions && actions.length > 0 && /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-center gap-2" }, actions.map((action) => /* @__PURE__ */ React3__default.default.createElement(
     components.Button,
     {
       key: action.label,
-      className: action.variant === "ghost" ? "h-8 rounded-full border border-slate-200 bg-white px-4 text-xs font-semibold text-slate-700" : "h-8 rounded-full bg-slate-900 px-4 text-xs font-semibold text-white",
+      className: action.variant === "ghost" ? "h-8 rounded-full border border-prussian-blue-200 bg-white px-3 text-xs font-semibold text-prussian-blue-700" : "h-8 rounded-full bg-gradient-to-r from-moonstone to-cerulean px-3 text-xs font-semibold text-white shadow-lg",
       onClick: action.onClick
     },
     action.label
   )))), cta && /* @__PURE__ */ React3__default.default.createElement(
     components.Button,
     {
-      className: "mt-4 h-10 w-32 rounded-full bg-slate-900 text-sm font-semibold text-white",
+      className: "mt-3 h-9 rounded-full bg-gradient-to-r from-moonstone to-cerulean px-4 text-xs font-semibold text-white shadow-lg",
       onClick: cta.onClick
     },
     cta.label
@@ -33,15 +34,25 @@ function CategoryTabs({
   activeValue,
   onChange
 }) {
-  return /* @__PURE__ */ React3__default.default.createElement(components.ScrollView, { scrollX: true, className: "mt-3", showScrollbar: false }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-2 pb-2" }, items.map((item) => /* @__PURE__ */ React3__default.default.createElement(
-    components.View,
-    {
-      key: item.value,
-      className: `rounded-full px-4 py-2 text-xs ${activeValue === item.value ? "bg-slate-900 text-white" : "bg-white text-slate-600 shadow-md"}`,
-      onClick: () => onChange(item.value)
-    },
-    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, item.label)
-  ))));
+  return /* @__PURE__ */ React3__default.default.createElement(components.ScrollView, { scrollX: true, className: "mt-4", showScrollbar: false }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-2 rounded-2xl bg-moonstone-900/10 p-1" }, items.map((item) => {
+    const isActive = activeValue === item.value;
+    return /* @__PURE__ */ React3__default.default.createElement(
+      components.View,
+      {
+        key: item.value,
+        className: `flex flex-col items-center justify-center rounded-xl px-4 py-2 text-xs font-semibold transition-all ${isActive ? "bg-gradient-to-r from-moonstone to-cerulean text-white shadow-lg" : "text-prussian-blue-700"}`,
+        onClick: () => onChange(item.value)
+      },
+      /* @__PURE__ */ React3__default.default.createElement(components.Text, null, item.label),
+      typeof item.count === "number" && /* @__PURE__ */ React3__default.default.createElement(
+        components.Text,
+        {
+          className: `mt-1 rounded-full px-2 py-0.5 text-[10px] ${isActive ? "bg-white/20 text-white" : "bg-moonstone-900/10 text-cerulean"}`
+        },
+        item.count
+      )
+    );
+  })));
 }
 var CategoryTabs_default = CategoryTabs;
 var CollectionCard = ({
@@ -52,46 +63,55 @@ var CollectionCard = ({
   variant = "default"
 }) => {
   const isCompact = variant === "compact";
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "overflow-hidden rounded-3xl bg-white shadow-xl" }, collection.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
-    components.Image,
-    {
-      src: collection.coverImage,
-      mode: "aspectFill",
-      className: isCompact ? "h-24 w-24 rounded-2xl" : "h-44 w-full"
-    }
-  ) : /* @__PURE__ */ React3__default.default.createElement(
+  const pageCount = collection.pages?.length ?? 0;
+  const isCollection = collection.category === "collection" /* COLLECTION */;
+  const badgeText = isCollection ? pageCount > 0 ? `${pageCount} \u9875` : "\u753B\u96C6" : "\u5546\u54C1";
+  return /* @__PURE__ */ React3__default.default.createElement(
     components.View,
     {
-      className: isCompact ? "flex h-24 w-24 items-center justify-center rounded-2xl bg-slate-200 text-xs text-slate-500" : "flex h-44 items-center justify-center bg-slate-200 text-sm text-slate-500"
+      className: isCompact ? "flex gap-3 rounded-2xl border border-prussian-blue-200/30 bg-white/95 p-3 shadow-sm" : "overflow-hidden rounded-2xl border border-prussian-blue-200/30 bg-gradient-to-br from-white to-prussian-blue-900/5 shadow-lg"
     },
-    "\u6682\u65E0\u56FE\u7247"
-  ), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: isCompact ? "flex-1 px-3 py-1" : "px-4 py-4" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: isCompact ? "text-sm font-semibold" : "text-base font-semibold" }, collection.title), showCategory && !isCompact && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "rounded-full bg-slate-100 px-3 py-1 text-xs text-slate-600" }, chunkTJZDPOO7_js.getCategoryLabel(collection.category))), showDescription && collection.description && !isCompact && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-2 block text-xs text-slate-500" }, collection.description), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u7F16\u53F7\uFF1A", collection.number), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(collection.price)), actions && actions.length > 0 && /* @__PURE__ */ React3__default.default.createElement(components.View, { className: isCompact ? "mt-2 flex gap-2" : "mt-4 flex gap-2" }, actions.map((action) => /* @__PURE__ */ React3__default.default.createElement(
-    components.Button,
-    {
-      key: action.label,
-      className: action.variant === "ghost" ? "h-8 rounded-full border border-slate-200 bg-white px-4 text-xs font-semibold text-slate-700" : "h-8 rounded-full bg-slate-900 px-4 text-xs font-semibold text-white",
-      onClick: action.onClick
-    },
-    action.label
-  )))));
+    /* @__PURE__ */ React3__default.default.createElement(
+      components.View,
+      {
+        className: isCompact ? "relative h-20 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10" : "relative w-full overflow-hidden bg-gradient-to-br from-prussian-blue-900/5 to-oxford-blue-100/10 aspect-[1/1.414]"
+      },
+      collection.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
+        components.Image,
+        {
+          src: collection.coverImage,
+          mode: "aspectFill",
+          className: isCompact ? "h-full w-full" : "h-full w-full"
+        }
+      ) : /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex h-full w-full items-center justify-center text-xs text-prussian-blue-500" }, "\u6682\u65E0\u56FE\u7247"),
+      !isCompact && /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "absolute bottom-3 left-3 rounded-full bg-moonstone/90 px-3 py-1 text-[10px] font-semibold text-white shadow-lg" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, null, badgeText))
+    ),
+    /* @__PURE__ */ React3__default.default.createElement(components.View, { className: isCompact ? "flex-1" : "p-4" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: isCompact ? "text-sm font-semibold text-rich-black" : "text-base font-bold text-rich-black" }, collection.title), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-prussian-blue-600" }, "\u7F16\u53F7\uFF1A", collection.number), showCategory && collection.category && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-prussian-blue-600" }, "\u5206\u7C7B\uFF1A", chunkTJZDPOO7_js.getCategoryLabel(collection.category)), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs font-medium text-prussian-blue-700" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(collection.price)), showDescription && collection.description && !isCompact && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-2 block text-xs text-prussian-blue-500" }, collection.description), actions && actions.length > 0 && /* @__PURE__ */ React3__default.default.createElement(components.View, { className: isCompact ? "mt-3 flex gap-2" : "mt-4 flex gap-2" }, actions.map((action) => /* @__PURE__ */ React3__default.default.createElement(
+      components.Button,
+      {
+        key: action.label,
+        className: action.variant === "ghost" ? "h-8 rounded-full border border-prussian-blue-200 bg-white px-4 text-xs font-semibold text-prussian-blue-700" : "h-8 rounded-full bg-gradient-to-r from-moonstone to-cerulean px-4 text-xs font-semibold text-white shadow-lg",
+        onClick: action.onClick
+      },
+      action.label
+    ))))
+  );
 };
 var CollectionCard_default = CollectionCard;
 var BookingSteps = ({ step }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mx-4 mt-4 flex items-center gap-3" }, /* @__PURE__ */ React3__default.default.createElement(
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mx-4 mt-4 flex items-center justify-center" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-center" }, /* @__PURE__ */ React3__default.default.createElement(
     components.View,
     {
-      className: `flex items-center gap-2 rounded-full px-4 py-2 text-xs ${step === "select" ? "bg-slate-900 text-white" : "bg-white text-slate-600"}`
+      className: `h-8 w-8 rounded-full flex items-center justify-center text-xs font-semibold ${step === "select" ? "bg-blue-600 text-white" : "bg-green-500 text-white"}`
     },
-    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, step === "select" ? "1" : "\u2713"),
-    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, "\u9009\u62E9\u753B\u96C6")
-  ), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "h-px flex-1 bg-slate-200" }), /* @__PURE__ */ React3__default.default.createElement(
+    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, step === "select" ? "1" : "\u2713")
+  ), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: `ml-2 text-sm ${step === "select" ? "text-blue-600" : "text-green-600"}` }, "\u9009\u62E9\u753B\u96C6")), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mx-4 h-px w-10 bg-slate-300" }), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex items-center" }, /* @__PURE__ */ React3__default.default.createElement(
     components.View,
     {
-      className: `flex items-center gap-2 rounded-full px-4 py-2 text-xs ${step === "form" ? "bg-slate-900 text-white" : "bg-white text-slate-600"}`
+      className: `h-8 w-8 rounded-full flex items-center justify-center text-xs font-semibold ${step === "form" ? "bg-blue-600 text-white" : "bg-slate-300 text-slate-600"}`
     },
-    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, "2"),
-    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, "\u586B\u5199\u4FE1\u606F")
-  ));
+    /* @__PURE__ */ React3__default.default.createElement(components.Text, null, "2")
+  ), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: `ml-2 text-sm ${step === "form" ? "text-blue-600" : "text-slate-500"}` }, "\u586B\u5199\u4FE1\u606F")));
 };
 var BookingSteps_default = BookingSteps;
 var FormInput = ({
@@ -103,17 +123,17 @@ var FormInput = ({
   type = "text",
   onChange
 }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-4" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xs text-slate-600" }, label), /* @__PURE__ */ React3__default.default.createElement(
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-4" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-medium text-slate-700" }, label), /* @__PURE__ */ React3__default.default.createElement(
     components.Input,
     {
       value,
       placeholder,
       onInput: (event) => onChange(event.detail.value),
-      className: `mt-2 h-10 w-full rounded-xl border px-3 text-sm ${error ? "border-rose-400" : "border-slate-200"}`,
+      className: `mt-2 h-11 w-full rounded-lg border bg-white px-3 text-sm ${error ? "border-rose-300" : "border-slate-300"}`,
       disabled,
       type
     }
-  ), error && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-rose-500" }, error));
+  ), error && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-rose-600" }, error));
 };
 var FormTextarea = ({
   label,
@@ -123,43 +143,43 @@ var FormTextarea = ({
   error,
   onChange
 }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-4" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xs text-slate-600" }, label), /* @__PURE__ */ React3__default.default.createElement(
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-4" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-medium text-slate-700" }, label), /* @__PURE__ */ React3__default.default.createElement(
     components.Textarea,
     {
       value,
       placeholder,
       onInput: (event) => onChange(event.detail.value),
-      className: `mt-2 min-h-24 w-full rounded-xl border px-3 py-2 text-sm ${error ? "border-rose-400" : "border-slate-200"}`,
+      className: `mt-2 min-h-24 w-full rounded-lg border bg-white px-3 py-2 text-sm ${error ? "border-rose-300" : "border-slate-300"}`,
       disabled
     }
-  ), error && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-rose-500" }, error));
+  ), error && /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-rose-600" }, error));
 };
 var CartItemCard = ({ item, onIncrease, onDecrease, onRemove }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-3 rounded-2xl bg-white p-3 shadow-md" }, item.collection.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-3 rounded-lg border border-slate-200 bg-white p-3" }, item.collection.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
     components.Image,
     {
       src: item.collection.coverImage,
       mode: "aspectFill",
-      className: "h-20 w-20 rounded-2xl"
+      className: "h-16 w-16 rounded-lg"
     }
-  ) : /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex h-20 w-20 items-center justify-center rounded-2xl bg-slate-200 text-xs text-slate-500" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex-1" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-semibold" }, item.collection.title), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u7F16\u53F7\uFF1A", item.collection.number), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(item.collection.price)), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-3 flex items-center gap-2" }, /* @__PURE__ */ React3__default.default.createElement(
+  ) : /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex h-16 w-16 items-center justify-center rounded-lg bg-slate-100 text-xs text-slate-500" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex-1" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-semibold text-slate-900" }, item.collection.title), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-600" }, "\u7F16\u53F7\uFF1A", item.collection.number), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-600" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(item.collection.price)), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-3 flex items-center gap-2" }, /* @__PURE__ */ React3__default.default.createElement(
     components.Button,
     {
-      className: "h-8 w-8 rounded-full border border-slate-200 bg-white text-base text-slate-700",
+      className: "h-9 w-9 rounded-full border border-slate-300 bg-white text-base text-slate-700",
       onClick: onDecrease
     },
     "-"
   ), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-semibold" }, item.quantity), /* @__PURE__ */ React3__default.default.createElement(
     components.Button,
     {
-      className: "h-8 w-8 rounded-full border border-slate-200 bg-white text-base text-slate-700",
+      className: "h-9 w-9 rounded-full border border-slate-300 bg-white text-base text-slate-700",
       onClick: onIncrease
     },
     "+"
   ), /* @__PURE__ */ React3__default.default.createElement(
     components.Button,
     {
-      className: "ml-auto h-8 rounded-full border border-rose-200 bg-rose-50 px-3 text-xs text-rose-600",
+      className: "ml-auto h-9 rounded-md border border-rose-200 bg-rose-50 px-3 text-xs font-medium text-rose-600",
       onClick: onRemove
     },
     "\u79FB\u9664"
@@ -172,15 +192,23 @@ var statusLabelMap = {
   completed: "\u5DF2\u5B8C\u6210",
   cancelled: "\u5DF2\u53D6\u6D88"
 };
+var statusStyleMap = {
+  pending: "bg-yellow-100 text-yellow-800",
+  confirmed: "bg-blue-100 text-blue-800",
+  completed: "bg-green-100 text-green-800",
+  cancelled: "bg-red-100 text-red-800"
+};
 var HistoryRecordCard = ({ record }) => {
-  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-3 rounded-2xl bg-white p-3 shadow-md" }, record.collection?.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
+  const statusText = statusLabelMap[record.status] || record.status;
+  const statusStyle = statusStyleMap[record.status] || "bg-slate-100 text-slate-600";
+  return /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex gap-3 rounded-lg border border-slate-200 bg-white p-4" }, record.collection?.coverImage ? /* @__PURE__ */ React3__default.default.createElement(
     components.Image,
     {
       src: record.collection.coverImage,
       mode: "aspectFill",
-      className: "h-20 w-20 rounded-2xl"
+      className: "h-16 w-16 rounded-lg"
     }
-  ) : /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex h-20 w-20 items-center justify-center rounded-2xl bg-slate-200 text-xs text-slate-500" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex-1" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-semibold" }, record.collection?.title || "\u753B\u96C6"), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u6570\u91CF\uFF1A", record.quantity), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-500" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(record.collection?.price)), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-2 flex items-center justify-between" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xs text-slate-500" }, "\u72B6\u6001\uFF1A", statusLabelMap[record.status] || record.status), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xs text-slate-400" }, record.createdAt?.slice(0, 10)))));
+  ) : /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex h-16 w-16 items-center justify-center rounded-lg bg-slate-100 text-xs text-slate-500" }, "\u6682\u65E0\u56FE\u7247"), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "flex-1" }, /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-sm font-semibold text-slate-900" }, record.collection?.title || "\u753B\u96C6"), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-600" }, "\u6570\u91CF\uFF1A", record.quantity), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "mt-1 block text-xs text-slate-600" }, "\u4EF7\u683C\uFF1A", chunkTJZDPOO7_js.formatPrice(record.collection?.price)), /* @__PURE__ */ React3__default.default.createElement(components.View, { className: "mt-2 flex items-center justify-between" }, /* @__PURE__ */ React3__default.default.createElement(components.View, { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${statusStyle}` }, /* @__PURE__ */ React3__default.default.createElement(components.Text, null, statusText)), /* @__PURE__ */ React3__default.default.createElement(components.Text, { className: "text-xs text-slate-400" }, record.createdAt?.slice(0, 10)))));
 };
 var HistoryRecordCard_default = HistoryRecordCard;