@pisell/materials 6.3.26 → 6.3.28

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -0,0 +1,120 @@
+/// <reference types="react" />
+import { Result } from 'ahooks/es/useRequest/src/types';
+import { ActionsItem } from '../../dataSourceForm/serve';
+export interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+export declare type ActionTypes = 'list' | 'get' | 'update' | 'create' | 'destroy';
+export declare type DataSourceType = {
+    fromSettingMeta: boolean;
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+    headerDataSource: string;
+    dataSourceKey: string;
+    filterTargetKey: string;
+    introspected: boolean;
+    isCustomApi: boolean;
+    key: string;
+    tableName: string;
+    logging: boolean;
+    name: string;
+    title: string;
+    titleField: string;
+    types: ActionTypes[];
+    fields: Field[];
+    options: {
+        apiType: string;
+        baseUrl: string;
+    };
+};
+export declare type DataSourceContextProps = {
+    dataSource: DataSourceType;
+    children?: React.ReactNode;
+    currentValue?: string;
+    actions?: {
+        list?: () => Promise<any>;
+        get?: () => Promise<any>;
+        update?: () => Promise<any>;
+        create?: () => Promise<any>;
+        destroy?: () => Promise<any>;
+    };
+    requestOptions?: {
+        list?: any;
+        get?: any;
+        update?: any;
+        create?: any;
+        destroy?: any;
+    };
+    overrideData?: {
+        list?: any;
+        get?: any;
+    };
+    autoRun?: {
+        list?: boolean;
+        get?: boolean;
+    };
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+    __id?: string;
+    __designMode?: string;
+};
+export interface DataSourceContextType {
+    dataSource?: DataSourceType;
+    list: Result<any, any>;
+    destroy: Result<any, any>;
+    get: Result<any, any>;
+    update: Result<any, any>;
+    create: Result<any, any>;
+    __designMode?: string;
+    getCurrentRecord: () => any;
+}
+export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
+export default DataSourceContext;

package/lib/components/dataSourceComponents/provider/variables/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const genComponentValueVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        value: Record<string, any>;
+    };
+};
+export declare const genComponentFunctionVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        functions: Record<string, any>;
+    };
+};
+export declare const isVariableKey: (key: string) => boolean;
+export declare const getVariableKey: (str: string) => string | undefined;

package/lib/components/date-picker/constants.d.ts

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/lib/components/date-picker/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (query: string) => boolean;
+export default useMediaQuery;

package/lib/components/date-picker/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DatePicker: (props: any) => import("react").JSX.Element;
 export default DatePicker;

package/lib/components/div/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface DivProps {
+    /** 基础类名，默认为 'div' */
+    baseClassName?: string;
+    /** 自定义类名，会与 baseClassName 合并 */
+    className?: string;
+    /** 渲染函数，优先级高于 children */
+    render?: () => React.ReactNode;
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 内联样式 */
+    style?: React.CSSProperties;
+    /** 收集其他需要传递给 div 的 props */
+    others?: any;
+    /** 其他自定义属性 */
+    [key: string]: any;
+}
+declare const _default: React.NamedExoticComponent<DivProps>;
+export default _default;

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+import { ValueProps, SortType } from '../types';
+declare type IdType = string | number;
+declare type TreeItemProps = {
+    id: string | number;
+    key: string | number;
+    item: ValueProps | any;
+    depth: number;
+    lists: any[];
+    childrenProps?: SortType;
+    sensors?: any;
+    expandedKeys?: IdType[];
+    setExpandedKeys?: any;
+    onSelectKeys?: (ids: IdType) => void;
+    onChange?: (value: any[]) => void;
+};
+declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
+export default TreeItem;

package/lib/components/drag-sort-tree/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import { SortType } from './types';
+declare const DragSortTree: (props: SortType) => React.JSX.Element;
+export default DragSortTree;

package/lib/components/drag-sort-tree/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare type IdType = string | number;
+export declare type ValueProps = {
+    id: IdType;
+    title: string;
+    show?: boolean;
+    is_available?: boolean;
+    type_id?: number;
+    children?: ValueProps[];
+};
+export declare type SortType = {
+    value: ValueProps[];
+    rowKey: string;
+    className?: string | Function;
+    titleRender?: string | React.ReactElement;
+    hiddenDraggableIcon?: boolean;
+    hiddenRightIcon?: boolean;
+    hiddenWarningIcon?: boolean;
+    tabKey?: string;
+    hiddenKeys?: IdType[];
+    onHiddenChange?: (value: IdType[]) => void;
+    onChange?: (value: ValueProps[]) => void;
+};
+export {};

