@platox/pivot-table 0.0.32 → 0.0.34

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js

@@ -0,0 +1,328 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Form, Select, Button, Flex, Checkbox, Divider, Radio, Space } from "antd";
+import { useMemo, useState, useRef, useEffect } from "react";
+import { useAppContext } from "../../../context.js";
+import IconBarPercentage from "../../../icon/icon-bar-percentage.js";
+import IconBarPile from "../../../icon/icon-bar-pile.js";
+import IconStripBar from "../../../icon/icon-strip-bar.js";
+import IconStripBarPercentage from "../../../icon/icon-strip-bar-percentage.js";
+import IconStripBarPile from "../../../icon/icon-strip-bar-pile.js";
+import IconBar from "../../../icon/icon-bar.js";
+import IconLineSmooth from "../../../icon/icon-line-smooth.js";
+import IconLine from "../../../icon/icon-line.js";
+import IconPie from "../../../icon/icon-pie.js";
+import IconPieCircular from "../../../icon/icon-pie-circular.js";
+import ConditionModal from "../components/condition-modal/index.js";
+import { useTranslation } from "react-i18next";
+import { useMemoizedFn, useDebounceFn } from "ahooks";
+const CustomData = ({
+  selectModuleData,
+  onAllValuesChange,
+  enumDataApi
+}) => {
+  const { globalData } = useAppContext();
+  const { t, i18n } = useTranslation();
+  const ChartOption = useMemo(() => {
+    return [
+      {
+        label: t("chart.t2"),
+        value: "chart-bar",
+        icon: /* @__PURE__ */ jsx(IconBar, {})
+      },
+      {
+        label: t("chart.t3"),
+        value: "chart-bar-pile",
+        icon: /* @__PURE__ */ jsx(IconBarPile, {})
+      },
+      {
+        label: t("chart.t4"),
+        value: "chart-bar-percentage",
+        icon: /* @__PURE__ */ jsx(IconBarPercentage, {})
+      },
+      {
+        label: t("chart.t5"),
+        value: "chart-strip-bar",
+        icon: /* @__PURE__ */ jsx(IconStripBar, {})
+      },
+      {
+        label: t("chart.t6"),
+        value: "chart-strip-bar-pile",
+        icon: /* @__PURE__ */ jsx(IconStripBarPile, {})
+      },
+      {
+        label: t("chart.t7"),
+        value: "chart-strip-bar-percentage",
+        icon: /* @__PURE__ */ jsx(IconStripBarPercentage, {})
+      },
+      {
+        label: t("chart.t8"),
+        value: "chart-line",
+        icon: /* @__PURE__ */ jsx(IconLine, {})
+      },
+      {
+        label: t("chart.t9"),
+        value: "chart-line-smooth",
+        icon: /* @__PURE__ */ jsx(IconLineSmooth, {})
+      },
+      {
+        label: t("chart.t10"),
+        value: "chart-pie",
+        icon: /* @__PURE__ */ jsx(IconPie, {})
+      },
+      {
+        label: t("chart.t11"),
+        value: "chart-pie-circular",
+        icon: /* @__PURE__ */ jsx(IconPieCircular, {})
+      }
+    ];
+  }, [i18n.language]);
+  const initialValues = {
+    dataSourceId: "",
+    yAxis: "recordTotal",
+    chartOptions: ["legend", "label", "axis", "splitLine"],
+    sortField: "xAxis",
+    sortOrder: "asc"
+  };
+  const [form] = Form.useForm();
+  const type = Form.useWatch("type", form);
+  const dataSourceId = Form.useWatch("dataSourceId", form);
+  const xAxis = Form.useWatch("xAxis", form);
+  const yAxisField = Form.useWatch("yAxisField", form);
+  const groupField = Form.useWatch("groupField", form);
+  const getFieldOptions = useMemoizedFn((dataSourceId2) => {
+    var _a, _b;
+    const list = ((_b = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a.find((item) => item.value === dataSourceId2)) == null ? void 0 : _b.fields) ?? [];
+    return list;
+  });
+  const { fieldOptions, xAxisFieldOption, yAxisFieldOption, groupFieldOption } = useMemo(() => {
+    const fieldOptions2 = getFieldOptions(dataSourceId);
+    const xAxisFieldOption2 = fieldOptions2.filter((item) => {
+      let hasPicked = [yAxisField, groupField].includes(item.value);
+      return !hasPicked;
+    });
+    const yAxisFieldOption2 = fieldOptions2.filter((item) => {
+      let isNumberField = item.type === "int" || item.type === "float";
+      let hasPicked = [xAxis, groupField].includes(item.value);
+      return isNumberField && !hasPicked;
+    });
+    const groupFieldOption2 = fieldOptions2.filter((item) => {
+      let hasPicked = [xAxis, yAxisField].includes(item.value);
+      return !hasPicked;
+    });
+    return {
+      fieldOptions: fieldOptions2,
+      xAxisFieldOption: xAxisFieldOption2,
+      yAxisFieldOption: yAxisFieldOption2,
+      groupFieldOption: groupFieldOption2
+    };
+  }, [dataSourceId, xAxis, yAxisField, groupField]);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const conditionDataRef = useRef();
+  const [conditionData, setConditionData] = useState({
+    conditionList: [],
+    conditionType: "all"
+  });
+  const [conditionDataNum, setConditionDataNum] = useState(0);
+  const setCondition = (val) => {
+    var _a;
+    setConditionData(val);
+    conditionDataRef.current = val;
+    setConditionDataNum(((_a = val == null ? void 0 : val.conditionList) == null ? void 0 : _a.length) || 0);
+  };
+  const { run: debounceSubmit } = useDebounceFn(
+    useMemoizedFn(() => {
+      onAllValuesChange == null ? void 0 : onAllValuesChange({
+        ...form.getFieldsValue(),
+        conditionData: conditionDataRef.current
+      });
+    }),
+    {
+      wait: 100
+    }
+  );
+  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {
+    var _a, _b, _c;
+    if (changedValues.dataSourceId) {
+      const newFieldOptions = getFieldOptions(changedValues.dataSourceId);
+      form.setFieldsValue({
+        xAxis: (_a = newFieldOptions == null ? void 0 : newFieldOptions[0]) == null ? void 0 : _a.value,
+        yAxis: "recordTotal",
+        isGroup: false
+      });
+    }
+    if (changedValues.yAxis) {
+      let value = changedValues.yAxis;
+      form.setFieldsValue({
+        yAxisField: value === "fieldValue" ? (_b = yAxisFieldOption == null ? void 0 : yAxisFieldOption[0]) == null ? void 0 : _b.value : "",
+        yAxisFieldType: "sum"
+      });
+    }
+    if (changedValues.isGroup) {
+      form.setFieldsValue({
+        groupField: (_c = groupFieldOption == null ? void 0 : groupFieldOption[0]) == null ? void 0 : _c.value
+      });
+    }
+    debounceSubmit();
+  });
+  useEffect(() => {
+    var _a, _b, _c;
+    if (selectModuleData == null ? void 0 : selectModuleData.customData) {
+      const customData = selectModuleData.customData;
+      form.setFieldsValue(customData);
+    } else {
+      const currSourceData = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a[0];
+      const list = getFieldOptions(currSourceData == null ? void 0 : currSourceData.value) || [];
+      form.setFieldsValue({
+        ...initialValues,
+        dataSourceId: currSourceData == null ? void 0 : currSourceData.value,
+        type: selectModuleData == null ? void 0 : selectModuleData.type,
+        xAxis: (_b = list == null ? void 0 : list[0]) == null ? void 0 : _b.value
+      });
+    }
+    setCondition((_c = selectModuleData == null ? void 0 : selectModuleData.customData) == null ? void 0 : _c.conditionData);
+    debounceSubmit();
+  }, [selectModuleData, globalData]);
+  return /* @__PURE__ */ jsxs("div", { style: { height: "50vh", overflowX: "auto" }, children: [
+    /* @__PURE__ */ jsxs(
+      Form,
+      {
+        form,
+        name: "customData",
+        layout: "vertical",
+        onValuesChange: handleValuesChange,
+        initialValues,
+        children: [
+          /* @__PURE__ */ jsx(Form.Item, { label: t("dataSource"), name: "dataSourceId", children: /* @__PURE__ */ jsx(Select, { options: (globalData == null ? void 0 : globalData.sourceData) ?? [] }) }),
+          /* @__PURE__ */ jsxs(Form.Item, { label: t("dataRange"), children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                style: { marginLeft: "-15px" },
+                onClick: () => {
+                  setIsModalOpen(true);
+                },
+                type: "link",
+                children: t("filterData")
+              }
+            ),
+            conditionDataNum > 0 ? `${t("selectNcondition", { n: conditionDataNum })}` : null
+          ] }),
+          /* @__PURE__ */ jsx(Form.Item, { label: t("chart.t1"), name: "type", children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              options: ChartOption,
+              optionRender: (option) => /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+                /* @__PURE__ */ jsx("span", { role: "img", style: { marginTop: "5px" }, "aria-label": option.data.label, children: option.data.icon }),
+                option.data.label
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { name: "chartOptions", label: t("chart.t12"), children: /* @__PURE__ */ jsxs(Checkbox.Group, { children: [
+            /* @__PURE__ */ jsx(Checkbox, { value: "legend", className: '"ow', style: { lineHeight: "32px" }, children: t("chart.t13") }),
+            /* @__PURE__ */ jsx(Checkbox, { value: "label", className: '"ow', style: { lineHeight: "32px" }, children: t("chart.t14") }),
+            !["chart-pie", "chart-pie-circular"].includes(type) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Checkbox, { value: "axis", className: '"ow', style: { lineHeight: "32px" }, children: t("chart.t15") }),
+              /* @__PURE__ */ jsx(Checkbox, { value: "splitLine", className: '"ow', style: { lineHeight: "32px" }, children: t("chart.t16") })
+            ] }) : null
+          ] }) }),
+          /* @__PURE__ */ jsx(Divider, { style: { borderColor: "#e2e2e2", marginTop: 0 } }),
+          /* @__PURE__ */ jsx(
+            Form.Item,
+            {
+              label: (type == null ? void 0 : type.includes("pie")) ? t("chart.t17") : t("chart.t18"),
+              name: "xAxis",
+              children: /* @__PURE__ */ jsx(Select, { options: xAxisFieldOption })
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["type"], children: ({ getFieldValue }) => {
+            var _a;
+            return !((_a = getFieldValue("type")) == null ? void 0 : _a.includes("pie")) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Form.Item, { name: "sortField", label: t("chart.t31"), children: /* @__PURE__ */ jsxs(Radio.Group, { children: [
+                /* @__PURE__ */ jsx(Radio, { value: "xAxis", children: t("chart.t32") }),
+                /* @__PURE__ */ jsx(Radio, { value: "yAxisField", children: t("chart.t33") }),
+                /* @__PURE__ */ jsx(Radio, { value: "recordValue", children: t("chart.t34") })
+              ] }) }),
+              /* @__PURE__ */ jsx(Form.Item, { name: "sortOrder", label: t("chart.t35"), children: /* @__PURE__ */ jsxs(Radio.Group, { children: [
+                /* @__PURE__ */ jsx(Radio, { value: "asc", children: t("chart.t36") }),
+                /* @__PURE__ */ jsx(Radio, { value: "desc", children: t("chart.t37") })
+              ] }) })
+            ] }) : null;
+          } }),
+          /* @__PURE__ */ jsx(
+            Form.Item,
+            {
+              label: (type == null ? void 0 : type.includes("pie")) ? t("chart.t19") : t("chart.t20"),
+              name: "yAxis",
+              children: /* @__PURE__ */ jsx(
+                Select,
+                {
+                  options: [
+                    {
+                      value: "recordTotal",
+                      label: t("statisticstRecordNum")
+                    },
+                    { value: "fieldValue", label: t("statisticstFieldVal") }
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["yAxis"], noStyle: true, children: ({ getFieldValue }) => getFieldValue("yAxis") === "fieldValue" ? /* @__PURE__ */ jsx(Form.Item, { label: t("selectField"), children: /* @__PURE__ */ jsxs(Space.Compact, { children: [
+            /* @__PURE__ */ jsx(Form.Item, { noStyle: true, name: "yAxisField", children: /* @__PURE__ */ jsx(Select, { style: { width: "100px" }, options: yAxisFieldOption }) }),
+            /* @__PURE__ */ jsx(Form.Item, { name: "yAxisFieldType", noStyle: true, children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                style: { width: "100px" },
+                options: [
+                  {
+                    value: "sum",
+                    label: t("sumVal")
+                  },
+                  {
+                    value: "max",
+                    label: t("maxVal")
+                  },
+                  {
+                    value: "min",
+                    label: t("minVal")
+                  },
+                  {
+                    value: "avg",
+                    label: t("averageVal")
+                  }
+                ]
+              }
+            ) })
+          ] }) }) : null }),
+          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["type"], children: ({ getFieldValue }) => {
+            var _a;
+            return !((_a = getFieldValue("type")) == null ? void 0 : _a.includes("pie")) ? /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Item, { name: "isGroup", valuePropName: "checked", noStyle: true, children: /* @__PURE__ */ jsx(Checkbox, { style: { marginBottom: "5px" }, children: t("chart.t38") }) }),
+              /* @__PURE__ */ jsx(Form.Item, { dependencies: ["isGroup"], children: ({ getFieldValue: getFieldValue2 }) => getFieldValue2("isGroup") ? /* @__PURE__ */ jsx(Form.Item, { name: "groupField", children: /* @__PURE__ */ jsx(Select, { options: groupFieldOption }) }) : null })
+            ] }) : null;
+          } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConditionModal,
+      {
+        open: isModalOpen,
+        value: conditionData,
+        fieldOptions,
+        enumDataApi,
+        onClose: () => {
+          setIsModalOpen(false);
+        },
+        onOk: (val) => {
+          setCondition(val);
+          debounceSubmit();
+        }
+      }
+    )
+  ] });
+};
+export {
+  CustomData as default
+};
+//# sourceMappingURL=custome-data.js.map

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Button, Checkbox, Divider, Flex, Form, Radio, Select, Space } from 'antd'\n\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { useAppContext } from '../../../context'\nimport { ModuleData } from '../../module-content'\nimport IconBarPercentage from '../../../icon/icon-bar-percentage'\nimport IconBarPile from '../../../icon/icon-bar-pile'\nimport IconStripBar from '../../../icon/icon-strip-bar'\nimport IconStripBarPercentage from '../../../icon/icon-strip-bar-percentage'\nimport IconStripBarPile from '../../../icon/icon-strip-bar-pile'\nimport IconBar from '../../../icon/icon-bar'\nimport IconLineSmooth from '../../../icon/icon-line-smooth'\nimport IconLine from '../../../icon/icon-line'\nimport IconPie from '../../../icon/icon-pie'\nimport IconPieCircular from '../../../icon/icon-pie-circular'\nimport { EnumDataApi } from '../../../types'\nimport ConditionModal, { ConditionListItemTypes } from '../components/condition-modal'\nimport { useTranslation } from 'react-i18next'\nimport { useDebounceFn, useMemoizedFn } from 'ahooks'\n\nexport type ChartCustomeDataTypes = {\n  conditionData?: {\n    conditionList: ConditionListItemTypes[]\n    conditionType: 'all' | 'any'\n  }\n  dataSourceId?: string\n  type:\n    | 'chart-bar'\n    | 'chart-bar-pile'\n    | 'chart-bar-percentage'\n    | 'chart-line'\n    | 'chart-line-smooth'\n    | 'chart-strip-bar'\n    | 'chart-strip-bar-pile'\n    | 'chart-strip-bar-percentage'\n    | 'chart-pie'\n    | 'chart-pie-circular'\n  xAxis: string\n  yAxis: string\n  yAxisField: string\n  yAxisFieldType: 'sum' | 'max' | 'min' | 'avg'\n  groupField: string\n  isGroup: boolean\n  chartOptions: any\n  sortField: 'xAxis' | 'yAxisField' | 'recordValue'\n  sortOrder: 'asc' | 'desc'\n}\n\ninterface CustomDataProps {\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n  selectModuleData,\n  onAllValuesChange,\n  enumDataApi,\n}) => {\n  const { globalData } = useAppContext()\n  const { t, i18n } = useTranslation()\n\n  const ChartOption = useMemo(() => {\n    return [\n      {\n        label: t('chart.t2'),\n        value: 'chart-bar',\n        icon: <IconBar />,\n      },\n      {\n        label: t('chart.t3'),\n        value: 'chart-bar-pile',\n        icon: <IconBarPile />,\n      },\n      {\n        label: t('chart.t4'),\n        value: 'chart-bar-percentage',\n        icon: <IconBarPercentage />,\n      },\n      {\n        label: t('chart.t5'),\n        value: 'chart-strip-bar',\n        icon: <IconStripBar />,\n      },\n      {\n        label: t('chart.t6'),\n        value: 'chart-strip-bar-pile',\n        icon: <IconStripBarPile />,\n      },\n      {\n        label: t('chart.t7'),\n        value: 'chart-strip-bar-percentage',\n        icon: <IconStripBarPercentage />,\n      },\n      {\n        label: t('chart.t8'),\n        value: 'chart-line',\n        icon: <IconLine />,\n      },\n      {\n        label: t('chart.t9'),\n        value: 'chart-line-smooth',\n        icon: <IconLineSmooth />,\n      },\n      {\n        label: t('chart.t10'),\n        value: 'chart-pie',\n        icon: <IconPie />,\n      },\n      {\n        label: t('chart.t11'),\n        value: 'chart-pie-circular',\n        icon: <IconPieCircular />,\n      },\n    ]\n  }, [i18n.language])\n\n  /* ============================== split =============================== */\n  const initialValues = {\n    dataSourceId: '',\n    yAxis: 'recordTotal',\n    chartOptions: ['legend', 'label', 'axis', 'splitLine'],\n    sortField: 'xAxis',\n    sortOrder: 'asc',\n  }\n  const [form] = Form.useForm()\n\n  const type = Form.useWatch('type', form)\n  const dataSourceId = Form.useWatch('dataSourceId', form)\n  const xAxis = Form.useWatch('xAxis', form)\n  const yAxisField = Form.useWatch('yAxisField', form)\n  const groupField = Form.useWatch('groupField', form)\n\n  /* ============================== split =============================== */\n  const getFieldOptions = useMemoizedFn((dataSourceId?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === dataSourceId)?.fields ?? []\n    return list\n  })\n\n  const { fieldOptions, xAxisFieldOption, yAxisFieldOption, groupFieldOption } = useMemo(() => {\n    const fieldOptions = getFieldOptions(dataSourceId)\n\n    const xAxisFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [yAxisField, groupField].includes(item.value)\n      return !hasPicked\n    })\n\n    const yAxisFieldOption = fieldOptions.filter(item => {\n      let isNumberField = item.type === 'int' || item.type === 'float'\n      let hasPicked = [xAxis, groupField].includes(item.value)\n      return isNumberField && !hasPicked\n    })\n\n    const groupFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [xAxis, yAxisField].includes(item.value)\n      return !hasPicked\n    })\n\n    return {\n      fieldOptions,\n      xAxisFieldOption,\n      yAxisFieldOption,\n      groupFieldOption,\n    }\n  }, [dataSourceId, xAxis, yAxisField, groupField])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const conditionDataRef = useRef()\n  const [conditionData, setConditionData] = useState<any>({\n    conditionList: [],\n    conditionType: 'all',\n  })\n  const [conditionDataNum, setConditionDataNum] = useState(0)\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  /* ============================== split =============================== */\n  //  debounc 2个作用 一个默认值的设置会延后，另一个是防止多次请求\n  const { run: debounceSubmit } = useDebounceFn(\n    useMemoizedFn(() => {\n      onAllValuesChange?.({\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    }),\n    {\n      wait: 100,\n    }\n  )\n  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {\n    if (changedValues.dataSourceId) {\n      const newFieldOptions = getFieldOptions(changedValues.dataSourceId)\n      form.setFieldsValue({\n        xAxis: newFieldOptions?.[0]?.value,\n        yAxis: 'recordTotal',\n        isGroup: false,\n      })\n    }\n\n    if (changedValues.yAxis) {\n      let value = changedValues.yAxis\n      form.setFieldsValue({\n        yAxisField: value === 'fieldValue' ? yAxisFieldOption?.[0]?.value : '',\n        yAxisFieldType: 'sum',\n      })\n    }\n\n    if (changedValues.isGroup) {\n      form.setFieldsValue({\n        groupField: groupFieldOption?.[0]?.value,\n      })\n    }\n\n    debounceSubmit()\n  })\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n    } else {\n      const currSourceData = globalData?.sourceData?.[0]\n      const list = getFieldOptions(currSourceData?.value) || []\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: currSourceData?.value,\n        type: selectModuleData?.type,\n        xAxis: list?.[0]?.value,\n      })\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n    debounceSubmit()\n  }, [selectModuleData, globalData])\n\n  return (\n    <div style={{ height: '50vh', overflowX: 'auto' }}>\n      <Form\n        form={form}\n        name=\"customData\"\n        layout=\"vertical\"\n        onValuesChange={handleValuesChange}\n        initialValues={initialValues}\n      >\n        <Form.Item<ChartCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n          <Select options={globalData?.sourceData ?? []} />\n        </Form.Item>\n\n        <Form.Item<ChartCustomeDataTypes> label={t('dataRange')}>\n          <Button\n            style={{ marginLeft: '-15px' }}\n            onClick={() => {\n              setIsModalOpen(true)\n            }}\n            type=\"link\"\n          >\n            {t('filterData')}\n          </Button>\n          {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n        </Form.Item>\n\n        <Form.Item<ChartCustomeDataTypes> label={t('chart.t1')} name=\"type\">\n          <Select\n            options={ChartOption}\n            optionRender={option => (\n              <Flex align=\"center\">\n                <span role=\"img\" style={{ marginTop: '5px' }} aria-label={option.data.label}>\n                  {option.data.icon}\n                </span>\n                {option.data.label}\n              </Flex>\n            )}\n          />\n        </Form.Item>\n\n        <Form.Item name=\"chartOptions\" label={t('chart.t12')}>\n          <Checkbox.Group>\n            <Checkbox value=\"legend\" className='\"ow' style={{ lineHeight: '32px' }}>\n              {t('chart.t13')}\n            </Checkbox>\n\n            <Checkbox value=\"label\" className='\"ow' style={{ lineHeight: '32px' }}>\n              {t('chart.t14')}\n            </Checkbox>\n\n            {!['chart-pie', 'chart-pie-circular'].includes(type) ? (\n              <>\n                <Checkbox value=\"axis\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t15')}\n                </Checkbox>\n                <Checkbox value=\"splitLine\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t16')}\n                </Checkbox>\n              </>\n            ) : null}\n          </Checkbox.Group>\n        </Form.Item>\n\n        <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n        <Form.Item<ChartCustomeDataTypes>\n          label={type?.includes('pie') ? t('chart.t17') : t('chart.t18')}\n          name=\"xAxis\"\n        >\n          <Select options={xAxisFieldOption} />\n        </Form.Item>\n\n        <Form.Item dependencies={['type']}>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <>\n                <Form.Item<ChartCustomeDataTypes> name=\"sortField\" label={t('chart.t31')}>\n                  <Radio.Group>\n                    <Radio value=\"xAxis\">{t('chart.t32')}</Radio>\n                    <Radio value=\"yAxisField\">{t('chart.t33')}</Radio>\n                    <Radio value=\"recordValue\">{t('chart.t34')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n                <Form.Item<ChartCustomeDataTypes> name=\"sortOrder\" label={t('chart.t35')}>\n                  <Radio.Group>\n                    <Radio value=\"asc\">{t('chart.t36')}</Radio>\n                    <Radio value=\"desc\">{t('chart.t37')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n              </>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item<ChartCustomeDataTypes>\n          label={type?.includes('pie') ? t('chart.t19') : t('chart.t20')}\n          name=\"yAxis\"\n        >\n          <Select\n            options={[\n              {\n                value: 'recordTotal',\n                label: t('statisticstRecordNum'),\n              },\n              { value: 'fieldValue', label: t('statisticstFieldVal') },\n            ]}\n          />\n        </Form.Item>\n\n        <Form.Item dependencies={['yAxis']} noStyle>\n          {({ getFieldValue }) =>\n            getFieldValue('yAxis') === 'fieldValue' ? (\n              <Form.Item label={t('selectField')}>\n                <Space.Compact>\n                  <Form.Item noStyle name=\"yAxisField\">\n                    <Select style={{ width: '100px' }} options={yAxisFieldOption} />\n                  </Form.Item>\n                  <Form.Item name=\"yAxisFieldType\" noStyle>\n                    <Select\n                      style={{ width: '100px' }}\n                      options={[\n                        {\n                          value: 'sum',\n                          label: t('sumVal'),\n                        },\n                        {\n                          value: 'max',\n                          label: t('maxVal'),\n                        },\n                        {\n                          value: 'min',\n                          label: t('minVal'),\n                        },\n                        {\n                          value: 'avg',\n                          label: t('averageVal'),\n                        },\n                      ]}\n                    />\n                  </Form.Item>\n                </Space.Compact>\n              </Form.Item>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item dependencies={['type']}>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <Form.Item>\n                <Form.Item<ChartCustomeDataTypes> name=\"isGroup\" valuePropName=\"checked\" noStyle>\n                  <Checkbox style={{ marginBottom: '5px' }}>{t('chart.t38')}</Checkbox>\n                </Form.Item>\n                <Form.Item dependencies={['isGroup']}>\n                  {({ getFieldValue }) =>\n                    getFieldValue('isGroup') ? (\n                      <Form.Item<ChartCustomeDataTypes> name=\"groupField\">\n                        <Select options={groupFieldOption} />\n                      </Form.Item>\n                    ) : null\n                  }\n                </Form.Item>\n              </Form.Item>\n            ) : null\n          }\n        </Form.Item>\n      </Form>\n      <ConditionModal\n        open={isModalOpen}\n        value={conditionData}\n        fieldOptions={fieldOptions}\n        enumDataApi={enumDataApi}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        onOk={val => {\n          setCondition(val)\n          debounceSubmit()\n        }}\n      />\n    </div>\n  )\n}\nexport default CustomData\n"],"names":["dataSourceId","fieldOptions","xAxisFieldOption","yAxisFieldOption","groupFieldOption","getFieldValue"],"mappings":"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"}

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.d.ts

