Update permission (#1522)

* Permission (#1442) * Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * feat: add permission display in the team manager modal * feat: add permission i18n * feat: let team module acquire permission ablity * feat: add ownerPermission property into metaData * feat: team premission system * feat: extract the resourcePermission from resource schemas * fix: move enum definition to constant * feat: auth member permission handler, invite user * feat: permission manage * feat: adjust the style * feat: team card style - add a new icon * feat: team permission in guest mode * chore: change the type * chore: delete useless file * chore: delete useless code * feat: do not show owner in PermissionManage view * chore: fix style * fix: icon remove fill * feat: adjust the codes --------- Co-authored-by: Archer <545436317@qq.com> * perf: permission modal * lock --------- Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com>
2025-08-03 05:19:51 +00:00 · 2024-05-17 17:42:33 +08:00
parent 67c52992d7
commit 2f93dedfb6
30 changed files with 1079 additions and 377 deletions
--- a/projects/app/src/components/common/Rowtabs/index.tsx
+++ b/projects/app/src/components/common/Rowtabs/index.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { Flex, Box, BoxProps, border } from '@chakra-ui/react';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+
+type Props = BoxProps & {
+  list: {
+    icon?: string;
+    label: string | React.ReactNode;
+    value: string;
+  }[];
+  value: string;
+  onChange: (e: string) => void;
+};
+
+const RowTabs = ({ list, value, onChange, py = '7px', px = '12px', ...props }: Props) => {
+  return (
+    <Box display={'inline-flex'} px={'3px'} {...props}>
+      {list.map((item) => (
+        <Flex
+          key={item.value}
+          flex={'1 0 0'}
+          alignItems={'center'}
+          cursor={'pointer'}
+          px={px}
+          py={py}
+          userSelect={'none'}
+          whiteSpace={'noWrap'}
+          borderBottom={'2px solid'}
+          {...(value === item.value
+            ? {
+                bg: 'white',
+                color: 'primary.600',
+                borderColor: 'primary.600'
+              }
+            : {
+                borderColor: 'myGray.100',
+                onClick: () => onChange(item.value)
+              })}
+        >
+          {item.icon && <MyIcon name={item.icon as any} mr={1} w={'14px'} />}
+          <Box>{item.label}</Box>
+        </Flex>
+      ))}
+    </Box>
+  );
+};
+
+export default RowTabs;