package/lib/components/filter/components/Dropdown/index.js

@@ -99,11 +99,18 @@ var Dropdown = (props) => {
     quickFilter: (0, import_locales.getText)("table-action-filter-quick-filter-tip"),
     otherFilter: (0, import_locales.getText)("table-action-filter-other-filter-tip")
   };
+  const getTooltipTitle = (0, import_react.useCallback)(
+    (id) => {
+      const fn = tooltipMap[id];
+      return typeof fn === "function" ? fn(quickFilterMaxLength) : fn;
+    },
+    [quickFilterMaxLength]
+  );
   const renderContainer = (0, import_react.useCallback)(
     ({ children, ref, id }) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipMap[id](quickFilterMaxLength) }, /* @__PURE__ */ import_react.default.createElement(import_HelpCircle.default, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "filter-dropdown-container-filter-wrap" }, children));
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: getTooltipTitle(id) }, /* @__PURE__ */ import_react.default.createElement(import_HelpCircle.default, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "filter-dropdown-container-filter-wrap" }, children));
     },
-    [quickFilterMaxLength]
+    [quickFilterMaxLength, getTooltipTitle]
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap-content" }, /* @__PURE__ */ import_react.default.createElement(
     import_MultipleContainersSortList.default,

package/lib/components/filter/components/Dropdown/types.d.ts

@@ -0,0 +1,13 @@
+import { FilterItemProps } from '../../types';
+export interface DropdownProps {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    onChange: (list: {
+        quickFilter: FilterItemProps[];
+        otherFilter: FilterItemProps[];
+    }) => void;
+    quickFilterMaxLength: number;
+    formFiltersPrefix: string;
+}

package/lib/components/filter/components/FilterButton/index.js

@@ -35,9 +35,17 @@ module.exports = __toCommonJS(FilterButton_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterLines = __toESM(require("@pisell/icon/es/FilterLines"));
+var import_utils = require("@pisell/utils");
 var import_Dropdown = __toESM(require("../Dropdown"));
 var import_locales = require("../../../../locales");
 var import_platform = require("../../../../utils/platform");
+function getFilterButtonLabel(buttonText) {
+  if (buttonText != null && buttonText !== "") return buttonText;
+  const key = "pisell2.recordBoard.toolbar.filter";
+  const fromUtils = import_utils.locales.getText(key);
+  if (fromUtils && fromUtils !== key) return fromUtils;
+  return (0, import_locales.getText)(key) || (0, import_locales.getText)("table-action-filter-button");
+}
 var Filter = ({
   value,
   hiddenQuickFilter,
@@ -46,7 +54,10 @@ var Filter = ({
   quickFilterMaxLength,
   formFiltersPrefix,
   renderItem,
-  placement
+  placement,
+  size = "large",
+  buttonClassName,
+  buttonText
 }) => {
   const ref = (0, import_react.useRef)(null);
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -100,9 +111,9 @@ var Filter = ({
         }
         setOpen(visible);
       },
-      placement
+      placement: placement ?? "bottom"
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null), size: "large" }, isMobileBool ? null : (0, import_locales.getText)("table-action-filter-button"))
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: buttonClassName, icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null), size }, isMobileBool ? null : getFilterButtonLabel(buttonText))
   ));
 };
 var FilterButton_default = Filter;

package/lib/components/filter/components/FilterButton/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { FilterItemProps } from '../../types';
+export declare type FilterValueType = {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    /** 筛选项表单值，字段名 -> 值，与 Form 的 values 一致 */
+    values?: Record<string, any>;
+};
+export declare type FilterListProps = {
+    value?: FilterValueType;
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    onChange?: (value: FilterValueType) => void;
+    quickFilterMaxLength: number;
+    formFiltersPrefix: string;
+    renderItem?: (item: any, otherProps?: any) => React.ReactNode;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 筛选按钮尺寸，与 antd Button size 一致 */
+    size?: 'small' | 'middle' | 'large';
+    /** 筛选触发按钮的 className，用于定制样式（如与设计系统对齐） */
+    buttonClassName?: string;
+    /** 筛选按钮文案，不传则使用 materials 内置多语言 */
+    buttonText?: string;
+};

