maooo-skyline-ui-system 0.1.13 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -233,7 +233,8 @@
233
233
  "Strictly controlled multiline textarea",
234
234
  "Name and value event detail",
235
235
  "Configurable rpx height",
236
- "Fixed remaining character count display",
236
+ "Outline and subtle borderless visual variants",
237
+ "Optional remaining character count display",
237
238
  "Disabled state",
238
239
  "Input and confirm events"
239
240
  ],
@@ -611,11 +612,15 @@
611
612
  "Media choosing with wx.chooseMedia",
612
613
  "Controlled upload file list display",
613
614
  "Auto append or business pipeline choose mode",
615
+ "Configurable square item size",
616
+ "Default or borderless camera-plus trigger variants",
614
617
  "Preview and delete events",
615
618
  "Max count limiting",
616
619
  "Basic upload status overlays"
617
620
  ],
618
- "composes": [],
621
+ "composes": [
622
+ "mo-icon"
623
+ ],
619
624
  "preferredFor": [
620
625
  "Basic image or video selection",
621
626
  "Controlled media list display",
@@ -671,6 +676,7 @@
671
676
  "capabilities": [
672
677
  "Composes mo-upload media choosing and display",
673
678
  "Composes mo-image-cropper image and cover cropping",
679
+ "Configurable square item size and default or camera-plus trigger variants",
674
680
  "Uploads image and video files to Aliyun OSS",
675
681
  "Optionally audits uploaded images before success",
676
682
  "Generates default OSS snapshot covers for videos",
@@ -67,6 +67,22 @@
67
67
  "default": 16,
68
68
  "description": "缩略图圆角,单位 rpx"
69
69
  },
70
+ {
71
+ "name": "itemSize",
72
+ "type": "number",
73
+ "default": 160,
74
+ "description": "缩略图与选择触发器的正方形边长,单位 rpx;非法或小于等于 0 时由 mo-upload 按 160 处理"
75
+ },
76
+ {
77
+ "name": "triggerVariant",
78
+ "type": "string",
79
+ "enum": [
80
+ "default",
81
+ "camera"
82
+ ],
83
+ "default": "default",
84
+ "description": "选择触发器外观;camera 为无文字、无边框的相机加号入口"
85
+ },
70
86
  {
71
87
  "name": "enableCrop",
72
88
  "type": "boolean",
@@ -20,6 +20,16 @@
20
20
  "default": "请输入",
21
21
  "description": "占位文案"
22
22
  },
23
+ {
24
+ "name": "variant",
25
+ "type": "string",
26
+ "enum": [
27
+ "outline",
28
+ "subtle"
29
+ ],
30
+ "default": "outline",
31
+ "description": "外观类型,outline 为白底描边,subtle 为浅灰无边框"
32
+ },
23
33
  {
24
34
  "name": "height",
25
35
  "type": "number",
@@ -32,6 +42,12 @@
32
42
  "default": 500,
33
43
  "description": "最大输入长度"
34
44
  },
45
+ {
46
+ "name": "showCount",
47
+ "type": "boolean",
48
+ "default": true,
49
+ "description": "是否展示剩余字数;maxlength 小于等于 0 时始终隐藏"
50
+ },
35
51
  {
36
52
  "name": "disabled",
37
53
  "type": "boolean",
@@ -52,6 +68,7 @@
52
68
  "slots": [],
53
69
  "tokens": [
54
70
  "color.background.surface",
71
+ "color.background.subtle",
55
72
  "color.background.muted",
56
73
  "color.border.default",
57
74
  "color.text.primary",
@@ -67,6 +67,22 @@
67
67
  "default": 16,
68
68
  "description": "缩略图圆角,单位 rpx"
69
69
  },
70
+ {
71
+ "name": "itemSize",
72
+ "type": "number",
73
+ "default": 160,
74
+ "description": "缩略图与选择触发器的正方形边长,单位 rpx;非法或小于等于 0 时按 160 处理"
75
+ },
76
+ {
77
+ "name": "triggerVariant",
78
+ "type": "string",
79
+ "enum": [
80
+ "default",
81
+ "camera"
82
+ ],
83
+ "default": "default",
84
+ "description": "选择触发器外观;camera 为无文字、无边框的相机加号入口"
85
+ },
70
86
  {
71
87
  "name": "autoAppend",
72
88
  "type": "boolean",
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "package": {
3
3
  "name": "maooo-skyline-ui-system",
4
- "version": "0.1.13"
4
+ "version": "0.1.15"
5
5
  },
6
- "snapshotVersion": "0.1.13",
7
- "generatedAt": "2026-08-05T17:16:44.296Z",
6
+ "snapshotVersion": "0.1.15",
7
+ "generatedAt": "2026-08-08T16:26:48.670Z",
8
8
  "description": "Read-only design spec snapshot for AI page generation in business projects. Source of truth is design-system/ and packages/ui/.",
9
9
  "readOrder": [
10
10
  "DESIGN.md",
@@ -115,6 +115,6 @@
115
115
  "design-system/tokens/source/spacing.json": "sha256:3673a8a009dc36f29f67677906d21a958f6f044b25c068b8e00a4b13cb340b4b",
116
116
  "design-system/tokens/source/typography.json": "sha256:93183ea92beaa204621229bb5347ad63e1c05c323c058b6f2d73fe8cf9ba6844",
117
117
  "design-system/DESIGN.md": "sha256:b00f2e5030df81c6d985eb46b9489b2ce98d0803134389d385053605aba66cbc",
118
- "packages/ui/component-registry.json": "sha256:287c9963038fe65571894c96f6d9e44db2ee0bb8615aad0e1346dd636006d74a"
118
+ "packages/ui/component-registry.json": "sha256:298c3de015bb78b29c691990c0c6676ea8106d3eed26aacbfc058c569b246d8f"
119
119
  }
120
120
  }
@@ -1,6 +1,6 @@
1
1
  Component({
2
2
  properties: {
3
- // 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
3
+ // 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
4
4
  name: {
5
5
  type: String,
6
6
  },
@@ -1,3 +1,33 @@
1
+ <!--bookmark-star-->
2
+ <view wx:if="{{name === 'bookmark-star'}}" 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='M772.59183147 23.35438613C866.6417408 23.35438613 943.1578944 98.08842133 943.1578944 189.95379627V941.43326293a57.20028053 57.20028053 0 0 1-9.1980352 31.41703894c-6.03621013 9.42798613-14.77434347 16.9588768-25.12213333 21.81658986-8.249488 3.88042133-17.2750592 5.9212352-26.44435094 5.94997867l-5.03017493-0.20120747a61.3106528 61.3106528 0 0 1-32.59553707-12.64729813L511.4251232 729.99343147 179.31856853 987.62464533a61.6843232 61.6843232 0 0 1-89.27842773-14.77434346A57.20028053 57.20028053 0 0 1 80.8421056 941.43326293V189.95379627C80.8421056 98.08842133 157.3582592 23.35438613 251.436912 23.35438613h521.126176zM251.40816853 117.63424533C210.76435093 117.63424533 177.708912 150.11480747 177.708912 189.95379627v678.2976l293.50355093-227.7376a65.2773056 65.2773056 0 0 1 40.09768427-13.7395648l5.2888704 0.20120746c12.30237227 1.0060352 24.40353707 5.46133333 34.69383893 13.45212587l294.912 228.02503893V189.95379627c0-39.86773333-33.05543893-72.31955093-73.67051306-72.31955094H251.46565653z m265.1046176 68.6115936c30.92839253 0 58.43626667 16.84390187 71.74467307 43.97810454l22.39146667 45.47278613 48.97953706 7.1859648c14.14197867 2.09830187 27.4216416 7.8183296 38.4880288 16.58520747 11.0376416 8.79562133 19.43084907 20.26442133 24.28856107 33.25664533l1.14975467 3.19056853c4.45529813 13.45212587 5.00143147 27.8528 1.60965546 41.5923648-3.39177493 13.76830827-10.63522773 26.35811947-20.95427306 36.4184704l-36.96460374 36.21726294 8.8243648 51.62397226c2.29950827 13.27966293 0.91980373 26.93299627-3.9091648 39.5802944-4.82896853 12.64729813-12.93473707 23.85740373-23.6274528 32.5667936l-2.8456416 2.18453334a81.11517227 81.11517227 0 0 1-86.03037226 6.32364906l-43.11578987-22.70764906-43.20202133 22.79388053a81.92 81.92 0 0 1-32.88297494 9.22677867l-1.695888 0.08623146-2.6444352 0.08623147h-0.74733973c-17.24631573 0-33.6590592-5.3463584-47.571088-15.46419627a77.66590827 77.66590827 0 0 1-26.24314347-33.17041386 74.90649813 74.90649813 0 0 1-4.57027413-41.53487787l8.79562133-51.53773973-36.90711573-36.21726294a77.46470187 77.46470187 0 0 1-20.4081408-34.521376 75.53886293 75.53886293 0 0 1-0.08623147-39.75275733l1.0635232-3.56423893c4.39781013-13.7970528 12.7335296-26.09942507 24.02986667-35.52741014a80.5977824 80.5977824 0 0 1 39.92522027-17.7062176l49.0082816-7.15722133 22.33397866-45.41529813c6.09369813-12.56106667 15.6366592-23.3112704 27.5941056-31.04336854 11.8999584-7.7608416 25.81198613-12.24488427 40.18391574-12.96348053l4.02413973-0.08623147z m-28.83009173 173.90035094l-68.35289813 10.00286293h0.02874453l49.58315733 48.57712213-11.26759253 66.11087787 58.809936-31.072112 58.86742507 31.04336747-11.23884907-66.1108768 49.58315733-48.5771232-68.35289813-10.00286294-28.83009067-58.63747306-28.83009173 58.63747306z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
3
+
4
+ <!--headset-->
5
+ <view wx:if="{{name === 'headset'}}" 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='M543.88652146 21.43812835c104.55099847 0 203.03129486 36.88412046 277.22877724 103.87647602a357.12904192 357.12904192 0 0 1 84.95918421 113.7490341c20.84888007 44.45716935 31.39595947 91.67375019 31.39596061 140.33135616v107.95427158c0 6.43862414-1.41036544 12.57064789-3.89383509 18.12012942C975.42766819 538.67430229 1002.56187165 591.53234375 1002.56187165 650.98231011v53.53256392c0 56.93583701-26.61298176 107.37172935-67.32961679 138.27712796C918.98239203 933.42330766 835.15763257 1002.56187165 734.0405669 1002.56187165h-216.15382415c-26.52100153 0-48.01374322-20.23567701-48.01374321-45.16235264 0-24.92667563 21.49274169-45.10103211 48.01374321-45.10103211h216.15382415c34.24735118 0 64.7235072-15.02345785 84.52994275-38.35580644-64.20228437-6.49994467-114.60751701-63.89568398-114.60751701-133.52480881v-136.805442c0-74.04418275 56.93583701-134.29131264 126.93288391-134.29131264 3.74053433 0 7.48106866 0.15330077 11.19094215 0.39858176v-90.32470414c0-146.89262023-133.80075065-266.40575602-298.23095694-266.40575716H479.80687701c-164.43020743 0-298.20029725 119.51313579-298.20029724 266.40575716v90.35536384c3.80185486-0.27594069 7.66502912-0.45990229 11.55886421-0.45990116 69.9663872 0 126.90222421 60.27778958 126.93288391 134.32197234v136.805442c0 73.95220253-56.90517731 134.13801187-126.81024398 134.13801187h-11.12962162c-88.60773831 0-160.6896731-76.28237141-160.6896731-170.04100949v-53.53256392c0-61.74947555 29.28041187-116.41646421 73.92154169-149.25344881-5.76410169-7.57304889-9.19803563-16.86306475-9.19803563-26.95024299v-95.38362368c0-48.65760597 10.60839993-95.87418567 31.4266203-140.30069532a357.06772253 357.06772253 0 0 1 84.92852452-113.77969494C276.74492245 58.32224882 375.25587854 21.43812835 479.80687701 21.43812835h64.07964445zM193.13478315 566.2377472c-44.15056896 0-80.08422514 38.01854521-80.11488484 84.77522261v53.53256505c0 40.31805326 30.99737771 73.15503901 69.10790315 73.15503901h11.16028245c19.40785379 0 35.19781433-16.74042368 35.19781433-37.28270222v-136.805442c0-20.60359907-15.85127993-37.37468245-35.32045426-37.40534328z m637.7304337 0c-19.49983403 0-35.32045426 16.77108451-35.35111509 37.40534215v136.7747823c0 20.54227854 15.78996053 37.28270222 35.19781433 37.28270222h11.16028245c38.11052544 0 69.10790315-32.80632491 69.10790315-73.15503901v-53.53256505c0-46.72601771-35.96431701-84.77522375-80.14554567-84.77522261z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
6
+
7
+ <!--user-heart-->
8
+ <view wx:if="{{name === 'user-heart'}}" 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='M794.26470187 694.1785824c48.60586667-19.54582507 100.3160704-12.4748352 135.95845653 19.775776a126.8466528 126.8466528 0 0 1 41.62110827 89.6233536 126.76042133 126.76042133 0 0 1-35.90108054 91.92286293l-75.71132693 77.57967787a83.67337493 83.67337493 0 0 1-61.79929813 27.56536107h-0.22995094c-1.29347413 0-2.50071573 0-3.7941888-0.14371947-1.29347413 0-2.50071573 0.14371947-3.82293333 0.14371947h-0.20120747a83.73086293 83.73086293 0 0 1-61.79929813-27.56536107l-75.7400704-77.60842133a126.4729824 126.4729824 0 0 1-35.987312-91.89411947 126.12805653 126.12805653 0 0 1 41.5923648-89.6233536c35.52741013-32.1356352 87.2088704-39.20662507 135.81473707-19.775776zM476.12766293 23.35438613c74.38910827 0 144.29417493 28.7438592 196.83795094 80.77024534a272.6642528 272.6642528 0 0 1 81.48884266 194.9696c0 73.58428053-30.1810528 143.02944533-84.9381056 195.51573333-6.9847584 6.69731947-14.3144416 12.93473707-21.8740768 18.88471573 39.379088 14.02700373 75.88378987 33.91775467 108.62304534 59.039888a46.85249173 46.85249173 0 0 1 8.4506944 66.05338987 47.91601387 47.91601387 0 0 1-66.68575467 8.36446293c-53.26237227-40.81628053-120.75295467-63.4664416-190.0544-63.46644266h-63.81136747c-163.75376853 0-297.09653333 122.937488-297.09653333 273.87149546 0 4.5990176 3.79418987 8.33571947 8.42194987 8.3357184h407.87536853c26.271888 0 47.54234347 21.06924907 47.54234453 47.08244267 0 26.04193707-21.27045653 47.11118613-47.54234453 47.11118613H155.48990827C98.4333472 959.88682133 52.09824533 913.95413333 52.09824533 857.47244907c0-50.0430592 10.5777408-98.5626944 31.27331947-144.236688A367.03034347 367.03034347 0 0 1 167.936 596.21950827a394.2795232 394.2795232 0 0 1 131.79059627-81.14391574 271.7157056 271.7157056 0 0 1-23.85740374-21.6153824c-50.4167296-51.71020373-78.09706667-120.6667232-78.09706666-194.36597866a272.63550827 272.63550827 0 0 1 81.51758613-194.9696A277.86689173 277.86689173 0 0 1 476.12766293 23.35438613z m392.43991574 757.4581888c-12.24488427-11.0376416-33.05543893-7.38717227-48.37591574 1.09226667-8.22074347 4.5990176-17.36129173 8.79562133-26.04193706 15.52168427-7.47340373-6.2374176-17.82119253-10.92266667-26.01319254-15.52168427-15.23424533-8.36446293-36.13103147-12.01493333-48.2609408-1.09226667a35.55615467 35.55615467 0 0 0-1.6384 51.45150934l0.114976 0.14371946 75.79755734 77.6946528h0.28743893l75.88378987-77.8096288 2.41448426-2.70192213c5.2313824-6.52485653 8.01953707-14.88931947 7.58837867-23.34001387a35.4699232 35.4699232 0 0 0-11.75623893-25.40957226zM476.12766293 117.5192704c-101.0059232 0-183.2421056 81.4888416-183.24210453 181.57496107 0 101.8394944 77.9533472 181.51747413 177.55082027 181.51747413 49.55441387 0 96.86680747-19.0859232 132.99783893-53.69353067 36.102288-34.60760747 55.9642944-79.9079296 55.9642944-127.82394346 0-100.2010944-82.26492587-181.57496107-183.27084907-181.57496107z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
9
+
10
+ <!--bell-outline-->
11
+ <view wx:if="{{name === 'bell-outline'}}" 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='M519.383579 26.947368c72.542316 0 131.503158 54.810947 131.503158 122.125474v14.174316a310.218105 310.218105 0 0 1 107.92421 64.323368c58.529684 53.813895 90.758737 125.574737 90.758737 201.916632v201.485474l83.078737 136.730947c13.338947 21.072842 13.904842 47.427368 1.401263 69.039158a68.554105 68.554105 0 0 1-59.338105 33.953684h-192.323368C670.666105 942.133895 603.378526 997.052632 522.401684 997.052632h-20.911158c-81.030737 0-148.318316-54.945684-160.040421-126.329264H149.153684a68.122947 68.122947 0 0 1-58.206316-32.040421 66.667789 66.667789 0 0 1-1.589894-67.907368l0.565894-1.024L173.271579 629.76l0.619789 0.107789v-200.353684c0-76.395789 32.229053-148.129684 90.758737-201.943579a310.164211 310.164211 0 0 1 107.924211-64.323368v-14.174316c0-67.314526 59.014737-122.125474 131.503158-122.125474h15.333052z m-76.611368 843.776c9.970526 19.267368 32.525474 32.768 58.691368 32.768h20.938105c26.138947 0 48.693895-13.500632 58.691369-32.768H442.745263z m38.588631-632.266105c-115.685053 0-209.839158 85.692632-209.839158 191.056842v216.387369L197.901474 777.162105h627.577263l-73.512421-131.98821v-215.713684c0-105.310316-94.127158-191.056842-209.839158-191.056843h-60.766316z m22.716632-117.948631c-17.111579 0-31.258947 10.725053-33.549474 24.656842 3.610947-0.134737 7.221895-0.269474 10.832842-0.269474h60.766316c3.610947 0 7.221895 0.134737 10.832842 0.269474-2.263579-13.931789-16.437895-24.656842-33.549474-24.656842h-15.333052z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
12
+
13
+ <!--cat-hourglass-->
14
+ <view wx:if="{{name === 'cat-hourglass'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1160 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M574.65125926 853.952c-260.76799969 0-448.54399969-172.11199969-448.54399969-383.68000031 0-211.536 187.776-383.64799969 448.54399969-383.64799969s448.54399969 172.11199969 448.54399969 383.664S835.41925895 853.952 574.65125926 853.952' fill='{{(isStr ? colors : colors[0]) || 'rgb(245,243,241)'}}' /%3E%3Cpath d='M574.65125926 104.16000031c-245.808 0-420.12799969 158.70400031-420.12799969 353.808 0 195.10399969 174.31999969 353.82400031 420.12799969 353.82399938 245.79199969 0 420.11200031-158.71999969 420.11200031-353.82399938S820.44325895 104.16000031 574.65125926 104.16000031m0 757.03999969c-274.06399969 0-471.408-180.88000031-471.408-403.2 0-222.35200031 197.34400031-403.23199969 471.408-403.23199969s471.39199969 180.88000031 471.39199969 403.21599938S848.69925957 861.18399969 574.65125926 861.18399969' fill='{{(isStr ? colors : colors[1]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M923.19525957 475.472c0 149.58400031-90.17599969 272.016-348.51200062 268.272-244.33600031-3.52000031-347.69599969-122.03200031-347.69599969-271.632 0-149.59999969 166.19200031-270.07999969 347.68000031-270.07999969s348.528 123.84 348.528 273.43999969' fill='{{(isStr ? colors : colors[2]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M131.62725957 494.75199969H50.15525926a15.18400031 15.18400031 0 0 1-15.19999969-15.03999938v-20.60800031c0-8.27200031 6.83200031-15.04000031 15.19999969-15.04000031h81.47200031a15.19999969 15.19999969 0 0 1 15.23199938 15.04000031v20.592a15.19999969 15.19999969 0 0 1-15.23199938 15.05599969M1076.33125895 575.744l-64.704-19.68c-11.83999969-3.61600031-18.96-17.59999969-15.792-31.03999969 3.19999969-13.488 15.504-21.552 27.36-17.93600062l64.68800062 19.68c11.856 3.6 18.96 17.59999969 15.792 31.04000062-3.19999969 13.45600031-15.47200031 21.53599969-27.36 17.91999938M125.16325895 434.912l-64.86399938-19.68c-11.88799969-3.61600031-19.008-17.58400031-15.80800031-31.03999969 3.168-13.488 15.52000031-21.552 27.39199969-17.93600062l64.86400031 19.68c11.904 3.61600031 19.008 17.59999969 15.84 31.04000062-3.19999969 13.47199969-15.53599969 21.552-27.42400031 17.91999938' fill='{{(isStr ? colors : colors[3]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M1087.93125957 494.75199969h-60.32000062A25.56799969 25.56799969 0 0 1 1001.93125895 469.40799969c0-13.95199969-14.08000031-25.344 0-25.344h85.98400031c14.112 0 25.64800031 11.39200031 25.64800031 25.344 0 13.95199969-11.52 25.344-25.64800031 25.344' fill='{{(isStr ? colors : colors[4]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M1083.88325926 415.232l-64.704 19.68c-11.856 3.61600031-24.16000031-4.44799969-27.34399969-17.93599969-3.168-13.45600031 3.91999969-27.42400031 15.792-31.056l64.704-19.68c11.83999969-3.6 24.16000031 4.48000031 27.32799938 17.93599969 3.19999969 13.47199969-3.936 27.43999969-15.77599969 31.056M135.94725957 556.04799969l-64.86400031 19.68c-11.88799969 3.61600031-24.22399969-4.44799969-27.42400031-17.91999938-3.18400031-13.45600031 3.95200031-27.43999969 15.84-31.04000062l64.86400031-19.68c11.88799969-3.61600031 24.22399969 4.464 27.408 17.92000031 3.19999969 13.47199969-3.95200031 27.43999969-15.84 31.03999969M637.75525895 552.032c-12.44800031 3.39199969-15.13600031 20.19199969-40.416 10.67200031-13.344-5.04-16.04800031-18.336-16.25599969-27.28000031 16.68799969-9.792 30.55999969-27.96799969 20.784-41.59999969-10.24000031-14.19199969-36.94399969-12.72-57.12-8.27200031-20.16 4.464-17.76 21.13600031-13.27999969 31.42399969 2.75200031 6.24 9.744 15.05599969 17.376 20.80000031-1.872 10.73599969-6.79999969 24.528-19.61600062 28.28800031-21.792 6.35200031-25.536-7.968-30.15999938-16.59200062-5.328-9.95200031-29.04-8.67199969-30.16000031 10.30400062-1.008 17.44000031 12.59200031 43.776 43.2 44.70399938 37.23199969 1.12000031 51.90400031-24.60799969 52.32-29.98399969 8.688 17.02399969 28.09600031 33.95200031 57.39199969 31.37599969 29.28-2.592 42.24-26.47999969 41.12000062-38.832-1.12000031-12.35200031-10.56-18.97600031-25.18400062-15.00799969' fill='{{(isStr ? colors : colors[5]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M332.21925957 392.624c-28.54399969 4.57600031-52.92799969 30.72-57.024 60.048-6.31999969 45.504 34.01599969 77.83999969 77.07199969 77.712 43.03999969-0.12799969 77.232-34.68799969 74.016-74.016-3.216-39.36-39.43999969-72.54400031-94.08-63.744' fill='{{(isStr ? colors : colors[6]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M344.87525926 421.472c-26.544 1.18399969-50.60800031 26.448-42.65599969 51.90400031 7.93600031 25.44 36.73600031 37.27999969 65.28 32.03199938 28.54399969-5.232 35.136-24.672 35.424-38.47999969 0.40000031-18.672-12.75199969-47.45599969-58.04800031-45.43999969' fill='{{(isStr ? colors : colors[7]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M729.11525926 394.99200031c-25.08799969 9.80800031-51.312 51.168-35.52 89.15199938 15.77599969 37.98400031 57.6 48.84799969 92.33599969 44.19200062 34.72000031-4.67200031 60.75199969-34.00000031 58.40000062-73.64800031-2.62399969-44.38399969-57.6-82.15999969-115.21600031-59.68000031' fill='{{(isStr ? colors : colors[8]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M758.95525895 410.528c-30.24 5.92000031-43.152 26.56000031-42.11199938 50.23999969 1.03999969 23.68000031 25.008 41.44000031 60.288 36.73600031 34.15999969-4.52800031 45.56800031-27.90400031 45.32799938-47.35999969-0.16000031-15.04000031-21.84-47.76-63.504-39.61600031M257.24325957 34.76799969c41.712 23.15200031 64.848 73.12000031 80.19199969 97.248 6.40000031 10.06399969 1.2 21.76000031-10.09600031 25.84000031-25.16800031 8.976-72.31999969 36.576-97.45599938 45.58399969-11.31199969 4.06399969-12.11200031-23.93599969-13.79200031-43.104-2.43199969-27.61600031-5.24800031-89.52 7.584-114.15999938 9.28000031-17.83999969 26.71999969-15.19999969 33.56800031-11.40800062M882.21925895 34.76799969c-41.712 23.15200031-72.96 68.08000031-88.30399969 92.19200062-6.40000031 10.08 6.92800031 26.81599969 18.24 30.87999938 25.152 8.99200031 70.67200031 33.76000031 95.83999969 42.768 11.29600031 4.04800031 14.91199969-20.04799969 16.59200062-39.23199938 2.43199969-27.61600031 4.04800031-90.55999969-8.784-115.2-9.28000031-17.83999969-26.71999969-15.19999969-33.58400062-11.40800062' fill='{{(isStr ? colors : colors[9]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M801.65925957 888.15999969l-417.696 69.24800062-50.51200031-330.56000062 417.696-69.23199938z' fill='{{(isStr ? colors : colors[10]) || 'rgb(245,243,241)'}}' /%3E%3Cpath d='M457.59525957 746.384l132.73599938 106.20799969c9.408 6.89599969 23.29600031 6.25600031 32.16-1.50399938l72.80000062-63.52000031 73.584 17.952 12.84799969 71.83999969-383.76 62.976-16.8-93.96799969 76.43200031-100.00000031z m243.90399938-6.03199969a26.304 26.304 0 0 0-27.47199938 4.19199938l-69.28000031 60.32000062-136.52800031-108.99200062a25.84000031 25.84000031 0 0 0-18.75199969-4.54399969 25.27999969 25.27999969 0 0 0-16.67200031 9.504l-63.00799969 82.39999969-23.26399969-130.01599969 383.74399969-62.95999969 28.96000031 161.43999938-57.72800062-11.34399938z m129.53600062 134.22399938l-53.26400062-297.34399969c-1.85599969-10.49599969-8.16-19.66399969-17.72799938-25.75999969a46.30399969 46.30399969 0 0 0-32.36800031-6.49600031l-394.416 64.72000031c-23.77600031 3.888-39.95200031 24.672-36.048 46.368l53.24800031 297.32799938c1.872 10.52800031 8.16 19.66399969 17.72799938 25.76000062 7.32799969 4.704 15.87199969 7.13599969 24.624 7.13599969 2.56000031 0 5.15200031-0.24 7.74400031-0.64000031l394.44799969-64.71999938c23.74399969-3.888 39.91999969-24.68800031 36.03200062-46.35200062z' fill='{{(isStr ? colors : colors[11]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M667.78725957 673.424a9.36 9.36 0 0 1-1.536 6.72 10.06399969 10.06399969 0 0 1-6.60800062 4.24000031 9.47200031 9.47200031 0 0 1-11.184-7.52000062c-0.83200031-5.088 2.832-10.00000031 8.16-10.95999938a9.90400031 9.90400031 0 0 1 7.61600062 1.75999969c1.92 1.40800031 3.168 3.43999969 3.552 5.76m23.83999969-45.36a56.80000031 56.80000031 0 0 0-42.75199969-9.24799969 58.39999969 58.39999969 0 0 0-37.40800031 23.55199969 57.18400031 57.18400031 0 0 0-10.19200031 42.92800031 55.488 55.488 0 0 0 23.34400031 36.96 56.67199969 56.67199969 0 0 0 32.47999969 10.176c3.39199969 0 6.88000031-0.31999969 10.30400062-0.912 31.36000031-5.59999969 52.68799969-35.44000031 47.568-66.51200062a55.632 55.632 0 0 0-23.34400031-36.94399969' fill='{{(isStr ? colors : colors[12]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M854.92325926 732.656c-33.24799969 11.76-53.376 40.96000031-32.256 96.79999969 19.968 52.83199969 54.432 65.98399969 87.67999969 54.24 33.23200031-11.74399969 46.96000031-57.32800031 32.72000062-96.78399938-14.27200031-39.42400031-54.912-66-88.16000062-54.24' fill='{{(isStr ? colors : colors[13]) || 'rgb(245,243,241)'}}' /%3E%3Cpath d='M828.63525957 749.504c-21.18400031 7.47199969-32.22400031 31.03999969-13.632 80.84800031 17.58400031 47.07199969 41.59999969 61.152 62.784 53.664 21.168-7.488 26.60800031-45.66400031 13.93599938-80.76800062-12.70399969-35.10400031-41.92000031-61.23199969-63.08799938-53.76' fill='{{(isStr ? colors : colors[14]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M901.70725895 865.24800031c-11.92000031 4.20799969-24.94399969 3.168-36.68799938-2.91200062-13.66399969-7.03999969-24.51199969-20.19199969-30.60800062-37.02399938-5.856-16.224-6.07999969-32.71999969-0.63999938-46.44800062 5.07199969-12.75199969 14.70400031-22.24000031 27.10399969-26.592 11.904-4.224 24.94399969-3.19999969 36.68800031 2.88 13.64800031 7.056 24.51199969 20.208 30.59199938 37.04000062 5.87200031 16.224 6.07999969 32.70400031 0.64000031 46.44799969-5.05600031 12.768-14.688 22.224-27.08800031 26.60800031m58.88000062-13.44c8.71999969-21.56800031 8.70400031-46.8-0.048-71.04-9.04000031-24.99199969-25.79200031-44.832-47.20000031-55.90400062h-0.01600031c-20.33599969-10.52800031-43.104-12.25600031-64.09599938-4.81599938-44.43199969 15.67999969-65.16799969 66.94399969-47.184 116.70399938 9.024 24.96 25.79200031 44.832 47.19999938 55.90400062 20.352 10.52800031 43.104 12.24 64.09600031 4.81599938 21.66400031-7.66399969 38.43199969-23.856 47.24800031-45.66399938' fill='{{(isStr ? colors : colors[15]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M259.72325926 761.28000031c34.56-7.2 67.152 7.31200031 78.68800031 65.856 10.91200031 55.344-11.52 84.35200031-46.06400062 91.536-34.56 7.16800031-70.368-24.59200031-79.07199938-65.568-8.70400031-41.00800031 11.904-84.64000031 46.44799969-91.84000031' fill='{{(isStr ? colors : colors[16]) || 'rgb(245,243,241)'}}' /%3E%3Cpath d='M291.03525957 762.04800031c22.01599969-4.57600031 43.88800031 9.80800031 54.36799969 61.85599969 9.90400031 49.23199969-3.12 73.64800031-25.12000031 78.20800031-22.032 4.56-46.848-25.16800031-54.59199938-61.66400062-7.75999969-36.48 3.34399969-73.84000031 25.344-78.39999938' fill='{{(isStr ? colors : colors[17]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M302.18725895 789.728c11.904 8.89600031 20.41600031 23.07199969 24 39.91999969 3.71200031 17.50399969 1.40800031 34.32-6.49599938 47.376-6.79999969 11.28-17.35999969 18.88000031-29.74400062 21.44000062-12.88000031 2.67199969-26.08000031-0.384-37.16799938-8.65600031-11.904-8.89600031-20.43199969-23.07199969-24-39.91999969-3.71200031-17.50399969-1.42399969-34.32 6.48-47.39200031 6.816-11.26399969 17.376-18.88000031 29.76-21.43999969 12.89599969-2.67199969 26.08000031 0.40000031 37.16799938 8.67199969m-44.28799969-42.17599969c-21.80800031 4.56-40.32 17.76-52.09600031 37.248-12.40000031 20.51200031-16.19200031 46.09600031-10.67199938 72.06399938 10.97599969 51.71200031 55.74400031 84.70399969 101.91999938 75.12 21.84-4.56 40.32-17.76 52.09600031-37.248 12.40000031-20.52799969 16.19200031-46.09600031 10.68799969-72.06399938-10.992-51.71200031-55.75999969-84.70399969-101.93599969-75.12' fill='{{(isStr ? colors : colors[18]) || 'rgb(76,57,58)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
15
+
16
+ <!--dog-face-->
17
+ <view wx:if="{{name === 'dog-face'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1517 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M470.61220695 708.01777813l89.42222251 32.17777781c61.1022225 21.97333312 122.04444469 32.95999969 182.86222217 32.95999968 60.79999969 0 121.74222188-10.98666656 182.82666658-32.95999968l78.11555624-28.08888938-25.33333406 79.03999969c-6.95111156 21.72444469-6.75555562 46.72000031 0.62222251 74.96888906 3.85777781 14.75555531 3.36 28.74666656-1.47555564 41.99111157-4.56888844 12.46222219-12.58666687 23.05777781-24.03555563 31.75111125-14.45333344 10.96888876-35.12888906 18.80888906-62.04444468 23.53777781-27.64444406 4.85333344-76.24888876 7.28888906-145.77777749 7.27111031h-5.81333344c-70.38222187 0-119.59111124-2.41777781-147.64444407-7.2533325-27.48444469-4.74666656-48.40888876-12.71111156-62.75555531-23.85777844-11.8577775-9.24444469-19.76888906-20.53333312-23.73333374-33.86666625-4.08888844-13.7777775-3.46666688-28.10666625 1.84888873-43.004445 9.19111126-25.70666625 9.54666656-48.24888844 1.06666688-67.60888875l-38.16888842-87.05777718zM939.55443009 778.66666625c-15.12888844 5.44000031-30.27555562 10.25777812-45.40444501 14.45333344a565.06666688 565.06666688 0 0 1-151.28888906 20.924445c-49.72444406 0-99.46666688-6.79111124-149.20888875-20.35555593-15.82222219-4.32-31.64444438-9.33333375-47.46666656-15.02222251 6.41777812 14.64888844 9.63555563 30.13333312 9.6177778 46.43555625 0 16.28444437-3.19999969 33.40444406-9.6 51.34222219-16.30222219 45.6 65.44000031 52.21333313 150.57777751 53.17333312l14.45333344 0.10666688 19.21777781 0.05333344h25.12000031c95.04-0.05333344 197.44000031-1.7777775 183.98222251-53.33333344-4.76444438-18.24-7.11111094-35.64444469-7.04000063-52.16000063 0.07111126-16.00000031 2.41777781-31.21777781 7.04000063-45.61777781z' fill='{{(isStr ? colors : colors[0]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M546.20331851 876.44444469c-19.03999969 53.33333344 96.05333344 53.33333344 193.77777751 53.33333344h5.81333344c97.63555594 0 207.6977775 0 193.77777749-53.33333344-9.38666625-35.91111094-9.38666625-68.51555531 0-97.77777844-65.56444406 23.59111124-131.12888906 35.3777775-196.67555532 35.37777844-65.56444406 0-131.12888906-11.78666625-196.69333312-35.37777844 12.83555531 29.26222219 12.83555531 61.86666656 0 97.77777844z' fill='{{(isStr ? colors : colors[1]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M679.55442946 858.20444469a79.99999969 66.43555594 90 1 0 132.87111093 0 79.99999969 66.43555594 90 1 0-132.87111093 0Z' fill='{{(isStr ? colors : colors[2]) || 'rgb(253,162,162)'}}' /%3E%3Cpath d='M819.4299854 831.37777812l2.00888905 0.03555563c14.75555531 0.74666625 26.13333375 13.52888906 25.40444437 28.56888844-3.64444406 75.04000031-38.04444469 118.68444469-99.85777781 118.68444468-61.97333344 0-96-43.87555594-98.66666719-119.04-0.53333344-15.04000031 17.17333312-28.21333312 25.77777845-28.23111093 8.56888874-0.01777781 27.14666625 11.20000031 27.67999968 26.2577775 1.72444406 48.53333344 15.64444406 66.48888844 45.20888906 66.48888843 29.68888876 0 44.05333313-18.20444438 46.3999997-66.84444375 0.72888844-15.04000031 13.2977775-26.63111156 28.05333374-25.88444437l-2.00888905-0.03555563z' fill='{{(isStr ? colors : colors[3]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M1113.63442977 748.88888844c0 55.11111094-40.08888844 89.1377775-105.01333313 109.15555593-87.52000031 27.0222225-172.01777812 7.84000031-253.51111124-57.51111093-81.47555531 79.36000031-165.97333312 98.5422225-253.51111127 57.52888875-60.55111124-28.39111124-104.99555531-54.06222187-104.99555531-109.17333375 0-110.22222188 104.99555531-202.02666656 358.50666657-202.02666657 277.04888906 0 358.52444438 91.78666687 358.52444438 202.02666657z' fill='{{(isStr ? colors : colors[4]) || 'rgb(235,230,227)'}}' /%3E%3Cpath d='M640.37220758 115.91111094c36.96-15.27111094 72.85333313-23.28888844 118.98666656-23.28888844 41.19111094 0 72.85333313 7.8222225 105.15555563 22.68444375 5.29777781 2.43555563 18.63111094 9.13777781 26.13333282 12.92444531l2.52444467 1.2799997c1.45777781 0.74666625 2.45333344 1.24444406 2.64888939 1.36888874 13.2977775 6.55999969 11.98222219 7.48444406 22.25777717 9.06666656 5.19111094 0.79999969 21.17333344 2.86222219 26.06222251 0.88888875 43.0577775-17.31555563 132.90666656 50.18666625 226.52444438 131.98222219 93.63555562 81.79555594 114.07999969 91.3422225 175.92888938 137.12000062 61.86666656 45.79555594 76.6577775 72.07111124 68.53333313 128.60444438C1406.96776322 595.07555563 1349.72331851 625.95555594 1309.18998476 638.22222219c-41.24444438 12.48-81.99111094-1.36888874-122.22222186-41.52888844-31.92888844-42.11555531-53.67111094-69.79555594-65.17333313-83.02222219-17.28-19.87555594-26.23999969-20.3022225-40.74666655-24.92444531-10.47111094-3.34222219-9.67111124 22.82666625-8.74666689 53.92000031 0.30222187 9.47555531 0.60444469 19.41333375 0.60444468 29.11999969 0 15.71555531 2.04444469 31.91111156 4.26666657 49.3866675 3.64444406 28.71111094 7.73333344 60.88888876 3.87555564 100.08888844-6.22222219 63.05777812-26.80888876 84.08888906-53.56444501 104.55111093-26.75555531 20.44444406-90.25777781 47.52-150.15111094 31.02222282l-1.90222219-0.55111125-2.71999969-1.244445c-66.29333344-30.88000031-96.10666688-96.28444406-96.17777813-161.49333282v-1.33333312l0.08888907-2.95111125c0.05333344-1.81333313 0.07111126-3.64444406 0.08888906-5.49333374 0.35555531-39.78666656-59.20000031-39.75111094-60.80000063 0-0.79999969 19.96444406-0.97777781 29.95555594-0.53333249 29.99111155 0.1422225 0 0.35555531-1.06666687 0.63999936-3.18222281l-0.07111124 3.85777781-0.03555563 1.724445c-3.12888844 75.48444469-34.79111156 120.96-97.58222154 142.25777719l-2.24000063 0.72888937 1.79555623-0.30222281c-63.32444438 11.46666656-108.39111094-3.12888844-135.14666719-30.39999937-26.75555531-27.25333313-45.38666625-64.8-45.38666624-98.88 0-13.47555563 1.27999969-30.93333375 2.66666624-49.54666688 2.09777812-28.44444469 4.39111126-59.55555562 2.59555595-83.32444406-4.53333375-59.60888906-18.91555594-126.07999969-25.67111156-125.38666688-18.73777781 1.92-62.08000031 95.20000031-93.68888907 125.38666688-31.57333312 30.20444438-49.49333344 42.68444437-89.59999968 49.83111094-79.8222225 14.20444406-132.8177775-34.84444406-146.68444405-91.3422225-13.36888876-54.54222188 3.0222225-101.65333313 40.74666655-132.87111093 37.72444406-31.21777781 49.24444406-43.62666656 162.95111062-91.3422225 113.70666656-47.71555594 211.85777812-174.40000031 271.53777843-188.40888845 3.2177775-0.74666625 10.39999969-2.04444469 13.65333281-2.59555594 10.2222225-1.72444406 16.10666625-2.57777813 30.13333313-8.7822225 2.38222219-1.04888906 4.8-2.13333375 8.17777783-3.67999968l8.37333374-3.82222219c6.8622225-3.11111156 12.26666625-5.47555594 17.83111125-7.76888906z' fill='{{(isStr ? colors : colors[5]) || 'rgb(253,252,250)'}}' /%3E%3Cpath d='M1033.63443009 492.92444469c0 93.65333344-14.22222188 136.97777813-82.9688897 136.97777719-68.72888906 0-148.14222188-62.88-148.14222188-156.55111032 0-93.65333344 20.16-169.5822225 88.88888907-169.5822225s142.2222225 95.50222219 142.22222251 189.15555563z' fill='{{(isStr ? colors : colors[6]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M968.46109602 479.71555531c-4.33777781-28.01777812-29.08444406-51.94666688-56.83555501-55.96444405-43.0577775-6.20444437-73.67111156 33.38666625-73.54666687 75.64444405 0.12444469 42.27555563 32.83555594 75.82222219 70.04444437 72.65777813 37.24444406-3.14666625 68.65777781-38.70222187 60.33777751-92.33777813z' fill='{{(isStr ? colors : colors[7]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M938.38109633 498.87999969c-1.1022225-26.0622225-25.03111124-49.68888844-49.12000031-41.88444375-24.08888906 7.80444469-35.28888844 36.05333344-30.31111126 64.08888844 4.9422225 28.01777812 23.35999969 34.48888876 36.40888969 34.77333374 17.67111094 0.39111094 44.92444406-12.53333344 43.02222188-56.97777843z' fill='{{(isStr ? colors : colors[8]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M604.92331882 304.53333313c110.09777813-12.23111156 129.47555531 128.35555594 89.7244444 206.63111156-15.85777781 31.23555562-80.95999969 99.82222219-110.57777814 117.4577775-31.51999969 18.73777781-83.27111156 33.17333344-108.87111094-2.5422225-23.94666656-33.40444406 0.39111094-66.95111156 2.93333344-102.02666625 1.60000031-22.31111156-2.45333344-43.91111156 0.03555564-66.95111156 7.28888906-67.69777781 56.3022225-144.78222188 126.7555556-152.58666657z' fill='{{(isStr ? colors : colors[9]) || 'rgb(180,161,151)'}}' /%3E%3Cpath d='M524.42554039 536.67555594c9.28000031 24.71111156 48.48 50.48888906 84.49777782 34.96888875 36-15.53777813 46.29333375-56.71111124 41.88444469-90.89777813-4.42666687-34.16888906-32.23111124-59.80444406-69.81333281-57.49333312-42.06222188 2.59555594-77.86666687 56.71111124-56.5688897 113.4222225z' fill='{{(isStr ? colors : colors[10]) || 'rgb(214,236,249)'}}' /%3E%3Cpath d='M550.66554101 518.61333313c5.59999969 29.76 25.17333375 42.48888844 47.62666594 41.45777813 22.45333313-1.01333344 39.27111094-24.6222225 34.844445-59.34222282-4.32-33.61777781-26.47111124-44.85333375-44.924445-44.62222219-14.2577775 0.17777812-45.2622225 21.51111094-37.54666594 62.50666688z' fill='{{(isStr ? colors : colors[11]) || 'rgb(76,57,58)'}}' /%3E%3Cpath d='M417.45665163 269.7422225c32.76444469 52.44444469-20.19555563 145.51111124-95.96444436 192.87111094-75.75111094 47.32444406-172.07111156 36.88888876-204.83555532-15.55555594-32.74666688-52.39111124 55.92888844-68.4977775 131.68000032-115.82222156 75.78666656-47.35999969 136.37333344-113.9022225 169.11999936-61.49333344zM1451.32331821 523.44888876c0 68.55111094-67.85777812 124.05333375-151.5555553 124.05333374-83.6622225 0-151.55555531-55.50222188-151.55555533-124.05333376 0-68.51555531 67.89333375-124.07111156 151.55555533-124.07111062 83.69777812 0 151.55555531 55.55555531 151.5555553 124.07111062z' fill='{{(isStr ? colors : colors[12]) || 'rgb(235,230,227)'}}' /%3E%3Cpath d='M759.35887414 32c50.18666625 0 90.06222188 9.83111156 129.65333344 28.05333375 5.81333344 2.66666625 11.32444406 5.38666687 18.20444437 8.88888844l0.76444407 0.37333312 3.34222219 1.70666719 3.0222225 1.54666594 0.60444469 0.32000062c2.84444438 1.44 4.88888906 2.48888906 6.79111125 3.41333344 4.14222188 2.04444469 7.41333375 3.53777812 10.00888875 4.56888844l0.51555561 0.17777812c53.15555531-14.96888906 124.26666656 34.95111094 191.23555501 90.20444438l9.76000031 8.12444437 9.68888907 8.14222219 9.6 8.14222219 14.18666624 12.12444469c12.17777812 10.39999969 24 20.51555531 35.37777845 29.93777718 84.30222188 69.97333312 137.79555562 110.86222219 191.28888842 144.96 53.51111156 34.08 66.89777813 82.13333344 66.89777814 122.684445 0 102.24-86.93333344 156.78222188-133.76000063 170.4-46.82666625 13.63555594-80.26666687 13.63555594-124.44444375-13.63555594-44.16-27.25333313-81.77777812-88.44444469-88.46222249-98.66666625-0.74666625 29.4222225 1.1022225 62.32888876 5.56444404 98.66666625 6.68444437 54.54222188 0 92.32000031-13.36888874 129.51111094-8.92444406 24.79999969-41.86666687 70.50666656-81.83111063 87.37777781-39.94666687 16.85333344-106.25777813 32.19555562-161.24444436 16.85333344l-4.40888908-1.27999969a29.33333344 29.33333344 0 0 1-3.44888906-1.27999968c-47.09333344-20.9777775-82.48888876-49.45777781-105.6-84.83555625l-1.68888936-2.61333282-2.07999937 3.60888844c-23.23555594 38.96888906-59.32444406 67.12888876-107.80444501 83.46666656l-4.74666657 1.54666689a29.24444438 29.24444438 0 0 1-3.60888842 0.88888874c-82.16888906 14.88-165.61777781 0-205.74222282-62.82666656-19.62666656-30.75555562-28.42666687-53.28-33.43999969-81.795555-5.01333375-28.51555594-3.34222219-64.74666656 0-102.24 3.67999969-41.35111124 4.32-62.22222187 1.9022222-62.57777813-0.49777781-0.08888906-1.13777813 0.71111156-1.9022222 2.43555563-13.38666656 18.31111124-37.20888844 56.3022225-70.64888907 76.74666656-33.43999969 20.44444406-73.5822225 27.27111094-100.32 27.27111094-26.75555531 0-127.09333313-6.82666687-160.53333282-88.62222188-13.36888876-27.25333313-20.05333313-68.16-20.05333406-81.77777812 0-2.75555531-0.12444469-5.63555531-0.24888843-8.67555563-0.83555531-19.59111094-1.95555563-46.36444406 27.00444468-93.58222219 35.73333375-53.6177775 113.63555531-85.86666656 200.83555501-130.31111062C413.36776322 214.45333344 437.33220758 106.7377775 560.92331821 81.33333313c12.83555531-3.23555531 19.96444406-5.15555531 21.38666719-5.77777782l7.57333311-3.41333344 8.4799997-3.87555562c7.43111156-3.37777781 13.42222219-5.97333375 19.68-8.56888875C661.72331821 41.67111124 705.04776291 32 759.37665195 32z m0 60.6222225c-46.13333344 0-82.02666656 8.0177775-118.98666656 23.28888844-5.54666625 2.27555531-10.96888876 4.63999969-17.83111125 7.75111125l-8.37333374 3.82222218c-3.37777781 1.54666687-5.79555562 2.63111156-8.17777783 3.67999969-14.02666688 6.22222219-19.91111156 7.0577775-30.13333312 8.7822225-3.25333313 0.55111124-10.43555531 1.84888874-13.65333282 2.59555594-59.68000031 14.02666688-157.83111094 140.69333344-271.53777842 188.40888844-84.12444469 35.30666625-112.32 51.27111094-136.58666626 69.86666718l-3.91111123 3.02222157c-7.11111094 5.6177775-14.15111156 11.57333344-22.45333313 18.45333375-37.74222187 31.21777781-54.11555531 78.32888906-40.74666656 132.87111093 13.86666656 56.4977775 66.84444469 105.54666656 146.66666624 91.3422225 40.12444406-7.14666656 58.04444437-19.62666656 89.6355553-49.83111093 31.59111094-30.18666656 74.93333344-123.46666688 93.67111126-125.38666688 6.75555562-0.69333375 21.15555563 65.77777781 25.67111156 125.38666688 1.79555531 23.75111156-0.49777781 54.89777813-2.59555594 83.32444406-1.38666656 18.61333313-2.66666625 36.07111124-2.66666624 49.54666687 0 34.08 18.63111094 71.62666687 45.38666624 98.88 26.75555531 27.27111094 71.82222187 41.86666687 135.14666718 30.39999938l-1.79555623 0.30222281 2.24000063-0.72888937c62.79111094-21.29777813 94.45333313-66.77333344 97.58222154-142.25777719l0.03555564-1.724445 0.07111124-3.85777781c-0.28444406 2.13333375-0.49777781 3.19999969-0.63999937 3.18222281-0.1422225 0-0.21333375-0.99555562-0.23111156-2.95111126v-2.80888874c0.05333344-4.92444469 0.30222187-12.99555562 0.76444405-24.23111156 1.60000031-39.75111094 61.15555594-39.78666656 60.80000064 0 0 1.84888874-0.03555563 3.66222187-0.08888907 5.49333375l-0.08888906 2.95111125v1.33333312c0.07111126 65.22666656 29.88444469 130.61333344 96.17777813 161.49333282l2.71999968 1.244445 1.92 0.55111125c59.87555531 16.49777812 123.37777781-10.57777781 150.13333313-31.02222282 26.75555531-20.44444406 47.35999969-41.49333375 53.56444501-104.55111093 3.85777781-39.19999969-0.23111156-71.3777775-3.87555564-100.08888844-2.22222187-17.47555594-4.26666656-33.67111124-4.26666657-49.3866675 0-9.70666687-0.30222187-19.64444437-0.60444468-29.1199997-0.92444437-31.11111094-1.72444406-57.2622225 8.74666689-53.9200003 14.50666687 4.62222188 23.46666656 5.04888844 40.72888873 24.9066675 11.52 13.24444406 33.24444469 40.92444469 65.19111096 83.04 40.23111094 40.1777775 80.95999969 54.00888844 122.22222185 41.52888844 40.55111156-12.26666625 97.7777775-43.11111094 105.93777846-99.66222188 8.12444437-56.53333312-6.68444437-82.80888844-68.53333313-128.60444438-61.84888876-45.77777813-82.29333375-55.32444469-175.91111158-137.12000062-93.63555562-81.79555594-183.48444469-149.29777781-226.54222218-131.96444438-4.88888906 1.95555563-20.87111156-0.10666688-26.06222251-0.88888875-10.27555594-1.60000031-8.95999969-2.52444469-22.25777717-9.08444437a130.2222225 130.2222225 0 0 0-2.66666719-1.36888876l-2.48888906-1.27999968a1180.49777812 1180.49777812 0 0 0-26.13333282-12.92444531c-32.32000031-14.86222219-64.00000031-22.68444469-105.17333344-22.68444375z' fill='{{(isStr ? colors : colors[13]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M377.77665195 524.30222188c-4.19555531 9.20888906 10.27555594 16.49777812 43.41333281 21.83111156 19.02222187-32.80000031 2.43555563-12.56888906 35.98222219-65.83111125 8.85333375-14.08000031 7.3422225-31.28888906-3.39555468-38.45333343a18.36444469 18.36444469 0 0 0-1.42222218-0.87111095c-10.7022225-5.77777781-25.60000031-0.05333344-34.09777782 13.40444438-18.63111094 29.6177775-34.18666688 56.07111094-40.48000032 69.91999968zM1088.46109602 552.28444437c3.82222219 6.8622225 44.81777813-3.82222219 44.53333407-9.29777812-0.44444438-8.21333344 20.37333375 0-43.78666687-60.62222156-10.61333344-10.02666656-25.13777813-13.01333344-34.06222221-5.12000063-0.39111094 0.35555531-0.76444406 0.71111156-1.1022225 1.06666688-7.73333344 8.12444437-6.59555531 22.39999969 2.8622222 32.64 21.47555531 23.28888844 27.00444469 33.17333344 31.55555531 41.33333344z' fill='{{(isStr ? colors : colors[14]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M853.49220758 652.53333312c13.93777781-36.1422225-6.63111094-71.71555594-40.12444499-84.35555531-33.49333312-12.6222225-89.08444406-18.77333344-126.11555533 0-37.03111124 18.79111124-54.06222187 48.21333375-40.14222187 84.35555531 11.05777781 28.67555531 40.87111124 59.44888876 89.43999937 92.3022225a17.29777781 17.29777781 0 0 0 18.63111188 0.49777782c54.43555594-33.06666656 87.2177775-64.00000031 98.31111094-92.80000032z' fill='{{(isStr ? colors : colors[15]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M506.6655404 792.15999969a20.44444406 20.07111094 90 1 0 40.14222282 0 20.44444406 20.07111094 90 1 0-40.14222282 0Z' fill='{{(isStr ? colors : colors[16]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M490.00776291 724.76444469a20.44444406 20.07111094 90 1 0 40.14222185 0 20.44444406 20.07111094 90 1 0-40.14222185 0Z' fill='{{(isStr ? colors : colors[17]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M598.18554101 763.00444437a20.44444406 20.07111094 90 1 0 40.1422219 1e-8 20.44444406 20.07111094 90 1 0-40.1422219 0Z' fill='{{(isStr ? colors : colors[18]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M870.11442946 755.07555594a20.44444406 20.07111094 90 1 0 40.14222281 0 20.44444406 20.07111094 90 1 0-40.14222281 0Z' fill='{{(isStr ? colors : colors[19]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M943.90998476 783.55555531a20.44444406 20.07111094 90 1 0 40.14222282 0 20.44444406 20.07111094 90 1 0-40.14222282 0Z' fill='{{(isStr ? colors : colors[20]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M975.53665227 724.08888874a20.44444406 20.07111094 90 1 0 40.14222187 0 20.44444406 20.07111094 90 1 0-40.14222187 0Z' fill='{{(isStr ? colors : colors[21]) || 'rgb(203,189,177)'}}' /%3E%3Cpath d='M866.77220726 181.56444406c16.00000031-1.19111156 40.88888906 10.56 42.80888907 28.9422225 3.07555594 29.63555531-53.54666625 49.65333375-69.15555562 19.50222188-10.91555531-21.06666656 2.63111156-46.68444469 26.34666655-48.46222219zM648.19443009 198.20444469c11.25333375-1.1022225 21.15555563 5.33333344 25.4933325 14.115555 10.02666656 20.32000031-15.32444438 42.07999969-37.17333281 29.04888937-20.62222219-12.28444406-12.53333344-40.81777781 11.68000031-43.16444437z' fill='{{(isStr ? colors : colors[22]) || 'rgb(203,189,177)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
18
+
19
+ <!--time-->
20
+ <view wx:if="{{name === 'time'}}" 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 992C251.424 992 32 779.424 32 512S251.424 32 512 32s480 219.424 480 480-212.576 480-480 480z m0-850.272C313.152 141.728 141.728 306.24 141.728 512A368.736 368.736 0 0 0 512 882.272 368.736 368.736 0 0 0 882.272 512c0-205.728-171.424-370.272-370.272-370.272z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3Cpath d='M483.04 610.784c6.272 2.592 13.024 3.936 19.84 3.936h155.392a51.84 51.84 0 0 0 0-103.616h-103.616v-155.424a51.808 51.808 0 1 0-103.616 0v207.232a51.776 51.776 0 0 0 32 47.872z' fill='{{(isStr ? colors : colors[1]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
21
+
22
+ <!--target-->
23
+ <view wx:if="{{name === 'target'}}" 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='M513.74545438 32a41.45454563 41.45454563 0 0 1 41.45454562 41.45454563v61.78909031c173.30181844 19.68 311.19272719 156.10909125 332.98909125 328.75636406H950.54545437a41.45454563 41.45454563 0 0 1 41.45454563 41.45454563v8.29090875a41.45454563 41.45454563 0 0 1-41.45454563 41.45454562h-61.81090875c-19.85454563 174.89454563-158.61818156 313.68-333.53454562 333.53454562V950.54545437a41.45454563 41.45454563 0 0 1-41.45454563 41.45454563h-8.29090875a41.45454563 41.45454563 0 0 1-41.45454562-41.45454563V888.14545437c-172.64727281-21.81818156-309.05454563-159.66545437-328.73454562-332.94545437H73.45454563a41.45454563 41.45454563 0 0 1-41.45454563-41.45454563v-8.29090875A41.45454563 41.45454563 0 0 1 73.45454563 464h62.35636312C157.41090875 292.94545437 292.94545437 157.41090875 464 135.81090875V73.45454563A41.45454563 41.45454563 0 0 1 505.45454563 32h8.29090874zM512 224C352.94545437 224 224 352.94545437 224 512c0 159.05454563 128.94545437 288 288 288 159.05454563 0 288-128.94545437 288-288 0-159.05454563-128.94545437-288-288-288z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3Cpath d='M512 512m-87.27272719 0a87.27272719 87.27272719 0 1 0 174.54545438 0 87.27272719 87.27272719 0 1 0-174.54545438 0Z' fill='{{(isStr ? colors : colors[1]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
24
+
25
+ <!--share-->
26
+ <view wx:if="{{name === 'share'}}" 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.3 929.6c-56 0-110.4-11-161.5-32.6-49.4-20.9-93.8-50.8-131.9-88.9-38.1-38.1-68-82.5-88.9-131.9-21.7-51.2-32.6-105.5-32.6-161.5s11-110.4 32.6-161.5c20.9-49.4 50.8-93.8 88.9-131.9 38.1-38.1 82.5-68 131.9-88.9 51.2-21.7 105.5-32.6 161.5-32.6 22.1 0 40 17.9 40 40s-17.9 40-40 40c-89.5 0-173.6 34.9-236.9 98.1s-98.1 147.4-98.1 236.9 34.9 173.6 98.1 236.9c63.3 63.3 147.4 98.1 236.9 98.1s173.6-34.9 236.9-98.1c63.3-63.3 98.1-147.4 98.1-236.9 0-22.1 17.9-40 40-40s40 17.9 40 40c0 56-11 110.4-32.6 161.5-20.9 49.4-50.8 93.8-88.9 131.9-38.1 38.1-82.5 68-131.9 88.9-51.3 21.5-105.6 32.5-161.6 32.5z' fill='{{(isStr ? colors : colors[0]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M512.7 454.2c0-49.7 40.3-90 90-90h125c22.1 0 40-17.9 40-40s-17.9-40-40-40h-125c-93.9 0-170 76.1-170 170v125c0 22.1 17.9 40 40 40s40-17.9 40-40v-125z' fill='{{(isStr ? colors : colors[1]) || 'rgb(74,56,58)'}}' /%3E%3Cpath d='M832.7 298.9c-1.2-1.2-2.4-2.2-3.6-3.2l-76.6-76.6c-15.6-15.6-41-15.6-56.6 0s-15.6 41 0 56.6l51.7 51.7-51.7 51.7c-15.6 15.6-15.6 41 0 56.6 7.8 7.8 18 11.7 28.3 11.7s20.5-3.9 28.3-11.7l76.6-76.6c1.3-1 2.5-2.1 3.6-3.2 7.9-7.9 11.8-18.2 11.7-28.5 0.1-10.3-3.8-20.6-11.7-28.5z' fill='{{(isStr ? colors : colors[2]) || 'rgb(74,56,58)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
27
+
28
+ <!--a-Group32-->
29
+ <view wx:if="{{name === 'a-Group32'}}" 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='M657.408 510.906182c0 27.764364 16.337455 52.898909 41.355636 63.488a65.698909 65.698909 0 0 0 72.913455-14.848 69.934545 69.934545 0 0 0 14.452364-74.891637C775.819636 458.938182 751.336727 442.181818 724.317091 442.181818c-36.933818 0-66.909091 30.650182-66.909091 68.724364z m-211.549091 2.187636c0 27.764364 16.337455 52.922182 41.355636 63.511273a65.698909 65.698909 0 0 0 72.913455-14.848 69.934545 69.934545 0 0 0 14.452364-74.914909c-10.286545-25.693091-34.769455-42.472727-61.812364-42.472727-36.933818 0-66.885818 30.789818-66.885818 68.724363z m-213.131636 0c0 27.764364 16.314182 52.922182 41.332363 63.511273a65.698909 65.698909 0 0 0 72.936728-14.848 69.934545 69.934545 0 0 0 14.429091-74.914909c-10.286545-25.693091-34.769455-42.472727-61.789091-42.472727-36.933818 0-66.909091 30.789818-66.909091 68.724363z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3Cpath d='M941.288727 331.636364A464.779636 464.779636 0 0 0 511.976727 46.545455h-2.117818a465.221818 465.221818 0 0 0-394.775273 222.510545 465.361455 465.361455 0 0 0-18.618181 452.794182v157.905454c0 26.368 21.410909 47.778909 47.778909 47.778909h158.021818A468.642909 468.642909 0 0 0 509.952 977.454545h2.257455a463.429818 463.429818 0 0 0 327.68-134.469818 467.2 467.2 0 0 0 101.399272-511.325091z m-165.422545 446.510545a372.456727 372.456727 0 0 1-263.889455 108.357818h-1.675636a376.832 376.832 0 0 1-174.173091-43.752727l-8.517818-4.608H185.856v-141.637818l-4.491636-8.424727a374.923636 374.923636 0 0 1-43.752728-174.289455c-0.442182-100.375273 37.934545-194.583273 108.357819-265.588364 70.306909-70.981818 164.165818-110.242909 264.54109-110.592h1.69891a373.922909 373.922909 0 0 1 265.541818 110.149819 374.248727 374.248727 0 0 1 109.032727 266.030545c-0.698182 100.165818-40.029091 194.141091-110.917818 264.378182z' fill='{{(isStr ? colors : colors[1]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
30
+
1
31
  <!--edit-square-pen-->
2
32
  <view wx:if="{{name === 'edit-square-pen'}}" 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='M214.1090912 189.284848h173.76969707c1.73769707 0 3.227152 0 4.964848-0.24824213s3.227152-0.49648533 4.71660586-0.74472747c1.48945493-0.24824213 3.227152-0.74472747 4.71660587-1.24121173 1.48945493-0.49648533 2.9789088-0.9929696 4.46836373-1.73769707 1.48945493-0.74472747 2.9789088-1.24121173 4.46836374-1.9859392s2.73066667-1.48945493 4.2201216-2.48242453c1.24121173-0.9929696 2.73066667-1.9859392 3.9718784-2.9789088 1.24121173-0.9929696 2.48242453-2.23418133 3.72363626-3.227152 1.24121173-1.24121173 2.23418133-2.23418133 3.227152-3.72363627 0.9929696-1.24121173 1.9859392-2.48242453 2.9789088-3.9718784 0.9929696-1.24121173 1.73769707-2.73066667 2.48242454-4.2201216 0.74472747-1.48945493 1.48945493-2.9789088 1.9859392-4.46836373 0.74472747-1.48945493 1.24121173-2.9789088 1.73769706-4.46836374 0.49648533-1.48945493 0.74472747-3.227152 1.24121174-4.71660586l0.74472746-4.71660587v-4.964848-4.96484907c0-1.73769707-0.49648533-3.227152-0.74472746-4.71660586-0.24824213-1.48945493-0.74472747-3.227152-1.24121174-4.71660587-0.49648533-1.48945493-0.9929696-2.9789088-1.73769706-4.46836373-0.74472747-1.48945493-1.24121173-2.9789088-1.9859392-4.46836374s-1.48945493-2.73066667-2.48242454-4.2201216c-0.9929696-1.24121173-1.9859392-2.73066667-2.9789088-3.9718784-0.9929696-1.24121173-2.23418133-2.48242453-3.227152-3.72363626a23.18584213 23.18584213 0 0 0-3.72363626-3.227152c-1.24121173-0.9929696-2.48242453-1.9859392-3.9718784-2.9789088-1.24121173-0.9929696-2.73066667-1.73769707-4.2201216-2.48242454-1.48945493-0.74472747-2.9789088-1.48945493-4.46836374-1.9859392-1.48945493-0.74472747-2.9789088-1.24121173-4.46836373-1.73769706-1.48945493-0.49648533-3.227152-0.74472747-4.71660587-1.24121174l-4.71660586-0.74472746c-1.48945493-0.24824213-3.227152 0-4.964848 0h-173.76969707c-34.25745493 0-63.5500608 12.1638784-87.87781867 36.24339413S89.9878784 179.355152 89.9878784 213.860848v521.3090912c0 54.86157547 19.3629088 101.531152 58.08872747 140.5052128 38.72581867 38.72581867 85.64363627 58.08872747 140.5052128 58.0887264h446.83636266c54.86157547 0 101.531152-19.3629088 140.5052128-58.0887264C914.64921173 836.94933333 934.0121216 790.03151467 934.0121216 735.1699392v-99.2969696-4.964848c0-1.73769707-0.49648533-3.227152-0.74472747-4.71660693-0.24824213-1.48945493-0.74472747-3.227152-1.2412128-4.71660587-0.49648533-1.48945493-0.9929696-2.9789088-1.737696-4.46836373-0.74472747-1.48945493-1.24121173-2.9789088-1.98594026-4.46836374s-1.48945493-2.73066667-2.48242347-4.22012053c-0.9929696-1.24121173-1.9859392-2.73066667-2.97890987-3.97187947-0.9929696-1.24121173-2.23418133-2.48242453-3.22715093-3.72363626-1.24121173-1.24121173-2.23418133-2.23418133-3.72363627-3.22715094-1.24121173-0.9929696-2.48242453-1.9859392-3.97187946-2.9789088-1.24121173-0.9929696-2.73066667-1.73769707-4.22012054-2.48242453-1.48945493-0.74472747-2.9789088-1.48945493-4.46836373-1.9859392-1.48945493-0.74472747-2.9789088-1.24121173-4.46836373-1.73769707-1.48945493-0.49648533-3.227152-0.74472747-4.71660587-1.2412128l-4.71660587-0.7447264h-9.92969706c-1.73769707 0-3.227152 0.49648533-4.71660694 0.7447264-1.48945493 0.24824213-3.227152 0.74472747-4.71660586 1.2412128-1.48945493 0.49648533-2.9789088 0.9929696-4.46836374 1.73769707-1.48945493 0.74472747-2.9789088 1.24121173-4.46836373 1.9859392s-2.73066667 1.48945493-4.22012053 2.48242453c-1.24121173 0.9929696-2.73066667 1.9859392-3.97187947 2.9789088-1.24121173 0.9929696-2.48242453 2.23418133-3.72363627 3.22715094-1.24121173 1.24121173-2.23418133 2.23418133-3.22715093 3.72363626-0.9929696 1.24121173-1.9859392 2.48242453-2.9789088 3.97187947-0.9929696 1.24121173-1.73769707 2.73066667-2.48242453 4.22012053-0.74472747 1.48945493-1.48945493 2.9789088-1.9859392 4.46836374-0.74472747 1.48945493-1.24121173 2.9789088-1.73769707 4.46836373-0.49648533 1.48945493-0.74472747 3.227152-1.2412128 4.71660587-0.49648533 1.48945493-0.49648533 3.227152-0.7447264 4.71660693v104.2618176c0 66.28072747-33.01624213 99.2969696-99.29697067 99.2969696H288.58181867c-66.28072747 0-99.2969696-33.01624213-99.29697067-99.2969696V214.1090912c0-16.63224213 8.192-24.82424213 24.8242432-24.8242432z' fill='{{(isStr ? colors : colors[0]) || 'rgb(17,17,17)'}}' /%3E%3Cpath d='M952.63030293 153.04145493l-70.25260586-70.25260693c-24.32775787-24.32775787-53.3721216-36.24339413-87.87781867-36.24339307-34.50569707 0-63.5500608 12.1638784-87.8778176 36.24339307L427.34933333 362.06157547a120.64581867 120.64581867 0 0 0-35.7469088 76.45866666l-12.4121216 136.53333334c-1.9859392 23.08654507 4.964848 42.9459392 21.5970912 59.3299392 16.384 16.384 36.24339413 23.5830304 59.3299392 21.5970912l136.53333334-12.41212054a120.64581867 120.64581867 0 0 0 76.45866666-35.74690986l279.27272747-279.27272747c24.32775787-24.32775787 36.24339413-53.3721216 36.24339413-87.8778176 0-34.50569707-12.1638784-63.5500608-36.24339413-87.87781867l0.24824213 0.2482432z m-70.25260586 105.2547872L603.1049696 537.5689696c-4.2201216 4.2201216-9.43321173 6.70254507-15.3910304 7.1990304l-106.99248427 9.68145493 9.68145387-106.99248533c0.49648533-5.95781867 2.9789088-11.1709088 7.1990304-15.3910304L776.87466667 152.79321173c4.964848-4.964848 10.67442453-7.1990304 17.62521173-7.1990304 6.95078827 0 12.66036373 2.48242453 17.6252128 7.1990304l70.25260587 70.25260694c4.964848 4.964848 7.1990304 10.67442453 7.1990304 17.62521173 0 6.95078827-2.48242453 12.66036373-7.1990304 17.62521173z' fill='{{(isStr ? colors : colors[1]) || 'rgb(17,17,17)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
3
33
 
@@ -1,4 +1,4 @@
1
1
  module.exports = {
2
- version: "0.1.13",
2
+ version: "0.1.15",
3
3
  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"]
4
4
  };
@@ -238,6 +238,14 @@ Component({
238
238
  type: Number,
239
239
  value: 16
240
240
  },
241
+ itemSize: {
242
+ type: Number,
243
+ value: 160
244
+ },
245
+ triggerVariant: {
246
+ type: String,
247
+ value: "default"
248
+ },
241
249
  enableCrop: {
242
250
  type: Boolean,
243
251
  value: true
@@ -9,6 +9,8 @@
9
9
  deletable="{{deletable}}"
10
10
  preview="{{false}}"
11
11
  image-radius="{{imageRadius}}"
12
+ item-size="{{itemSize}}"
13
+ trigger-variant="{{triggerVariant}}"
12
14
  auto-append="{{false}}"
13
15
  bind:choose="handleChoose"
14
16
  bind:delete="handleDelete"
@@ -7,6 +7,10 @@ function normalizeText(value) {
7
7
  return value == null ? "" : String(value);
8
8
  }
9
9
 
10
+ function normalizeVariant(value) {
11
+ return value === "subtle" ? "subtle" : "outline";
12
+ }
13
+
10
14
  Component({
11
15
  behaviors: ["wx://form-field-group"],
12
16
  properties: {
@@ -23,6 +27,11 @@ Component({
23
27
  type: String,
24
28
  value: "请输入"
25
29
  },
30
+ variant: {
31
+ type: String,
32
+ value: "outline",
33
+ observer: "syncState"
34
+ },
26
35
  height: {
27
36
  type: Number,
28
37
  value: 200,
@@ -33,6 +42,11 @@ Component({
33
42
  value: 500,
34
43
  observer: "syncState"
35
44
  },
45
+ showCount: {
46
+ type: Boolean,
47
+ value: true,
48
+ observer: "syncState"
49
+ },
36
50
  disabled: {
37
51
  type: Boolean,
38
52
  value: false
@@ -43,6 +57,7 @@ Component({
43
57
  }
44
58
  },
45
59
  data: {
60
+ resolvedVariant: "outline",
46
61
  textareaHeight: 200,
47
62
  inputMaxlength: 500,
48
63
  remaining: 500,
@@ -58,9 +73,10 @@ Component({
58
73
  const height = Math.max(normalizeNumber(this.data.height, 200), 0);
59
74
  const maxlength = normalizeNumber(this.data.maxlength, 500);
60
75
  const value = normalizeText(this.data.value);
61
- const shouldShowCount = maxlength > 0;
76
+ const shouldShowCount = this.data.showCount && maxlength > 0;
62
77
 
63
78
  this.setData({
79
+ resolvedVariant: normalizeVariant(this.data.variant),
64
80
  textareaHeight: height,
65
81
  inputMaxlength: maxlength,
66
82
  remaining: shouldShowCount ? Math.max(maxlength - value.length, 0) : 0,
@@ -1,4 +1,4 @@
1
- <view class="mo-textarea {{disabled ? 'is-disabled' : ''}} {{customClass}}">
1
+ <view class="mo-textarea mo-textarea--{{resolvedVariant}} {{disabled ? 'is-disabled' : ''}} {{customClass}}">
2
2
  <textarea
3
3
  class="mo-textarea__control"
4
4
  style="height: {{textareaHeight}}rpx;"
@@ -4,11 +4,19 @@
4
4
  box-sizing: border-box;
5
5
  width: 100%;
6
6
  padding: 24rpx;
7
- border: 1rpx solid var(--mo-color-border-default, #CCCCCC);
8
7
  border-radius: var(--mo-radius-lg, 24rpx);
8
+ }
9
+
10
+ .mo-textarea--outline {
11
+ border: 1rpx solid var(--mo-color-border-default, #CCCCCC);
9
12
  background-color: var(--mo-color-background-surface, #FFFFFF);
10
13
  }
11
14
 
15
+ .mo-textarea--subtle {
16
+ border: 0;
17
+ background-color: var(--mo-color-background-subtle, #FAFAFA);
18
+ }
19
+
12
20
  .mo-textarea__control {
13
21
  box-sizing: border-box;
14
22
  width: 100%;
@@ -12,6 +12,15 @@ function normalizeRadius(value) {
12
12
  return Number.isFinite(numberValue) && numberValue >= 0 ? Math.floor(numberValue) : 16;
13
13
  }
14
14
 
15
+ function normalizeItemSize(value) {
16
+ const numberValue = Number(value);
17
+ return Number.isFinite(numberValue) && numberValue > 0 ? Math.floor(numberValue) : 160;
18
+ }
19
+
20
+ function normalizeTriggerVariant(value) {
21
+ return value === "camera" ? "camera" : "default";
22
+ }
23
+
15
24
  function normalizeAccept(value) {
16
25
  if (value === "video" || value === "media") return value;
17
26
  return "image";
@@ -151,6 +160,16 @@ Component({
151
160
  value: 16,
152
161
  observer: "syncFromProps"
153
162
  },
163
+ itemSize: {
164
+ type: Number,
165
+ value: 160,
166
+ observer: "syncFromProps"
167
+ },
168
+ triggerVariant: {
169
+ type: String,
170
+ value: "default",
171
+ observer: "syncFromProps"
172
+ },
154
173
  autoAppend: {
155
174
  type: Boolean,
156
175
  value: true
@@ -162,7 +181,9 @@ Component({
162
181
  },
163
182
  data: {
164
183
  displayList: [],
165
- canChoose: true
184
+ canChoose: true,
185
+ itemStyle: "width: 160rpx; height: 160rpx;",
186
+ resolvedTriggerVariant: "default"
166
187
  },
167
188
  lifetimes: {
168
189
  attached() {
@@ -180,10 +201,13 @@ Component({
180
201
  const fileList = this.getNormalizedFileList();
181
202
  const maxCount = this.getMaxCount();
182
203
  const radius = normalizeRadius(this.data.imageRadius);
204
+ const itemSize = normalizeItemSize(this.data.itemSize);
183
205
 
184
206
  this.setData({
185
207
  displayList: fileList.map((file, index) => normalizeDisplayFile(file, index, radius)),
186
- canChoose: !this.data.disabled && fileList.length < maxCount
208
+ canChoose: !this.data.disabled && fileList.length < maxCount,
209
+ itemStyle: `width: ${itemSize}rpx; height: ${itemSize}rpx;`,
210
+ resolvedTriggerVariant: normalizeTriggerVariant(this.data.triggerVariant)
187
211
  });
188
212
  },
189
213
  emitError(message, error) {
@@ -1,3 +1,6 @@
1
1
  {
2
- "component": true
2
+ "component": true,
3
+ "usingComponents": {
4
+ "mo-icon": "../icon/icon"
5
+ }
3
6
  }
@@ -4,6 +4,7 @@
4
4
  wx:for="{{displayList}}"
5
5
  wx:key="id"
6
6
  class="mo-upload__item"
7
+ style="{{itemStyle}}"
7
8
  data-index="{{index}}"
8
9
  bindtap="handlePreview"
9
10
  >
@@ -25,11 +26,24 @@
25
26
  </view>
26
27
  </view>
27
28
 
28
- <view wx:if="{{canChoose}}" class="mo-upload__trigger" bindtap="handleChoose">
29
+ <view
30
+ wx:if="{{canChoose}}"
31
+ class="mo-upload__trigger is-{{resolvedTriggerVariant}}"
32
+ style="{{itemStyle}}"
33
+ bindtap="handleChoose"
34
+ >
29
35
  <view class="mo-upload__trigger-content">
30
- <slot></slot>
31
- <text class="mo-upload__trigger-plus">+</text>
32
- <text class="mo-upload__trigger-text">上传</text>
36
+ <view wx:if="{{resolvedTriggerVariant === 'camera'}}" class="mo-upload__trigger-camera">
37
+ <mo-icon name="camera" size="{{56}}" color="#4A383A" />
38
+ <view class="mo-upload__trigger-camera-plus">
39
+ <mo-icon name="plus" size="{{24}}" color="#4A383A" />
40
+ </view>
41
+ </view>
42
+ <block wx:else>
43
+ <slot></slot>
44
+ <text class="mo-upload__trigger-plus">+</text>
45
+ <text class="mo-upload__trigger-text">上传</text>
46
+ </block>
33
47
  </view>
34
48
  </view>
35
49
  </view>
@@ -109,6 +109,11 @@
109
109
  background-color: var(--mo-color-background-surface, #FFFFFF);
110
110
  }
111
111
 
112
+ .mo-upload__trigger.is-camera {
113
+ border: 0;
114
+ background-color: transparent;
115
+ }
116
+
112
117
  .mo-upload__trigger-content {
113
118
  display: flex;
114
119
  align-items: center;
@@ -124,6 +129,26 @@
124
129
  line-height: 56rpx;
125
130
  }
126
131
 
132
+ .mo-upload__trigger-camera {
133
+ position: relative;
134
+ display: flex;
135
+ align-items: center;
136
+ justify-content: center;
137
+ }
138
+
139
+ .mo-upload__trigger-camera-plus {
140
+ position: absolute;
141
+ right: -10rpx;
142
+ bottom: -8rpx;
143
+ display: flex;
144
+ align-items: center;
145
+ justify-content: center;
146
+ width: 28rpx;
147
+ height: 28rpx;
148
+ border-radius: 50%;
149
+ background-color: var(--mo-color-background-surface, #FFFFFF);
150
+ }
151
+
127
152
  .mo-upload__trigger-text {
128
153
  margin-top: 8rpx;
129
154
  color: var(--mo-color-text-secondary, #666666);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maooo-skyline-ui-system",
3
- "version": "0.1.13",
3
+ "version": "0.1.15",
4
4
  "private": false,
5
5
  "description": "Skyline + AI design system workspace for WeChat Mini Program UI components.",
6
6
  "main": "miniprogram_dist/index.js",