chore: import upstream snapshot with attribution

2026-07-13 12:22:32 +08:00
commit 39dbe3a57d
1131 changed files with 272709 additions and 0 deletions
@@ -0,0 +1,89 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import classnames from 'classnames';
+
+import { uploadImage } from '@/services';
+import * as Type from '@/common/interface';
+
+interface IProps {
+  type: Type.UploadType;
+  className?: classnames.Argument;
+  children?: React.ReactNode;
+  acceptType?: string;
+  disabled?: boolean;
+  uploadCallback: (img: string) => void;
+}
+
+const Index: React.FC<IProps> = ({
+  type,
+  uploadCallback,
+  children,
+  acceptType = '',
+  className,
+  disabled = false,
+}) => {
+  const { t } = useTranslation();
+  const [status, setStatus] = useState(false);
+
+  const onChange = (e: any) => {
+    if (status) {
+      return;
+    }
+    if (e.target.files[0]) {
+      // const fileSize = e.target.files[0].size || 0;
+
+      // if (maxSize && fileSize / 1024 / 1024 > 2) {
+      //   Modal.confirm({
+      //     content: '请上传小于 2M 的图片',
+      //   });
+      //   return;
+      // }
+      setStatus(true);
+      uploadImage({ file: e.target.files[0], type })
+        .then((res) => {
+          uploadCallback(res);
+        })
+        .finally(() => {
+          setStatus(false);
+        });
+    }
+  };
+
+  return (
+    <label
+      className={classnames('btn btn-outline-secondary', className, {
+        disabled: !!disabled,
+      })}>
+      {children || (status ? t('upload_img.loading') : t('upload_img.name'))}
+      <input
+        type="file"
+        className="d-none"
+        disabled={disabled}
+        accept={`image/jpeg,image/jpg,image/png,image/webp${acceptType}`}
+        onChange={onChange}
+      />
+    </label>
+  );
+};
+
+export default React.memo(Index);