@platox/pivot-table 0.0.35 → 0.0.37

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

@@ -0,0 +1,62 @@
+import { ConditionListItem } from '../components/condition-modal/interface';
+declare const chartOption: readonly ["legend", "label", "axis", "splitLine"];
+type ChartOptionItem = (typeof chartOption)[number];
+export declare enum ChartType {
+    ChartBar = "chart-bar",
+    ChartBarPile = "chart-bar-pile",
+    ChartBarPercentage = "chart-bar-percentage",
+    ChartLine = "chart-line",
+    ChartLineSmooth = "chart-line-smooth",
+    ChartStripBar = "chart-strip-bar",
+    ChartStripBarPile = "chart-strip-bar-pile",
+    ChartStripBarPercentage = "chart-strip-bar-percentage",
+    ChartPie = "chart-pie",
+    ChartPieCircular = "chart-pie-circular",
+    chartCombination = "chart-combination"
+}
+export type ChartTypeUnion = `${ChartType}`;
+export interface CombinationChartConfig {
+    chartType: ChartType.ChartBar | ChartType.ChartLine;
+    yAxisPos: 'left' | 'right';
+}
+export type TimeGroupInterval = 'day' | 'week' | 'month' | 'year';
+export declare enum DisplayRange {
+    'ALL' = "ALL",
+    'TOP5' = "TOP_5",
+    'TOP10' = "TOP_10",
+    'TOP20' = "TOP_20",
+    'TOP30' = "TOP_30",
+    'BOTTOM5' = "BOTTOM_5",
+    'BOTTOM10' = "BOTTOM_10",
+    'BOTTOM20' = "BOTTOM_20",
+    'BOTTOM30' = "BOTTOM_30"
+}
+export type ChartCustomDataType = {
+    dataSourceId?: string;
+    conditionData?: {
+        conditionList: ConditionListItem[];
+        conditionType: 'all' | 'any';
+    };
+    type: ChartTypeUnion;
+    chartOptions: ChartOptionItem[];
+    xAxis: string;
+    timeGroupInterval: TimeGroupInterval;
+    displayRange: `${DisplayRange}`;
+    sortField: 'xAxis' | 'yAxisField' | 'recordValue';
+    sortOrder: 'asc' | 'desc';
+    yAxis: 'recordTotal' | 'fieldValue';
+    yAxisField: string;
+    yAxisFieldType: 'sum' | 'max' | 'min' | 'avg';
+    yAxisFieldConfig: CombinationChartConfig;
+    isGroup: boolean;
+    groupField: string;
+    groupFieldConfig: {
+        value: unknown;
+        config: CombinationChartConfig;
+    }[];
+};
+export type ChartCustomeStylesTypes = {
+    xtitle: string;
+    ytitle: string;
+};
+export {};

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

