@pisell/materials 6.3.18 → 6.3.19

package/es/components/keyboard/index.js

@@ -1,159 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useRef } from 'react';
-import { Button } from 'antd';
-import "./index.less";
-import classNames from 'classnames';
-import { useEventListener, useMemoizedFn, useSize } from 'ahooks';
-var list = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '+', 'ok'];
-var defaultArr = [{
-  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: '0',
-  label: '0',
-  disabled: false,
-  type: 'text'
-}, {
-  value: '00',
-  label: '00',
-  disabled: false,
-  type: 'text'
-}, {
-  value: '.',
-  label: '.',
-  disabled: false,
-  type: 'text'
-}];
-var Keyboard = function Keyboard(props) {
-  var _props$items = props.items,
-    items = _props$items === void 0 ? defaultArr : _props$items,
-    className = props.className,
-    style = props.style,
-    onChange = props.onChange,
-    rightItems = props.rightItems,
-    _props$keydown = props.keydown,
-    keydown = _props$keydown === void 0 ? true : _props$keydown;
-  var contentRef = useRef(null);
-  var size = useSize(contentRef);
-  useEventListener('keydown', function (ev) {
-    console.log('ev', ev);
-    if (!keydown) {
-      return;
-    }
-    var key = ev.key;
-    if (key === 'Enter') {
-      key = 'ok';
-    }
-    if (key === 'keydown') {
-      key = '+';
-    }
-    if (list.includes(key)) {
-      onChange === null || onChange === void 0 || onChange(key);
-    }
-  });
-  var getHeight = useMemoizedFn(function () {
-    var itemSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    // 默认高度为25% 的容器宽度 * size大小 + 间距
-    return ((size === null || size === void 0 ? void 0 : size.width) || 0) / 4 * itemSize + (itemSize - 1) * 7;
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    id: props.id || '',
-    className: classNames('pisell-virtual-keyboard-wrap', className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-virtual-keyboard-content'),
-    ref: contentRef
-  }, items.map(function (item) {
-    var _item$style;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "pisell-virtual-keyboard-item",
-      style: item.style
-    }, /*#__PURE__*/React.createElement(Button, {
-      id: "pisell-virtual-keyboard-".concat(item.value),
-      key: item.value,
-      type: item.type,
-      className: "pisell-virtual-keyboard-item-button",
-      style: {
-        color: item.type === 'primary' ? '#fff' : ((_item$style = item.style) === null || _item$style === void 0 ? void 0 : _item$style.color) || undefined
-      },
-      disabled: item.disabled,
-      onClick: function onClick(e) {
-        onChange === null || onChange === void 0 || onChange(item.value);
-      }
-    }, item.label));
-  })), rightItems && /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-virtual-keyboard-content', 'pisell-virtual-keyboard-right'),
-    style: {
-      flex: "0 0 calc((100% - 21px) / 4 * 1)"
-    }
-  }, rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(function (item) {
-    var _item$style2, _item$style3;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "pisell-virtual-keyboard-item",
-      style: _objectSpread(_objectSpread({}, item.style || {}), {}, {
-        height: getHeight(item.size)
-      })
-    }, /*#__PURE__*/React.createElement(Button, {
-      id: "pisell-virtual-keyboard-".concat(item.value),
-      key: item.value,
-      type: item.type,
-      className: "pisell-virtual-keyboard-item-button",
-      style: _objectSpread({
-        fontSize: ((_item$style2 = item.style) === null || _item$style2 === void 0 ? void 0 : _item$style2.fontSize) || 25,
-        color: item.type === 'primary' ? '#fff' : ((_item$style3 = item.style) === null || _item$style3 === void 0 ? void 0 : _item$style3.color) || undefined
-      }, item.type === 'primary' ? item.style || {} : {}),
-      disabled: item.disabled,
-      onClick: function onClick(e) {
-        onChange === null || onChange === void 0 || onChange(item.value);
-      }
-    }, item.label));
-  })));
-};
-export default /*#__PURE__*/React.memo(Keyboard);

package/es/components/keyboard/index.less

