@strapi/admin 4.7.0 → 4.7.2-exp.24dd7d95972fa822bf43e9b095b51027402c229e

package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-nested-ternary */
 /**
  *
  * ListView
@@ -26,7 +27,6 @@ import {
   ActionLayout,
   EmptyStateLayout,
   Flex,
-  Stack,
   IconButton,
   BaseCheckbox,
   Table,
@@ -303,178 +303,171 @@ const ListView = () => {
             <Box background="neutral0" padding={6} shadow="filterShadow" hasRadius>
               <LoadingIndicatorPage />
             </Box>
-          ) : (
-            <>
-              {rowsCount > 0 ? (
-                <Table
-                  colCount={5}
-                  rowCount={rowsCount + 1}
-                  footer={
-                    <TFooter
-                      onClick={() => (canCreate ? handleGoTo('create') : {})}
-                      icon={<Plus />}
-                    >
+          ) : rowsCount > 0 ? (
+            <Table
+              colCount={5}
+              rowCount={rowsCount + 1}
+              footer={
+                <TFooter onClick={() => (canCreate ? handleGoTo('create') : {})} icon={<Plus />}>
+                  {formatMessage({
+                    id: 'Settings.webhooks.list.button.add',
+                    defaultMessage: 'Create new webhook',
+                  })}
+                </TFooter>
+              }
+            >
+              <Thead>
+                <Tr>
+                  <Th>
+                    <BaseCheckbox
+                      aria-label={formatMessage({
+                        id: 'global.select-all-entries',
+                        defaultMessage: 'Select all entries',
+                      })}
+                      indeterminate={
+                        webhooksToDeleteLength > 0 && webhooksToDeleteLength < rowsCount
+                      }
+                      value={webhooksToDeleteLength === rowsCount}
+                      onValueChange={handleSelectAllCheckbox}
+                    />
+                  </Th>
+                  <Th width="20%">
+                    <Typography variant="sigma" textColor="neutral600">
                       {formatMessage({
-                        id: 'Settings.webhooks.list.button.add',
-                        defaultMessage: 'Create new webhook',
+                        id: 'global.name',
+                        defaultMessage: 'Name',
                       })}
-                    </TFooter>
-                  }
-                >
-                  <Thead>
-                    <Tr>
-                      <Th>
-                        <BaseCheckbox
-                          aria-label={formatMessage({
-                            id: 'global.select-all-entries',
-                            defaultMessage: 'Select all entries',
-                          })}
-                          indeterminate={
-                            webhooksToDeleteLength > 0 && webhooksToDeleteLength < rowsCount
-                          }
-                          value={webhooksToDeleteLength === rowsCount}
-                          onValueChange={handleSelectAllCheckbox}
-                        />
-                      </Th>
-                      <Th width="20%">
-                        <Typography variant="sigma" textColor="neutral600">
-                          {formatMessage({
-                            id: 'global.name',
-                            defaultMessage: 'Name',
+                    </Typography>
+                  </Th>
+                  <Th width="60%">
+                    <Typography variant="sigma" textColor="neutral600">
+                      {formatMessage({
+                        id: 'Settings.webhooks.form.url',
+                        defaultMessage: 'URL',
+                      })}
+                    </Typography>
+                  </Th>
+                  <Th width="20%">
+                    <Typography variant="sigma" textColor="neutral600">
+                      {formatMessage({
+                        id: 'Settings.webhooks.list.th.status',
+                        defaultMessage: 'Status',
+                      })}
+                    </Typography>
+                  </Th>
+                  <Th>
+                    <VisuallyHidden>
+                      {formatMessage({
+                        id: 'Settings.webhooks.list.th.actions',
+                        defaultMessage: 'Actions',
+                      })}
+                    </VisuallyHidden>
+                  </Th>
+                </Tr>
+              </Thead>
+              <Tbody>
+                {webhooks.map((webhook) => (
+                  <Tr
+                    key={webhook.id}
+                    {...onRowClick({
+                      fn: () => handleGoTo(webhook.id),
+                      condition: canUpdate,
+                    })}
+                  >
+                    <Td {...stopPropagation}>
+                      <BaseCheckbox
+                        aria-label={`${formatMessage({
+                          id: 'global.select',
+                          defaultMessage: 'Select',
+                        })} ${webhook.name}`}
+                        value={webhooksToDelete?.includes(webhook.id)}
+                        onValueChange={(value) => handleSelectOneCheckbox(value, webhook.id)}
+                        id="select"
+                        name="select"
+                      />
+                    </Td>
+                    <Td>
+                      <Typography fontWeight="semiBold" textColor="neutral800">
+                        {webhook.name}
+                      </Typography>
+                    </Td>
+                    <Td>
+                      <Typography textColor="neutral800">{webhook.url}</Typography>
+                    </Td>
+                    <Td>
+                      <Flex {...stopPropagation}>
+                        <Switch
+                          onLabel={formatMessage({
+                            id: 'global.enabled',
+                            defaultMessage: 'Enabled',
                           })}
-                        </Typography>
-                      </Th>
-                      <Th width="60%">
-                        <Typography variant="sigma" textColor="neutral600">
-                          {formatMessage({
-                            id: 'Settings.webhooks.form.url',
-                            defaultMessage: 'URL',
+                          offLabel={formatMessage({
+                            id: 'global.disabled',
+                            defaultMessage: 'Disabled',
                           })}
-                        </Typography>
-                      </Th>
-                      <Th width="20%">
-                        <Typography variant="sigma" textColor="neutral600">
-                          {formatMessage({
+                          label={`${webhook.name} ${formatMessage({
                             id: 'Settings.webhooks.list.th.status',
                             defaultMessage: 'Status',
-                          })}
-                        </Typography>
-                      </Th>
-                      <Th>
-                        <VisuallyHidden>
-                          {formatMessage({
-                            id: 'Settings.webhooks.list.th.actions',
-                            defaultMessage: 'Actions',
-                          })}
-                        </VisuallyHidden>
-                      </Th>
-                    </Tr>
-                  </Thead>
-                  <Tbody>
-                    {webhooks.map((webhook) => (
-                      <Tr
-                        key={webhook.id}
-                        {...onRowClick({
-                          fn: () => handleGoTo(webhook.id),
-                          condition: canUpdate,
-                        })}
-                      >
-                        <Td {...stopPropagation}>
-                          <BaseCheckbox
-                            aria-label={`${formatMessage({
-                              id: 'global.select',
-                              defaultMessage: 'Select',
-                            })} ${webhook.name}`}
-                            value={webhooksToDelete?.includes(webhook.id)}
-                            onValueChange={(value) => handleSelectOneCheckbox(value, webhook.id)}
-                            id="select"
-                            name="select"
+                          })}`}
+                          selected={webhook.isEnabled}
+                          onChange={() => handleEnabledChange(!webhook.isEnabled, webhook.id)}
+                          visibleLabels
+                        />
+                      </Flex>
+                    </Td>
+                    <Td>
+                      <Flex gap={1} {...stopPropagation}>
+                        {canUpdate && (
+                          <IconButton
+                            onClick={() => {
+                              handleGoTo(webhook.id);
+                            }}
+                            label={formatMessage({
+                              id: 'Settings.webhooks.events.update',
+                              defaultMessage: 'Update',
+                            })}
+                            icon={<Pencil />}
+                            noBorder
+                          />
+                        )}
+                        {canDelete && (
+                          <IconButton
+                            onClick={() => handleDeleteClick(webhook.id)}
+                            label={formatMessage({
+                              id: 'global.delete',
+                              defaultMessage: 'Delete',
+                            })}
+                            icon={<Trash />}
+                            noBorder
+                            id={`delete-${webhook.id}`}
                           />
-                        </Td>
-                        <Td>
-                          <Typography fontWeight="semiBold" textColor="neutral800">
-                            {webhook.name}
-                          </Typography>
-                        </Td>
-                        <Td>
-                          <Typography textColor="neutral800">{webhook.url}</Typography>
-                        </Td>
-                        <Td>
-                          <Flex {...stopPropagation}>
-                            <Switch
-                              onLabel={formatMessage({
-                                id: 'global.enabled',
-                                defaultMessage: 'Enabled',
-                              })}
-                              offLabel={formatMessage({
-                                id: 'global.disabled',
-                                defaultMessage: 'Disabled',
-                              })}
-                              label={`${webhook.name} ${formatMessage({
-                                id: 'Settings.webhooks.list.th.status',
-                                defaultMessage: 'Status',
-                              })}`}
-                              selected={webhook.isEnabled}
-                              onChange={() => handleEnabledChange(!webhook.isEnabled, webhook.id)}
-                              visibleLabels
-                            />
-                          </Flex>
-                        </Td>
-                        <Td>
-                          <Stack horizontal spacing={1} {...stopPropagation}>
-                            {canUpdate && (
-                              <IconButton
-                                onClick={() => {
-                                  handleGoTo(webhook.id);
-                                }}
-                                label={formatMessage({
-                                  id: 'Settings.webhooks.events.update',
-                                  defaultMessage: 'Update',
-                                })}
-                                icon={<Pencil />}
-                                noBorder
-                              />
-                            )}
-                            {canDelete && (
-                              <IconButton
-                                onClick={() => handleDeleteClick(webhook.id)}
-                                label={formatMessage({
-                                  id: 'global.delete',
-                                  defaultMessage: 'Delete',
-                                })}
-                                icon={<Trash />}
-                                noBorder
-                                id={`delete-${webhook.id}`}
-                              />
-                            )}
-                          </Stack>
-                        </Td>
-                      </Tr>
-                    ))}
-                  </Tbody>
-                </Table>
-              ) : (
-                <EmptyStateLayout
-                  icon={<EmptyDocuments width="160px" />}
-                  content={formatMessage({
-                    id: 'Settings.webhooks.list.empty.description',
-                    defaultMessage: 'No webhooks found',
+                        )}
+                      </Flex>
+                    </Td>
+                  </Tr>
+                ))}
+              </Tbody>
+            </Table>
+          ) : (
+            <EmptyStateLayout
+              icon={<EmptyDocuments width="160px" />}
+              content={formatMessage({
+                id: 'Settings.webhooks.list.empty.description',
+                defaultMessage: 'No webhooks found',
+              })}
+              action={
+                <Button
+                  variant="secondary"
+                  startIcon={<Plus />}
+                  onClick={() => (canCreate ? handleGoTo('create') : {})}
+                >
+                  {formatMessage({
+                    id: 'Settings.webhooks.list.button.add',
+                    defaultMessage: 'Create new webhook',
                   })}
-                  action={
-                    <Button
-                      variant="secondary"
-                      startIcon={<Plus />}
-                      onClick={() => (canCreate ? handleGoTo('create') : {})}
-                    >
-                      {formatMessage({
-                        id: 'Settings.webhooks.list.button.add',
-                        defaultMessage: 'Create new webhook',
-                      })}
-                    </Button>
-                  }
-                />
-              )}
-            </>
+                </Button>
+              }
+            />
           )}
         </ContentLayout>
       </Main>

package/admin/src/pages/UseCasePage/index.js

@@ -9,7 +9,6 @@ import {
   Main,
   Flex,
   Box,
-  Stack,
   Typography,
   Select,
   Option,
@@ -124,7 +123,7 @@ const UseCasePage = () => {
                 </TypographyCenter>
               </Box>
             </Flex>
-            <Stack spacing={6}>
+            <Flex direction="column" alignItems="stretch" gap={6}>
               <Select
                 id="usecase"
                 data-testid="usecase"
@@ -155,7 +154,7 @@ const UseCasePage = () => {
               <Button type="submit" size="L" fullWidth disabled={!role}>
                 {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}
               </Button>
-            </Stack>
+            </Flex>
           </form>
         </LayoutContent>
         <Flex justifyContent="center">

package/admin/src/translations/zh-Hans.json

@@ -139,6 +139,34 @@
   "Settings.profile.form.section.experience.mode.label": "界面风格",
   "Settings.profile.form.section.experience.mode.hint": "将会用所选择的风格显示你的界面",
   "Settings.profile.form.section.experience.mode.option-label": "{name}界面",
+  "Settings.application.customization": "自定义",
+  "Settings.application.customization.size-details": "最大尺寸：{dimension}×{dimension}，最大文件大小：{size}KB",
+  "Settings.application.customization.carousel.menu-logo.title": "菜单 Logo",
+  "Settings.application.customization.carousel.auth-logo.title": "认证 Logo",
+  "Settings.application.customization.carousel.change-action": "更换 Logo",
+  "Settings.application.customization.carousel.reset-action": "重置 Logo",
+  "Settings.application.customization.carousel-slide.label": "Logo 幻灯片",
+  "Settings.application.customization.menu-logo.carousel-hint": "更换主导航栏中的 Logo",
+  "Settings.application.customization.auth-logo.carousel-hint": "更换身份验证页面中的 Logo",
+  "Settings.application.customization.modal.cancel": "取消",
+  "Settings.application.customization.modal.upload": "上传 Logo",
+  "Settings.application.customization.modal.tab.label": "您想如何上传您的资产？",
+  "Settings.application.customization.modal.upload.from-computer": "从本地上传",
+  "Settings.application.customization.modal.upload.file-validation": "最大尺寸：{dimension}×{dimension}，最大文件大小：{size}KB",
+  "Settings.application.customization.modal.upload.error-format": "上传格式不正确（仅支持格式：jpeg、jpg、png、svg）。",
+  "Settings.application.customization.modal.upload.error-size": "上传的文件过大（最大尺寸：{dimension}×{dimension}，最大文件大小：{size}KB）",
+  "Settings.application.customization.modal.upload.error-network": "网络错误",
+  "Settings.application.customization.modal.upload.cta.browse": "浏览文件",
+  "Settings.application.customization.modal.upload.drag-drop": "拖放到此处或",
+  "Settings.application.customization.modal.upload.from-url": "从 URL 上传",
+  "Settings.application.customization.modal.upload.from-url.input-label": "URL",
+  "Settings.application.customization.modal.upload.next": "下一步",
+  "Settings.application.customization.modal.pending": "待定 Logo",
+  "Settings.application.customization.modal.pending.choose-another": "选择另一个",
+  "Settings.application.customization.modal.pending.title": "准备上传的 Logo",
+  "Settings.application.customization.modal.pending.subtitle": "在上传前管理选择的 Logo",
+  "Settings.application.customization.modal.pending.upload": "上传",
+  "Settings.application.customization.modal.pending.card-badge": "图像",
   "light": "浅色",
   "dark": "深色",
   "Settings.profile.form.section.experience.title": "体验",
@@ -602,7 +630,7 @@
   "content-manager.popUpwarning.warning.has-draft-relations.message": "<b>{count, plural, =0 { 个关联的内容} one { 个关联的内容} other { 个关联的内容}}</b> 尚未发布。<br></br>它可能会在你的项目上产生关联失效和错误。",
   "content-type-builder.button.component.create": "创建一个新的组件",
   "content-type-builder.button.model.create": "创建一个新的集合类型",
-  "content-type-builder.button.single-types.create": "创新一个新的单一类型",
+  "content-type-builder.button.single-types.create": "创建一个新的单一类型",
   "content-type-builder.form.button.add.field.to.collectionType": "为这个集合类型添加另一个字段",
   "content-type-builder.form.button.add.field.to.singleType": "为这个单一类型添加另一个字段",
   "content-type-builder.listView.headerLayout.description": "定义内容的数据结构",
@@ -611,9 +639,11 @@
   "content-type-builder.menu.section.single-types.name": "单一类型",
   "content-type-builder.plugin.name": "模型构建器",
   "form.button.done": "完成",
+  "form.button.continue": "继续",
   "global.search": "搜索",
   "global.back": "返回",
   "global.cancel": "取消",
+  "global.continue": "继续",
   "global.change-password": "修改密码",
   "global.content-manager": "内容管理",
   "global.delete": "删除",