@platox/pivot-table 0.0.34 → 0.0.36

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport { ModuleDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { useAppContext } from '../../../context'\nimport { useTranslation } from 'react-i18next'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { getTransformValue } from '../../../utils'\nimport { useMemoizedFn, useSize } from 'ahooks'\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n  customData?: CalendarCustomeDataTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n  rowWidth?: number\n  rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({\n  moduleDataApi,\n  customData,\n  width,\n  height,\n}) => {\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  /* ============================== split =============================== */\n  const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n  const handleDatesSet = (dateInfo: any) => {\n    const currentDate = dayjs(dateInfo.view.currentStart)\n    const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n    const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n    setStartMonthIntervals([firstDay, lastDay])\n  }\n  /* ============================== split =============================== */\n  const [isloading, setIsloading] = useState(false)\n  const [chartData, setChartData] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      setIsloading(true)\n      let queryString = ''\n      const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n      const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n      const conditionData = customData.conditionData\n      const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n      const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n      if (conditionData) {\n        if (conditionData?.conditionList?.map(item => item.type)?.includes('timestamp')) {\n          queryString += `${mapConditionsToPostgrest(conditionData)}`\n        } else {\n          queryString += `added_on=gt.${FMDay}&added_on=lt.${LMDay}&${mapConditionsToPostgrest(\n            conditionData\n          )}`\n        }\n      } else {\n        queryString = `added_on=gt.${FMDay}&added_on=lt.${LMDay}`\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setIsloading(false)\n          })\n      }\n    }\n  })\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [customData?.dataSourceId, customData?.conditionData, startMonthIntervals])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    return globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n  }, [globalData, customData])\n\n  const events = useMemo(() => {\n    const calendarEvents = chartData?.map((item: any) => {\n      const title = getTransformValue({\n        fieldOptions,\n        val: customData?.titleField ? item?.[customData.titleField] : '',\n        field: customData?.titleField,\n        fieldMap: globalData?.fieldMap,\n      })\n      return {\n        title: title ?? t('unnamedRecord'),\n        start:\n          customData?.startDateField && item[customData?.startDateField]\n            ? dayjs(item[customData?.startDateField])?.toISOString()\n            : '',\n        end:\n          customData?.endDateField && item[customData?.endDateField]\n            ? dayjs(item[customData?.endDateField])?.toISOString()\n            : undefined,\n        allDay: true,\n        ...item,\n        originalData: item,\n      }\n    })\n    return calendarEvents\n  }, [chartData, customData, fieldOptions])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [currData, setCurrData] = useState()\n  const currTitle = getTransformValue({\n    fieldOptions,\n    val: customData?.titleField ? currData?.[customData.titleField] : '',\n    field: customData?.titleField,\n    fieldMap: globalData?.fieldMap,\n  })\n\n  const handleEventClick = useMemoizedFn((info: any) => {\n    const event = info.event\n    setIsModalOpen(true)\n\n    setCurrData(event.extendedProps?.originalData)\n  })\n\n  /* ============================== split =============================== */\n  const boxRef = useRef<any>()\n  const calendarRef = useRef<any>(null)\n  const size = useSize(boxRef)\n  useEffect(() => {\n    setTimeout(() => {\n      calendarRef.current?.getApi()?.updateSize()\n    }, 16) //不是一个div 会有延迟\n  }, [size])\n\n  /* ============================== split =============================== */\n\n  return (\n    <div\n      ref={boxRef}\n      style={{\n        height: '100%',\n        width: '100%',\n        boxSizing: 'border-box',\n        padding: '12px',\n      }}\n    >\n      <div\n        className=\"full-calendar-app\"\n        style={{\n          height: '100%',\n          width: '100%',\n          overflowY: 'auto',\n          position: 'relative',\n        }}\n      >\n        {isloading ? (\n          <Spin\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              position: 'absolute',\n              background: 'rgba(255,255,255,0.6)',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              zIndex: 1000,\n            }}\n            spinning={isloading}\n          />\n        ) : null}\n\n        <FullCalendar\n          ref={calendarRef} // 设置 FullCalendar 引用\n          plugins={[dayGridPlugin]}\n          headerToolbar={{\n            left: 'title,today,prev,next',\n            center: '',\n            right: '',\n          }}\n          initialView=\"dayGridMonth\"\n          height=\"auto\" // 自适应高度\n          contentHeight=\"auto\" // 自动调整内容高度\n          // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n          editable={true}\n          selectable={true}\n          selectMirror={true}\n          fixedWeekCount={false}\n          datesSet={handleDatesSet}\n          timeZone=\"UTC\"\n          events={events} // 将筛选后的事件传递给 FullCalendar\n          eventContent={(eventInfo: EventContentArg) => {\n            return (\n              <>\n                <i>{eventInfo.event.title}</i>\n              </>\n            )\n          }} // 自定义事件内容渲染\n          eventClick={handleEventClick} // 事件点击时调用\n        ></FullCalendar>\n        <Modal\n          title={currTitle ?? t('unnamedRecord')}\n          open={isModalOpen}\n          onOk={() => {\n            setIsModalOpen(false)\n          }}\n          onCancel={() => {\n            setIsModalOpen(false)\n          }}\n          destroyOnClose\n          footer={(_, { OkBtn }) => (\n            <>\n              <OkBtn />\n            </>\n          )}\n        >\n          {(fieldOptions?.length ?? 0) > 0 ? (\n            <Descriptions\n              className=\"reset-descriptions\"\n              layout=\"vertical\"\n              column={2}\n              items={fieldOptions?.map((field: any, fieldKey) => ({\n                key: fieldKey,\n                label: field.label,\n                children: getTransformValue({\n                  fieldOptions,\n                  val: currData?.[field.value],\n                  field: field.value,\n                  fieldMap: globalData?.fieldMap,\n                }),\n              }))}\n            />\n          ) : null}\n        </Modal>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport FullCalendar from '@fullcalendar/react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { useAppContext } from '../../../context'\nimport { FieldItem, ModuleDataApi } from '../../../types'\nimport { getTransformValue } from '../../../utils'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { ConditionBlock } from '../../add-module-modal/components/condition-modal/interface'\nimport { mapConditionsToPostgrest } from '../utils'\nimport en from './locales/en'\nimport zh from './locales/zh'\n\n// import zh from\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n  customData?: CalendarCustomeDataTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n  rowWidth?: number\n  rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({ moduleDataApi, customData }) => {\n  const { t, i18n } = useTranslation()\n  const { globalData, globalFilterCondition } = useAppContext()\n\n  /* ============================== split =============================== */\n  const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n  const handleDatesSet = (dateInfo: any) => {\n    const currentDate = dayjs(dateInfo.view.currentStart)\n    const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n    const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n    setStartMonthIntervals([firstDay, lastDay])\n  }\n  /* ============================== split =============================== */\n  let matchGlobalFilterCondition = useMemo(() => {\n    let matchGlobalFilterCondition = globalFilterCondition?.find(\n      item => item?.dataSourceId === customData?.dataSourceId\n    )\n    return matchGlobalFilterCondition\n  }, [globalFilterCondition, customData?.dataSourceId])\n\n  const [isloading, setIsloading] = useState(false)\n  const [chartData, setChartData] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      setIsloading(true)\n      let queryString = ''\n      const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n      const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n      const conditionData = customData.conditionData\n      const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n      const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n      let isConditionTimestampExist =\n        (conditionData?.conditionList ?? []).some(item => item.type == 'timestamp') ||\n        (matchGlobalFilterCondition?.conditionList ?? []).some(item => item.type == 'timestamp')\n\n      if (!isConditionTimestampExist) {\n        queryString = `&added_on=gt.${FMDay}&added_on=lt.${LMDay}`\n      }\n\n      if (conditionData?.conditionList && conditionData?.conditionList?.length > 0) {\n        conditionData?.conditionList?.some(item => item.type == 'timestamp')\n        queryString += `&${mapConditionsToPostgrest(conditionData)}`\n      }\n\n      if ((matchGlobalFilterCondition?.conditionList?.length ?? 0) > 0) {\n        queryString += `&${mapConditionsToPostgrest(matchGlobalFilterCondition as ConditionBlock)}`\n      }\n\n      //去掉第一个&符号\n      if (queryString.startsWith('&')) {\n        queryString = queryString.substring(1)\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setIsloading(false)\n          })\n      }\n    }\n  })\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [\n    customData?.dataSourceId,\n    customData?.conditionData,\n    startMonthIntervals,\n    matchGlobalFilterCondition,\n  ])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    return globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n  }, [globalData, customData])\n\n  const events = useMemo(() => {\n    const calendarEvents = chartData?.map((item: any) => {\n      const title = getTransformValue({\n        fieldOptions,\n        val: customData?.titleField ? item?.[customData.titleField] : '',\n        field: customData?.titleField,\n        fieldMap: globalData?.fieldMap,\n      })\n      return {\n        title: title ?? t('unnamedRecord'),\n        start:\n          customData?.startDateField && item[customData?.startDateField]\n            ? dayjs(item[customData?.startDateField])?.toISOString()\n            : '',\n        end:\n          customData?.endDateField && item[customData?.endDateField]\n            ? dayjs(item[customData?.endDateField])?.toISOString()\n            : undefined,\n        allDay: true,\n        ...item,\n        originalData: item,\n      }\n    })\n    return calendarEvents\n  }, [chartData, customData, fieldOptions])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [currData, setCurrData] = useState()\n  const currTitle = getTransformValue({\n    fieldOptions,\n    val: customData?.titleField ? currData?.[customData.titleField] : '',\n    field: customData?.titleField,\n    fieldMap: globalData?.fieldMap,\n  })\n\n  const handleEventClick = useMemoizedFn((info: any) => {\n    const event = info.event\n    setIsModalOpen(true)\n\n    setCurrData(event.extendedProps?.originalData)\n  })\n\n  /* ============================== split =============================== */\n  const boxRef = useRef<any>()\n  const calendarRef = useRef<any>(null)\n  const size = useSize(boxRef)\n  useEffect(() => {\n    setTimeout(() => {\n      calendarRef.current?.getApi()?.updateSize()\n    }, 16) //不是一个div 会有延迟\n  }, [size])\n\n  /* ============================== split =============================== */\n\n  return (\n    <div\n      ref={boxRef}\n      style={{\n        height: '100%',\n        width: '100%',\n        boxSizing: 'border-box',\n        padding: '12px',\n      }}\n    >\n      <div\n        className=\"full-calendar-app\"\n        style={{\n          height: '100%',\n          width: '100%',\n          overflowY: 'auto',\n          position: 'relative',\n        }}\n      >\n        {isloading ? (\n          <Spin\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              position: 'absolute',\n              background: 'rgba(255,255,255,0.6)',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              zIndex: 1000,\n            }}\n            spinning={isloading}\n          />\n        ) : null}\n\n        <FullCalendar\n          locale={i18n.language === 'zh-CN' ? zh : en}\n          // locale =\n          ref={calendarRef} // 设置 FullCalendar 引用\n          plugins={[dayGridPlugin]}\n          headerToolbar={{\n            left: 'title,today,prev,next',\n            center: '',\n            right: '',\n          }}\n          initialView=\"dayGridMonth\"\n          height=\"auto\" // 自适应高度\n          contentHeight=\"auto\" // 自动调整内容高度\n          // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n          editable={true}\n          selectable={true}\n          selectMirror={true}\n          fixedWeekCount={false}\n          datesSet={handleDatesSet}\n          timeZone=\"UTC\"\n          events={events} // 将筛选后的事件传递给 FullCalendar\n          eventContent={(eventInfo: EventContentArg) => {\n            return (\n              <>\n                <i>{eventInfo.event.title}</i>\n              </>\n            )\n          }} // 自定义事件内容渲染\n          eventClick={handleEventClick} // 事件点击时调用\n        ></FullCalendar>\n        <Modal\n          title={currTitle ?? t('unnamedRecord')}\n          open={isModalOpen}\n          onOk={() => {\n            setIsModalOpen(false)\n          }}\n          onCancel={() => {\n            setIsModalOpen(false)\n          }}\n          destroyOnClose\n          footer={(_, { OkBtn }) => (\n            <>\n              <OkBtn />\n            </>\n          )}\n        >\n          {(fieldOptions?.length ?? 0) > 0 ? (\n            <Descriptions\n              className=\"reset-descriptions\"\n              layout=\"vertical\"\n              column={2}\n              items={fieldOptions?.map((field: any, fieldKey) => ({\n                key: fieldKey,\n                label: field.label,\n                children: getTransformValue({\n                  fieldOptions,\n                  val: currData?.[field.value],\n                  field: field.value,\n                  fieldMap: globalData?.fieldMap,\n                }),\n              }))}\n            />\n          ) : null}\n        </Modal>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":["matchGlobalFilterCondition","zh","en"],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.d.ts

@@ -0,0 +1,7 @@
+declare const MINIMAL_RAW_EN_LOCALE: {
+    code: string;
+    buttonText: {
+        today: string;
+    };
+};
+export default MINIMAL_RAW_EN_LOCALE;

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.js

@@ -0,0 +1,10 @@
+const MINIMAL_RAW_EN_LOCALE = {
+  code: "en",
+  buttonText: {
+    today: "Today"
+  }
+};
+export {
+  MINIMAL_RAW_EN_LOCALE as default
+};
+//# sourceMappingURL=en.js.map

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/en.ts"],"sourcesContent":["const MINIMAL_RAW_EN_LOCALE = {\n  code: 'en',\n  buttonText: {\n    today: 'Today',\n  },\n}\nexport default MINIMAL_RAW_EN_LOCALE\n"],"names":[],"mappings":"AAAA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,OAAO;AAAA,EAAA;AAEX;"}

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.d.ts

@@ -0,0 +1,22 @@
+declare var l77: {
+    code: string;
+    week: {
+        dow: number;
+        doy: number;
+    };
+    buttonText: {
+        prev: string;
+        next: string;
+        today: string;
+        year: string;
+        month: string;
+        week: string;
+        day: string;
+        list: string;
+    };
+    weekText: string;
+    allDayText: string;
+    moreLinkText(n: string): string;
+    noEventsText: string;
+};
+export { l77 as default };

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.js

@@ -0,0 +1,29 @@
+var l77 = {
+  code: "zh-cn",
+  week: {
+    // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
+    dow: 1,
+    doy: 4
+    // The week that contains Jan 4th is the first week of the year.
+  },
+  buttonText: {
+    prev: "上月",
+    next: "下月",
+    today: "今天",
+    year: "年",
+    month: "月",
+    week: "周",
+    day: "日",
+    list: "日程"
+  },
+  weekText: "周",
+  allDayText: "全天",
+  moreLinkText(n) {
+    return "另外 " + n + " 个";
+  },
+  noEventsText: "没有事件显示"
+};
+export {
+  l77 as default
+};
+//# sourceMappingURL=zh.js.map

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/zh.ts"],"sourcesContent":["var l77 = {\n  code: 'zh-cn',\n  week: {\n    // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效\n    dow: 1,\n    doy: 4, // The week that contains Jan 4th is the first week of the year.\n  },\n  buttonText: {\n    prev: '上月',\n    next: '下月',\n    today: '今天',\n    year: '年',\n    month: '月',\n    week: '周',\n    day: '日',\n    list: '日程',\n  },\n  weekText: '周',\n  allDayText: '全天',\n  moreLinkText(n: string) {\n    return '另外 ' + n + ' 个'\n  },\n  noEventsText: '没有事件显示',\n}\n\nexport { l77 as default }\n"],"names":[],"mappings":"AAAA,IAAI,MAAM;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa,GAAW;AACtB,WAAO,QAAQ,IAAI;AAAA,EACrB;AAAA,EACA,cAAc;AAChB;"}

package/es/dashboard-workbench/components/module-content/chart-module/Empty.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface EmptyProps {
+}
+export declare const Empty: React.FC<EmptyProps>;
+export default Empty;

package/es/dashboard-workbench/components/module-content/chart-module/Empty.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import IconEmpty from "../../../icon/icon-empty.js";
+const Empty = (props) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        color: "#A1A1AA",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(IconEmpty, {}),
+        /* @__PURE__ */ jsx("span", { children: t("empty") })
+      ]
+    }
+  );
+};
+Empty.displayName = "Empty";
+export {
+  Empty,
+  Empty as default
+};
+//# sourceMappingURL=Empty.js.map

