maooo-skyline-ui-system 0.1.26 → 0.1.28

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

@@ -616,7 +616,7 @@
         "Controlled upload file list display",
         "Auto append or business pipeline choose mode",
         "Configurable item width and aspect ratio",
-        "Default, borderless camera-plus and photo placeholder trigger variants",
+        "Default, borderless camera-plus, photo and avatar placeholder trigger variants",
         "Preview and delete events",
         "Max count limiting",
         "Basic upload status overlays"
@@ -679,7 +679,7 @@
       "capabilities": [
         "Composes mo-upload media choosing and display",
         "Composes mo-image-cropper image and cover cropping",
-        "Configurable item width and aspect ratio and default, camera-plus or photo trigger variants",
+        "Configurable item width and aspect ratio and default, camera-plus, photo or avatar 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

@@ -85,10 +85,11 @@
       "enum": [
         "default",
         "camera",
-        "photo"
+        "photo",
+        "avatar"
       ],
       "default": "default",
-      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口"
+      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口；avatar 为 #F0F0F0 灰底头像占位入口，尺寸与圆角使用 itemSize/imageRadius"
     },
     {
       "name": "enableCrop",

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

@@ -85,10 +85,11 @@
       "enum": [
         "default",
         "camera",
-        "photo"
+        "photo",
+        "avatar"
       ],
       "default": "default",
-      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口"
+      "description": "选择触发器外观；camera 为无文字、无边框的相机加号入口；photo 为灰底无文字矩形照片占位入口；avatar 为 #F0F0F0 灰底头像占位入口，尺寸与圆角使用 itemSize/imageRadius"
     },
     {
       "name": "autoAppend",
@@ -121,7 +122,8 @@
     "color.text.secondary",
     "color.text.inverse",
     "radius.md",
-    "color.background.page"
+    "color.background.page",
+    "color.background.tab"
   ],
   "eventDetails": {
     "onChoose": {

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

@@ -1,10 +1,10 @@
 {
   "package": {
     "name": "maooo-skyline-ui-system",
-    "version": "0.1.26"
+    "version": "0.1.28"
   },
-  "snapshotVersion": "0.1.26",
-  "generatedAt": "2026-11-05T03:31:33.237Z",
+  "snapshotVersion": "0.1.28",
+  "generatedAt": "2026-11-05T04:59:24.989Z",
   "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",
@@ -113,14 +113,14 @@
   ],
   "sourceHashes": {
     "design-system/tokens/source/border-width.json": "sha256:a154bb433b3b4301e4da7ba9756821180aaae5c96bc503a6a2be2acf9ca85e53",
-    "design-system/tokens/source/color.json": "sha256:e62f7f8012ff857b8084ec880ee09324a79b7822a9208364381cd7e4b5c9ee4c",
+    "design-system/tokens/source/color.json": "sha256:e7568dace701de11e48d9d938d2a92ca954046bbfa08dbe472e297770cc4843f",
     "design-system/tokens/source/radius.json": "sha256:bfd50ac1fdf091ad94a00f201712cce42e889797270fb0be87ee6cb075c2ff5c",
     "design-system/tokens/source/shadow.json": "sha256:025bdabeb6b3e04c4174792506832f686f0662b12740dd3b5612846a4e063362",
-    "design-system/tokens/source/spacing.json": "sha256:bedb2d35044ff9b440857eea6bcfbea543ed7d2fef089fa781b1732aa7a5e40a",
-    "design-system/tokens/source/typography.json": "sha256:0035640290a133444cf0f9f39df1ca9261c4cb3501a8b79ca438d7f2818ab5c4",
+    "design-system/tokens/source/spacing.json": "sha256:e1398e8c86fa38b572d9b01410057327af0987acfbca80fead7abc0f9129cdf4",
+    "design-system/tokens/source/typography.json": "sha256:9c0a378cee112543faed4cc2a88b41da117bab9317372a37b604203521bdc2a9",
     "design-system/references/figma-user-client-visual-evidence.md": "sha256:2efa1c69fc6097d7eda863fe41b67ada604af2de5b7abfad6133a99f4dff134a",
-    "design-system/references/figma-foundations-2026-11-05.md": "sha256:c29b73e166465790fd128c2d0eecd09f7d60eab9bad4130c3d843cd0c95308a9",
+    "design-system/references/figma-foundations-2026-11-05.md": "sha256:4305e6309c999cd20052d89259c0a51b6ada9143b833456a8873854f7a339776",
     "design-system/DESIGN.md": "sha256:3b903c674e54fdd762a42fa1e2a4b681aec42ad12cff3f1256dacdf113fde3af",
-    "packages/ui/component-registry.json": "sha256:a4c6554280175ecfb14b93f47037ba5e0c546f602aaa1e2713e440dd56cea360"
+    "packages/ui/component-registry.json": "sha256:ee37ab5d7c1ec17874737ca08e6540421c0b6d311e6c92a2f396b7e4f1b28663"
   }
 }

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

@@ -129,3 +129,31 @@ Honor privilege pet311:2353 full context/screenshot plus direct properties: card
 ## Shared fixed40 line-height after0.1.25
 
 Direct properties in current pet-edit original nodes1683:401 (font36) and1683:406 (font28) both explicitly lineHeight PIXELS40, alongside documented earlier tip font24/fixed40. Promote typography.lineHeight.scale40=40rpx as a deliberate finite shared fixed-height value across these text roles, not as an AUTO-text approximation. Current hero1683:390 was exported read-only with svgOutlineText:false; Figma nodes were not cloned, hidden or modified.
+
+
+## Consolidated source additions in0.1.27
+
+Full contexts/screenshots and direct node properties distinguish actual paint alpha and fixed text heights. System notifications655:1734: metadata655:1803/1805/1809 and details655:1837 are font26/PIXELS31, establishing finite typography.lineHeight.scale31=31rpx rather than borrowing assist typography. Titles655:1800/1801/1802 are font30/PIXELS36 and body655:1806/1807/1808 font26/AUTO, so retain existing titleDense36 and normal respectively. Cards655:1797/1798/1799 have radius36 and white fill with node opacity0.98; color.background.notificationCard=rgba(255,255,255,0.98) applies only to the background, never to the whole content container (which would double alpha text). Individual text opacity is not uniform: date655:1809 is1.
+
+Shared color.background.brandPrimary70=rgba(254,203,231,0.7) has independent evidence: record mood card248:80 #FECBE7/node opacity0.699999988; ranking TOP2 404:530 #FECBE7/fill opacity0.699999988 and node opacity1. Ranking TOP1 404:522 uses existing brand.primary; TOP3 404:538 fill opacity0.40000000596 gives brandPrimary40=rgba(254,203,231,0.4). Do not replace these with opaque flattened samples or assign a record-specific alias to ranking.
+
+Recommend location divider665:4862 is2×24, solid black fill opacity1 and node opacity0.10000000149: color.border.locationDivider=rgba(0,0,0,0.1). Adjacent address665:4860 and time665:4861 font28/AUTO, distinct from the fixed42 home labels. Order status827:1770 explicitly #000000 with opacity1, font42 PingFang SC Semibold/AUTO: color.text.black preserves actual pure black rather than approximating existing #111.
+
+Ranking ordinary-number text404:480/488 directly confirms MiSans Semibold32/AUTO, solid #DDDDDD opacity1/node1. Promote color.text.rankingMuted=#DDDDDD for this text role; existing disabled#CCC and border aliases are not visually or semantically interchangeable.
+
+Avatar upload direct properties1683:402:170×170 RECTANGLE #F0F0F0 radius200 (clamped to85 visually);1683:40370×70 BOOLEAN_OPERATION fill#999. Formal upload/media-upload triggerVariant avatar reuses existing background.tab and mo-core plus-thin, with dimensions and imageRadius still consumer-owned. No business dimensions or upload APIs are hardcoded in the library.
+
+Ranking numeric nodes404:480/488 directly specify MiSans Semibold32/AUTO. Preserve existing typography.fontFamily="system" policy and add typography.family.number="MiSans, sans-serif" → --mo-font-family-number. This declares the original family only; consumers must separately load unmodified official font assets through supported Skyline/native font loading, handle failure with the declared fallback, and verify network/CORS. No bundled font, altered subset or Latin near-match is introduced by this library token.
+
+
+## Consolidated0.1.28 follow-up source measurements
+
+Version0.1.27 was frozen but never published because web identity sessions expired while the device was locked.0.1.28 includes all eight variables and avatar capability described above, plus these independently measured finite additions; no change is made to the frozen0.1.27 tarball.
+
+Spacing.scale11: mine1871:2442 name y4446 minus avatar2447 y4435. Scale47: price detail963:2130 pet x8625 minus date2137x8578. Scale19: price summary2142y1946h42 ends1988 to card2089y2007. Scale81: total2084y2757h53 ends2810 to tip2090y2891. Scale23: terms1699:2855 bulletx4043w10 ends4053 to text2858x4076. Scale15: same bullet y4589 minus texty4574. Scale39: message691:106y−2121 and691:90y−1959 establish162 row pitch, centered84 icons leave78/2=39 per row interior; this measured row-padding role does not establish the first-row navigation offset. Scale69: type1699:2587 titley3925h70 ends3995 to card2575y4064. Scale90: same cardy4064 to complete hero2616y4154. Scale92: identity1739:2386 navigation y3718h177 ends3895 to progress2385y3987. Scale101: typecard1699:2575y4064h960 ends5024 to studentlink2585y5125. These deliberately finite values are valid only for measured actual padding/margin/gap/indent, never arbitrary geometry, font-size or line-height.
+
+Corrections using existing values: mine order first-item inset40, not42; menu gaps54 on each side of a1px divider, not55; login raw logo-to-welcome gap60, not50. Badge1786:2424 labely7911h44 ends7955 to second-row image2460y8015 gives60, not66. Terms titlesfont30/AUTO and bullet offset15, not17. Type hero complete groupheight408 includes its shadow beyond image384; complete-group to title gap60 (image-only container would need84), not76. Type description-to-button70, not48. Pay-success note after fixed48 two-line text uses gap30, then next button gap90; prior26/80 and flexible blank120 were not source-exact. Profile current1704:1921 supersedes602:1290: cardtop285, intro padding30, header name inset182 is avatar158+existing24; record yearfont30/AUTO with section gap40; record titlesfont26/AUTO. None of these obsolete values establishes a new token.
+
+Colors: city divider665:4246 #D9D9D9,2×16, paint/node opacity1 -> color.border.cityDivider. Message divider691:141/144 and others stroke#F5F3F1 opacity1 -> color.border.messageDivider.
+
+Typography.size.statValue48=48rpx: direct clock1575:5081/5092/5070 font48/AUTO/MiSans Demibold; walk568:1279/1284/1286/1287 font48/AUTO/MiSans Semibold. Preserve actual font styles where text is rendered; original baked clock PNG does not require remapping its font. No48 line-height is inferred. Typography.letterSpacing.numberTight=-0.05em: ranking404:548/551/552 font26 and404:480/488 font32 all directly report letterSpacing PERCENT−5 with MiSans Semibold/AUTO. This is true relative tracking, not a spacing or geometric alias.

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

@@ -45,7 +45,9 @@
       "disabled": "#CCCCCC",
       "inverse": "#FFFFFF",
       "amount": "#FF3E7A",
-      "active": "#FF3E7A"
+      "active": "#FF3E7A",
+      "black": "#000000",
+      "rankingMuted": "#DDDDDD"
     },
     "background": {
       "page": "#F8F8F8",
@@ -62,7 +64,10 @@
       "featurePink": "rgba(255, 134, 201, 0.1)",
       "featurePurple": "rgba(149, 163, 253, 0.1)",
       "featureGreen": "rgba(17, 191, 89, 0.1)",
-      "serviceStepActive": "rgba(254, 203, 231, 0.2)"
+      "serviceStepActive": "rgba(254, 203, 231, 0.2)",
+      "brandPrimary70": "rgba(254, 203, 231, 0.7)",
+      "brandPrimary40": "rgba(254, 203, 231, 0.4)",
+      "notificationCard": "rgba(255, 255, 255, 0.98)"
     },
     "accent": {
       "amount": "#FF3E7A"
@@ -76,7 +81,10 @@
     "border": {
       "default": "#CCCCCC",
       "strong": "#c9cdd4",
-      "subtle": "#F0F0F0"
+      "subtle": "#F0F0F0",
+      "locationDivider": "rgba(0, 0, 0, 0.1)",
+      "cityDivider": "#D9D9D9",
+      "messageDivider": "#F5F3F1"
     },
     "status": {
       "success": "#11BF59",
@@ -155,23 +163,34 @@
     "scale": {
       "6": "6rpx",
       "10": "10rpx",
+      "11": "11rpx",
       "14": "14rpx",
+      "15": "15rpx",
       "18": "18rpx",
+      "19": "19rpx",
       "20": "20rpx",
       "21": "21rpx",
       "22": "22rpx",
+      "23": "23rpx",
       "26": "26rpx",
       "30": "30rpx",
       "31": "31rpx",
       "34": "34rpx",
       "36": "36rpx",
+      "39": "39rpx",
       "40": "40rpx",
       "44": "44rpx",
+      "47": "47rpx",
       "50": "50rpx",
       "54": "54rpx",
       "60": "60rpx",
+      "69": "69rpx",
       "70": "70rpx",
+      "81": "81rpx",
+      "90": "90rpx",
+      "92": "92rpx",
       "100": "100rpx",
+      "101": "101rpx",
       "125": "125rpx"
     }
   },
@@ -192,7 +211,8 @@
       "bodyXl": "30rpx",
       "captionSm": "18rpx",
       "display": "50rpx",
-      "amountLg": "70rpx"
+      "amountLg": "70rpx",
+      "statValue48": "48rpx"
     },
     "lineHeight": {
       "headlineLg": "59rpx",
@@ -214,6 +234,7 @@
       "standard": 1.4,
       "titleDense": "36rpx",
       "scale": {
+        "31": "31rpx",
         "40": "40rpx",
         "42": "42rpx",
         "44": "44rpx"
@@ -227,6 +248,12 @@
       "regular": 400,
       "medium": 500,
       "semibold": 600
+    },
+    "family": {
+      "number": "MiSans, sans-serif"
+    },
+    "letterSpacing": {
+      "numberTight": "-0.05em"
     }
   }
 }

