@platox/pivot-table 0.0.67 → 0.0.68

package/es/dashboard-workbench/components/InputWrapper/index.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from 'antd';
+export declare const InputWrapper: {
+    (props: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default InputWrapper;

package/es/dashboard-workbench/components/InputWrapper/index.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Input } from "antd";
+const InputWrapper = (props) => {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...props,
+      onChange: (e) => {
+        var _a, _b;
+        const value = (_a = e.target.value) == null ? void 0 : _a.trim();
+        const mergeE = { ...e, target: { ...e.target, value } };
+        (_b = props == null ? void 0 : props.onChange) == null ? void 0 : _b.call(props, mergeE);
+      }
+    }
+  );
+};
+InputWrapper.displayName = "InputWrapper";
+export {
+  InputWrapper,
+  InputWrapper as default
+};
+//# sourceMappingURL=index.js.map

package/es/dashboard-workbench/components/InputWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/InputWrapper/index.tsx"],"sourcesContent":["import { Input, InputProps } from 'antd'\n\nexport const InputWrapper = (props: InputProps) => {\n  return (\n    <Input\n      {...props}\n      onChange={e => {\n        const value = e.target.value?.trim()\n        const mergeE = { ...e, target: { ...e.target, value } }\n        props?.onChange?.(mergeE)\n      }}\n    />\n  )\n}\n\nInputWrapper.displayName = 'InputWrapper'\n\nexport default InputWrapper\n"],"names":[],"mappings":";;AAEa,MAAA,eAAe,CAAC,UAAsB;AAE/C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,CAAK,MAAA;;AACb,cAAM,SAAQ,OAAE,OAAO,UAAT,mBAAgB;AACxB,cAAA,SAAS,EAAE,GAAG,GAAG,QAAQ,EAAE,GAAG,EAAE,QAAQ,QAAQ;AACtD,6CAAO,aAAP,+BAAkB;AAAA,MAAM;AAAA,IAC1B;AAAA,EACF;AAEJ;AAEA,aAAa,cAAc;"}

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

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
 import clsx from "clsx";
-import { Tooltip, Input } from "antd";
+import { Tooltip } from "antd";
 import { useControllableValue, useMemoizedFn } from "ahooks";
+import { InputWrapper } from "../../../InputWrapper/index.js";
 import { ChartType } from "../interface.js";
 import { CombinationChartOptionPicker } from "./CombinationChartOptionPicker.js";
 import styles from "./index.module.less.js";
