@platox/pivot-table 0.0.69 → 0.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/dashboard-workbench/components/InputWrapper/index.d.ts +5 -1
- package/es/dashboard-workbench/components/InputWrapper/index.js +10 -4
- package/es/dashboard-workbench/components/InputWrapper/index.js.map +1 -1
- package/es/dashboard-workbench/components/SelectWrapper/index.js +15 -17
- package/es/dashboard-workbench/components/SelectWrapper/index.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.js +5 -6
- package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js +9 -10
- package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.js +4 -3
- package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.js +7 -6
- package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js +4 -4
- package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.js +5 -5
- package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.js.map +1 -1
- package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/index.js +197 -167
- package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/index.js.map +1 -1
- package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js +25 -6
- package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js.map +1 -1
- package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.d.ts +1 -0
- package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.js +2 -3
- package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.js.map +1 -1
- package/es/dashboard-workbench/components/global-filter-condition/index.js +5 -4
- package/es/dashboard-workbench/components/global-filter-condition/index.js.map +1 -1
- package/es/dashboard-workbench/components/module-content/calendar-module/index.js +1 -0
- package/es/dashboard-workbench/components/module-content/calendar-module/index.js.map +1 -1
- package/es/dashboard-workbench/components/module-content/chart-module/index.js +7 -0
- package/es/dashboard-workbench/components/module-content/chart-module/index.js.map +1 -1
- package/es/dashboard-workbench/components/module-content/utils.d.ts +1 -0
- package/es/dashboard-workbench/components/module-content/utils.js +1 -0
- package/es/dashboard-workbench/components/module-content/utils.js.map +1 -1
- package/es/dashboard-workbench/context.d.ts +2 -0
- package/es/dashboard-workbench/context.js.map +1 -1
- package/es/dashboard-workbench/index.js +8 -13
- package/es/dashboard-workbench/index.js.map +1 -1
- package/es/dashboard-workbench/types.d.ts +1 -0
- package/es/dashboard-workbench/utils/index.js.map +1 -1
- package/package.json +1 -1
- package/umd/pivot-table.umd.cjs +46 -46
package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useRef, useState } from 'react'\nimport { Button, Divider, Form, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ConditionListItem } from '@platox/pivot-table/components/add-module-modal/components/condition-modal/interface'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi, FieldItem } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport SelectWrapper from '../../SelectWrapper'\nimport ConditionModal from '../components/condition-modal'\n\nexport type StatisticsCustomeDataTypes = {\n conditionData?: {\n conditionList: ConditionListItem[]\n conditionType: 'all' | 'any'\n }\n dataSourceId?: string\n statisticalMethod?: string\n statisticalType?: 'sum' | 'max' | 'min' | 'avg'\n field: string\n}\n\ninterface CustomDataProps {\n selectModuleData?: ModuleData\n onAllValuesChange?: ((values: any) => void) | undefined\n enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n selectModuleData,\n onAllValuesChange,\n enumDataApi,\n}) => {\n const { globalData } = useAppContext()\n const { t } = useTranslation()\n\n /* ============================== split =============================== */\n const [fieldOptions, setFieldOptions] = useState<FieldItem[]>()\n const [numberFieldOptions, setNumberFieldOptions] = useState<FieldItem[]>()\n\n const getFieldOptions = (name?: string) => {\n const list = globalData?.sourceData?.find(item => item.value === name)?.fields\n setFieldOptions(list)\n setNumberFieldOptions(list?.filter(item => item.type === 'int' || item.type === 'float'))\n }\n\n /* ============================== split =============================== */\n const [form] = Form.useForm()\n\n const initialValues = {\n dataSourceId: '',\n statisticalMethod: 'recordTotal',\n field: '',\n }\n\n const allValuesChange = () => {\n setTimeout(() => {\n onAllValuesChange?.({\n ...form.getFieldsValue(),\n conditionData: conditionDataRef.current,\n })\n })\n }\n /* ============================== split =============================== */\n\n const [isModalOpen, setIsModalOpen] = useState(false)\n const conditionDataRef = useRef()\n const [conditionData, setConditionData] = useState<any>({\n conditionList: [],\n conditionType: 'all',\n })\n const [conditionDataNum, setConditionDataNum] = useState(0)\n\n const setCondition = (val: any) => {\n setConditionData(val)\n conditionDataRef.current = val\n setConditionDataNum(val?.conditionList?.length || 0)\n }\n /* ============================== split =============================== */\n\n useEffect(() => {\n if (selectModuleData?.customData) {\n const customData = selectModuleData.customData\n form.setFieldsValue(customData)\n getFieldOptions(customData?.dataSourceId)\n } else {\n const currSourceData = globalData?.sourceData?.[0]\n form.setFieldsValue({\n ...initialValues,\n dataSourceId: currSourceData?.value,\n })\n getFieldOptions(currSourceData?.value)\n allValuesChange()\n }\n setCondition(selectModuleData?.customData?.conditionData)\n }, [selectModuleData, globalData])\n\n return (\n <>\n <Form form={form} name=\"customData\" layout=\"vertical\" initialValues={initialValues}>\n <Form.Item<StatisticsCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n <SelectWrapper\n options={globalData?.sourceData}\n onChange={val => {\n form.setFieldsValue({\n statisticalMethod: 'recordTotal',\n })\n getFieldOptions(val)\n allValuesChange()\n setCondition({\n conditionList: [],\n conditionType: 'all',\n })\n }}\n />\n </Form.Item>\n\n <Form.Item<StatisticsCustomeDataTypes> label={t('dataRange')}>\n <Button\n style={{ marginLeft: '-15px' }}\n onClick={() => {\n setIsModalOpen(true)\n }}\n type=\"link\"\n >\n {t('filterData')}\n </Button>\n {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n </Form.Item>\n\n <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n <Form.Item<StatisticsCustomeDataTypes>\n label={t('statisticstMethods')}\n name=\"statisticalMethod\"\n >\n <SelectWrapper\n onChange={val => {\n form.setFieldsValue({\n field: val === 'fieldValue' ? numberFieldOptions?.[0].value : '',\n statisticalType: 'sum',\n })\n allValuesChange()\n }}\n options={[\n { value: 'recordTotal', label: t('statisticstRecordNum') },\n { value: 'fieldValue', label: t('statisticstFieldVal') },\n ]}\n />\n </Form.Item>\n\n <Form.Item<StatisticsCustomeDataTypes> dependencies={['statisticalMethod']}>\n {({ getFieldValue }) =>\n getFieldValue('statisticalMethod') === 'fieldValue' ? (\n <Form.Item label={t('selectField')}>\n <Space.Compact>\n <Form.Item noStyle name=\"field\">\n <SelectWrapper\n style={{ width: '100px' }}\n onChange={() => {\n allValuesChange()\n }}\n options={numberFieldOptions}\n />\n </Form.Item>\n <Form.Item name=\"statisticalType\" noStyle>\n <SelectWrapper\n style={{ width: '100px' }}\n onChange={() => {\n allValuesChange()\n }}\n options={[\n {\n value: 'sum',\n label: t('sumVal'),\n },\n {\n value: 'max',\n label: t('maxVal'),\n },\n {\n value: 'min',\n label: t('minVal'),\n },\n {\n value: 'avg',\n label: t('averageVal'),\n },\n ]}\n />\n </Form.Item>\n </Space.Compact>\n </Form.Item>\n ) : null\n }\n </Form.Item>\n </Form>\n\n <ConditionModal\n open={isModalOpen}\n value={conditionData}\n fieldOptions={fieldOptions}\n enumDataApi={enumDataApi}\n onClose={() => {\n setIsModalOpen(false)\n }}\n onOk={val => {\n setCondition(val)\n allValuesChange()\n }}\n />\n </>\n )\n}\nexport default CustomData\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useRef, useState } from 'react'\nimport { Button, Divider, Form, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ConditionListItem } from '@platox/pivot-table/components/add-module-modal/components/condition-modal/interface'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi, FieldItem } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport ConditionModal from '../components/condition-modal'\n\nexport type StatisticsCustomeDataTypes = {\n conditionData?: {\n conditionList: ConditionListItem[]\n conditionType: 'all' | 'any'\n }\n dataSourceId?: string\n statisticalMethod?: string\n statisticalType?: 'sum' | 'max' | 'min' | 'avg'\n field: string\n}\n\ninterface CustomDataProps {\n selectModuleData?: ModuleData\n onAllValuesChange?: ((values: any) => void) | undefined\n enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n selectModuleData,\n onAllValuesChange,\n enumDataApi,\n}) => {\n const { globalData } = useAppContext()\n const { t } = useTranslation()\n\n /* ============================== split =============================== */\n const [fieldOptions, setFieldOptions] = useState<FieldItem[]>()\n const [numberFieldOptions, setNumberFieldOptions] = useState<FieldItem[]>()\n\n const getFieldOptions = (name?: string) => {\n const list = globalData?.sourceData?.find(item => item.value === name)?.fields\n setFieldOptions(list)\n setNumberFieldOptions(list?.filter(item => item.type === 'int' || item.type === 'float'))\n }\n\n /* ============================== split =============================== */\n const [form] = Form.useForm()\n\n const initialValues = {\n dataSourceId: '',\n statisticalMethod: 'recordTotal',\n field: '',\n }\n\n const allValuesChange = () => {\n setTimeout(() => {\n onAllValuesChange?.({\n ...form.getFieldsValue(),\n conditionData: conditionDataRef.current,\n })\n })\n }\n /* ============================== split =============================== */\n\n const [isModalOpen, setIsModalOpen] = useState(false)\n const conditionDataRef = useRef()\n const [conditionData, setConditionData] = useState<any>({\n conditionList: [],\n conditionType: 'all',\n })\n const [conditionDataNum, setConditionDataNum] = useState(0)\n\n const setCondition = (val: any) => {\n setConditionData(val)\n conditionDataRef.current = val\n setConditionDataNum(val?.conditionList?.length || 0)\n }\n /* ============================== split =============================== */\n\n useEffect(() => {\n if (selectModuleData?.customData) {\n const customData = selectModuleData.customData\n form.setFieldsValue(customData)\n getFieldOptions(customData?.dataSourceId)\n } else {\n const currSourceData = globalData?.sourceData?.[0]\n form.setFieldsValue({\n ...initialValues,\n dataSourceId: currSourceData?.value,\n })\n getFieldOptions(currSourceData?.value)\n allValuesChange()\n }\n setCondition(selectModuleData?.customData?.conditionData)\n }, [selectModuleData, globalData])\n\n return (\n <>\n <Form form={form} name=\"customData\" layout=\"vertical\" initialValues={initialValues}>\n <Form.Item<StatisticsCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n <Select\n options={globalData?.sourceData}\n onChange={val => {\n form.setFieldsValue({\n statisticalMethod: 'recordTotal',\n })\n getFieldOptions(val)\n allValuesChange()\n setCondition({\n conditionList: [],\n conditionType: 'all',\n })\n }}\n />\n </Form.Item>\n\n <Form.Item<StatisticsCustomeDataTypes> label={t('dataRange')}>\n <Button\n style={{ marginLeft: '-15px' }}\n onClick={() => {\n setIsModalOpen(true)\n }}\n type=\"link\"\n >\n {t('filterData')}\n </Button>\n {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n </Form.Item>\n\n <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n <Form.Item<StatisticsCustomeDataTypes>\n label={t('statisticstMethods')}\n name=\"statisticalMethod\"\n >\n <Select\n onChange={val => {\n form.setFieldsValue({\n field: val === 'fieldValue' ? numberFieldOptions?.[0].value : '',\n statisticalType: 'sum',\n })\n allValuesChange()\n }}\n options={[\n { value: 'recordTotal', label: t('statisticstRecordNum') },\n { value: 'fieldValue', label: t('statisticstFieldVal') },\n ]}\n />\n </Form.Item>\n\n <Form.Item<StatisticsCustomeDataTypes> dependencies={['statisticalMethod']}>\n {({ getFieldValue }) =>\n getFieldValue('statisticalMethod') === 'fieldValue' ? (\n <Form.Item label={t('selectField')}>\n <Space.Compact>\n <Form.Item noStyle name=\"field\">\n <Select\n style={{ width: '100px' }}\n dropdownStyle={{ width: 250 }}\n onChange={() => {\n allValuesChange()\n }}\n options={numberFieldOptions}\n />\n </Form.Item>\n <Form.Item name=\"statisticalType\" noStyle>\n <Select\n style={{ width: '100px' }}\n dropdownStyle={{ width: 180 }}\n onChange={() => {\n allValuesChange()\n }}\n options={[\n {\n value: 'sum',\n label: t('sumVal'),\n },\n {\n value: 'max',\n label: t('maxVal'),\n },\n {\n value: 'min',\n label: t('minVal'),\n },\n {\n value: 'avg',\n label: t('averageVal'),\n },\n ]}\n />\n </Form.Item>\n </Space.Compact>\n </Form.Item>\n ) : null\n }\n </Form.Item>\n </Form>\n\n <ConditionModal\n open={isModalOpen}\n value={conditionData}\n fieldOptions={fieldOptions}\n enumDataApi={enumDataApi}\n onClose={() => {\n setIsModalOpen(false)\n }}\n onOk={val => {\n setCondition(val)\n allValuesChange()\n }}\n />\n </>\n )\n}\nexport default CustomData\n"],"names":[],"mappings":"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"}
|
package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo, useEffect } from "react";
|
|
3
|
-
import { Form, Space, InputNumber, Select
|
|
3
|
+
import { Form, Space, InputNumber, Select } from "antd";
|
|
4
4
|
import { useTranslation } from "react-i18next";
|
|
5
|
-
import {
|
|
5
|
+
import { InputWrapper } from "../../InputWrapper/index.js";
|
|
6
6
|
import CustomeStyles$1 from "../components/select-color/index.js";
|
|
7
7
|
const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
|
|
8
8
|
const [form] = Form.useForm();
|
|
@@ -103,7 +103,7 @@ const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
|
|
|
103
103
|
}
|
|
104
104
|
) }),
|
|
105
105
|
/* @__PURE__ */ jsx(Form.Item, { name: "unit", noStyle: true, children: /* @__PURE__ */ jsx(
|
|
106
|
-
|
|
106
|
+
Select,
|
|
107
107
|
{
|
|
108
108
|
onChange: () => {
|
|
109
109
|
allValuesChange();
|
|
@@ -116,7 +116,7 @@ const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
|
|
|
116
116
|
) })
|
|
117
117
|
] }) }),
|
|
118
118
|
/* @__PURE__ */ jsx(Form.Item, { label: t("statistics.t10"), name: "desc", children: /* @__PURE__ */ jsx(
|
|
119
|
-
|
|
119
|
+
InputWrapper,
|
|
120
120
|
{
|
|
121
121
|
onChange: () => {
|
|
122
122
|
allValuesChange();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport
|
|
1
|
+
{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport InputWrapper from '../../InputWrapper'\nimport { ModuleData } from '../../module-content'\nimport SelectColor from '../components/select-color'\n\nexport type StatisticsCustomeStylesTypes = {\n color?: string\n unit?: string\n precision?: number\n desc: string\n}\n\ninterface CustomeStylesProps {\n selectModuleData?: ModuleData\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onAllValuesChange?: ((values: any) => void) | undefined\n}\nconst CustomeStyles: React.FC<CustomeStylesProps> = ({ selectModuleData, onAllValuesChange }) => {\n const [form] = Form.useForm()\n const { t, i18n } = useTranslation()\n\n const UnitOptions = useMemo(() => {\n return [\n {\n // 数字 千分位\n value: '1',\n label: t('statistics.t5'),\n },\n {\n // 数字\n value: '2',\n label: t('statistics.t6'),\n },\n {\n // 百分比\n value: '3',\n label: t('statistics.t7'),\n },\n // {\n // //人民币\n // value: '4',\n // label: t('statistics.t8'),\n // },\n // {\n // //美元\n // value: '5',\n // label: t('statistics.t9'),\n // },\n // {\n // // 欧元\n // value: '6',\n // label: t('statistics.t11'),\n // },\n // {\n // // 英镑\n // value: '7',\n // label: t('statistics.t12'),\n // },\n // {\n // // 泰铢\n // value: '8',\n // label: t('statistics.t13'),\n // },\n {\n // 币种\n value: '9',\n label: t('statistics.currency'),\n },\n ]\n }, [i18n.language])\n\n const initialValues = {\n color: '#373c43',\n unit: '1',\n precision: '',\n desc: '',\n }\n\n const allValuesChange = () => {\n setTimeout(() => {\n onAllValuesChange?.(form.getFieldsValue())\n })\n }\n\n useEffect(() => {\n if (selectModuleData?.customeStyle) {\n let unit = `${selectModuleData.customeStyle.unit ?? initialValues.unit}`\n\n //兼容之前的币种\n if (['4', '5', '6', '7', '8'].includes(unit)) {\n unit = '9'\n }\n\n let _initialValues = {\n ...initialValues,\n ...selectModuleData.customeStyle,\n unit: `${selectModuleData.customeStyle.unit ?? initialValues.unit}`,\n }\n form.setFieldsValue(_initialValues)\n } else {\n form.setFieldsValue(initialValues)\n }\n }, [selectModuleData])\n\n return (\n <Form form={form} name=\"customeStyle\" layout=\"vertical\" initialValues={initialValues}>\n <Form.Item label={t('statistics.t1')} name=\"color\">\n <SelectColor\n onChange={() => {\n allValuesChange()\n }}\n />\n </Form.Item>\n\n <Form.Item label={t('statistics.t2')} extra={t('statistics.t3')}>\n <Space.Compact>\n <Form.Item name=\"precision\" noStyle>\n <InputNumber\n min={1}\n max={10}\n style={{ width: '60%' }}\n placeholder={t('statistics.t4')}\n onChange={() => {\n allValuesChange()\n }}\n />\n </Form.Item>\n <Form.Item name=\"unit\" noStyle>\n <Select\n onChange={() => {\n allValuesChange()\n }}\n >\n {UnitOptions.map(v => {\n const { value, label } = v\n return (\n <Select.Option key={value} value={value}>\n {label}\n </Select.Option>\n )\n })}\n {/* <Select.Option value=\"1\">{t('statistics.t5')}</Select.Option>\n <Select.Option value=\"2\">{t('statistics.t6')}</Select.Option>\n <Select.Option value=\"3\">{t('statistics.t7')}</Select.Option>\n <Select.Option value=\"4\">{t('statistics.t8')}</Select.Option>\n <Select.Option value=\"5\">{t('statistics.t9')}</Select.Option>\n <Select.Option value=\"6\">{t('statistics.t11')}</Select.Option>\n <Select.Option value=\"7\">{t('statistics.t12')}</Select.Option>\n <Select.Option value=\"8\">{t('statistics.t13')}</Select.Option> */}\n </Select>\n </Form.Item>\n </Space.Compact>\n </Form.Item>\n\n <Form.Item label={t('statistics.t10')} name=\"desc\">\n <InputWrapper\n onChange={() => {\n allValuesChange()\n }}\n />\n </Form.Item>\n </Form>\n )\n}\nexport default CustomeStyles\n"],"names":["SelectColor"],"mappings":"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"}
|
package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useMemo, useEffect } from "react";
|
|
3
|
-
import { Spin } from "antd";
|
|
3
|
+
import { Select, Spin } from "antd";
|
|
4
4
|
import { debounce, isArray } from "lodash-es";
|
|
5
|
-
import { SelectWrapper } from "../../../SelectWrapper/index.js";
|
|
6
5
|
function DebounceEnumSelectWrapper(props) {
|
|
7
6
|
const { fetchOptions, debounceTimeout = 800, value: _value, ...others } = props;
|
|
8
7
|
const [fetching, setFetching] = useState(false);
|
|
@@ -14,7 +13,8 @@ function DebounceEnumSelectWrapper(props) {
|
|
|
14
13
|
const fetchId = fetchRef.current;
|
|
15
14
|
setOptions([]);
|
|
16
15
|
setFetching(true);
|
|
17
|
-
|
|
16
|
+
const trimValue = value2.trim();
|
|
17
|
+
fetchOptions(trimValue).then((newOptions) => {
|
|
18
18
|
if (fetchId !== fetchRef.current) {
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
@@ -41,7 +41,7 @@ function DebounceEnumSelectWrapper(props) {
|
|
|
41
41
|
}
|
|
42
42
|
}, [_value, props == null ? void 0 : props.mode]);
|
|
43
43
|
return /* @__PURE__ */ jsx(
|
|
44
|
-
|
|
44
|
+
Select,
|
|
45
45
|
{
|
|
46
46
|
labelInValue: true,
|
|
47
47
|
showSearch: true,
|
|
@@ -71,7 +71,7 @@ const EnumSelectWrapper = (props) => {
|
|
|
71
71
|
}
|
|
72
72
|
}, [_value, props == null ? void 0 : props.mode]);
|
|
73
73
|
return /* @__PURE__ */ jsx(
|
|
74
|
-
|
|
74
|
+
Select,
|
|
75
75
|
{
|
|
76
76
|
...others,
|
|
77
77
|
value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnumSelect.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { Select, Spin, type SelectProps } from 'antd'\nimport { isString } from 'antd/es/button'\nimport { debounce, isArray, isObject } from 'lodash-es'\
|
|
1
|
+
{"version":3,"file":"EnumSelect.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { Select, Spin, type SelectProps } from 'antd'\nimport { isString } from 'antd/es/button'\nimport { debounce, isArray, isObject } from 'lodash-es'\n\nexport interface DebounceSelectProps<ValueType = any>\n extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children' | 'value'> {\n value?: ValueType | ValueType[]\n // onChange?: (v: string) => void\n fetchOptions: (search: string) => Promise<ValueType[]>\n debounceTimeout?: number\n}\n\nexport function DebounceEnumSelectWrapper<\n ValueType extends {\n key?: string\n label: React.ReactNode\n value: string | number\n } = any,\n>(props: DebounceSelectProps<ValueType>) {\n const { fetchOptions, debounceTimeout = 800, value: _value, ...others } = props\n\n const [fetching, setFetching] = useState(false)\n const [options, setOptions] = useState<ValueType[]>([])\n const fetchRef = useRef(0)\n\n const debounceFetcher = useMemo(() => {\n const loadOptions = (value: string) => {\n fetchRef.current += 1\n const fetchId = fetchRef.current\n setOptions([])\n setFetching(true)\n const trimValue = value.trim()\n\n fetchOptions(trimValue).then(newOptions => {\n if (fetchId !== fetchRef.current) {\n // for fetch callback order\n return\n }\n setOptions(newOptions)\n setFetching(false)\n })\n }\n\n return debounce(loadOptions, debounceTimeout)\n }, [fetchOptions, debounceTimeout])\n\n useEffect(() => {\n debounceFetcher('')\n }, [])\n\n /* ============================== split =============================== */\n const value = useMemo(() => {\n let isMultiple = others?.mode === 'multiple'\n\n if (isMultiple) {\n let ret: ValueType[] = isArray(_value) ? (_value as ValueType[]) : []\n return ret\n } else {\n let ret: ValueType = {} as ValueType\n if (!isArray(_value) && _value?.value) {\n ret = _value\n }\n return ret\n }\n\n // //兼容旧数据\n // if (isMultiple) {\n // let ret: ValueType[] = []\n // if (isArray(_value)) {\n // ret = _value as ValueType[]\n // } else if (isObject(_value) && _value?.value) {\n // ret = [_value as ValueType]\n // }\n // return ret\n // } else {\n // let ret: ValueType = {} as ValueType\n // if (!isArray(_value) && _value?.value) {\n // ret = _value\n // }\n // return ret\n // }\n }, [_value, props?.mode])\n\n return (\n <Select\n key={props?.mode}\n labelInValue\n showSearch\n filterOption={false}\n onSearch={debounceFetcher}\n notFoundContent={fetching ? <Spin size=\"small\" /> : null}\n {...others}\n value={value}\n options={options}\n />\n )\n}\n\n/* ============================== split =============================== */\n\nexport const EnumSelectWrapper = (\n props: {\n value?: string | string[]\n } & Omit<SelectProps, 'value'>\n) => {\n const { value: _value = '', onChange, ...others } = props\n\n const value = useMemo(() => {\n let isMultiple = props?.mode === 'multiple'\n\n if (isMultiple) {\n let ret: string[] = isArray(_value) ? (_value as string[]) : []\n return ret\n } else {\n let ret: string = ''\n if (!isArray(_value) && !!_value) {\n ret = _value as string\n }\n return ret\n }\n\n // if (isMultiple) {\n // let ret: string[] = []\n\n // if (isArray(_value)) {\n // ret = _value as string[]\n // } else if (isString(_value) && !!_value) {\n // //兼容旧数据\n // ret = [_value as string]\n // }\n // return ret\n // } else {\n // let ret = ''\n // if (isArray(_value)) {\n // ret = _value?.[0] ?? ''\n // } else {\n // ret = _value as string\n // }\n // return ret\n // }\n }, [_value, props?.mode])\n\n return (\n <Select\n key={props?.mode}\n {...others}\n value={value}\n onChange={(...arg) => {\n props?.onChange?.(...arg)\n }}\n />\n )\n}\n"],"names":["value"],"mappings":";;;;AAcO,SAAS,0BAMd,OAAuC;AACjC,QAAA,EAAE,cAAc,kBAAkB,KAAK,OAAO,QAAQ,GAAG,WAAW;AAE1E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,CAAA,CAAE;AAChD,QAAA,WAAW,OAAO,CAAC;AAEnB,QAAA,kBAAkB,QAAQ,MAAM;AAC9B,UAAA,cAAc,CAACA,WAAkB;AACrC,eAAS,WAAW;AACpB,YAAM,UAAU,SAAS;AACzB,iBAAW,CAAA,CAAE;AACb,kBAAY,IAAI;AACV,YAAA,YAAYA,OAAM,KAAK;AAEhB,mBAAA,SAAS,EAAE,KAAK,CAAc,eAAA;AACrC,YAAA,YAAY,SAAS,SAAS;AAEhC;AAAA,QAAA;AAEF,mBAAW,UAAU;AACrB,oBAAY,KAAK;AAAA,MAAA,CAClB;AAAA,IACH;AAEO,WAAA,SAAS,aAAa,eAAe;AAAA,EAAA,GAC3C,CAAC,cAAc,eAAe,CAAC;AAElC,YAAU,MAAM;AACd,oBAAgB,EAAE;AAAA,EACpB,GAAG,EAAE;AAGC,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,iCAAQ,UAAS;AAElC,QAAI,YAAY;AACd,UAAI,MAAmB,QAAQ,MAAM,IAAK,SAAyB,CAAC;AAC7D,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAiB,CAAC;AACtB,UAAI,CAAC,QAAQ,MAAM,MAAK,iCAAQ,QAAO;AAC/B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAmBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,cAAc;AAAA,MACd,UAAU;AAAA,MACV,iBAAiB,WAAW,oBAAC,MAAK,EAAA,MAAK,QAAQ,CAAA,IAAK;AAAA,MACnD,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,IAAA;AAAA,IARK,+BAAO;AAAA,EASd;AAEJ;AAIa,MAAA,oBAAoB,CAC/B,UAGG;AACH,QAAM,EAAE,OAAO,SAAS,IAAI,UAAU,GAAG,WAAW;AAE9C,QAAA,QAAQ,QAAQ,MAAM;AACtB,QAAA,cAAa,+BAAO,UAAS;AAEjC,QAAI,YAAY;AACd,UAAI,MAAgB,QAAQ,MAAM,IAAK,SAAsB,CAAC;AACvD,aAAA;AAAA,IAAA,OACF;AACL,UAAI,MAAc;AAClB,UAAI,CAAC,QAAQ,MAAM,KAAK,CAAC,CAAC,QAAQ;AAC1B,cAAA;AAAA,MAAA;AAED,aAAA;AAAA,IAAA;AAAA,EAsBR,GAAA,CAAC,QAAQ,+BAAO,IAAI,CAAC;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU,IAAI,QAAQ;;AACb,6CAAA,aAAA,+BAAW,GAAG;AAAA,MAAG;AAAA,IAC1B;AAAA,IALK,+BAAO;AAAA,EAMd;AAEJ;"}
|
package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useEffect } from "react";
|
|
3
|
-
import { Form, Modal, Flex, Space, InputNumber, Switch, Button } from "antd";
|
|
3
|
+
import { Form, Modal, Flex, Select, Space, InputNumber, Switch, Button } from "antd";
|
|
4
4
|
import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
|
|
5
5
|
import { useTranslation } from "react-i18next";
|
|
6
6
|
import { DatePickerWrapper, RangePickerWrapper } from "../../../global-filter-condition/ConditionSymbolAndValuePicker.js";
|
|
7
7
|
import { InputWrapper } from "../../../InputWrapper/index.js";
|
|
8
|
-
import {
|
|
8
|
+
import { getSafeRegExp } from "../../../SelectWrapper/index.js";
|
|
9
9
|
import { useAppContext } from "../../../../context.js";
|
|
10
10
|
import { useConditionTypeOptions, useConditionSymbolOptions } from "./config.js";
|
|
11
11
|
import { EnumSelectWrapper, DebounceEnumSelectWrapper } from "./EnumSelect.js";
|
|
@@ -93,48 +93,32 @@ const ConditionModal = ({
|
|
|
93
93
|
var _a;
|
|
94
94
|
return ((_a = getFieldValue("conditionList")) == null ? void 0 : _a.length) > 1 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 5, style: { marginBottom: "20px" }, children: [
|
|
95
95
|
t("conformTo"),
|
|
96
|
-
/* @__PURE__ */ jsx(Form.Item, { name: "conditionType", noStyle: true, children: /* @__PURE__ */ jsx(
|
|
96
|
+
/* @__PURE__ */ jsx(Form.Item, { name: "conditionType", noStyle: true, children: /* @__PURE__ */ jsx(Select, { style: { width: "150px" }, options: conditionTypeOptions }) }),
|
|
97
97
|
" ",
|
|
98
98
|
t("condition")
|
|
99
99
|
] }) : null;
|
|
100
100
|
} }),
|
|
101
101
|
/* @__PURE__ */ jsx(Form.List, { name: "conditionList", children: (fields, { add, remove }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
102
|
-
fields.map(({ key, name, ...restField }) =>
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
values[name].condition = "=";
|
|
112
|
-
values[name].type = currField == null ? void 0 : currField.type;
|
|
113
|
-
values[name].val = "";
|
|
114
|
-
values[name].val2 = "";
|
|
115
|
-
if ((currField == null ? void 0 : currField.type) === "timestamp") {
|
|
116
|
-
values[name].rdate = "exactdate";
|
|
117
|
-
}
|
|
118
|
-
form.setFieldsValue({
|
|
119
|
-
conditionList: values
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
) }),
|
|
124
|
-
/* @__PURE__ */ jsx(Form.Item, { noStyle: true, dependencies: [["conditionList", name, "field"]], children: ({ getFieldValue }) => {
|
|
125
|
-
var _a;
|
|
126
|
-
const type = (_a = fieldOptions == null ? void 0 : fieldOptions.find(
|
|
127
|
-
(item) => item.value === getFieldValue(["conditionList", name, "field"])
|
|
128
|
-
)) == null ? void 0 : _a.type;
|
|
129
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "condition"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
130
|
-
SelectWrapper,
|
|
102
|
+
fields.map(({ key, name, ...restField }) => {
|
|
103
|
+
console.log("field", key, name, restField);
|
|
104
|
+
let matchOptions = fieldOptions == null ? void 0 : fieldOptions.find(
|
|
105
|
+
(item) => item.value === form.getFieldValue(["conditionList", name, "field"])
|
|
106
|
+
);
|
|
107
|
+
let disabled = (matchOptions == null ? void 0 : matchOptions.disabled) || false;
|
|
108
|
+
return /* @__PURE__ */ jsxs(Space, { style: { display: "flex", marginBottom: 8 }, align: "baseline", children: [
|
|
109
|
+
/* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "field"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
110
|
+
Select,
|
|
131
111
|
{
|
|
132
|
-
style: { width: "
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
onChange: () => {
|
|
112
|
+
style: { width: "150px" },
|
|
113
|
+
options: fieldOptions || [],
|
|
114
|
+
onChange: (val) => {
|
|
136
115
|
const values = form.getFieldValue("conditionList");
|
|
137
|
-
|
|
116
|
+
const currField = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === val);
|
|
117
|
+
values[name].condition = "=";
|
|
118
|
+
values[name].type = currField == null ? void 0 : currField.type;
|
|
119
|
+
values[name].val = "";
|
|
120
|
+
values[name].val2 = "";
|
|
121
|
+
if ((currField == null ? void 0 : currField.type) === "timestamp") {
|
|
138
122
|
values[name].rdate = "exactdate";
|
|
139
123
|
}
|
|
140
124
|
form.setFieldsValue({
|
|
@@ -142,144 +126,190 @@ const ConditionModal = ({
|
|
|
142
126
|
});
|
|
143
127
|
}
|
|
144
128
|
}
|
|
145
|
-
) })
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
129
|
+
) }),
|
|
130
|
+
/* @__PURE__ */ jsx(Form.Item, { noStyle: true, dependencies: [["conditionList", name, "field"]], children: ({ getFieldValue }) => {
|
|
131
|
+
var _a;
|
|
132
|
+
const type = (_a = fieldOptions == null ? void 0 : fieldOptions.find(
|
|
133
|
+
(item) => item.value === getFieldValue(["conditionList", name, "field"])
|
|
134
|
+
)) == null ? void 0 : _a.type;
|
|
135
|
+
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "condition"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
136
|
+
Select,
|
|
137
|
+
{
|
|
138
|
+
disabled,
|
|
139
|
+
style: { width: "100px" },
|
|
140
|
+
popupMatchSelectWidth: 200,
|
|
141
|
+
options: type ? conditionOptions[type] : [],
|
|
142
|
+
onChange: () => {
|
|
143
|
+
const values = form.getFieldValue("conditionList");
|
|
144
|
+
if (type === "timestamp") {
|
|
145
|
+
values[name].rdate = "exactdate";
|
|
146
|
+
}
|
|
147
|
+
form.setFieldsValue({
|
|
148
|
+
conditionList: values
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
) }) });
|
|
153
|
+
} }),
|
|
154
|
+
/* @__PURE__ */ jsx(
|
|
155
|
+
Form.Item,
|
|
156
|
+
{
|
|
157
|
+
noStyle: true,
|
|
158
|
+
dependencies: [
|
|
159
|
+
["conditionList", name, "field"],
|
|
160
|
+
["conditionList", name, "condition"],
|
|
161
|
+
["conditionList", name, "rdate"]
|
|
162
|
+
],
|
|
163
|
+
children: ({ getFieldValue }) => {
|
|
164
|
+
var _a;
|
|
165
|
+
const field = getFieldValue(["conditionList", name, "field"]);
|
|
166
|
+
const fieldData = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === field);
|
|
167
|
+
const type = (fieldData == null ? void 0 : fieldData.type) || "";
|
|
168
|
+
const enumOptions = (_a = fieldData == null ? void 0 : fieldData.enum) == null ? void 0 : _a.map((item) => {
|
|
169
|
+
var _a2;
|
|
170
|
+
return {
|
|
171
|
+
...item,
|
|
172
|
+
label: ((_a2 = globalData == null ? void 0 : globalData.fieldMap) == null ? void 0 : _a2[item.label]) || item.label
|
|
173
|
+
};
|
|
174
|
+
});
|
|
175
|
+
const enumUrl = fieldData == null ? void 0 : fieldData.dynamic_call_enum_api;
|
|
176
|
+
const condition = getFieldValue(["conditionList", name, "condition"]);
|
|
177
|
+
const rdate = getFieldValue(["conditionList", name, "rdate"]);
|
|
178
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
179
|
+
["int", "float"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
180
|
+
/* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
181
|
+
InputNumber,
|
|
182
|
+
{
|
|
183
|
+
disabled,
|
|
184
|
+
style: { width: "100px" },
|
|
185
|
+
placeholder: t("pleaseEnter")
|
|
186
|
+
}
|
|
187
|
+
) }),
|
|
188
|
+
condition === "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val2"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
189
|
+
InputNumber,
|
|
190
|
+
{
|
|
191
|
+
disabled,
|
|
192
|
+
style: {
|
|
193
|
+
width: "100px",
|
|
194
|
+
marginLeft: "5px"
|
|
195
|
+
},
|
|
196
|
+
placeholder: t("pleaseEnter")
|
|
197
|
+
}
|
|
198
|
+
) }) : null
|
|
199
|
+
] }) : null,
|
|
200
|
+
type === "timestamp" && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
201
|
+
condition === "=" || condition === "<" || condition === ">" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "rdate"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
202
|
+
Select,
|
|
203
|
+
{
|
|
204
|
+
disabled,
|
|
205
|
+
showSearch: true,
|
|
206
|
+
filterOption: (input, option) => {
|
|
207
|
+
const reg = getSafeRegExp(input);
|
|
208
|
+
return reg ? reg == null ? void 0 : reg.test((option == null ? void 0 : option.label) ?? "") : false;
|
|
209
|
+
},
|
|
210
|
+
optionFilterProp: "label",
|
|
211
|
+
style: { width: "150px" },
|
|
212
|
+
options: condition === "=" ? rdateOptions : rdateOptions2
|
|
213
|
+
}
|
|
214
|
+
) }) : null,
|
|
215
|
+
rdate == "exactdate" && condition !== "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
216
|
+
DatePickerWrapper,
|
|
217
|
+
{
|
|
218
|
+
disabled,
|
|
219
|
+
style: { width: "150px" }
|
|
220
|
+
}
|
|
221
|
+
) }) : null,
|
|
222
|
+
condition === "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, noStyle: true, children: /* @__PURE__ */ jsx(
|
|
223
|
+
RangePickerWrapper,
|
|
224
|
+
{
|
|
225
|
+
disabled,
|
|
226
|
+
value: [
|
|
227
|
+
getFieldValue(["conditionList", name, "val"]),
|
|
228
|
+
getFieldValue(["conditionList", name, "val2"])
|
|
229
|
+
],
|
|
230
|
+
onChange: (v) => {
|
|
231
|
+
form.setFieldsValue({
|
|
232
|
+
["conditionList"]: [
|
|
233
|
+
...form.getFieldValue("conditionList").map((item) => {
|
|
234
|
+
if (item.field === field) {
|
|
235
|
+
return {
|
|
236
|
+
...item,
|
|
237
|
+
val: v[0],
|
|
238
|
+
val2: v[1]
|
|
239
|
+
};
|
|
240
|
+
}
|
|
241
|
+
return item;
|
|
242
|
+
})
|
|
243
|
+
]
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
) }) : null
|
|
248
|
+
] }) : null,
|
|
249
|
+
["string"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
250
|
+
/* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
251
|
+
InputWrapper,
|
|
252
|
+
{
|
|
253
|
+
disabled,
|
|
254
|
+
style: { width: "150px" },
|
|
255
|
+
placeholder: t("pleaseEnter")
|
|
256
|
+
}
|
|
257
|
+
) }),
|
|
258
|
+
condition === "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val2"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
259
|
+
InputWrapper,
|
|
260
|
+
{
|
|
261
|
+
disabled,
|
|
262
|
+
style: {
|
|
263
|
+
width: "150px",
|
|
264
|
+
marginLeft: "5px"
|
|
265
|
+
},
|
|
266
|
+
placeholder: t("pleaseEnter")
|
|
267
|
+
}
|
|
268
|
+
) }) : null
|
|
269
|
+
] }) : null,
|
|
270
|
+
["bool"].includes(type) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(Switch, { disabled }) }) }) : null,
|
|
271
|
+
["enum"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: enumOptions && (enumOptions == null ? void 0 : enumOptions.length) > 0 ? /* @__PURE__ */ jsx(
|
|
272
|
+
EnumSelectWrapper,
|
|
194
273
|
{
|
|
274
|
+
disabled,
|
|
195
275
|
showSearch: true,
|
|
276
|
+
filterOption: (input, option) => {
|
|
277
|
+
const reg = getSafeRegExp(input);
|
|
278
|
+
return reg ? reg == null ? void 0 : reg.test(`${(option == null ? void 0 : option.label) ?? ""}`) : false;
|
|
279
|
+
},
|
|
196
280
|
optionFilterProp: "label",
|
|
197
|
-
style: { width: "
|
|
198
|
-
options:
|
|
199
|
-
|
|
200
|
-
) }) : null,
|
|
201
|
-
rdate == "exactdate" && condition !== "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(DatePickerWrapper, { style: { width: "150px" } }) }) : null,
|
|
202
|
-
condition === "contain" ? /* @__PURE__ */ jsx(Form.Item, { ...restField, noStyle: true, children: /* @__PURE__ */ jsx(
|
|
203
|
-
RangePickerWrapper,
|
|
204
|
-
{
|
|
205
|
-
value: [
|
|
206
|
-
getFieldValue(["conditionList", name, "val"]),
|
|
207
|
-
getFieldValue(["conditionList", name, "val2"])
|
|
208
|
-
],
|
|
209
|
-
onChange: (v) => {
|
|
210
|
-
form.setFieldsValue({
|
|
211
|
-
["conditionList"]: [
|
|
212
|
-
...form.getFieldValue("conditionList").map((item) => {
|
|
213
|
-
if (item.field === field) {
|
|
214
|
-
return {
|
|
215
|
-
...item,
|
|
216
|
-
val: v[0],
|
|
217
|
-
val2: v[1]
|
|
218
|
-
};
|
|
219
|
-
}
|
|
220
|
-
return item;
|
|
221
|
-
})
|
|
222
|
-
]
|
|
223
|
-
});
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
) }) : null
|
|
227
|
-
] }) : null,
|
|
228
|
-
["string"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
229
|
-
/* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(
|
|
230
|
-
InputWrapper,
|
|
231
|
-
{
|
|
232
|
-
style: { width: "150px" },
|
|
233
|
-
placeholder: t("pleaseEnter")
|
|
281
|
+
style: { width: "320px" },
|
|
282
|
+
options: enumOptions,
|
|
283
|
+
...["include", "notinclude"].includes(condition) ? { mode: "multiple", maxTagCount: "responsive" } : {}
|
|
234
284
|
}
|
|
235
|
-
)
|
|
236
|
-
|
|
237
|
-
InputWrapper,
|
|
285
|
+
) : enumUrl ? /* @__PURE__ */ jsx(
|
|
286
|
+
DebounceEnumSelectWrapper,
|
|
238
287
|
{
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
["bool"].includes(type) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: /* @__PURE__ */ jsx(Switch, {}) }) }) : null,
|
|
248
|
-
["enum"].includes(type) && !["null", "notnull"].includes(condition) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Form.Item, { ...restField, name: [name, "val"], noStyle: true, children: enumOptions && (enumOptions == null ? void 0 : enumOptions.length) > 0 ? /* @__PURE__ */ jsx(
|
|
249
|
-
EnumSelectWrapper,
|
|
250
|
-
{
|
|
251
|
-
showSearch: true,
|
|
252
|
-
optionFilterProp: "label",
|
|
253
|
-
style: { width: "320px" },
|
|
254
|
-
options: enumOptions,
|
|
255
|
-
...["include", "notinclude"].includes(condition) ? { mode: "multiple", maxTagCount: "responsive" } : {}
|
|
256
|
-
}
|
|
257
|
-
) : enumUrl ? /* @__PURE__ */ jsx(
|
|
258
|
-
DebounceEnumSelectWrapper,
|
|
259
|
-
{
|
|
260
|
-
style: { width: "320px" },
|
|
261
|
-
...["include", "notinclude"].includes(condition) ? { mode: "multiple", maxTagCount: "responsive" } : {},
|
|
262
|
-
fetchOptions: async (value2) => {
|
|
263
|
-
var _a2;
|
|
264
|
-
let dfUrl = enumUrl;
|
|
265
|
-
if (value2) {
|
|
266
|
-
dfUrl = `${dfUrl}?q=${value2}`;
|
|
267
|
-
}
|
|
268
|
-
return await ((_a2 = enumDataApi == null ? void 0 : enumDataApi(dfUrl)) == null ? void 0 : _a2.then(
|
|
269
|
-
(res) => {
|
|
270
|
-
var _a3;
|
|
271
|
-
return (_a3 = res.data) == null ? void 0 : _a3.list;
|
|
288
|
+
disabled,
|
|
289
|
+
style: { width: "320px" },
|
|
290
|
+
...["include", "notinclude"].includes(condition) ? { mode: "multiple", maxTagCount: "responsive" } : {},
|
|
291
|
+
fetchOptions: async (value2) => {
|
|
292
|
+
var _a2;
|
|
293
|
+
let dfUrl = enumUrl;
|
|
294
|
+
if (value2) {
|
|
295
|
+
dfUrl = `${dfUrl}?q=${value2}`;
|
|
272
296
|
}
|
|
273
|
-
|
|
297
|
+
return await ((_a2 = enumDataApi == null ? void 0 : enumDataApi(dfUrl)) == null ? void 0 : _a2.then(
|
|
298
|
+
(res) => {
|
|
299
|
+
var _a3;
|
|
300
|
+
return (_a3 = res.data) == null ? void 0 : _a3.list;
|
|
301
|
+
}
|
|
302
|
+
));
|
|
303
|
+
}
|
|
274
304
|
}
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
|
|
305
|
+
) : null }) }) : null
|
|
306
|
+
] });
|
|
307
|
+
}
|
|
278
308
|
}
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
309
|
+
),
|
|
310
|
+
/* @__PURE__ */ jsx(MinusCircleOutlined, { onClick: () => remove(name) })
|
|
311
|
+
] }, key);
|
|
312
|
+
}),
|
|
283
313
|
/* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(
|
|
284
314
|
Button,
|
|
285
315
|
{
|