@pisell/materials 3.3.82 → 3.3.83

package/lib/components/pisellMetricCard/components/MetricValue.js

@@ -0,0 +1,56 @@
+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/pisellMetricCard/components/MetricValue.tsx
+var MetricValue_exports = {};
+__export(MetricValue_exports, {
+  default: () => MetricValue_default
+});
+module.exports = __toCommonJS(MetricValue_exports);
+var import_react = __toESM(require("react"));
+var MetricValue = ({
+  value,
+  valueSize = 30,
+  valueWeight = 600,
+  valueColor = "rgba(0, 0, 0, 0.85)"
+}) => {
+  const displayValue = value ?? "-";
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-metric-card-value",
+      style: {
+        fontSize: typeof valueSize === "number" ? `${valueSize}px` : valueSize,
+        fontWeight: valueWeight,
+        color: valueColor
+      }
+    },
+    displayValue
+  );
+};
+var MetricValue_default = MetricValue;

package/lib/components/pisellMetricCard/components/TrendIcon.js

@@ -0,0 +1,50 @@
+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/pisellMetricCard/components/TrendIcon.tsx
+var TrendIcon_exports = {};
+__export(TrendIcon_exports, {
+  default: () => TrendIcon_default
+});
+module.exports = __toCommonJS(TrendIcon_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var TrendIcon = ({ trend, color }) => {
+  if (trend === "neutral") {
+    return null;
+  }
+  const Icon = trend === "up" ? import_icons.ArrowUpOutlined : import_icons.ArrowDownOutlined;
+  return /* @__PURE__ */ import_react.default.createElement(
+    Icon,
+    {
+      className: "pisell-metric-card-trend-icon",
+      style: { color }
+    }
+  );
+};
+var TrendIcon_default = TrendIcon;

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

@@ -0,0 +1,7 @@
+/**
+ * 子组件导出
+ */
+export { default as TrendIcon } from './TrendIcon';
+export { default as MetricValue } from './MetricValue';
+export { default as MetricTitle } from './MetricTitle';
+export { default as MetricComparison } from './MetricComparison';

package/lib/components/pisellMetricCard/components/index.js

@@ -0,0 +1,48 @@
+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/pisellMetricCard/components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+  MetricComparison: () => import_MetricComparison.default,
+  MetricTitle: () => import_MetricTitle.default,
+  MetricValue: () => import_MetricValue.default,
+  TrendIcon: () => import_TrendIcon.default
+});
+module.exports = __toCommonJS(components_exports);
+var import_TrendIcon = __toESM(require("./TrendIcon"));
+var import_MetricValue = __toESM(require("./MetricValue"));
+var import_MetricTitle = __toESM(require("./MetricTitle"));
+var import_MetricComparison = __toESM(require("./MetricComparison"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MetricComparison,
+  MetricTitle,
+  MetricValue,
+  TrendIcon
+});

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

@@ -0,0 +1,6 @@
+/**
+ * PisellMetricCard 组件导出
+ */
+export { default as PisellMetricCard } from './PisellMetricCard';
+export type { PisellMetricCardProps, TrendType, FormatOptions, MetricTitleProps, MetricValueProps, MetricComparisonProps, TrendIconProps, } from './types';
+export { default } from './PisellMetricCard';

package/lib/components/pisellMetricCard/index.js

@@ -0,0 +1,41 @@
+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/pisellMetricCard/index.tsx
+var pisellMetricCard_exports = {};
+__export(pisellMetricCard_exports, {
+  PisellMetricCard: () => import_PisellMetricCard.default,
+  default: () => import_PisellMetricCard2.default
+});
+module.exports = __toCommonJS(pisellMetricCard_exports);
+var import_PisellMetricCard = __toESM(require("./PisellMetricCard"));
+var import_PisellMetricCard2 = __toESM(require("./PisellMetricCard"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellMetricCard
+});

package/lib/components/pisellMetricCard/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellMetricCard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellMetricCard/utils/calculateTrend.js

@@ -0,0 +1,38 @@
+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/pisellMetricCard/utils/calculateTrend.ts
+var calculateTrend_exports = {};
+__export(calculateTrend_exports, {
+  calculateTrend: () => calculateTrend
+});
+module.exports = __toCommonJS(calculateTrend_exports);
+function calculateTrend(comparison) {
+  if (comparison === null || comparison === void 0) {
+    return "neutral";
+  }
+  const numComparison = typeof comparison === "string" ? parseFloat(comparison) : comparison;
+  if (isNaN(numComparison) || numComparison === 0) {
+    return "neutral";
+  }
+  return numComparison > 0 ? "up" : "down";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateTrend
+});

package/lib/components/pisellMetricCard/utils/formatMetricValue.d.ts

@@ -0,0 +1,34 @@
+import type { FormatOptions } from '../types';
+/**
+ * 格式化指标数值
+ *
+ * 支持以下格式化选项：
+ * - 小数精度控制
+ * - 千分位分隔符
+ * - 货币符号显示
+ * - 自定义格式化函数
+ * - 整数时隐藏小数部分
+ *
+ * @param value 数值
+ * @param options 格式化选项
+ * @returns 格式化后的字符串，null 时返回 null
+ *
+ * @example
+ * formatMetricValue(1234.56, { precision: 2, useGrouping: true })
+ * // 返回: "1,234.56"
+ *
+ * @example
+ * formatMetricValue(1580, {
+ *   showCurrencySymbol: true,
+ *   currencySymbol: '$'
+ * })
+ * // 返回: "$1580"
+ *
+ * @example
+ * formatMetricValue(100.00, {
+ *   precision: 2,
+ *   hideDecimalForWholeNumbers: true
+ * })
+ * // 返回: "100"
+ */
+export declare function formatMetricValue(value: number | string | null | undefined, options?: FormatOptions): string | null;

