@pisell/materials 1.0.363 → 1.0.365

package/es/components/pisellContainer/containers.js

@@ -0,0 +1,8 @@
+import PisellModal from "../pisellModal";
+import Drawer from "../drawer";
+import Portal from "./components/Portal";
+export var containers = {
+  modal: PisellModal,
+  drawer: Drawer,
+  portal: Portal
+};

package/es/components/pisellContainer/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DrawerProps } from 'antd';
+import { PisellModalProps } from '../pisellModal';
+import { PortalProps } from './components/Portal';
+import { PisellContextType } from "../pisell-config-provider/context";
+export declare type RenderType = 'modal' | 'drawer' | 'portal' | '';
+export interface PisellContainerProps<T> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 渲染类型
+     * "modal" 弹窗
+     * "drawer" 抽屉
+     * "portal" 渲染到指定dom位置
+     * undefined | "" | null 渲染到当前位置
+     * */
+    renderType?: T;
+    /** 对应组件的props */
+    props?: T extends 'modal' ? PisellModalProps : T extends 'drawer' ? DrawerProps : T extends 'portal' ? PortalProps : any;
+    children?: React.ReactNode;
+}
+declare const PisellContainer: <T extends RenderType>(props: PisellContainerProps<T>) => any;
+export default PisellContainer;

package/es/components/pisellContainer/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { containers } from "./containers";
+var PisellContainer = function PisellContainer(props) {
+  var renderType = props.renderType,
+    children = props.children,
+    cptProps = props.props;
+  if (!renderType) {
+    return children;
+  }
+  var Container = containers[renderType];
+  if (!Container) {
+    console.error('Container not found for renderType:', renderType);
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Container, cptProps, children);
+};
+export default PisellContainer;

package/es/components/pisellCountdown/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Options } from 'ahooks/es/useCountDown';
+import { PisellContextType } from "../pisell-config-provider/context";
+export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 剩余时间（毫秒） */
+    leftTime?: number;
+    /**
+     * 目标时间（如果同时传了 leftTime 和 targetDate，则会忽略 targetDate，以 leftTime 为主）
+     * 2024-12-31 00:00:00
+     * */
+    targetDate?: Options['targetDate'];
+    /** 倒计时时间变化时触发 */
+    onChange?: (val: number) => void;
+    /** 倒计时完成时触发 */
+    onFinish?: () => void;
+    /** 变化时间间隔（毫秒） */
+    interval?: number;
+    /** 格式化倒计时展示 参考 dayjs */
+    format?: string;
+};
+declare const PisellCountdown: (props: PisellCountdownProps) => React.JSX.Element;
+export default PisellCountdown;

package/es/components/pisellCountdown/index.js

@@ -0,0 +1,44 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["leftTime", "targetDate", "interval", "onChange", "onFinish", "format"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { useCountDown, useUpdateEffect } from 'ahooks';
+import { formatTimeStr } from "./utils";
+var PisellCountdown = function PisellCountdown(props) {
+  var leftTime = props.leftTime,
+    targetDate = props.targetDate,
+    interval = props.interval,
+    onChange = props.onChange,
+    onFinish = props.onFinish,
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
+    others = _objectWithoutProperties(props, _excluded);
+  var _useCountDown = useCountDown(_objectSpread(_objectSpread({}, leftTime ? {
+      leftTime: leftTime
+    } : {}), {}, {
+      targetDate: targetDate,
+      interval: interval,
+      onEnd: function onEnd() {
+        onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+      }
+    })),
+    _useCountDown2 = _slicedToArray(_useCountDown, 1),
+    countdown = _useCountDown2[0];
+  useUpdateEffect(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(countdown);
+  }, [countdown]);
+  return /*#__PURE__*/React.createElement("span", others, formatTimeStr(countdown, format || 'HH:mm:ss'));
+};
+export default PisellCountdown;

package/es/components/pisellCountdown/utils.d.ts

@@ -0,0 +1 @@
+export declare function formatTimeStr(duration: number, format: string): string;

package/es/components/pisellCountdown/utils.js