package/lib/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 筛选项中 singleSelect/multipleSelect 的异步 options 包装器。
+ * 当列配置传入 getOptions（同步或异步）时，先解析再渲染 PisellSingleSelect/PisellMultipleSelect。
+ */
+import React from 'react';
+export declare type GetOptionsFn = (() => {
+    label: string;
+    value: any;
+}[]) | (() => Promise<{
+    label: string;
+    value: any;
+}[]>);
+export interface AsyncOptionsSelectWrapperProps {
+    getOptions: GetOptionsFn;
+    fieldType: 'singleSelect' | 'multipleSelect';
+    value?: any;
+    onChange?: (value: any, option?: any) => void;
+    [key: string]: any;
+}
+declare const AsyncOptionsSelectWrapper: React.FC<AsyncOptionsSelectWrapperProps>;
+export default AsyncOptionsSelectWrapper;

package/lib/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.tsx
+var AsyncOptionsSelectWrapper_exports = {};
+__export(AsyncOptionsSelectWrapper_exports, {
+  default: () => AsyncOptionsSelectWrapper_default
+});
+module.exports = __toCommonJS(AsyncOptionsSelectWrapper_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_pisellSingleSelect = require("../../../pisellSingleSelect");
+var import_pisellMultipleSelect = require("../../../pisellMultipleSelect");
+function normalizeOptions(list) {
+  if (!Array.isArray(list)) return [];
+  return list.map(
+    (item) => item && typeof item === "object" && "label" in item && "value" in item ? { label: String(item.label), value: item.value } : { label: String(item), value: item }
+  );
+}
+var AsyncOptionsSelectWrapper = (props) => {
+  const { getOptions, fieldType, value, onChange, ...rest } = props;
+  const [options, setOptions] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    setLoading(true);
+    const result = getOptions();
+    const resolved = Promise.resolve(result);
+    resolved.then((list) => {
+      setOptions(normalizeOptions(list));
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, [getOptions]);
+  const commonProps = { ...rest, options, mode: "edit" };
+  if (loading) {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: true, size: "small" }, /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "inline-block", minWidth: 120, minHeight: 32 } }));
+  }
+  if (fieldType === "multipleSelect") {
+    return /* @__PURE__ */ import_react.default.createElement(import_pisellMultipleSelect.PisellMultipleSelect, { ...commonProps, value, onChange });
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellSingleSelect.PisellSingleSelect, { ...commonProps, value, onChange });
+};
+AsyncOptionsSelectWrapper.displayName = "AsyncOptionsSelectWrapper";
+var AsyncOptionsSelectWrapper_default = AsyncOptionsSelectWrapper;

package/lib/components/filter/components/FilterItem/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FilterItemProps } from "../../types";
-import "./index.less";
+import React from 'react';
+import { FilterItemProps } from '../../types';
+import './index.less';
 declare const FilterItem: React.FC<FilterItemProps>;
 export default FilterItem;

package/lib/components/filter/components/FilterItem/index.js

