@pisell/materials 1.0.402 → 1.0.404

package/lib/components/picker-view/index.d.ts

@@ -1,2 +0,0 @@
-import PickerView from 'antd-mobile/es/components/picker-view';
-export default PickerView;

package/lib/components/picker-view/index.js

@@ -1,36 +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/picker-view/index.tsx
-var picker_view_exports = {};
-__export(picker_view_exports, {
-  default: () => picker_view_default
-});
-module.exports = __toCommonJS(picker_view_exports);
-var import_picker_view = __toESM(require("antd-mobile/es/components/picker-view"));
-var picker_view_default = import_picker_view.default;

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type PisellTagsType = 'pill_color' | 'pill_outline';
-export declare type PisellTagsColor = 'success' | 'warning' | 'error' | 'gray' | string;
-export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-    children?: React.ReactNode;
-    others?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
-    type: PisellTagsType;
-    icon?: React.ReactNode;
-    color?: PisellTagsColor;
-}
-declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
-export default PisellTags;

package/lib/components/pisellTags/index.js

@@ -1,113 +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/pisellTags/index.tsx
-var pisellTags_exports = {};
-__export(pisellTags_exports, {
-  default: () => pisellTags_default
-});
-module.exports = __toCommonJS(pisellTags_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("./utils");
-var import_index = require("./index.less");
-var pisellTagsColors = {
-  success: "#067647",
-  warning: "#B54708",
-  error: "#B42318",
-  gray: "#344054"
-};
-var getColor = (_color) => {
-  if (_color) {
-    return pisellTagsColors[_color] || _color;
-  }
-  return "#344054";
-};
-var getPillColorStyles = (_color) => {
-  const colorShades = (0, import_utils.generateColorShades)(_color);
-  return {
-    "--pisell-tags-bg-color": colorShades["color_50"],
-    "--pisell-tags-font-color": colorShades["color_700"],
-    "--pisell-tags-border-color": colorShades["color_200"]
-  };
-};
-var getPillOutlineStyles = (_color) => {
-  const colorShades = (0, import_utils.generateColorShades)(_color);
-  return {
-    "--pisell-tags-bg-color": "transparent",
-    "--pisell-tags-font-color": colorShades["color_700"],
-    "--pisell-tags-border-color": colorShades["color_600"]
-  };
-};
-var PisellTags = (props) => {
-  const {
-    children,
-    type,
-    icon,
-    color,
-    style = {},
-    others = {},
-    ...otherProps
-  } = props;
-  const styles = (0, import_react.useMemo)(() => {
-    let obj = {
-      ...style,
-      ...others.style
-    };
-    const _color = getColor(props.color);
-    if (type === "pill_color") {
-      obj = {
-        ...obj,
-        ...getPillColorStyles(_color)
-      };
-    }
-    if (type === "pill_outline") {
-      obj = {
-        ...obj,
-        ...getPillOutlineStyles(_color)
-      };
-    }
-    return obj;
-  }, [color, style, others.style, type]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      style: { ...styles, ...style },
-      ...others,
-      ...otherProps,
-      className: (0, import_classnames.default)(
-        "pisell-tags",
-        others.className,
-        otherProps.className
-      )
-    },
-    icon ? icon : null,
-    children
-  );
-};
-var pisellTags_default = PisellTags;

package/lib/components/pisellTags/index.less

@@ -1,17 +0,0 @@
-.pisell-tags {
-  --pisell-tags-bg-color: #F9FAFB;
-  --pisell-tags-font-color: #344054;
-  --pisell-tags-border-color: #EAECF0;
-  border-radius: 16px;
-  border: 1px solid var(--pisell-tags-border-color);
-  background: var(--pisell-tags-bg-color);
-  display: inline-flex;
-  padding: 4px 12px;
-  align-items: center;
-  gap: 6px;
-
-  color: var(--pisell-tags-font-color);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-}

package/lib/components/pisellTags/utils.d.ts

@@ -1 +0,0 @@
-export declare const generateColorShades: (color: string) => Record<string, string>;

package/lib/components/pisellTags/utils.js

@@ -1,86 +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/pisellTags/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  generateColorShades: () => generateColorShades
-});
-module.exports = __toCommonJS(utils_exports);
-var hexToRgb = (hex) => {
-  hex = hex.replace(/^#/, "");
-  if (hex.length === 3) {
-    hex = hex.split("").map((h) => h + h).join("");
-  }
-  const intVal = parseInt(hex, 16);
-  return {
-    r: intVal >> 16 & 255,
-    // 提取红色分量
-    g: intVal >> 8 & 255,
-    // 提取绿色分量
-    b: intVal & 255
-    // 提取蓝色分量
-  };
-};
-var rgbToHex = (r, g, b) => {
-  return "#" + [r, g, b].map((x) => {
-    const hex = x.toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  }).join("");
-};
-var parseColor = (color) => {
-  if (color.startsWith("#")) {
-    return hexToRgb(color);
-  } else if (color.startsWith("rgb")) {
-    const rgba = color.replace(/rgba?\(|\s+|\)/g, "").split(",").map(Number);
-    return { r: rgba[0], g: rgba[1], b: rgba[2], a: rgba[3] !== void 0 ? rgba[3] : 1 };
-  } else {
-    throw new Error("无效的颜色格式");
-  }
-};
-var generateColorShades = (color) => {
-  const { r, g, b, a } = parseColor(color);
-  const max = 700;
-  const gap = 1 / max;
-  const ratios = {
-    50: gap * 50,
-    200: gap * 200,
-    500: gap * 500,
-    600: gap * 600,
-    700: gap * 700
-  };
-  const adjustColorComponent = (component, ratio) => Math.round(component * ratio + 255 * (1 - ratio));
-  const shades = {
-    "color_50": rgbToHex(adjustColorComponent(r, ratios[50]), adjustColorComponent(g, ratios[50]), adjustColorComponent(b, ratios[50])),
-    "color_200": rgbToHex(adjustColorComponent(r, ratios[200]), adjustColorComponent(g, ratios[200]), adjustColorComponent(b, ratios[200])),
-    "color_500": rgbToHex(adjustColorComponent(r, ratios[500]), adjustColorComponent(g, ratios[500]), adjustColorComponent(b, ratios[500])),
-    "color_600": rgbToHex(adjustColorComponent(r, ratios[600]), adjustColorComponent(g, ratios[600]), adjustColorComponent(b, ratios[600])),
-    "color_700": color
-  };
-  if (a !== void 0) {
-    shades["color_50"] = `rgba(${adjustColorComponent(r, ratios[50])}, ${adjustColorComponent(g, ratios[50])}, ${adjustColorComponent(b, ratios[50])}, ${a})`;
-    shades["color_200"] = `rgba(${adjustColorComponent(r, ratios[200])}, ${adjustColorComponent(g, ratios[200])}, ${adjustColorComponent(b, ratios[200])}, ${a})`;
-    shades["color_500"] = `rgba(${adjustColorComponent(r, ratios[500])}, ${adjustColorComponent(g, ratios[500])}, ${adjustColorComponent(b, ratios[500])}, ${a})`;
-    shades["color_600"] = `rgba(${adjustColorComponent(r, ratios[600])}, ${adjustColorComponent(g, ratios[600])}, ${adjustColorComponent(b, ratios[600])}, ${a})`;
-  }
-  return shades;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateColorShades
-});