package/miniprogram_dist/index.js

@@ -1,4 +1,4 @@
 module.exports = {
-  version: "0.1.26",
+  version: "0.1.28",
   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/theme/theme.wxss

@@ -32,6 +32,8 @@ page,
   --mo-color-text-inverse: #FFFFFF;
   --mo-color-text-amount: #FF3E7A;
   --mo-color-text-active: #FF3E7A;
+  --mo-color-text-black: #000000;
+  --mo-color-text-ranking-muted: #DDDDDD;
   --mo-color-background-page: #F8F8F8;
   --mo-color-background-surface: #FFFFFF;
   --mo-color-background-subtle: #FAFAFA;
@@ -47,6 +49,9 @@ page,
   --mo-color-background-feature-purple: rgba(149, 163, 253, 0.1);
   --mo-color-background-feature-green: rgba(17, 191, 89, 0.1);
   --mo-color-background-service-step-active: rgba(254, 203, 231, 0.2);
+  --mo-color-background-brand-primary-70: rgba(254, 203, 231, 0.7);
+  --mo-color-background-brand-primary-40: rgba(254, 203, 231, 0.4);
+  --mo-color-background-notification-card: rgba(255, 255, 255, 0.98);
   --mo-color-accent-amount: #FF3E7A;
   --mo-color-gender-female: #FF86C9;
   --mo-color-gender-male: #38A6FF;
@@ -55,6 +60,9 @@ page,
   --mo-color-border-default: #CCCCCC;
   --mo-color-border-strong: #c9cdd4;
   --mo-color-border-subtle: #F0F0F0;
+  --mo-color-border-location-divider: rgba(0, 0, 0, 0.1);
+  --mo-color-border-city-divider: #D9D9D9;
+  --mo-color-border-message-divider: #F5F3F1;
   --mo-color-status-success: #11BF59;
   --mo-color-status-warning: #FC9517;
   --mo-color-status-danger: #FA5051;
@@ -113,23 +121,34 @@ page,
   --mo-spacing-panel-inset: 54rpx;
   --mo-spacing-scale-6: 6rpx;
   --mo-spacing-scale-10: 10rpx;
+  --mo-spacing-scale-11: 11rpx;
   --mo-spacing-scale-14: 14rpx;
+  --mo-spacing-scale-15: 15rpx;
   --mo-spacing-scale-18: 18rpx;
+  --mo-spacing-scale-19: 19rpx;
   --mo-spacing-scale-20: 20rpx;
   --mo-spacing-scale-21: 21rpx;
   --mo-spacing-scale-22: 22rpx;
+  --mo-spacing-scale-23: 23rpx;
   --mo-spacing-scale-26: 26rpx;
   --mo-spacing-scale-30: 30rpx;
   --mo-spacing-scale-31: 31rpx;
   --mo-spacing-scale-34: 34rpx;
   --mo-spacing-scale-36: 36rpx;
+  --mo-spacing-scale-39: 39rpx;
   --mo-spacing-scale-40: 40rpx;
   --mo-spacing-scale-44: 44rpx;
+  --mo-spacing-scale-47: 47rpx;
   --mo-spacing-scale-50: 50rpx;
   --mo-spacing-scale-54: 54rpx;
   --mo-spacing-scale-60: 60rpx;
+  --mo-spacing-scale-69: 69rpx;
   --mo-spacing-scale-70: 70rpx;
+  --mo-spacing-scale-81: 81rpx;
+  --mo-spacing-scale-90: 90rpx;
+  --mo-spacing-scale-92: 92rpx;
   --mo-spacing-scale-100: 100rpx;
+  --mo-spacing-scale-101: 101rpx;
   --mo-spacing-scale-125: 125rpx;
   --mo-font-size-headline-lg: 42rpx;
   --mo-font-size-title-1: 38rpx;
@@ -146,6 +165,7 @@ page,
   --mo-font-size-caption-sm: 18rpx;
   --mo-font-size-display: 50rpx;
   --mo-font-size-amount-lg: 70rpx;
+  --mo-font-size-stat-value-48: 48rpx;
   --mo-line-height-headline-lg: 59rpx;
   --mo-line-height-title-1: 53rpx;
   --mo-line-height-title-2: 50rpx;
@@ -164,6 +184,7 @@ page,
   --mo-line-height-body-lg-relaxed: 45rpx;
   --mo-line-height-standard: 1.4;
   --mo-line-height-title-dense: 36rpx;
+  --mo-line-height-scale-31: 31rpx;
   --mo-line-height-scale-40: 40rpx;
   --mo-line-height-scale-42: 42rpx;
   --mo-line-height-scale-44: 44rpx;
@@ -174,4 +195,6 @@ page,
   --mo-font-weight-regular: 400;
   --mo-font-weight-medium: 500;
   --mo-font-weight-semibold: 600;
+  --mo-font-family-number: MiSans, sans-serif;
+  --mo-letter-spacing-number-tight: -0.05em;
 }