@@ -34,14 +34,143 @@ __export(FilterItem_exports, {
 module.exports = __toCommonJS(FilterItem_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
 var import_fields = require("../../../table/Table/fields");
+var import_pisellSingleLineText = require("../../../pisellSingleLineText");
+var import_pisellLongText = require("../../../pisellLongText");
+var import_pisellEmail = require("../../../pisellEmail");
+var import_pisellPhone = require("../../../pisellPhone");
+var import_pisellUrl = require("../../../pisellUrl");
+var import_pisellNumber = require("../../../pisellNumber");
+var import_pisellCurrency = require("../../../pisellCurrency");
+var import_pisellPercent = require("../../../pisellPercent");
+var import_pisellRating = require("../../../pisellRating");
+var import_pisellSingleSelect = require("../../../pisellSingleSelect");
+var import_pisellMultipleSelect = require("../../../pisellMultipleSelect");
+var import_locales = require("../../../../locales");
+var import_AsyncOptionsSelectWrapper = __toESM(require("./AsyncOptionsSelectWrapper"));
 var import_index = require("./index.less");
+var { RangePicker } = import_antd.DatePicker;
+var PISELL_FIELD_TYPE_MAP = {
+  singleLineText: import_pisellSingleLineText.PisellSingleLineText,
+  longText: import_pisellLongText.PisellLongText,
+  email: import_pisellEmail.PisellEmail,
+  phone: import_pisellPhone.PisellPhone,
+  url: import_pisellUrl.PisellUrl,
+  number: import_pisellNumber.PisellNumber,
+  currency: import_pisellCurrency.PisellCurrency,
+  percent: import_pisellPercent.PisellPercent,
+  rating: import_pisellRating.PisellRating,
+  singleSelect: import_pisellSingleSelect.PisellSingleSelect,
+  multipleSelect: import_pisellMultipleSelect.PisellMultipleSelect
+};
+var FILTER_TYPE_TO_FIELD = {
+  single: "select",
+  input: "text",
+  datePicker: "date",
+  rangePicker: "rangePicker",
+  search: "search"
+};
+function toRangePickerValue(val) {
+  if (val == null) return null;
+  if (Array.isArray(val) && val.length >= 2) {
+    const start = val[0] ? import_dayjs.default.isDayjs(val[0]) ? val[0] : (0, import_dayjs.default)(val[0]) : null;
+    const end = val[1] ? import_dayjs.default.isDayjs(val[1]) ? val[1] : (0, import_dayjs.default)(val[1]) : null;
+    if (start && end) return [start, end];
+  }
+  return null;
+}
+var AntdRangePickerWithValue = import_react.default.forwardRef(function AntdRangePickerWithValue2({ value, onChange, ...rest }, ref) {
+  const normalized = toRangePickerValue(value);
+  return /* @__PURE__ */ import_react.default.createElement(
+    RangePicker,
+    {
+      ...rest,
+      ref,
+      placeholder: [
+        (0, import_locales.getText)("table-action-range-picker-placeholder-start"),
+        (0, import_locales.getText)("table-action-range-picker-placeholder-end")
+      ],
+      value: normalized,
+      onChange: (dates) => onChange == null ? void 0 : onChange(dates ?? void 0)
+    }
+  );
+});
 var FilterItem = (props) => {
-  const { label, type, name, other, isHidden } = props;
+  const { label, type, name, other, isHidden, props: itemProps } = props;
+  const fieldTypeFromColumn = other == null ? void 0 : other.fieldType;
+  const PisellCom = fieldTypeFromColumn ? PISELL_FIELD_TYPE_MAP[fieldTypeFromColumn] : void 0;
+  if (type === "custom") {
+    const CustomComponent = other == null ? void 0 : other.component;
+    if (!CustomComponent) return null;
+    const componentProps2 = { ...itemProps || {}, ...other || {} };
+    delete componentProps2.component;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label,
+        name,
+        hidden: isHidden,
+        ...(other == null ? void 0 : other.formItemProps) || {}
+      },
+      /* @__PURE__ */ import_react.default.createElement(CustomComponent, { ...componentProps2 })
+    );
+  }
+  if (type === "rangePickerNew") {
+    const componentProps2 = {
+      ...itemProps || {},
+      ...other || {},
+      prefixCls: "pisell-lowcode"
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label,
+        name,
+        ...(other == null ? void 0 : other.formItemProps) || {},
+        hidden: isHidden,
+        className: "pisell-lowcode-range-picker-wrap"
+      },
+      /* @__PURE__ */ import_react.default.createElement(AntdRangePickerWithValue, { ...componentProps2 })
+    );
+  }
   const Com = (0, import_react.useMemo)(() => {
     var _a;
-    return (_a = import_fields.fieldMaps[type]) == null ? void 0 : _a.edit;
-  }, [type]);
+    if (PisellCom) return PisellCom;
+    const fieldType = FILTER_TYPE_TO_FIELD[type] ?? type;
+    return (_a = import_fields.fieldMaps[fieldType]) == null ? void 0 : _a.edit;
+  }, [type, PisellCom]);
+  if (!Com) {
+    return null;
+  }
+  const isPisell = Boolean(PisellCom);
+  const componentProps = {
+    ...itemProps || {},
+    ...other || {},
+    ...isPisell ? { mode: "edit" } : {}
+  };
+  const getOptions = componentProps.getOptions ?? (other == null ? void 0 : other.getOptions);
+  const useAsyncOptions = isPisell && typeof getOptions === "function" && (fieldTypeFromColumn === "singleSelect" || fieldTypeFromColumn === "multipleSelect");
+  if (useAsyncOptions && fieldTypeFromColumn) {
+    const { getOptions: _go, ...restProps } = componentProps;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label,
+        name,
+        ...(other == null ? void 0 : other.formItemProps) || {},
+        hidden: isHidden
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_AsyncOptionsSelectWrapper.default,
+        {
+          getOptions,
+          fieldType: fieldTypeFromColumn,
+          ...restProps
+        }
+      )
+    );
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form.Item,
     {
@@ -50,7 +179,7 @@ var FilterItem = (props) => {
       ...(other == null ? void 0 : other.formItemProps) || {},
       hidden: isHidden
     },
-    /* @__PURE__ */ import_react.default.createElement(Com, { ...other })
+    /* @__PURE__ */ import_react.default.createElement(Com, { ...componentProps })
   );
 };
 var FilterItem_default = FilterItem;