@pisell/private-materials 6.2.31 → 6.3.1

package/lib/pro/pisellPhoneKeyboard/index.less

@@ -1,157 +0,0 @@
-.pisell-number-selector {
-  display: inline-flex;
-  align-items: center;
-  background: #F9FAFB;
-  border-radius: 24px;
-  padding: 4px;
-  user-select: none;
-  gap: 0;
-
-  &-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #F9FAFB;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    outline: none;
-    padding: 0;
-    color: #666;
-
-    &:hover:not(:disabled) {
-      background: #E5E7EB;
-      color: #333;
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-      
-      &:hover {
-        background: #F9FAFB !important;
-        color: #666 !important;
-      }
-    }
-  }
-
-  &-minus,
-  &-plus {
-    // 圆形按钮，通过尺寸类控制大小
-  }
-
-  &-number {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: transparent;
-    font-weight: 600;
-    color: #000;
-    min-width: 0;
-    flex: 1;
-    text-align: center;
-    border: none;
-    outline: none;
-    font-family: inherit;
-
-    &-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;
-    }
-
-    .pisell-number-selector-number {
-      padding: 0 8px;
-      font-size: 12px;
-      min-width: 28px;
-      height: 24px;
-    }
-  }
-
-  &-middle {
-    padding: 4px;
-    border-radius: 24px;
-
-    .pisell-number-selector-btn {
-      width: 32px;
-      height: 32px;
-    }
-
-    .pisell-number-selector-number {
-      padding: 0 16px;
-      font-size: 16px;
-      min-width: 48px;
-      height: 32px;
-    }
-  }
-
-  &-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: #666;
-  }
-} 

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

@@ -1,12 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.text.confirm': string;
-    };
-    'zh-CN': {
-        'pisell2.text.confirm': string;
-    };
-    'zh-HK': {
-        'pisell2.text.confirm': string;
-    };
-};
-export default _default;

package/lib/pro/pisellPhoneKeyboard/locales.js

@@ -1,35 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/pro/pisellPhoneKeyboard/locales.ts
-var locales_exports = {};
-__export(locales_exports, {
-  default: () => locales_default
-});
-module.exports = __toCommonJS(locales_exports);
-var locales_default = {
-  "en": {
-    "pisell2.text.confirm": "Confirm"
-  },
-  "zh-CN": {
-    "pisell2.text.confirm": "确认"
-  },
-  "zh-HK": {
-    "pisell2.text.confirm": "確認"
-  }
-};

package/lib/pro/pisellPriceKeyboardModal/PisellPriceKeyboardModal.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './PisellPriceKeyboardModal.less';
-import { PisellPriceKeyboardModalProps } from './types';
-declare const PisellPriceKeyboardModal: React.FC<PisellPriceKeyboardModalProps>;
-export default PisellPriceKeyboardModal;

package/lib/pro/pisellPriceKeyboardModal/PisellPriceKeyboardModal.js