@@ -0,0 +1,31 @@
+var ChartType = /* @__PURE__ */ ((ChartType2) => {
+  ChartType2["ChartBar"] = "chart-bar";
+  ChartType2["ChartBarPile"] = "chart-bar-pile";
+  ChartType2["ChartBarPercentage"] = "chart-bar-percentage";
+  ChartType2["ChartLine"] = "chart-line";
+  ChartType2["ChartLineSmooth"] = "chart-line-smooth";
+  ChartType2["ChartStripBar"] = "chart-strip-bar";
+  ChartType2["ChartStripBarPile"] = "chart-strip-bar-pile";
+  ChartType2["ChartStripBarPercentage"] = "chart-strip-bar-percentage";
+  ChartType2["ChartPie"] = "chart-pie";
+  ChartType2["ChartPieCircular"] = "chart-pie-circular";
+  ChartType2["chartCombination"] = "chart-combination";
+  return ChartType2;
+})(ChartType || {});
+var DisplayRange = /* @__PURE__ */ ((DisplayRange2) => {
+  DisplayRange2["ALL"] = "ALL";
+  DisplayRange2["TOP5"] = "TOP_5";
+  DisplayRange2["TOP10"] = "TOP_10";
+  DisplayRange2["TOP20"] = "TOP_20";
+  DisplayRange2["TOP30"] = "TOP_30";
+  DisplayRange2["BOTTOM5"] = "BOTTOM_5";
+  DisplayRange2["BOTTOM10"] = "BOTTOM_10";
+  DisplayRange2["BOTTOM20"] = "BOTTOM_20";
+  DisplayRange2["BOTTOM30"] = "BOTTOM_30";
+  return DisplayRange2;
+})(DisplayRange || {});
+export {
+  ChartType,
+  DisplayRange
+};
+//# sourceMappingURL=interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/interface.tsx"],"sourcesContent":["import { ConditionListItem } from '@platox/pivot-table/components/add-module-modal/components/condition-modal/interface'\n\nconst chartOption = ['legend', 'label', 'axis', 'splitLine'] as const\ntype ChartOptionItem = (typeof chartOption)[number]\n\nexport enum ChartType {\n  ChartBar = 'chart-bar',\n  ChartBarPile = 'chart-bar-pile',\n  ChartBarPercentage = 'chart-bar-percentage',\n  ChartLine = 'chart-line',\n  ChartLineSmooth = 'chart-line-smooth',\n  ChartStripBar = 'chart-strip-bar',\n  ChartStripBarPile = 'chart-strip-bar-pile',\n  ChartStripBarPercentage = 'chart-strip-bar-percentage',\n  ChartPie = 'chart-pie',\n  ChartPieCircular = 'chart-pie-circular',\n  chartCombination = 'chart-combination',\n}\nexport type ChartTypeUnion = `${ChartType}`\n\n// 组件字段\nexport interface CombinationChartConfig {\n  chartType: ChartType.ChartBar | ChartType.ChartLine\n  yAxisPos: 'left' | 'right'\n}\n\nexport type TimeGroupInterval = 'day' | 'week' | 'month' | 'year'\n\nexport enum DisplayRange {\n  'ALL' = 'ALL',\n  'TOP5' = 'TOP_5',\n  'TOP10' = 'TOP_10',\n  'TOP20' = 'TOP_20',\n  'TOP30' = 'TOP_30',\n  'BOTTOM5' = 'BOTTOM_5',\n  'BOTTOM10' = 'BOTTOM_10',\n  'BOTTOM20' = 'BOTTOM_20',\n  'BOTTOM30' = 'BOTTOM_30',\n}\n\nexport type ChartCustomDataType = {\n  //数据源\n  dataSourceId?: string\n  //过滤条件\n  conditionData?: {\n    conditionList: ConditionListItem[]\n    conditionType: 'all' | 'any'\n  }\n  // 图表类型\n  type: ChartTypeUnion\n  // 图标类型\n  chartOptions: ChartOptionItem[]\n\n  // x轴数据\n  xAxis: string //field\n  // 时间汇总 xAxis 是time的时候有效\n  timeGroupInterval: TimeGroupInterval\n  // display range\n  displayRange: `${DisplayRange}`\n\n  // sort\n  sortField: 'xAxis' | 'yAxisField' | 'recordValue'\n  sortOrder: 'asc' | 'desc'\n\n  // y轴数据\n  yAxis: 'recordTotal' | 'fieldValue'\n  yAxisField: string // field\n  yAxisFieldType: 'sum' | 'max' | 'min' | 'avg'\n  yAxisFieldConfig: CombinationChartConfig\n\n  isGroup: boolean\n  groupField: string // field\n\n  // ChartType 是 chartCombination的时候这个字段才有用\n  groupFieldConfig: {\n    value: unknown //聚合后的数据字段\n    config: CombinationChartConfig\n  }[]\n}\n\nexport type ChartCustomeStylesTypes = {\n  xtitle: string //横轴标题\n  ytitle: string //纵轴标题\n}\n"],"names":["ChartType","DisplayRange"],"mappings":"AAKY,IAAA,8BAAAA,eAAL;AACLA,aAAA,UAAW,IAAA;AACXA,aAAA,cAAe,IAAA;AACfA,aAAA,oBAAqB,IAAA;AACrBA,aAAA,WAAY,IAAA;AACZA,aAAA,iBAAkB,IAAA;AAClBA,aAAA,eAAgB,IAAA;AAChBA,aAAA,mBAAoB,IAAA;AACpBA,aAAA,yBAA0B,IAAA;AAC1BA,aAAA,UAAW,IAAA;AACXA,aAAA,kBAAmB,IAAA;AACnBA,aAAA,kBAAmB,IAAA;AAXTA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAuBA,IAAA,iCAAAC,kBAAL;AACLA,gBAAA,KAAQ,IAAA;AACRA,gBAAA,MAAS,IAAA;AACTA,gBAAA,OAAU,IAAA;AACVA,gBAAA,OAAU,IAAA;AACVA,gBAAA,OAAU,IAAA;AACVA,gBAAA,SAAY,IAAA;AACZA,gBAAA,UAAa,IAAA;AACbA,gBAAA,UAAa,IAAA;AACbA,gBAAA,UAAa,IAAA;AATHA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}

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

