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

package/lib/field/AllProField.js

@@ -0,0 +1,489 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+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/field/AllProField.tsx
+var AllProField_exports = {};
+__export(AllProField_exports, {
+  ProField: () => ProField,
+  defaultRenderText: () => defaultRenderText
+});
+module.exports = __toCommonJS(AllProField_exports);
+var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat"));
+var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
+var import_localeData = __toESM(require("dayjs/plugin/localeData"));
+var import_weekday = __toESM(require("dayjs/plugin/weekday"));
+var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
+var import_react = __toESM(require("react"));
+var import_provider = __toESM(require("../provider"));
+var import_utils = require("../utils");
+var import_Cascader = __toESM(require("./components/Cascader"));
+var import_Checkbox = __toESM(require("./components/Checkbox"));
+var import_Code = __toESM(require("./components/Code"));
+var import_ColorPicker = __toESM(require("./components/ColorPicker"));
+var import_DatePicker = __toESM(require("./components/DatePicker"));
+var import_Digit = __toESM(require("./components/Digit"));
+var import_DigitRange = __toESM(require("./components/DigitRange"));
+var import_FromNow = __toESM(require("./components/FromNow"));
+var import_Image = __toESM(require("./components/Image"));
+var import_IndexColumn = __toESM(require("./components/IndexColumn"));
+var import_Money = __toESM(require("./components/Money"));
+var import_Options = __toESM(require("./components/Options"));
+var import_Password = __toESM(require("./components/Password"));
+var import_Percent = __toESM(require("./components/Percent"));
+var import_Progress = __toESM(require("./components/Progress"));
+var import_Radio = __toESM(require("./components/Radio"));
+var import_RangePicker = __toESM(require("./components/RangePicker"));
+var import_Rate = __toESM(require("./components/Rate"));
+var import_Second = __toESM(require("./components/Second"));
+var import_Segmented = __toESM(require("./components/Segmented"));
+var import_Select = __toESM(require("./components/Select"));
+var import_Slider = __toESM(require("./components/Slider"));
+var import_Switch = __toESM(require("./components/Switch"));
+var import_Text = __toESM(require("./components/Text"));
+var import_TextArea = __toESM(require("./components/TextArea"));
+var import_TimePicker = __toESM(require("./components/TimePicker"));
+var import_TreeSelect = __toESM(require("./components/TreeSelect"));
+var import_FieldHOC = __toESM(require("./FieldHOC"));
+import_dayjs.default.extend(import_localeData.default);
+import_dayjs.default.extend(import_advancedFormat.default);
+import_dayjs.default.extend(import_isoWeek.default);
+import_dayjs.default.extend(import_weekOfYear.default);
+import_dayjs.default.extend(import_weekday.default);
+var defaultRenderTextByObject = (text, valueType, props) => {
+  const pickFormItemProps = (0, import_utils.pickProProps)(props.fieldProps);
+  if (valueType.type === "progress") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Progress.default,
+      __spreadProps(__spreadValues({}, props), {
+        text,
+        fieldProps: __spreadValues({
+          status: valueType.status ? valueType.status : void 0
+        }, pickFormItemProps)
+      })
+    );
+  }
+  if (valueType.type === "money") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Money.default,
+      __spreadProps(__spreadValues({
+        locale: valueType.locale
+      }, props), {
+        fieldProps: pickFormItemProps,
+        text,
+        moneySymbol: valueType.moneySymbol
+      })
+    );
+  }
+  if (valueType.type === "percent") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Percent.default,
+      __spreadProps(__spreadValues({}, props), {
+        text,
+        showSymbol: valueType.showSymbol,
+        precision: valueType.precision,
+        fieldProps: pickFormItemProps,
+        showColor: valueType.showColor
+      })
+    );
+  }
+  if (valueType.type === "image") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadProps(__spreadValues({}, props), { text, width: valueType.width }));
+  }
+  return text;
+};
+var defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
+  var _a, _b;
+  const { mode = "read", emptyText = "-" } = props;
+  if (emptyText !== false && mode === "read" && valueType !== "option" && valueType !== "switch") {
+    if (typeof dataValue !== "boolean" && typeof dataValue !== "number" && !dataValue) {
+      const { fieldProps, render } = props;
+      if (render) {
+        return render(dataValue, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, emptyText));
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, emptyText);
+    }
+  }
+  delete props.emptyText;
+  if (typeof valueType === "object") {
+    return defaultRenderTextByObject(dataValue, valueType, props);
+  }
+  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  if (customValueTypeConfig) {
+    delete props.ref;
+    if (mode === "read") {
+      return (_a = customValueTypeConfig.render) == null ? void 0 : _a.call(
+        customValueTypeConfig,
+        dataValue,
+        __spreadProps(__spreadValues({
+          text: dataValue
+        }, props), {
+          mode: mode || "read"
+        }),
+        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dataValue)
+      );
+    }
+    if (mode === "update" || mode === "edit") {
+      return (_b = customValueTypeConfig.formItemRender) == null ? void 0 : _b.call(
+        customValueTypeConfig,
+        dataValue,
+        __spreadValues({
+          text: dataValue
+        }, props),
+        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dataValue)
+      );
+    }
+  }
+  if (valueType === "money") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Money.default, __spreadProps(__spreadValues({}, props), { text: dataValue }));
+  }
+  if (valueType === "date") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM-DD"
+      }, props)
+    ));
+  }
+  if (valueType === "dateWeek") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-wo",
+        picker: "week"
+      }, props)
+    ));
+  }
+  if (valueType === "dateWeekRange") {
+    const _c = props, { fieldProps } = _c, otherProps = __objRest(_c, ["fieldProps"]);
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-W",
+        showTime: true,
+        fieldProps: __spreadValues({
+          picker: "week"
+        }, fieldProps)
+      }, otherProps)
+    ));
+  }
+  if (valueType === "dateMonthRange") {
+    const _d = props, { fieldProps } = _d, otherProps = __objRest(_d, ["fieldProps"]);
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM",
+        showTime: true,
+        fieldProps: __spreadValues({
+          picker: "month"
+        }, fieldProps)
+      }, otherProps)
+    ));
+  }
+  if (valueType === "dateQuarterRange") {
+    const _e = props, { fieldProps } = _e, otherProps = __objRest(_e, ["fieldProps"]);
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-Q",
+        showTime: true,
+        fieldProps: __spreadValues({
+          picker: "quarter"
+        }, fieldProps)
+      }, otherProps)
+    ));
+  }
+  if (valueType === "dateYearRange") {
+    const _f = props, { fieldProps } = _f, otherProps = __objRest(_f, ["fieldProps"]);
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY",
+        showTime: true,
+        fieldProps: __spreadValues({
+          picker: "year"
+        }, fieldProps)
+      }, otherProps)
+    ));
+  }
+  if (valueType === "dateMonth") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM",
+        picker: "month"
+      }, props)
+    ));
+  }
+  if (valueType === "dateQuarter") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-[Q]Q",
+        picker: "quarter"
+      }, props)
+    ));
+  }
+  if (valueType === "dateYear") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY",
+        picker: "year"
+      }, props)
+    ));
+  }
+  if (valueType === "dateRange") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM-DD"
+      }, props)
+    );
+  }
+  if (valueType === "dateTime") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_DatePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM-DD HH:mm:ss",
+        showTime: true
+      }, props)
+    ));
+  }
+  if (valueType === "dateTimeRange") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_RangePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "YYYY-MM-DD HH:mm:ss",
+        showTime: true
+      }, props)
+    ));
+  }
+  if (valueType === "time") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_TimePicker.default,
+      __spreadValues({
+        text: dataValue,
+        format: "HH:mm:ss"
+      }, props)
+    ));
+  }
+  if (valueType === "timeRange") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
+      import_TimePicker.FieldTimeRangePicker,
+      __spreadValues({
+        text: dataValue,
+        format: "HH:mm:ss"
+      }, props)
+    ));
+  }
+  if (valueType === "fromNow") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FromNow.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "index") {
+    return /* @__PURE__ */ import_react.default.createElement(import_IndexColumn.default, null, dataValue + 1);
+  }
+  if (valueType === "indexBorder") {
+    return /* @__PURE__ */ import_react.default.createElement(import_IndexColumn.default, { border: true }, dataValue + 1);
+  }
+  if (valueType === "progress") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Progress.default, __spreadProps(__spreadValues({}, props), { text: dataValue }));
+  }
+  if (valueType === "percent") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Percent.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "avatar" && typeof dataValue === "string" && props.mode === "read") {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Avatar, { src: dataValue, size: 22, shape: "circle" });
+  }
+  if (valueType === "code") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Code.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "jsonCode") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Code.default, __spreadValues({ text: dataValue, language: "json" }, props));
+  }
+  if (valueType === "textarea") {
+    return /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "digit") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Digit.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "digitRange") {
+    return /* @__PURE__ */ import_react.default.createElement(import_DigitRange.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "second") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Second.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "select" || valueType === "text" && (props.valueEnum || props.request)) {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(import_Select.default, __spreadValues({ text: dataValue }, props)));
+  }
+  if (valueType === "checkbox") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "radio") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "radioButton") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({ radioType: "button", text: dataValue }, props));
+  }
+  if (valueType === "rate") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Rate.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "slider") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Slider.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "switch") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Switch.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "option") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Options.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "password") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Password.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "image") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "cascader") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Cascader.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "treeSelect") {
+    return /* @__PURE__ */ import_react.default.createElement(import_TreeSelect.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "color") {
+    return /* @__PURE__ */ import_react.default.createElement(import_ColorPicker.default, __spreadValues({ text: dataValue }, props));
+  }
+  if (valueType === "segmented") {
+    return /* @__PURE__ */ import_react.default.createElement(import_Segmented.default, __spreadValues({ text: dataValue }, props));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_Text.default, __spreadValues({ text: dataValue }, props));
+};
+var ProFieldComponent = (_a, ref) => {
+  var _b = _a, {
+    text,
+    valueType = "text",
+    mode = "read",
+    onChange,
+    formItemRender,
+    value,
+    readonly,
+    fieldProps: restFieldProps
+  } = _b, rest = __objRest(_b, [
+    "text",
+    "valueType",
+    "mode",
+    "onChange",
+    "formItemRender",
+    "value",
+    "readonly",
+    "fieldProps"
+  ]);
+  var _a2, _b2, _c, _d, _e, _f;
+  const context = (0, import_react.useContext)(import_provider.default);
+  const onChangeCallBack = (0, import_utils.useRefFunction)((...restParams) => {
+    var _a3;
+    (_a3 = restFieldProps == null ? void 0 : restFieldProps.onChange) == null ? void 0 : _a3.call(restFieldProps, ...restParams);
+    onChange == null ? void 0 : onChange(...restParams);
+  });
+  const fieldProps = (0, import_utils.useDeepCompareMemo)(() => {
+    return (value !== void 0 || restFieldProps) && __spreadProps(__spreadValues({
+      value
+    }, (0, import_utils.omitUndefined)(restFieldProps)), {
+      onChange: onChangeCallBack
+    });
+  }, [value, restFieldProps, onChangeCallBack]);
+  const renderedDom = defaultRenderText(
+    mode === "edit" ? (_b2 = (_a2 = fieldProps == null ? void 0 : fieldProps.value) != null ? _a2 : text) != null ? _b2 : "" : (_c = text != null ? text : fieldProps == null ? void 0 : fieldProps.value) != null ? _c : "",
+    valueType || "text",
+    (0, import_utils.omitUndefined)(__spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      mode: readonly ? "read" : mode,
+      formItemRender: formItemRender ? (curText, props, dom) => {
+        const _a3 = props, { placeholder: _placeholder } = _a3, restProps = __objRest(_a3, ["placeholder"]);
+        const newDom = formItemRender(curText, restProps, dom);
+        if (import_react.default.isValidElement(newDom))
+          return import_react.default.cloneElement(newDom, __spreadValues(__spreadValues({}, fieldProps), newDom.props || {}));
+        return newDom;
+      } : void 0,
+      placeholder: formItemRender ? void 0 : (_d = rest == null ? void 0 : rest.placeholder) != null ? _d : fieldProps == null ? void 0 : fieldProps.placeholder,
+      fieldProps: (0, import_utils.pickProProps)(
+        (0, import_utils.omitUndefined)(__spreadProps(__spreadValues({}, fieldProps), {
+          placeholder: formItemRender ? void 0 : (_e = rest == null ? void 0 : rest.placeholder) != null ? _e : fieldProps == null ? void 0 : fieldProps.placeholder
+        })),
+        (_f = Object.keys(context.valueTypeMap || {})) == null ? void 0 : _f.includes(valueType)
+      )
+    })),
+    context.valueTypeMap || {}
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderedDom);
+};
+var ProField = import_react.default.forwardRef(
+  ProFieldComponent
+);

