@pisell/materials 6.3.18 → 6.3.20

package/lib/components/keyboard/index.js

@@ -1,223 +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/keyboard/index.tsx
-var keyboard_exports = {};
-__export(keyboard_exports, {
-  default: () => keyboard_default
-});
-module.exports = __toCommonJS(keyboard_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_index = require("./index.less");
-var import_classnames = __toESM(require("classnames"));
-var import_ahooks = require("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 = (props) => {
-  const {
-    items = defaultArr,
-    className,
-    style,
-    onChange,
-    rightItems,
-    keydown = true
-  } = props;
-  const contentRef = (0, import_react.useRef)(null);
-  const size = (0, import_ahooks.useSize)(contentRef);
-  (0, import_ahooks.useEventListener)("keydown", (ev) => {
-    console.log("ev", ev);
-    if (!keydown) {
-      return;
-    }
-    let key = ev.key;
-    if (key === "Enter") {
-      key = "ok";
-    }
-    if (key === "keydown") {
-      key = "+";
-    }
-    if (list.includes(key)) {
-      onChange == null ? void 0 : onChange(key);
-    }
-  });
-  const getHeight = (0, import_ahooks.useMemoizedFn)((itemSize = 1) => {
-    return ((size == null ? void 0 : size.width) || 0) / 4 * itemSize + (itemSize - 1) * 7;
-  });
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      id: props.id || "",
-      className: (0, import_classnames.default)("pisell-virtual-keyboard-wrap", className),
-      style
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("pisell-virtual-keyboard-content"),
-        ref: contentRef
-      },
-      items.map((item) => {
-        var _a;
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-item", style: item.style }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Button,
-          {
-            id: `pisell-virtual-keyboard-${item.value}`,
-            key: item.value,
-            type: item.type,
-            className: "pisell-virtual-keyboard-item-button",
-            style: {
-              color: item.type === "primary" ? "#fff" : ((_a = item.style) == null ? void 0 : _a.color) || void 0
-            },
-            disabled: item.disabled,
-            onClick: (e) => {
-              onChange == null ? void 0 : onChange(item.value);
-            }
-          },
-          item.label
-        ));
-      })
-    ),
-    rightItems && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          "pisell-virtual-keyboard-content",
-          "pisell-virtual-keyboard-right"
-        ),
-        style: { flex: `0 0 calc((100% - 21px) / 4 * 1)` }
-      },
-      rightItems == null ? void 0 : rightItems.map((item) => {
-        var _a, _b;
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pisell-virtual-keyboard-item",
-            style: {
-              ...item.style || {},
-              height: getHeight(item.size)
-            }
-          },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Button,
-            {
-              id: `pisell-virtual-keyboard-${item.value}`,
-              key: item.value,
-              type: item.type,
-              className: "pisell-virtual-keyboard-item-button",
-              style: {
-                fontSize: ((_a = item.style) == null ? void 0 : _a.fontSize) || 25,
-                color: item.type === "primary" ? "#fff" : ((_b = item.style) == null ? void 0 : _b.color) || void 0,
-                ...item.type === "primary" ? item.style || {} : {}
-              },
-              disabled: item.disabled,
-              onClick: (e) => {
-                onChange == null ? void 0 : onChange(item.value);
-              }
-            },
-            item.label
-          )
-        );
-      })
-    )
-  );
-};
-var keyboard_default = import_react.default.memo(Keyboard);

package/lib/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/lib/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/lib/components/pisellToast/squareToast/index.js

@@ -1,58 +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/components/pisellToast/squareToast/index.tsx
-var squareToast_exports = {};
-__export(squareToast_exports, {
-  default: () => squareToast_default,
-  useToast: () => useToast
-});
-module.exports = __toCommonJS(squareToast_exports);
-var import_react = require("react");
-var import_methods = require("./methods");
-var import_index = require("./index.less");
-var Toast = {
-  show: import_methods.show,
-  clear: import_methods.clear,
-  success: import_methods.success,
-  info: import_methods.info,
-  loading: import_methods.loading,
-  fail: import_methods.fail,
-  error: import_methods.fail,
-  hide: import_methods.hide
-};
-var useToast = () => {
-  return (0, import_react.useMemo)(
-    () => ({
-      show: import_methods.show,
-      clear: import_methods.clear,
-      success: import_methods.success,
-      info: import_methods.info,
-      loading: import_methods.loading,
-      fail: import_methods.fail,
-      error: import_methods.fail,
-      hide: import_methods.hide
-    }),
-    []
-  );
-};
-var squareToast_default = Toast;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useToast
-});