package/miniprogram_dist/upload/upload.js

@@ -23,7 +23,7 @@ function normalizeItemAspectRatio(value) {
 }
 
 function normalizeTriggerVariant(value) {
-  return value === "camera" || value === "photo" ? value : "default";
+  return value === "camera" || value === "photo" || value === "avatar" ? value : "default";
 }
 
 function normalizeAccept(value) {
@@ -221,7 +221,7 @@ Component({
         displayList: fileList.map((file, index) => normalizeDisplayFile(file, index, radius)),
         canChoose: !this.data.disabled && fileList.length < maxCount,
         itemStyle: `width: ${itemSize}rpx; height: ${itemHeight}rpx;`,
-        triggerRadiusStyle: normalizeTriggerVariant(this.data.triggerVariant) === "photo" ? `border-radius: ${radius}rpx;` : "",
+        triggerRadiusStyle: ["photo", "avatar"].includes(normalizeTriggerVariant(this.data.triggerVariant)) ? `border-radius: ${radius}rpx;` : "",
         resolvedTriggerVariant: normalizeTriggerVariant(this.data.triggerVariant)
       });
     },

package/miniprogram_dist/upload/upload.wxml

@@ -39,7 +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" />
+        <mo-icon wx:elif="{{resolvedTriggerVariant === 'photo' || resolvedTriggerVariant === 'avatar'}}" 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

@@ -165,3 +165,8 @@
   border: 0;
   background-color: var(--mo-color-background-page, #F8F8F8);
 }
+
+.mo-upload__trigger.is-avatar {
+  border: 0;
+  background-color: var(--mo-color-background-tab, #F0F0F0);
+}

package/package.json

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