maooo-skyline-ui-system 0.1.20 → 0.1.22

package/miniprogram_dist/ai-design-system/DESIGN.md

@@ -71,3 +71,5 @@ Compatibility notes:
 7. For generation instructions, read `design-system/prompts` and `design-system/skills`.
 
 AI output should not bypass schema. Evidence from design boards should be marked as evidence until it is promoted into token source, pattern documentation, schema, or component registry.
+
+The dated [foundation correction evidence](references/figma-foundations-2026-11-05.md) documents promoted token values and their permitted roles; it is included in the published AI snapshot and read order. Read it with tokens before applying new spacing scales or explicit line-height variants.

package/miniprogram_dist/ai-design-system/component-registry.json

@@ -466,7 +466,8 @@
         "Number input",
         "Min and max clamping",
         "Disabled and input-disabled states",
-        "Change and input events"
+        "Change and input events",
+        "Compact and full-width block variants"
       ],
       "composes": [
         "mo-icon"
@@ -614,8 +615,8 @@
         "Media choosing with wx.chooseMedia",
         "Controlled upload file list display",
         "Auto append or business pipeline choose mode",
-        "Configurable square item size",
-        "Default or borderless camera-plus trigger variants",
+        "Configurable item width and aspect ratio",
+        "Default, borderless camera-plus and photo placeholder trigger variants",
         "Preview and delete events",
         "Max count limiting",
         "Basic upload status overlays"
@@ -678,7 +679,7 @@
       "capabilities": [
         "Composes mo-upload media choosing and display",
         "Composes mo-image-cropper image and cover cropping",
-        "Configurable square item size and default or camera-plus trigger variants",
+        "Configurable item width and aspect ratio and default, camera-plus or photo trigger variants",
         "Uploads image and video files to Aliyun OSS",
         "Optionally audits uploaded images before success",
         "Generates default OSS snapshot covers for videos",

package/miniprogram_dist/ai-design-system/component-schemas/media-upload.schema.json

@@ -73,15 +73,22 @@
       "default": 160,
       "description": "缩略图与选择触发器的正方形边长，单位 rpx；非法或小于等于 0 时由 mo-upload 按 160 处理"
     },
+    {
+      "name": "itemAspectRatio",
+      "type": "number",
+      "default": 1,
+      "description": "媒体项宽高比（宽/高），有限正数；非法值按1，默认方形"
+    },
     {
       "name": "triggerVariant",
       "type": "string",
       "enum": [
         "default",
-        "camera"
+        "camera",
+        "photo"
       ],
       "default": "default",
-      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口"
+      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口"
     },
     {
       "name": "enableCrop",

package/miniprogram_dist/ai-design-system/component-schemas/stepper.schema.json

@@ -2,6 +2,16 @@
   "name": "stepper",
   "description": "基础数值步进器组件",
   "props": [
+    {
+      "name": "variant",
+      "type": "string",
+      "default": "compact",
+      "enum": [
+        "compact",
+        "block"
+      ],
+      "description": "compact 紧凑步进器；block 满宽灰底表单行"
+    },
     {
       "name": "value",
       "type": "number",
@@ -58,7 +68,10 @@
     "color.background.surface",
     "color.background.muted",
     "color.border.default",
-    "radius.md"
+    "radius.md",
+    "color.background.page",
+    "radius.lg",
+    "typography.weight.regular"
   ],
   "eventDetails": {
     "onChange": {

package/miniprogram_dist/ai-design-system/component-schemas/upload.schema.json

@@ -73,15 +73,22 @@
       "default": 160,
       "description": "缩略图与选择触发器的正方形边长，单位 rpx；非法或小于等于 0 时按 160 处理"
     },
+    {
+      "name": "itemAspectRatio",
+      "type": "number",
+      "default": 1,
+      "description": "媒体项宽高比（宽/高），有限正数；非法值按1，默认方形"
+    },
     {
       "name": "triggerVariant",
       "type": "string",
       "enum": [
         "default",
-        "camera"
+        "camera",
+        "photo"
       ],
       "default": "default",
-      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口"
+      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口"
     },
     {
       "name": "autoAppend",
@@ -113,7 +120,8 @@
     "color.text.primary",
     "color.text.secondary",
     "color.text.inverse",
-    "radius.md"
+    "radius.md",
+    "color.background.page"
   ],
   "eventDetails": {
     "onChoose": {

package/miniprogram_dist/ai-design-system/manifest.json

@@ -1,15 +1,16 @@
 {
   "package": {
     "name": "maooo-skyline-ui-system",
-    "version": "0.1.20"
+    "version": "0.1.22"
   },
-  "snapshotVersion": "0.1.20",
-  "generatedAt": "2026-11-04T15:46:42.004Z",
+  "snapshotVersion": "0.1.22",
+  "generatedAt": "2026-11-05T02:12:20.502Z",
   "description": "Read-only design spec snapshot for AI page generation in business projects. Source of truth is design-system/ and packages/ui/.",
   "readOrder": [
     "DESIGN.md",
     "tokens.json",
     "references/figma-user-client-visual-evidence.md",
+    "references/figma-foundations-2026-11-05.md",
     "patterns",
     "schemas/page.schema.json",
     "component-registry.json",
@@ -61,7 +62,8 @@
       "patterns/navigation-tabbar.md"
     ],
     "references": [
-      "references/figma-user-client-visual-evidence.md"
+      "references/figma-user-client-visual-evidence.md",
+      "references/figma-foundations-2026-11-05.md"
     ],
     "prompts": [
       "prompts/page-generation.prompt.md"
@@ -102,6 +104,7 @@
     "patterns/form-section.md",
     "patterns/navigation-tabbar.md",
     "prompts/page-generation.prompt.md",
+    "references/figma-foundations-2026-11-05.md",
     "references/figma-user-client-visual-evidence.md",
     "schemas/component.schema.json",
     "schemas/page.schema.json",
@@ -109,12 +112,15 @@
     "tokens.json"
   ],
   "sourceHashes": {
-    "design-system/tokens/source/color.json": "sha256:c96a4e785d0b96bb9cc3789393964afed007251d9235832053a7ebb6d079225a",
+    "design-system/tokens/source/border-width.json": "sha256:a154bb433b3b4301e4da7ba9756821180aaae5c96bc503a6a2be2acf9ca85e53",
+    "design-system/tokens/source/color.json": "sha256:cae2c9ab067fd5e9abdaf7977ff34ffdee087cd5483326ccb83b273fd2a625bb",
     "design-system/tokens/source/radius.json": "sha256:7ef7d9349d3e4caf5649b4715cb01c632c7ce20d1d330e94d086027bda9779ee",
-    "design-system/tokens/source/shadow.json": "sha256:0446793a2152ed2163616e1b791104395167f32eb16e2305235d2afdc389acf6",
-    "design-system/tokens/source/spacing.json": "sha256:3673a8a009dc36f29f67677906d21a958f6f044b25c068b8e00a4b13cb340b4b",
-    "design-system/tokens/source/typography.json": "sha256:93183ea92beaa204621229bb5347ad63e1c05c323c058b6f2d73fe8cf9ba6844",
-    "design-system/DESIGN.md": "sha256:b00f2e5030df81c6d985eb46b9489b2ce98d0803134389d385053605aba66cbc",
-    "packages/ui/component-registry.json": "sha256:96c540a2772c9cc6e7f0f5957b861db637f6487399ae05f7d2f9832b6a0db1c1"
+    "design-system/tokens/source/shadow.json": "sha256:025bdabeb6b3e04c4174792506832f686f0662b12740dd3b5612846a4e063362",
+    "design-system/tokens/source/spacing.json": "sha256:48c0e8adaad606e37c16c6a84acb7be5f8341dc07516f440b400641a24981c28",
+    "design-system/tokens/source/typography.json": "sha256:ed72cd387c1cd9e3c6784a9a58871dc768a323a7df1de6a691bb0a6ba3349c72",
+    "design-system/references/figma-user-client-visual-evidence.md": "sha256:2efa1c69fc6097d7eda863fe41b67ada604af2de5b7abfad6133a99f4dff134a",
+    "design-system/references/figma-foundations-2026-11-05.md": "sha256:8455897519e087eb1f7820dea3958bb7915137a213552d1e8496a4763d9df260",
+    "design-system/DESIGN.md": "sha256:3b903c674e54fdd762a42fa1e2a4b681aec42ad12cff3f1256dacdf113fde3af",
+    "packages/ui/component-registry.json": "sha256:a4c6554280175ecfb14b93f47037ba5e0c546f602aaa1e2713e440dd56cea360"
   }
 }

package/miniprogram_dist/ai-design-system/references/figma-foundations-2026-11-05.md

@@ -0,0 +1,69 @@
+# Figma foundation corrections · 2026-11-05
+
+File: `Zk2msFrLweYZezZLIZOoJX`. Inspected through Figma high-fidelity context plus read-only node properties. These additions address concrete missing roles; arbitrary page dimensions are not promoted to global tokens.
+
+| Source node | Role | Canonical token | Exact value |
+| --- | --- | --- | --- |
+| 135:2 Font | Large body / form label | typography.size.bodyXl | 30rpx |
+| 135:2 Font | Small caption | typography.size.captionSm | 18rpx |
+| 834:1975 Layout | Looser body copy | typography.lineHeight.bodyLoose | 40rpx |
+| 683:6701 TabBar | Subtle floating border | color.border.subtle | #F0F0F0 |
+| 683:6701 TabBar | Floating navigation elevation | shadow.floating | 0 12rpx 24rpx rgba(0,0,0,0.047) |
+| 671:5933 current homepage card | Gold badge background | color.tag.goldBackground | #FFF0C8 |
+| 671:5933 current homepage card | Purple badge background | color.tag.purpleBackground | #E8E3FF |
+
+Font-board text uses normal line-height; no fixed line-height is inferred from text bounding boxes. Existing guide geometry: page margin38, card36, item24, small tag12, tiny date8. TabBar radius100 on height112 clamps visually; existing pill is equivalent and does not require another token. Vector outline cornerRadius=0 does not establish a zero visual radius.
+
+`mo-stepper variant="block"` is a component contract, not a global spacing scale: qualification frame1742:3294, background1742:3392 (674×100, radius24), buttons1742:3400/3407 (44×44, radius12), horizontal inset43. Label is owned by the page. The component uses the existing mo-core minus (two orthogonal strokes for the block plus), keeps native control hit targets, controlled values, min/max and disabled behavior. The default compact API remains compatible. Business adoption requires actual Skyline preview evidence.
+
+The generation pipeline now emits runtime WXSS and TS together with the canonical snapshot. Previously missing existing tokens (spacing1/8/10, radiusnone, borderstrong, title/headline typography and palettes) are restored by generation, not recreated with alternate names. Publish validation rejects both runtime and snapshot drift.
+
+Photo upload contract: Figma1740:2830/1740:2895/1740:2897, 538×372, radius36, background#F8F8F8, plus70×70 with8px stroke and#999999. `itemAspectRatio` defaults1; `triggerVariant=photo` does not alter file choice, crop, OSS, delete, or events. The exact SVG is uploaded to mo-core as plus-thin (icon48823338), avoiding the existing thicker record-action plus.
+
+## Measured layout roles
+
+| Token | Value | Exact evidence |
+| --- | --- | --- |
+| spacing.fieldGap | 20rpx | Address form1054:2157: label1070:1541 bottom318 → field1070:1547 top338 |
+| spacing.cardInset | 30rpx | Homecard671:5934 left38 → avatar671:5974 left68; mine menu1871:2296 children x30 |
+| spacing.sectionInset | 40rpx | Mine user1871:2429 bottom315 → order1871:2422 top355; address1126:1525 first card top216 minus navigation176 |
+| spacing.sectionGapLg | 60rpx | Address field1096:1720 bottom438 → next label1096:1721 top498; home trust665:4214 bottom1024 → card665:4213 bottom1084 |
+| spacing.pageStart | 100rpx | Address1054:2157: navigation bottom176 → first label1070:1541 top276 |
+| spacing.panelInset | 54rpx | Mine menu1871:2296 first row1871:2299 y54 and bottom823−(721+48)=54 |
+| borderWidth.hairline | 1rpx | TabBar683:6701 strokeWeight1 |
+| color.tag.goldText | #DC9416 | Homepage671:5947 |
+| color.tag.purpleText | #806ED6 | Homepage671:5950/5953 |
+| color.tag.defaultAddressBackground | rgba(255,134,201,0.12) | Default-address tag1126:1537 pink at12% over#FAFAFA (composite#FBECF4); retain the actual alpha |
+
+Roles apply only to corresponding layout duties. Do not use spacing tokens to alias unrelated font, line-height, border-width, anchor geometry or icon sizes. No50/70 spacing is inferred from high raw-value frequency; those usages still require their actual page source. The measured home search separator bottom810 → button top864 is54, not50.
+
+Large typography: `typography.size.display=50rpx` from certification heading1740:2841; `typography.size.amountLg=70rpx` from bond amount1743:3624. Both lineHeight=AUTO, so no fabricated70/98px line-height token accompanies these sizes.
+
+Mine-page exact text/background properties:1871:2446 font36 with42px line-height → `typography.lineHeight.titleCompact`;1871:2300 font26 with36.4000015px line-height → `typography.lineHeight.bodyCompact=36.4rpx` (not36). Check-in1871:2431 fill#FC9517 at6% → `color.background.checkin`;profiletag1871:2444 fill#FF86C9 at10% → `color.tag.profileBackground`. Do not promote the incorrect prior check-in orangeFF8006@4%.
+
+## Follow-up batch 0.1.22
+
+Direct node-property verification after0.1.21 was frozen:
+
+| Token | Exact value | Figma source |
+| --- | --- | --- |
+| color.progress.track | #EEEEEE | 1740:2873 (270×12 track) |
+| color.progress.active | #FF3E7A | 1740:2874 (90×12 fill) |
+| color.background.guide | #D7E6FF | 665:4200 homepage service guide |
+| color.background.heroPink | #FEDBEE | 1699:2569 certification hero |
+| color.background.featureBlue | rgba(96,184,255,0.1) | 1743:3625 feature card, opacity0.1 |
+| color.background.featureYellow | rgba(250,183,0,0.1) | 1743:3626 feature card, opacity0.1 |
+| typography.lineHeight.bodyRelaxed | 36rpx | 1743:3629/3630 font24 with fixed36 |
+| typography.lineHeight.bodyLgRelaxed | 45rpx | 1699:2615 security notice font26 with fixed45 |
+
+Do not replace explicit36/45 line heights with normal or approximate36.4/44. The existing border.subtle#F0F0F0 also matches homepage separator665:4237/4243. Existing layout corrections need no new tokens: order entry1929:2092 icon1871:2476 y497+48 → label1871:2425 y565 gives20; TabBar683:6846 icon683:6848 y1465+48 → label683:6847 y1517 gives4.
+
+Time mark sheet160:929 verified with full high-fidelity context and screenshot: backgrounds160:932/938/939/940/941 → `color.walkMark.{sniff,water,rest,stool,friend}Background` =#FFF4FA/#EAF4FF/#ECFFDF/#F7F5FF/#FFF9DD. Selected mark border160:932 is4px/#111 → `borderWidth.selection`; pet selection ellipse160:953 is3px/#111 → `borderWidth.avatarSelection`. Existing white4px/unselected outlines are not established by this evidence. Mark labels are28/AUTO at912 following100px circles at800, giving12px gap. Explicit typography:160:944/947 font34/line47.6 ;160:956 font36/line50.4 ;160:966 font28/line39.2 . Preserve fractions rather than substituting48/50/39. Existing historical rounded tokens remain compatible.
+
+The three explicit text pairs all have exactly1.4 line-height ratio. Use one `typography.lineHeight.standard=1.4` unitless token with their actual font sizes instead of introducing three separately rounded constants. It yields47.6/50.4/39.2 at34/36/28rpx respectively. Do not apply it to AUTO text or fixed42/36/45 variants.
+
+Six measured values promoted to a finite shared spacing scale: `spacing.scale.{20,30,40,54,60,100}`. Their values are identical to the directly evidenced roles above, retained as compatible semantic names. The explicit scale names distinguish physical rpx values from historical numbered indexes (`spacing.5=24`). Consumers may use this finite scale for actual padding/margin/gap when the page's source establishes the same distance; do not use it for font-size, line-height, stroke, icon dimensions or arbitrary anchors. This is a deliberate shared-scale promotion, not permission to add other raw values by frequency. Other values require further original-node evidence.
+
+Walk result568:1136, cards568:1276/1277/1278: fills#FF86C9/#38A6FF/#FC9517 all atopacity0.1, radius24. Promote `color.walkStat.distanceBackground/durationBackground/markBackground` with10% alpha. Existing mini20% values are incorrect and are not promoted. Label positions568:1291/92/93 confirm role ordering; card y1086h182, labelx68y1122 versus firstcardx38 yields padding30/36, card gap24.
+
+`spacing.scale.36=36rpx` is additionally promoted from walk-result stat-card top inset:568:1291 y1122 minus568:1276 y1086. It is an actual spacing measurement, not the unrelated36 font/line-height value.

package/miniprogram_dist/ai-design-system/tokens.json

@@ -1,4 +1,9 @@
 {
+  "borderWidth": {
+    "hairline": "1rpx",
+    "selection": "4rpx",
+    "avatarSelection": "3rpx"
+  },
   "color": {
     "brand": {
       "primary": "#FECBE7",
@@ -48,7 +53,12 @@
       "subtle": "#FAFAFA",
       "muted": "#F2F2F2",
       "tab": "#F0F0F0",
-      "icon": "#BBBBBB"
+      "icon": "#BBBBBB",
+      "checkin": "rgba(252, 149, 23, 0.06)",
+      "guide": "#D7E6FF",
+      "heroPink": "#FEDBEE",
+      "featureBlue": "rgba(96, 184, 255, 0.1)",
+      "featureYellow": "rgba(250, 183, 0, 0.1)"
     },
     "accent": {
       "amount": "#FF3E7A"
@@ -61,12 +71,37 @@
     },
     "border": {
       "default": "#CCCCCC",
-      "strong": "#c9cdd4"
+      "strong": "#c9cdd4",
+      "subtle": "#F0F0F0"
     },
     "status": {
       "success": "#11BF59",
       "warning": "#FC9517",
       "danger": "#FA5051"
+    },
+    "tag": {
+      "goldBackground": "#FFF0C8",
+      "purpleBackground": "#E8E3FF",
+      "goldText": "#DC9416",
+      "purpleText": "#806ED6",
+      "defaultAddressBackground": "rgba(255, 134, 201, 0.12)",
+      "profileBackground": "rgba(255, 134, 201, 0.1)"
+    },
+    "progress": {
+      "track": "#EEEEEE",
+      "active": "#FF3E7A"
+    },
+    "walkMark": {
+      "sniffBackground": "#FFF4FA",
+      "waterBackground": "#EAF4FF",
+      "restBackground": "#ECFFDF",
+      "stoolBackground": "#F7F5FF",
+      "friendBackground": "#FFF9DD"
+    },
+    "walkStat": {
+      "distanceBackground": "rgba(255, 134, 201, 0.1)",
+      "durationBackground": "rgba(56, 166, 255, 0.1)",
+      "markBackground": "rgba(252, 149, 23, 0.1)"
     }
   },
   "radius": {
@@ -80,7 +115,8 @@
   "shadow": {
     "none": "none",
     "sm": "0 2rpx 8rpx rgba(31, 35, 41, 0.08)",
-    "md": "0 8rpx 24rpx rgba(31, 35, 41, 0.10)"
+    "md": "0 8rpx 24rpx rgba(31, 35, 41, 0.10)",
+    "floating": "0 12rpx 24rpx rgba(0, 0, 0, 0.047)"
   },
   "spacing": {
     "0": "0",
@@ -92,7 +128,22 @@
     "6": "32rpx",
     "8": "48rpx",
     "10": "64rpx",
-    "page": "38rpx"
+    "page": "38rpx",
+    "fieldGap": "20rpx",
+    "cardInset": "30rpx",
+    "sectionInset": "40rpx",
+    "sectionGapLg": "60rpx",
+    "pageStart": "100rpx",
+    "panelInset": "54rpx",
+    "scale": {
+      "20": "20rpx",
+      "30": "30rpx",
+      "36": "36rpx",
+      "40": "40rpx",
+      "54": "54rpx",
+      "60": "60rpx",
+      "100": "100rpx"
+    }
   },
   "typography": {
     "fontFamily": "system",
@@ -107,7 +158,11 @@
       "assist": "22rpx",
       "caption": "20rpx",
       "title": "32rpx",
-      "headline": "40rpx"
+      "headline": "40rpx",
+      "bodyXl": "30rpx",
+      "captionSm": "18rpx",
+      "display": "50rpx",
+      "amountLg": "70rpx"
     },
     "lineHeight": {
       "headlineLg": "59rpx",
@@ -120,7 +175,13 @@
       "assist": "31rpx",
       "caption": "28rpx",
       "title": "46rpx",
-      "headline": "56rpx"
+      "headline": "56rpx",
+      "bodyLoose": "40rpx",
+      "titleCompact": "42rpx",
+      "bodyCompact": "36.4rpx",
+      "bodyRelaxed": "36rpx",
+      "bodyLgRelaxed": "45rpx",
+      "standard": 1.4
     },
     "weight": {
       "regular": 400,
@@ -128,4 +189,4 @@
       "semibold": 600
     }
   }
-}
+}

package/miniprogram_dist/icon/_iconfont/iconfont.js

@@ -1,6 +1,6 @@
 Component({
   properties: {
-    // stop-circle | refresh | clock-outline | play | chevron-down | ellipsis | cat-coin | cat-coin-face | pet-bathtub | shopping-bag | refund-yen | pet-food-bowl | trash | shield-plus | close-circle-cutout | minus | home-smile | service-heart-handshake | chevron-right | copy | close-circle-filled | undo | external-link | video-camera | search | lock | chat-dots | volume | bookmark-star | headset | user-heart | bell-outline | cat-hourglass | dog-face | time | target | share | a-Group32 | edit-square-pen | calendar-close | document-text | webcam-filled | yuan-heart-filled | check | badge-check-filled | location-pin-filled | shield-heart-filled | image | camera | face-smile | gender-male | location-pin | thumb-up-outline | calendar | thumb-up-filled | gender-female | wechat | question-circle | edit-square | hexagon-circle | radio-selected | star-outline | radio-unselected | yuan-square | check-circle-filled | close | arrow-turn-right | star | user | plus | time-house | home | bell | logo | arrow-left
+    // stop-circle | refresh | clock-outline | play | chevron-down | ellipsis | cat-coin | cat-coin-face | pet-bathtub | shopping-bag | refund-yen | pet-food-bowl | trash | shield-plus | close-circle-cutout | minus | home-smile | service-heart-handshake | chevron-right | copy | close-circle-filled | undo | external-link | video-camera | search | lock | chat-dots | volume | bookmark-star | headset | user-heart | bell-outline | cat-hourglass | dog-face | time | target | share | a-Group32 | edit-square-pen | calendar-close | document-text | webcam-filled | yuan-heart-filled | check | badge-check-filled | location-pin-filled | shield-heart-filled | image | camera | face-smile | gender-male | location-pin | thumb-up-outline | calendar | thumb-up-filled | gender-female | wechat | question-circle | edit-square | hexagon-circle | radio-selected | star-outline | radio-unselected | yuan-square | check-circle-filled | close | arrow-turn-right | star | user | plus | time-house | home | bell | logo | arrow-left | plus-thin
     name: {
       type: String,
     },

package/miniprogram_dist/icon/_iconfont/iconfont.wxml

@@ -221,4 +221,7 @@
 <view wx:if="{{name === 'logo'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1268 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M1087.4728925 601.24652656C1064.06999187 884.34391625 804.58119219 937.82319969 633.99598906 938.80593875c-184.38925781 1.05130219-324.71524219-61.63830281-403.76859469-160.84923094-56.450355-70.80291562-77.93348625-160.71210469-63.94659656-267.25929375 15.3810075-117.03735656 86.32104938-200.68444125 127.23041625-240.13112718 80.01323625-77.08787437 171.63650531-112.53504 296.92429781-112.53504094 26.62537031 0 54.75913031 1.59980719 84.62982469 4.73086031 203.22127969 21.39171375 436.33610719 149.30776219 412.40755594 438.48442031z' fill='{{(isStr ? colors : colors[0]) || 'rgb(255,255,255)'}}' /%3E%3Cpath d='M877.80667344 747.56036281c105.6558675-85.68112688 113.12925469-189.64576875 83.87562937-290.25081562-30.05352938-103.301865-148.804965-216.20257594-355.61438437-220.0878225-189.417225-3.56528531-287.53114219 76.19655281-337.10232469 152.18741531-58.73579531 89.95489781-68.90600063 252.42679125 55.33048969 351.36346687 151.50178406 120.671205 423.78904406 112.00938937 553.53344437 6.78775594z' fill='{{(isStr ? colors : colors[1]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M768.49410312 470.99933c-28.4080125 11.65574156-58.0730175 60.83839875-40.22373562 105.99868312 17.89499156 45.16028437 65.24929781 58.05016313 104.55885656 52.54225407 39.30955875-5.53076344 68.76887437-40.40657063 66.117765-87.55518657-2.97107156-52.79365219-65.22644344-97.72539281-130.45288593-70.98575062zM324.77602625 430.22708937c-32.7503475 5.53076344-60.74698125 37.06982813-65.43213281 72.40272282-7.26769781 54.85054781 39.03530625 93.86299969 88.44650812 93.70301906 49.41120187-0.15998062 88.6521975-41.82354281 84.94978594-89.26926656-3.67955719-47.42286938-45.25170188-87.41806031-107.96416125-76.83647532z' fill='{{(isStr ? colors : colors[2]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M347.63042094 459.13789906c-30.46490813 1.41697219-58.09587188 31.88188125-48.97696875 62.57533313 9.1417575 30.6705975 42.18921281 44.93174063 74.96241562 38.6239275 32.7503475-6.30781313 40.31515219-29.7564225 40.65796875-46.39442156 0.4570875-22.51157906-14.67252188-57.22740469-66.64341562-54.80483907z' fill='{{(isStr ? colors : colors[3]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M539.10454156 986.57162375c31.42479281 3.63384844 64.28941312 5.59932656 98.91382032 5.41649156a828.88319344 828.88319344 0 0 0 137.2177875-11.56432312l62.84958562-14.05545282c165.05443969-45.86877094 271.738755-152.30168719 301.54088625-309.51707062 18.46635094 7.03915406 51.26240813 17.82642844 64.60937438 11.10723656 19.03771125-9.55313719 11.86143094-29.11649906-6.03356063-31.88188125-11.77001344-1.82835188-37.84687781-4.22806313-54.32489625-5.64503531 1.21128281-9.39315656 2.28543938-18.900585 2.97107156-28.63655719 0.06856313-0.73134094 0.06856313-1.46268094 0.11427188-2.19402187 21.16317-0.22854375 53.79924563-1.14271969 63.07812937-4.1595 14.07830719-4.6165875 13.59836531-22.69441406 1.94262375-30.64774313-7.31340656-5.02796719-40.31515219-0.77704969-63.83232468 3.06248906 0.0914175-11.19865312-0.182835-22.23732656-0.77704969-33.18458156 20.24899406-6.28495875 46.69152844-15.15246375 54.87340219-21.02604375 13.80405469-9.96451594 6.12497813-28.75082906-9.05034-30.6705975-7.99903781-1.02844781-29.84784 8.7760875-48.67986094 18.23780719-12.50135438-102.13629094-56.51891812-192.29687813-128.8987875-260.86006313A407.49386063 407.49386063 0 0 0 984.3538625 213.79596969c6.85631812-28.81939219 12.31851844-118.72858125 1.30270031-140.78307281C971.92107125 45.49620594 942.07323219 53.81520594 918.07611687 68.21347437c-31.8361725 19.15198313-56.29037438 46.71438281-74.89385156 68.51747626-52.40512781-19.65477938-107.80418063-32.36182313-160.94064844-36.29277938-55.83328687-4.1595-158.31239344-8.43327188-261.34000593 24.36278438-13.36982062-22.85439469-39.81235594-65.54640469-58.00445438-78.48199125-25.20839719-17.94070031-50.41679531-21.52884-63.03242062 4.77656812-10.99296375 22.96866656-7.15342594 108.76406531-4.47946219 136.57786406-13.25554875 9.73597219-26.1454275 20.43182906-38.55536344 32.29326-40.95507562 39.081015-107.25567562 120.25982625-135.02376562 230.69226188C96.2320775 439.14030313 64.57874 425.83904562 55.09416594 427.21030906c-14.60395875 2.12545875-23.76857062 22.62585094-6.422085 31.744755 10.65014812 5.59932656 43.1490975 15.74667844 66.64341562 22.74012282-1.00559344 5.66788969-2.03404125 11.33578031-2.81109 17.14079625-0.68563219 5.09653031-1.14271969 10.10164219-1.69122562 15.12960937-22.35159844-2.97107156-56.58748219-6.6963375-65.93492906-3.35959594-14.16972469 5.05082156-16.75227187 30.09923812 1.8054975 32.52180375 11.49576094 1.50838969 40.90936687 2.262585 61.63830281 2.60540063-0.52565063 11.33578031-0.57136031 22.46587031-0.34281656 33.48168843-21.55169438 1.43982656-68.10609656 5.59932656-72.51699469 13.71263719-5.66788969 10.39875-5.32507406 31.49335594 12.5699175 30.28207313 11.79286781-0.79990406 42.09779531-9.43886531 61.40975906-15.24388125 6.67348313 77.3392725 33.41312531 145.49107781 80.01323625 203.44982344 64.15228688 79.80754687 159.82078312 138.26908875 285.33712031 164.73447843l64.28941313 10.42160344z m546.22003782-390.12452063c-23.17435688 277.68089812-279.9663375 330.1774425-448.79175282 331.13732813-182.46948844 1.02844781-321.33279187-60.44987438-399.58624031-157.78674281-55.83328687-69.45450562-77.13358313-157.64961562-63.28381969-262.13990907 15.22102688-114.84333469 85.42972781-196.89061219 125.92771594-235.56024843 79.19047875-75.64804687 169.8767175-110.40958125 293.83895531-110.40958125 26.35111687 0 54.16491563 1.57695281 83.73850313 4.63944187 201.11867531 20.98033406 431.81093719 146.47381688 408.15663843 430.11971156z' fill='{{(isStr ? colors : colors[4]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M629.83648906 614.43351219c-12.98129625 2.85679969-16.7294175 20.77464469-42.05208656 8.91321375-13.36982062-6.23925-15.31244438-20.70608156-14.99248312-30.35063625 17.68930125-9.48457406 33.04745531-28.17946875 23.83713374-43.42335-9.62170031-15.95236781-37.06982813-16.02093094-58.00445437-12.50135438-20.93462531 3.51957656-19.49479875 21.6202575-15.51813375 32.95603782 2.42256563 6.90202687 9.05034 16.820835 16.52372719 23.47146375-2.60540063 11.45005219-8.45612625 25.98544688-21.82594688 29.20791656-22.71726844 5.48505469-25.66548563-10.14735094-29.89354875-19.72334344-4.86798656-11.06152688-29.20791656-11.15294437-31.53906469 9.18746719-2.10260437 18.69489469 10.23876937 47.90281125 41.54928938 50.80531969 38.07542156 3.54243094 54.66771281-23.22006563 55.39905375-28.97937282 7.86191156 18.85487625 26.73964219 38.32682063 56.90744344 37.36693594 30.16780125-0.95988469 44.8631775-25.82546625 44.47465218-39.19528781-0.38852438-13.34696625-9.66740906-21.09460688-24.86558156-17.73501zM809.51774188 493.23665563c-34.21302938 7.03915406-48.83984156 31.58477344-47.65141407 59.74138874 1.18842844 28.15661438 28.29374063 49.25122125 68.24322375 43.67474813 38.64678187-5.39363719 51.559515-33.16172719 51.33097032-56.33608313-0.20568938-17.87213719-24.72845531-56.77031719-71.89992563-47.08005375z' fill='{{(isStr ? colors : colors[5]) || 'rgb(76,57,58)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
 
 <!--arrow-left-->
-<view wx:if="{{name === 'arrow-left'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M275.98696297 575.71555556L670.5682963 970.29688889c17.74933333 17.74933333 46.53511111 17.74933333 64.28444445 0 17.74933333-17.74933333 17.74933333-46.53511111 0-64.28444444l-394.58133334-394.58133334 394.58133334-394.58133333c17.74933333-17.74933333 17.74933333-46.53511111 0-64.28444445-17.74933333-17.74933333-46.53511111-17.74933333-64.28444445 0L275.98696297 447.14666667l-24.00711112 24.00711111c-22.18666667 22.18666667-22.18666667 58.25422222 0 80.44088889L275.98696297 575.71555556z' fill='{{(isStr ? colors : colors[0]) || 'rgb(0,0,0)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+<view wx:if="{{name === 'arrow-left'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M275.98696297 575.71555556L670.5682963 970.29688889c17.74933333 17.74933333 46.53511111 17.74933333 64.28444445 0 17.74933333-17.74933333 17.74933333-46.53511111 0-64.28444444l-394.58133334-394.58133334 394.58133334-394.58133333c17.74933333-17.74933333 17.74933333-46.53511111 0-64.28444445-17.74933333-17.74933333-46.53511111-17.74933333-64.28444445 0L275.98696297 447.14666667l-24.00711112 24.00711111c-22.18666667 22.18666667-22.18666667 58.25422222 0 80.44088889L275.98696297 575.71555556z' fill='{{(isStr ? colors : colors[0]) || 'rgb(0,0,0)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--plus-thin-->
+<view wx:if="{{name === 'plus-thin'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M512 0a58.514286 58.514286 0 0 1 58.514286 58.514286v394.971428h394.971428a58.514286 58.514286 0 0 1 0 117.028572H570.514286v394.971428a58.514286 58.514286 0 0 1-117.028572 0V570.514286H58.514286a58.514286 58.514286 0 0 1 0-117.028572h394.971428V58.514286a58.514286 58.514286 0 0 1 58.514286-58.514286z' fill='{{(isStr ? colors : colors[0]) || 'rgb(153,153,153)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />

package/miniprogram_dist/index.js

@@ -1,4 +1,4 @@
 module.exports = {
-  version: "0.1.20",
+  version: "0.1.22",
   components: ["button","calendar","card","countdown","form","form-group","form-input","form-textarea","icon","image-cropper","input","media-upload","navbar","notify","oss-upload","photo-slot","popup","popup-page","progress","rate","stepper","switch","tab","tabs","textarea","toast","upload"]
 };

package/miniprogram_dist/media-upload/media-upload.js

@@ -242,6 +242,10 @@ Component({
       type: Number,
       value: 160
     },
+    itemAspectRatio: {
+      type: Number,
+      value: 1
+    },
     triggerVariant: {
       type: String,
       value: "default"

package/miniprogram_dist/media-upload/media-upload.wxml

@@ -10,6 +10,7 @@
     preview="{{false}}"
     image-radius="{{imageRadius}}"
     item-size="{{itemSize}}"
+    item-aspect-ratio="{{itemAspectRatio}}"
     trigger-variant="{{triggerVariant}}"
     auto-append="{{false}}"
     bind:choose="handleChoose"

package/miniprogram_dist/stepper/stepper.js

@@ -31,6 +31,10 @@ function clampValue(value, min, max) {
 
 Component({
   properties: {
+    variant: {
+      type: String,
+      value: "compact"
+    },
     value: {
       type: Number,
       value: 0,

package/miniprogram_dist/stepper/stepper.wxml

@@ -1,8 +1,8 @@
 <view
-  class="mo-stepper {{customClass}} {{disabled ? 'is-disabled' : ''}} {{decreaseDisabled ? 'is-decrease-disabled' : ''}} {{increaseDisabled ? 'is-increase-disabled' : ''}} {{disableInput ? 'is-input-disabled' : ''}}"
+  class="mo-stepper {{variant === 'block' ? 'mo-stepper--block' : ''}} {{customClass}} {{disabled ? 'is-disabled' : ''}} {{decreaseDisabled ? 'is-decrease-disabled' : ''}} {{increaseDisabled ? 'is-increase-disabled' : ''}} {{disableInput ? 'is-input-disabled' : ''}}"
 >
   <view class="mo-stepper__button mo-stepper__button--decrease" bindtap="handleDecrease">
-    <view class="mo-stepper__icon"><mo-icon name="minus" size="{{34}}" color="{{disabled || decreaseDisabled ? '#666666' : '#111111'}}" /></view>
+    <view class="mo-stepper__icon"><mo-icon name="minus" size="{{variant === 'block' ? 38 : 34}}" color="{{disabled || decreaseDisabled ? '#666666' : (variant === 'block' ? '#FFFFFF' : '#111111')}}" /></view>
   </view>
   <input
     class="mo-stepper__input"
@@ -14,6 +14,12 @@
     bindconfirm="handleInputCommit"
   />
   <view class="mo-stepper__button mo-stepper__button--increase" bindtap="handleIncrease">
-    <view class="mo-stepper__icon"><mo-icon name="plus" size="{{34}}" color="{{disabled || increaseDisabled ? '#666666' : '#111111'}}" /></view>
+    <view class="mo-stepper__icon">
+      <view wx:if="{{variant === 'block'}}" class="mo-stepper__block-plus">
+        <mo-icon name="minus" size="{{38}}" color="{{disabled || increaseDisabled ? '#666666' : '#FFFFFF'}}" />
+        <view class="mo-stepper__block-plus-vertical"><mo-icon name="minus" size="{{38}}" color="{{disabled || increaseDisabled ? '#666666' : '#FFFFFF'}}" /></view>
+      </view>
+      <mo-icon wx:else name="plus" size="{{34}}" color="{{disabled || increaseDisabled ? '#666666' : '#111111'}}" />
+    </view>
   </view>
 </view>

package/miniprogram_dist/stepper/stepper.wxss

@@ -71,3 +71,55 @@
   align-items: center;
   justify-content: center;
 }
+
+/* Figma 1742:3294 / 1742:3392, 3400, 3407: full-width numeric field. */
+.mo-stepper--block {
+  display: flex;
+  width: 100%;
+  height: 100rpx;
+  padding: 0 43rpx;
+  border: 0;
+  border-radius: var(--mo-radius-lg, 24rpx);
+  background-color: var(--mo-color-background-page, #F8F8F8);
+}
+
+.mo-stepper--block .mo-stepper__button {
+  flex-shrink: 0;
+  width: 44rpx;
+  height: 44rpx;
+  border: 0;
+  border-radius: var(--mo-radius-md, 12rpx);
+  background-color: var(--mo-color-text-primary, #111111);
+}
+
+.mo-stepper--block .mo-stepper__input {
+  flex: 1;
+  width: 0;
+  min-width: 0;
+  height: 100rpx;
+  padding: 0;
+  font-weight: var(--mo-font-weight-regular, 400);
+  line-height: 100rpx;
+}
+
+.mo-stepper--block.is-decrease-disabled .mo-stepper__button--decrease,
+.mo-stepper--block.is-increase-disabled .mo-stepper__button--increase {
+  background-color: var(--mo-color-background-muted, #F2F2F2);
+}
+
+.mo-stepper--block.is-input-disabled .mo-stepper__input {
+  background-color: transparent;
+}
+
+.mo-stepper__block-plus {
+  position: relative;
+  width: 38rpx;
+  height: 38rpx;
+}
+
+.mo-stepper__block-plus-vertical {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: rotate(90deg);
+}

package/miniprogram_dist/theme/theme.wxss

@@ -1,5 +1,9 @@
+/* Generated from design-system/tokens/source. Do not edit. */
 page,
 .theme-maooo {
+  --mo-border-width-hairline: 1rpx;
+  --mo-border-width-selection: 4rpx;
+  --mo-border-width-avatar-selection: 3rpx;
   --mo-color-brand-primary: #FECBE7;
   --mo-color-brand-primary-active: #FF7688;
   --mo-color-brand-primary-subtle: #FFC2C2;
@@ -10,6 +14,16 @@ page,
   --mo-color-brand-blue-soft: #D6ECF9;
   --mo-color-brand-yellow: #F8BF7E;
   --mo-color-brand-yellow-strong: #FED75D;
+  --mo-color-palette-pink-1: #FFE7E4;
+  --mo-color-palette-pink-2: #FDD7C8;
+  --mo-color-palette-pink-3: #FFC2C2;
+  --mo-color-palette-pink-4: #FECBE7;
+  --mo-color-palette-pink-5: #FF7688;
+  --mo-color-palette-blue-1: #D6ECF9;
+  --mo-color-palette-blue-2: #7EAFF8;
+  --mo-color-palette-yellow-1: #F8BF7E;
+  --mo-color-palette-yellow-2: #FED75D;
+  --mo-color-palette-brown-1: #4A383A;
   --mo-color-text-primary: #111111;
   --mo-color-text-input: #3D3D3D;
   --mo-color-text-secondary: #666666;
@@ -24,26 +38,71 @@ page,
   --mo-color-background-muted: #F2F2F2;
   --mo-color-background-tab: #F0F0F0;
   --mo-color-background-icon: #BBBBBB;
+  --mo-color-background-checkin: rgba(252, 149, 23, 0.06);
+  --mo-color-background-guide: #D7E6FF;
+  --mo-color-background-hero-pink: #FEDBEE;
+  --mo-color-background-feature-blue: rgba(96, 184, 255, 0.1);
+  --mo-color-background-feature-yellow: rgba(250, 183, 0, 0.1);
   --mo-color-accent-amount: #FF3E7A;
   --mo-color-gender-female: #FF86C9;
   --mo-color-gender-male: #38A6FF;
   --mo-color-gender-female-bg: #FFF5FA;
   --mo-color-gender-male-bg: #F3F8FD;
   --mo-color-border-default: #CCCCCC;
+  --mo-color-border-strong: #c9cdd4;
+  --mo-color-border-subtle: #F0F0F0;
   --mo-color-status-success: #11BF59;
   --mo-color-status-warning: #FC9517;
   --mo-color-status-danger: #FA5051;
+  --mo-color-tag-gold-background: #FFF0C8;
+  --mo-color-tag-purple-background: #E8E3FF;
+  --mo-color-tag-gold-text: #DC9416;
+  --mo-color-tag-purple-text: #806ED6;
+  --mo-color-tag-default-address-background: rgba(255, 134, 201, 0.12);
+  --mo-color-tag-profile-background: rgba(255, 134, 201, 0.1);
+  --mo-color-progress-track: #EEEEEE;
+  --mo-color-progress-active: #FF3E7A;
+  --mo-color-walk-mark-sniff-background: #FFF4FA;
+  --mo-color-walk-mark-water-background: #EAF4FF;
+  --mo-color-walk-mark-rest-background: #ECFFDF;
+  --mo-color-walk-mark-stool-background: #F7F5FF;
+  --mo-color-walk-mark-friend-background: #FFF9DD;
+  --mo-color-walk-stat-distance-background: rgba(255, 134, 201, 0.1);
+  --mo-color-walk-stat-duration-background: rgba(56, 166, 255, 0.1);
+  --mo-color-walk-stat-mark-background: rgba(252, 149, 23, 0.1);
+  --mo-radius-none: 0;
   --mo-radius-sm: 8rpx;
   --mo-radius-md: 12rpx;
   --mo-radius-lg: 24rpx;
   --mo-radius-xl: 36rpx;
   --mo-radius-pill: 999rpx;
+  --mo-shadow-none: none;
+  --mo-shadow-sm: 0 2rpx 8rpx rgba(31, 35, 41, 0.08);
+  --mo-shadow-md: 0 8rpx 24rpx rgba(31, 35, 41, 0.10);
+  --mo-shadow-floating: 0 12rpx 24rpx rgba(0, 0, 0, 0.047);
+  --mo-spacing-0: 0;
+  --mo-spacing-1: 4rpx;
   --mo-spacing-2: 8rpx;
   --mo-spacing-3: 12rpx;
   --mo-spacing-4: 16rpx;
   --mo-spacing-5: 24rpx;
   --mo-spacing-6: 32rpx;
+  --mo-spacing-8: 48rpx;
+  --mo-spacing-10: 64rpx;
   --mo-spacing-page: 38rpx;
+  --mo-spacing-field-gap: 20rpx;
+  --mo-spacing-card-inset: 30rpx;
+  --mo-spacing-section-inset: 40rpx;
+  --mo-spacing-section-gap-lg: 60rpx;
+  --mo-spacing-page-start: 100rpx;
+  --mo-spacing-panel-inset: 54rpx;
+  --mo-spacing-scale-20: 20rpx;
+  --mo-spacing-scale-30: 30rpx;
+  --mo-spacing-scale-36: 36rpx;
+  --mo-spacing-scale-40: 40rpx;
+  --mo-spacing-scale-54: 54rpx;
+  --mo-spacing-scale-60: 60rpx;
+  --mo-spacing-scale-100: 100rpx;
   --mo-font-size-headline-lg: 42rpx;
   --mo-font-size-title-1: 38rpx;
   --mo-font-size-title-2: 36rpx;
@@ -53,6 +112,12 @@ page,
   --mo-font-size-body: 24rpx;
   --mo-font-size-assist: 22rpx;
   --mo-font-size-caption: 20rpx;
+  --mo-font-size-title: 32rpx;
+  --mo-font-size-headline: 40rpx;
+  --mo-font-size-body-xl: 30rpx;
+  --mo-font-size-caption-sm: 18rpx;
+  --mo-font-size-display: 50rpx;
+  --mo-font-size-amount-lg: 70rpx;
   --mo-line-height-headline-lg: 59rpx;
   --mo-line-height-title-1: 53rpx;
   --mo-line-height-title-2: 50rpx;
@@ -62,6 +127,14 @@ page,
   --mo-line-height-body: 34rpx;
   --mo-line-height-assist: 31rpx;
   --mo-line-height-caption: 28rpx;
+  --mo-line-height-title: 46rpx;
+  --mo-line-height-headline: 56rpx;
+  --mo-line-height-body-loose: 40rpx;
+  --mo-line-height-title-compact: 42rpx;
+  --mo-line-height-body-compact: 36.4rpx;
+  --mo-line-height-body-relaxed: 36rpx;
+  --mo-line-height-body-lg-relaxed: 45rpx;
+  --mo-line-height-standard: 1.4;
   --mo-font-weight-regular: 400;
   --mo-font-weight-medium: 500;
   --mo-font-weight-semibold: 600;

package/miniprogram_dist/upload/upload.js

@@ -17,8 +17,13 @@ function normalizeItemSize(value) {
   return Number.isFinite(numberValue) && numberValue > 0 ? Math.floor(numberValue) : 160;
 }
 
+function normalizeItemAspectRatio(value) {
+  const ratio = Number(value);
+  return Number.isFinite(ratio) && ratio > 0 ? ratio : 1;
+}
+
 function normalizeTriggerVariant(value) {
-  return value === "camera" ? "camera" : "default";
+  return value === "camera" || value === "photo" ? value : "default";
 }
 
 function normalizeAccept(value) {
@@ -165,6 +170,11 @@ Component({
       value: 160,
       observer: "syncFromProps"
     },
+    itemAspectRatio: {
+      type: Number,
+      value: 1,
+      observer: "syncFromProps"
+    },
     triggerVariant: {
       type: String,
       value: "default",
@@ -203,10 +213,15 @@ Component({
       const radius = normalizeRadius(this.data.imageRadius);
       const itemSize = normalizeItemSize(this.data.itemSize);
 
+      const proposedHeight = itemSize / normalizeItemAspectRatio(this.data.itemAspectRatio);
+      const roundedHeight = Number(proposedHeight.toFixed(4));
+      const itemHeight = Number.isFinite(roundedHeight) && roundedHeight > 0 ? roundedHeight : itemSize;
+
       this.setData({
         displayList: fileList.map((file, index) => normalizeDisplayFile(file, index, radius)),
         canChoose: !this.data.disabled && fileList.length < maxCount,
-        itemStyle: `width: ${itemSize}rpx; height: ${itemSize}rpx;`,
+        itemStyle: `width: ${itemSize}rpx; height: ${itemHeight}rpx;`,
+        triggerRadiusStyle: normalizeTriggerVariant(this.data.triggerVariant) === "photo" ? `border-radius: ${radius}rpx;` : "",
         resolvedTriggerVariant: normalizeTriggerVariant(this.data.triggerVariant)
       });
     },

package/miniprogram_dist/upload/upload.wxml

@@ -29,7 +29,7 @@
     <view
       wx:if="{{canChoose}}"
       class="mo-upload__trigger is-{{resolvedTriggerVariant}}"
-      style="{{itemStyle}}"
+      style="{{itemStyle}} {{triggerRadiusStyle}}"
       bindtap="handleChoose"
     >
       <view class="mo-upload__trigger-content">
@@ -39,6 +39,7 @@
             <mo-icon name="plus" size="{{24}}" color="#4A383A" />
           </view>
         </view>
+        <mo-icon wx:elif="{{resolvedTriggerVariant === 'photo'}}" name="plus-thin" size="{{70}}" color="#999999" />
         <block wx:else>
           <slot></slot>
           <text class="mo-upload__trigger-plus">+</text>

package/miniprogram_dist/upload/upload.wxss

@@ -160,3 +160,8 @@
 .mo-upload.is-disabled {
   opacity: 0.56;
 }
+
+.mo-upload__trigger.is-photo {
+  border: 0;
+  background-color: var(--mo-color-background-page, #F8F8F8);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maooo-skyline-ui-system",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "private": false,
   "description": "Skyline + AI design system workspace for WeChat Mini Program UI components.",
   "main": "miniprogram_dist/index.js",