@pisell/materials 6.3.18 → 6.3.19

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -1,77 +0,0 @@
-.pisell-base-virtual-input {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  background-color: transparent;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  outline: none;
-  position: relative;
-  height: var(--virtual-input-height);
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-}
-
-.pisell-base-virtual-input-placeholder {
-  color: #98a2b3;
-  font-weight: 400;
-  user-select: none;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  pointer-events: none;
-  font-size: var(--virtual-input-font-size);
-  height: var(--virtual-input-height);
-  line-height: var(--virtual-input-height);
-}
-
-.pisell-base-virtual-input-value {
-  font-weight: 600;
-  white-space: nowrap;
-  flex-shrink: 0;
-  // width: 100%;
-  max-width: 100%;
-  overflow-y: hidden;
-  overflow-x: auto;
-  font-size: var(--virtual-input-font-size);
-  line-height: var(--virtual-input-height);
-  height: var(--virtual-input-height);
-
-  -ms-overflow-style: none; /* IE 和 Edge */
-  scrollbar-width: none; /* Firefox */
-  &::-webkit-scrollbar {
-    display: none; /* Chrome, Safari 和 Opera */
-  }
-}
-
-.pisell-base-virtual-input-caret-container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.pisell-base-virtual-input-caret {
-  width: 2px;
-  height: var(--virtual-input-caret-height);
-  background-color: #1570ef;
-  border-radius: 1px;
-  animation: pisell-base-virtual-input-caret-blink 1s infinite;
-}
-
-@keyframes pisell-base-virtual-input-caret-blink {
-  0%,
-  50% {
-    opacity: 1;
-  }
-  51%,
-  100% {
-    opacity: 0;
-  }
-}

package/lib/components/virtualInput/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-import './index.less';
-export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-export interface VirtualInputProps extends BaseVirtualInputProps {
-    /** 在VirtualInput上方显示的额外内容 */
-    topContent?: React.ReactNode;
-    /** 在VirtualInput下方显示的额外内容 */
-    bottomContent?: React.ReactNode;
-    /** wrapper class */
-    wrapperClassName?: string;
-    /** 虚拟输入框包装器的样式 */
-    wrapperStyle?: React.CSSProperties;
-    /** 是否允许清除输入框中的内容 */
-    allowClear?: boolean;
-    /** 清除输入框内容的回调函数 */
-    onClear?: () => void;
-    /** 自定义清除按钮的样式 */
-    clearButtonStyle?: React.CSSProperties;
-}
-export interface VirtualInputRef extends BaseVirtualInputRef {
-}
-declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
-export default VirtualInput;

package/lib/components/virtualInput/index.js

@@ -1,102 +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/virtualInput/index.tsx
-var virtualInput_exports = {};
-__export(virtualInput_exports, {
-  BaseVirtualInputProps: () => import_BaseVirtualInput2.BaseVirtualInputProps,
-  BaseVirtualInputRef: () => import_BaseVirtualInput2.BaseVirtualInputRef,
-  default: () => virtualInput_default
-});
-module.exports = __toCommonJS(virtualInput_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_icon = __toESM(require("../icon"));
-var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
-var import_index = require("./index.less");
-var import_BaseVirtualInput2 = require("./BaseVirtualInput");
-var VirtualInput = (0, import_react.forwardRef)(
-  ({
-    topContent,
-    bottomContent,
-    wrapperStyle,
-    wrapperClassName,
-    allowClear = false,
-    onClear,
-    value,
-    clearButtonStyle,
-    ...virtualInputProps
-  }, ref) => {
-    const baseInputRef = (0, import_react.useRef)(null);
-    const handleClear = () => {
-      onClear == null ? void 0 : onClear();
-    };
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      focus: () => {
-        var _a;
-        return (_a = baseInputRef.current) == null ? void 0 : _a.focus();
-      },
-      blur: () => {
-        var _a;
-        return (_a = baseInputRef.current) == null ? void 0 : _a.blur();
-      }
-    }));
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
-        style: wrapperStyle
-      },
-      topContent,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, /* @__PURE__ */ import_react.default.createElement(
-        import_BaseVirtualInput.default,
-        {
-          ref: baseInputRef,
-          value,
-          ...virtualInputProps
-        }
-      ), allowClear && /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: "pisell-virtual-input-clear-button",
-          onClick: handleClear,
-          style: clearButtonStyle
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-delete" })
-      )),
-      bottomContent
-    );
-  }
-);
-VirtualInput.displayName = "VirtualInput";
-var virtualInput_default = VirtualInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BaseVirtualInputProps,
-  BaseVirtualInputRef
-});

package/lib/components/virtualInput/index.less

@@ -1,42 +0,0 @@
-.pisell-virtual-input-wrapper {
-  overflow: hidden;
-}
-
-.pisell-virtual-input-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.pisell-virtual-input-clear-button {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-  color: #667085;
-  background-color: transparent;
-  z-index: 1;
-
-  &:hover {
-    background-color: #f2f4f7;
-    color: #344054;
-  }
-
-  &:active {
-    background-color: #e4e7ec;
-  }
-
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-}