@platox/pivot-table 0.0.67 → 0.0.69

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

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useMemo, useEffect } from "react";
-import { Select, Spin } from "antd";
+import { Spin } from "antd";
 import { debounce, isArray } from "lodash-es";
+import { SelectWrapper } from "../../../SelectWrapper/index.js";
 function DebounceEnumSelectWrapper(props) {
   const { fetchOptions, debounceTimeout = 800, value: _value, ...others } = props;
   const [fetching, setFetching] = useState(false);
@@ -40,7 +41,7 @@ function DebounceEnumSelectWrapper(props) {
     }
   }, [_value, props == null ? void 0 : props.mode]);
   return /* @__PURE__ */ jsx(
-    Select,
+    SelectWrapper,
     {
       labelInValue: true,
       showSearch: true,
@@ -70,7 +71,7 @@ const EnumSelectWrapper = (props) => {
     }
   }, [_value, props == null ? void 0 : props.mode]);
   return /* @__PURE__ */ jsx(
-    Select,
+    SelectWrapper,
     {
       ...others,
       value,

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

@@ -1 +1 @@
-{"version":3,"file":"EnumSelect.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.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 { isString } from 'antd/es/button'\nimport { debounce, isArray, isObject } from 'lodash-es'\n\nexport interface DebounceSelectProps<ValueType = any>\n  extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children' | 'value'> {\n  value?: ValueType | ValueType[]\n  // onChange?: (v: string) => void\n  fetchOptions: (search: string) => Promise<ValueType[]>\n  debounceTimeout?: number\n}\n\nexport function DebounceEnumSelectWrapper<\n  ValueType extends {\n    key?: string\n    label: React.ReactNode\n    value: string | number\n  } = any,\n>(props: DebounceSelectProps<ValueType>) {\n  const { fetchOptions, debounceTimeout = 800, value: _value, ...others } = props\n\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  /* ============================== split =============================== */\n  const value = useMemo(() => {\n    let isMultiple = others?.mode === 'multiple'\n\n    if (isMultiple) {\n      let ret: ValueType[] = isArray(_value) ? (_value as ValueType[]) : []\n      return ret\n    } else {\n      let ret: ValueType = {} as ValueType\n      if (!isArray(_value) && _value?.value) {\n        ret = _value\n      }\n      return ret\n    }\n\n    // //兼容旧数据\n    // if (isMultiple) {\n    //   let ret: ValueType[] = []\n    //   if (isArray(_value)) {\n    //     ret = _value as ValueType[]\n    //   } else if (isObject(_value) && _value?.value) {\n    //     ret = [_value as ValueType]\n    //   }\n    //   return ret\n    // } else {\n    //   let ret: ValueType = {} as ValueType\n    //   if (!isArray(_value) && _value?.value) {\n    //     ret = _value\n    //   }\n    //   return ret\n    // }\n  }, [_value, props?.mode])\n\n  return (\n    <Select\n      key={props?.mode}\n      labelInValue\n      showSearch\n      filterOption={false}\n      onSearch={debounceFetcher}\n      notFoundContent={fetching ? <Spin size=\"small\" /> : null}\n      {...others}\n      value={value}\n      options={options}\n    />\n  )\n}\n\n/* ============================== split =============================== */\n\nexport const EnumSelectWrapper = (\n  props: {\n    value?: string | string[]\n  } & Omit<SelectProps, 'value'>\n) => {\n  const { value: _value = '', onChange, ...others } = props\n\n  const value = useMemo(() => {\n    let isMultiple = props?.mode === 'multiple'\n\n    if (isMultiple) {\n      let ret: string[] = isArray(_value) ? (_value as string[]) : []\n      return ret\n    } else {\n      let ret: string = ''\n      if (!isArray(_value) && !!_value) {\n        ret = _value as string\n      }\n      return ret\n    }\n\n    // if (isMultiple) {\n    //   let ret: string[] = []\n\n    //   if (isArray(_value)) {\n    //     ret = _value as string[]\n    //   } else if (isString(_value) && !!_value) {\n    //     //兼容旧数据\n    //     ret = [_value as string]\n    //   }\n    //   return ret\n    // } else {\n    //   let ret = ''\n    //   if (isArray(_value)) {\n    //     ret = _value?.[0] ?? ''\n    //   } else {\n    //     ret = _value as string\n    //   }\n    //   return ret\n    // }\n  }, [_value, props?.mode])\n\n  return (\n    <Select\n      key={props?.mode}\n      {...others}\n      value={value}\n      onChange={(...arg) => {\n        props?.onChange?.(...arg)\n      }}\n    />\n  )\n}\n"],"names":["value"],"mappings":";;;;AAcO,SAAS,0BAMd,OAAuC;AACjC,QAAA,EAAE,cAAc,kBAAkB,KAAK,OAAO,QAAQ,GAAG,WAAW;AAE1E,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,CAACA,WAAkB;AACrC,eAAS,WAAW;AACpB,YAAM,UAAU,SAAS;AACzB,iBAAW,CAAA,CAAE;AACb,kBAAY,IAAI;AAEHA,mBAAAA,MAAK,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;AAGC,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,iCAAQ,UAAS;AAElC,QAAI,YAAY;AACd,UAAI,MAAmB,QAAQ,MAAM,IAAK,SAAyB,CAAC;AAC7D,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAiB,CAAC;AACtB,UAAI,CAAC,QAAQ,MAAM,MAAK,iCAAQ,QAAO;AAC/B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAmBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,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,MACA;AAAA,IAAA;AAAA,IARK,+BAAO;AAAA,EASd;AAEJ;AAIa,MAAA,oBAAoB,CAC/B,UAGG;AACH,QAAM,EAAE,OAAO,SAAS,IAAI,UAAU,GAAG,WAAW;AAE9C,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,+BAAO,UAAS;AAEjC,QAAI,YAAY;AACd,UAAI,MAAgB,QAAQ,MAAM,IAAK,SAAsB,CAAC;AACvD,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAc;AAClB,UAAI,CAAC,QAAQ,MAAM,KAAK,CAAC,CAAC,QAAQ;AAC1B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAsBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU,IAAI,QAAQ;;AACb,6CAAA,aAAA,+BAAW,GAAG;AAAA,MAAG;AAAA,IAC1B;AAAA,IALK,+BAAO;AAAA,EAMd;AAEJ;"}
+{"version":3,"file":"EnumSelect.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.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 { isString } from 'antd/es/button'\nimport { debounce, isArray, isObject } from 'lodash-es'\nimport SelectWrapper from '@platox/pivot-table/components/SelectWrapper'\n\nexport interface DebounceSelectProps<ValueType = any>\n  extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children' | 'value'> {\n  value?: ValueType | ValueType[]\n  // onChange?: (v: string) => void\n  fetchOptions: (search: string) => Promise<ValueType[]>\n  debounceTimeout?: number\n}\n\nexport function DebounceEnumSelectWrapper<\n  ValueType extends {\n    key?: string\n    label: React.ReactNode\n    value: string | number\n  } = any,\n>(props: DebounceSelectProps<ValueType>) {\n  const { fetchOptions, debounceTimeout = 800, value: _value, ...others } = props\n\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  /* ============================== split =============================== */\n  const value = useMemo(() => {\n    let isMultiple = others?.mode === 'multiple'\n\n    if (isMultiple) {\n      let ret: ValueType[] = isArray(_value) ? (_value as ValueType[]) : []\n      return ret\n    } else {\n      let ret: ValueType = {} as ValueType\n      if (!isArray(_value) && _value?.value) {\n        ret = _value\n      }\n      return ret\n    }\n\n    // //兼容旧数据\n    // if (isMultiple) {\n    //   let ret: ValueType[] = []\n    //   if (isArray(_value)) {\n    //     ret = _value as ValueType[]\n    //   } else if (isObject(_value) && _value?.value) {\n    //     ret = [_value as ValueType]\n    //   }\n    //   return ret\n    // } else {\n    //   let ret: ValueType = {} as ValueType\n    //   if (!isArray(_value) && _value?.value) {\n    //     ret = _value\n    //   }\n    //   return ret\n    // }\n  }, [_value, props?.mode])\n\n  return (\n    <SelectWrapper\n      key={props?.mode}\n      labelInValue\n      showSearch\n      filterOption={false}\n      onSearch={debounceFetcher}\n      notFoundContent={fetching ? <Spin size=\"small\" /> : null}\n      {...others}\n      value={value}\n      options={options}\n    />\n  )\n}\n\n/* ============================== split =============================== */\n\nexport const EnumSelectWrapper = (\n  props: {\n    value?: string | string[]\n  } & Omit<SelectProps, 'value'>\n) => {\n  const { value: _value = '', onChange, ...others } = props\n\n  const value = useMemo(() => {\n    let isMultiple = props?.mode === 'multiple'\n\n    if (isMultiple) {\n      let ret: string[] = isArray(_value) ? (_value as string[]) : []\n      return ret\n    } else {\n      let ret: string = ''\n      if (!isArray(_value) && !!_value) {\n        ret = _value as string\n      }\n      return ret\n    }\n\n    // if (isMultiple) {\n    //   let ret: string[] = []\n\n    //   if (isArray(_value)) {\n    //     ret = _value as string[]\n    //   } else if (isString(_value) && !!_value) {\n    //     //兼容旧数据\n    //     ret = [_value as string]\n    //   }\n    //   return ret\n    // } else {\n    //   let ret = ''\n    //   if (isArray(_value)) {\n    //     ret = _value?.[0] ?? ''\n    //   } else {\n    //     ret = _value as string\n    //   }\n    //   return ret\n    // }\n  }, [_value, props?.mode])\n\n  return (\n    <SelectWrapper\n      key={props?.mode}\n      {...others}\n      value={value}\n      onChange={(...arg) => {\n        props?.onChange?.(...arg)\n      }}\n    />\n  )\n}\n"],"names":["value"],"mappings":";;;;;AAeO,SAAS,0BAMd,OAAuC;AACjC,QAAA,EAAE,cAAc,kBAAkB,KAAK,OAAO,QAAQ,GAAG,WAAW;AAE1E,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,CAACA,WAAkB;AACrC,eAAS,WAAW;AACpB,YAAM,UAAU,SAAS;AACzB,iBAAW,CAAA,CAAE;AACb,kBAAY,IAAI;AAEHA,mBAAAA,MAAK,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;AAGC,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,iCAAQ,UAAS;AAElC,QAAI,YAAY;AACd,UAAI,MAAmB,QAAQ,MAAM,IAAK,SAAyB,CAAC;AAC7D,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAiB,CAAC;AACtB,UAAI,CAAC,QAAQ,MAAM,MAAK,iCAAQ,QAAO;AAC/B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAmBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,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,MACA;AAAA,IAAA;AAAA,IARK,+BAAO;AAAA,EASd;AAEJ;AAIa,MAAA,oBAAoB,CAC/B,UAGG;AACH,QAAM,EAAE,OAAO,SAAS,IAAI,UAAU,GAAG,WAAW;AAE9C,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,+BAAO,UAAS;AAEjC,QAAI,YAAY;AACd,UAAI,MAAgB,QAAQ,MAAM,IAAK,SAAsB,CAAC;AACvD,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAc;AAClB,UAAI,CAAC,QAAQ,MAAM,KAAK,CAAC,CAAC,QAAQ;AAC1B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAsBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU,IAAI,QAAQ;;AACb,6CAAA,aAAA,+BAAW,GAAG;AAAA,MAAG;AAAA,IAC1B;AAAA,IALK,+BAAO;AAAA,EAMd;AAEJ;"}

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

