@pisell/private-materials 6.2.30 → 6.3.1

package/lib/pro/pisellNumberSelector/index.js

@@ -1,270 +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/pro/pisellNumberSelector/index.tsx
-var pisellNumberSelector_exports = {};
-__export(pisellNumberSelector_exports, {
-  default: () => pisellNumberSelector_default
-});
-module.exports = __toCommonJS(pisellNumberSelector_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_Delete = __toESM(require("@pisell/icon/src/Delete"));
-var import_Plus = __toESM(require("@pisell/icon/src/Plus"));
-var import_Minus = __toESM(require("@pisell/icon/src/Minus"));
-var import_numberKeyboard = __toESM(require("../numberKeyboard"));
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("@pisell/utils");
-var import_index = require("./index.less");
-var PisellNumberSelector = ({
-  value = 0,
-  min = 0,
-  max = 999,
-  step = 1,
-  disabled = false,
-  onChange,
-  size = "middle",
-  className,
-  enablePriceAdjust = false,
-  originValue = 0
-}) => {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [inputValue, setInputValue] = (0, import_react.useState)(value.toString());
-  const [tempValue, setTempValue] = (0, import_react.useState)(value.toString());
-  const KeyboardItems = (0, import_react.useMemo)(() => {
-    return [
-      {
-        value: 1,
-        label: "1",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 2,
-        label: "2",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 3,
-        label: "3",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 4,
-        label: "4",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 5,
-        label: "5",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 6,
-        label: "6",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 7,
-        label: "7",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 8,
-        label: "8",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 9,
-        label: "9",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: "delete",
-        label: /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" }),
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: 0,
-        label: "0",
-        disabled: false,
-        type: "text"
-      },
-      {
-        value: "verify",
-        label: import_utils.locales.getText("confirm") || "确认",
-        disabled: false,
-        type: "primary"
-      }
-    ];
-  }, []);
-  const handleDecrease = (e) => {
-    if (disabled) return;
-    e.stopPropagation();
-    const newValue = Math.max(min, value - step);
-    onChange == null ? void 0 : onChange(newValue);
-  };
-  const handleIncrease = (e) => {
-    if (disabled) return;
-    e.stopPropagation();
-    const newValue = Math.min(max, value + step);
-    onChange == null ? void 0 : onChange(newValue);
-  };
-  const handleChange = (e) => {
-    if (!e) {
-      setTempValue(min.toString());
-      return;
-    }
-    if (e === "delete") {
-      const newTempValue = tempValue.slice(0, -1);
-      setTempValue(newTempValue || "0");
-      return;
-    } else if (e === "verify") {
-      const newValue = parseInt(tempValue) || 0;
-      const clampedValue = Math.max(min, Math.min(max, newValue));
-      onChange == null ? void 0 : onChange(clampedValue);
-      setOpen(false);
-      return;
-    } else {
-      setTempValue(e);
-    }
-  };
-  const adjustPriceContent = (0, import_react.useMemo)(() => {
-    if (!enablePriceAdjust) return null;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_numberKeyboard.default,
-      {
-        value: tempValue,
-        max,
-        onChange: handleChange,
-        onOk: () => {
-          const newValue = parseInt(tempValue) || 0;
-          const clampedValue = Math.max(min, Math.min(max, newValue));
-          onChange == null ? void 0 : onChange(clampedValue);
-          setOpen(false);
-        }
-      }
-    );
-  }, [enablePriceAdjust, tempValue, max, handleChange]);
-  const handleNumberClick = () => {
-    if (disabled) return;
-    if (enablePriceAdjust) {
-      setTempValue(value.toString());
-    }
-  };
-  const handleOpenChange = (visible) => {
-    setOpen(visible);
-    if (visible) {
-      setTempValue(value.toString());
-    } else {
-      const tempNumber = parseInt(tempValue) || 0;
-      const clampedValue = Math.max(min, Math.min(max, tempNumber));
-      if (clampedValue !== value) {
-        onChange == null ? void 0 : onChange(clampedValue);
-      }
-      setTempValue(value.toString());
-    }
-  };
-  const numberDisplayElement = enablePriceAdjust ? /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      type: "button",
-      className: (0, import_classnames.default)("pisell-number-selector-number", {
-        "pisell-number-selector-number-clickable": enablePriceAdjust && !disabled
-      }),
-      onClick: handleNumberClick,
-      disabled
-    },
-    value
-  ) : /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)("pisell-number-selector-number", {
-        "pisell-number-selector-number-clickable": enablePriceAdjust && !disabled
-      })
-    },
-    value
-  );
-  const numberElement = enablePriceAdjust ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Popover,
-    {
-      open,
-      content: adjustPriceContent,
-      trigger: ["click"],
-      overlayInnerStyle: { padding: 0 },
-      destroyTooltipOnHide: true,
-      arrow: false,
-      align: {
-        offset: [0, 0]
-      },
-      overlayClassName: "pisell-number-selector-popover",
-      onOpenChange: handleOpenChange
-    },
-    numberDisplayElement
-  ) : numberDisplayElement;
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)("pisell-number-selector-new", className, {
-        [`pisell-number-selector-${size}`]: size,
-        "pisell-number-selector-disabled": disabled
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        type: "button",
-        className: "pisell-number-selector-btn pisell-number-selector-minus",
-        onClick: handleDecrease,
-        disabled: disabled || value <= min
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_Minus.default, { size: 16 })
-    ),
-    numberElement,
-    /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        type: "button",
-        className: "pisell-number-selector-btn pisell-number-selector-plus",
-        onClick: handleIncrease,
-        disabled: disabled || value >= max
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_Plus.default, { size: 16 })
-    )
-  );
-};
-var pisellNumberSelector_default = PisellNumberSelector;

