@ant-design/pro-components 2.8.9 → 3.0.0-beta.1

package/es/field/components/Text/index.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/field/components/Text/index.tsx
+import { Input } from "antd";
+import React, { useEffect, useImperativeHandle, useRef } from "react";
+import { useIntl } from "../../../provider";
+var FieldText = ({ text, mode, render, formItemRender, fieldProps, emptyText = "-" }, ref) => {
+  var _a;
+  const { autoFocus, prefix = "", suffix = "" } = fieldProps || {};
+  const intl = useIntl();
+  const inputRef = useRef();
+  useImperativeHandle(ref, () => inputRef.current, []);
+  useEffect(() => {
+    var _a2;
+    if (autoFocus) {
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    }
+  }, [autoFocus]);
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, prefix, text != null ? text : emptyText, suffix);
+    if (render) {
+      return (_a = render(text, __spreadValues({ mode }, fieldProps), dom)) != null ? _a : emptyText;
+    }
+    return dom;
+  }
+  if (mode === "edit" || mode === "update") {
+    const placeholder = intl.getMessage("tableForm.inputPlaceholder", "请输入");
+    const dom = /* @__PURE__ */ React.createElement(
+      Input,
+      __spreadValues({
+        ref: inputRef,
+        placeholder,
+        allowClear: true
+      }, fieldProps)
+    );
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+    }
+    return dom;
+  }
+  return null;
+};
+var Text_default = React.forwardRef(FieldText);
+export {
+  Text_default as default
+};

package/es/field/components/TextArea/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    text: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/TextArea/index.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/field/components/TextArea/index.tsx
+import { Input } from "antd";
+import omit from "rc-util/lib/omit";
+import React from "react";
+import { useIntl } from "../../../provider";
+import FieldTextAreaReadonly from "./readonly";
+var FieldTextArea = (props, ref) => {
+  const { text, mode, render, formItemRender, fieldProps } = props;
+  const intl = useIntl();
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement(FieldTextAreaReadonly, __spreadProps(__spreadValues({}, props), { ref }));
+    if (render) {
+      return render(
+        text,
+        __spreadValues({ mode }, omit(fieldProps, ["showCount"])),
+        dom
+      );
+    }
+    return dom;
+  }
+  if (mode === "edit" || mode === "update") {
+    const dom = /* @__PURE__ */ React.createElement(
+      Input.TextArea,
+      __spreadValues({
+        ref,
+        rows: 3,
+        onKeyPress: (e) => {
+          if (e.key === "Enter")
+            e.stopPropagation();
+        },
+        placeholder: intl.getMessage("tableForm.inputPlaceholder", "请输入")
+      }, fieldProps)
+    );
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+    }
+    return dom;
+  }
+  return null;
+};
+var TextArea_default = React.forwardRef(FieldTextArea);
+export {
+  TextArea_default as default
+};

package/es/field/components/TextArea/readonly.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
+    text: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/TextArea/readonly.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/field/components/TextArea/readonly.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import omit from "rc-util/lib/omit";
+import React, { useContext } from "react";
+import { useStyle } from "../../../utils";
+var FieldTextAreaReadonly = ({ text, fieldProps }, ref) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const readonlyClassName = getPrefixCls("pro-field-readonly");
+  const compClassName = `${readonlyClassName}-textarea`;
+  const { wrapSSR, hashId } = useStyle("TextArea", () => {
+    return {
+      [`.${compClassName}`]: {
+        display: "inline-block",
+        lineHeight: "1.5715",
+        maxWidth: "100%",
+        whiteSpace: "pre-wrap"
+      }
+    };
+  });
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "span",
+      __spreadValues({
+        ref,
+        className: classNames(hashId, readonlyClassName, compClassName)
+      }, omit(fieldProps, ["autoSize", "classNames", "styles"])),
+      text != null ? text : "-"
+    )
+  );
+};
+var readonly_default = React.forwardRef(FieldTextAreaReadonly);
+export {
+  readonly_default as default
+};

package/es/field/components/TimePicker/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProFieldLightProps } from '../../PureProField';
+declare const FieldTimeRangePicker: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    text: string[] | number[];
+    format?: string | undefined;
+} & ProFieldLightProps & React.RefAttributes<any>>;
+export { FieldTimeRangePicker };
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    text: string | number;
+    format?: string | undefined;
+} & ProFieldLightProps & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/TimePicker/index.js