package/lib/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/lib/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/lib/components/pisellToast/squareToast/methods.js

@@ -1,150 +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/pisellToast/squareToast/methods.tsx
-var methods_exports = {};
-__export(methods_exports, {
-  clear: () => clear,
-  fail: () => fail,
-  hide: () => hide,
-  info: () => info,
-  loading: () => loading,
-  show: () => show,
-  success: () => success
-});
-module.exports = __toCommonJS(methods_exports);
-var import_react = __toESM(require("react"));
-var import_toast = __toESM(require("./toast"));
-var import_renderImperatively = require("./renderImperatively");
-var currentHandler = null;
-var currentTimeout = null;
-var defaultProps = {
-  duration: 2e3,
-  mask: false,
-  icon: "info"
-};
-function mergeProps(a, b) {
-  const filteredB = Object.keys(b).reduce((acc, key) => {
-    if (b[key] !== void 0) {
-      acc[key] = b[key];
-    }
-    return acc;
-  }, {});
-  return {
-    ...a,
-    ...filteredB
-  };
-}
-var show = (configOrContent, duration, afterClose) => {
-  var _a;
-  let props;
-  if (typeof configOrContent === "string" || import_react.default.isValidElement(configOrContent)) {
-    props = mergeProps(defaultProps, {
-      content: configOrContent,
-      ...duration !== void 0 && { duration },
-      ...afterClose !== void 0 && { afterClose }
-    });
-  } else {
-    props = mergeProps(defaultProps, configOrContent || {});
-  }
-  const element = /* @__PURE__ */ import_react.default.createElement(
-    import_toast.default,
-    {
-      ...props,
-      onCancel: () => {
-        currentHandler = null;
-      }
-    }
-  );
-  if (currentHandler) {
-    if ((_a = currentHandler.isRendered) == null ? void 0 : _a.call(currentHandler)) {
-      currentHandler.replace(element);
-    } else {
-      currentHandler.close();
-      currentHandler = (0, import_renderImperatively.renderImperatively)(element);
-    }
-  } else {
-    currentHandler = (0, import_renderImperatively.renderImperatively)(element);
-  }
-  if (currentTimeout) {
-    window.clearTimeout(currentTimeout);
-  }
-  if (props.duration !== 0) {
-    currentTimeout = window.setTimeout(() => {
-      clear();
-    }, props.duration);
-  }
-  const instance = {
-    close: () => {
-      if (currentHandler) {
-        currentHandler.close();
-        currentHandler = null;
-      }
-      if (currentTimeout) {
-        window.clearTimeout(currentTimeout);
-        currentTimeout = null;
-      }
-    }
-  };
-  return instance;
-};
-var clear = () => {
-  if (currentHandler) {
-    currentHandler.close();
-    currentHandler = null;
-  }
-  if (currentTimeout) {
-    window.clearTimeout(currentTimeout);
-    currentTimeout = null;
-  }
-};
-var success = (content, duration, afterClose) => {
-  return show({ content, icon: "success", duration, afterClose });
-};
-var info = (content, duration, afterClose) => {
-  return show({ content, icon: "info", duration, afterClose });
-};
-var loading = (content, duration, afterClose) => {
-  return show({ content, icon: "loading", duration, afterClose });
-};
-var fail = (content, duration, afterClose) => {
-  return show({ content, icon: "error", duration, afterClose });
-};
-var hide = () => {
-  clear();
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  clear,
-  fail,
-  hide,
-  info,
-  loading,
-  show,
-  success
-});

package/lib/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 {};