@pisell/materials 6.3.18 → 6.3.20

package/lib/components/productCard/cartSkuCard/index.js

@@ -1,229 +0,0 @@
-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/productCard/cartSkuCard/index.tsx
-var cartSkuCard_exports = {};
-__export(cartSkuCard_exports, {
-  PREFIX: () => PREFIX,
-  default: () => cartSkuCard_default
-});
-module.exports = __toCommonJS(cartSkuCard_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("@pisell/utils");
-var import_locales = __toESM(require("./locales"));
-var import_basicInfo = __toESM(require("./components/basicInfo"));
-var import_discountReason = __toESM(require("./components/discountReason"));
-var import_timeRange = __toESM(require("./components/timeRange"));
-var import_resources = __toESM(require("./components/resources"));
-var import_packages = __toESM(require("./components/packages"));
-var import_sales = __toESM(require("./components/sales"));
-var import_swipeAction = require("./components/swipeAction");
-var import_Note = __toESM(require("./components/Note"));
-var import_AmountFooter = __toESM(require("./components/AmountFooter"));
-var import_MultiDay = __toESM(require("./components/MultiDay"));
-var import_index = require("./index.less");
-var import_iconfont = __toESM(require("../../iconfont"));
-var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
-var import_Action = __toESM(require("../components/Action"));
-var import_status = require("../status");
-var PREFIX = "pisell-cart-sku-card";
-var CartSkuCard = (props) => {
-  var _a, _b;
-  const {
-    dataSource = import_status.defaultValue.dataSource,
-    isShowImage = import_status.defaultValue.isShowImage,
-    isShowHolder = import_status.defaultValue.isShowHolder,
-    isShowNote = import_status.defaultValue.isShowNote,
-    isShowDelete = import_status.defaultValue.isShowDelete,
-    isShowAmountFooter = import_status.defaultValue.isShowAmountFooter,
-    isShowPackageNote = import_status.defaultValue.isShowPackageNote,
-    isShowEditProduct = import_status.defaultValue.isShowEditProduct,
-    onEditProduct,
-    onAction,
-    onDelete,
-    onNote,
-    onLike,
-    onCard,
-    onChangeResource,
-    onChangeHolder,
-    type,
-    rightActions = [],
-    escapeDom,
-    ...other
-  } = props;
-  const useOpenNoteRef = (0, import_react.useRef)();
-  const context = (0, import_useEngineContext.default)();
-  import_utils.locales.init(
-    import_locales.default,
-    ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en"
-  );
-  console.log("prodcut props", props);
-  const { isShowAction, actionText } = dataSource;
-  const _rightActions = (0, import_react.useMemo)(() => {
-    const deleteAction = {
-      key: "delete",
-      text: /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            color: "white",
-            cursor: "pointer",
-            padding: "10px 0px"
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_iconfont.default,
-          {
-            type: "pisell2-trash-01",
-            style: { fontSize: 20, marginRight: 4 }
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, fontWeight: 500 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))
-      ),
-      color: "danger",
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onDelete == null ? void 0 : onDelete(dataSource);
-      }
-    };
-    const actions = [...rightActions];
-    if (isShowDelete) {
-      actions.unshift(deleteAction);
-    }
-    return actions;
-  }, [dataSource, onDelete, isShowDelete, rightActions]);
-  const hideDivider = (0, import_react.useMemo)(() => {
-    return false;
-  }, [dataSource]);
-  const renderA2 = () => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      import_basicInfo.default,
-      {
-        isShowImage,
-        dataSource,
-        isMainProduct: true
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), isShowNote ? /* @__PURE__ */ import_react.default.createElement(
-      import_Note.default,
-      {
-        ...other,
-        item: dataSource,
-        openNote: () => {
-          useOpenNoteRef.current.open({
-            item: dataSource
-          });
-        }
-      }
-    ) : null);
-  };
-  const renderA5 = () => {
-    var _a2, _b2;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isShowDelete ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `${PREFIX}__delete-btn`,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          onDelete == null ? void 0 : onDelete(dataSource);
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
-    ) : null, /* @__PURE__ */ import_react.default.createElement(
-      import_basicInfo.default,
-      {
-        isShowImage,
-        dataSource,
-        isMainProduct: true,
-        type
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
-      import_sales.default,
-      {
-        dataSource,
-        hideDivider: !!((_a2 = dataSource == null ? void 0 : dataSource.bundle) == null ? void 0 : _a2.length),
-        isShowImage
-      }
-    ), ((_b2 = dataSource.items) == null ? void 0 : _b2.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
-      import_AmountFooter.default,
-      {
-        item: dataSource,
-        hideDivider,
-        type: "total"
-      }
-    ) : null, isShowNote ? /* @__PURE__ */ import_react.default.createElement(
-      import_Note.default,
-      {
-        ...other,
-        item: dataSource,
-        openNote: () => {
-          useOpenNoteRef.current.open({
-            item: dataSource
-          });
-        }
-      }
-    ) : null, isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(import_Action.default, { item: dataSource, onAction: () => onAction == null ? void 0 : onAction(dataSource) }) : null);
-  };
-  const renderContent = () => {
-    if (type === "a5") {
-      return renderA5();
-    }
-    return renderA2();
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_swipeAction.SwipeAction,
-    {
-      closeOnAction: false,
-      className: (0, import_classnames.default)(`${PREFIX}-wrapper`),
-      rightActions: _rightActions,
-      escapeDom
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(PREFIX, `${PREFIX}--${type}`),
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          onCard == null ? void 0 : onCard(dataSource);
-        }
-      },
-      renderContent()
-    )
-  );
-};
-var cartSkuCard_default = CartSkuCard;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PREFIX
-});