package/lib/field/FieldHOC/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ProFieldLightProps } from '../PureProField';
+declare function FieldHOC<T extends ProFieldLightProps>(props: T & {
+    children: React.ReactNode;
+    isLight?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default FieldHOC;

package/lib/field/FieldHOC/index.js

@@ -0,0 +1,68 @@
+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/field/FieldHOC/index.tsx
+var FieldHOC_exports = {};
+__export(FieldHOC_exports, {
+  default: () => FieldHOC_default
+});
+module.exports = __toCommonJS(FieldHOC_exports);
+var import_react = __toESM(require("react"));
+function FieldHOC(props) {
+  const [labelTrigger, setLabelTrigger] = (0, import_react.useState)(false);
+  const lightLabel = (0, import_react.useRef)(null);
+  const isTriggeredByLabel = (0, import_react.useCallback)(
+    (e) => {
+      var _a, _b, _c, _d, _e, _f;
+      const isLabelMouseDown = (_c = (_b = (_a = lightLabel.current) == null ? void 0 : _a.labelRef) == null ? void 0 : _b.current) == null ? void 0 : _c.contains(
+        e.target
+      );
+      const isClearMouseDown = (_f = (_e = (_d = lightLabel.current) == null ? void 0 : _d.clearRef) == null ? void 0 : _e.current) == null ? void 0 : _f.contains(
+        e.target
+      );
+      return isLabelMouseDown && !isClearMouseDown;
+    },
+    [lightLabel]
+  );
+  const handleMouseDown = (e) => {
+    if (isTriggeredByLabel(e)) {
+      setLabelTrigger(true);
+    }
+  };
+  const handleMouseUp = () => {
+    setLabelTrigger(false);
+  };
+  if (props.isLight) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { onMouseDown: handleMouseDown, onMouseUp: handleMouseUp }, import_react.default.cloneElement(props.children, {
+      labelTrigger,
+      lightLabel
+    }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children);
+}
+var FieldHOC_default = FieldHOC;

package/lib/field/PureProField.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { BaseProFieldFC, ProFieldFCRenderProps, ProRenderFieldPropsType } from '../provider';
+import { ProFieldRequestData, ProFieldTextType, ProFieldValueObjectType, ProFieldValueType } from '../utils';
+import type { FieldMoneyProps } from './components/Money';
+export type ProFieldMoneyProps = FieldMoneyProps;
+export type ProFieldEmptyText = string | false;
+/** 默认的 Field 需要实现的功能 */
+export type ProFieldFC<T = {}> = React.ForwardRefRenderFunction<any, BaseProFieldFC & ProRenderFieldPropsType & T>;
+/** 轻量筛选的field属性 */
+export type ProFieldLightProps = {
+    lightLabel?: React.RefObject<{
+        labelRef: React.RefObject<HTMLElement>;
+        clearRef: React.RefObject<HTMLElement>;
+    }>;
+    labelTrigger?: boolean;
+};
+/** Value type by function */
+export type ProFieldValueTypeFunction<T> = (item: T) => ProFieldValueType | ProFieldValueObjectType;
+type RenderProps = Omit<ProFieldFCRenderProps, 'text' | 'placeholder'> & ProRenderFieldPropsType & {
+    /** 从服务器读取选项 */
+    request?: ProFieldRequestData;
+    emptyText?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    [key: string]: any;
+};
+/**
+ * 根据不同的类型来转化数值
+ *
+ * @param dataValue
+ * @param valueType
+ */
+export declare const pureRenderText: (dataValue: ProFieldTextType, valueType: ProFieldValueType | ProFieldValueObjectType, props: RenderProps, valueTypeMap: Record<string, ProRenderFieldPropsType>) => React.ReactNode;
+/** ProField 的类型 */
+export type ProFieldPropsType = {
+    text?: ProFieldTextType;
+    valueType?: ProFieldValueType | ProFieldValueObjectType;
+} & RenderProps;
+export declare const PureProField: React.ForwardRefRenderFunction<any, ProFieldPropsType>;
+export {};