package/es/dashboard-workbench/components/module-content/chart-module/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/Empty.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport IconEmpty from '@platox/pivot-table/icon/icon-empty'\nimport styles from './index.scss'\n\nconst componentName = 'Empty'\n\nexport interface EmptyProps {}\nexport const Empty: React.FC<EmptyProps> = props => {\n  const { t } = useTranslation()\n  return (\n    <div\n      style={{\n        color: '#A1A1AA',\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <IconEmpty />\n      <span>{t('empty')}</span>\n    </div>\n  )\n}\n\nEmpty.displayName = 'Empty'\n\nexport default Empty\n"],"names":[],"mappings":";;;AAQO,MAAM,QAA8B,CAAS,UAAA;AAC5C,QAAA,EAAE,EAAE,IAAI,eAAe;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,WAAU,EAAA;AAAA,QACV,oBAAA,QAAA,EAAM,UAAE,EAAA,OAAO,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB;AAEJ;AAEA,MAAM,cAAc;"}

package/es/dashboard-workbench/components/module-content/chart-module/base-chart/index.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef, useEffect, useImperativeHandle } from "react";
-import * as echarts from "echarts/core";
 import { BarChart, LineChart, PieChart } from "echarts/charts";
 import { GraphicComponent, LegendComponent, TitleComponent, TooltipComponent, GridComponent, DatasetComponent, TransformComponent } from "echarts/components";
+import * as echarts from "echarts/core";
 import { LabelLayout, UniversalTransition } from "echarts/features";
 import { CanvasRenderer } from "echarts/renderers";
 echarts.use([

package/es/dashboard-workbench/components/module-content/chart-module/base-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/chart-module/base-chart/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useImperativeHandle, useRef } from 'react'\nimport * as echarts from 'echarts/core'\nimport { BarChart, LineChart, PieChart } from 'echarts/charts'\nimport {\n  GraphicComponent,\n  TitleComponent,\n  TooltipComponent,\n  GridComponent,\n  DatasetComponent,\n  TransformComponent,\n  LegendComponent,\n} from 'echarts/components'\n\nimport { LabelLayout, UniversalTransition } from 'echarts/features'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { EChartsOption } from 'echarts'\n\necharts.use([\n  GraphicComponent,\n  LegendComponent,\n  TitleComponent,\n  TooltipComponent,\n  GridComponent,\n  DatasetComponent,\n  TransformComponent,\n  BarChart,\n  LineChart,\n  PieChart,\n  LabelLayout,\n  UniversalTransition,\n  CanvasRenderer,\n])\n\ninterface ChartProps {\n  options?: EChartsOption\n  echartRef?: any\n}\n\nconst Chart: React.FC<ChartProps> = React.memo(({ options, echartRef }) => {\n  const chartRef = useRef<HTMLDivElement>(null)\n  const chartInstanceRef = useRef<echarts.ECharts | null>(null)\n\n  useEffect(() => {\n    if (chartRef.current) {\n      chartInstanceRef.current = echarts.init(chartRef.current)\n      //@ts-ignore\n      window.__chartInstanceRef = chartInstanceRef\n      // chartInstanceRef.current = echarts.init(chartRef.current, 'light223')\n    }\n    return () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.dispose()\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (chartInstanceRef.current) {\n      chartInstanceRef.current.clear()\n      if (options && Object.keys(options).length > 0) {\n        chartInstanceRef.current.setOption({ ...options })\n      }\n    }\n  }, [options])\n\n  useImperativeHandle(echartRef, () => ({\n    resize: () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.resize()\n      }\n    },\n    getWidth: () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.getWidth()\n      }\n    },\n  }))\n\n  return <div ref={chartRef} style={{ width: '100%', height: '100%' }} />\n})\n\nexport default Chart\n"],"names":[],"mappings":";;;;;;;AAkBA,QAAQ,IAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAOD,MAAM,QAA8B,MAAM,KAAK,CAAC,EAAE,SAAS,gBAAgB;AACnE,QAAA,WAAW,OAAuB,IAAI;AACtC,QAAA,mBAAmB,OAA+B,IAAI;AAE5D,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,uBAAiB,UAAU,QAAQ,KAAK,SAAS,OAAO;AAExD,aAAO,qBAAqB;AAAA,IAAA;AAG9B,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,QAAQ;AAAA,MAAA;AAAA,IAErC;AAAA,EACF,GAAG,EAAE;AAEL,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,uBAAiB,QAAQ,MAAM;AAC/B,UAAI,WAAW,OAAO,KAAK,OAAO,EAAE,SAAS,GAAG;AAC9C,yBAAiB,QAAQ,UAAU,EAAE,GAAG,SAAS;AAAA,MAAA;AAAA,IACnD;AAAA,EACF,GACC,CAAC,OAAO,CAAC;AAEZ,sBAAoB,WAAW,OAAO;AAAA,IACpC,QAAQ,MAAM;AACZ,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,OAAO;AAAA,MAAA;AAAA,IAEpC;AAAA,IACA,UAAU,MAAM;AACd,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,SAAS;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,EACA;AAEK,SAAA,oBAAC,OAAI,EAAA,KAAK,UAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAU,EAAA,CAAA;AACvE,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/chart-module/base-chart/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useImperativeHandle, useRef } from 'react'\nimport { EChartsOption } from 'echarts'\nimport { BarChart, LineChart, PieChart } from 'echarts/charts'\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridComponent,\n  LegendComponent,\n  TitleComponent,\n  TooltipComponent,\n  TransformComponent,\n} from 'echarts/components'\nimport * as echarts from 'echarts/core'\nimport { LabelLayout, UniversalTransition } from 'echarts/features'\nimport { CanvasRenderer } from 'echarts/renderers'\n\necharts.use([\n  GraphicComponent,\n  LegendComponent,\n  TitleComponent,\n  TooltipComponent,\n  GridComponent,\n  DatasetComponent,\n  TransformComponent,\n  BarChart,\n  LineChart,\n  PieChart,\n  LabelLayout,\n  UniversalTransition,\n  CanvasRenderer,\n])\n\ninterface ChartProps {\n  options?: EChartsOption\n  echartRef?: any\n}\n\nconst Chart: React.FC<ChartProps> = React.memo(({ options, echartRef }) => {\n  const chartRef = useRef<HTMLDivElement>(null)\n  const chartInstanceRef = useRef<echarts.ECharts | null>(null)\n\n  useEffect(() => {\n    if (chartRef.current) {\n      chartInstanceRef.current = echarts.init(chartRef.current)\n      //@ts-ignore\n      window.__chartInstanceRef = chartInstanceRef\n      // chartInstanceRef.current = echarts.init(chartRef.current, 'light223')\n    }\n    return () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.dispose()\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (chartInstanceRef.current) {\n      chartInstanceRef.current.clear()\n      if (options && Object.keys(options).length > 0) {\n        chartInstanceRef.current.setOption({ ...options })\n      }\n    }\n  }, [options])\n\n  useImperativeHandle(echartRef, () => ({\n    resize: () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.resize()\n      }\n    },\n    getWidth: () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.getWidth()\n      }\n    },\n  }))\n\n  return <div ref={chartRef} style={{ width: '100%', height: '100%' }} />\n})\n\nexport default Chart\n"],"names":[],"mappings":";;;;;;;AAiBA,QAAQ,IAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAOD,MAAM,QAA8B,MAAM,KAAK,CAAC,EAAE,SAAS,gBAAgB;AACnE,QAAA,WAAW,OAAuB,IAAI;AACtC,QAAA,mBAAmB,OAA+B,IAAI;AAE5D,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,uBAAiB,UAAU,QAAQ,KAAK,SAAS,OAAO;AAExD,aAAO,qBAAqB;AAAA,IAAA;AAG9B,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,QAAQ;AAAA,MAAA;AAAA,IAErC;AAAA,EACF,GAAG,EAAE;AAEL,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,uBAAiB,QAAQ,MAAM;AAC/B,UAAI,WAAW,OAAO,KAAK,OAAO,EAAE,SAAS,GAAG;AAC9C,yBAAiB,QAAQ,UAAU,EAAE,GAAG,SAAS;AAAA,MAAA;AAAA,IACnD;AAAA,EACF,GACC,CAAC,OAAO,CAAC;AAEZ,sBAAoB,WAAW,OAAO;AAAA,IACpC,QAAQ,MAAM;AACZ,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,OAAO;AAAA,MAAA;AAAA,IAEpC;AAAA,IACA,UAAU,MAAM;AACd,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,SAAS;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,EACA;AAEK,SAAA,oBAAC,OAAI,EAAA,KAAK,UAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAU,EAAA,CAAA;AACvE,CAAC;"}

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

@@ -1,9 +1,8 @@
-import { ModuleDataApi } from '../../../types';
-import { ChartCustomeDataTypes } from '../../add-module-modal/add-chart-modal/custome-data';
-import { ChartCustomeStylesTypes } from '../../add-module-modal/add-chart-modal/custome-styles';
 import { default as React } from 'react';
+import { ChartCustomDataType, ChartCustomeStylesTypes } from '../../add-module-modal/add-chart-modal/interface';
+import { ModuleDataApi } from '../../../types';
 interface ChartModuleProps {
-    customData?: ChartCustomeDataTypes;
+    customData?: ChartCustomDataType;
     customeStyle?: ChartCustomeStylesTypes;
     onChange?: (val: unknown) => void;
     moduleDataApi?: ModuleDataApi;