@@ -1,9 +1,11 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
-import { Form, Modal, Flex, Select, Space, InputNumber, Input, Switch, Button } from "antd";
+import { Form, Modal, Flex, Space, InputNumber, Switch, Button } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import { useTranslation } from "react-i18next";
 import { DatePickerWrapper, RangePickerWrapper } from "../../../global-filter-condition/ConditionSymbolAndValuePicker.js";
+import { InputWrapper } from "../../../InputWrapper/index.js";
+import { SelectWrapper } from "../../../SelectWrapper/index.js";
 import { useAppContext } from "../../../../context.js";
 import { useConditionTypeOptions, useConditionSymbolOptions } from "./config.js";
 import { EnumSelectWrapper, DebounceEnumSelectWrapper } from "./EnumSelect.js";
@@ -91,7 +93,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: conditionTypeOptions }) }),
+                /* @__PURE__ */ jsx(Form.Item, { name: "conditionType", noStyle: true, children: /* @__PURE__ */ jsx(SelectWrapper, { style: { width: "150px" }, options: conditionTypeOptions }) }),
                 " ",
                 t("condition")
               ] }) : null;
@@ -99,7 +101,7 @@ const ConditionModal = ({
             /* @__PURE__ */ jsx(Form.List, { name: "conditionList", children: (fields, { add, remove }) => /* @__PURE__ */ jsxs(Fragment, { children: [
               fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxs(Space, { style: { display: "flex", marginBottom: 8 }, align: "baseline", children: [
                 /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "field"], noStyle: true, children: /* @__PURE__ */ jsx(
-                  Select,
+                  SelectWrapper,
                   {
                     style: { width: "150px" },
                     options: fieldOptions || [],
@@ -125,7 +127,7 @@ const ConditionModal = ({
                     (item) => item.value === getFieldValue(["conditionList", name, "field"])
                   )) == null ? void 0 : _a.type;
                   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "condition"], noStyle: true, children: /* @__PURE__ */ jsx(
-                    Select,
+                    SelectWrapper,
                     {
                       style: { width: "100px" },
                       popupMatchSelectWidth: 200,
@@ -188,7 +190,7 @@ const ConditionModal = ({
                         ] }) : null,
                         type === "timestamp" && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
                           condition === "=" || condition === "<" || condition === ">" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "rdate"], noStyle: true, children: /* @__PURE__ */ jsx(
-                            Select,
+                            SelectWrapper,
                             {
                               showSearch: true,
                               optionFilterProp: "label",
@@ -225,14 +227,14 @@ const ConditionModal = ({
                         ] }) : null,
                         ["string"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
                           /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(
-                            Input,
+                            InputWrapper,
                             {
                               style: { width: "150px" },
                               placeholder: t("pleaseEnter")
                             }
                           ) }),
                           condition === "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val2"], noStyle: true, children: /* @__PURE__ */ jsx(
-                            Input,
+                            InputWrapper,
                             {
                               style: {
                                 width: "150px",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useRef } from 'react'\nimport {\n  Button,\n  DatePicker,\n  Flex,\n  Form,\n  Input,\n  InputNumber,\n  Modal,\n  Select,\n  Space,\n  Switch,\n} from 'antd'\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport {\n  DatePickerWrapper,\n  RangePickerWrapper,\n} from '@platox/pivot-table/components/global-filter-condition/ConditionSymbolAndValuePicker'\nimport { useAppContext } from '../../../../context'\nimport { EnumDataApi, FieldItem } from '../../../../types'\nimport { useConditionSymbolOptions, useConditionTypeOptions } from './config'\nimport { DebounceEnumSelectWrapper, EnumSelectWrapper } from './EnumSelect'\nimport { ConditionBlock } from './interface'\n\ninterface ConditionModalProps {\n  open?: boolean\n  fieldOptions?: FieldItem[]\n  onSubmit?: ((values: any) => void) | undefined\n  onClose?: () => void\n  onOk?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n  value?: ConditionBlock\n}\n\nconst ConditionModal: React.FC<ConditionModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  fieldOptions,\n  value,\n  enumDataApi,\n}) => {\n  const [form] = Form.useForm()\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const initData = useCallback(() => {\n    if (value?.conditionList) {\n      const conditionList = JSON.parse(JSON.stringify(value?.conditionList))\n      form.setFieldsValue({\n        conditionList: conditionList.map((item: any) => {\n          if (item.val === undefined || item.val === '') {\n            item.val = ''\n          }\n          if (item.val2 === undefined || item.val2 === '') {\n            item.val2 = ''\n          }\n          return item\n        }),\n        conditionType: value.conditionType,\n      })\n    } else {\n      form.setFieldsValue({\n        conditionList: [],\n        conditionType: 'all',\n      })\n    }\n  }, [value])\n\n  useEffect(() => {\n    if (open) {\n      initData()\n    }\n  }, [value, open])\n  return (\n    <>\n      <Modal\n        title={t('setFilteringCriteria')}\n        open={open}\n        destroyOnClose\n        width=\"650px\"\n        onOk={() => {\n          const val = form.getFieldsValue()\n          const conditionList = val.conditionList\n            ? JSON.parse(JSON.stringify(val.conditionList))\n            : ''\n          const conditionType = val.conditionType || 'all'\n          const newVal = {\n            conditionList: conditionList.map((item: any) => {\n              return item\n            }),\n            conditionType,\n          }\n          onClose?.()\n          onOk?.(newVal)\n        }}\n        onCancel={() => {\n          initData()\n          onClose?.()\n        }}\n      >\n        <Form\n          name=\"dynamicForm\"\n          form={form}\n          initialValues={{ conditionType: 'all' }}\n          style={{ maxWidth: 650, marginTop: '30px' }}\n        >\n          <Form.Item noStyle dependencies={['conditionList']}>\n            {({ getFieldValue }) =>\n              getFieldValue('conditionList')?.length > 1 ? (\n                <Flex align=\"center\" gap={5} style={{ marginBottom: '20px' }}>\n                  {t('conformTo')}\n                  <Form.Item name=\"conditionType\" noStyle>\n                    <Select style={{ width: '150px' }} options={conditionTypeOptions} />\n                  </Form.Item>{' '}\n                  {t('condition')}\n                </Flex>\n              ) : null\n            }\n          </Form.Item>\n\n          <Form.List name=\"conditionList\">\n            {(fields, { add, remove }) => (\n              <>\n                {fields.map(({ key, name, ...restField }) => (\n                  <Space key={key} style={{ display: 'flex', marginBottom: 8 }} align=\"baseline\">\n                    <Form.Item {...restField} name={[name, 'field']} noStyle>\n                      <Select\n                        style={{ width: '150px' }}\n                        options={fieldOptions || []}\n                        onChange={val => {\n                          const values = form.getFieldValue('conditionList')\n                          const currField = fieldOptions?.find(item => item.value === val)\n                          values[name].condition = '='\n                          values[name].type = currField?.type\n                          values[name].val = ''\n                          values[name].val2 = ''\n                          if (currField?.type === 'timestamp') {\n                            values[name].rdate = 'exactdate'\n                          }\n                          form.setFieldsValue({\n                            conditionList: values,\n                          })\n                        }}\n                      />\n                    </Form.Item>\n\n                    <Form.Item noStyle dependencies={[['conditionList', name, 'field']]}>\n                      {({ getFieldValue }) => {\n                        const type = fieldOptions?.find(\n                          item => item.value === getFieldValue(['conditionList', name, 'field'])\n                        )?.type\n                        return (\n                          <>\n                            <Form.Item {...restField} name={[name, 'condition']} noStyle>\n                              <Select\n                                style={{ width: '100px' }}\n                                popupMatchSelectWidth={200}\n                                options={\n                                  type\n                                    ? conditionOptions[type as keyof typeof conditionOptions]\n                                    : []\n                                }\n                                onChange={() => {\n                                  const values = form.getFieldValue('conditionList')\n                                  if (type === 'timestamp') {\n                                    values[name].rdate = 'exactdate'\n                                  }\n                                  form.setFieldsValue({\n                                    conditionList: values,\n                                  })\n                                }}\n                              />\n                            </Form.Item>\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n\n                    <Form.Item\n                      noStyle\n                      dependencies={[\n                        ['conditionList', name, 'field'],\n                        ['conditionList', name, 'condition'],\n                        ['conditionList', name, 'rdate'],\n                      ]}\n                    >\n                      {({ getFieldValue }) => {\n                        const field = getFieldValue(['conditionList', name, 'field'])\n                        const fieldData = fieldOptions?.find(item => item.value === field)\n                        const type = fieldData?.type || ''\n                        const enumOptions = fieldData?.enum?.map(item => ({\n                          ...item,\n                          label: globalData?.fieldMap?.[item.label] || item.label,\n                        }))\n                        const enumUrl = fieldData?.dynamic_call_enum_api\n                        const condition = getFieldValue(['conditionList', name, 'condition'])\n                        const rdate = getFieldValue(['conditionList', name, 'rdate'])\n                        return (\n                          <>\n                            {['int', 'float'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <InputNumber\n                                    style={{ width: '100px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <InputNumber\n                                      style={{\n                                        width: '100px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {type === 'timestamp' && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                {condition === '=' || condition === '<' || condition === '>' ? (\n                                  <Form.Item {...restField} name={[name, 'rdate']} noStyle>\n                                    <Select\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={condition === '=' ? rdateOptions : rdateOptions2}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n\n                                {rdate == 'exactdate' && condition !== 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                    <DatePickerWrapper style={{ width: '150px' }} />\n                                  </Form.Item>\n                                ) : null}\n\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} noStyle>\n                                    <RangePickerWrapper\n                                      value={[\n                                        getFieldValue(['conditionList', name, 'val']),\n                                        getFieldValue(['conditionList', name, 'val2']),\n                                      ]}\n                                      onChange={v => {\n                                        form.setFieldsValue({\n                                          ['conditionList']: [\n                                            ...form\n                                              .getFieldValue('conditionList')\n                                              .map((item: any) => {\n                                                if (item.field === field) {\n                                                  return {\n                                                    ...item,\n                                                    val: v[0],\n                                                    val2: v[1],\n                                                  }\n                                                }\n                                                return item\n                                              }),\n                                          ],\n                                        })\n                                      }}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['string'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Input\n                                    style={{ width: '150px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <Input\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['bool'].includes(type) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Switch />\n                                </Form.Item>\n                              </>\n                            ) : null}\n                            {['enum'].includes(type) && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  {enumOptions && enumOptions?.length > 0 ? (\n                                    <EnumSelectWrapper\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '320px' }}\n                                      options={enumOptions}\n                                      {...(['include', 'notinclude'].includes(condition)\n                                        ? { mode: 'multiple', maxTagCount: 'responsive' }\n                                        : {})}\n                                    />\n                                  ) : enumUrl ? (\n                                    <DebounceEnumSelectWrapper\n                                      style={{ width: '320px' }}\n                                      // popupMatchSelectWidth={300}\n                                      {...(['include', 'notinclude'].includes(condition)\n                                        ? { mode: 'multiple', maxTagCount: 'responsive' }\n                                        : {})}\n                                      fetchOptions={async value => {\n                                        let dfUrl = enumUrl\n                                        if (value) {\n                                          dfUrl = `${dfUrl}?q=${value}`\n                                        }\n                                        return (await enumDataApi?.(dfUrl)?.then(\n                                          (res: any) => res.data?.list\n                                        )) as any\n                                      }}\n                                    />\n                                  ) : null}\n                                </Form.Item>\n                              </>\n                            ) : null}\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n                    <MinusCircleOutlined onClick={() => remove(name)} />\n                  </Space>\n                ))}\n                <Form.Item>\n                  <Button\n                    type=\"dashed\"\n                    onClick={() => {\n                      const type = fieldOptions?.[0].value\n                      add(\n                        type !== 'timestamp'\n                          ? {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              val: '',\n                              val2: '',\n                            }\n                          : {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              exactdate: 'exactdate',\n                              val: '',\n                              val2: '',\n                            }\n                      )\n                    }}\n                    block\n                    icon={<PlusOutlined />}\n                  >\n                    {t('addCondition')}\n                  </Button>\n                </Form.Item>\n              </>\n            )}\n          </Form.List>\n        </Form>\n      </Modal>\n    </>\n  )\n}\nexport default ConditionModal\n"],"names":["_a","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useRef } from 'react'\nimport {\n  Button,\n  DatePicker,\n  Flex,\n  Form,\n  Input,\n  InputNumber,\n  Modal,\n  Select,\n  Space,\n  Switch,\n} from 'antd'\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport {\n  DatePickerWrapper,\n  RangePickerWrapper,\n} from '@platox/pivot-table/components/global-filter-condition/ConditionSymbolAndValuePicker'\nimport InputWrapper from '@platox/pivot-table/components/InputWrapper'\nimport SelectWrapper from '@platox/pivot-table/components/SelectWrapper'\nimport { useAppContext } from '../../../../context'\nimport { EnumDataApi, FieldItem } from '../../../../types'\nimport { useConditionSymbolOptions, useConditionTypeOptions } from './config'\nimport { DebounceEnumSelectWrapper, EnumSelectWrapper } from './EnumSelect'\nimport { ConditionBlock } from './interface'\n\ninterface ConditionModalProps {\n  open?: boolean\n  fieldOptions?: FieldItem[]\n  onSubmit?: ((values: any) => void) | undefined\n  onClose?: () => void\n  onOk?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n  value?: ConditionBlock\n}\n\nconst ConditionModal: React.FC<ConditionModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  fieldOptions,\n  value,\n  enumDataApi,\n}) => {\n  const [form] = Form.useForm()\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const initData = useCallback(() => {\n    if (value?.conditionList) {\n      const conditionList = JSON.parse(JSON.stringify(value?.conditionList))\n      form.setFieldsValue({\n        conditionList: conditionList.map((item: any) => {\n          if (item.val === undefined || item.val === '') {\n            item.val = ''\n          }\n          if (item.val2 === undefined || item.val2 === '') {\n            item.val2 = ''\n          }\n          return item\n        }),\n        conditionType: value.conditionType,\n      })\n    } else {\n      form.setFieldsValue({\n        conditionList: [],\n        conditionType: 'all',\n      })\n    }\n  }, [value])\n\n  useEffect(() => {\n    if (open) {\n      initData()\n    }\n  }, [value, open])\n  return (\n    <>\n      <Modal\n        title={t('setFilteringCriteria')}\n        open={open}\n        destroyOnClose\n        width=\"650px\"\n        onOk={() => {\n          const val = form.getFieldsValue()\n          const conditionList = val.conditionList\n            ? JSON.parse(JSON.stringify(val.conditionList))\n            : ''\n          const conditionType = val.conditionType || 'all'\n          const newVal = {\n            conditionList: conditionList.map((item: any) => {\n              return item\n            }),\n            conditionType,\n          }\n          onClose?.()\n          onOk?.(newVal)\n        }}\n        onCancel={() => {\n          initData()\n          onClose?.()\n        }}\n      >\n        <Form\n          name=\"dynamicForm\"\n          form={form}\n          initialValues={{ conditionType: 'all' }}\n          style={{ maxWidth: 650, marginTop: '30px' }}\n        >\n          <Form.Item noStyle dependencies={['conditionList']}>\n            {({ getFieldValue }) =>\n              getFieldValue('conditionList')?.length > 1 ? (\n                <Flex align=\"center\" gap={5} style={{ marginBottom: '20px' }}>\n                  {t('conformTo')}\n                  <Form.Item name=\"conditionType\" noStyle>\n                    <SelectWrapper style={{ width: '150px' }} options={conditionTypeOptions} />\n                  </Form.Item>{' '}\n                  {t('condition')}\n                </Flex>\n              ) : null\n            }\n          </Form.Item>\n\n          <Form.List name=\"conditionList\">\n            {(fields, { add, remove }) => (\n              <>\n                {fields.map(({ key, name, ...restField }) => (\n                  <Space key={key} style={{ display: 'flex', marginBottom: 8 }} align=\"baseline\">\n                    <Form.Item {...restField} name={[name, 'field']} noStyle>\n                      <SelectWrapper\n                        style={{ width: '150px' }}\n                        options={fieldOptions || []}\n                        onChange={val => {\n                          const values = form.getFieldValue('conditionList')\n                          const currField = fieldOptions?.find(item => item.value === val)\n                          values[name].condition = '='\n                          values[name].type = currField?.type\n                          values[name].val = ''\n                          values[name].val2 = ''\n                          if (currField?.type === 'timestamp') {\n                            values[name].rdate = 'exactdate'\n                          }\n                          form.setFieldsValue({\n                            conditionList: values,\n                          })\n                        }}\n                      />\n                    </Form.Item>\n\n                    <Form.Item noStyle dependencies={[['conditionList', name, 'field']]}>\n                      {({ getFieldValue }) => {\n                        const type = fieldOptions?.find(\n                          item => item.value === getFieldValue(['conditionList', name, 'field'])\n                        )?.type\n                        return (\n                          <>\n                            <Form.Item {...restField} name={[name, 'condition']} noStyle>\n                              <SelectWrapper\n                                style={{ width: '100px' }}\n                                popupMatchSelectWidth={200}\n                                options={\n                                  type\n                                    ? conditionOptions[type as keyof typeof conditionOptions]\n                                    : []\n                                }\n                                onChange={() => {\n                                  const values = form.getFieldValue('conditionList')\n                                  if (type === 'timestamp') {\n                                    values[name].rdate = 'exactdate'\n                                  }\n                                  form.setFieldsValue({\n                                    conditionList: values,\n                                  })\n                                }}\n                              />\n                            </Form.Item>\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n\n                    <Form.Item\n                      noStyle\n                      dependencies={[\n                        ['conditionList', name, 'field'],\n                        ['conditionList', name, 'condition'],\n                        ['conditionList', name, 'rdate'],\n                      ]}\n                    >\n                      {({ getFieldValue }) => {\n                        const field = getFieldValue(['conditionList', name, 'field'])\n                        const fieldData = fieldOptions?.find(item => item.value === field)\n                        const type = fieldData?.type || ''\n                        const enumOptions = fieldData?.enum?.map(item => ({\n                          ...item,\n                          label: globalData?.fieldMap?.[item.label] || item.label,\n                        }))\n                        const enumUrl = fieldData?.dynamic_call_enum_api\n                        const condition = getFieldValue(['conditionList', name, 'condition'])\n                        const rdate = getFieldValue(['conditionList', name, 'rdate'])\n                        return (\n                          <>\n                            {['int', 'float'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <InputNumber\n                                    style={{ width: '100px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <InputNumber\n                                      style={{\n                                        width: '100px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {type === 'timestamp' && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                {condition === '=' || condition === '<' || condition === '>' ? (\n                                  <Form.Item {...restField} name={[name, 'rdate']} noStyle>\n                                    <SelectWrapper\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={condition === '=' ? rdateOptions : rdateOptions2}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n\n                                {rdate == 'exactdate' && condition !== 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                    <DatePickerWrapper style={{ width: '150px' }} />\n                                  </Form.Item>\n                                ) : null}\n\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} noStyle>\n                                    <RangePickerWrapper\n                                      value={[\n                                        getFieldValue(['conditionList', name, 'val']),\n                                        getFieldValue(['conditionList', name, 'val2']),\n                                      ]}\n                                      onChange={v => {\n                                        form.setFieldsValue({\n                                          ['conditionList']: [\n                                            ...form\n                                              .getFieldValue('conditionList')\n                                              .map((item: any) => {\n                                                if (item.field === field) {\n                                                  return {\n                                                    ...item,\n                                                    val: v[0],\n                                                    val2: v[1],\n                                                  }\n                                                }\n                                                return item\n                                              }),\n                                          ],\n                                        })\n                                      }}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['string'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <InputWrapper\n                                    style={{ width: '150px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <InputWrapper\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['bool'].includes(type) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Switch />\n                                </Form.Item>\n                              </>\n                            ) : null}\n                            {['enum'].includes(type) && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  {enumOptions && enumOptions?.length > 0 ? (\n                                    <EnumSelectWrapper\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '320px' }}\n                                      options={enumOptions}\n                                      {...(['include', 'notinclude'].includes(condition)\n                                        ? { mode: 'multiple', maxTagCount: 'responsive' }\n                                        : {})}\n                                    />\n                                  ) : enumUrl ? (\n                                    <DebounceEnumSelectWrapper\n                                      style={{ width: '320px' }}\n                                      // popupMatchSelectWidth={300}\n                                      {...(['include', 'notinclude'].includes(condition)\n                                        ? { mode: 'multiple', maxTagCount: 'responsive' }\n                                        : {})}\n                                      fetchOptions={async value => {\n                                        let dfUrl = enumUrl\n                                        if (value) {\n                                          dfUrl = `${dfUrl}?q=${value}`\n                                        }\n                                        return (await enumDataApi?.(dfUrl)?.then(\n                                          (res: any) => res.data?.list\n                                        )) as any\n                                      }}\n                                    />\n                                  ) : null}\n                                </Form.Item>\n                              </>\n                            ) : null}\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n                    <MinusCircleOutlined onClick={() => remove(name)} />\n                  </Space>\n                ))}\n                <Form.Item>\n                  <Button\n                    type=\"dashed\"\n                    onClick={() => {\n                      const type = fieldOptions?.[0].value\n                      add(\n                        type !== 'timestamp'\n                          ? {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              val: '',\n                              val2: '',\n                            }\n                          : {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              exactdate: 'exactdate',\n                              val: '',\n                              val2: '',\n                            }\n                      )\n                    }}\n                    block\n                    icon={<PlusOutlined />}\n                  >\n                    {t('addCondition')}\n                  </Button>\n                </Form.Item>\n              </>\n            )}\n          </Form.List>\n        </Form>\n      </Modal>\n    </>\n  )\n}\nexport default ConditionModal\n"],"names":["_a","value"],"mappings":"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"}

package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js

@@ -1,12 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { Select, Input, InputNumber, Switch, DatePicker } from "antd";
+import { Input, InputNumber, Switch, DatePicker } from "antd";
 import { useTranslation } from "react-i18next";
 import { useControllableValue, useMemoizedFn } from "ahooks";
 import dayjs from "dayjs";
 import { useAppContext } from "../../context.js";
 import { useConditionSymbolOptions } from "../add-module-modal/components/condition-modal/config.js";
 import { EnumSelectWrapper, DebounceEnumSelectWrapper } from "../add-module-modal/components/condition-modal/EnumSelect.js";
+import { InputWrapper } from "../InputWrapper/index.js";
+import { SelectWrapper } from "../SelectWrapper/index.js";
 const ConditionSymbolAndValuePicker = (props) => {
   var _a, _b, _c, _d;
   const { style, className, field } = props;
@@ -72,7 +74,7 @@ const ConditionSymbolAndValuePicker = (props) => {
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Select,
+      SelectWrapper,
       {
         style: { width: "100px" },
         popupMatchSelectWidth: 200,
@@ -110,7 +112,7 @@ const ConditionSymbolAndValuePicker = (props) => {
       ] }) : null,
       fieldType === "timestamp" && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
         symbolValue === "=" || symbolValue === "<" || symbolValue === ">" ? /* @__PURE__ */ jsx(
-          Select,
+          SelectWrapper,
           {
             showSearch: true,
             optionFilterProp: "label",
@@ -144,7 +146,7 @@ const ConditionSymbolAndValuePicker = (props) => {
       ] }) : null,
       ["string"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
-          Input,
+          InputWrapper,
           {
             style: { width: "150px" },
             placeholder: t("pleaseEnter"),
@@ -155,7 +157,7 @@ const ConditionSymbolAndValuePicker = (props) => {
           }
         ),
         symbolValue === "contain" ? /* @__PURE__ */ jsx(
-          Input,
+          InputWrapper,
           {
             style: { width: "150px", marginLeft: "5px" },
             placeholder: t("pleaseEnter"),

package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSymbolAndValuePicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.tsx"],"sourcesContent":["import { ChangeEventHandler, useEffect, useMemo, useState, type CSSProperties } from 'react'\nimport { DatePicker, DatePickerProps, Input, InputNumber, Select, SelectProps, Switch } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { useAppContext } from '../../context'\nimport { FieldItem } from '../../types'\nimport { useConditionSymbolOptions } from '../add-module-modal/components/condition-modal/config'\nimport {\n  DebounceEnumSelectWrapper,\n  EnumSelectWrapper,\n} from '../add-module-modal/components/condition-modal/EnumSelect'\nimport { ConditionListItemWrapper } from './interface'\n\nexport type ConditionSymbolAndValuePickerProps = {\n  style?: CSSProperties\n  className?: string\n\n  field?: FieldItem\n\n  value?: Omit<ConditionListItemWrapper, 'field'>\n  onChange: (value: Omit<ConditionListItemWrapper, 'field'>) => void\n}\n\nexport const ConditionSymbolAndValuePicker = (props: ConditionSymbolAndValuePickerProps) => {\n  const { style, className, field } = props\n  const fieldType = field?.type\n\n  const { t } = useTranslation()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const [value, setValue] = useControllableValue(props)\n\n  /* ============================== symbol =============================== */\n  let symbolOptions = conditionOptions[fieldType as keyof typeof conditionOptions] ?? []\n  let symbolDisabled = !props?.field\n  let symbolValue = value?.condition\n  let symbolOnChange = (v: string) => {\n    let newValue = { ...value, condition: v }\n    if (fieldType === 'timestamp') {\n      newValue['rdate'] = 'exactdate'\n    }\n    setValue({ ...value, condition: v })\n  }\n\n  /* ============================== condition value =============================== */\n  const val = value?.val\n  const val2 = value?.val2\n  const rdate = value?.rdate\n\n  const enumDataApi = useAppContext()?.service?.enumDataApi\n  const fieldMap = useAppContext()?.globalData?.fieldMap\n  const { options: enumOptions, enumUrl } = useMemo(() => {\n    let options: {\n      label: unknown\n      value: unknown\n    }[] = []\n    let enumUrl: string | undefined = undefined\n\n    if (field?.type === 'enum') {\n      options =\n        field?.enum?.map(item => ({\n          label: fieldMap?.[item.label] ?? item.label,\n          value: item.value,\n        })) ?? []\n      enumUrl = field?.dynamic_call_enum_api\n    }\n    return {\n      options,\n      enumUrl,\n    }\n  }, [field, fieldMap])\n\n  const handleConditionValueChange = useMemoizedFn((key: 'val' | 'val2' | 'rdate', v: unknown) => {\n    //@ts-ignore\n    let _v = v?.target?.value ?? v\n    setValue({ ...value, [key]: _v })\n  })\n\n  const getVaildValue = <T,>(\n    v: unknown,\n    type?: 'string' | 'number' | 'dayjs' | 'boolean' | 'enum' | 'lazy_enum',\n    defaultValue?: T\n  ) => {\n    let ret = defaultValue\n\n    switch (type) {\n      case 'number':\n        return (typeof v === 'number' ? v : ret) as T\n      case 'dayjs': //组件内部处理\n        return (typeof v === 'string' ? v : ret) as T\n      case 'boolean':\n        return (typeof v === 'boolean' ? v : ret) as T\n      case 'string':\n        return (typeof v === 'string' ? v : ret) as T\n      default:\n        return v as T\n    }\n  }\n\n  return (\n    <>\n      <Select\n        style={{ width: '100px' }}\n        popupMatchSelectWidth={200}\n        disabled={symbolDisabled}\n        options={symbolOptions}\n        value={symbolValue}\n        onChange={symbolOnChange}\n      />\n      {!fieldType && (\n        <>\n          <Input style={{ width: '100px' }} disabled />\n        </>\n      )}\n\n      {!!fieldType && (\n        <>\n          {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <InputNumber\n                style={{ width: '100px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <InputNumber\n                  style={{ width: '100px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2)}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {fieldType === 'timestamp' && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {symbolValue === '=' || symbolValue === '<' || symbolValue === '>' ? (\n                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n                  value={getVaildValue(rdate)}\n                  onChange={v => {\n                    handleConditionValueChange('rdate', v)\n                  }}\n                />\n              ) : null}\n\n              {rdate == 'exactdate' && symbolValue !== 'contain' ? (\n                <DatePickerWrapper\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : null}\n\n              {symbolValue === 'contain' ? (\n                <RangePickerWrapper\n                  value={[getVaildValue(val, 'dayjs'), getVaildValue(val2, 'dayjs')]}\n                  onChange={v => {\n                    setValue({ ...value, val: v[0], val2: v[1] })\n                    // handleConditionValueChange('val', v?.[0])\n                    // handleConditionValueChange('val2', v?.[1])\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <Input\n                style={{ width: '150px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <Input\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['bool'].includes(fieldType) ? (\n            <Switch\n              value={getVaildValue(val, 'boolean')}\n              onChange={v => {\n                handleConditionValueChange('val', v)\n              }}\n            />\n          ) : null}\n\n          {['enum'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {enumOptions && enumOptions?.length > 0 ? (\n                <EnumSelectWrapper\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '200px' }}\n                  options={enumOptions as { label: string; value: string }[]}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  {...(['include', 'notinclude'].includes(symbolValue)\n                    ? { mode: 'multiple', maxTagCount: 'responsive' }\n                    : {})}\n                />\n              ) : enumUrl ? (\n                <DebounceEnumSelectWrapper<{ label: string; value: string }>\n                  // mode=\"multiple\"\n                  style={{ width: '200px' }}\n                  popupMatchSelectWidth={300}\n                  value={getVaildValue(val)}\n                  {...(['include', 'notinclude'].includes(symbolValue)\n                    ? { mode: 'multiple', maxTagCount: 'responsive' }\n                    : {})}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  fetchOptions={async value => {\n                    let dfUrl = enumUrl\n                    if (value) {\n                      dfUrl = `${dfUrl}?q=${value}`\n                    }\n                    return (await enumDataApi?.(dfUrl)?.then(res => res.data?.list)) ?? []\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n        </>\n      )}\n    </>\n  )\n}\n\nConditionSymbolAndValuePicker.displayName = 'ConditionSymbolAndValuePicker'\n\nexport default ConditionSymbolAndValuePicker\n\n/* ============================== split =============================== */\nconst format = 'YYYY-MM-DD'\n\nexport const DatePickerWrapper = (\n  props: { value?: string; onChange?: (v: string) => void } & DatePickerProps\n) => {\n  const { value = '', onChange, ...others } = props\n\n  const dayjsValue = useMemo(() => {\n    return !!value ? dayjs(value, format) : undefined\n  }, [value])\n\n  return (\n    <DatePicker\n      {...(others as unknown as any)}\n      value={dayjsValue}\n      onChange={(v: Dayjs | null) => {\n        return onChange?.(v?.format(format) ?? '')\n      }}\n    />\n  )\n}\n\nexport const RangePickerWrapper = (\n  props: {\n    value?: [string, string]\n    onChange?: (v: [string, string]) => void\n  } & Omit<DatePickerProps, 'value' | 'onChange'>\n) => {\n  const { value, onChange, ...others } = props\n\n  const dayjsValue = useMemo(() => {\n    let start = !!value?.[0] ? dayjs(value?.[0], format) : undefined\n    let end = !!value?.[1] ? dayjs(value?.[1], format) : undefined\n    return [start, end]\n  }, [value?.[0] ?? '', value?.[1] ?? ''])\n\n  return (\n    <DatePicker.RangePicker\n      {...(others as unknown as any)}\n      value={dayjsValue}\n      allowClear={false}\n      onChange={(v: [Dayjs, Dayjs] | null) => {\n        let start = v?.[0]?.format(format) ?? ''\n        let end = v?.[1]?.format(format) ?? ''\n        onChange?.([start, end])\n      }}\n    />\n  )\n}\n"],"names":["enumUrl","_a","value"],"mappings":"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"}
+{"version":3,"file":"ConditionSymbolAndValuePicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.tsx"],"sourcesContent":["import { ChangeEventHandler, useEffect, useMemo, useState, type CSSProperties } from 'react'\nimport { DatePicker, DatePickerProps, Input, InputNumber, Select, SelectProps, Switch } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { useAppContext } from '../../context'\nimport { FieldItem } from '../../types'\nimport { useConditionSymbolOptions } from '../add-module-modal/components/condition-modal/config'\nimport {\n  DebounceEnumSelectWrapper,\n  EnumSelectWrapper,\n} from '../add-module-modal/components/condition-modal/EnumSelect'\nimport InputWrapper from '../InputWrapper'\nimport SelectWrapper from '../SelectWrapper'\nimport { ConditionListItemWrapper } from './interface'\n\nexport type ConditionSymbolAndValuePickerProps = {\n  style?: CSSProperties\n  className?: string\n\n  field?: FieldItem\n\n  value?: Omit<ConditionListItemWrapper, 'field'>\n  onChange: (value: Omit<ConditionListItemWrapper, 'field'>) => void\n}\n\nexport const ConditionSymbolAndValuePicker = (props: ConditionSymbolAndValuePickerProps) => {\n  const { style, className, field } = props\n  const fieldType = field?.type\n\n  const { t } = useTranslation()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const [value, setValue] = useControllableValue(props)\n\n  /* ============================== symbol =============================== */\n  let symbolOptions = conditionOptions[fieldType as keyof typeof conditionOptions] ?? []\n  let symbolDisabled = !props?.field\n  let symbolValue = value?.condition\n  let symbolOnChange = (v: string) => {\n    let newValue = { ...value, condition: v }\n    if (fieldType === 'timestamp') {\n      newValue['rdate'] = 'exactdate'\n    }\n    setValue({ ...value, condition: v })\n  }\n\n  /* ============================== condition value =============================== */\n  const val = value?.val\n  const val2 = value?.val2\n  const rdate = value?.rdate\n\n  const enumDataApi = useAppContext()?.service?.enumDataApi\n  const fieldMap = useAppContext()?.globalData?.fieldMap\n  const { options: enumOptions, enumUrl } = useMemo(() => {\n    let options: {\n      label: unknown\n      value: unknown\n    }[] = []\n    let enumUrl: string | undefined = undefined\n\n    if (field?.type === 'enum') {\n      options =\n        field?.enum?.map(item => ({\n          label: fieldMap?.[item.label] ?? item.label,\n          value: item.value,\n        })) ?? []\n      enumUrl = field?.dynamic_call_enum_api\n    }\n    return {\n      options,\n      enumUrl,\n    }\n  }, [field, fieldMap])\n\n  const handleConditionValueChange = useMemoizedFn((key: 'val' | 'val2' | 'rdate', v: unknown) => {\n    //@ts-ignore\n    let _v = v?.target?.value ?? v\n    setValue({ ...value, [key]: _v })\n  })\n\n  const getVaildValue = <T,>(\n    v: unknown,\n    type?: 'string' | 'number' | 'dayjs' | 'boolean' | 'enum' | 'lazy_enum',\n    defaultValue?: T\n  ) => {\n    let ret = defaultValue\n\n    switch (type) {\n      case 'number':\n        return (typeof v === 'number' ? v : ret) as T\n      case 'dayjs': //组件内部处理\n        return (typeof v === 'string' ? v : ret) as T\n      case 'boolean':\n        return (typeof v === 'boolean' ? v : ret) as T\n      case 'string':\n        return (typeof v === 'string' ? v : ret) as T\n      default:\n        return v as T\n    }\n  }\n\n  return (\n    <>\n      <SelectWrapper\n        style={{ width: '100px' }}\n        popupMatchSelectWidth={200}\n        disabled={symbolDisabled}\n        options={symbolOptions}\n        value={symbolValue}\n        onChange={symbolOnChange}\n      />\n      {!fieldType && (\n        <>\n          <Input style={{ width: '100px' }} disabled />\n        </>\n      )}\n\n      {!!fieldType && (\n        <>\n          {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <InputNumber\n                style={{ width: '100px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <InputNumber\n                  style={{ width: '100px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2)}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {fieldType === 'timestamp' && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {symbolValue === '=' || symbolValue === '<' || symbolValue === '>' ? (\n                <SelectWrapper\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n                  value={getVaildValue(rdate)}\n                  onChange={v => {\n                    handleConditionValueChange('rdate', v)\n                  }}\n                />\n              ) : null}\n\n              {rdate == 'exactdate' && symbolValue !== 'contain' ? (\n                <DatePickerWrapper\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : null}\n\n              {symbolValue === 'contain' ? (\n                <RangePickerWrapper\n                  value={[getVaildValue(val, 'dayjs'), getVaildValue(val2, 'dayjs')]}\n                  onChange={v => {\n                    setValue({ ...value, val: v[0], val2: v[1] })\n                    // handleConditionValueChange('val', v?.[0])\n                    // handleConditionValueChange('val2', v?.[1])\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <InputWrapper\n                style={{ width: '150px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <InputWrapper\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['bool'].includes(fieldType) ? (\n            <Switch\n              value={getVaildValue(val, 'boolean')}\n              onChange={v => {\n                handleConditionValueChange('val', v)\n              }}\n            />\n          ) : null}\n\n          {['enum'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {enumOptions && enumOptions?.length > 0 ? (\n                <EnumSelectWrapper\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '200px' }}\n                  options={enumOptions as { label: string; value: string }[]}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  {...(['include', 'notinclude'].includes(symbolValue)\n                    ? { mode: 'multiple', maxTagCount: 'responsive' }\n                    : {})}\n                />\n              ) : enumUrl ? (\n                <DebounceEnumSelectWrapper<{ label: string; value: string }>\n                  // mode=\"multiple\"\n                  style={{ width: '200px' }}\n                  popupMatchSelectWidth={300}\n                  value={getVaildValue(val)}\n                  {...(['include', 'notinclude'].includes(symbolValue)\n                    ? { mode: 'multiple', maxTagCount: 'responsive' }\n                    : {})}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  fetchOptions={async value => {\n                    let dfUrl = enumUrl\n                    if (value) {\n                      dfUrl = `${dfUrl}?q=${value}`\n                    }\n                    return (await enumDataApi?.(dfUrl)?.then(res => res.data?.list)) ?? []\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n        </>\n      )}\n    </>\n  )\n}\n\nConditionSymbolAndValuePicker.displayName = 'ConditionSymbolAndValuePicker'\n\nexport default ConditionSymbolAndValuePicker\n\n/* ============================== split =============================== */\nconst format = 'YYYY-MM-DD'\n\nexport const DatePickerWrapper = (\n  props: { value?: string; onChange?: (v: string) => void } & DatePickerProps\n) => {\n  const { value = '', onChange, ...others } = props\n\n  const dayjsValue = useMemo(() => {\n    return !!value ? dayjs(value, format) : undefined\n  }, [value])\n\n  return (\n    <DatePicker\n      {...(others as unknown as any)}\n      value={dayjsValue}\n      onChange={(v: Dayjs | null) => {\n        return onChange?.(v?.format(format) ?? '')\n      }}\n    />\n  )\n}\n\nexport const RangePickerWrapper = (\n  props: {\n    value?: [string, string]\n    onChange?: (v: [string, string]) => void\n  } & Omit<DatePickerProps, 'value' | 'onChange'>\n) => {\n  const { value, onChange, ...others } = props\n\n  const dayjsValue = useMemo(() => {\n    let start = !!value?.[0] ? dayjs(value?.[0], format) : undefined\n    let end = !!value?.[1] ? dayjs(value?.[1], format) : undefined\n    return [start, end]\n  }, [value?.[0] ?? '', value?.[1] ?? ''])\n\n  return (\n    <DatePicker.RangePicker\n      {...(others as unknown as any)}\n      value={dayjsValue}\n      allowClear={false}\n      onChange={(v: [Dayjs, Dayjs] | null) => {\n        let start = v?.[0]?.format(format) ?? ''\n        let end = v?.[1]?.format(format) ?? ''\n        onChange?.([start, end])\n      }}\n    />\n  )\n}\n"],"names":["enumUrl","_a","value"],"mappings":"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"}

package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { Dropdown, Select } from "antd";
+import { Dropdown } from "antd";
 import { useTranslation } from "react-i18next";
 import { useControllableValue, useMemoizedFn } from "ahooks";
+import { SelectWrapper } from "../SelectWrapper/index.js";
 import { useContext } from "./useContext.js";
 import { getMergeId } from "./util.js";
 const FieldPicker = (props) => {
@@ -39,7 +40,7 @@ const FieldPicker = (props) => {
         // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement
       },
       children: /* @__PURE__ */ jsx(
-        Select,
+        SelectWrapper,
         {
           open: false,
           placeholder: t("selectGroupField"),

package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/FieldPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport { Button, Dropdown, MenuProps, Popover, Select } from 'antd'\nimport { ItemType, MenuItemGroupType, MenuItemType, SubMenuType } from 'antd/es/menu/interface'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { useContext } from './useContext'\nimport { getMergeId } from './util'\n\nexport type FiledPickerValue = {\n  dataSourceId: string\n  field: string\n}\n\nexport type FieldPickerDataSourceItem = {\n  key: string\n  label: string\n  children: FieldPickerDataSourceItem[]\n}\n\nexport const FieldPicker = (props: {\n  value?: FiledPickerValue\n  onChange?: (value: FiledPickerValue) => void\n}) => {\n  const { t } = useTranslation()\n  const { fieldPickerDataSource: dataSource, flattenFieldMap } = useContext()\n\n  const [value, onChange] = useControllableValue<FiledPickerValue>(props)\n\n  const handleClick: MenuProps['onClick'] = useMemoizedFn(props => {\n    const [mergeField, dataSourceId] = props.keyPath\n    let field = mergeField?.replace(`${dataSourceId}-`, '')\n\n    if (!!field) {\n      onChange({\n        dataSourceId: dataSourceId,\n        field: field,\n      })\n    }\n  })\n\n  const selectField = useMemo(() => {\n    {\n      let mergeField = getMergeId(value?.dataSourceId, value?.field)\n      let selectField = flattenFieldMap?.get(mergeField)\n      return selectField\n    }\n  }, [value, flattenFieldMap])\n\n  return (\n    <Dropdown\n      trigger={['click']}\n      menu={{\n        selectable: true,\n        selectedKeys: selectField ? [selectField?.source?.value, selectField?.mergeId] : [],\n        items: dataSource,\n        onClick: handleClick,\n        // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement\n      }}\n    >\n      <Select\n        open={false}\n        placeholder={t('selectGroupField')}\n        style={{ width: 200 }}\n        value={selectField?.field?.label ?? undefined}\n      />\n    </Dropdown>\n  )\n}\n"],"names":["props","selectField"],"mappings":";;;;;;;AAmBa,MAAA,cAAc,CAAC,UAGtB;;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,uBAAuB,YAAY,gBAAA,IAAoB,WAAW;AAE1E,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAuC,KAAK;AAEhE,QAAA,cAAoC,cAAc,CAAAA,WAAS;AAC/D,UAAM,CAAC,YAAY,YAAY,IAAIA,OAAM;AACzC,QAAI,QAAQ,yCAAY,QAAQ,GAAG,YAAY,KAAK;AAEhD,QAAA,CAAC,CAAC,OAAO;AACF,eAAA;AAAA,QACP;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EACH,CACD;AAEK,QAAA,cAAc,QAAQ,MAAM;AAChC;AACE,UAAI,aAAa,WAAW,+BAAO,cAAc,+BAAO,KAAK;AACzDC,UAAAA,eAAc,mDAAiB,IAAI;AAChCA,aAAAA;AAAAA,IAAA;AAAA,EACT,GACC,CAAC,OAAO,eAAe,CAAC;AAGzB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,cAAc,cAAc,EAAC,gDAAa,WAAb,mBAAqB,OAAO,2CAAa,OAAO,IAAI,CAAC;AAAA,QAClF,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,MAEX;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAa,EAAE,kBAAkB;AAAA,UACjC,OAAO,EAAE,OAAO,IAAI;AAAA,UACpB,SAAO,gDAAa,UAAb,mBAAoB,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"FieldPicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/FieldPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport { Button, Dropdown, MenuProps, Popover, Select } from 'antd'\nimport { ItemType, MenuItemGroupType, MenuItemType, SubMenuType } from 'antd/es/menu/interface'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport SelectWrapper from '../SelectWrapper'\nimport { useContext } from './useContext'\nimport { getMergeId } from './util'\n\nexport type FiledPickerValue = {\n  dataSourceId: string\n  field: string\n}\n\nexport type FieldPickerDataSourceItem = {\n  key: string\n  label: string\n  children: FieldPickerDataSourceItem[]\n}\n\nexport const FieldPicker = (props: {\n  value?: FiledPickerValue\n  onChange?: (value: FiledPickerValue) => void\n}) => {\n  const { t } = useTranslation()\n  const { fieldPickerDataSource: dataSource, flattenFieldMap } = useContext()\n\n  const [value, onChange] = useControllableValue<FiledPickerValue>(props)\n\n  const handleClick: MenuProps['onClick'] = useMemoizedFn(props => {\n    const [mergeField, dataSourceId] = props.keyPath\n    let field = mergeField?.replace(`${dataSourceId}-`, '')\n\n    if (!!field) {\n      onChange({\n        dataSourceId: dataSourceId,\n        field: field,\n      })\n    }\n  })\n\n  const selectField = useMemo(() => {\n    {\n      let mergeField = getMergeId(value?.dataSourceId, value?.field)\n      let selectField = flattenFieldMap?.get(mergeField)\n      return selectField\n    }\n  }, [value, flattenFieldMap])\n\n  return (\n    <Dropdown\n      trigger={['click']}\n      menu={{\n        selectable: true,\n        selectedKeys: selectField ? [selectField?.source?.value, selectField?.mergeId] : [],\n        items: dataSource,\n        onClick: handleClick,\n        // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement\n      }}\n    >\n      <SelectWrapper\n        open={false}\n        placeholder={t('selectGroupField')}\n        style={{ width: 200 }}\n        value={selectField?.field?.label ?? undefined}\n      />\n    </Dropdown>\n  )\n}\n"],"names":["props","selectField"],"mappings":";;;;;;;;AAoBa,MAAA,cAAc,CAAC,UAGtB;;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,uBAAuB,YAAY,gBAAA,IAAoB,WAAW;AAE1E,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAuC,KAAK;AAEhE,QAAA,cAAoC,cAAc,CAAAA,WAAS;AAC/D,UAAM,CAAC,YAAY,YAAY,IAAIA,OAAM;AACzC,QAAI,QAAQ,yCAAY,QAAQ,GAAG,YAAY,KAAK;AAEhD,QAAA,CAAC,CAAC,OAAO;AACF,eAAA;AAAA,QACP;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EACH,CACD;AAEK,QAAA,cAAc,QAAQ,MAAM;AAChC;AACE,UAAI,aAAa,WAAW,+BAAO,cAAc,+BAAO,KAAK;AACzDC,UAAAA,eAAc,mDAAiB,IAAI;AAChCA,aAAAA;AAAAA,IAAA;AAAA,EACT,GACC,CAAC,OAAO,eAAe,CAAC;AAGzB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,cAAc,cAAc,EAAC,gDAAa,WAAb,mBAAqB,OAAO,2CAAa,OAAO,IAAI,CAAC;AAAA,QAClF,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,MAEX;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAa,EAAE,kBAAkB;AAAA,UACjC,OAAO,EAAE,OAAO,IAAI;AAAA,UACpB,SAAO,gDAAa,UAAb,mBAAoB,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC;AAAA,EACF;AAEJ;"}

package/es/dashboard-workbench/components/global-filter-condition/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { Popover, Button, Select } from "antd";
+import { Popover, Button } from "antd";
 import { PlusOutlined } from "@ant-design/icons";
 import { useTranslation } from "react-i18next";
 import { useMemoizedFn } from "ahooks";
@@ -9,6 +9,7 @@ import { cloneDeep, isEqual } from "lodash-es";
 import { useAppContext } from "../../context.js";
 import SvgComponent from "../../icon/icon-Filter.js";
 import { useConditionTypeOptions } from "../add-module-modal/components/condition-modal/config.js";
+import { SelectWrapper } from "../SelectWrapper/index.js";
 import { ConditionRowItem } from "./ConditionRowItem.js";
 import styles from "./index.module.less.js";
 import { Context, useContext } from "./useContext.js";
@@ -167,7 +168,7 @@ const PopoverContent = (props) => {
                   children: [
                     t("conformTo"),
                     /* @__PURE__ */ jsx(
-                      Select,
+                      SelectWrapper,
                       {
                         style: { width: "80px" },
                         options: conditionTypeOptions,

package/es/dashboard-workbench/components/global-filter-condition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, Popover, Select } from 'antd'\nimport { PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport { useMemoizedFn } from 'ahooks'\nimport { cloneDeep, isEqual } from 'lodash-es'\nimport { useAppContext } from '@platox/pivot-table/context'\nimport IconFilter from '@platox/pivot-table/icon/icon-Filter'\nimport { useConditionTypeOptions } from '../add-module-modal/components/condition-modal/config'\nimport ConditionRowItem from './ConditionRowItem'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\nimport styles from './index.module.less'\nimport { ConditionBlockWrapper, ConditionListItemWrapper } from './interface'\nimport { Context, ContextProps, useContext } from './useContext'\nimport { getMergeId } from './util'\n\nconst componentName = 'global-filter-condition'\n\nconst Empty: unknown[] = []\n\n/* ============================== split =============================== */\n\nexport interface GlobalFilterConditionProps {\n  className?: string\n  style?: React.CSSProperties\n}\nexport const GlobalFilterCondition: React.FC<GlobalFilterConditionProps> = props => {\n  const { className, style } = props\n\n  const { t } = useTranslation()\n\n  const { globalFilterCondition, setGlobalFilterCondition } = useAppContext()\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  /* ============================== 整理数据 =============================== */\n  const { globalData } = useAppContext()\n  const { fieldPickerDataSource, flattenFieldMap } = useMemo(() => {\n    let flattenFieldMap: ContextProps['flattenFieldMap'] = new Map()\n\n    let fieldPickerDataSource = (globalData?.sourceData || []).map(item => {\n      let children = (item?.fields || []).map(v => {\n        let mergeId = getMergeId(item?.value, v?.value)\n\n        // 记录mergeId对应的field和source\n        flattenFieldMap.set(mergeId, {\n          field: v,\n          source: item,\n          mergeId: mergeId,\n        })\n\n        return {\n          key: mergeId,\n          label: v?.label,\n        }\n      })\n\n      return {\n        key: item?.value,\n        label: item?.label,\n        children,\n        popupClassName: styles['sub-popup'],\n      }\n    })\n\n    return {\n      fieldPickerDataSource: fieldPickerDataSource as unknown as FieldPickerDataSourceItem[],\n      flattenFieldMap,\n    }\n  }, [globalData?.sourceData])\n\n  return (\n    <Context.Provider\n      value={{\n        fieldPickerDataSource: fieldPickerDataSource,\n        flattenFieldMap: flattenFieldMap,\n      }}\n    >\n      <div className={clsx(styles[`${componentName}`], className)} style={style}>\n        <Popover\n          content={\n            <PopoverContent\n              defaultValue={globalFilterCondition}\n              onClose={(isOk, data) => {\n                if (isOk) {\n                  setGlobalFilterCondition(data!)\n                }\n                setOpen(false)\n              }}\n            />\n          }\n          destroyTooltipOnHide\n          placement=\"bottomRight\"\n          trigger=\"click\"\n          open={open}\n          onOpenChange={setOpen}\n        >\n          <Button\n            className={`!px-1 ${(globalFilterCondition?.length ?? 0) > 0 ? '!bg-primary/10' : ''}`}\n            type=\"text\"\n            icon={<IconFilter />}\n          >\n            {t('globalfilter')}\n            {/* {t('common.filter')} */}\n          </Button>\n        </Popover>\n      </div>\n    </Context.Provider>\n  )\n}\n\nGlobalFilterCondition.displayName = 'GlobalFilterCondition'\n\nexport default GlobalFilterCondition\n\n/* ============================== split =============================== */\n\nexport type PopoverContentProps = {\n  defaultValue?: ConditionBlockWrapper[]\n  onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void\n}\n\nexport const PopoverContent = (props: PopoverContentProps) => {\n  const { defaultValue } = props\n\n  const { t } = useTranslation()\n  const fieldPickerDataSource = useContext().fieldPickerDataSource\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  /* ============================== split =============================== */\n  const [value = Empty as ConditionBlockWrapper[], setValue] = useState<ConditionBlockWrapper[]>([])\n\n  useEffect(() => {\n    if (defaultValue) {\n      setValue(cloneDeep(defaultValue))\n    }\n  }, [defaultValue])\n\n  /* ============================== 这是empty =============================== */\n  const [emptyBlockList, setEmptyBlockList] = useState<ConditionListItemWrapper[]>([])\n\n  const handleEmptyBlockListChange = (newItem: ConditionListItemWrapper) => {\n    if (newItem?.field) {\n      setValue(prev => {\n        let ret = [...prev]\n        let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n        if (match) {\n          match.conditionList.push(newItem)\n          return [...ret]\n        } else {\n          //  创建一个\n          let newConditionBlockWrapper = {\n            dataSourceId: newItem.dataSourceId,\n            conditionType: 'all',\n            conditionList: [newItem],\n          } as ConditionBlockWrapper\n          return [...ret, newConditionBlockWrapper]\n        }\n      })\n    }\n  }\n\n  const handleAddEmptyBlock = () => {\n    setEmptyBlockList([...emptyBlockList, {}])\n  }\n\n  /* ============================== split =============================== */\n  const hasChange = useMemo(() => {\n    return !isEqual(value, defaultValue)\n  }, [value, defaultValue])\n\n  const handleSubmit = useMemoizedFn(() => {\n    props?.onClose?.(true, value)\n  })\n\n  return (\n    <div className={clsx(styles[`${componentName}__popover`])}>\n      <div\n        style={{\n          marginBottom: '10px',\n        }}\n      >\n        {t('setFilterCondition')}\n      </div>\n\n      {value.map((item, index) => {\n        let conditionList = item?.conditionList\n        let dataSourceName = fieldPickerDataSource?.find(v => v.key === item?.dataSourceId)?.label\n\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={item?.dataSourceId}>\n            <div\n              style={{\n                marginBottom: '10px',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n            >\n              <div>{dataSourceName}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                }}\n              >\n                {t('conformTo')}\n                <Select\n                  style={{ width: '80px' }}\n                  options={conditionTypeOptions}\n                  value={item?.conditionType}\n                  onChange={v => {\n                    setValue(prev => {\n                      let ret = [...prev]\n                      ret[index].conditionType = v\n                      return ret\n                    })\n                  }}\n                />\n                {t('addCondition')}\n              </div>\n            </div>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '10px',\n              }}\n            >\n              {conditionList.map((v, conditionIndex) => {\n                return (\n                  <ConditionRowItem\n                    key={conditionIndex}\n                    value={v}\n                    onChange={newValue => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        let prevItem = ret[index].conditionList[conditionIndex]\n                        if (prevItem?.dataSourceId !== newValue?.dataSourceId) {\n                          // 数据源变化了 删除原来的\n                          ret[index].conditionList.splice(conditionIndex, 1)\n                          if (ret[index].conditionList.length === 0) {\n                            ret.splice(index, 1)\n                          }\n                          // 添加到新的数据源添\n                          let newItem = newValue\n                          let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n                          if (match) {\n                            match.conditionList.push(newItem)\n                            return [...ret]\n                          } else {\n                            let newConditionBlockWrapper = {\n                              dataSourceId: newItem.dataSourceId,\n                              conditionType: 'all',\n                              conditionList: [newItem],\n                            } as ConditionBlockWrapper\n                            return [...ret, newConditionBlockWrapper]\n                          }\n                        } else {\n                          ret[index].conditionList[conditionIndex] = {\n                            ...prevItem,\n                            ...newValue,\n                          }\n                        }\n\n                        return ret\n                      })\n                    }}\n                    onDelete={() => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        ret[index].conditionList.splice(conditionIndex, 1)\n\n                        if (ret[index].conditionList.length === 0) {\n                          ret.splice(index, 1)\n                        }\n                        return ret\n                      })\n                    }}\n                  />\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n\n      {emptyBlockList.map((item, index) => {\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={index}>\n            <ConditionRowItem\n              value={item}\n              onChange={newValue => {\n                handleEmptyBlockListChange(newValue)\n              }}\n              onDelete={() => {\n                setEmptyBlockList(prev => {\n                  let ret = [...prev]\n                  ret.splice(index, 1)\n                  return ret\n                })\n              }}\n            />\n          </div>\n        )\n      })}\n\n      <Button\n        type=\"dashed\"\n        block\n        style={{\n          marginBottom: '10px',\n        }}\n        icon={<PlusOutlined />}\n        onClick={() => {\n          handleAddEmptyBlock()\n        }}\n      >\n        {t('addCondition')}\n      </Button>\n\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button\n          type=\"primary\"\n          disabled={!hasChange}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {t('confirm')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["flattenFieldMap","fieldPickerDataSource","IconFilter","item"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, Popover, Select } from 'antd'\nimport { PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport { useMemoizedFn } from 'ahooks'\nimport { cloneDeep, isEqual } from 'lodash-es'\nimport { useAppContext } from '@platox/pivot-table/context'\nimport IconFilter from '@platox/pivot-table/icon/icon-Filter'\nimport { useConditionTypeOptions } from '../add-module-modal/components/condition-modal/config'\nimport SelectWrapper from '../SelectWrapper'\nimport ConditionRowItem from './ConditionRowItem'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\nimport styles from './index.module.less'\nimport { ConditionBlockWrapper, ConditionListItemWrapper } from './interface'\nimport { Context, ContextProps, useContext } from './useContext'\nimport { getMergeId } from './util'\n\nconst componentName = 'global-filter-condition'\n\nconst Empty: unknown[] = []\n\n/* ============================== split =============================== */\n\nexport interface GlobalFilterConditionProps {\n  className?: string\n  style?: React.CSSProperties\n}\nexport const GlobalFilterCondition: React.FC<GlobalFilterConditionProps> = props => {\n  const { className, style } = props\n\n  const { t } = useTranslation()\n\n  const { globalFilterCondition, setGlobalFilterCondition } = useAppContext()\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  /* ============================== 整理数据 =============================== */\n  const { globalData } = useAppContext()\n  const { fieldPickerDataSource, flattenFieldMap } = useMemo(() => {\n    let flattenFieldMap: ContextProps['flattenFieldMap'] = new Map()\n\n    let fieldPickerDataSource = (globalData?.sourceData || []).map(item => {\n      let children = (item?.fields || []).map(v => {\n        let mergeId = getMergeId(item?.value, v?.value)\n\n        // 记录mergeId对应的field和source\n        flattenFieldMap.set(mergeId, {\n          field: v,\n          source: item,\n          mergeId: mergeId,\n        })\n\n        return {\n          key: mergeId,\n          label: v?.label,\n        }\n      })\n\n      return {\n        key: item?.value,\n        label: item?.label,\n        children,\n        popupClassName: styles['sub-popup'],\n      }\n    })\n\n    return {\n      fieldPickerDataSource: fieldPickerDataSource as unknown as FieldPickerDataSourceItem[],\n      flattenFieldMap,\n    }\n  }, [globalData?.sourceData])\n\n  return (\n    <Context.Provider\n      value={{\n        fieldPickerDataSource: fieldPickerDataSource,\n        flattenFieldMap: flattenFieldMap,\n      }}\n    >\n      <div className={clsx(styles[`${componentName}`], className)} style={style}>\n        <Popover\n          content={\n            <PopoverContent\n              defaultValue={globalFilterCondition}\n              onClose={(isOk, data) => {\n                if (isOk) {\n                  setGlobalFilterCondition(data!)\n                }\n                setOpen(false)\n              }}\n            />\n          }\n          destroyTooltipOnHide\n          placement=\"bottomRight\"\n          trigger=\"click\"\n          open={open}\n          onOpenChange={setOpen}\n        >\n          <Button\n            className={`!px-1 ${(globalFilterCondition?.length ?? 0) > 0 ? '!bg-primary/10' : ''}`}\n            type=\"text\"\n            icon={<IconFilter />}\n          >\n            {t('globalfilter')}\n            {/* {t('common.filter')} */}\n          </Button>\n        </Popover>\n      </div>\n    </Context.Provider>\n  )\n}\n\nGlobalFilterCondition.displayName = 'GlobalFilterCondition'\n\nexport default GlobalFilterCondition\n\n/* ============================== split =============================== */\n\nexport type PopoverContentProps = {\n  defaultValue?: ConditionBlockWrapper[]\n  onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void\n}\n\nexport const PopoverContent = (props: PopoverContentProps) => {\n  const { defaultValue } = props\n\n  const { t } = useTranslation()\n  const fieldPickerDataSource = useContext().fieldPickerDataSource\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  /* ============================== split =============================== */\n  const [value = Empty as ConditionBlockWrapper[], setValue] = useState<ConditionBlockWrapper[]>([])\n\n  useEffect(() => {\n    if (defaultValue) {\n      setValue(cloneDeep(defaultValue))\n    }\n  }, [defaultValue])\n\n  /* ============================== 这是empty =============================== */\n  const [emptyBlockList, setEmptyBlockList] = useState<ConditionListItemWrapper[]>([])\n\n  const handleEmptyBlockListChange = (newItem: ConditionListItemWrapper) => {\n    if (newItem?.field) {\n      setValue(prev => {\n        let ret = [...prev]\n        let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n        if (match) {\n          match.conditionList.push(newItem)\n          return [...ret]\n        } else {\n          //  创建一个\n          let newConditionBlockWrapper = {\n            dataSourceId: newItem.dataSourceId,\n            conditionType: 'all',\n            conditionList: [newItem],\n          } as ConditionBlockWrapper\n          return [...ret, newConditionBlockWrapper]\n        }\n      })\n    }\n  }\n\n  const handleAddEmptyBlock = () => {\n    setEmptyBlockList([...emptyBlockList, {}])\n  }\n\n  /* ============================== split =============================== */\n  const hasChange = useMemo(() => {\n    return !isEqual(value, defaultValue)\n  }, [value, defaultValue])\n\n  const handleSubmit = useMemoizedFn(() => {\n    props?.onClose?.(true, value)\n  })\n\n  return (\n    <div className={clsx(styles[`${componentName}__popover`])}>\n      <div\n        style={{\n          marginBottom: '10px',\n        }}\n      >\n        {t('setFilterCondition')}\n      </div>\n\n      {value.map((item, index) => {\n        let conditionList = item?.conditionList\n        let dataSourceName = fieldPickerDataSource?.find(v => v.key === item?.dataSourceId)?.label\n\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={item?.dataSourceId}>\n            <div\n              style={{\n                marginBottom: '10px',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n            >\n              <div>{dataSourceName}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                }}\n              >\n                {t('conformTo')}\n                <SelectWrapper\n                  style={{ width: '80px' }}\n                  options={conditionTypeOptions}\n                  value={item?.conditionType}\n                  onChange={v => {\n                    setValue(prev => {\n                      let ret = [...prev]\n                      ret[index].conditionType = v\n                      return ret\n                    })\n                  }}\n                />\n                {t('addCondition')}\n              </div>\n            </div>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '10px',\n              }}\n            >\n              {conditionList.map((v, conditionIndex) => {\n                return (\n                  <ConditionRowItem\n                    key={conditionIndex}\n                    value={v}\n                    onChange={newValue => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        let prevItem = ret[index].conditionList[conditionIndex]\n                        if (prevItem?.dataSourceId !== newValue?.dataSourceId) {\n                          // 数据源变化了 删除原来的\n                          ret[index].conditionList.splice(conditionIndex, 1)\n                          if (ret[index].conditionList.length === 0) {\n                            ret.splice(index, 1)\n                          }\n                          // 添加到新的数据源添\n                          let newItem = newValue\n                          let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n                          if (match) {\n                            match.conditionList.push(newItem)\n                            return [...ret]\n                          } else {\n                            let newConditionBlockWrapper = {\n                              dataSourceId: newItem.dataSourceId,\n                              conditionType: 'all',\n                              conditionList: [newItem],\n                            } as ConditionBlockWrapper\n                            return [...ret, newConditionBlockWrapper]\n                          }\n                        } else {\n                          ret[index].conditionList[conditionIndex] = {\n                            ...prevItem,\n                            ...newValue,\n                          }\n                        }\n\n                        return ret\n                      })\n                    }}\n                    onDelete={() => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        ret[index].conditionList.splice(conditionIndex, 1)\n\n                        if (ret[index].conditionList.length === 0) {\n                          ret.splice(index, 1)\n                        }\n                        return ret\n                      })\n                    }}\n                  />\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n\n      {emptyBlockList.map((item, index) => {\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={index}>\n            <ConditionRowItem\n              value={item}\n              onChange={newValue => {\n                handleEmptyBlockListChange(newValue)\n              }}\n              onDelete={() => {\n                setEmptyBlockList(prev => {\n                  let ret = [...prev]\n                  ret.splice(index, 1)\n                  return ret\n                })\n              }}\n            />\n          </div>\n        )\n      })}\n\n      <Button\n        type=\"dashed\"\n        block\n        style={{\n          marginBottom: '10px',\n        }}\n        icon={<PlusOutlined />}\n        onClick={() => {\n          handleAddEmptyBlock()\n        }}\n      >\n        {t('addCondition')}\n      </Button>\n\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button\n          type=\"primary\"\n          disabled={!hasChange}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {t('confirm')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["flattenFieldMap","fieldPickerDataSource","IconFilter","item"],"mappings":"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"}

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

@@ -88,7 +88,8 @@ const CalendarModule = ({ moduleDataApi, customData }) => {
   ]);
   const fieldOptions = useMemo(() => {
     var _a, _b;
-    return (_b = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a.find((item) => item.value === (customData == null ? void 0 : customData.dataSourceId))) == null ? void 0 : _b.fields;
+    let ret = (_b = (_a = globalData == null ? void 0 : globalData.sourceData) == null ? void 0 : _a.find((item) => item.value === (customData == null ? void 0 : customData.dataSourceId))) == null ? void 0 : _b.fields;
+    return ret;
   }, [globalData, customData]);
   const events = useMemo(() => {
     const calendarEvents = chartData == null ? void 0 : chartData.map((item) => {
@@ -227,7 +228,8 @@ const CalendarModule = ({ moduleDataApi, customData }) => {
                         fieldOptions,
                         val: currData == null ? void 0 : currData[field.value],
                         field: field.value,
-                        fieldMap: globalData == null ? void 0 : globalData.fieldMap
+                        fieldMap: globalData == null ? void 0 : globalData.fieldMap,
+                        showNill: false
                       })
                     }))
                   }