@@ -1,44 +0,0 @@
-.pisell-virtual-keyboard-wrap {
-  display: flex;
-  gap: 7px;
-  .pisell-virtual-keyboard-content {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 7px;
-
-    .pisell-virtual-keyboard-item {
-      border-radius: 5px;
-      background: var(--Base-White, #fff);
-      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06);;
-      overflow: hidden;
-      width: calc((100% - 14px) / 3 * 1);
-      padding-top: 25%;
-      position: relative;
-
-      .pisell-virtual-keyboard-item-button {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        border-radius: 5px;
-        color: var(--Base-Black, #000);
-        font-size: 25px;
-        font-style: normal;
-        font-weight: 400;
-        box-shadow: none;
-        padding: 0 !important;
-      }
-    }
-  }
-  .pisell-virtual-keyboard-right {
-    flex-direction: column;
-    justify-content: start;
-    .pisell-virtual-keyboard-item{
-      width: 100%;
-    }
-  }
-}

package/es/components/pisellToast/squareToast/index.d.ts

@@ -1,15 +0,0 @@
-import { clear, show, success, info, loading, fail, hide } from './methods';
-import './index.less';
-interface ToastInstance {
-    show: typeof show;
-    clear: typeof clear;
-    success: typeof success;
-    info: typeof info;
-    loading: typeof loading;
-    fail: typeof fail;
-    error: typeof fail;
-    hide: typeof hide;
-}
-declare const Toast: ToastInstance;
-export declare const useToast: () => ToastInstance;
-export default Toast;

package/es/components/pisellToast/squareToast/index.js

@@ -1,28 +0,0 @@
-import { useMemo } from 'react';
-import { clear, show, success, info, loading, fail, hide } from "./methods";
-import "./index.less";
-var Toast = {
-  show: show,
-  clear: clear,
-  success: success,
-  info: info,
-  loading: loading,
-  fail: fail,
-  error: fail,
-  hide: hide
-};
-export var useToast = function useToast() {
-  return useMemo(function () {
-    return {
-      show: show,
-      clear: clear,
-      success: success,
-      info: info,
-      loading: loading,
-      fail: fail,
-      error: fail,
-      hide: hide
-    };
-  }, []);
-};
-export default Toast;

package/es/components/pisellToast/squareToast/index.less

@@ -1,60 +0,0 @@
-.pisell-square-toast-wrap {
-  pointer-events: none;
-}
-
-.pisell-square-toast-modal {
-  pointer-events: none;
-  user-select: none;
-  min-width: 190px;
-  min-height: 74px;
-
-  // Toast 容器
-  .pisell-square-toast {
-    min-width: 190px;
-    max-width: 201px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    padding: 32px 12px;
-    border-radius: 8px;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 0.8);
-
-    .pisell-square-toast-icon-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 11px;
-
-      .pisell-square-toast-icon {
-        font-size: 50px;
-        color: #ffffff;
-        width: 50px;
-        height: 50px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        &-loading {
-          animation: fadenum 1s infinite linear;
-        }
-      }
-    }
-
-    // 内容区域
-    .pisell-square-toast-content {
-      font-size: 20px;
-      line-height: 1.5;
-      color: #ffffff;
-      text-align: center;
-    }
-  }
-}
-
-// loading 旋转动画
-@keyframes fadenum {
-  to {
-    transform: rotate(360deg);
-  }
-}

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ToastProps } from './toast';
-interface ToastInstance {
-    close: () => void;
-}
-declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const clear: () => void;
-declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const hide: () => void;
-export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/methods.js