@@ -1,158 +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/pisellPriceKeyboardModal/PisellPriceKeyboardModal.tsx
-var PisellPriceKeyboardModal_exports = {};
-__export(PisellPriceKeyboardModal_exports, {
-  default: () => PisellPriceKeyboardModal_default
-});
-module.exports = __toCommonJS(PisellPriceKeyboardModal_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
-var import_PisellPriceKeyboardModal = require("./PisellPriceKeyboardModal.less");
-var PisellPriceKeyboardModal = ({
-  visible = false,
-  value = "",
-  onChange,
-  onClose,
-  triggerRef,
-  showCurrencySymbol = true,
-  useThousandsSeparator = false,
-  className,
-  style
-}) => {
-  const [keyboardPosition, setKeyboardPosition] = (0, import_react.useState)({ top: 0, left: 0 });
-  const keyboardRef = (0, import_react.useRef)(null);
-  const calculatePosition = () => {
-    if (!(triggerRef == null ? void 0 : triggerRef.current)) return;
-    const rect = triggerRef.current.getBoundingClientRect();
-    const keyboardWidth = 360;
-    const keyboardHeight = 405;
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    let top = rect.bottom + window.scrollY + 8;
-    let left = rect.left + window.scrollX;
-    if (left + keyboardWidth > viewportWidth) {
-      left = viewportWidth - keyboardWidth - 16;
-    }
-    if (left < 16) {
-      left = 16;
-    }
-    if (top + keyboardHeight > viewportHeight + window.scrollY) {
-      top = rect.top + window.scrollY - keyboardHeight - 8;
-    }
-    if (top < window.scrollY + 16) {
-      top = window.scrollY + 16;
-    }
-    setKeyboardPosition({ top, left });
-  };
-  (0, import_react.useEffect)(() => {
-    if (visible) {
-      calculatePosition();
-    }
-  }, [visible, triggerRef]);
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      var _a;
-      if (visible && keyboardRef.current && !keyboardRef.current.contains(event.target) && !((_a = triggerRef == null ? void 0 : triggerRef.current) == null ? void 0 : _a.contains(event.target))) {
-        onClose == null ? void 0 : onClose();
-      }
-    };
-    if (visible) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [visible, onClose, triggerRef]);
-  const handlePriceChange = (val) => {
-    onChange == null ? void 0 : onChange(val);
-  };
-  const handleConfirm = (val) => {
-    onChange == null ? void 0 : onChange(val);
-    onClose == null ? void 0 : onClose();
-  };
-  if (!visible) return null;
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 1e3,
-        pointerEvents: "none"
-        // 让背景不响应点击
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Modal,
-      {
-        open: true,
-        onCancel: onClose,
-        footer: null,
-        closable: false,
-        centered: false,
-        mask: false,
-        className: `pisell-price-keyboard-modal positioned ${className || ""}`,
-        getContainer: false,
-        style: {
-          position: "absolute",
-          top: keyboardPosition.top,
-          left: keyboardPosition.left,
-          margin: 0,
-          pointerEvents: "auto",
-          // Modal内容可以响应点击
-          ...style
-        },
-        modalRender: (modal) => /* @__PURE__ */ import_react.default.createElement("div", { ref: keyboardRef }, modal)
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_materials.PisellPriceKeyboard,
-        {
-          value,
-          onChange: handlePriceChange,
-          onEnter: handleConfirm,
-          doneText: import_utils.locales.getText("pisell2.customise-item.save"),
-          resetText: import_utils.locales.getText("pisell2.booking.info.text.clear"),
-          amountProps: {
-            showCurrencySymbol,
-            useThousandsSeparator
-          },
-          selectType: "dark",
-          backgroundColor: "transparent"
-        }
-      )
-    )
-  );
-};
-var PisellPriceKeyboardModal_default = PisellPriceKeyboardModal;

package/lib/pro/pisellPriceKeyboardModal/PisellPriceKeyboardModal.less

@@ -1,13 +0,0 @@
-// 价格键盘弹窗样式
-.pisell-price-keyboard-modal {
-  .pisell-lowcode-modal-content {
-    padding: 10px !important;
-    width: 360px; // 原子物料里固定了 340px
-    background-color: rgba(29, 41, 57, 0.80) !important;
-    border-radius: 10px !important;
-    .pisell-virtual-keyboard-base {
-      background-color: transparent !important;
-    }
-  }
-
-}

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

@@ -1,2 +0,0 @@
-export { default } from './PisellPriceKeyboardModal';
-export type { PisellPriceKeyboardModalProps, KeyboardPosition } from './types';

package/lib/pro/pisellPriceKeyboardModal/index.js

@@ -1,35 +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/pisellPriceKeyboardModal/index.tsx
-var pisellPriceKeyboardModal_exports = {};
-__export(pisellPriceKeyboardModal_exports, {
-  default: () => import_PisellPriceKeyboardModal.default
-});
-module.exports = __toCommonJS(pisellPriceKeyboardModal_exports);
-var import_PisellPriceKeyboardModal = __toESM(require("./PisellPriceKeyboardModal"));