@@ -0,0 +1,15 @@
+import { ModuleData } from '../../module-content';
+export type ChartCustomeStylesTypes = {
+    xtitle: string;
+    ytitle: string;
+    xchartOptions: any;
+    ychartOptions: any;
+};
+interface CustomeStylesProps {
+    customData?: any;
+    selectModuleData?: ModuleData;
+    onAllValuesChange?: ((values: any) => void) | undefined;
+    customeStylesRef?: any;
+}
+declare const CustomeStyles: React.FC<CustomeStylesProps>;
+export default CustomeStyles;

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Form, Divider, Input } from "antd";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+const CustomeStyles = ({
+  customData,
+  selectModuleData,
+  onAllValuesChange
+}) => {
+  var _a, _b, _c;
+  const [form] = Form.useForm();
+  const { t } = useTranslation();
+  const initialValues = {
+    xtitle: "",
+    ytitle: "",
+    xchartOptions: [],
+    ychartOptions: []
+  };
+  const allValuesChange = () => {
+    setTimeout(() => {
+      onAllValuesChange == null ? void 0 : onAllValuesChange(form.getFieldsValue());
+    });
+  };
+  useEffect(() => {
+    if (selectModuleData == null ? void 0 : selectModuleData.customeStyle) {
+      form.setFieldsValue(selectModuleData.customeStyle);
+    } else {
+      form.setFieldsValue(initialValues);
+    }
+  }, [selectModuleData]);
+  if ((_a = customData == null ? void 0 : customData.type) == null ? void 0 : _a.includes("pie")) {
+    return /* @__PURE__ */ jsx("div", { style: { height: "50vh", overflowX: "auto" } });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { height: "50vh", overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Form, { form, name: "customeStyle", layout: "vertical", initialValues, children: [
+    /* @__PURE__ */ jsx(Divider, { orientation: "left", orientationMargin: "0", children: t("chart.t21") }),
+    !((_b = customData == null ? void 0 : customData.type) == null ? void 0 : _b.includes("pie")) ? /* @__PURE__ */ jsx(Form.Item, { label: t("chart.t22"), name: "xtitle", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        onChange: () => {
+          allValuesChange();
+        }
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx(Divider, { orientation: "left", orientationMargin: "0", children: t("chart.t26") }),
+    !((_c = customData == null ? void 0 : customData.type) == null ? void 0 : _c.includes("pie")) ? /* @__PURE__ */ jsx(Form.Item, { label: t("chart.t27"), name: "ytitle", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        onChange: () => {
+          allValuesChange();
+        }
+      }
+    ) }) : null
+  ] }) });
+};
+export {
+  CustomeStyles as default
+};
+//# sourceMappingURL=custome-styles.js.map

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Checkbox, Col, Divider, Form, Input, Row } from 'antd'\nimport { useEffect } from 'react'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\n\nexport type ChartCustomeStylesTypes = {\n  xtitle: string\n  ytitle: string\n  xchartOptions: any\n  ychartOptions: any\n}\n\ninterface CustomeStylesProps {\n  customData?: any\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  customeStylesRef?: any\n}\nconst CustomeStyles: React.FC<CustomeStylesProps> = ({\n  customData,\n  selectModuleData,\n  onAllValuesChange,\n}) => {\n  const [form] = Form.useForm()\n  const { t } = useTranslation()\n  const initialValues = {\n    xtitle: '',\n    ytitle: '',\n    xchartOptions: [],\n    ychartOptions: [],\n  }\n\n  const allValuesChange = () => {\n    setTimeout(() => {\n      onAllValuesChange?.(form.getFieldsValue())\n    })\n  }\n\n  useEffect(() => {\n    if (selectModuleData?.customeStyle) {\n      form.setFieldsValue(selectModuleData.customeStyle)\n    } else {\n      form.setFieldsValue(initialValues)\n    }\n  }, [selectModuleData])\n\n  if (customData?.type?.includes('pie')) {\n    return <div style={{ height: '50vh', overflowX: 'auto' }}></div>\n  }\n\n  return (\n    <div style={{ height: '50vh', overflowX: 'auto' }}>\n      <Form form={form} name=\"customeStyle\" layout=\"vertical\" initialValues={initialValues}>\n        <Divider orientation=\"left\" orientationMargin=\"0\">\n          {t('chart.t21')}\n        </Divider>\n\n        {!customData?.type?.includes('pie') ? (\n          <Form.Item label={t('chart.t22')} name=\"xtitle\">\n            <Input\n              onChange={() => {\n                allValuesChange()\n              }}\n            />\n          </Form.Item>\n        ) : null}\n\n        {/* <Form.Item name=\"xchartOptions\" label={t('chart.t23')}>\n          <Checkbox.Group\n            onChange={() => {\n              allValuesChange()\n            }}\n          >\n            <Row>\n              <Col span={12}>\n                <Checkbox value=\"label\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t24')}\n                </Checkbox>\n              </Col>\n              <Col span={12}>\n                <Checkbox value=\"axisLine\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t25')}\n                </Checkbox>\n              </Col>\n            </Row>\n          </Checkbox.Group>\n        </Form.Item> */}\n\n        <Divider orientation=\"left\" orientationMargin=\"0\">\n          {t('chart.t26')}\n        </Divider>\n\n        {!customData?.type?.includes('pie') ? (\n          <Form.Item label={t('chart.t27')} name=\"ytitle\">\n            <Input\n              onChange={() => {\n                allValuesChange()\n              }}\n            />\n          </Form.Item>\n        ) : null}\n\n        {/* <Form.Item name=\"ychartOptions\" label={t('chart.t28')}>\n          <Checkbox.Group\n            onChange={() => {\n              allValuesChange()\n            }}\n          >\n            <Row>\n              <Col span={12}>\n                <Checkbox value=\"label\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t29')}\n                </Checkbox>\n              </Col>\n              <Col span={12}>\n                <Checkbox value=\"axisLine\" className='\"ow' style={{ lineHeight: '32px' }}>\n                  {t('chart.t30')}\n                </Checkbox>\n              </Col>\n            </Row>\n          </Checkbox.Group>\n        </Form.Item> */}\n      </Form>\n    </div>\n  )\n}\nexport default CustomeStyles\n"],"names":[],"mappings":";;;;AAmBA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AACF,MAAM;;AACJ,QAAM,CAAC,IAAI,IAAI,KAAK,QAAQ;AACtB,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,gBAAgB;AAAA,IACpB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,eAAe,CAAC;AAAA,IAChB,eAAe,CAAA;AAAA,EACjB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,eAAW,MAAM;AACK,6DAAA,KAAK;IAAgB,CAC1C;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,qDAAkB,cAAc;AAC7B,WAAA,eAAe,iBAAiB,YAAY;AAAA,IAAA,OAC5C;AACL,WAAK,eAAe,aAAa;AAAA,IAAA;AAAA,EACnC,GACC,CAAC,gBAAgB,CAAC;AAErB,OAAI,8CAAY,SAAZ,mBAAkB,SAAS,QAAQ;AAC9B,WAAA,oBAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,WAAW,UAAU;AAAA,EAAA;AAG5D,6BACG,OAAI,EAAA,OAAO,EAAE,QAAQ,QAAQ,WAAW,UACvC,UAAA,qBAAC,QAAK,MAAY,MAAK,gBAAe,QAAO,YAAW,eACtD,UAAA;AAAA,IAAA,oBAAC,WAAQ,aAAY,QAAO,mBAAkB,KAC3C,UAAA,EAAE,WAAW,GAChB;AAAA,IAEC,GAAC,8CAAY,SAAZ,mBAAkB,SAAS,UAC3B,oBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,WAAW,GAAG,MAAK,UACrC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,MAAM;AACE,0BAAA;AAAA,QAAA;AAAA,MAClB;AAAA,OAEJ,IACE;AAAA,IAuBJ,oBAAC,WAAQ,aAAY,QAAO,mBAAkB,KAC3C,UAAA,EAAE,WAAW,GAChB;AAAA,IAEC,GAAC,8CAAY,SAAZ,mBAAkB,SAAS,UAC3B,oBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,WAAW,GAAG,MAAK,UACrC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,MAAM;AACE,0BAAA;AAAA,QAAA;AAAA,MAClB;AAAA,OAEJ,IACE;AAAA,EAAA,EAAA,CAsBN,EACF,CAAA;AAEJ;"}

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ChartCustomeDataTypes } from './custome-data';
+import { ChartCustomeStylesTypes } from './custome-styles';
+import { EnumDataApi, ModuleDataApi } from '../../../types';
+import { ModuleData } from '../../module-content';
+interface AddStatisticsModalProps {
+    open: boolean;
+    onClose?: () => void;
+    selectModuleData?: ModuleData;
+    onOk?: ({ id, type, customData, customeStyle, }: {
+        id?: ModuleData['id'];
+        type?: ModuleData['type'];
+        customData?: ChartCustomeDataTypes;
+        customeStyle?: ChartCustomeStylesTypes;
+    }) => void;
+    moduleDataApi?: ModuleDataApi;
+    enumDataApi?: EnumDataApi;
+}
+declare const AddStatisticsModal: React.FC<AddStatisticsModalProps>;
+export default AddStatisticsModal;

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.js