@@ -1,136 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import Toast from "./toast";
-import { renderImperatively } from "./renderImperatively";
-var currentHandler = null;
-var currentTimeout = null;
-var defaultProps = {
-  duration: 2000,
-  mask: false,
-  icon: 'info'
-};
-
-// mergeProps 工具函数
-function mergeProps(a, b) {
-  // 过滤掉 b 中值为 undefined 的字段
-  var filteredB = Object.keys(b).reduce(function (acc, key) {
-    if (b[key] !== undefined) {
-      acc[key] = b[key];
-    }
-    return acc;
-  }, {});
-  return _objectSpread(_objectSpread({}, a), filteredB);
-}
-
-// 基于 renderImperatively 的新 show 实现
-var show = function show(configOrContent, duration, afterClose) {
-  var props;
-
-  // 判断是否为 string 或 ReactNode，如果不是则认为是 config 对象
-  if (typeof configOrContent === 'string' || /*#__PURE__*/React.isValidElement(configOrContent)) {
-    // 如果是 string 或 ReactNode，视为 content
-    props = mergeProps(defaultProps, _objectSpread(_objectSpread({
-      content: configOrContent
-    }, duration !== undefined && {
-      duration: duration
-    }), afterClose !== undefined && {
-      afterClose: afterClose
-    }));
-  } else {
-    // 如果不是 string 或 ReactNode，则认为是 config 对象
-    props = mergeProps(defaultProps, configOrContent || {});
-  }
-  var element = /*#__PURE__*/React.createElement(Toast, _extends({}, props, {
-    onCancel: function onCancel() {
-      currentHandler = null;
-    }
-  }));
-  if (currentHandler) {
-    var _currentHandler$isRen, _currentHandler;
-    if ((_currentHandler$isRen = (_currentHandler = currentHandler).isRendered) !== null && _currentHandler$isRen !== void 0 && _currentHandler$isRen.call(_currentHandler)) {
-      currentHandler.replace(element);
-    } else {
-      currentHandler.close();
-      currentHandler = renderImperatively(element);
-    }
-  } else {
-    currentHandler = renderImperatively(element);
-  }
-  if (currentTimeout) {
-    window.clearTimeout(currentTimeout);
-  }
-  if (props.duration !== 0) {
-    currentTimeout = window.setTimeout(function () {
-      clear();
-    }, props.duration);
-  }
-  var instance = {
-    close: function close() {
-      if (currentHandler) {
-        currentHandler.close();
-        currentHandler = null;
-      }
-      if (currentTimeout) {
-        window.clearTimeout(currentTimeout);
-        currentTimeout = null;
-      }
-    }
-  };
-  return instance;
-};
-
-// 清理函数
-var clear = function clear() {
-  if (currentHandler) {
-    currentHandler.close();
-    currentHandler = null;
-  }
-  if (currentTimeout) {
-    window.clearTimeout(currentTimeout);
-    currentTimeout = null;
-  }
-};
-
-// 便捷方法
-var success = function success(content, duration, afterClose) {
-  return show({
-    content: content,
-    icon: 'success',
-    duration: duration,
-    afterClose: afterClose
-  });
-};
-var info = function info(content, duration, afterClose) {
-  return show({
-    content: content,
-    icon: 'info',
-    duration: duration,
-    afterClose: afterClose
-  });
-};
-var loading = function loading(content, duration, afterClose) {
-  return show({
-    content: content,
-    icon: 'loading',
-    duration: duration,
-    afterClose: afterClose
-  });
-};
-var fail = function fail(content, duration, afterClose) {
-  return show({
-    content: content,
-    icon: 'error',
-    duration: duration,
-    afterClose: afterClose
-  });
-};
-var hide = function hide() {
-  clear();
-};
-export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -1,28 +0,0 @@
-import type { ReactElement } from 'react';
-import type { Root } from 'react-dom/client';
-import React from 'react';
-declare type ImperativeProps = {
-    open?: boolean;
-    onCancel?: () => void;
-    afterClose?: () => void;
-};
-declare type TargetElement = ReactElement<ImperativeProps>;
-export declare type ImperativeHandler = {
-    close: () => void;
-    replace: (element: TargetElement) => void;
-    isRendered?: () => boolean;
-};
-export declare type UnmountType = () => Promise<void>;
-export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
-declare const MARK = "__pisell_react_root__";
-declare type ContainerType = (Element | DocumentFragment) & {
-    [MARK]?: Root;
-};
-export declare function render(node: React.ReactElement, container: ContainerType): void;
-export declare function unmount(container: ContainerType): Promise<void>;
-/**
- * @deprecated 设置 React 渲染函数以兼容使用。
- */
-export declare function unstableSetRender(render?: RenderType): RenderType;
-export declare function renderImperatively(element: TargetElement): ImperativeHandler;
-export {};