@platox/pivot-table 0.0.34 → 0.0.36

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.d.ts

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

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

@@ -2,10 +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";
 const AddStatisticsModal = ({
   open,
   onClose,
@@ -17,39 +18,28 @@ const AddStatisticsModal = ({
   const { t } = useTranslation();
   const [customData, setCustomData] = useState();
   const [customeStyle, setCustomeStyle] = useState();
-  const handleOk = () => {
-    onClose == null ? void 0 : onClose();
-  };
   useEffect(() => {
     if (selectModuleData) {
       setCustomData(selectModuleData == null ? void 0 : selectModuleData.customData);
       setCustomeStyle(selectModuleData == null ? void 0 : selectModuleData.customeStyle);
     }
   }, [selectModuleData]);
+  const [title, setTitle] = useState("");
+  useEffect(() => {
+    if (open) {
+      setTitle(!!(selectModuleData == null ? void 0 : selectModuleData.title) ? selectModuleData == null ? void 0 : selectModuleData.title : t("statisticsText"));
+    }
+  }, [open]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Modal,
     {
       width: "65%",
-      title: t("statisticsText"),
+      title: /* @__PURE__ */ jsx(EditorHeader, { value: title, onChange: setTitle }),
       footer: null,
       open,
-      onOk: handleOk,
       onCancel: onClose,
       closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-      classNames: {
-        content: "ow"
-      },
-      styles: {
-        header: {
-          padding: "10px",
-          borderBottom: "1px solid #dee0e3",
-          marginBottom: "10px"
-        },
-        body: {
-          overflowY: "auto",
-          flex: 1
-        }
-      },
+      className: "ow",
       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,
@@ -103,7 +93,8 @@ const AddStatisticsModal = ({
                 onOk == null ? void 0 : onOk({
                   id: selectModuleData == null ? void 0 : selectModuleData.id,
                   customData,
-                  customeStyle
+                  customeStyle,
+                  title
                 });
               },
               children: t("confirm")

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

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;

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

@@ -1,11 +1,12 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
 import { Form, Modal, Flex, Select, Space, InputNumber, DatePicker, Input, Switch, Button } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
-import { useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import dayjs from "dayjs";
-import DebounceSelect from "./debounce-select.js";
 import { useAppContext } from "../../../../context.js";
+import { useConditionTypeOptions, useConditionSymbolOptions } from "./config.js";
+import DebounceSelect from "./debounce-select.js";
 const ConditionModal = ({
   open,
   onClose,
@@ -17,188 +18,8 @@ const ConditionModal = ({
   const [form] = Form.useForm();
   const { t } = useTranslation();
   const { globalData } = useAppContext();
-  const timeOptions = [
-    {
-      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"
-    }
-  ];
-  const boolOptions = [
-    {
-      label: t("add.add13"),
-      //"等于",
-      value: "="
-    }
-  ];
-  const intOptions = [
-    {
-      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"
-    }
-  ];
-  const stringOptions = [
-    {
-      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"
-    }
-  ];
-  const rdateOptions = [
-    {
-      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"),
-      //"过去7天",
-      value: "last7days"
-    },
-    {
-      label: t("add.add34"),
-      //"过去30天",
-      value: "last30days"
-    }
-  ];
-  const rdateOptions2 = [
-    {
-      label: t("add.add26"),
-      //"具体日期",
-      value: "exactdate"
-    },
-    {
-      label: t("add.add27"),
-      //"今天",
-      value: "today"
-    },
-    {
-      label: t("add.add28"),
-      //"昨天",
-      value: "yesterday"
-    }
-  ];
+  const conditionTypeOptions = useConditionTypeOptions();
+  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } = useConditionSymbolOptions();
   const conditionOptions = {
     int: intOptions,
     timestamp: timeOptions,
@@ -286,22 +107,7 @@ const ConditionModal = ({
               var _a;
               return ((_a = getFieldValue("conditionList")) == null ? void 0 : _a.length) > 1 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 5, style: { marginBottom: "20px" }, children: [
                 t("conformTo"),
-                /* @__PURE__ */ jsx(Form.Item, { name: "conditionType", noStyle: true, children: /* @__PURE__ */ jsx(
-                  Select,
-                  {
-                    style: { width: "150px" },
-                    options: [
-                      {
-                        label: t("all"),
-                        value: "all"
-                      },
-                      {
-                        label: t("everyone"),
-                        value: "any"
-                      }
-                    ]
-                  }
-                ) }),
+                /* @__PURE__ */ jsx(Form.Item, { name: "conditionType", noStyle: true, children: /* @__PURE__ */ jsx(Select, { style: { width: "150px" }, options: conditionTypeOptions }) }),
                 " ",
                 t("condition")
               ] }) : null;