@@ -47,7 +48,7 @@ const GroupFieldConfigPicker = (props) => {
       const value2 = getFieldValue(fieldName);
       return /* @__PURE__ */ jsxs("div", { className: clsx(styles[`${componentName}__item`]), children: [
         /* @__PURE__ */ jsx(Tooltip, { title: str, children: /* @__PURE__ */ jsx("div", { className: clsx(styles[`${componentName}__input`]), children: /* @__PURE__ */ jsx(
-          Input,
+          InputWrapper,
           {
             value: str,
             disabled: true,

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

@@ -1 +1 @@
-{"version":3,"file":"GroupFieldConfigPicker.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Input, Tooltip } from 'antd'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { ChartCustomDataType, ChartType, CombinationChartConfig } from '../interface'\nimport { CombinationChartOptionPicker } from './CombinationChartOptionPicker'\nimport styles from './index.module.less'\n\nconst componentName = 'group-field-config-picker'\n\nconst empty: unknown[] = []\n\nexport type GroupFieldConfigPickerProps<T> = {\n  style?: CSSProperties\n  className?: string\n\n  options?: T[]\n\n  value?: ChartCustomDataType['groupFieldConfig']\n  onChange?: (v: ChartCustomDataType['groupFieldConfig']) => void\n}\n\nexport const GroupFieldConfigPicker = <T,>(props: GroupFieldConfigPickerProps<T>) => {\n  const { style, className, options = empty as T[] } = props\n\n  const [value = empty as ChartCustomDataType['groupFieldConfig'], setValue] =\n    useControllableValue<ChartCustomDataType['groupFieldConfig']>(props)\n\n  const getFieldValue = useMemoizedFn((key: T) => {\n    let match = (value ?? []).find(v => v.value === key)\n    return match ? match.config : undefined\n  })\n\n  const handleFieldChange = useMemoizedFn((key: T, config: CombinationChartConfig) => {\n    let newData = [...(value ?? [])]\n    let match = newData.find(v => v.value === key)\n    if (match) {\n      match.config = config\n    } else {\n      newData.push({ value: key, config })\n    }\n    setValue(newData)\n    return\n  })\n\n  /* ============================== 默认值 =============================== */\n  useEffect(() => {\n    if (options?.length > 0) {\n      let newData: ChartCustomDataType['groupFieldConfig'] = options.map(v => {\n        return {\n          value: v,\n          config: {\n            chartType: ChartType['ChartBar'],\n            yAxisPos: 'left',\n            ...(getFieldValue(v) ?? {}),\n          },\n        }\n      })\n      setValue(newData)\n    }\n  }, [options])\n\n  return useMemo(\n    () => (\n      <div className={clsx(className, styles[`${componentName}`])} style={style}>\n        <div>\n          {(props?.options ?? []).map(fieldName => {\n            let str = `${fieldName}`\n            const value = getFieldValue(fieldName)\n            return (\n              <div className={clsx(styles[`${componentName}__item`])} key={str}>\n                <Tooltip title={str}>\n                  <div className={clsx(styles[`${componentName}__input`])}>\n                    <Input\n                      value={str}\n                      disabled={true}\n                      style={{\n                        width: 200,\n                        pointerEvents: 'none',\n                      }}\n                    ></Input>\n                  </div>\n                </Tooltip>\n\n                <CombinationChartOptionPicker\n                  value={value}\n                  onChange={v => {\n                    handleFieldChange(fieldName, v)\n                  }}\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    ),\n    [value, options]\n  )\n}\n\nGroupFieldConfigPicker.displayName = 'GroupFieldConfigPicker'\n\nexport default GroupFieldConfigPicker\n"],"names":["value"],"mappings":";;;;;;;;AAQA,MAAM,gBAAgB;AAEtB,MAAM,QAAmB,CAAC;AAYb,MAAA,yBAAyB,CAAK,UAA0C;AACnF,QAAM,EAAE,OAAO,WAAW,UAAU,MAAiB,IAAA;AAErD,QAAM,CAAC,QAAQ,OAAkD,QAAQ,IACvE,qBAA8D,KAAK;AAE/D,QAAA,gBAAgB,cAAc,CAAC,QAAW;AAC1C,QAAA,SAAS,SAAS,IAAI,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC5C,WAAA,QAAQ,MAAM,SAAS;AAAA,EAAA,CAC/B;AAED,QAAM,oBAAoB,cAAc,CAAC,KAAQ,WAAmC;AAClF,QAAI,UAAU,CAAC,GAAI,SAAS,EAAG;AAC/B,QAAI,QAAQ,QAAQ,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC7C,QAAI,OAAO;AACT,YAAM,SAAS;AAAA,IAAA,OACV;AACL,cAAQ,KAAK,EAAE,OAAO,KAAK,QAAQ;AAAA,IAAA;AAErC,aAAS,OAAO;AAChB;AAAA,EAAA,CACD;AAGD,YAAU,MAAM;AACV,SAAA,mCAAS,UAAS,GAAG;AACnB,UAAA,UAAmD,QAAQ,IAAI,CAAK,MAAA;AAC/D,eAAA;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,YACN,WAAW,UAAU,UAAU;AAAA,YAC/B,UAAU;AAAA,YACV,GAAI,cAAc,CAAC,KAAK,CAAA;AAAA,UAAC;AAAA,QAE7B;AAAA,MAAA,CACD;AACD,eAAS,OAAO;AAAA,IAAA;AAAA,EAClB,GACC,CAAC,OAAO,CAAC;AAEL,SAAA;AAAA,IACL,0BACG,OAAI,EAAA,WAAW,KAAK,WAAW,OAAO,GAAG,aAAa,EAAE,CAAC,GAAG,OAC3D,8BAAC,OACG,EAAA,YAAA,+BAAO,YAAW,CAAC,GAAG,IAAI,CAAa,cAAA;AACnC,UAAA,MAAM,GAAG,SAAS;AAChBA,YAAAA,SAAQ,cAAc,SAAS;AAEnC,aAAA,qBAAC,SAAI,WAAW,KAAK,OAAO,GAAG,aAAa,QAAQ,CAAC,GACnD,UAAA;AAAA,QAAA,oBAAC,SAAQ,EAAA,OAAO,KACd,UAAA,oBAAC,OAAI,EAAA,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC,GACpD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,WAEJ,EACF,CAAA;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAOA;AAAAA,YACP,UAAU,CAAK,MAAA;AACb,gCAAkB,WAAW,CAAC;AAAA,YAAA;AAAA,UAChC;AAAA,QAAA;AAAA,MACF,EAAA,GAnB2D,GAoB7D;AAAA,IAAA,CAEH,GACH,EACF,CAAA;AAAA,IAEF,CAAC,OAAO,OAAO;AAAA,EACjB;AACF;AAEA,uBAAuB,cAAc;"}
+{"version":3,"file":"GroupFieldConfigPicker.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Input, Tooltip } from 'antd'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport InputWrapper from '@platox/pivot-table/components/InputWrapper'\nimport { ChartCustomDataType, ChartType, CombinationChartConfig } from '../interface'\nimport { CombinationChartOptionPicker } from './CombinationChartOptionPicker'\nimport styles from './index.module.less'\n\nconst componentName = 'group-field-config-picker'\n\nconst empty: unknown[] = []\n\nexport type GroupFieldConfigPickerProps<T> = {\n  style?: CSSProperties\n  className?: string\n\n  options?: T[]\n\n  value?: ChartCustomDataType['groupFieldConfig']\n  onChange?: (v: ChartCustomDataType['groupFieldConfig']) => void\n}\n\nexport const GroupFieldConfigPicker = <T,>(props: GroupFieldConfigPickerProps<T>) => {\n  const { style, className, options = empty as T[] } = props\n\n  const [value = empty as ChartCustomDataType['groupFieldConfig'], setValue] =\n    useControllableValue<ChartCustomDataType['groupFieldConfig']>(props)\n\n  const getFieldValue = useMemoizedFn((key: T) => {\n    let match = (value ?? []).find(v => v.value === key)\n    return match ? match.config : undefined\n  })\n\n  const handleFieldChange = useMemoizedFn((key: T, config: CombinationChartConfig) => {\n    let newData = [...(value ?? [])]\n    let match = newData.find(v => v.value === key)\n    if (match) {\n      match.config = config\n    } else {\n      newData.push({ value: key, config })\n    }\n    setValue(newData)\n    return\n  })\n\n  /* ============================== 默认值 =============================== */\n  useEffect(() => {\n    if (options?.length > 0) {\n      let newData: ChartCustomDataType['groupFieldConfig'] = options.map(v => {\n        return {\n          value: v,\n          config: {\n            chartType: ChartType['ChartBar'],\n            yAxisPos: 'left',\n            ...(getFieldValue(v) ?? {}),\n          },\n        }\n      })\n      setValue(newData)\n    }\n  }, [options])\n\n  return useMemo(\n    () => (\n      <div className={clsx(className, styles[`${componentName}`])} style={style}>\n        <div>\n          {(props?.options ?? []).map(fieldName => {\n            let str = `${fieldName}`\n            const value = getFieldValue(fieldName)\n            return (\n              <div className={clsx(styles[`${componentName}__item`])} key={str}>\n                <Tooltip title={str}>\n                  <div className={clsx(styles[`${componentName}__input`])}>\n                    <InputWrapper\n                      value={str}\n                      disabled={true}\n                      style={{\n                        width: 200,\n                        pointerEvents: 'none',\n                      }}\n                    />\n                  </div>\n                </Tooltip>\n\n                <CombinationChartOptionPicker\n                  value={value}\n                  onChange={v => {\n                    handleFieldChange(fieldName, v)\n                  }}\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    ),\n    [value, options]\n  )\n}\n\nGroupFieldConfigPicker.displayName = 'GroupFieldConfigPicker'\n\nexport default GroupFieldConfigPicker\n"],"names":["value"],"mappings":";;;;;;;;;AASA,MAAM,gBAAgB;AAEtB,MAAM,QAAmB,CAAC;AAYb,MAAA,yBAAyB,CAAK,UAA0C;AACnF,QAAM,EAAE,OAAO,WAAW,UAAU,MAAiB,IAAA;AAErD,QAAM,CAAC,QAAQ,OAAkD,QAAQ,IACvE,qBAA8D,KAAK;AAE/D,QAAA,gBAAgB,cAAc,CAAC,QAAW;AAC1C,QAAA,SAAS,SAAS,IAAI,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC5C,WAAA,QAAQ,MAAM,SAAS;AAAA,EAAA,CAC/B;AAED,QAAM,oBAAoB,cAAc,CAAC,KAAQ,WAAmC;AAClF,QAAI,UAAU,CAAC,GAAI,SAAS,EAAG;AAC/B,QAAI,QAAQ,QAAQ,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC7C,QAAI,OAAO;AACT,YAAM,SAAS;AAAA,IAAA,OACV;AACL,cAAQ,KAAK,EAAE,OAAO,KAAK,QAAQ;AAAA,IAAA;AAErC,aAAS,OAAO;AAChB;AAAA,EAAA,CACD;AAGD,YAAU,MAAM;AACV,SAAA,mCAAS,UAAS,GAAG;AACnB,UAAA,UAAmD,QAAQ,IAAI,CAAK,MAAA;AAC/D,eAAA;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,YACN,WAAW,UAAU,UAAU;AAAA,YAC/B,UAAU;AAAA,YACV,GAAI,cAAc,CAAC,KAAK,CAAA;AAAA,UAAC;AAAA,QAE7B;AAAA,MAAA,CACD;AACD,eAAS,OAAO;AAAA,IAAA;AAAA,EAClB,GACC,CAAC,OAAO,CAAC;AAEL,SAAA;AAAA,IACL,0BACG,OAAI,EAAA,WAAW,KAAK,WAAW,OAAO,GAAG,aAAa,EAAE,CAAC,GAAG,OAC3D,8BAAC,OACG,EAAA,YAAA,+BAAO,YAAW,CAAC,GAAG,IAAI,CAAa,cAAA;AACnC,UAAA,MAAM,GAAG,SAAS;AAChBA,YAAAA,SAAQ,cAAc,SAAS;AAEnC,aAAA,qBAAC,SAAI,WAAW,KAAK,OAAO,GAAG,aAAa,QAAQ,CAAC,GACnD,UAAA;AAAA,QAAA,oBAAC,SAAQ,EAAA,OAAO,KACd,UAAA,oBAAC,OAAI,EAAA,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC,GACpD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,WAEJ,EACF,CAAA;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAOA;AAAAA,YACP,UAAU,CAAK,MAAA;AACb,gCAAkB,WAAW,CAAC;AAAA,YAAA;AAAA,UAChC;AAAA,QAAA;AAAA,MACF,EAAA,GAnB2D,GAoB7D;AAAA,IAAA,CAEH,GACH,EACF,CAAA;AAAA,IAEF,CAAC,OAAO,OAAO;AAAA,EACjB;AACF;AAEA,uBAAuB,cAAc;"}

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

@@ -1,9 +1,10 @@
 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, Select, 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 { useAppContext } from "../../../../context.js";
 import { useConditionTypeOptions, useConditionSymbolOptions } from "./config.js";
 import { EnumSelectWrapper, DebounceEnumSelectWrapper } from "./EnumSelect.js";
@@ -225,14 +226,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 { 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                                  <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

@@ -7,6 +7,7 @@ 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";
 const ConditionSymbolAndValuePicker = (props) => {
   var _a, _b, _c, _d;
   const { style, className, field } = props;
@@ -144,7 +145,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 +156,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 { 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              <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/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
                       })
                     }))
                   }

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

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

package/es/dashboard-workbench/components/module-header/index.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect } from "react";
-import { Input, Dropdown } from "antd";
+import { Dropdown } from "antd";
 import { useTranslation } from "react-i18next";
 import IconDrag from "../../icon/icon-drag.js";
 import IconMove from "../../icon/icon-move.js";
+import { InputWrapper } from "../InputWrapper/index.js";
 import useDebounce from "../module-content/text-module/editor/useDebounce.js";
 const ModuleHeader = ({
   defaultValue,
@@ -58,7 +59,7 @@ const ModuleHeader = ({
                 }, 100);
               },
               children: isEdit ? /* @__PURE__ */ jsx(
-                Input,
+                InputWrapper,
                 {
                   defaultValue,
                   onBlur: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC, useEffect, useRef, useState } from 'react'\nimport { Dropdown, Input } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport IconDrag from '../../icon/icon-drag'\nimport IconMove from '../../icon/icon-move'\nimport { ModuleData } from '../module-content'\nimport useDebounce from '../module-content/text-module/editor/useDebounce'\n\ninterface ModuleHeaderProps {\n  defaultValue: string\n  onChange?: (val: string) => void\n  module: ModuleData\n  onDropdownItem?: (key: string) => void\n  onMouseDown?: () => void\n  onMouseUp?: () => void\n}\n\nconst ModuleHeader: FC<ModuleHeaderProps> = ({\n  defaultValue,\n  onChange,\n  module,\n  onDropdownItem,\n  onMouseDown,\n  onMouseUp,\n}) => {\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [title, setTitle] = useState<string>('')\n  const inputRef = useRef<any>(null)\n  const debouncedOnChange = useDebounce(val => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setTitle(title)\n  }, [defaultValue])\n\n  const handleDblClick = () => {\n    // 获取input DOM元素\n    const inputElement = inputRef.current?.input\n    // 双击事件发生在input元素上时，触发全选\n    inputElement.select()\n  }\n\n  const handleEnterPress = (event: { key: string }) => {\n    if (event.key === 'Enter') {\n      setIsEdit(false)\n    }\n  }\n\n  return (\n    <div\n      className={`layout-item-head isCanDrag`}\n      onMouseDown={() => {\n        onMouseDown?.()\n      }}\n      onMouseUp={() => {\n        onMouseUp?.()\n      }}\n    >\n      <div className=\"head-inner\">\n        <span className=\"title\">\n          <span\n            className=\"title-child\"\n            onDoubleClick={e => {\n              e.stopPropagation()\n              setIsEdit(true)\n              setTimeout(() => {\n                inputRef.current?.focus()\n              }, 100)\n            }}\n          >\n            {isEdit ? (\n              <Input\n                defaultValue={defaultValue}\n                onBlur={() => {\n                  setIsEdit(false)\n                }}\n                ref={inputRef}\n                onKeyDown={handleEnterPress}\n                onDoubleClick={handleDblClick}\n                onChange={e => {\n                  setTitle(e.target.value)\n                  debouncedOnChange(e.target.value)\n                }}\n              />\n            ) : (\n              defaultValue\n            )}\n          </span>\n        </span>\n\n        <div className=\"menu-slot isNoCanDrag\">\n          <Dropdown\n            trigger={['click']}\n            menu={{\n              items: [\n                module.type !== 'text'\n                  ? {\n                      label: t('configuration'),\n                      key: 'edit',\n                    }\n                  : null,\n                {\n                  label: t('copy'),\n                  key: 'copy',\n                },\n                {\n                  key: 'delete',\n                  danger: true,\n                  label: t('delete'),\n                },\n              ],\n              onClick: ({ key }) => {\n                onDropdownItem?.(key)\n              },\n            }}\n          >\n            <button type=\"button\" className=\"dashboard-grid-menu-button\">\n              <span className=\"universe-icon\">\n                <IconMove />\n              </span>\n            </button>\n          </Dropdown>\n        </div>\n      </div>\n      <div className={`drag isCanDrag`}>\n        <span className=\"universe-icon drag-icon\">\n          <IconDrag />\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ModuleHeader)\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,eAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AACvC,QAAA,WAAW,OAAY,IAAI;AAC3B,QAAA,oBAAoB,YAAY,CAAO,QAAA;AAC3C,yCAAW;AAAA,KACV,GAAG;AACA,QAAA,EAAE,EAAE,IAAI,eAAe;AAE7B,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAAA,GACb,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,MAAM;;AAErB,UAAA,gBAAe,cAAS,YAAT,mBAAkB;AAEvC,iBAAa,OAAO;AAAA,EACtB;AAEM,QAAA,mBAAmB,CAAC,UAA2B;AAC/C,QAAA,MAAM,QAAQ,SAAS;AACzB,gBAAU,KAAK;AAAA,IAAA;AAAA,EAEnB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa,MAAM;AACH;AAAA,MAChB;AAAA,MACA,WAAW,MAAM;AACH;AAAA,MACd;AAAA,MAEA,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAK,WAAU,SACd,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAe,CAAK,MAAA;AAClB,kBAAE,gBAAgB;AAClB,0BAAU,IAAI;AACd,2BAAW,MAAM;;AACf,iCAAS,YAAT,mBAAkB;AAAA,mBACjB,GAAG;AAAA,cACR;AAAA,cAEC,UACC,SAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,QAAQ,MAAM;AACZ,8BAAU,KAAK;AAAA,kBACjB;AAAA,kBACA,KAAK;AAAA,kBACL,WAAW;AAAA,kBACX,eAAe;AAAA,kBACf,UAAU,CAAK,MAAA;AACJ,6BAAA,EAAE,OAAO,KAAK;AACL,sCAAA,EAAE,OAAO,KAAK;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA,IAGF;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEA,oBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAAC,OAAO;AAAA,cACjB,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,OAAO,SAAS,SACZ;AAAA,oBACE,OAAO,EAAE,eAAe;AAAA,oBACxB,KAAK;AAAA,kBAAA,IAEP;AAAA,kBACJ;AAAA,oBACE,OAAO,EAAE,MAAM;AAAA,oBACf,KAAK;AAAA,kBACP;AAAA,kBACA;AAAA,oBACE,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,OAAO,EAAE,QAAQ;AAAA,kBAAA;AAAA,gBAErB;AAAA,gBACA,SAAS,CAAC,EAAE,UAAU;AACpB,mEAAiB;AAAA,gBAAG;AAAA,cAExB;AAAA,cAEA,UAAC,oBAAA,UAAA,EAAO,MAAK,UAAS,WAAU,8BAC9B,UAAC,oBAAA,QAAA,EAAK,WAAU,iBACd,UAAC,oBAAA,UAAA,CAAA,CAAS,GACZ,EACF,CAAA;AAAA,YAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAI,EAAA,WAAW,kBACd,UAAA,oBAAC,QAAK,EAAA,WAAU,2BACd,UAAA,oBAAC,UAAS,CAAA,CAAA,EAAA,CACZ,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,MAAA,iBAAe,MAAM,KAAK,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC, useEffect, useRef, useState } from 'react'\nimport { Dropdown, Input } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport IconDrag from '../../icon/icon-drag'\nimport IconMove from '../../icon/icon-move'\nimport InputWrapper from '../InputWrapper'\nimport { ModuleData } from '../module-content'\nimport useDebounce from '../module-content/text-module/editor/useDebounce'\n\ninterface ModuleHeaderProps {\n  defaultValue: string\n  onChange?: (val: string) => void\n  module: ModuleData\n  onDropdownItem?: (key: string) => void\n  onMouseDown?: () => void\n  onMouseUp?: () => void\n}\n\nconst ModuleHeader: FC<ModuleHeaderProps> = ({\n  defaultValue,\n  onChange,\n  module,\n  onDropdownItem,\n  onMouseDown,\n  onMouseUp,\n}) => {\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [title, setTitle] = useState<string>('')\n  const inputRef = useRef<any>(null)\n  const debouncedOnChange = useDebounce(val => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setTitle(title)\n  }, [defaultValue])\n\n  const handleDblClick = () => {\n    // 获取input DOM元素\n    const inputElement = inputRef.current?.input\n    // 双击事件发生在input元素上时，触发全选\n    inputElement.select()\n  }\n\n  const handleEnterPress = (event: { key: string }) => {\n    if (event.key === 'Enter') {\n      setIsEdit(false)\n    }\n  }\n\n  return (\n    <div\n      className={`layout-item-head isCanDrag`}\n      onMouseDown={() => {\n        onMouseDown?.()\n      }}\n      onMouseUp={() => {\n        onMouseUp?.()\n      }}\n    >\n      <div className=\"head-inner\">\n        <span className=\"title\">\n          <span\n            className=\"title-child\"\n            onDoubleClick={e => {\n              e.stopPropagation()\n              setIsEdit(true)\n              setTimeout(() => {\n                inputRef.current?.focus()\n              }, 100)\n            }}\n          >\n            {isEdit ? (\n              <InputWrapper\n                defaultValue={defaultValue}\n                onBlur={() => {\n                  setIsEdit(false)\n                }}\n                ref={inputRef}\n                onKeyDown={handleEnterPress}\n                onDoubleClick={handleDblClick}\n                onChange={e => {\n                  setTitle(e.target.value)\n                  debouncedOnChange(e.target.value)\n                }}\n              />\n            ) : (\n              defaultValue\n            )}\n          </span>\n        </span>\n\n        <div className=\"menu-slot isNoCanDrag\">\n          <Dropdown\n            trigger={['click']}\n            menu={{\n              items: [\n                module.type !== 'text'\n                  ? {\n                      label: t('configuration'),\n                      key: 'edit',\n                    }\n                  : null,\n                {\n                  label: t('copy'),\n                  key: 'copy',\n                },\n                {\n                  key: 'delete',\n                  danger: true,\n                  label: t('delete'),\n                },\n              ],\n              onClick: ({ key }) => {\n                onDropdownItem?.(key)\n              },\n            }}\n          >\n            <button type=\"button\" className=\"dashboard-grid-menu-button\">\n              <span className=\"universe-icon\">\n                <IconMove />\n              </span>\n            </button>\n          </Dropdown>\n        </div>\n      </div>\n      <div className={`drag isCanDrag`}>\n        <span className=\"universe-icon drag-icon\">\n          <IconDrag />\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ModuleHeader)\n"],"names":[],"mappings":";;;;;;;;AAmBA,MAAM,eAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AACvC,QAAA,WAAW,OAAY,IAAI;AAC3B,QAAA,oBAAoB,YAAY,CAAO,QAAA;AAC3C,yCAAW;AAAA,KACV,GAAG;AACA,QAAA,EAAE,EAAE,IAAI,eAAe;AAE7B,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAAA,GACb,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,MAAM;;AAErB,UAAA,gBAAe,cAAS,YAAT,mBAAkB;AAEvC,iBAAa,OAAO;AAAA,EACtB;AAEM,QAAA,mBAAmB,CAAC,UAA2B;AAC/C,QAAA,MAAM,QAAQ,SAAS;AACzB,gBAAU,KAAK;AAAA,IAAA;AAAA,EAEnB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa,MAAM;AACH;AAAA,MAChB;AAAA,MACA,WAAW,MAAM;AACH;AAAA,MACd;AAAA,MAEA,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAK,WAAU,SACd,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAe,CAAK,MAAA;AAClB,kBAAE,gBAAgB;AAClB,0BAAU,IAAI;AACd,2BAAW,MAAM;;AACf,iCAAS,YAAT,mBAAkB;AAAA,mBACjB,GAAG;AAAA,cACR;AAAA,cAEC,UACC,SAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,QAAQ,MAAM;AACZ,8BAAU,KAAK;AAAA,kBACjB;AAAA,kBACA,KAAK;AAAA,kBACL,WAAW;AAAA,kBACX,eAAe;AAAA,kBACf,UAAU,CAAK,MAAA;AACJ,6BAAA,EAAE,OAAO,KAAK;AACL,sCAAA,EAAE,OAAO,KAAK;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA,IAGF;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEA,oBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAAC,OAAO;AAAA,cACjB,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,OAAO,SAAS,SACZ;AAAA,oBACE,OAAO,EAAE,eAAe;AAAA,oBACxB,KAAK;AAAA,kBAAA,IAEP;AAAA,kBACJ;AAAA,oBACE,OAAO,EAAE,MAAM;AAAA,oBACf,KAAK;AAAA,kBACP;AAAA,kBACA;AAAA,oBACE,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,OAAO,EAAE,QAAQ;AAAA,kBAAA;AAAA,gBAErB;AAAA,gBACA,SAAS,CAAC,EAAE,UAAU;AACpB,mEAAiB;AAAA,gBAAG;AAAA,cAExB;AAAA,cAEA,UAAC,oBAAA,UAAA,EAAO,MAAK,UAAS,WAAU,8BAC9B,UAAC,oBAAA,QAAA,EAAK,WAAU,iBACd,UAAC,oBAAA,UAAA,CAAA,CAAS,GACZ,EACF,CAAA;AAAA,YAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAI,EAAA,WAAW,kBACd,UAAA,oBAAC,QAAK,EAAA,WAAU,2BACd,UAAA,oBAAC,UAAS,CAAA,CAAA,EAAA,CACZ,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,MAAA,iBAAe,MAAM,KAAK,YAAY;"}

package/es/dashboard-workbench/utils/index.d.ts

@@ -1,11 +1,12 @@
 import { Layout } from 'react-grid-layout';
 import { TimeGroupInterval } from '../components/add-module-modal/add-chart-modal/interface';
 import { FieldItem } from '../types';
-export declare const getTransformValue: ({ val, field, fieldOptions, fieldMap, timeGroupInterval, }: {
+export declare const getTransformValue: ({ val, field, fieldOptions, fieldMap, timeGroupInterval, showNill, }: {
     val: any;
     field: any;
     fieldOptions?: FieldItem[];
     fieldMap?: Record<string, string>;
     timeGroupInterval?: TimeGroupInterval;
+    showNill?: boolean;
 }) => any;
 export declare const findChangedItems: (newLayout: Layout[], oldLayout: Layout[]) => Layout[];

package/es/dashboard-workbench/utils/index.js

@@ -5,7 +5,8 @@ const getTransformValue = ({
   field,
   fieldOptions,
   fieldMap,
-  timeGroupInterval
+  timeGroupInterval,
+  showNill = true
 }) => {
   var _a, _b, _c;
   const fieldData = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === field);
@@ -41,7 +42,7 @@ const getTransformValue = ({
     }
   }
   newVal = Array.isArray(newVal) ? newVal.join(",") : newVal;
-  if (isNil(newVal)) {
+  if (showNill && isNil(newVal)) {
     newVal = `Null`;
   }
   return newVal;

package/es/dashboard-workbench/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/dashboard-workbench/utils/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Layout } from 'react-grid-layout'\nimport dayjs from 'dayjs'\nimport { isNil } from 'lodash-es'\nimport { TimeGroupInterval } from '../components/add-module-modal/add-chart-modal/interface'\nimport { FieldItem } from '../types'\n\nexport const getTransformValue = ({\n  val,\n  field,\n  fieldOptions,\n  fieldMap,\n  timeGroupInterval,\n}: {\n  val: any\n  field: any\n  fieldOptions?: FieldItem[]\n  fieldMap?: Record<string, string> //枚举的翻译\n  timeGroupInterval?: TimeGroupInterval // 时间汇总 xAxis 是time的时候有效\n}) => {\n  const fieldData = fieldOptions?.find(item => item.value === field)\n  let newVal = val\n  if (fieldData?.type === 'enum' && fieldData?.enum && fieldData?.enum?.length > 0) {\n    const label = fieldData?.enum?.find(enumItem => enumItem.value === val)?.label\n    newVal = label ? fieldMap?.[label] || label : val\n  }\n  if (fieldData?.type === 'timestamp') {\n    let format = 'YYYY-MM-DD'\n    switch (timeGroupInterval) {\n      case 'day':\n        format = 'YYYY-MM-DD'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      case 'week':\n        const startDate = val ? dayjs(val).startOf('week').format('YYYY-MM-DD') : ''\n        const endDate = val ? dayjs(val).endOf('week').format('YYYY-MM-DD') : ''\n        newVal = val ? `${startDate}~${endDate}` : ''\n        break\n      case 'month':\n        format = 'YYYY-MM'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      case 'year':\n        format = 'YYYY'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      default:\n        format = 'YYYY-MM-DD'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n    }\n  }\n\n  //这玩意好像还会是数组\n  newVal = Array.isArray(newVal) ? newVal.join(',') : newVal\n\n  // https://applink.larksuite.com/client/todo/detail?guid=b5c44575-b66c-4c77-85eb-514a42a18330&suite_entity_num=t106725\n  if (isNil(newVal)) {\n    newVal = `Null`\n  }\n\n  return newVal\n}\n\nexport const findChangedItems = (newLayout: Layout[], oldLayout: Layout[]) => {\n  return newLayout.filter(newItem => {\n    const oldItem = oldLayout.find(item => item.i === newItem.i)\n    return (\n      oldItem &&\n      (oldItem.x !== newItem.x ||\n        oldItem.y !== newItem.y ||\n        oldItem.w !== newItem.w ||\n        oldItem.h !== newItem.h)\n    )\n  })\n}\n"],"names":[],"mappings":";;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;;AACJ,QAAM,YAAY,6CAAc,KAAK,CAAQ,SAAA,KAAK,UAAU;AAC5D,MAAI,SAAS;AACT,OAAA,uCAAW,UAAS,WAAU,uCAAW,WAAQ,4CAAW,SAAX,mBAAiB,UAAS,GAAG;AAC1E,UAAA,SAAQ,kDAAW,SAAX,mBAAiB,KAAK,cAAY,SAAS,UAAU,SAArD,mBAA2D;AACzE,aAAS,SAAQ,qCAAW,WAAU,QAAQ;AAAA,EAAA;AAE5C,OAAA,uCAAW,UAAS,aAAa;AACnC,QAAI,SAAS;AACb,YAAQ,mBAAmB;AAAA,MACzB,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF,KAAK;AACG,cAAA,YAAY,MAAM,MAAM,GAAG,EAAE,QAAQ,MAAM,EAAE,OAAO,YAAY,IAAI;AACpE,cAAA,UAAU,MAAM,MAAM,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,YAAY,IAAI;AACtE,iBAAS,MAAM,GAAG,SAAS,IAAI,OAAO,KAAK;AAC3C;AAAA,MACF,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF;AACW,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,IAAA;AAAA,EACJ;AAIF,WAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK,GAAG,IAAI;AAGhD,MAAA,MAAM,MAAM,GAAG;AACR,aAAA;AAAA,EAAA;AAGJ,SAAA;AACT;AAEa,MAAA,mBAAmB,CAAC,WAAqB,cAAwB;AACrE,SAAA,UAAU,OAAO,CAAW,YAAA;AACjC,UAAM,UAAU,UAAU,KAAK,UAAQ,KAAK,MAAM,QAAQ,CAAC;AAC3D,WACE,YACC,QAAQ,MAAM,QAAQ,KACrB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ;AAAA,EAAA,CAE3B;AACH;"}
+{"version":3,"file":"index.js","sources":["../../../packages/dashboard-workbench/utils/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Layout } from 'react-grid-layout'\nimport dayjs from 'dayjs'\nimport { isNil } from 'lodash-es'\nimport { TimeGroupInterval } from '../components/add-module-modal/add-chart-modal/interface'\nimport { FieldItem } from '../types'\n\nexport const getTransformValue = ({\n  val,\n  field,\n  fieldOptions,\n  fieldMap,\n  timeGroupInterval,\n  showNill = true,\n}: {\n  val: any\n  field: any\n  fieldOptions?: FieldItem[]\n  fieldMap?: Record<string, string> //枚举的翻译\n  timeGroupInterval?: TimeGroupInterval // 时间汇总 xAxis 是time的时候有效\n  showNill?: boolean\n}) => {\n  const fieldData = fieldOptions?.find(item => item.value === field)\n  let newVal = val\n  if (fieldData?.type === 'enum' && fieldData?.enum && fieldData?.enum?.length > 0) {\n    const label = fieldData?.enum?.find(enumItem => enumItem.value === val)?.label\n    newVal = label ? fieldMap?.[label] || label : val\n  }\n  if (fieldData?.type === 'timestamp') {\n    let format = 'YYYY-MM-DD'\n    switch (timeGroupInterval) {\n      case 'day':\n        format = 'YYYY-MM-DD'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      case 'week':\n        const startDate = val ? dayjs(val).startOf('week').format('YYYY-MM-DD') : ''\n        const endDate = val ? dayjs(val).endOf('week').format('YYYY-MM-DD') : ''\n        newVal = val ? `${startDate}~${endDate}` : ''\n        break\n      case 'month':\n        format = 'YYYY-MM'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      case 'year':\n        format = 'YYYY'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n      default:\n        format = 'YYYY-MM-DD'\n        newVal = val ? dayjs(val).format(format) : ''\n        break\n    }\n  }\n\n  //这玩意好像还会是数组\n  newVal = Array.isArray(newVal) ? newVal.join(',') : newVal\n\n  // https://applink.larksuite.com/client/todo/detail?guid=b5c44575-b66c-4c77-85eb-514a42a18330&suite_entity_num=t106725\n  if (showNill && isNil(newVal)) {\n    newVal = `Null`\n  }\n\n  return newVal\n}\n\nexport const findChangedItems = (newLayout: Layout[], oldLayout: Layout[]) => {\n  return newLayout.filter(newItem => {\n    const oldItem = oldLayout.find(item => item.i === newItem.i)\n    return (\n      oldItem &&\n      (oldItem.x !== newItem.x ||\n        oldItem.y !== newItem.y ||\n        oldItem.w !== newItem.w ||\n        oldItem.h !== newItem.h)\n    )\n  })\n}\n"],"names":[],"mappings":";;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAOM;;AACJ,QAAM,YAAY,6CAAc,KAAK,CAAQ,SAAA,KAAK,UAAU;AAC5D,MAAI,SAAS;AACT,OAAA,uCAAW,UAAS,WAAU,uCAAW,WAAQ,4CAAW,SAAX,mBAAiB,UAAS,GAAG;AAC1E,UAAA,SAAQ,kDAAW,SAAX,mBAAiB,KAAK,cAAY,SAAS,UAAU,SAArD,mBAA2D;AACzE,aAAS,SAAQ,qCAAW,WAAU,QAAQ;AAAA,EAAA;AAE5C,OAAA,uCAAW,UAAS,aAAa;AACnC,QAAI,SAAS;AACb,YAAQ,mBAAmB;AAAA,MACzB,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF,KAAK;AACG,cAAA,YAAY,MAAM,MAAM,GAAG,EAAE,QAAQ,MAAM,EAAE,OAAO,YAAY,IAAI;AACpE,cAAA,UAAU,MAAM,MAAM,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,YAAY,IAAI;AACtE,iBAAS,MAAM,GAAG,SAAS,IAAI,OAAO,KAAK;AAC3C;AAAA,MACF,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF,KAAK;AACM,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,MACF;AACW,iBAAA;AACT,iBAAS,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,IAAI;AAC3C;AAAA,IAAA;AAAA,EACJ;AAIF,WAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK,GAAG,IAAI;AAGhD,MAAA,YAAY,MAAM,MAAM,GAAG;AACpB,aAAA;AAAA,EAAA;AAGJ,SAAA;AACT;AAEa,MAAA,mBAAmB,CAAC,WAAqB,cAAwB;AACrE,SAAA,UAAU,OAAO,CAAW,YAAA;AACjC,UAAM,UAAU,UAAU,KAAK,UAAQ,KAAK,MAAM,QAAQ,CAAC;AAC3D,WACE,YACC,QAAQ,MAAM,QAAQ,KACrB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ;AAAA,EAAA,CAE3B;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platox/pivot-table",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "private": false,
   "type": "module",
   "exports": {