cx-chat 0.0.2 → 0.0.3

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

@@ -1,283 +0,0 @@
-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

@@ -1,179 +0,0 @@
-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

@@ -1,114 +0,0 @@
-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>
-  )
-}