@@ -0,0 +1,123 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Modal, Tabs, Button } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import CustomData from "./custome-data.js";
+import CustomeStyles from "./custome-styles.js";
+import ChartModule from "../../module-content/chart-module/index.js";
+import { useTranslation } from "react-i18next";
+const AddStatisticsModal = ({
+  open,
+  onClose,
+  onOk,
+  moduleDataApi,
+  selectModuleData,
+  enumDataApi
+}) => {
+  const { t } = useTranslation();
+  const [customData, setCustomData] = useState();
+  const [customeStyle, setCustomeStyle] = useState();
+  const handleOk = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  useEffect(() => {
+    if (selectModuleData) {
+      setCustomData(selectModuleData == null ? void 0 : selectModuleData.customData);
+      setCustomeStyle(selectModuleData == null ? void 0 : selectModuleData.customeStyle);
+    }
+  }, [selectModuleData]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Modal,
+    {
+      width: "65%",
+      title: t("chartText"),
+      footer: null,
+      open,
+      onOk: handleOk,
+      onCancel: onClose,
+      destroyOnClose: true,
+      closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
+      classNames: {
+        content: "ow"
+      },
+      styles: {
+        header: {
+          padding: "10px",
+          borderBottom: "1px solid #dee0e3",
+          marginBottom: "10px"
+        },
+        body: {
+          overflowY: "auto",
+          flex: 1
+        }
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "config-widget-dialog-container", children: [
+        /* @__PURE__ */ jsx("div", { className: "config-widget-dialog-content", children: /* @__PURE__ */ jsx("div", { className: "config-widget-dialog-preview", children: /* @__PURE__ */ jsx(
+          ChartModule,
+          {
+            customData,
+            customeStyle,
+            moduleDataApi
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "config-widget-dialog-panel", children: [
+          /* @__PURE__ */ jsx("div", { className: "bitable-dashboard edit-panel-container", children: /* @__PURE__ */ jsx(
+            Tabs,
+            {
+              defaultActiveKey: "1",
+              items: [
+                {
+                  key: "1",
+                  label: t("typeData"),
+                  children: /* @__PURE__ */ jsx(
+                    CustomData,
+                    {
+                      enumDataApi,
+                      selectModuleData,
+                      onAllValuesChange: (allVal) => {
+                        setCustomData(allVal);
+                      }
+                    }
+                  )
+                },
+                {
+                  key: "2",
+                  label: t("customStyle"),
+                  children: /* @__PURE__ */ jsx(
+                    CustomeStyles,
+                    {
+                      customData,
+                      selectModuleData,
+                      onAllValuesChange: (allVal) => {
+                        setCustomeStyle(allVal);
+                      }
+                    }
+                  )
+                }
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "button-container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "primary",
+              onClick: () => {
+                onOk == null ? void 0 : onOk({
+                  id: selectModuleData == null ? void 0 : selectModuleData.id,
+                  type: selectModuleData == null ? void 0 : selectModuleData.type,
+                  customData,
+                  customeStyle
+                });
+              },
+              children: t("confirm")
+            }
+          ) })
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  AddStatisticsModal as default
+};
+//# sourceMappingURL=index.js.map

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { ChartCustomeDataTypes } from './custome-data'\nimport CustomeStyles, { ChartCustomeStylesTypes } from './custome-styles'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport ChartModule from '../../module-content/chart-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  selectModuleData?: ModuleData\n  onOk?: ({\n    id,\n    type,\n    customData,\n    customeStyle,\n  }: {\n    id?: ModuleData['id']\n    type?: ModuleData['type']\n    customData?: ChartCustomeDataTypes\n    customeStyle?: ChartCustomeStylesTypes\n  }) => void\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<ChartCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n  const handleOk = () => {\n    onClose?.()\n  }\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={t('chartText')}\n        footer={null}\n        open={open}\n        onOk={handleOk}\n        onCancel={onClose}\n        destroyOnClose\n        closeIcon={<CloseOutlined />}\n        classNames={{\n          content: 'ow',\n        }}\n        styles={{\n          header: {\n            padding: '10px',\n            borderBottom: '1px solid #dee0e3',\n            marginBottom: '10px',\n          },\n          body: {\n            overflowY: 'auto',\n            flex: 1,\n          },\n        }}\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div className=\"config-widget-dialog-preview\">\n              <ChartModule\n                customData={customData}\n                customeStyle={customeStyle}\n                moduleDataApi={moduleDataApi}\n              />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\">\n            <div className=\"bitable-dashboard edit-panel-container\">\n              <Tabs\n                defaultActiveKey=\"1\"\n                items={[\n                  {\n                    key: '1',\n                    label: t('typeData'),\n                    children: (\n                      <CustomData\n                        enumDataApi={enumDataApi}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\n                        customData={customData}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomeStyle(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                ]}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    type: selectModuleData?.type,\n                    customData,\n                    customeStyle,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;AA8BA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAgC;AACpE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc;AACtD,QAAM,WAAW,MAAM;AACX;AAAA,EACZ;AAEA,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAErB,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,WAAW;AAAA,MACpB,QAAQ;AAAA,MACR;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,+BAAY,eAAc,EAAA;AAAA,MAC1B,YAAY;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,MAAM;AAAA,UACJ,WAAW;AAAA,UACX,MAAM;AAAA,QAAA;AAAA,MAEV;AAAA,MAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,gCACb,UAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,WAEJ,EACF,CAAA;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,OAAO;AAAA,gBACL;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,UAAU;AAAA,kBACnB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,sCAAc,MAAM;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAGN;AAAA,gBACA;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,aAAa;AAAA,kBACtB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,wCAAgB,MAAM;AAAA,sBAAA;AAAA,oBACxB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAEJ;AAAA,YACF;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB,MAAM,qDAAkB;AAAA,kBACxB;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.d.ts

@@ -0,0 +1,20 @@
+import { ModuleData } from '../../module-content';
+import { ConditionListItemTypes } from '../components/condition-modal';
+import { EnumDataApi } from '../../../types';
+export type StatisticsCustomeDataTypes = {
+    conditionData?: {
+        conditionList: ConditionListItemTypes[];
+        conditionType: 'all' | 'any';
+    };
+    dataSourceId?: string;
+    statisticalMethod?: string;
+    statisticalType?: 'sum' | 'max' | 'min' | 'avg';
+    field: string;
+};
+interface CustomDataProps {
+    selectModuleData?: ModuleData;
+    onAllValuesChange?: ((values: any) => void) | undefined;
+    enumDataApi?: EnumDataApi;
+}
+declare const CustomData: React.FC<CustomDataProps>;
+export default CustomData;