Function FigureLabels

Xmw_web/src/components/FigureLabels/index.tsx:24–214

({ value, onChange, canCallback })

};

const FigureLabels: FC<IProps> = ({ value, onChange, canCallback }) => {
  // 获取全局状态
  const { initialState, setInitialState } = useModel('@@initialState');
  // hooks 调用
  const { message } = App.useApp();
  // 自定义默认标签
  const [tags, setTags] = useState<string[]>([]);
  // 控制 input 框显隐
  const [inputVisible, { setTrue: setInputVisibleTrue, setFalse: setInputVisibleFalse }] =
    useBoolean(false);
  // 获取 input 的 value
  const [inputValue, setInputValue] = useState('');
  // 获取编辑状态下 input 的索引
  const [editInputIndex, setEditInputIndex] = useState(-1);
  // 获取编辑状态下 input 的 value
  const [editInputValue, setEditInputValue] = useState('');
  // 绑定 input 的 ref
  const inputRef = useRef<InputRef>(null);
  // 绑定编辑状态下 input 的 ref
  const editInputRef = useRef<InputRef>(null);

  // 表单收集字段
  const triggerChange = (changedValue: string[]) => {
    onChange?.([...changedValue]);
  };

  /**
   * @description: 更新用户信息
   * @author: 白雾茫茫丶
   */
  const { run: runUpdateUser } = useRequest(updateUser, {
    manual: true,
    onSuccess: async ({ code, msg }, params) => {
      if (isSuccess(code)) {
        const newTags = params[0]?.tags as string[];
        message.success(msg);
        setTags(newTags);
        triggerChange(newTags);
        // 更新全局状态
        if (params[0]?.tags && initialState?.CurrentUser?.user_id) {
          setInitialState((s: InitialStateTypes) => ({
            ...s,
            CurrentUser: { ...initialState?.CurrentUser, tags: newTags },
          }));
        }
      }
    },
  });

  // 当显示 input 框的时候，聚焦
  useEffect(() => {
    if (inputVisible) {
      inputRef.current?.focus();
    }
  }, [inputVisible]);
  // 当显示编辑 input 框的时候，聚焦
  useEffect(() => {
    if (editInputIndex !== -1) {