package/lib/components/productCard/cartSkuCard/index.less

@@ -1,33 +0,0 @@
-.pisell-cart-sku-card-wrapper {
-  border-radius: 8px;
-  background: var(--Base-White, #fff);
-  border: 1px solid var(--Gray-300, #d0d5dd);
-}
-
-.pisell-cart-sku-card {
-  padding: 4px 8px 4px 4px;
-  border-radius: inherit;
-  user-select: none;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-
-  &-a5 {
-    cursor: pointer;
-  }
-
-  &__delete-btn {
-    cursor: pointer;
-    position: absolute;
-    padding: 10px;
-    top: 0;
-    right: 0;
-    z-index: 1;
-
-    > span {
-      color: #667085;
-      font-size: 20px;
-    }
-  }
-}

package/lib/components/productCard/cartSkuCard/locales.d.ts

@@ -1,99 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.cart.sku-card.actions.delete': string;
-        'pisell2.cart.sku-card.unassigned': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-    'zh-CN': {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.cart.sku-card.actions.delete': string;
-        'pisell2.cart.sku-card.unassigned': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-    'zh-HK': {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.cart.sku-card.actions.delete': string;
-        'pisell2.cart.sku-card.unassigned': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-};
-export default _default;

package/lib/components/productCard/cartSkuCard/locales.js

@@ -1,64 +0,0 @@
-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/productCard/cartSkuCard/locales.ts
-var locales_exports = {};
-__export(locales_exports, {
-  default: () => locales_default
-});
-module.exports = __toCommonJS(locales_exports);
-var import_locales = __toESM(require("../locales"));
-var locales_default = {
-  en: {
-    ...import_locales.default.en,
-    "pisell2.product.card.discount.reason": "Discount reason",
-    "pisell2.cart.sku-card.more": "more...",
-    "pisell2.cart.sku-card.packages.title": "Items in package",
-    "pisell2.cart.sku-card.sales.title": "Sales",
-    "pisell2.cart.sku-card.actions.delete": "Delete",
-    "pisell2.cart.sku-card.unassigned": "Unassigned"
-  },
-  "zh-CN": {
-    ...import_locales.default["zh-CN"],
-    "pisell2.product.card.discount.reason": "折扣原因",
-    "pisell2.cart.sku-card.more": "更多……",
-    "pisell2.cart.sku-card.packages.title": "包含的商品",
-    "pisell2.cart.sku-card.sales.title": "销售",
-    "pisell2.cart.sku-card.actions.delete": "删除",
-    "pisell2.cart.sku-card.unassigned": "未分配"
-  },
-  "zh-HK": {
-    ...import_locales.default["zh-HK"],
-    "pisell2.product.card.discount.reason": "折扣原因",
-    "pisell2.cart.sku-card.more": "更多……",
-    "pisell2.cart.sku-card.packages.title": "包含的商品",
-    "pisell2.cart.sku-card.sales.title": "銷售",
-    "pisell2.cart.sku-card.actions.delete": "刪除",
-    "pisell2.cart.sku-card.unassigned": "未分配"
-  }
-};

package/lib/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface BaseVirtualInputProps {
-    /** 输入值 */
-    value?: string | React.ReactNode;
-    /** 占位符 */
-    placeholder?: string;
-    /** 是否自动聚焦 */
-    autoFocus?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 组件高度，默认60px */
-    height?: number | string;
-    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
-    fontSize?: number | string;
-    /** 聚焦回调 */
-    onFocus?: () => void;
-    /** 失焦回调 */
-    onBlur?: () => void;
-    /** 文字位置 */
-    textAlign?: 'start' | 'center' | 'end';
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-    /** showCursor  */
-    showCursor?: boolean;
-    /** 防止失焦的元素选择器或ref */
-    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
-    /** 是否聚焦（受控模式） */
-    focused?: boolean;
-}
-export interface BaseVirtualInputRef {
-    /** 手动聚焦 */
-    focus: () => void;
-    /** 手动失焦 */
-    blur: () => void;
-}
-declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
-export default BaseVirtualInput;

package/lib/components/virtualInput/BaseVirtualInput/index.js

@@ -1,179 +0,0 @@
-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/virtualInput/BaseVirtualInput/index.tsx
-var BaseVirtualInput_exports = {};
-__export(BaseVirtualInput_exports, {
-  default: () => BaseVirtualInput_default
-});
-module.exports = __toCommonJS(BaseVirtualInput_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_auto_resize_text = __toESM(require("../../auto-resize-text"));
-var import_index = require("./index.less");
-var BaseVirtualInput = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const {
-      value = "",
-      placeholder = "",
-      autoFocus = false,
-      disabled = false,
-      height = 60,
-      fontSize,
-      onFocus,
-      onBlur,
-      style,
-      className,
-      preventBlurElements = [],
-      focused,
-      showCursor = true
-    } = props;
-    const [localFocused, setLocalFocused] = (0, import_react.useState)(focused ?? autoFocus);
-    const internalFocused = "focused" in props ? props.focused : localFocused;
-    const containerRef = (0, import_react.useRef)(null);
-    const handleFocus = (0, import_react.useCallback)(() => {
-      if (disabled) return;
-      setLocalFocused(true);
-      onFocus == null ? void 0 : onFocus();
-    }, [disabled, onFocus]);
-    const handleBlur = (0, import_react.useCallback)(() => {
-      setLocalFocused(false);
-      onBlur == null ? void 0 : onBlur();
-    }, [onBlur]);
-    const shouldPreventBlur = (0, import_react.useCallback)(
-      (target) => {
-        if (!target || !(target instanceof Element)) return false;
-        return preventBlurElements.some((element) => {
-          if (typeof element === "string") {
-            const matchedElements = document.querySelectorAll(element);
-            return Array.from(matchedElements).some(
-              (el) => el.contains(target) || el === target
-            );
-          } else if (element && "current" in element && element.current) {
-            return element.current.contains(target);
-          }
-          return false;
-        });
-      },
-      [preventBlurElements]
-    );
-    (0, import_react.useEffect)(() => {
-      const handleGlobalClick = (event) => {
-        if (!internalFocused) return;
-        const target = event.target;
-        if (containerRef.current && containerRef.current.contains(target)) {
-          return;
-        }
-        if (shouldPreventBlur(target)) {
-          return;
-        }
-        handleBlur();
-      };
-      if (internalFocused) {
-        document.addEventListener("mousedown", handleGlobalClick);
-      }
-      return () => {
-        document.removeEventListener("mousedown", handleGlobalClick);
-      };
-    }, [internalFocused, handleBlur, shouldPreventBlur]);
-    const handleClick = (0, import_react.useCallback)(
-      (event) => {
-        handleFocus();
-      },
-      [handleFocus]
-    );
-    (0, import_react.useImperativeHandle)(
-      ref,
-      () => ({
-        focus: handleFocus,
-        blur: handleBlur
-      }),
-      [handleFocus, handleBlur]
-    );
-    const componentHeight = typeof height === "number" ? `${height}px` : height;
-    const getBaseFontSize = (0, import_react.useCallback)(() => {
-      if (fontSize) {
-        return typeof fontSize === "number" ? fontSize : parseFloat(fontSize);
-      }
-      return typeof height === "number" ? height * 0.8 : 48;
-    }, [fontSize, height]);
-    const baseFontSize = getBaseFontSize();
-    const minFontSize = Math.max(10, baseFontSize * 0.2);
-    const maxFontSize = baseFontSize;
-    const caretHeight = `calc(${componentHeight} * 0.67)`;
-    const mergedStyle = {
-      ...style,
-      "--virtual-input-height": componentHeight,
-      "--virtual-input-caret-height": caretHeight,
-      "--virtual-input-font-size": `${baseFontSize}px`
-    };
-    const showPlaceholder = value === void 0 || value === "";
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref: containerRef,
-        className: (0, import_classnames.default)(
-          "pisell-base-virtual-input",
-          {
-            "pisell-base-virtual-input--focused": internalFocused,
-            "pisell-base-virtual-input--disabled": disabled
-          },
-          className
-        ),
-        style: mergedStyle,
-        onClick: handleClick
-      },
-      showPlaceholder && /* @__PURE__ */ import_react.default.createElement(
-        import_auto_resize_text.default,
-        {
-          className: "pisell-base-virtual-input-placeholder",
-          mode: "oneline",
-          minFontSizePx: minFontSize,
-          maxFontSizePx: maxFontSize,
-          fontSizePrecisionPx: 0.5
-        },
-        placeholder
-      ),
-      !!value && /* @__PURE__ */ import_react.default.createElement(
-        import_auto_resize_text.default,
-        {
-          className: "pisell-base-virtual-input-value",
-          mode: "oneline",
-          minFontSizePx: minFontSize,
-          maxFontSizePx: maxFontSize,
-          fontSizePrecisionPx: 0.5,
-          scrollToEnd: true
-        },
-        value
-      ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret-container" }, internalFocused && !disabled && showCursor && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret" }))
-    );
-  }
-);
-BaseVirtualInput.displayName = "BaseVirtualInput";
-var BaseVirtualInput_default = BaseVirtualInput;