var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/pisellImport/PisellImport.tsx
var PisellImport_exports = {};
__export(PisellImport_exports, {
  PisellImport: () => PisellImport
});
module.exports = __toCommonJS(PisellImport_exports);
var import_react = __toESM(require("react"));
var import_classnames = __toESM(require("classnames"));
var import_iconfont = __toESM(require("../iconfont"));
var import_locales = require("../../locales");
var import_PisellImport = require("./PisellImport.less");
var DEFAULT_ICON_TYPE = "pisell2-upload-cloud-01";
var BYTES_PER_MB = 1024 * 1024;
function PisellImport(props) {
  const {
    variant = "button",
    size = "medium",
    type = "default",
    disabled = false,
    label,
    icon,
    accept,
    multiple = false,
    maxSize,
    onImport,
    onError,
    className,
    style
  } = props;
  const inputRef = (0, import_react.useRef)(null);
  const displayLabel = label !== void 0 ? label : (0, import_locales.getText)("pisell-import-button-label");
  const iconNode = icon !== void 0 ? icon : /* @__PURE__ */ import_react.default.createElement(
    import_iconfont.default,
    {
      type: DEFAULT_ICON_TYPE,
      className: "pisell-import-icon",
      style: { fontSize: 20, width: 20, height: 20, display: "inline-flex", alignItems: "center", justifyContent: "center" }
    }
  );
  const handleClick = (0, import_react.useCallback)(
    (e) => {
      var _a;
      if (disabled) return;
      (_a = inputRef.current) == null ? void 0 : _a.click();
    },
    [disabled]
  );
  const handleFileChange = (0, import_react.useCallback)(
    (e) => {
      const { files } = e.target;
      if (!files || files.length === 0) return;
      const fileList = Array.from(files);
      const maxBytes = maxSize != null ? maxSize * BYTES_PER_MB : void 0;
      if (maxBytes != null) {
        for (const file of fileList) {
          if (file.size > maxBytes) {
            const rawMsg = (0, import_locales.getText)("pisell-import-error-max-size");
            const message = typeof rawMsg === "string" ? rawMsg.replace(/\{\{maxSize\}\}/g, String(maxSize)) : `文件 ${file.name} 超过 ${maxSize}MB 限制`;
            onError == null ? void 0 : onError({
              type: "MAX_SIZE",
              message,
              file
            });
            e.target.value = "";
            return;
          }
        }
      }
      onImport == null ? void 0 : onImport(fileList, e);
      e.target.value = "";
    },
    [maxSize, onImport, onError]
  );
  const rootClass = (0, import_classnames.default)(
    "pisell-import",
    `pisell-import--${variant}`,
    `pisell-import--${size}`,
    `pisell-import--${type}`,
    disabled && "pisell-import--disabled",
    className
  );
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
    "input",
    {
      ref: inputRef,
      type: "file",
      accept,
      multiple,
      onChange: handleFileChange,
      style: { display: "none" },
      tabIndex: -1,
      "aria-hidden": true
    }
  ), /* @__PURE__ */ import_react.default.createElement(
    "button",
    {
      type: "button",
      className: rootClass,
      style,
      disabled,
      onClick: handleClick,
      "aria-label": typeof displayLabel === "string" ? displayLabel : void 0
    },
    /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-import-icon-wrap" }, iconNode),
    variant === "button" && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-import-label" }, displayLabel)
  ));
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  PisellImport
});
