cx-chat 0.0.1

package/src/views/page-menus/knowledge/modal/knowledge-user-select-modal.tsx

@@ -0,0 +1,283 @@
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+
+import {
+  assignKnowledgePermissionAPI,
+  shareKnowledgeAPI,
+  shareKnowledgeDocAPI,
+} from '@/api/menus/knowledge'
+import DepUserSelectMultiModal, {
+  pickUserId,
+  useDefaultDepUserMemberColumns,
+  type DepUserSelectMultiOpenPayload as BaseDepUserSelectMultiOpenPayload,
+  type DepUserSelectMultiPicked,
+  type DepUserSelectUser,
+} from '@/components/common/modal/dep-user-select-multi'
+import { useToast } from '@/contexts/ToastContext'
+import { CxCheckbox } from '@cx-ui'
+
+export type { DepUserSelectUser }
+
+export type KnowledgeUserSelectKind = 'user' | 'dept'
+
+export type KnowledgeUserSelectPicked = DepUserSelectMultiPicked & {
+  /** 仅知识库权限分配时使用 */
+  kbManage?: boolean
+  /** 仅知识库权限分配时使用 */
+  docManage?: boolean
+}
+
+export type KnowledgeUserSelectOpenPayload = BaseDepUserSelectMultiOpenPayload & {
+  /** 当前知识库 id（用于分配接口入参） */
+  knowledgeId?: string | number
+  /** 当前知识库文档 id（用于分配接口入参） */
+  knowledgeDocId?: string | number
+  /**
+   * 模式：
+   * - permission：底部表格可勾选「知识库管理/文档管理」
+   * - share：可选人/部门，底部不需要额外展示
+   * - doc-share：文档共享模式
+   */
+  mode?: 'permission' | 'share' | 'doc-share'
+}
+
+type KnowledgeUserSelectModalProps = {
+  onOk?: (data: {
+    picked: KnowledgeUserSelectPicked[]
+    payload?: KnowledgeUserSelectOpenPayload
+  }) => void | Promise<void>
+}
+
+const KnowledgeUserSelectModal = forwardRef(function KnowledgeUserSelectModal(
+  props: KnowledgeUserSelectModalProps,
+  ref,
+) {
+  const { onOk } = props
+  const { t } = useTranslation()
+  const { showToast } = useToast()
+
+  const innerRef = useRef<{ open: (p?: any) => void; close: () => void } | null>(null)
+  const payloadRef = useRef<KnowledgeUserSelectOpenPayload | undefined>(undefined)
+  const [mode, setMode] = useState<string>('permission')
+  const [userPermMap, setUserPermMap] = useState<
+    Record<string, { kbManage: boolean; docManage: boolean }>
+  >(() => ({}))
+
+  const defaultUserColumns = useDefaultDepUserMemberColumns()
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      open: (p?: KnowledgeUserSelectOpenPayload) => {
+        const next = ((p as any) ?? {}) as KnowledgeUserSelectOpenPayload
+        payloadRef.current = next
+        setMode(next?.mode ?? 'permission')
+        setUserPermMap({})
+        innerRef.current?.open(next)
+      },
+      close: () => innerRef.current?.close(),
+    }),
+    [],
+  )
+
+  const syncUserPermMap = useCallback((users: DepUserSelectUser[]) => {
+    setUserPermMap((prev) => {
+      const nextMap: Record<string, { kbManage: boolean; docManage: boolean }> = { ...prev }
+      const keepKeySet = new Set<string>()
+      for (const u of users) {
+        const id = pickUserId(u)
+        if (id == null) continue
+        const k = String(id)
+        keepKeySet.add(k)
+        if (!nextMap[k]) nextMap[k] = { kbManage: true, docManage: true }
+      }
+      for (const k of Object.keys(nextMap)) {
+        if (!keepKeySet.has(k)) delete nextMap[k]
+      }
+      return nextMap
+    })
+  }, [])
+
+  const toggleUserPerm = useCallback((id: any, key: 'kbManage' | 'docManage', checked: boolean) => {
+    const k = String(id)
+    setUserPermMap((prev) => ({
+      ...prev,
+      [k]: {
+        kbManage: prev?.[k]?.kbManage ?? true,
+        docManage: prev?.[k]?.docManage ?? true,
+        [key]: checked,
+      } as any,
+    }))
+  }, [])
+
+  const permissionSelectedColumns = useMemo(() => {
+    return [
+      ...defaultUserColumns,
+      {
+        title: <span>{t('menus.knowledge.permission_kb_manage')}</span>, // 知识库管理
+        key: '__kbManage',
+        width: 100,
+        render: (_: unknown, row: DepUserSelectUser) => {
+          const id = pickUserId(row)
+          if (id == null) return null
+          const perms = userPermMap[String(id)] ?? { kbManage: true, docManage: true }
+          return (
+            <div className="flex justify-center">
+              <CxCheckbox
+                checked={perms.kbManage === true}
+                onChange={(checked) => toggleUserPerm(id, 'kbManage', checked)}
+              />
+            </div>
+          )
+        },
+      },
+      {
+        title: <span>{t('menus.knowledge.permission_doc_manage')}</span>, // 文档管理
+        key: '__docManage',
+        width: 100,
+        render: (_: unknown, row: DepUserSelectUser) => {
+          const id = pickUserId(row)
+          if (id == null) return null
+          const perms = userPermMap[String(id)] ?? { kbManage: true, docManage: true }
+          return (
+            <div className="flex justify-center">
+              <CxCheckbox
+                checked={perms.docManage === true}
+                onChange={(checked) => toggleUserPerm(id, 'docManage', checked)}
+              />
+            </div>
+          )
+        },
+      },
+    ]
+  }, [defaultUserColumns, t, toggleUserPerm, userPermMap])
+
+  const handleValidate = useCallback(
+    ({
+      users,
+      deptIds,
+    }: {
+      users: DepUserSelectUser[]
+      deptIds: (string | number)[]
+    }) => {
+      const currentMode = payloadRef.current?.mode ?? 'permission'
+      if (currentMode === 'permission') {
+        if (users.length === 0) return 'menus.knowledge.select_user_at_least_one' // 至少选一个用户
+      } else if (users.length === 0 && deptIds.length === 0) {
+        return 'menus.knowledge.select_user_or_dept_first' // 请先选择人员或部门
+      }
+      return null
+    },
+    [],
+  )
+
+  const handleOk = useCallback(
+    async ({
+      users,
+      deptIds,
+      picked,
+      payload,
+    }: {
+      users: DepUserSelectUser[]
+      deptIds: (string | number)[]
+      picked: DepUserSelectMultiPicked[]
+      payload?: KnowledgeUserSelectOpenPayload
+    }) => {
+      const currentMode = payload?.mode ?? payloadRef.current?.mode ?? 'permission'
+
+      if (currentMode === 'permission') {
+        const invalidUsers = users.filter((u) => {
+          const id = pickUserId(u)
+          if (id == null) return false
+          const perms = userPermMap[String(id)] ?? { kbManage: true, docManage: true }
+          return !perms.kbManage && !perms.docManage
+        })
+        if (invalidUsers.length > 0) {
+          showToast(t('menus.knowledge.select_permission_at_least_one'), 'error') // 至少选一个权限
+          return false
+        }
+
+        const kbManageUsers = users
+          .map((u) => {
+            const id = pickUserId(u)
+            if (id == null) return null
+            const perms = userPermMap[String(id)] ?? { kbManage: true, docManage: true }
+            return perms.kbManage ? id : null
+          })
+          .filter(Boolean)
+        const docManageUsers = users
+          .map((u) => {
+            const id = pickUserId(u)
+            if (id == null) return null
+            const perms = userPermMap[String(id)] ?? { kbManage: true, docManage: true }
+            return perms.docManage ? id : null
+          })
+          .filter(Boolean)
+
+        await assignKnowledgePermissionAPI({
+          knowledgeId: payload?.knowledgeId ?? payloadRef.current?.knowledgeId,
+          knowledgeUserIdList: kbManageUsers,
+          knowledgeDocumentUserIdList: docManageUsers,
+        })
+      } else {
+        const knowledgeId = payload?.knowledgeId ?? payloadRef.current?.knowledgeId
+        const userIds = users
+          .map((u) => {
+            const id = pickUserId(u)
+            return id != null ? id : null
+          })
+          .filter(Boolean)
+        const deptIdList = deptIds.map((deptId) => Number(deptId))
+
+        if (currentMode === 'doc-share') {
+          await shareKnowledgeDocAPI({
+            knowledgeId,
+            knowledgeDocumentId:
+              payload?.knowledgeDocId ?? payloadRef.current?.knowledgeDocId,
+            departmentIdList: deptIdList,
+            userIdList: userIds,
+          })
+        } else {
+          await shareKnowledgeAPI({
+            knowledgeId,
+            departmentIdList: deptIdList,
+            userIdList: userIds,
+          })
+        }
+      }
+
+      const enrichedPicked: KnowledgeUserSelectPicked[] = picked.map((item) => {
+        if (item.kind !== 'user') return item
+        const perms = userPermMap[String(item.id)] ?? { kbManage: true, docManage: true }
+        return { ...item, kbManage: perms.kbManage, docManage: perms.docManage }
+      })
+
+      await onOk?.({ picked: enrichedPicked, payload })
+      showToast(t('common.operation_success'), 'success') // 操作成功
+    },
+    [onOk, showToast, t, userPermMap],
+  )
+
+  return (
+    <DepUserSelectMultiModal
+      ref={innerRef}
+      opeType="add"
+      userColumns={defaultUserColumns}
+      selectedPanelColumns={
+        mode === 'permission' ? permissionSelectedColumns : defaultUserColumns
+      }
+      onUsersChange={syncUserPermMap}
+      onValidate={handleValidate}
+      onOk={handleOk}
+    />
+  )
+})
+
+export default KnowledgeUserSelectModal

