@platox/pivot-table 0.0.32 → 0.0.34

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

@@ -0,0 +1,180 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Form, Select, Button, Divider, Space } from "antd";
+import { useState, useRef, useEffect } from "react";
+import { useAppContext } from "../../../context.js";
+import ConditionModal from "../components/condition-modal/index.js";
+import { useTranslation } from "react-i18next";
+const CustomData = ({
+  selectModuleData,
+  onAllValuesChange,
+  enumDataApi
+}) => {
+  const { globalData } = useAppContext();
+  const { t } = useTranslation();
+  const [fieldOptions, setFieldOptions] = useState();
+  const [numberFieldOptions, setNumberFieldOptions] = useState();
+  const getFieldOptions = (name) => {
+    var _a, _b;
+    const list = (_b = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a.find((item) => item.value === name)) == null ? void 0 : _b.fields;
+    setFieldOptions(list);
+    setNumberFieldOptions(list == null ? void 0 : list.filter((item) => item.type === "int" || item.type === "float"));
+  };
+  const [form] = Form.useForm();
+  const initialValues = {
+    dataSourceId: "",
+    statisticalMethod: "recordTotal",
+    field: ""
+  };
+  const allValuesChange = () => {
+    setTimeout(() => {
+      onAllValuesChange == null ? void 0 : onAllValuesChange({
+        ...form.getFieldsValue(),
+        conditionData: conditionDataRef.current
+      });
+    });
+  };
+  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);
+  };
+  useEffect(() => {
+    var _a, _b;
+    if (selectModuleData == null ? void 0 : selectModuleData.customData) {
+      const customData = selectModuleData.customData;
+      form.setFieldsValue(customData);
+      getFieldOptions(customData == null ? void 0 : customData.dataSourceId);
+    } else {
+      const currSourceData = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a[0];
+      form.setFieldsValue({
+        ...initialValues,
+        dataSourceId: currSourceData == null ? void 0 : currSourceData.value
+      });
+      getFieldOptions(currSourceData == null ? void 0 : currSourceData.value);
+      allValuesChange();
+    }
+    setCondition((_b = selectModuleData == null ? void 0 : selectModuleData.customData) == null ? void 0 : _b.conditionData);
+  }, [selectModuleData, globalData]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Form, { form, name: "customData", layout: "vertical", initialValues, children: [
+      /* @__PURE__ */ jsx(Form.Item, { label: t("dataSource"), name: "dataSourceId", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          options: globalData == null ? void 0 : globalData.sourceData,
+          onChange: (val) => {
+            form.setFieldsValue({
+              statisticalMethod: "recordTotal"
+            });
+            getFieldOptions(val);
+            allValuesChange();
+          }
+        }
+      ) }),
+      /* @__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(Divider, { style: { borderColor: "#e2e2e2", marginTop: 0 } }),
+      /* @__PURE__ */ jsx(
+        Form.Item,
+        {
+          label: t("statisticstMethods"),
+          name: "statisticalMethod",
+          children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              onChange: (val) => {
+                form.setFieldsValue({
+                  field: val === "fieldValue" ? numberFieldOptions == null ? void 0 : numberFieldOptions[0].value : "",
+                  statisticalType: "sum"
+                });
+                allValuesChange();
+              },
+              options: [
+                { value: "recordTotal", label: t("statisticstRecordNum") },
+                { value: "fieldValue", label: t("statisticstFieldVal") }
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Form.Item, { dependencies: ["statisticalMethod"], children: ({ getFieldValue }) => getFieldValue("statisticalMethod") === "fieldValue" ? /* @__PURE__ */ jsx(Form.Item, { label: t("selectField"), children: /* @__PURE__ */ jsxs(Space.Compact, { children: [
+        /* @__PURE__ */ jsx(Form.Item, { noStyle: true, name: "field", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            style: { width: "100px" },
+            onChange: () => {
+              allValuesChange();
+            },
+            options: numberFieldOptions
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Form.Item, { name: "statisticalType", noStyle: true, children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            style: { width: "100px" },
+            onChange: () => {
+              allValuesChange();
+            },
+            options: [
+              {
+                value: "sum",
+                label: t("sumVal")
+              },
+              {
+                value: "max",
+                label: t("maxVal")
+              },
+              {
+                value: "min",
+                label: t("minVal")
+              },
+              {
+                value: "avg",
+                label: t("averageVal")
+              }
+            ]
+          }
+        ) })
+      ] }) }) : null })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConditionModal,
+      {
+        open: isModalOpen,
+        value: conditionData,
+        fieldOptions,
+        enumDataApi,
+        onClose: () => {
+          setIsModalOpen(false);
+        },
+        onOk: (val) => {
+          setCondition(val);
+          allValuesChange();
+        }
+      }
+    )
+  ] });
+};
+export {
+  CustomData as default
+};
+//# sourceMappingURL=custome-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Button, Divider, Form, Select, Space } from 'antd'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { useAppContext } from '../../../context'\nimport { ModuleData } from '../../module-content'\nimport ConditionModal, { ConditionListItemTypes } from '../components/condition-modal'\nimport { EnumDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { useTranslation } from 'react-i18next'\n\nexport type StatisticsCustomeDataTypes = {\n  conditionData?: {\n    conditionList: ConditionListItemTypes[]\n    conditionType: 'all' | 'any'\n  }\n  dataSourceId?: string\n  statisticalMethod?: string\n  statisticalType?: 'sum' | 'max' | 'min' | 'avg'\n  field: string\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 } = useTranslation()\n\n  /* ============================== split =============================== */\n  const [fieldOptions, setFieldOptions] = useState<SourceDataFieldsTypes[]>()\n  const [numberFieldOptions, setNumberFieldOptions] = useState<SourceDataFieldsTypes[]>()\n\n  const getFieldOptions = (name?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === name)?.fields\n    setFieldOptions(list)\n    setNumberFieldOptions(list?.filter(item => item.type === 'int' || item.type === 'float'))\n  }\n\n  /* ============================== split =============================== */\n  const [form] = Form.useForm()\n\n  const initialValues = {\n    dataSourceId: '',\n    statisticalMethod: 'recordTotal',\n    field: '',\n  }\n\n  const allValuesChange = () => {\n    setTimeout(() => {\n      onAllValuesChange?.({\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    })\n  }\n  /* ============================== split =============================== */\n\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  /* ============================== split =============================== */\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n      getFieldOptions(customData?.dataSourceId)\n    } else {\n      const currSourceData = globalData?.sourceData?.[0]\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: currSourceData?.value,\n      })\n      getFieldOptions(currSourceData?.value)\n      allValuesChange()\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n  }, [selectModuleData, globalData])\n\n  return (\n    <>\n      <Form form={form} name=\"customData\" layout=\"vertical\" initialValues={initialValues}>\n        <Form.Item<StatisticsCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n          <Select\n            options={globalData?.sourceData}\n            onChange={val => {\n              form.setFieldsValue({\n                statisticalMethod: 'recordTotal',\n              })\n              getFieldOptions(val)\n              allValuesChange()\n            }}\n          />\n        </Form.Item>\n\n        <Form.Item<StatisticsCustomeDataTypes> 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        <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n        <Form.Item<StatisticsCustomeDataTypes>\n          label={t('statisticstMethods')}\n          name=\"statisticalMethod\"\n        >\n          <Select\n            onChange={val => {\n              form.setFieldsValue({\n                field: val === 'fieldValue' ? numberFieldOptions?.[0].value : '',\n                statisticalType: 'sum',\n              })\n              allValuesChange()\n            }}\n            options={[\n              { value: 'recordTotal', label: t('statisticstRecordNum') },\n              { value: 'fieldValue', label: t('statisticstFieldVal') },\n            ]}\n          />\n        </Form.Item>\n\n        <Form.Item<StatisticsCustomeDataTypes> dependencies={['statisticalMethod']}>\n          {({ getFieldValue }) =>\n            getFieldValue('statisticalMethod') === 'fieldValue' ? (\n              <Form.Item label={t('selectField')}>\n                <Space.Compact>\n                  <Form.Item noStyle name=\"field\">\n                    <Select\n                      style={{ width: '100px' }}\n                      onChange={() => {\n                        allValuesChange()\n                      }}\n                      options={numberFieldOptions}\n                    />\n                  </Form.Item>\n                  <Form.Item name=\"statisticalType\" noStyle>\n                    <Select\n                      style={{ width: '100px' }}\n                      onChange={() => {\n                        allValuesChange()\n                      }}\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      </Form>\n\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          allValuesChange()\n        }}\n      />\n    </>\n  )\n}\nexport default CustomData\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { ModuleData } from '../../module-content';
+export type StatisticsCustomeStylesTypes = {
+    color?: string;
+    unit?: string;
+    precision?: number;
+    desc: string;
+};
+interface CustomeStylesProps {
+    selectModuleData?: ModuleData;
+    onAllValuesChange?: ((values: any) => void) | undefined;
+}
+declare const CustomeStyles: React.FC<CustomeStylesProps>;
+export default CustomeStyles;

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