@@ -0,0 +1,35 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var timeUnits = [['Y', 1000 * 60 * 60 * 24 * 365], ['M', 1000 * 60 * 60 * 24 * 30], ['D', 1000 * 60 * 60 * 24], ['H', 1000 * 60 * 60], ['m', 1000 * 60], ['s', 1000], ['S', 1]];
+export function formatTimeStr(duration, format) {
+  var leftDuration = duration;
+  var escapeRegex = /\[[^\]]*]/g;
+  var keepList = (format.match(escapeRegex) || []).map(function (str) {
+    return str.slice(1, -1);
+  });
+  var templateText = format.replace(escapeRegex, '[]');
+  var replacedText = timeUnits.reduce(function (current, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      unit = _ref2[1];
+    if (current.includes(name)) {
+      var value = Math.floor(leftDuration / unit);
+      leftDuration -= value * unit;
+      return current.replace(new RegExp("".concat(name, "+"), 'g'), function (match) {
+        var len = match.length;
+        return value.toString().padStart(len, '0');
+      });
+    }
+    return current;
+  }, templateText);
+  var index = 0;
+  return replacedText.replace(escapeRegex, function () {
+    var match = keepList[index];
+    index += 1;
+    return match;
+  });
+}

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './detePickerCpt.less';
+import { PisellContextType } from "../pisell-config-provider/context";
+export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    type: 'input' | 'select' | 'both';
+}
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
+export default DatePickerCpt;

package/es/components/pisellDatePicker/datePickerCpt.js

@@ -0,0 +1,131 @@
+var _excluded = ["format", "value", "onChange", "onDateChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useMemo } from 'react';
+import { DatePicker, Input } from 'antd';
+import "./detePickerCpt.less";
+var isValidDate = function isValidDate(dateString, format) {
+  var date = window.dayjs(dateString, format, true);
+  return date.isValid();
+};
+var DatePickerInput = function DatePickerInput(props) {
+  var format = props.format,
+    value = props.value,
+    onChange = props.onChange,
+    onDateChange = props.onDateChange,
+    others = _objectWithoutProperties(props, _excluded);
+  var eventChange = function eventChange(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      target: {
+        value: val
+      }
+    });
+    if (isValidDate(val, format)) {
+      onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(window.dayjs(val, format), window.dayjs(val, format).format(format));
+    }
+  };
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var handleChange = function handleChange(e) {
+    var inputValue = e.target.value;
+    var parts = format.split(/[^a-zA-Z]/);
+    var separators = format.match(/[^a-zA-Z]+/g) || [];
+    if (inputValue.length < value.length) {
+      eventChange === null || eventChange === void 0 ? void 0 : eventChange(inputValue);
+      return;
+    }
+    var cursor = 0;
+    var result = '';
+    var lastIndex = 0;
+    for (var i = 0; i < parts.length; i++) {
+      var part = parts[i];
+      if (!part) continue;
+      var separator = separators[i] || '';
+      var expectedLength = part.length;
+      lastIndex = lastIndex + part.length + separator.length;
+
+      // 提取用户输入的部分
+      var start = cursor;
+      if (i > 0) {
+        start += separators.slice(0, i).join('').length;
+      }
+      var end = start + expectedLength;
+      var userPart = inputValue.slice(start, end);
+      if (userPart.length > 0) {
+        result += separators[i - 1] || '';
+      }
+      if (userPart.length === 0 && result.slice(result.length - 1) !== inputValue.slice(result.length - 1)) {
+        userPart = inputValue.slice(result.length - 1);
+      }
+      if (part.includes('Y')) {
+        result += userPart;
+      } else {
+        if (userPart.length === 1 && ['M', 'D', 'H', 'm', 's'].includes(part[0])) {
+          if ('M' === part[0] && userPart > 1) {
+            userPart = '0' + userPart;
+          }
+          if ('D' === part[0] && userPart > 3) {
+            userPart = '0' + userPart;
+          }
+          if ('H' === part[0] && userPart > 2) {
+            userPart = '0' + userPart;
+          }
+          if ('m' === part[0] && userPart > 7) {
+            userPart = '0' + userPart;
+          }
+          if ('s' === part[0] && userPart > 7) {
+            userPart = '0' + userPart;
+          }
+        }
+        result += userPart;
+      }
+      if (userPart.length === expectedLength && !inputValue.slice(lastIndex - 1).startsWith(separator)) {
+        result += separator;
+      }
+      cursor += userPart.length;
+    }
+    eventChange === null || eventChange === void 0 ? void 0 : eventChange(result);
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({}, others, {
+    value: value,
+    onChange: handleChange
+  }));
+};
+var DatePickerCpt = function DatePickerCpt(props) {
+  var format = props.format,
+    type = props.type,
+    onChange = props.onChange,
+    size = props.size,
+    picker = props.picker;
+  var propsObj = useMemo(function () {
+    if (picker && picker !== 'date') {
+      return {
+        inputRender: undefined
+      };
+    }
+    if (type === 'input') {
+      return {
+        popupClassName: 'pisell-date-picker-type-input',
+        suffixIcon: null,
+        placeholder: format || ""
+      };
+    } else if (type === 'select') {
+      return {
+        inputReadOnly: true
+      };
+    }
+    return {};
+  }, [type, picker, format]);
+  return /*#__PURE__*/React.createElement(DatePicker, _extends({}, props, {
+    size: size !== null && size !== void 0 ? size : 'large',
+    inputRender: function inputRender(props) {
+      return /*#__PURE__*/React.createElement(DatePickerInput, _extends({}, props, {
+        onDateChange: onChange,
+        format: format
+      }));
+    }
+  }, propsObj));
+};
+export default DatePickerCpt;