package/lib/pro/pisellNumberSelector/index.less

@@ -1,193 +0,0 @@
-.pisell-number-selector-new {
-  width: 150px;
-  display: inline-flex;
-  align-items: center;
-  background: #fff!important;
-  border: 1px solid #d9d9d9;
-  border-radius: 24px;
-  padding: 0;
-  user-select: none;
-  gap: 0;
-  overflow: hidden;
-  align-self: flex-start;
-
-  &-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    outline: none;
-    padding: 0;
-    font-size: 20px;
-    font-weight: 600;
-    color: #666;
-
-    &:hover:not(:disabled) {
-      background: #e6f7ff;
-      color: #1890ff;
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-      
-      &:hover {
-        background: transparent !important;
-        color: #666 !important;
-      }
-    }
-  }
-
-  &-minus {
-    border-radius: 24px 0 0 24px;
-  }
-
-  &-plus {
-    border-radius: 0 24px 24px 0;
-  }
-
-  &-number {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #fff;
-    font-weight: 600;
-    color: #000;
-    min-width: 48px;
-    height: 48px;
-    font-size: 16px;
-    text-align: center;
-    border: none;
-    outline: none;
-    font-family: inherit;
-
-    // 支持 virtual-keyboard-input
-    .virtual-keyboard-input-wrap {
-      border: none;
-      background: transparent;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      
-      .virtual-keyboard-input {
-        background: transparent;
-        border: none;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .virtual-keyboard-input-delete {
-        display: none; // 隐藏删除按钮
-      }
-    }
-
-    &-clickable {
-      cursor: pointer;
-      transition: all 0.2s ease;
-
-      &:hover {
-        color: #333;
-      }
-
-      &:disabled {
-        opacity: 0.6;
-        cursor: not-allowed;
-
-        &:hover {
-          color: #000 !important;
-        }
-      }
-    }
-  }
-
-  // 不同尺寸
-  &-small {
-    padding: 2px;
-    border-radius: 18px;
-
-    .pisell-number-selector-btn {
-      width: 24px;
-      height: 24px;
-      background: #F9FAFB;
-    }
-
-    .pisell-number-selector-number {
-      padding: 0 8px;
-      font-size: 12px;
-      min-width: 28px;
-      height: 24px;
-    }
-  }
-
-  &-middle {
-    padding: 0;
-    border-radius: 24px;
-
-    .pisell-number-selector-btn {
-      width: 48px;
-      height: 48px;
-    }
-
-    .pisell-number-selector-number {
-      padding: 0;
-      font-size: 16px;
-      min-width: 48px;
-      height: 48px;
-    }
-  }
-
-  &-large {
-    padding: 6px;
-    border-radius: 28px;
-
-    .pisell-number-selector-btn {
-      width: 40px;
-      height: 40px;
-    }
-
-    .pisell-number-selector-number {
-      padding: 0 20px;
-      font-size: 18px;
-      min-width: 64px;
-      height: 40px;
-    }
-  }
-
-  // 禁用状态
-  &-disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-
-    .pisell-number-selector-number {
-      &-clickable {
-        cursor: not-allowed;
-
-        &:hover {
-          color: #000 !important;
-        }
-      }
-    }
-  }
-}
-
-// Popover 相关样式
-.pisell-number-selector-popover {
-  .ant-popover-inner {
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  }
-
-  .virtual-keyboard-input-delete-icon {
-    font-size: 16px;
-    color: #000;
-  }
-}

package/lib/pro/pisellPhoneKeyboard/index.d.ts

