@platox/pivot-table 0.0.35 → 0.0.37

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

@@ -0,0 +1,218 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Select, Input, InputNumber, DatePicker, Switch } from "antd";
+import { useTranslation } from "react-i18next";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import dayjs from "dayjs";
+import { useAppContext } from "../../context.js";
+import { useConditionSymbolOptions } from "../add-module-modal/components/condition-modal/config.js";
+import DebounceSelect from "../add-module-modal/components/condition-modal/debounce-select.js";
+const ConditionSymbolAndValuePicker = (props) => {
+  var _a, _b, _c, _d;
+  const { style, className, field } = props;
+  const fieldType = field == null ? void 0 : field.type;
+  const { t } = useTranslation();
+  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } = useConditionSymbolOptions();
+  const conditionOptions = {
+    int: intOptions,
+    timestamp: timeOptions,
+    string: stringOptions,
+    bool: boolOptions,
+    float: intOptions,
+    enum: stringOptions
+  };
+  const [value, setValue] = useControllableValue(props);
+  let symbolOptions = conditionOptions[fieldType] ?? [];
+  let symbolDisabled = !(props == null ? void 0 : props.field);
+  let symbolValue = value == null ? void 0 : value.condition;
+  let symbolOnChange = (v) => {
+    setValue({ ...value, condition: v });
+  };
+  const val = value == null ? void 0 : value.val;
+  const val2 = value == null ? void 0 : value.val2;
+  const rdate = value == null ? void 0 : value.rdate;
+  const enumDataApi = (_b = (_a = useAppContext()) == null ? void 0 : _a.service) == null ? void 0 : _b.enumDataApi;
+  const fieldMap = (_d = (_c = useAppContext()) == null ? void 0 : _c.globalData) == null ? void 0 : _d.fieldMap;
+  const { options: enumOptions, enumUrl } = useMemo(() => {
+    var _a2;
+    let options = [];
+    let enumUrl2 = void 0;
+    if ((field == null ? void 0 : field.type) === "enum") {
+      options = ((_a2 = field == null ? void 0 : field.enum) == null ? void 0 : _a2.map((item) => ({
+        label: (fieldMap == null ? void 0 : fieldMap[item.label]) ?? item.label,
+        value: item.value
+      }))) ?? [];
+      enumUrl2 = field == null ? void 0 : field.dynamic_call_enum_api;
+    }
+    return {
+      options,
+      enumUrl: enumUrl2
+    };
+  }, [field, fieldMap]);
+  const handleConditionValueChange = useMemoizedFn((key, v) => {
+    var _a2;
+    let _v = ((_a2 = v == null ? void 0 : v.target) == null ? void 0 : _a2.value) ?? v;
+    setValue({ ...value, [key]: _v });
+  });
+  const getVaildValue = (v, type, defaultValue) => {
+    let ret = defaultValue;
+    switch (type) {
+      case "number":
+        return typeof v === "number" ? v : ret;
+      case "dayjs":
+        return v instanceof dayjs ? v : ret;
+      case "boolean":
+        return typeof v === "boolean" ? v : ret;
+      case "string":
+        return typeof v === "string" ? v : ret;
+      default:
+        return v;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        style: { width: "100px" },
+        disabled: symbolDisabled,
+        options: symbolOptions,
+        value: symbolValue,
+        onChange: symbolOnChange
+      }
+    ),
+    !fieldType && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Input, { style: { width: "100px" }, disabled: true }) }),
+    !!fieldType && /* @__PURE__ */ jsxs(Fragment, { children: [
+      ["int", "float"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          InputNumber,
+          {
+            style: { width: "100px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ),
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          InputNumber,
+          {
+            style: { width: "100px", marginLeft: "5px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val2),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      fieldType === "timestamp" && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        symbolValue === "=" || symbolValue === "<" || symbolValue === ">" ? /* @__PURE__ */ jsx(
+          Select,
+          {
+            showSearch: true,
+            optionFilterProp: "label",
+            style: { width: "150px" },
+            options: symbolValue === "=" ? rdateOptions : rdateOptions2,
+            value: getVaildValue(rdate),
+            onChange: (v) => {
+              handleConditionValueChange("rdate", v);
+            }
+          }
+        ) : null,
+        rdate === "exactdate" ? /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            style: { width: "150px" },
+            value: getVaildValue(val, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ) : null,
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            style: { width: "150px", marginLeft: "5px" },
+            value: getVaildValue(val2, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      ["string"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            style: { width: "150px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ),
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            style: { width: "150px", marginLeft: "5px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val2, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      ["bool"].includes(fieldType) ? /* @__PURE__ */ jsx(
+        Switch,
+        {
+          value: getVaildValue(val, "boolean"),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          }
+        }
+      ) : null,
+      ["enum"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsx(Fragment, { children: enumOptions && (enumOptions == null ? void 0 : enumOptions.length) > 0 ? /* @__PURE__ */ jsx(
+        Select,
+        {
+          showSearch: true,
+          optionFilterProp: "label",
+          style: { width: "150px" },
+          options: enumOptions,
+          value: getVaildValue(val),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          }
+        }
+      ) : enumUrl ? /* @__PURE__ */ jsx(
+        DebounceSelect,
+        {
+          style: { width: "150px" },
+          value: getVaildValue(val),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          },
+          fetchOptions: async (value2) => {
+            var _a2;
+            let dfUrl = enumUrl;
+            if (value2) {
+              dfUrl = `${dfUrl}?q=${value2}`;
+            }
+            return await ((_a2 = enumDataApi == null ? void 0 : enumDataApi(dfUrl)) == null ? void 0 : _a2.then((res) => {
+              var _a3;
+              return (_a3 = res.data) == null ? void 0 : _a3.list;
+            })) ?? [];
+          }
+        }
+      ) : null }) : null
+    ] })
+  ] });
+};
+ConditionSymbolAndValuePicker.displayName = "ConditionSymbolAndValuePicker";
+export {
+  ConditionSymbolAndValuePicker,
+  ConditionSymbolAndValuePicker as default
+};
+//# sourceMappingURL=ConditionSymbolAndValuePicker.js.map

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

@@ -0,0 +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, Input, InputNumber, Select, 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 DebounceSelect from '../add-module-modal/components/condition-modal/debounce-select'\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    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\n    setValue({ ...value, [key]: _v })\n  })\n  const getVaildValue = <T,>(\n    v: unknown,\n    type?: 'string' | 'number' | 'dayjs' | 'boolean',\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 (v instanceof dayjs ? 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  /* ============================== 默认值 =============================== */\n  // useEffect(() => {\n  //   if (!!field?.value && !value?.condition) {\n  //     const initialValues: Omit<ConditionListItemWrapper, 'field'> = {\n  //       condition: '=',\n  //       val: '',\n  //       val2: '',\n  //       rdate: 'exactdate',\n  //     }\n  //     setValue({\n  //       ...initialValues,\n  //     })\n  //   }\n  // }, [field?.value])\n\n  return (\n    <>\n      <Select\n        style={{ width: '100px' }}\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' ? (\n                <DatePicker\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                <DatePicker\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\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                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={enumOptions}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : enumUrl ? (\n                <DebounceSelect<{ label: string; value: string }>\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val)}\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"],"names":["enumUrl","_a","value"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+export type FiledPickerValue = {
+    dataSourceId: string;
+    field: string;
+};
+export type FieldPickerDataSourceItem = {
+    key: string;
+    label: string;
+    children: FieldPickerDataSourceItem[];
+};
+export declare const FieldPicker: (props: {
+    value?: FiledPickerValue;
+    onChange?: (value: FiledPickerValue) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Dropdown, Select } from "antd";
+import { useTranslation } from "react-i18next";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import { useContext } from "./useContext.js";
+import { getMergeId } from "./util.js";
+const FieldPicker = (props) => {
+  var _a, _b;
+  const { t } = useTranslation();
+  const { fieldPickerDataSource: dataSource, flattenFieldMap } = useContext();
+  const [value, onChange] = useControllableValue(props);
+  const handleClick = useMemoizedFn((props2) => {
+    const [mergeField, dataSourceId] = props2.keyPath;
+    let field = mergeField == null ? void 0 : mergeField.replace(`${dataSourceId}-`, "");
+    if (!!field) {
+      onChange({
+        dataSourceId,
+        field
+      });
+    }
+  });
+  const selectField = useMemo(() => {
+    {
+      let mergeField = getMergeId(value == null ? void 0 : value.dataSourceId, value == null ? void 0 : value.field);
+      let selectField2 = flattenFieldMap == null ? void 0 : flattenFieldMap.get(mergeField);
+      return selectField2;
+    }
+  }, [value, flattenFieldMap]);
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      trigger: ["click"],
+      menu: {
+        selectable: true,
+        selectedKeys: selectField ? [(_a = selectField == null ? void 0 : selectField.source) == null ? void 0 : _a.value, selectField == null ? void 0 : selectField.mergeId] : [],
+        items: dataSource,
+        onClick: handleClick
+        // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement
+      },
+      children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          open: false,
+          placeholder: t("selectGroupField"),
+          style: { width: 200 },
+          value: ((_b = selectField == null ? void 0 : selectField.field) == null ? void 0 : _b.label) ?? void 0
+        }
+      )
+    }
+  );
+};
+export {
+  FieldPicker
+};
+//# sourceMappingURL=FieldPicker.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ConditionBlockWrapper } from './interface';
+export interface GlobalFilterConditionProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const GlobalFilterCondition: React.FC<GlobalFilterConditionProps>;
+export default GlobalFilterCondition;
+export type PopoverContentProps = {
+    defaultValue?: ConditionBlockWrapper[];
+    onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void;
+};
+export declare const PopoverContent: (props: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,311 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import clsx from "clsx";
+import { Popover, Button, Select } from "antd";
+import { FilterOutlined, PlusOutlined } from "@ant-design/icons";
+import { useTranslation } from "react-i18next";
+import { useMemoizedFn } from "ahooks";
+import { cloneDeep, isEqual } from "lodash-es";
+import { useAppContext } from "../../context.js";
+import { useConditionTypeOptions } from "../add-module-modal/components/condition-modal/config.js";
+import { ConditionRowItem } from "./ConditionRowItem.js";
+import styles from "./index.module.less.js";
+import { Context, useContext } from "./useContext.js";
+import { getMergeId } from "./util.js";
+const componentName = "global-filter-condition";
+const Empty = [];
+const GlobalFilterCondition = (props) => {
+  const { className, style } = props;
+  const { t } = useTranslation();
+  const { globalFilterCondition, setGlobalFilterCondition } = useAppContext();
+  const [open, setOpen] = useState(false);
+  const { globalData } = useAppContext();
+  const { fieldPickerDataSource, flattenFieldMap } = useMemo(() => {
+    let flattenFieldMap2 = /* @__PURE__ */ new Map();
+    let fieldPickerDataSource2 = ((globalData == null ? void 0 : globalData.sourceData) || []).map((item) => {
+      let children = ((item == null ? void 0 : item.fields) || []).map((v) => {
+        let mergeId = getMergeId(item == null ? void 0 : item.value, v == null ? void 0 : v.value);
+        flattenFieldMap2.set(mergeId, {
+          field: v,
+          source: item,
+          mergeId
+        });
+        return {
+          key: mergeId,
+          label: v == null ? void 0 : v.label,
+          // 没有props 可以传到submenu里面 写在这里写死
+          style: {
+            minWidth: "160px"
+          }
+        };
+      });
+      return {
+        key: item == null ? void 0 : item.value,
+        label: item == null ? void 0 : item.label,
+        children
+      };
+    });
+    return {
+      fieldPickerDataSource: fieldPickerDataSource2,
+      flattenFieldMap: flattenFieldMap2
+    };
+  }, [globalData == null ? void 0 : globalData.sourceData]);
+  return /* @__PURE__ */ jsx(
+    Context.Provider,
+    {
+      value: {
+        fieldPickerDataSource,
+        flattenFieldMap
+      },
+      children: /* @__PURE__ */ jsx("div", { className: clsx(styles[`${componentName}`], className), style, children: /* @__PURE__ */ jsx(
+        Popover,
+        {
+          content: /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              defaultValue: globalFilterCondition,
+              onClose: (isOk, data) => {
+                if (isOk) {
+                  setGlobalFilterCondition(data);
+                }
+                setOpen(false);
+              }
+            }
+          ),
+          destroyTooltipOnHide: true,
+          placement: "bottomRight",
+          trigger: "click",
+          open,
+          onOpenChange: setOpen,
+          children: /* @__PURE__ */ jsxs(Button, { children: [
+            /* @__PURE__ */ jsx(FilterOutlined, {}),
+            t("filter"),
+            ((globalFilterCondition == null ? void 0 : globalFilterCondition.length) ?? 0) > 0 ? `(${globalFilterCondition == null ? void 0 : globalFilterCondition.length})` : ""
+          ] })
+        }
+      ) })
+    }
+  );
+};
+GlobalFilterCondition.displayName = "GlobalFilterCondition";
+const PopoverContent = (props) => {
+  const { defaultValue } = props;
+  const { t } = useTranslation();
+  const fieldPickerDataSource = useContext().fieldPickerDataSource;
+  const conditionTypeOptions = useConditionTypeOptions();
+  const [value = Empty, setValue] = useState([]);
+  useEffect(() => {
+    if (defaultValue) {
+      setValue(cloneDeep(defaultValue));
+    }
+  }, [defaultValue]);
+  const [emptyBlockList, setEmptyBlockList] = useState([]);
+  const handleEmptyBlockListChange = (newItem) => {
+    if (newItem == null ? void 0 : newItem.field) {
+      setValue((prev) => {
+        let ret = [...prev];
+        let match = ret.find((item) => item.dataSourceId === newItem.dataSourceId);
+        if (match) {
+          match.conditionList.push(newItem);
+          return [...ret];
+        } else {
+          let newConditionBlockWrapper = {
+            dataSourceId: newItem.dataSourceId,
+            conditionType: "all",
+            conditionList: [newItem]
+          };
+          return [...ret, newConditionBlockWrapper];
+        }
+      });
+    }
+  };
+  const handleAddEmptyBlock = () => {
+    setEmptyBlockList([...emptyBlockList, {}]);
+  };
+  const hasChange = useMemo(() => {
+    return !isEqual(value, defaultValue);
+  }, [value, defaultValue]);
+  const handleSubmit = useMemoizedFn(() => {
+    var _a;
+    (_a = props == null ? void 0 : props.onClose) == null ? void 0 : _a.call(props, true, value);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: clsx(styles[`${componentName}__popover`]), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          marginBottom: "10px"
+        },
+        children: t("setFilterCondition")
+      }
+    ),
+    value.map((item, index) => {
+      var _a;
+      let conditionList = item == null ? void 0 : item.conditionList;
+      let dataSourceName = (_a = fieldPickerDataSource == null ? void 0 : fieldPickerDataSource.find((v) => v.key === (item == null ? void 0 : item.dataSourceId))) == null ? void 0 : _a.label;
+      return /* @__PURE__ */ jsxs("div", { className: clsx(styles[`${componentName}__block`]), children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginBottom: "10px",
+              display: "flex",
+              justifyContent: "space-between"
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { children: dataSourceName }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "5px"
+                  },
+                  children: [
+                    t("conformTo"),
+                    /* @__PURE__ */ jsx(
+                      Select,
+                      {
+                        style: { width: "80px" },
+                        options: conditionTypeOptions,
+                        value: item == null ? void 0 : item.conditionType,
+                        onChange: (v) => {
+                          setValue((prev) => {
+                            let ret = [...prev];
+                            ret[index].conditionType = v;
+                            return ret;
+                          });
+                        }
+                      }
+                    ),
+                    t("addCondition")
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "10px"
+            },
+            children: conditionList.map((v, conditionIndex) => {
+              return /* @__PURE__ */ jsx(
+                ConditionRowItem,
+                {
+                  value: v,
+                  onChange: (newValue) => {
+                    setValue((prev) => {
+                      let ret = [...prev];
+                      let prevItem = ret[index].conditionList[conditionIndex];
+                      if ((prevItem == null ? void 0 : prevItem.dataSourceId) !== (newValue == null ? void 0 : newValue.dataSourceId)) {
+                        ret[index].conditionList.splice(conditionIndex, 1);
+                        if (ret[index].conditionList.length === 0) {
+                          ret.splice(index, 1);
+                        }
+                        let newItem = newValue;
+                        let match = ret.find((item2) => item2.dataSourceId === newItem.dataSourceId);
+                        if (match) {
+                          match.conditionList.push(newItem);
+                          return [...ret];
+                        } else {
+                          let newConditionBlockWrapper = {
+                            dataSourceId: newItem.dataSourceId,
+                            conditionType: "all",
+                            conditionList: [newItem]
+                          };
+                          return [...ret, newConditionBlockWrapper];
+                        }
+                      } else {
+                        ret[index].conditionList[conditionIndex] = {
+                          ...prevItem,
+                          ...newValue
+                        };
+                      }
+                      return ret;
+                    });
+                  },
+                  onDelete: () => {
+                    setValue((prev) => {
+                      let ret = [...prev];
+                      ret[index].conditionList.splice(conditionIndex, 1);
+                      if (ret[index].conditionList.length === 0) {
+                        ret.splice(index, 1);
+                      }
+                      return ret;
+                    });
+                  }
+                },
+                conditionIndex
+              );
+            })
+          }
+        )
+      ] }, item == null ? void 0 : item.dataSourceId);
+    }),
+    emptyBlockList.map((item, index) => {
+      return /* @__PURE__ */ jsx("div", { className: clsx(styles[`${componentName}__block`]), children: /* @__PURE__ */ jsx(
+        ConditionRowItem,
+        {
+          value: item,
+          onChange: (newValue) => {
+            handleEmptyBlockListChange(newValue);
+          },
+          onDelete: () => {
+            setEmptyBlockList((prev) => {
+              let ret = [...prev];
+              ret.splice(index, 1);
+              return ret;
+            });
+          }
+        }
+      ) }, index);
+    }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "dashed",
+        block: true,
+        style: {
+          marginBottom: "10px"
+        },
+        icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+        onClick: () => {
+          handleAddEmptyBlock();
+        },
+        children: t("addCondition")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "flex-end"
+        },
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "primary",
+            disabled: !hasChange,
+            onClick: () => {
+              handleSubmit();
+            },
+            children: t("confirm")
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  GlobalFilterCondition,
+  PopoverContent,
+  GlobalFilterCondition as default
+};
+//# sourceMappingURL=index.js.map