@publishfx/publish-chart 1.3.0

package/dist/utils/formatters.js

@@ -0,0 +1,127 @@
+import { isNil } from "lodash";
+import numeral from "numeral";
+import big from "big.js";
+var formatters_IndicatorUnit = /*#__PURE__*/ function(IndicatorUnit) {
+    IndicatorUnit[IndicatorUnit["Number"] = 1] = "Number";
+    IndicatorUnit[IndicatorUnit["Percentage"] = 2] = "Percentage";
+    IndicatorUnit[IndicatorUnit["Dollar"] = 3] = "Dollar";
+    IndicatorUnit[IndicatorUnit["RMB"] = 4] = "RMB";
+    return IndicatorUnit;
+}({});
+const UNIT_FORMAT_MAP = {
+    [1]: {},
+    [2]: {
+        suffix: '%'
+    },
+    [3]: {
+        prefix: '$'
+    },
+    [4]: {
+        prefix: '￥'
+    },
+    [""]: {}
+};
+function getFormatStr(fractionDigits, longFormat) {
+    let formatStr = '0,0';
+    if (fractionDigits > 0) formatStr += '.' + Array.from({
+        length: fractionDigits
+    }).map(()=>'0').join('');
+    if (longFormat) formatStr += 'a';
+    return formatStr;
+}
+function formatNumberV2(value, options, emptyStr = '-') {
+    const { fractionDigits = 2, prefix = '', suffix = '', longFormat = false } = options || {};
+    let result = emptyStr;
+    if (isNil(value) || 'number' == typeof value && isNaN(value) || '' === value || '-' === value) return result;
+    const formatStr = getFormatStr(fractionDigits, longFormat);
+    result = numeral(value).format(formatStr);
+    if ('NaN' === result && formatStr) result = formatStr.split(',')[1];
+    return `${prefix}${result}${suffix}`;
+}
+function formatPercentage(value, emptyStr) {
+    return formatNumberV2(value, {
+        suffix: '%'
+    }, emptyStr);
+}
+function getDefaultFormat(_indicatorID) {
+    return {
+        indicatorUnit: 1,
+        indicatorDecimal: 2
+    };
+}
+function formatBigNumber(value, indicatorInfo, emptyStr, longFormat) {
+    if ('' === value || '-' === value) return '-';
+    const { indicatorID, indicatorFormat } = indicatorInfo || {};
+    let format = indicatorFormat;
+    if (!format) format = getDefaultFormat(indicatorID);
+    if (!format) return formatNumberV2(value, {}, emptyStr);
+    const { suffix = '', prefix = '' } = UNIT_FORMAT_MAP[format.indicatorUnit || ''] || {};
+    let valueRes = 2 === format.indicatorUnit ? 100 * Number(value) : Number(value);
+    if (isNaN(valueRes)) return emptyStr || '-';
+    if (2 === format.indicatorUnit) return formatNumberV2(valueRes, {
+        prefix,
+        suffix,
+        fractionDigits: format.indicatorDecimal,
+        longFormat
+    }, emptyStr);
+    if (valueRes >= 1000000000) {
+        valueRes /= 1000000000;
+        return formatNumberV2(valueRes, {
+            prefix,
+            suffix: 'b',
+            fractionDigits: 2,
+            longFormat
+        }, emptyStr);
+    }
+    if (valueRes >= 1000000) {
+        valueRes /= 1000000;
+        return formatNumberV2(valueRes, {
+            prefix,
+            suffix: 'm',
+            fractionDigits: 2,
+            longFormat
+        }, emptyStr);
+    }
+    if (valueRes >= 10000) {
+        valueRes /= 1000;
+        return formatNumberV2(valueRes, {
+            prefix,
+            suffix: 'k',
+            fractionDigits: 2,
+            longFormat
+        }, emptyStr);
+    }
+    return formatNumberV2(valueRes, {
+        prefix,
+        suffix,
+        fractionDigits: format.indicatorDecimal,
+        longFormat
+    }, emptyStr);
+}
+function formatIndicatorV2(value, indicatorInfo, emptyStr, longFormat) {
+    if ('' === value || '-' === value) return '-';
+    const { indicatorID, indicatorFormat } = indicatorInfo || {};
+    let format = indicatorFormat;
+    if (!format) format = getDefaultFormat(indicatorID);
+    if (!format) return formatNumberV2(value, {}, emptyStr);
+    const { suffix = '', prefix = '' } = UNIT_FORMAT_MAP[format.indicatorUnit || ''] || {};
+    const valueRes = 2 === format.indicatorUnit ? 100 * Number(value) : value;
+    return formatNumberV2(valueRes, {
+        prefix,
+        suffix,
+        fractionDigits: format.indicatorDecimal,
+        longFormat
+    }, emptyStr);
+}
+class BigNumberUtil {
+    static from(value) {
+        return new big(value || 0);
+    }
+    static lt(value1, value2) {
+        return BigNumberUtil.from(value1).lt(value2);
+    }
+    static gt(value1, value2) {
+        return BigNumberUtil.from(value1).gt(value2);
+    }
+}
+export { BigNumberUtil, formatters_IndicatorUnit as IndicatorUnit, formatBigNumber, formatIndicatorV2, formatNumberV2, formatPercentage };