package/lib/pro/pisellPriceKeyboardModal/types.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-export interface PisellPriceKeyboardModalProps {
-    /** 是否显示键盘 */
-    visible?: boolean;
-    /** 当前价格值 */
-    value?: string | number;
-    /** 价格变化回调（合并了 onChange 和 onEnter） */
-    onChange?: (value: string | number) => void;
-    /** 关闭键盘回调 */
-    onClose?: () => void;
-    /** 触发元素的 ref，用于计算位置 */
-    triggerRef?: React.RefObject<HTMLElement>;
-    /** 货币符号显示 */
-    showCurrencySymbol?: boolean;
-    /** 是否使用千分位分隔符 */
-    useThousandsSeparator?: boolean;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-export interface KeyboardPosition {
-    top: number;
-    left: number;
-}

package/lib/pro/pisellPriceKeyboardModal/types.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/pro/pisellPriceKeyboardModal/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellPriceRadioProps {
-    /** 是否选中 */
-    checked?: boolean;
-    /** 点击选中回调 */
-    onSelect?: () => void;
-    /** 价格值 */
-    value?: string;
-    /** 价格变化回调 */
-    onChange?: (value: string) => void;
-    /** 标题 */
-    title?: string;
-    /** 货币符号 */
-    currencySymbol?: string;
-    /** 主题颜色 */
-    theme?: 'purple' | 'red';
-    /** 是否显示负号 */
-    showMinus?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 占位符 */
-    placeholder?: string;
-}
-declare const PisellPriceRadio: React.FC<PisellPriceRadioProps>;
-export default PisellPriceRadio;

package/lib/pro/pisellPriceRadio/index.js

@@ -1,130 +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/pisellPriceRadio/index.tsx
-var pisellPriceRadio_exports = {};
-__export(pisellPriceRadio_exports, {
-  default: () => pisellPriceRadio_default
-});
-module.exports = __toCommonJS(pisellPriceRadio_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_VirtualKeyInput = __toESM(require("../../../../materials/src/components/virtual-keyboard/VirtualKeyInput/index"));
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var PisellPriceRadio = ({
-  checked = false,
-  onSelect,
-  value = "",
-  onChange,
-  title = "",
-  currencySymbol = "$",
-  theme = "purple",
-  showMinus = false,
-  disabled = false,
-  placeholder = "Amount"
-}) => {
-  const [showKeyboard, setShowKeyboard] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    if (checked) {
-      setShowKeyboard(true);
-    } else {
-      setShowKeyboard(false);
-    }
-  }, [checked]);
-  const handleInputClick = () => {
-    if (!disabled) {
-      onSelect == null ? void 0 : onSelect();
-      setShowKeyboard(true);
-    }
-  };
-  const handleRadioClick = () => {
-    if (!disabled) {
-      onSelect == null ? void 0 : onSelect();
-    }
-  };
-  const handlePriceChange = (newValue) => {
-    onChange == null ? void 0 : onChange(newValue);
-  };
-  const renderInput = (props) => {
-    const displayValue = showMinus && value ? `-${value}` : value;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        type: "button",
-        className: (0, import_classnames.default)("pisell-price-radio-input-container", {
-          [`pisell-price-radio-input-container-${theme}`]: checked,
-          "pisell-price-radio-input-container-disabled": disabled
-        }),
-        onClick: handleInputClick,
-        disabled
-      },
-      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-price-radio-currency" }, currencySymbol),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-price-radio-input-content" }, displayValue || /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-price-radio-placeholder" }, showMinus ? "-" : "", placeholder))
-    );
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)("pisell-price-radio", {
-        [`pisell-price-radio-${theme}`]: checked,
-        "pisell-price-radio-checked": checked,
-        "pisell-price-radio-disabled": disabled
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-price-radio-header" }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Radio,
-      {
-        checked,
-        onChange: handleRadioClick,
-        disabled,
-        className: (0, import_classnames.default)("pisell-price-radio-button", {
-          [`pisell-price-radio-button-${theme}`]: checked
-        })
-      }
-    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-price-radio-title" }, title)),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_VirtualKeyInput.default,
-      {
-        value,
-        onChange: (e) => handlePriceChange(e.target.value),
-        renderInput,
-        showDelete: false,
-        onValueSelect: (selected) => {
-          if (selected && !checked) {
-            onSelect == null ? void 0 : onSelect();
-          }
-        },
-        defaultSelect: checked && showKeyboard,
-        placeholder,
-        disabled
-      }
-    )
-  );
-};
-var pisellPriceRadio_default = PisellPriceRadio;