@@ -1,9 +1,9 @@
-import { ModuleData } from '../../module-content';
-import { ConditionListItemTypes } from '../components/condition-modal';
+import { ConditionListItem } from '../components/condition-modal/interface';
 import { EnumDataApi } from '../../../types';
+import { ModuleData } from '../../module-content';
 export type StatisticsCustomeDataTypes = {
     conditionData?: {
-        conditionList: ConditionListItemTypes[];
+        conditionList: ConditionListItem[];
         conditionType: 'all' | 'any';
     };
     dataSourceId?: string;

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

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Form, Select, Button, Divider, Space } from "antd";
 import { useState, useRef, useEffect } from "react";
+import { Form, Select, Button, Divider, Space } from "antd";
+import { useTranslation } from "react-i18next";
 import { useAppContext } from "../../../context.js";
 import ConditionModal from "../components/condition-modal/index.js";
-import { useTranslation } from "react-i18next";
 const CustomData = ({
   selectModuleData,
   onAllValuesChange,

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

@@ -1 +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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"}
+{"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 { useEffect, useRef, useState } from 'react'\nimport { Button, Divider, Form, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ConditionListItem } from '@platox/pivot-table/components/add-module-modal/components/condition-modal/interface'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi, FieldItem } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport ConditionModal from '../components/condition-modal'\n\nexport type StatisticsCustomeDataTypes = {\n  conditionData?: {\n    conditionList: ConditionListItem[]\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<FieldItem[]>()\n  const [numberFieldOptions, setNumberFieldOptions] = useState<FieldItem[]>()\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.js

@@ -1,8 +1,8 @@
 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 { Form, Space, InputNumber, Select, Input } from "antd";
 import { useTranslation } from "react-i18next";
+import CustomeStyles$1 from "../components/select-color/index.js";
 const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
   const [form] = Form.useForm();
   const { t, i18n } = useTranslation();
@@ -10,42 +10,42 @@ const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
     return [
       {
         // 数字 千分位
-        value: 1,
+        value: "1",
         label: t("statistics.t5")
       },
       {
         // 数字
-        value: 2,
+        value: "2",
         label: t("statistics.t6")
       },
       {
         // 百分比
-        value: 3,
+        value: "3",
         label: t("statistics.t7")
       },
       {
         //人民币
-        value: 4,
+        value: "4",
         label: t("statistics.t8")
       },
       {
         //美元
-        value: 5,
+        value: "5",
         label: t("statistics.t9")
       },
       {
         // 欧元
-        value: 6,
+        value: "6",
         label: t("statistics.t11")
       },
       {
         // 英镑
-        value: 7,
+        value: "7",
         label: t("statistics.t12")
       },
       {
         // 泰铢
-        value: 8,
+        value: "9",
         label: t("statistics.t13")
       }
     ];
@@ -63,7 +63,12 @@ const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
   };
   useEffect(() => {
     if (selectModuleData == null ? void 0 : selectModuleData.customeStyle) {
-      form.setFieldsValue(selectModuleData.customeStyle);
+      let _initialValues = {
+        ...initialValues,
+        ...selectModuleData.customeStyle,
+        unit: `${selectModuleData.customeStyle.unit ?? initialValues.unit}`
+      };
+      form.setFieldsValue(_initialValues);
     } else {
       form.setFieldsValue(initialValues);
     }

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

@@ -1 +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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"}
+{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ModuleData } from '../../module-content'\nimport SelectColor from '../components/select-color'\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: '9',\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      let _initialValues = {\n        ...initialValues,\n        ...selectModuleData.customeStyle,\n        unit: `${selectModuleData.customeStyle.unit ?? initialValues.unit}`,\n      }\n      form.setFieldsValue(_initialValues)\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.js

@@ -2,11 +2,11 @@ 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 { useTranslation } from "react-i18next";
+import { EditorHeader } from "../../modal-editor-header/index.js";
+import StatisticsModule from "../../module-content/statistics-module/index.js";
 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";
-import { EditorHeader } from "../../ui/modal/editor-header.js";
 const AddStatisticsModal = ({
   open,
   onClose,
@@ -39,7 +39,7 @@ const AddStatisticsModal = ({
       open,
       onCancel: onClose,
       closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-      className: "ow",
+      className: "ow ow-modal",
       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,

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

@@ -1 +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 from './custome-styles'\nimport { ModuleDataApi } from '../../../types'\nimport StatisticsModule from '../../module-content/statistics-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/dashboard-workbench/components/ui/modal/editor-header'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: any\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<StatisticsCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(!!selectModuleData?.title ? selectModuleData?.title : t('statisticsText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        className=\"ow\"\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                    title,\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":";;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EAEA;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;AAEtD,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACC,eAAA,CAAC,EAAC,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,gBAAgB,CAAC;AAAA,IAAA;AAAA,EACpF,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,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,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;"}
+{"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 { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/components/modal-editor-header'\nimport { ModuleDataApi } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport StatisticsModule from '../../module-content/statistics-module'\nimport CustomData, { StatisticsCustomeDataTypes } from './custome-data'\nimport CustomeStyles from './custome-styles'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: any\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<StatisticsCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(!!selectModuleData?.title ? selectModuleData?.title : t('statisticsText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        className=\"ow ow-modal\"\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                    title,\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":";;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EAEA;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;AAEtD,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACC,eAAA,CAAC,EAAC,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,gBAAgB,CAAC;AAAA,IAAA;AAAA,EACpF,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,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,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/config.d.ts

@@ -0,0 +1,30 @@
+export declare const useConditionSymbolOptions: () => {
+    timeOptions: {
+        label: string;
+        value: string;
+    }[];
+    boolOptions: {
+        label: string;
+        value: string;
+    }[];
+    intOptions: {
+        label: string;
+        value: string;
+    }[];
+    stringOptions: {
+        label: string;
+        value: string;
+    }[];
+    rdateOptions: {
+        label: string;
+        value: string;
+    }[];
+    rdateOptions2: {
+        label: string;
+        value: string;
+    }[];
+};
+export declare const useConditionTypeOptions: () => {
+    label: string;
+    value: string;
+}[];

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

@@ -0,0 +1,132 @@
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+const useConditionSymbolOptions = () => {
+  const { t, i18n } = useTranslation();
+  const timeOptions = useMemo(
+    () => [
+      { label: t("add.add13"), value: "=" },
+      // "等于"
+      { label: t("add.add14"), value: "<" },
+      // "早于"
+      { label: t("add.add15"), value: ">" },
+      // "晚于"
+      { label: t("add.add16"), value: "contain" },
+      // "范围内"
+      { label: t("add.add17"), value: "null" },
+      // "为空"
+      { label: t("add.add18"), value: "notnull" }
+      // "不为空"
+    ],
+    [i18n.language]
+  );
+  const boolOptions = useMemo(
+    () => [
+      { label: t("add.add13"), value: "=" }
+      // "等于"
+    ],
+    [i18n.language]
+  );
+  const intOptions = useMemo(
+    () => [
+      { label: t("add.add13"), value: "=" },
+      // "等于"
+      { label: t("add.add19"), value: "!=" },
+      // "不等于"
+      { label: t("add.add20"), value: ">" },
+      // "大于"
+      { label: t("add.add21"), value: ">=" },
+      // "大于等于"
+      { label: t("add.add22"), value: "<" },
+      // "小于"
+      { label: t("add.add23"), value: "=<" },
+      // "小于等于"
+      { label: t("add.add16"), value: "contain" },
+      // "范围内"
+      { label: t("add.add17"), value: "null" },
+      // "为空"
+      { label: t("add.add18"), value: "notnull" }
+      // "不为空"
+    ],
+    [i18n.language]
+  );
+  const stringOptions = useMemo(
+    () => [
+      { label: t("add.add13"), value: "=" },
+      // "等于"
+      { label: t("add.add19"), value: "!=" },
+      // "不等于"
+      { label: t("add.add24"), value: "include" },
+      // "包含"
+      { label: t("add.add25"), value: "notinclude" },
+      // "不包含"
+      { label: t("add.add17"), value: "null" },
+      // "为空"
+      { label: t("add.add18"), value: "notnull" }
+      // "不为空"
+    ],
+    [i18n.language]
+  );
+  const rdateOptions = useMemo(
+    () => [
+      { label: t("add.add26"), value: "exactdate" },
+      // "具体日期"
+      { label: t("add.add27"), value: "today" },
+      // "今天"
+      { label: t("add.add28"), value: "yesterday" },
+      // "昨天"
+      { label: t("add.add29"), value: "thisweek" },
+      // "本周"
+      { label: t("add.add30"), value: "lastweek" },
+      // "上周"
+      { label: t("add.add31"), value: "thismonth" },
+      // "本月"
+      { label: t("add.add32"), value: "lastmonth" },
+      // "上月"
+      { label: t("add.add33"), value: "last7days" },
+      // "过去7天"
+      { label: t("add.add34"), value: "last30days" }
+      // "过去30天"
+    ],
+    [i18n.language]
+  );
+  const rdateOptions2 = useMemo(
+    () => [
+      { label: t("add.add26"), value: "exactdate" },
+      // "具体日期"
+      { label: t("add.add27"), value: "today" },
+      // "今天"
+      { label: t("add.add28"), value: "yesterday" }
+      // "昨天"
+    ],
+    [i18n.language]
+  );
+  return {
+    timeOptions,
+    boolOptions,
+    intOptions,
+    stringOptions,
+    rdateOptions,
+    rdateOptions2
+  };
+};
+const useConditionTypeOptions = () => {
+  const { t, i18n } = useTranslation();
+  const options = useMemo(() => {
+    return [
+      {
+        label: t("all"),
+        value: "all"
+      },
+      {
+        label: t("everyone"),
+        value: "any"
+      }
+    ];
+  }, [i18n.language]);
+  return options;
+};
+export {
+  useConditionSymbolOptions,
+  useConditionTypeOptions
+};
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/config.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport const useConditionSymbolOptions = () => {\n  const { t, i18n } = useTranslation()\n\n  const timeOptions = useMemo(\n    () => [\n      { label: t('add.add13'), value: '=' }, // \"等于\"\n      { label: t('add.add14'), value: '<' }, // \"早于\"\n      { label: t('add.add15'), value: '>' }, // \"晚于\"\n      { label: t('add.add16'), value: 'contain' }, // \"范围内\"\n      { label: t('add.add17'), value: 'null' }, // \"为空\"\n      { label: t('add.add18'), value: 'notnull' }, // \"不为空\"\n    ],\n    [i18n.language]\n  )\n\n  const boolOptions = useMemo(\n    () => [\n      { label: t('add.add13'), value: '=' }, // \"等于\"\n    ],\n    [i18n.language]\n  )\n\n  const intOptions = useMemo(\n    () => [\n      { label: t('add.add13'), value: '=' }, // \"等于\"\n      { label: t('add.add19'), value: '!=' }, // \"不等于\"\n      { label: t('add.add20'), value: '>' }, // \"大于\"\n      { label: t('add.add21'), value: '>=' }, // \"大于等于\"\n      { label: t('add.add22'), value: '<' }, // \"小于\"\n      { label: t('add.add23'), value: '=<' }, // \"小于等于\"\n      { label: t('add.add16'), value: 'contain' }, // \"范围内\"\n      { label: t('add.add17'), value: 'null' }, // \"为空\"\n      { label: t('add.add18'), value: 'notnull' }, // \"不为空\"\n    ],\n    [i18n.language]\n  )\n\n  const stringOptions = useMemo(\n    () => [\n      { label: t('add.add13'), value: '=' }, // \"等于\"\n      { label: t('add.add19'), value: '!=' }, // \"不等于\"\n      { label: t('add.add24'), value: 'include' }, // \"包含\"\n      { label: t('add.add25'), value: 'notinclude' }, // \"不包含\"\n      { label: t('add.add17'), value: 'null' }, // \"为空\"\n      { label: t('add.add18'), value: 'notnull' }, // \"不为空\"\n    ],\n    [i18n.language]\n  )\n\n  const rdateOptions = useMemo(\n    () => [\n      { label: t('add.add26'), value: 'exactdate' }, // \"具体日期\"\n      { label: t('add.add27'), value: 'today' }, // \"今天\"\n      { label: t('add.add28'), value: 'yesterday' }, // \"昨天\"\n      { label: t('add.add29'), value: 'thisweek' }, // \"本周\"\n      { label: t('add.add30'), value: 'lastweek' }, // \"上周\"\n      { label: t('add.add31'), value: 'thismonth' }, // \"本月\"\n      { label: t('add.add32'), value: 'lastmonth' }, // \"上月\"\n      { label: t('add.add33'), value: 'last7days' }, // \"过去7天\"\n      { label: t('add.add34'), value: 'last30days' }, // \"过去30天\"\n    ],\n    [i18n.language]\n  )\n\n  const rdateOptions2 = useMemo(\n    () => [\n      { label: t('add.add26'), value: 'exactdate' }, // \"具体日期\"\n      { label: t('add.add27'), value: 'today' }, // \"今天\"\n      { label: t('add.add28'), value: 'yesterday' }, // \"昨天\"\n    ],\n    [i18n.language]\n  )\n\n  return {\n    timeOptions,\n    boolOptions,\n    intOptions,\n    stringOptions,\n    rdateOptions,\n    rdateOptions2,\n  }\n}\n\nexport const useConditionTypeOptions = () => {\n  const { t, i18n } = useTranslation()\n\n  const options = useMemo(() => {\n    return [\n      {\n        label: t('all'),\n        value: 'all',\n      },\n      {\n        label: t('everyone'),\n        value: 'any',\n      },\n    ]\n  }, [i18n.language])\n\n  return options\n}\n"],"names":[],"mappings":";;AAGO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AAEnC,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,MAC1C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,OAAO;AAAA;AAAA,MACvC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,IAC5C;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEA,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,IACtC;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,KAAK;AAAA;AAAA,MACrC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,KAAK;AAAA;AAAA,MACrC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,KAAK;AAAA;AAAA,MACrC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,MAC1C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,OAAO;AAAA;AAAA,MACvC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,IAC5C;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI;AAAA;AAAA,MACpC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,KAAK;AAAA;AAAA,MACrC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,MAC1C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,aAAa;AAAA;AAAA,MAC7C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,OAAO;AAAA;AAAA,MACvC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,UAAU;AAAA;AAAA,IAC5C;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,QAAQ;AAAA;AAAA,MACxC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,WAAW;AAAA;AAAA,MAC3C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,WAAW;AAAA;AAAA,MAC3C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,aAAa;AAAA;AAAA,IAC/C;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAM;AAAA,MACJ,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,MAC5C,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,QAAQ;AAAA;AAAA,MACxC,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,YAAY;AAAA;AAAA,IAC9C;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,0BAA0B,MAAM;AAC3C,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AAE7B,QAAA,UAAU,QAAQ,MAAM;AACrB,WAAA;AAAA,MACL;AAAA,QACE,OAAO,EAAE,KAAK;AAAA,QACd,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,OAAO,EAAE,UAAU;AAAA,QACnB,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,EAAA,GACC,CAAC,KAAK,QAAQ,CAAC;AAEX,SAAA;AACT;"}

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

@@ -1 +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;"}
+{"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, 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":";;;;AAWA,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

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