package/dist/utils/indicatorHelpers.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 指标相关工具函数
+ */
+import type { IndicatorInfo } from '../core/ChartTypes';
+/**
+ * 获取指标名称
+ */
+export declare const getIndicatorName: (indicatorMap: Record<string, IndicatorInfo>, val: string) => string;
+/**
+ * 获取指标（去除后缀）
+ */
+export declare const getIndicator: (val: string) => string;
+/**
+ * 获取对比指标名称
+ */
+export declare const getIndicatorCompareName: (indicatorMap: Record<string, IndicatorInfo>, val: string) => string;

package/dist/utils/indicatorHelpers.js

@@ -0,0 +1,15 @@
+const getIndicatorName = (indicatorMap, val)=>{
+    if (!indicatorMap || !indicatorMap[val]) return '';
+    const indicator = indicatorMap[val];
+    return `${indicator.indicatorFrom || ''} / ${indicator.indicatorName || ''}`;
+};
+const getIndicator = (val)=>{
+    let indicator = val;
+    if (val.includes('_')) indicator = val.split('_')[0];
+    return indicator;
+};
+const getIndicatorCompareName = (indicatorMap, val)=>{
+    const indicator = getIndicator(val);
+    return getIndicatorName(indicatorMap, indicator);
+};
+export { getIndicator, getIndicatorCompareName, getIndicatorName };

package/dist/utils/lazyHelpers.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Lazy Loading 辅助函数
+ * 用于简化命名导出组件的 lazy loading
+ */
+/**
+ * 创建 lazy 组件（从命名导出）
+ *
+ * @example
+ * const BarChart = createLazyComponent(() => import('@moonton/publish-chart'), 'BarChart');
+ */
+export declare function createLazyComponent<T = any>(importFn: () => Promise<{
+    [key: string]: T;
+}>, componentName: string): () => Promise<{
+    default: T;
+}>;
+/**
+ * 批量创建 lazy 组件
+ *
+ * @example
+ * const { BarChart, LineChart } = createLazyComponents(
+ *   () => import('@moonton/publish-chart'),
+ *   ['BarChart', 'LineChart']
+ * );
+ */
+export declare function createLazyComponents<T = any>(importFn: () => Promise<{
+    [key: string]: T;
+}>, componentNames: string[]): Record<string, () => Promise<{
+    default: T;
+}>>;

package/dist/utils/lazyHelpers.js

@@ -0,0 +1,15 @@
+function createLazyComponent(importFn, componentName) {
+    return ()=>importFn().then((module)=>({
+                default: module[componentName]
+            }));
+}
+function createLazyComponents(importFn, componentNames) {
+    const components = {};
+    componentNames.forEach((name)=>{
+        components[name] = ()=>importFn().then((module)=>({
+                    default: module[name]
+                }));
+    });
+    return components;
+}
+export { createLazyComponent, createLazyComponents };

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@publishfx/publish-chart",
+  "version": "1.3.0",
+  "description": "A React chart component library for the Publish platform, including BarChart, LineChart, BarLineChart and other visualization components",
+  "type": "module",
+  "keywords": [
+    "react",
+    "chart",
+    "visualization",
+    "bizcharts",
+    "data-visualization"
+  ],
+  "author": "Moonton",
+  "license": "ISC",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@antv/data-set": "^0.11.8",
+    "@types/jest": "^29.5.12",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "babel-plugin-styled-components": "^2.0.7",
+    "big.js": "^6.1.1",
+    "bizcharts": "^4.1.19",
+    "dayjs": "^1.10.7",
+    "jest": "^29.7.0",
+    "less": "^4.2.0",
+    "lodash": "^4.17.21",
+    "numeral": "^2.0.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^5.3.11",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.9.3",
+    "@moonton/publish-components": "^2.0.3"
+  },
+  "peerDependencies": {
+    "@antv/data-set": "^0.11.8",
+    "@arco-design/web-react": "^2.66.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "bizcharts": "^4.1.19",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
+  }
+}