@@ -0,0 +1,218 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/field/components/TimePicker/index.tsx
+import { DatePicker, TimePicker } from "antd";
+import dayjs from "dayjs";
+import React, { useState } from "react";
+import { useIntl } from "../../../provider";
+import { FieldLabel, parseValueToDay } from "../../../utils";
+var FieldTimePicker = ({
+  text,
+  mode,
+  light,
+  label,
+  format = "HH:mm:ss",
+  render,
+  formItemRender,
+  plain,
+  fieldProps,
+  lightLabel
+}, ref) => {
+  var _a;
+  const [open, setOpen] = useState(false);
+  const intl = useIntl();
+  const finalFormat = (fieldProps == null ? void 0 : fieldProps.format) || format;
+  const isNumberOrMoment = dayjs.isDayjs(text) || typeof text === "number";
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement("span", { ref }, text ? dayjs(text, isNumberOrMoment ? void 0 : finalFormat).format(
+      finalFormat
+    ) : "-");
+    if (render) {
+      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement("span", null, dom));
+    }
+    return dom;
+  }
+  if (mode === "edit" || mode === "update") {
+    let dom;
+    const { disabled, value } = fieldProps;
+    const dayValue = parseValueToDay(value, finalFormat);
+    if (light) {
+      dom = /* @__PURE__ */ React.createElement(
+        FieldLabel,
+        {
+          onClick: () => {
+            var _a2;
+            (_a2 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a2.call(fieldProps, true);
+            setOpen(true);
+          },
+          style: dayValue ? {
+            paddingInlineEnd: 0
+          } : void 0,
+          label,
+          disabled,
+          value: dayValue || open ? /* @__PURE__ */ React.createElement(
+            TimePicker,
+            __spreadProps(__spreadValues({
+              variant: "borderless",
+              format,
+              ref
+            }, fieldProps), {
+              placeholder: (_a = fieldProps.placeholder) != null ? _a : intl.getMessage("tableForm.selectPlaceholder", "请选择"),
+              value: dayValue,
+              onOpenChange: (isOpen) => {
+                var _a2;
+                setOpen(isOpen);
+                (_a2 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a2.call(fieldProps, isOpen);
+              },
+              open
+            })
+          ) : null,
+          downIcon: dayValue || open ? false : void 0,
+          allowClear: false,
+          ref: lightLabel
+        }
+      );
+    } else {
+      dom = /* @__PURE__ */ React.createElement(
+        DatePicker.TimePicker,
+        __spreadProps(__spreadValues({
+          ref,
+          format,
+          variant: plain === void 0 ? "outlined" : plain ? "borderless" : "outlined"
+        }, fieldProps), {
+          value: dayValue
+        })
+      );
+    }
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+    }
+    return dom;
+  }
+  return null;
+};
+var FieldTimeRangePickerComponents = ({
+  text,
+  light,
+  label,
+  mode,
+  lightLabel,
+  format = "HH:mm:ss",
+  render,
+  formItemRender,
+  plain,
+  fieldProps
+}, ref) => {
+  const intl = useIntl();
+  const [open, setOpen] = useState(false);
+  const finalFormat = (fieldProps == null ? void 0 : fieldProps.format) || format;
+  const [startText, endText] = Array.isArray(text) ? text : [];
+  const startTextIsNumberOrMoment = dayjs.isDayjs(startText) || typeof startText === "number";
+  const endTextIsNumberOrMoment = dayjs.isDayjs(endText) || typeof endText === "number";
+  const parsedStartText = startText ? dayjs(
+    startText,
+    startTextIsNumberOrMoment ? void 0 : finalFormat
+  ).format(finalFormat) : "";
+  const parsedEndText = endText ? dayjs(endText, endTextIsNumberOrMoment ? void 0 : finalFormat).format(
+    finalFormat
+  ) : "";
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement("div", null, parsedStartText || "-"), /* @__PURE__ */ React.createElement("div", null, parsedEndText || "-"));
+    if (render) {
+      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement("span", null, dom));
+    }
+    return dom;
+  }
+  if (mode === "edit" || mode === "update") {
+    const dayValue = parseValueToDay(
+      fieldProps.value,
+      finalFormat
+    );
+    let dom;
+    if (light) {
+      const {
+        disabled,
+        placeholder = [
+          intl.getMessage("tableForm.selectPlaceholder", "请选择"),
+          intl.getMessage("tableForm.selectPlaceholder", "请选择")
+        ]
+      } = fieldProps;
+      dom = /* @__PURE__ */ React.createElement(
+        FieldLabel,
+        {
+          onClick: () => {
+            var _a;
+            (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, true);
+            setOpen(true);
+          },
+          style: dayValue ? {
+            paddingInlineEnd: 0
+          } : void 0,
+          label,
+          disabled,
+          placeholder,
+          value: dayValue || open ? /* @__PURE__ */ React.createElement(
+            TimePicker.RangePicker,
+            __spreadProps(__spreadValues({
+              variant: "borderless",
+              format,
+              ref
+            }, fieldProps), {
+              placeholder,
+              value: dayValue,
+              onOpenChange: (isOpen) => {
+                var _a;
+                setOpen(isOpen);
+                (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, isOpen);
+              },
+              open
+            })
+          ) : null,
+          downIcon: dayValue || open ? false : void 0,
+          allowClear: false,
+          ref: lightLabel
+        }
+      );
+    } else {
+      dom = /* @__PURE__ */ React.createElement(
+        TimePicker.RangePicker,
+        __spreadProps(__spreadValues({
+          ref,
+          format,
+          variant: plain === void 0 ? "outlined" : plain ? "borderless" : "outlined"
+        }, fieldProps), {
+          value: dayValue
+        })
+      );
+    }
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+    }
+    return dom;
+  }
+  return null;
+};
+var FieldTimeRangePicker = React.forwardRef(FieldTimeRangePickerComponents);
+var TimePicker_default = React.forwardRef(FieldTimePicker);
+export {
+  FieldTimeRangePicker,
+  TimePicker_default as default
+};

