Function StorageAndPathInputer

src/page/other/InputForm.tsx:115–187

({
  value,
  onChange,
}: {
  value?: string
  onChange?(value: string): void
})

}

function StorageAndPathInputer({
  value,
  onChange,
}: {
  value?: string
  onChange?(value: string): void
}) {
  if (value == undefined) value = ''
  if (value.includes(openlistInfo.markInRclone)) {
    const tempPath = formatPathRclone(value.substring(value.indexOf(':') + 1))
    if (tempPath.includes('/')) {
      value = tempPath.replace('/', ':')
    } else {
      value = tempPath + ':'
    }
  }

  const separatorIndex = value.indexOf(':')
  let storageName = value.substring(0, separatorIndex)
  let path = formatPathRclone(value.substring(separatorIndex + 1))

  /*const formatPath = (path: string) => {
            path = path.replace(/\\/g, '/');
            path = path.replace(/\/+/g, '/');
    
            if (path.substring(0, 1) != '/') {
                path = '/' + path;
            }
    
            return path
        } */

  const change = () => {
    storageName && onChange && onChange(convertStoragePath(storageName, path)!)
  }
  return (
    <>
      <Row>
        <Col flex={'7rem'}>
          <Select
            value={storageName}
            placeholder={t('please_select')}
            onChange={value => {
              storageName = value
              change()
            }}
          >
            {filterHideStorage(rcloneInfo.storageList).map(item => (
              <Select.Option key={item.name} value={item.name}>
                {item.name}
              </Select.Option>
            ))}
          </Select>
        </Col>
        <Col flex={'auto'}>
          <Input
            value={'/' + path}
            onChange={value => {