@platox/pivot-table 0.0.32 → 0.0.34

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

@@ -0,0 +1,11 @@
+export interface ModuleValueType {
+    id?: any;
+    type?: 'text' | 'statistics' | 'chart-bar' | 'chart-bar-pile' | 'chart-bar-percentage' | 'chart-line' | 'chart-line-smooth' | 'chart-strip-bar' | 'chart-strip-bar-pile' | 'chart-strip-bar-percentage' | 'chart-pie' | 'chart-pie-circular' | 'calendar';
+    customData?: any;
+    customeStyle?: any;
+}
+interface AddModuleBtnProps {
+    onOk?: (type: ModuleValueType['type']) => void;
+}
+declare const AddModuleBtn: React.FC<AddModuleBtnProps>;
+export default AddModuleBtn;

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

@@ -0,0 +1,97 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Popover, Button } from "antd";
+import { useState } from "react";
+import IconBar from "../../icon/icon-bar.js";
+import IconLine from "../../icon/icon-line.js";
+import IconPie from "../../icon/icon-pie.js";
+import IconStripBar from "../../icon/icon-strip-bar.js";
+import IconStatistics from "../../icon/icon-statistics.js";
+import IconEditor from "../../icon/icon-editor.js";
+import IconCalendar from "../../icon/icon-calendar.js";
+import { useTranslation } from "react-i18next";
+const AddModuleBtn = ({ onOk }) => {
+  const { t } = useTranslation();
+  const navs = [
+    {
+      title: t("add.add1"),
+      child: [
+        {
+          title: t("add.add2"),
+          type: "chart-bar",
+          icon: /* @__PURE__ */ jsx(IconBar, {})
+        },
+        {
+          title: t("add.add3"),
+          type: "chart-line",
+          icon: /* @__PURE__ */ jsx(IconLine, {})
+        },
+        {
+          title: t("add.add4"),
+          type: "chart-pie",
+          icon: /* @__PURE__ */ jsx(IconPie, {})
+        },
+        {
+          title: t("add.add5"),
+          type: "chart-strip-bar",
+          icon: /* @__PURE__ */ jsx(IconStripBar, {})
+        }
+      ]
+    },
+    {
+      title: t("add.add6"),
+      child: [
+        {
+          title: t("add.add7"),
+          type: "statistics",
+          icon: /* @__PURE__ */ jsx(IconStatistics, {})
+        },
+        {
+          title: t("add.add8"),
+          type: "text",
+          icon: /* @__PURE__ */ jsx(IconEditor, {})
+        },
+        {
+          title: t("add.add9"),
+          type: "calendar",
+          icon: /* @__PURE__ */ jsx(IconCalendar, {})
+        }
+      ]
+    }
+  ];
+  const [open, setOpen] = useState(false);
+  const onAdd = (value) => {
+    setOpen(false);
+    onOk == null ? void 0 : onOk(value);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Popover,
+    {
+      placement: "bottomRight",
+      open,
+      onOpenChange: setOpen,
+      content: /* @__PURE__ */ jsx("div", { className: "pivot-table-modal box-widget-popover-item-container", children: navs.map((item, key) => /* @__PURE__ */ jsxs("div", { className: "box-widget-popover-item-group", children: [
+        /* @__PURE__ */ jsx("p", { className: "box-widget-popover-item-group-header", children: item.title }),
+        /* @__PURE__ */ jsx("div", { className: "box-widget-popover-item-group-content", children: item.child.map((child, childKey) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => {
+              onAdd(child.type);
+            },
+            className: "box-widget-popover-item",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "img", children: child.icon }),
+              /* @__PURE__ */ jsx("div", { className: "title", children: child.title })
+            ]
+          },
+          childKey
+        )) })
+      ] }, key)) }),
+      trigger: "click",
+      children: /* @__PURE__ */ jsx(Button, { children: t("add.add10") })
+    }
+  ) });
+};
+export {
+  AddModuleBtn as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/add-module-btn/index.tsx"],"sourcesContent":["import { Button, Popover } from 'antd'\nimport { useState } from 'react'\nimport IconBar from '../../icon/icon-bar'\nimport IconLine from '../../icon/icon-line'\nimport IconPie from '../../icon/icon-pie'\nimport IconStripBar from '../../icon/icon-strip-bar'\nimport IconStatistics from '../../icon/icon-statistics'\nimport IconEditor from '../../icon/icon-editor'\nimport IconCalendar from '../../icon/icon-calendar'\nimport { useTranslation } from 'react-i18next'\n\nexport interface ModuleValueType {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  id?: any\n  type?:\n    | 'text'\n    | 'statistics'\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    | 'calendar'\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customData?: any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customeStyle?: any\n}\n\ninterface AddModuleBtnProps {\n  onOk?: (type: ModuleValueType['type']) => void\n}\n\nconst AddModuleBtn: React.FC<AddModuleBtnProps> = ({ onOk }) => {\n  const { t } = useTranslation()\n  const navs = [\n    {\n      title: t('add.add1'),\n      child: [\n        {\n          title: t('add.add2'),\n          type: 'chart-bar',\n          icon: <IconBar />,\n        },\n        {\n          title: t('add.add3'),\n          type: 'chart-line',\n          icon: <IconLine />,\n        },\n        {\n          title: t('add.add4'),\n          type: 'chart-pie',\n          icon: <IconPie />,\n        },\n        {\n          title: t('add.add5'),\n          type: 'chart-strip-bar',\n          icon: <IconStripBar />,\n        },\n      ],\n    },\n    {\n      title: t('add.add6'),\n      child: [\n        {\n          title: t('add.add7'),\n          type: 'statistics',\n          icon: <IconStatistics />,\n        },\n        {\n          title: t('add.add8'),\n          type: 'text',\n          icon: <IconEditor />,\n        },\n        {\n          title: t('add.add9'),\n          type: 'calendar',\n          icon: <IconCalendar />,\n        },\n      ],\n    },\n  ]\n\n  const [open, setOpen] = useState(false)\n  const onAdd = (value: ModuleValueType['type']) => {\n    setOpen(false)\n    onOk?.(value)\n  }\n\n  return (\n    <>\n      <Popover\n        placement=\"bottomRight\"\n        open={open}\n        onOpenChange={setOpen}\n        content={\n          <div className=\"pivot-table-modal box-widget-popover-item-container\">\n            {navs.map((item, key) => (\n              <div key={key} className=\"box-widget-popover-item-group\">\n                <p className=\"box-widget-popover-item-group-header\">{item.title}</p>\n                <div className=\"box-widget-popover-item-group-content\">\n                  {item.child.map((child, childKey) => (\n                    <div\n                      key={childKey}\n                      onClick={() => {\n                        onAdd(child.type as ModuleValueType['type'])\n                      }}\n                      className=\"box-widget-popover-item\"\n                    >\n                      <div className=\"img\">{child.icon}</div>\n                      <div className=\"title\">{child.title}</div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        }\n        trigger=\"click\"\n      >\n        <Button>{t('add.add10')}</Button>\n      </Popover>\n    </>\n  )\n}\n\nexport default AddModuleBtn\n"],"names":[],"mappings":";;;;;;;;;;;AAsCA,MAAM,eAA4C,CAAC,EAAE,WAAW;AACxD,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,OAAO;AAAA,IACX;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,UAAS,CAAA,CAAA;AAAA,QAClB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,gBAAe,CAAA,CAAA;AAAA,QACxB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,YAAW,CAAA,CAAA;AAAA,QACpB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAChC,QAAA,QAAQ,CAAC,UAAmC;AAChD,YAAQ,KAAK;AACb,iCAAO;AAAA,EACT;AAEA,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,SACE,oBAAC,OAAI,EAAA,WAAU,uDACZ,UAAA,KAAK,IAAI,CAAC,MAAM,QACd,qBAAA,OAAA,EAAc,WAAU,iCACvB,UAAA;AAAA,QAAA,oBAAC,KAAE,EAAA,WAAU,wCAAwC,UAAA,KAAK,OAAM;AAAA,QAChE,oBAAC,SAAI,WAAU,yCACZ,eAAK,MAAM,IAAI,CAAC,OAAO,aACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM;AACb,oBAAM,MAAM,IAA+B;AAAA,YAC7C;AAAA,YACA,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,OAAI,EAAA,WAAU,OAAO,UAAA,MAAM,MAAK;AAAA,cAChC,oBAAA,OAAA,EAAI,WAAU,SAAS,gBAAM,MAAM,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAP/B;AAAA,QAAA,CASR,EACH,CAAA;AAAA,MAAA,KAfQ,GAgBV,CACD,GACH;AAAA,MAEF,SAAQ;AAAA,MAER,UAAC,oBAAA,QAAA,EAAQ,UAAE,EAAA,WAAW,EAAE,CAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;"}

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

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

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

@@ -0,0 +1,178 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Form, Select, Button, Divider } from "antd";
+import { useState, useRef, useEffect } from "react";
+import { useAppContext } from "../../../context.js";
+import { useTranslation } from "react-i18next";
+import ConditionModal from "../components/condition-modal/index.js";
+const CustomData = ({
+  selectModuleData,
+  onAllValuesChange,
+  enumDataApi
+}) => {
+  const { globalData } = useAppContext();
+  const [form] = Form.useForm();
+  const [fieldOptions, setFieldOptions] = useState();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const conditionDataRef = useRef();
+  const [conditionData, setConditionData] = useState({
+    conditionList: [],
+    conditionType: "all"
+  });
+  const [conditionDataNum, setConditionDataNum] = useState(0);
+  const [timeFieldOptions, setTimeFieldOptions] = useState();
+  const { t } = useTranslation();
+  const initialValues = {
+    dataSourceId: "",
+    startDateField: "",
+    endDateField: "",
+    titleField: ""
+  };
+  const allValuesChange = () => {
+    setTimeout(() => {
+      onAllValuesChange == null ? void 0 : onAllValuesChange({
+        ...form.getFieldsValue(),
+        conditionData: conditionDataRef.current
+      });
+    });
+  };
+  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);
+    let timeFieldOptions2 = list == null ? void 0 : list.filter((item) => item.type === "timestamp");
+    setTimeFieldOptions(list == null ? void 0 : list.filter((item) => item.type === "timestamp"));
+    return {
+      list,
+      timeFieldOptions: timeFieldOptions2
+    };
+  };
+  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, _c, _d, _e, _f;
+    if (selectModuleData == null ? void 0 : selectModuleData.customData) {
+      form.setFieldsValue(selectModuleData.customData);
+      getFieldOptions((_a = selectModuleData == null ? void 0 : selectModuleData.customData) == null ? void 0 : _a.dataSourceId);
+    } else {
+      const list = (_b = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _b[0];
+      const times = (_c = list == null ? void 0 : list.fields) == null ? void 0 : _c.filter((item) => item.type === "timestamp");
+      form.setFieldsValue({
+        ...initialValues,
+        dataSourceId: list == null ? void 0 : list.value,
+        titleField: (_e = (_d = list == null ? void 0 : list.fields) == null ? void 0 : _d[0]) == null ? void 0 : _e.value,
+        startDateField: times == null ? void 0 : times[0].value,
+        endDateField: times == null ? void 0 : times[0].value
+      });
+      getFieldOptions(list == null ? void 0 : list.value);
+      allValuesChange();
+    }
+    setCondition((_f = selectModuleData == null ? void 0 : selectModuleData.customData) == null ? void 0 : _f.conditionData);
+  }, [selectModuleData, globalData]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Form,
+      {
+        form,
+        name: "customData",
+        labelCol: { span: 8 },
+        wrapperCol: { span: 16 },
+        labelAlign: "left",
+        initialValues,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                marginBottom: "5px"
+              },
+              children: t("data")
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Item, { label: t("dataSource"), name: "dataSourceId", children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              options: globalData == null ? void 0 : globalData.sourceData,
+              onChange: (val) => {
+                var _a, _b, _c;
+                const { list, timeFieldOptions: timeFieldOptions2 } = getFieldOptions(val);
+                form.setFieldsValue({
+                  titleField: (_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.value,
+                  startDateField: (_b = timeFieldOptions2 == null ? void 0 : timeFieldOptions2[0]) == null ? void 0 : _b.value,
+                  endDateField: (_c = timeFieldOptions2 == null ? void 0 : timeFieldOptions2[0]) == null ? void 0 : _c.value
+                });
+                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, { orientation: "left", orientationMargin: "0", children: t("calendar.t1") }),
+          /* @__PURE__ */ jsx(Form.Item, { label: t("calendar.t2"), name: "startDateField", children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              onChange: () => {
+                allValuesChange();
+              },
+              options: timeFieldOptions
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: t("calendar.t3"), name: "endDateField", children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              onChange: () => {
+                allValuesChange();
+              },
+              options: timeFieldOptions
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: t("calendar.t4"), name: "titleField", children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              onChange: () => {
+                allValuesChange();
+              },
+              options: fieldOptions
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__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-calendar-modal/custome-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Button, Divider, Form, Select } from 'antd'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { useAppContext } from '../../../context'\nimport { ModuleData } from '../../module-content'\nimport { EnumDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { useTranslation } from 'react-i18next'\nimport ConditionModal, { ConditionListItemTypes } from '../components/condition-modal'\n\nexport type CalendarCustomeDataTypes = {\n  dataSourceId?: string\n  conditionData?: {\n    conditionList: ConditionListItemTypes[]\n    conditionType: 'all' | 'any'\n  }\n  startDateField?: string\n  endDateField?: string\n  titleField: 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 [form] = Form.useForm()\n  const [fieldOptions, setFieldOptions] = useState<SourceDataFieldsTypes[]>()\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  const [timeFieldOptions, setTimeFieldOptions] = useState<SourceDataFieldsTypes[]>()\n  const { t } = useTranslation()\n\n  const initialValues = {\n    dataSourceId: '',\n    startDateField: '',\n    endDateField: '',\n    titleField: '',\n  }\n\n  const allValuesChange = () => {\n    setTimeout(() => {\n      onAllValuesChange?.({\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    })\n  }\n\n  const getFieldOptions = (name?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === name)?.fields\n    setFieldOptions(list)\n    let timeFieldOptions = list?.filter(item => item.type === 'timestamp')\n    setTimeFieldOptions(list?.filter(item => item.type === 'timestamp'))\n    return {\n      list,\n      timeFieldOptions,\n    }\n  }\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      form.setFieldsValue(selectModuleData.customData)\n      getFieldOptions(selectModuleData?.customData?.dataSourceId)\n    } else {\n      const list = globalData?.sourceData?.[0]\n      const times = list?.fields?.filter(item => item.type === 'timestamp')\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: list?.value,\n        titleField: list?.fields?.[0]?.value,\n        startDateField: times?.[0].value,\n        endDateField: times?.[0].value,\n      })\n      getFieldOptions(list?.value)\n      allValuesChange()\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n  }, [selectModuleData, globalData])\n\n  return (\n    <>\n      <Form\n        form={form}\n        name=\"customData\"\n        labelCol={{ span: 8 }}\n        wrapperCol={{ span: 16 }}\n        labelAlign=\"left\"\n        initialValues={initialValues}\n      >\n        <div\n          style={{\n            fontSize: '14px',\n            marginBottom: '5px',\n          }}\n        >\n          {t('data')}\n        </div>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n          <Select\n            options={globalData?.sourceData}\n            onChange={val => {\n              const { list, timeFieldOptions } = getFieldOptions(val)\n              form.setFieldsValue({\n                titleField: list?.[0]?.value,\n                startDateField: timeFieldOptions?.[0]?.value,\n                endDateField: timeFieldOptions?.[0]?.value,\n              })\n              allValuesChange()\n            }}\n          />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> 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 orientation=\"left\" orientationMargin=\"0\">\n          {t('calendar.t1')}\n        </Divider>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t2')} name=\"startDateField\">\n          <Select\n            onChange={() => {\n              allValuesChange()\n            }}\n            options={timeFieldOptions}\n          />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t3')} name=\"endDateField\">\n          <Select\n            onChange={() => {\n              allValuesChange()\n            }}\n            options={timeFieldOptions}\n          />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t4')} name=\"titleField\">\n          <Select\n            onChange={() => {\n              allValuesChange()\n            }}\n            options={fieldOptions}\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          allValuesChange()\n        }}\n      />\n    </>\n  )\n}\nexport default CustomData\n"],"names":["timeFieldOptions"],"mappings":"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"}

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

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

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

@@ -0,0 +1,91 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Modal, Button } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import CustomData from "./custome-data.js";
+import CalendarModule from "../../module-content/calendar-module/index.js";
+import { useTranslation } from "react-i18next";
+const AddStatisticsModal = ({
+  open,
+  onClose,
+  onOk,
+  moduleDataApi,
+  selectModuleData,
+  enumDataApi
+}) => {
+  const { t } = useTranslation();
+  const [customData, setCustomData] = useState();
+  const handleOk = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  useEffect(() => {
+    if (selectModuleData) {
+      setCustomData(selectModuleData == null ? void 0 : selectModuleData.customData);
+    }
+  }, [selectModuleData]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Modal,
+    {
+      width: "65%",
+      title: t("calendarText"),
+      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",
+            style: { borderRight: "1px solid #e0e0e0" },
+            children: /* @__PURE__ */ jsx(CalendarModule, { customData, moduleDataApi })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "config-widget-dialog-panel", style: { borderLeft: "none" }, children: [
+          /* @__PURE__ */ jsx("div", { className: "bitable-dashboard edit-panel-container", style: { paddingTop: "20px" }, children: /* @__PURE__ */ jsx(
+            CustomData,
+            {
+              enumDataApi,
+              selectModuleData,
+              onAllValuesChange: (allVal) => {
+                setCustomData(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
+                });
+              },
+              children: t("confirm")
+            }
+          ) })
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  AddStatisticsModal as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Button, Modal } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { CalendarCustomeDataTypes } from './custome-data'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport CalendarModule from '../../module-content/calendar-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  }: {\n    id?: ModuleData['id']\n    customData?: CalendarCustomeDataTypes\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<CalendarCustomeDataTypes>()\n  const handleOk = () => {\n    onClose?.()\n  }\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n    }\n  }, [selectModuleData])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={t('calendarText')}\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\n              className=\"config-widget-dialog-preview\"\n              style={{ borderRight: '1px solid #e0e0e0' }}\n            >\n              <CalendarModule customData={customData} moduleDataApi={moduleDataApi} />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\" style={{ borderLeft: 'none' }}>\n            <div className=\"bitable-dashboard edit-panel-container\" style={{ paddingTop: '20px' }}>\n              <CustomData\n                enumDataApi={enumDataApi}\n                selectModuleData={selectModuleData}\n                onAllValuesChange={allVal => {\n                  setCustomData(allVal)\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                  })\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":";;;;;;;AAwBA,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,SAAmC;AACvE,QAAM,WAAW,MAAM;AACX;AAAA,EACZ;AAEA,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAAA,IAAA;AAAA,EAC5C,GACC,CAAC,gBAAgB,CAAC;AAErB,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,cAAc;AAAA,MACvB,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,QAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,oBAAoB;AAAA,YAE1C,UAAA,oBAAC,gBAAe,EAAA,YAAwB,cAA8B,CAAA;AAAA,UAAA;AAAA,QAAA,GAE1E;AAAA,QACA,qBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,YAAY,OAC/D,GAAA,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,YAAY,UAC3E,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,mBAAmB,CAAU,WAAA;AAC3B,8BAAc,MAAM;AAAA,cAAA;AAAA,YACtB;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,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-chart-modal/custome-data.d.ts

@@ -0,0 +1,27 @@
+import { ModuleData } from '../../module-content';
+import { EnumDataApi } from '../../../types';
+import { ConditionListItemTypes } from '../components/condition-modal';
+export type ChartCustomeDataTypes = {
+    conditionData?: {
+        conditionList: ConditionListItemTypes[];
+        conditionType: 'all' | 'any';
+    };
+    dataSourceId?: string;
+    type: 'chart-bar' | 'chart-bar-pile' | 'chart-bar-percentage' | 'chart-line' | 'chart-line-smooth' | 'chart-strip-bar' | 'chart-strip-bar-pile' | 'chart-strip-bar-percentage' | 'chart-pie' | 'chart-pie-circular';
+    xAxis: string;
+    yAxis: string;
+    yAxisField: string;
+    yAxisFieldType: 'sum' | 'max' | 'min' | 'avg';
+    groupField: string;
+    isGroup: boolean;
+    chartOptions: any;
+    sortField: 'xAxis' | 'yAxisField' | 'recordValue';
+    sortOrder: 'asc' | 'desc';
+};
+interface CustomDataProps {
+    selectModuleData?: ModuleData;
+    onAllValuesChange?: ((values: any) => void) | undefined;
+    enumDataApi?: EnumDataApi;
+}
+declare const CustomData: React.FC<CustomDataProps>;
+export default CustomData;