@@ -1,12 +0,0 @@
-import { PopoverProps } from 'antd';
-import './index.less';
-interface PisellPhoneKeyboardProps {
-    value?: string;
-    onChange: (e: string) => void;
-    popoverProps: PopoverProps;
-    virtualKeyboardProps?: any;
-    keyboardProps?: any;
-    virtualKeyInputProps?: any;
-}
-declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => JSX.Element;
-export default PisellPhoneKeyboard;

package/lib/pro/pisellPhoneKeyboard/index.js

@@ -1,220 +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/pro/pisellPhoneKeyboard/index.tsx
-var pisellPhoneKeyboard_exports = {};
-__export(pisellPhoneKeyboard_exports, {
-  default: () => pisellPhoneKeyboard_default
-});
-module.exports = __toCommonJS(pisellPhoneKeyboard_exports);
-var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-var import_antd = require("antd");
-var import_index = require("./index.less");
-var import_Delete = __toESM(require("@pisell/icon/src/Delete"));
-var import_utils = require("@pisell/utils");
-var import_locales = __toESM(require("./locales"));
-var import_locales2 = require("../../utils/locales");
-var PisellPhoneKeyboard = (props) => {
-  import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
-  const {
-    onChange,
-    value,
-    popoverProps,
-    virtualKeyboardProps,
-    keyboardProps,
-    virtualKeyInputProps
-  } = props;
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const items = [
-    {
-      value: 1,
-      label: "1",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 2,
-      label: "2",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 3,
-      label: "3",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 4,
-      label: "4",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 5,
-      label: "5",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 6,
-      label: "6",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 7,
-      label: "7",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 8,
-      label: "8",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: 9,
-      label: "9",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: "delete",
-      label: /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" }),
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: "0",
-      label: "0",
-      disabled: false,
-      type: "text"
-    },
-    {
-      value: "ok",
-      label: import_utils.locales.getText("pisell2.text.confirm"),
-      disabled: false,
-      type: "primary"
-    }
-  ];
-  const onOk = (e) => {
-    onChange == null ? void 0 : onChange(e);
-    setOpen(false);
-  };
-  const onOpenChange = (e) => {
-    setOpen(e);
-  };
-  (0, import_react.useEffect)(() => {
-    if (open) {
-      document.body.classList.add("hide-scroll");
-    } else {
-      setTimeout(() => {
-        document.body.classList.remove("hide-scroll");
-      }, 150);
-    }
-  }, [open]);
-  (0, import_react.useEffect)(() => {
-    document.body.id = "body";
-  }, []);
-  const adjustFontSize = (0, import_react.useMemo)(() => {
-    if (!value) {
-      return 30;
-    }
-    const maxFontSize = 60;
-    const minFontSize = 10;
-    const defaultFontSize = maxFontSize;
-    const inputWidth = 248;
-    const span = document.createElement("span");
-    span.style.position = "absolute";
-    span.style.whiteSpace = "nowrap";
-    span.style.visibility = "hidden";
-    span.style.fontSize = `${defaultFontSize}px`;
-    span.textContent = value;
-    document.body.appendChild(span);
-    let fontSize = maxFontSize;
-    while (span.offsetWidth > inputWidth && fontSize > minFontSize) {
-      fontSize -= 0.5;
-      span.style.fontSize = `${fontSize}px`;
-    }
-    document.body.removeChild(span);
-    return fontSize;
-  }, [value]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Popover,
-    {
-      content: /* @__PURE__ */ import_react.default.createElement(
-        import_materials.VirtualKeyboard,
-        {
-          style: { zoom: 0.8 },
-          keyboardProps: {
-            keydown: false,
-            items,
-            onChange: (e) => {
-              if (e === "reset") {
-                onChange("");
-                return;
-              }
-              if (e === "ok") {
-                onOk(value || "");
-                return;
-              }
-              if (e === "delete") {
-                onChange((value == null ? void 0 : value.slice(0, -1)) || "");
-                return;
-              }
-              onChange(value + String(e));
-            },
-            ...keyboardProps
-          },
-          virtualKeyInputProps: {
-            value,
-            onChange: (e) => {
-              onChange(e.target.value);
-            },
-            style: {
-              textAlign: "left",
-              fontSize: adjustFontSize
-            },
-            ...virtualKeyInputProps
-          },
-          ...virtualKeyboardProps
-        }
-      ),
-      open,
-      arrow: false,
-      onOpenChange,
-      trigger: ["click"],
-      ...popoverProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { readOnly: true, value, style: { width: "100%" }, size: "large" })
-  ));
-};
-var pisellPhoneKeyboard_default = PisellPhoneKeyboard;