@@ -0,0 +1,119 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Form, Space, InputNumber, Select, Input } from "antd";
+import { useMemo, useEffect } from "react";
+import CustomeStyles$1 from "../components/select-color/index.js";
+import { useTranslation } from "react-i18next";
+const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
+  const [form] = Form.useForm();
+  const { t, i18n } = useTranslation();
+  const UnitOptions = useMemo(() => {
+    return [
+      {
+        // 数字 千分位
+        value: 1,
+        label: t("statistics.t5")
+      },
+      {
+        // 数字
+        value: 2,
+        label: t("statistics.t6")
+      },
+      {
+        // 百分比
+        value: 3,
+        label: t("statistics.t7")
+      },
+      {
+        //人民币
+        value: 4,
+        label: t("statistics.t8")
+      },
+      {
+        //美元
+        value: 5,
+        label: t("statistics.t9")
+      },
+      {
+        // 欧元
+        value: 6,
+        label: t("statistics.t11")
+      },
+      {
+        // 英镑
+        value: 7,
+        label: t("statistics.t12")
+      },
+      {
+        // 泰铢
+        value: 8,
+        label: t("statistics.t13")
+      }
+    ];
+  }, [i18n.language]);
+  const initialValues = {
+    color: "#373c43",
+    unit: "1",
+    precision: "",
+    desc: ""
+  };
+  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]);
+  return /* @__PURE__ */ jsxs(Form, { form, name: "customeStyle", layout: "vertical", initialValues, children: [
+    /* @__PURE__ */ jsx(Form.Item, { label: t("statistics.t1"), name: "color", children: /* @__PURE__ */ jsx(
+      CustomeStyles$1,
+      {
+        onChange: () => {
+          allValuesChange();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: t("statistics.t2"), extra: t("statistics.t3"), children: /* @__PURE__ */ jsxs(Space.Compact, { children: [
+      /* @__PURE__ */ jsx(Form.Item, { name: "precision", noStyle: true, children: /* @__PURE__ */ jsx(
+        InputNumber,
+        {
+          min: 1,
+          max: 10,
+          style: { width: "60%" },
+          placeholder: t("statistics.t4"),
+          onChange: () => {
+            allValuesChange();
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Form.Item, { name: "unit", noStyle: true, children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          onChange: () => {
+            allValuesChange();
+          },
+          children: UnitOptions.map((v) => {
+            const { value, label } = v;
+            return /* @__PURE__ */ jsx(Select.Option, { value, children: label }, value);
+          })
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: t("statistics.t10"), name: "desc", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        onChange: () => {
+          allValuesChange();
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  CustomeStyles as default
+};
+//# sourceMappingURL=custome-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useEffect, useMemo } from 'react'\nimport { ModuleData } from '../../module-content'\nimport SelectColor from '../components/select-color'\nimport { useTranslation } from 'react-i18next'\n\nexport type StatisticsCustomeStylesTypes = {\n  color?: string\n  unit?: string\n  precision?: number\n  desc: string\n}\n\ninterface CustomeStylesProps {\n  selectModuleData?: ModuleData\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onAllValuesChange?: ((values: any) => void) | undefined\n}\nconst CustomeStyles: React.FC<CustomeStylesProps> = ({ selectModuleData, onAllValuesChange }) => {\n  const [form] = Form.useForm()\n  const { t, i18n } = useTranslation()\n\n  const UnitOptions = useMemo(() => {\n    return [\n      {\n        // 数字 千分位\n        value: 1,\n        label: t('statistics.t5'),\n      },\n      {\n        // 数字\n        value: 2,\n        label: t('statistics.t6'),\n      },\n      {\n        // 百分比\n        value: 3,\n        label: t('statistics.t7'),\n      },\n      {\n        //人民币\n        value: 4,\n        label: t('statistics.t8'),\n      },\n      {\n        //美元\n        value: 5,\n        label: t('statistics.t9'),\n      },\n      {\n        // 欧元\n        value: 6,\n        label: t('statistics.t11'),\n      },\n      {\n        // 英镑\n        value: 7,\n        label: t('statistics.t12'),\n      },\n      {\n        // 泰铢\n        value: 8,\n        label: t('statistics.t13'),\n      },\n    ]\n  }, [i18n.language])\n\n  const initialValues = {\n    color: '#373c43',\n    unit: '1',\n    precision: '',\n    desc: '',\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  return (\n    <Form form={form} name=\"customeStyle\" layout=\"vertical\" initialValues={initialValues}>\n      <Form.Item label={t('statistics.t1')} name=\"color\">\n        <SelectColor\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t2')} extra={t('statistics.t3')}>\n        <Space.Compact>\n          <Form.Item name=\"precision\" noStyle>\n            <InputNumber\n              min={1}\n              max={10}\n              style={{ width: '60%' }}\n              placeholder={t('statistics.t4')}\n              onChange={() => {\n                allValuesChange()\n              }}\n            />\n          </Form.Item>\n          <Form.Item name=\"unit\" noStyle>\n            <Select\n              onChange={() => {\n                allValuesChange()\n              }}\n            >\n              {UnitOptions.map(v => {\n                const { value, label } = v\n                return (\n                  <Select.Option key={value} value={value}>\n                    {label}\n                  </Select.Option>\n                )\n              })}\n              {/* <Select.Option value=\"1\">{t('statistics.t5')}</Select.Option>\n              <Select.Option value=\"2\">{t('statistics.t6')}</Select.Option>\n              <Select.Option value=\"3\">{t('statistics.t7')}</Select.Option>\n              <Select.Option value=\"4\">{t('statistics.t8')}</Select.Option>\n              <Select.Option value=\"5\">{t('statistics.t9')}</Select.Option>\n              <Select.Option value=\"6\">{t('statistics.t11')}</Select.Option>\n              <Select.Option value=\"7\">{t('statistics.t12')}</Select.Option>\n              <Select.Option value=\"8\">{t('statistics.t13')}</Select.Option> */}\n            </Select>\n          </Form.Item>\n        </Space.Compact>\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t10')} name=\"desc\">\n        <Input\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n    </Form>\n  )\n}\nexport default CustomeStyles\n"],"names":["SelectColor"],"mappings":"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"}

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

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

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

@@ -0,0 +1,120 @@
+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 StatisticsModule from "../../module-content/statistics-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("statisticsText"),
+      footer: null,
+      open,
+      onOk: handleOk,
+      onCancel: onClose,
+      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(
+          StatisticsModule,
+          {
+            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,
+                    {
+                      selectModuleData,
+                      enumDataApi,
+                      onAllValuesChange: (allVal) => {
+                        setCustomData(allVal);
+                      }
+                    }
+                  )
+                },
+                {
+                  key: "2",
+                  label: t("customStyle"),
+                  children: /* @__PURE__ */ jsx(
+                    CustomeStyles,
+                    {
+                      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,
+                  customData,
+                  customeStyle
+                });
+              },
+              children: t("confirm")
+            }
+          ) })
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  AddStatisticsModal as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { StatisticsCustomeDataTypes } from './custome-data'\nimport CustomeStyles, { StatisticsCustomeStylesTypes } from './custome-styles'\nimport { ModuleDataApi } from '../../../types'\nimport StatisticsModule from '../../module-content/statistics-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    customData,\n    customeStyle,\n  }: {\n    id?: ModuleData['id']\n    customData?: StatisticsCustomeDataTypes\n    customeStyle?: StatisticsCustomeStylesTypes\n  }) => void\n  moduleDataApi?: ModuleDataApi\n\n  enumDataApi?: any\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<StatisticsCustomeDataTypes>()\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('statisticsText')}\n        footer={null}\n        open={open}\n        onOk={handleOk}\n        onCancel={onClose}\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              <StatisticsModule\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                        selectModuleData={selectModuleData}\n                        enumDataApi={enumDataApi}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\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                    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":";;;;;;;;AA6BA,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,SAAqC;AACzE,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,gBAAgB;AAAA,MACzB,QAAQ;AAAA,MACR;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,+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,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;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/components/condition-modal/debounce-select.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SelectProps } from 'antd';
+export interface DebounceSelectProps<ValueType = any> extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children'> {
+    fetchOptions: (search: string) => Promise<ValueType[]>;
+    debounceTimeout?: number;
+}
+declare function DebounceSelect<ValueType extends {
+    key?: string;
+    label: React.ReactNode;
+    value: string | number;
+} = any>({ fetchOptions, debounceTimeout, ...props }: DebounceSelectProps<ValueType>): import("react/jsx-runtime").JSX.Element;
+export default DebounceSelect;

package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/debounce-select.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useEffect } from "react";
+import { Select, Spin } from "antd";
+import { debounce } from "lodash-es";
+function DebounceSelect({ fetchOptions, debounceTimeout = 800, ...props }) {
+  const [fetching, setFetching] = useState(false);
+  const [options, setOptions] = useState([]);
+  const fetchRef = useRef(0);
+  const debounceFetcher = useMemo(() => {
+    const loadOptions = (value) => {
+      fetchRef.current += 1;
+      const fetchId = fetchRef.current;
+      setOptions([]);
+      setFetching(true);
+      fetchOptions(value).then((newOptions) => {
+        if (fetchId !== fetchRef.current) {
+          return;
+        }
+        setOptions(newOptions);
+        setFetching(false);
+      });
+    };
+    return debounce(loadOptions, debounceTimeout);
+  }, [fetchOptions, debounceTimeout]);
+  useEffect(() => {
+    debounceFetcher("");
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      labelInValue: true,
+      showSearch: true,
+      filterOption: false,
+      onSearch: debounceFetcher,
+      notFoundContent: fetching ? /* @__PURE__ */ jsx(Spin, { size: "small" }) : null,
+      ...props,
+      options
+    }
+  );
+}
+export {
+  DebounceSelect as default
+};
+//# sourceMappingURL=debounce-select.js.map

package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/debounce-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce-select.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/debounce-select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { Select, Spin } from 'antd'\nimport type { SelectProps } from 'antd'\nimport { debounce } from 'lodash-es'\n\nexport interface DebounceSelectProps<ValueType = any>\n  extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children'> {\n  fetchOptions: (search: string) => Promise<ValueType[]>\n  debounceTimeout?: number\n}\n\nfunction DebounceSelect<\n  ValueType extends {\n    key?: string\n    label: React.ReactNode\n    value: string | number\n  } = any,\n>({ fetchOptions, debounceTimeout = 800, ...props }: DebounceSelectProps<ValueType>) {\n  const [fetching, setFetching] = useState(false)\n  const [options, setOptions] = useState<ValueType[]>([])\n  const fetchRef = useRef(0)\n\n  const debounceFetcher = useMemo(() => {\n    const loadOptions = (value: string) => {\n      fetchRef.current += 1\n      const fetchId = fetchRef.current\n      setOptions([])\n      setFetching(true)\n\n      fetchOptions(value).then(newOptions => {\n        if (fetchId !== fetchRef.current) {\n          // for fetch callback order\n          return\n        }\n        setOptions(newOptions)\n        setFetching(false)\n      })\n    }\n\n    return debounce(loadOptions, debounceTimeout)\n  }, [fetchOptions, debounceTimeout])\n\n  useEffect(() => {\n    debounceFetcher('')\n  }, [])\n\n  return (\n    <Select\n      labelInValue\n      showSearch\n      filterOption={false}\n      onSearch={debounceFetcher}\n      notFoundContent={fetching ? <Spin size=\"small\" /> : null}\n      {...props}\n      options={options}\n    />\n  )\n}\n\nexport default DebounceSelect\n"],"names":[],"mappings":";;;;AAYA,SAAS,eAMP,EAAE,cAAc,kBAAkB,KAAK,GAAG,SAAyC;AACnF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,CAAA,CAAE;AAChD,QAAA,WAAW,OAAO,CAAC;AAEnB,QAAA,kBAAkB,QAAQ,MAAM;AAC9B,UAAA,cAAc,CAAC,UAAkB;AACrC,eAAS,WAAW;AACpB,YAAM,UAAU,SAAS;AACzB,iBAAW,CAAA,CAAE;AACb,kBAAY,IAAI;AAEH,mBAAA,KAAK,EAAE,KAAK,CAAc,eAAA;AACjC,YAAA,YAAY,SAAS,SAAS;AAEhC;AAAA,QAAA;AAEF,mBAAW,UAAU;AACrB,oBAAY,KAAK;AAAA,MAAA,CAClB;AAAA,IACH;AAEO,WAAA,SAAS,aAAa,eAAe;AAAA,EAAA,GAC3C,CAAC,cAAc,eAAe,CAAC;AAElC,YAAU,MAAM;AACd,oBAAgB,EAAE;AAAA,EACpB,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,cAAc;AAAA,MACd,UAAU;AAAA,MACV,iBAAiB,WAAW,oBAAC,MAAK,EAAA,MAAK,QAAQ,CAAA,IAAK;AAAA,MACnD,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,21 @@
+import { EnumDataApi, SourceDataFieldsTypes } from '../../../../types';
+export interface ConditionListItemTypes {
+    field: string;
+    condition: '=' | '<' | '>' | 'contain' | 'null' | 'notnull' | '!=' | '>=' | '=<' | 'include' | 'notinclude';
+    val: any;
+    type: SourceDataFieldsTypes['type'];
+}
+interface ConditionModalProps {
+    open?: boolean;
+    fieldOptions?: SourceDataFieldsTypes[];
+    onSubmit?: ((values: any) => void) | undefined;
+    onClose?: () => void;
+    onOk?: ((values: any) => void) | undefined;
+    enumDataApi?: EnumDataApi;
+    value?: {
+        conditionList: ConditionListItemTypes[];
+        conditionType: 'all' | 'any';
+    };
+}
+declare const ConditionModal: React.FC<ConditionModalProps>;
+export default ConditionModal;