package/lib/components/pisellMetricCard/utils/formatMetricValue.js

@@ -0,0 +1,52 @@
+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/pisellMetricCard/utils/formatMetricValue.ts
+var formatMetricValue_exports = {};
+__export(formatMetricValue_exports, {
+  formatMetricValue: () => formatMetricValue
+});
+module.exports = __toCommonJS(formatMetricValue_exports);
+var import_utils = require("@pisell/utils");
+function formatMetricValue(value, options = {}) {
+  if (value === null || value === void 0) {
+    return null;
+  }
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numValue)) {
+    return null;
+  }
+  if (options.formatter) {
+    return options.formatter(numValue);
+  }
+  const formatted = (0, import_utils.formatAmountWithOptions)(
+    numValue,
+    options.currencySymbol || "",
+    {
+      precision: options.precision ?? 0,
+      useThousandsSeparator: options.useGrouping ?? false,
+      showCurrencySymbol: options.showCurrencySymbol ?? false,
+      hideDecimalForWholeNumbers: options.hideDecimalForWholeNumbers ?? true
+    }
+  );
+  return String(formatted);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatMetricValue
+});

package/lib/components/pisellMetricCard/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 工具函数导出
+ */
+export { formatMetricValue } from './formatMetricValue';
+export { calculateTrend } from './calculateTrend';

package/lib/components/pisellMetricCard/utils/index.js

@@ -0,0 +1,32 @@
+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/pisellMetricCard/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  calculateTrend: () => import_calculateTrend.calculateTrend,
+  formatMetricValue: () => import_formatMetricValue.formatMetricValue
+});
+module.exports = __toCommonJS(utils_exports);
+var import_formatMetricValue = require("./formatMetricValue");
+var import_calculateTrend = require("./calculateTrend");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateTrend,
+  formatMetricValue
+});

package/lib/components/pisellMultipleSelect/PisellMultipleSelect.d.ts

@@ -0,0 +1,9 @@
+/**
+ * PisellMultipleSelect - 多选下拉组件
+ * 基于 Ant Design Select 封装，提供符合 Pisell 设计规范的多选功能
+ */
+import React from 'react';
+import type { PisellMultipleSelectProps, MultipleSelectRef } from './types';
+import './PisellMultipleSelect.less';
+declare const PisellMultipleSelect: React.ForwardRefExoticComponent<PisellMultipleSelectProps<string | number> & React.RefAttributes<MultipleSelectRef<string | number>>>;
+export default PisellMultipleSelect;

package/lib/components/pisellMultipleSelect/PisellMultipleSelect.js

@@ -0,0 +1,97 @@
+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/pisellMultipleSelect/PisellMultipleSelect.tsx
+var PisellMultipleSelect_exports = {};
+__export(PisellMultipleSelect_exports, {
+  default: () => PisellMultipleSelect_default
+});
+module.exports = __toCommonJS(PisellMultipleSelect_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_EditView = __toESM(require("./components/EditView"));
+var import_DisabledView = __toESM(require("./components/DisabledView"));
+var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
+var import_PisellMultipleSelect = require("./PisellMultipleSelect.less");
+var PisellMultipleSelect = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      value,
+      defaultValue,
+      onChange,
+      options,
+      disabled,
+      readOnly,
+      maxCount
+    } = props;
+    const selectRef = (0, import_react.useRef)(null);
+    const state = (0, import_utils.useMultipleSelectState)({
+      value,
+      defaultValue,
+      onChange,
+      mode: "multiple"
+    });
+    const handleChange = (0, import_react.useCallback)(
+      (newValue) => {
+        if (maxCount && newValue.length > maxCount) {
+          import_antd.message.warning(`最多只能选择 ${maxCount} 项`);
+          return;
+        }
+        const selectedOptions = newValue.map((v) => options.find((opt) => opt.value === v)).filter(Boolean);
+        state.setValue(newValue);
+        onChange == null ? void 0 : onChange(newValue, selectedOptions);
+      },
+      [maxCount, onChange, options, state]
+    );
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      focus: () => {
+        var _a;
+        return (_a = selectRef.current) == null ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        return (_a = selectRef.current) == null ? void 0 : _a.blur();
+      },
+      getValue: () => state.value,
+      setValue: (newValue) => state.setValue(newValue),
+      clearValue: () => state.clearValue(),
+      addValue: (val) => state.addValue(val),
+      removeValue: (val) => state.removeValue(val)
+    }));
+    if (disabled) {
+      return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props, ref: selectRef });
+    }
+    if (readOnly) {
+      return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props, value: state.value, state, onChangeInternal: handleChange, ref: selectRef });
+  }
+);
+PisellMultipleSelect.displayName = "PisellMultipleSelect";
+var PisellMultipleSelect_default = PisellMultipleSelect;