v4.6 -1 (#459)

projects/app/src/components/support/permission/IconText/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PermissionTypeEnum, PermissionTypeMap } from '@fastgpt/global/support/permission/constant';
+import { Box, Flex, FlexProps } from '@chakra-ui/react';
+import MyIcon from '@/components/Icon';
+import { useTranslation } from 'react-i18next';
+
+const PermissionIconText = ({
+  permission,
+  ...props
+}: { permission: `${PermissionTypeEnum}` } & FlexProps) => {
+  const { t } = useTranslation();
+  return PermissionTypeMap[permission] ? (
+    <Flex alignItems={'center'} {...props}>
+      <MyIcon name={PermissionTypeMap[permission]?.iconLight as any} w={'14px'} />
+      <Box ml={'1px'}>{t(PermissionTypeMap[permission]?.label)}</Box>
+    </Flex>
+  ) : null;
+};
+
+export default PermissionIconText;

projects/app/src/components/support/permission/Radio/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import MyRadio from '@/components/Radio';
+import { PermissionTypeEnum } from '@fastgpt/global/support/permission/constant';
+import { useTranslation } from 'react-i18next';
+
+const PermissionRadio = ({
+  value,
+  onChange
+}: {
+  value: `${PermissionTypeEnum}`;
+  onChange: (e: `${PermissionTypeEnum}`) => void;
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <MyRadio
+      gridTemplateColumns={['repeat(1,1fr)', 'repeat(2,1fr)']}
+      list={[
+        {
+          icon: 'support/permission/privateLight',
+          title: t('permission.Private'),
+          desc: t('permission.Private Tip'),
+          value: PermissionTypeEnum.private
+        },
+        {
+          icon: 'support/permission/publicLight',
+          title: t('permission.Public'),
+          desc: t('permission.Public Tip'),
+          value: PermissionTypeEnum.public
+        }
+      ]}
+      value={value}
+      onChange={(e) => onChange(e as `${PermissionTypeEnum}`)}
+    />
+  );
+};
+
+export default PermissionRadio;