package/es/components/pisellDatePicker/detePickerCpt.less

@@ -0,0 +1,3 @@
+.pisell-date-picker-type-input {
+  display: none;
+}

package/es/components/pisellDatePicker/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
+export default PisellDatePicker;

package/es/components/pisellDatePicker/index.js

@@ -0,0 +1,17 @@
+import DatePickerCpt from "./datePickerCpt";
+import { withMomentProps } from "../../utils/hoc";
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import weekday from 'dayjs/plugin/weekday';
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+var PisellDatePicker = withMomentProps(DatePickerCpt, ['defaultPickerValue', 'defaultValue', 'showTime.defaultValue', 'value']);
+
+// const RangePicker = withMomentProps(OriginalRangePicker, [
+//   'defaultPickerValue',
+//   'defaultValue',
+//   'showTime.defaultValue',
+//   'value',
+// ]);
+
+export default PisellDatePicker;

package/es/components/pisellEmpty/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from "../pisell-config-provider/context";
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
+export default PisellEmpty;

package/es/components/pisellEmpty/index.js

@@ -0,0 +1,38 @@
+var _excluded = ["description", "extraDescription", "icon", "footer", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Empty } from 'antd';
+import classNames from 'classnames';
+import Inbox01 from '@pisell/icon/es/Inbox01';
+import { getText } from "../../locales";
+import "./index.less";
+// 额外描述
+var PisellEmpty = function PisellEmpty(props) {
+  var _props$description = props.description,
+    description = _props$description === void 0 ? getText('pisell-empty-description-no-data') : _props$description,
+    extraDescription = props.extraDescription,
+    icon = props.icon,
+    footer = props.footer,
+    className = props.className,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Empty, _extends({}, others, {
+    className: classNames('pisell-empty-wrap', className),
+    image: /*#__PURE__*/React.createElement("div", {
+      className: "pisell-empty-icon-wrap"
+    }, icon || /*#__PURE__*/React.createElement(Inbox01, {
+      style: {
+        color: '#667085'
+      }
+    })),
+    description: /*#__PURE__*/React.createElement("div", {
+      className: "pisell-empty-wrap-description-wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-empty-wrap-description"
+    }, description), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-empty-wrap-extra-description"
+    }, extraDescription))
+  }), footer);
+};
+export default PisellEmpty;

package/es/components/pisellEmpty/index.less

@@ -0,0 +1,34 @@
+.pisell-empty-wrap {
+  margin: 50px auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .pisell-lowcode-empty-image {
+    height: auto;
+    margin-bottom: 0;
+  }
+  .pisell-empty-icon-wrap {
+    .anticon {
+      font-size: 44px !important;
+    }
+  }
+  .pisell-empty-wrap-description-wrap {
+    max-width: 300px;
+    .pisell-empty-wrap-description {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+      margin: 12px 0;
+    }
+    .pisell-empty-wrap-extra-description {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 142.857% */
+    }
+  }
+}

package/es/components/pisellInput/components/BankCard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+import './index.less';
+export declare type BankCardProps = InputProps & {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    onChange?: (val: string) => void;
+};
+declare const BankCard: (props: BankCardProps) => React.JSX.Element;
+export default BankCard;

package/es/components/pisellInput/components/BankCard/index.js