package/src/views/page-menus/knowledge/modal/submit-modal.tsx

@@ -0,0 +1,179 @@
+import {
+  addKnowledgePersonalAPI,
+  addKnowledgePublicAPI,
+  editKnowledgeAPI,
+  getKnowledgeDetailAPI,
+} from '@/api/menus/knowledge'
+import { useModalSubmit } from '@/hooks/useModalSubmit'
+import { getEnumOptions } from '@/meta/index-enum'
+import { CxForm, CxFormItem, CxInput, CxModal, useCxModal } from '@cx-ui'
+import CxRadio from '@cx-ui/radio'
+import {
+  forwardRef,
+  useImperativeHandle,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+
+interface KnowledgeModalProps {
+  onOk?: (values: any) => void | Promise<void>
+  onCancel?: () => void
+}
+
+const SubmitModal = forwardRef<any, KnowledgeModalProps>(function SubmitModal(_props, ref) {
+  const { t } = useTranslation()
+  const { onOk, onCancel } = _props
+
+  const { submitting, handleSubmit } = useModalSubmit()
+  const [typeValueKind, setTypeValueKind] = useState<'number' | 'string'>('number')
+  /** 新增且仅一种创建权限时，只展示该类型选项；`null` 表示两种都能选 */
+  const [addTypeOnly, setAddTypeOnly] = useState<number | null>(null)
+
+  const modal = useCxModal({
+    onOpen: async (payload) => {
+      const nextType = payload.opeType ?? 'add'
+      const record = payload.data
+      const { form } = modal
+
+      if (nextType === 'edit' && record) {
+        setAddTypeOnly(null)
+        const opeId = payload.opeId ?? record.id
+        if (opeId != null && `${opeId}`.trim() !== '') {
+          const detail = await getKnowledgeDetailAPI(opeId)
+          setTypeValueKind(typeof detail?.data?.type === 'string' ? 'string' : 'number')
+          form.setFieldsValue({
+            name: detail?.data?.name ?? '',
+            description: detail?.data?.description ?? '',
+            type: detail?.data?.type,
+          })
+        } else {
+          form.resetFields()
+          setTypeValueKind('number')
+          setAddTypeOnly(null)
+        }
+      } else {
+        form.resetFields()
+        setTypeValueKind('number')
+        const forcedType = payload?.forcedType
+        const lockSingle = Boolean(payload?.lockType)
+        if (lockSingle && (forcedType === 0 || forcedType === 1)) {
+          setAddTypeOnly(forcedType)
+        } else {
+          setAddTypeOnly(null)
+        }
+        if (forcedType === 0 || forcedType === 1) {
+          form.setFieldsValue({ type: forcedType })
+        }
+      }
+    },
+    onClose: () => {
+      setAddTypeOnly(null)
+      onCancel?.()
+    },
+  })
+  
+  const { isOpen, close, form, opeType, opeId } = modal
+
+  /** 编辑时类型不可改；新增不再整组 disabled，避免状态残留或子组件不响应导致一直灰 */
+  const typeFieldDisabled = opeType === 'edit'
+
+  const formRules = useMemo(
+    () => ({
+      name: [{ required: true, message: t('menus.knowledge.name_required') }],
+      type: [{ required: true, message: t('menus.knowledge.type_required') }],
+    }),
+    [t],
+  )
+
+  const title = useMemo(
+    () => (opeType === 'edit' ? t('menus.knowledge.edit') : t('menus.knowledge.add')),
+    [opeType, t],
+  )
+
+  const onSubmit = async () => {
+    if (opeType === 'detail') return
+
+    const result = await handleSubmit({
+      opeType,
+      validate: () => form.validateFields(),
+      addAPI: (values) => {
+        const type = values?.type
+        return type === 1
+          ? addKnowledgePublicAPI(values)
+          : addKnowledgePersonalAPI(values)
+      },
+      editAPI: editKnowledgeAPI,
+      transform: (values) => {
+        return {
+          name: values.name,
+          description: values.description ?? '',
+          type: values.type,
+          ...(opeType === 'edit' && opeId != null ? { id: opeId } : {}),
+        }
+      },
+      onSuccess: async ({ payload }) => {
+        await onOk?.(payload)
+      },
+    })
+    if (result) close()
+  }
+
+  useImperativeHandle(ref, () => ({
+    open: modal.open,
+    close,
+  }), [modal.open, close])
+
+  const knowledgeTypes = useMemo(() => {
+    const raw = getEnumOptions('knowledgeType')
+    const mapped = raw.map((opt: any) => ({
+      label: t(opt.label),
+      value: typeValueKind === 'string' ? String(opt.value) : opt.value,
+    }))
+    if (opeType !== 'add' || addTypeOnly == null) return mapped
+    return mapped.filter((opt) => Number(opt.value) === addTypeOnly)
+  }, [t, typeValueKind, opeType, addTypeOnly])
+
+  return (
+    <CxModal
+      title={title}
+      isOpen={isOpen}
+      onClose={close}
+      opeType={opeType}
+      submitting={submitting}
+      onSubmit={onSubmit}
+      modalConfig={{
+        width: 600,
+      }}>
+      <CxForm
+        form={form}
+        rules={formRules}
+        layout="vertical">
+        <CxFormItem
+          label={t('menus.knowledge.name')}
+          name="name">
+          <CxInput.Large placeholder={t('menus.knowledge.name_placeholder')} />
+        </CxFormItem>
+
+        <CxFormItem
+          label={t('menus.knowledge.type')}
+          name="type">
+          <CxRadio.Group disabled={typeFieldDisabled} options={knowledgeTypes} />
+        </CxFormItem>
+
+        <CxFormItem
+          label={t('common.description')}
+          name="description">
+          <CxInput.Textarea
+            placeholder={t('common.description_placeholder')}
+            rows={4}
+          />
+        </CxFormItem>
+      </CxForm>
+    </CxModal>
+  )
+})
+
+SubmitModal.displayName = 'SubmitModal'
+
+export default SubmitModal

package/src/views/page-menus/model-metadata/manage/components/metadata-detail-schema-tab.tsx

@@ -0,0 +1,114 @@
+import type { CxModalRef } from '@cx-ui/modal/useCxModal'
+import { DetailLink } from '@components/common/detail-link'
+import { ALIGN } from '@/meta'
+import { CxButton, CxInput, CxTable } from '@cx-ui'
+import { useCallback, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import TableDetailModal from '../modal/table-detail-modal'
+
+export type SchemaTableRow = {
+  _clientId?: string
+  tableSchema?: string
+  tableName?: string
+  tableComment?: string
+  tableType?: string
+  columns?: unknown[]
+}
+
+function tableStableKey(r: SchemaTableRow) {
+  return r._clientId ?? `${r.tableSchema ?? ''}::${r.tableName ?? ''}`
+}
+
+export default function MetadataDetailSchemaTab({ tables }: { tables: SchemaTableRow[] }) {
+  const { t } = useTranslation()
+  const modalRef = useRef<CxModalRef>(null)
+  const [tableNameQuery, setTableNameQuery] = useState('')
+
+  const filteredTables = useMemo(() => {
+    const q = tableNameQuery.trim().toLowerCase()
+    if (!q) return tables
+    return tables.filter((row) => String(row.tableName ?? '').toLowerCase().includes(q))
+  }, [tables, tableNameQuery])
+
+  const openView = useCallback(
+    (record: SchemaTableRow) => {
+      modalRef.current?.open({ data: record, schemaTables: tables })
+    },
+    [tables],
+  )
+
+  const columns = useMemo(
+    () => [
+      {
+        title: t('menus.model_metadata.manage.fields.tableName'),
+        key: 'tableName',
+        width: 200,
+        render: (_: unknown, record: SchemaTableRow) => (
+          <DetailLink
+            text={String(record.tableName ?? '-')}
+            onClick={() => openView(record)}
+          />
+        ),
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.tableComment'),
+        key: 'tableComment',
+        ellipsis: true,
+        minWidth: 200,
+        render: (value: unknown) => value ?? '-',
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.columnCount'),
+        key: 'columnCount',
+        width: 120,
+        align: ALIGN.CENTER,
+        render: (_: unknown, record: SchemaTableRow) => record.columns?.length ?? 0,
+      },
+      {
+        title: t('common.actions'),
+        key: 'action',
+        width: 88,
+        align: ALIGN.CENTER,
+        render: (_: unknown, record: SchemaTableRow) => (
+          <CxButton.IconView onClick={() => openView(record)} />
+        ),
+      },
+    ],
+    [t, openView],
+  )
+
+  return (
+    <div className="flex h-full min-h-0 w-full min-w-0 flex-1 flex-col px-0.5 pt-2">
+      {tables.length > 0 ? (
+        <>
+          <div className="mb-3 flex w-full min-w-0 shrink-0 items-center gap-3 pt-px justify-start">
+            <CxInput
+              allowClear
+              className="max-w-sm min-w-0 flex-1"
+              value={tableNameQuery}
+              placeholder={t('menus.model_metadata.manage.filter_table_name_placeholder')}
+              onChange={(e) => setTableNameQuery(e.target.value)}
+            />
+          </div>
+          <div className="min-h-0 w-full min-w-0 flex-1 overflow-hidden">
+            <CxTable<SchemaTableRow>
+              className="min-w-0 w-full"
+              autoScrollY
+              minScrollY={200}
+              columns={columns}
+              dataSource={filteredTables}
+              rowKey={(record) => tableStableKey(record)}
+              pagination={false}
+              scroll={{ x: true }}
+            />
+          </div>
+        </>
+      ) : (
+        <div className="flex min-h-[200px] flex-1 items-center justify-center rounded-lg border border-dashed border-gray-300 py-12 text-center text-gray-400 dark:border-gray-600">
+          {t('menus.model_metadata.manage.no_schema_tables')}
+        </div>
+      )}
+      <TableDetailModal ref={modalRef} />
+    </div>
+  )
+}