package/es/field/components/TreeSelect/index.d.ts

@@ -0,0 +1,33 @@
+import type { RadioGroupProps, TreeSelectProps } from 'antd';
+import React from 'react';
+import type { FieldSelectProps } from '../Select';
+export type GroupProps = {
+    options?: RadioGroupProps['options'];
+    radioType?: 'button' | 'radio';
+    variant?: 'outlined' | 'borderless' | 'filled';
+} & FieldSelectProps;
+export type TreeSelectFieldProps = TreeSelectProps<any> & {
+    /**
+     * 当搜索关键词发生变化时是否请求远程数据
+     *
+     * @default true
+     */
+    fetchDataOnSearch?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
+    radioType?: "button" | "radio" | undefined;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
+} & {
+    text: string;
+    valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
+    debounceTime?: number | undefined;
+    request?: import("src/utils/typing").ProFieldRequestData | undefined;
+    params?: any;
+    fieldProps?: any;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
+    id?: string | undefined;
+    children?: React.ReactNode;
+    defaultKeyWords?: string | undefined;
+} & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/TreeSelect/index.js

@@ -0,0 +1,227 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/field/components/TreeSelect/index.tsx
+import { ConfigProvider, Spin, TreeSelect } from "antd";
+import classNames from "classnames";
+import useMergedState from "rc-util/lib/hooks/useMergedState";
+import React, {
+  useContext,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { useIntl } from "../../../provider";
+import { FieldLabel, objectToMap, proFieldParsingText } from "../../../utils";
+import { useFieldFetchData } from "../Select";
+var FieldTreeSelect = (_a, ref) => {
+  var _b = _a, { radioType, formItemRender, mode, light, label, render, variant } = _b, rest = __objRest(_b, ["radioType", "formItemRender", "mode", "light", "label", "render", "variant"]);
+  var _b2, _c, _d, _e;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const layoutClassName = getPrefixCls("pro-field-tree-select");
+  const treeSelectRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const _a2 = rest.fieldProps, {
+    onSearch,
+    onClear,
+    onChange: propsOnChange,
+    onBlur,
+    showSearch,
+    autoClearSearchValue,
+    treeData,
+    fetchDataOnSearch,
+    searchValue: propsSearchValue
+  } = _a2, fieldProps = __objRest(_a2, [
+    "onSearch",
+    "onClear",
+    "onChange",
+    "onBlur",
+    "showSearch",
+    "autoClearSearchValue",
+    "treeData",
+    "fetchDataOnSearch",
+    "searchValue"
+  ]);
+  const intl = useIntl();
+  const [loading, options, fetchData] = useFieldFetchData(__spreadProps(__spreadValues({}, rest), {
+    defaultKeyWords: propsSearchValue
+  }));
+  const [searchValue, setSearchValue] = useMergedState(
+    void 0,
+    {
+      onChange: onSearch,
+      value: propsSearchValue
+    }
+  );
+  useImperativeHandle(ref, () => __spreadProps(__spreadValues({}, treeSelectRef.current || {}), {
+    fetchData: (keyWord) => fetchData(keyWord)
+  }));
+  const optionsValueEnum = useMemo(() => {
+    if (mode !== "read")
+      return;
+    const {
+      value: valuePropsName = "value",
+      label: labelPropsName = "label",
+      children: childrenPropsName = "children"
+    } = (fieldProps == null ? void 0 : fieldProps.fieldNames) || {};
+    const valuesMap = /* @__PURE__ */ new Map();
+    const traverseOptions = (_options) => {
+      if (!(_options == null ? void 0 : _options.length)) {
+        return valuesMap;
+      }
+      const length = _options.length;
+      let i = 0;
+      while (i < length) {
+        const cur = _options[i++];
+        valuesMap.set(cur[valuePropsName], cur[labelPropsName]);
+        traverseOptions(cur[childrenPropsName]);
+      }
+      return valuesMap;
+    };
+    return traverseOptions(options);
+  }, [fieldProps == null ? void 0 : fieldProps.fieldNames, mode, options]);
+  const onChange = (value, optionList, extra) => {
+    if (showSearch && autoClearSearchValue) {
+      fetchData(void 0);
+      setSearchValue(void 0);
+    }
+    propsOnChange == null ? void 0 : propsOnChange(value, optionList, extra);
+  };
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, proFieldParsingText(
+      rest.text,
+      objectToMap(rest.valueEnum || optionsValueEnum)
+    ));
+    if (render) {
+      return (_b2 = render(
+        rest.text,
+        __spreadProps(__spreadValues({ mode }, fieldProps), { treeData: options }),
+        dom
+      )) != null ? _b2 : null;
+    }
+    return dom;
+  }
+  if (mode === "edit") {
+    const valuesLength = Array.isArray(fieldProps == null ? void 0 : fieldProps.value) ? (_c = fieldProps == null ? void 0 : fieldProps.value) == null ? void 0 : _c.length : 0;
+    let dom = /* @__PURE__ */ React.createElement(Spin, { spinning: loading }, /* @__PURE__ */ React.createElement(
+      TreeSelect,
+      __spreadProps(__spreadValues({
+        open,
+        onOpenChange: (isOpen) => {
+          var _a3;
+          (_a3 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a3.call(fieldProps, isOpen);
+          setOpen(isOpen);
+        },
+        ref: treeSelectRef,
+        popupMatchSelectWidth: !light,
+        placeholder: intl.getMessage("tableForm.selectPlaceholder", "请选择"),
+        tagRender: light ? (item) => {
+          var _a3;
+          if (valuesLength < 2)
+            return /* @__PURE__ */ React.createElement(React.Fragment, null, item.label);
+          const itemIndex = (_a3 = fieldProps == null ? void 0 : fieldProps.value) == null ? void 0 : _a3.findIndex(
+            (v) => v === item.value || v.value === item.value
+          );
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, item.label, " ", itemIndex < valuesLength - 1 ? "," : "");
+        } : void 0,
+        variant: !light ? "outlined" : "borderless"
+      }, fieldProps), {
+        treeData: options,
+        showSearch,
+        style: __spreadValues({
+          minWidth: 60
+        }, fieldProps.style),
+        allowClear: fieldProps.allowClear !== false,
+        searchValue,
+        autoClearSearchValue,
+        onClear: () => {
+          onClear == null ? void 0 : onClear();
+          fetchData(void 0);
+          if (showSearch) {
+            setSearchValue(void 0);
+          }
+        },
+        onChange,
+        onSearch: (value) => {
+          if (fetchDataOnSearch && (rest == null ? void 0 : rest.request)) {
+            fetchData(value);
+          }
+          setSearchValue(value);
+        },
+        onBlur: (event) => {
+          setSearchValue(void 0);
+          fetchData(void 0);
+          onBlur == null ? void 0 : onBlur(event);
+        },
+        className: classNames(fieldProps == null ? void 0 : fieldProps.className, layoutClassName)
+      })
+    ));
+    if (formItemRender) {
+      dom = (_d = formItemRender(
+        rest.text,
+        __spreadProps(__spreadValues({ mode }, fieldProps), { options, loading }),
+        dom
+      )) != null ? _d : null;
+    }
+    if (light) {
+      const { disabled, placeholder } = fieldProps;
+      const notEmpty = !!fieldProps.value && ((_e = fieldProps.value) == null ? void 0 : _e.length) !== 0;
+      return /* @__PURE__ */ React.createElement(
+        FieldLabel,
+        {
+          label,
+          disabled,
+          placeholder,
+          onClick: () => {
+            var _a3;
+            setOpen(true);
+            (_a3 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a3.call(fieldProps, true);
+          },
+          variant,
+          value: notEmpty || open ? dom : null,
+          style: notEmpty ? {
+            paddingInlineEnd: 0
+          } : void 0,
+          allowClear: false,
+          downIcon: false
+        }
+      );
+    }
+    return dom;
+  }
+  return null;
+};
+var TreeSelect_default = React.forwardRef(FieldTreeSelect);
+export {
+  TreeSelect_default as default
+};