@@ -0,0 +1,82 @@
+var _excluded = ["onChange", "value"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useRef, useState } from 'react';
+import Input from "../../../input";
+import { bankTypeMap, getCardType } from "./utils";
+import "./index.less";
+var bankCardMaxLength = function bankCardMaxLength(str) {
+  return str.slice(0, 19);
+};
+var BankCard = function BankCard(props) {
+  var onChange = props.onChange,
+    propsValue = props.value,
+    others = _objectWithoutProperties(props, _excluded);
+  var inputRef = useRef(null);
+  var _useState = useState(propsValue || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    _value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentBankType = _useState4[0],
+    setCurrentBankType = _useState4[1];
+
+  // const [state, setState] = useControllableValue<string>(props, {
+  //   defaultValue: '',
+  // });
+
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  useEffect(function () {
+    setValue(bankCardMaxLength(formatBankCardNumber("".concat(propsValue || ''))));
+  }, [propsValue]);
+  var formatBankCardNumber = function formatBankCardNumber(value) {
+    var cleanValue = value.replace(/\D/g, '');
+    var formattedValue = cleanValue.replace(/(.{4})/g, '$1 ').trim();
+    return formattedValue;
+  };
+  var handleChange = function handleChange(e) {
+    var _inputRef$current, _inputRef$current$inp;
+    var value = e.target.value;
+    setCurrentBankType(getCardType(value));
+    var formattedValue = formatBankCardNumber(value);
+    var start = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.selectionStart) || 0;
+    var val = bankCardMaxLength(formattedValue);
+    setValue(val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(val.replace(/\s/g, ''));
+    if (formattedValue.length > 19 || formattedValue.length < _value.length) {
+      if ([4, 9, 14, 19].includes(start)) {
+        start = start + 1;
+      }
+      setTimeout(function () {
+        var _inputRef$current2;
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.setSelectionRange(start, start);
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({}, others, {
+    suffix: currentBankType ? /*#__PURE__*/React.createElement("img", {
+      className: "pisell-input-bank-card-suffix",
+      src: bankTypeMap[currentBankType],
+      alt: currentBankType
+    }) : /*#__PURE__*/React.createElement("span", null)
+    // 数字类型时value无法带有空格
+    ,
+    type: "tel",
+    placeholder: 'XXXX XXXX XXXX XXXX',
+    size: "large",
+    ref: inputRef,
+    value: _value,
+    onChange: handleChange
+  }));
+};
+export default BankCard;

package/es/components/pisellInput/components/BankCard/index.less

@@ -0,0 +1,4 @@
+.pisell-input-bank-card-suffix {
+  width: 34px;
+  height: 24px;
+}

package/es/components/pisellInput/components/BankCard/utils.d.ts

@@ -0,0 +1,11 @@
+export declare const getCardType: (str: string) => "jcb" | "amex" | "visa" | "masterCard" | "unionPay" | "discover" | undefined;
+export declare const bankTypeMap: {
+    jcb: any;
+    amex: any;
+    masterCard: any;
+    visa: any;
+    unionPay: any;
+    discover: any;
+};
+export declare const getCardImgByType: (type: keyof typeof bankTypeMap) => any;
+export declare const getBankCardTypeImg: (val: number | string) => any;

package/es/components/pisellInput/components/BankCard/utils.js

@@ -0,0 +1,65 @@
+// @ts-ignore
+import jcb from "./cardPng/JCB.png";
+// @ts-ignore
+import amex from "./cardPng/AMEX.png";
+// @ts-ignore
+import masterCard from "./cardPng/MasterCard.png";
+// @ts-ignore
+import visa from "./cardPng/VISA.png";
+// @ts-ignore
+import unionPay from "./cardPng/UnionPay.png";
+// @ts-ignore
+import discover from "./cardPng/Discover.png";
+var isJcb = function isJcb(str) {
+  return str.startsWith('35');
+};
+var isAmex = function isAmex(str) {
+  return str.startsWith('34') || str.startsWith('37');
+};
+var isMasterCard = function isMasterCard(str) {
+  return str.startsWith('51') || str.startsWith('52') || str.startsWith('53') || str.startsWith('54') || str.startsWith('55') || str.startsWith('22') || str.startsWith('23') || str.startsWith('24') || str.startsWith('25') || str.startsWith('26') || str.startsWith('27');
+};
+var isVisa = function isVisa(str) {
+  return str.startsWith('4');
+};
+var isUnionPay = function isUnionPay(str) {
+  return str.startsWith('62') || str.startsWith('81');
+};
+var isDiscover = function isDiscover(str) {
+  return str.startsWith('60') || str.startsWith('64') || str.startsWith('65');
+};
+export var getCardType = function getCardType(str) {
+  if (isJcb(str)) {
+    return 'jcb';
+  }
+  if (isAmex(str)) {
+    return 'amex';
+  }
+  if (isVisa(str)) {
+    return 'visa';
+  }
+  if (isMasterCard(str)) {
+    return 'masterCard';
+  }
+  if (isUnionPay(str)) {
+    return 'unionPay';
+  }
+  if (isDiscover(str)) {
+    return 'discover';
+  }
+};
+export var bankTypeMap = {
+  jcb: jcb,
+  amex: amex,
+  masterCard: masterCard,
+  visa: visa,
+  unionPay: unionPay,
+  discover: discover
+};
+export var getCardImgByType = function getCardImgByType(type) {
+  return bankTypeMap[type] || "";
+};
+export var getBankCardTypeImg = function getBankCardTypeImg(val) {
+  var type = getCardType("".concat(val || ''));
+  return type ? bankTypeMap[type] : null;
+};

package/es/components/pisellInput/components/Copy/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps, ButtonProps } from 'antd';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+export interface CopyProps extends InputProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 后缀button的透传配置 */
+    buttonProps?: ButtonProps;
+}
+declare const Copy: (props: CopyProps) => React.JSX.Element;
+export default Copy;