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

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

@@ -0,0 +1,471 @@
+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/Select/index.tsx
+import { ConfigProvider, Spin } from "antd";
+import React, {
+  useContext,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import useSWR from "swr";
+import { useIntl } from "../../../provider";
+import {
+  nanoid,
+  objectToMap,
+  proFieldParsingText,
+  useDebounceValue,
+  useDeepCompareEffect,
+  useDeepCompareMemo,
+  useMountMergeState,
+  useRefFunction,
+  useStyle
+} from "../../../utils";
+import LightSelect from "./LightSelect";
+import SearchSelect from "./SearchSelect";
+var Highlight = ({ label, words }) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const lightCls = getPrefixCls("pro-select-item-option-content-light");
+  const optionCls = getPrefixCls("pro-select-item-option-content");
+  const { wrapSSR } = useStyle("Highlight", (token) => {
+    return {
+      [`.${lightCls}`]: {
+        color: token.colorPrimary
+      },
+      [`.${optionCls}`]: {
+        flex: "auto",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis"
+      }
+    };
+  });
+  const matchKeywordsRE = new RegExp(
+    words.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"),
+    "gi"
+  );
+  let matchText = label;
+  const elements = [];
+  while (matchText.length) {
+    const match = matchKeywordsRE.exec(matchText);
+    if (!match) {
+      elements.push(matchText);
+      break;
+    }
+    const start = match.index;
+    const matchLength = match[0].length + start;
+    elements.push(
+      matchText.slice(0, start),
+      React.createElement(
+        "span",
+        {
+          className: lightCls
+        },
+        matchText.slice(start, matchLength)
+      )
+    );
+    matchText = matchText.slice(matchLength);
+  }
+  return wrapSSR(
+    React.createElement(
+      "div",
+      {
+        title: label,
+        className: optionCls
+      },
+      ...elements
+    )
+  );
+};
+function filerByItem(item, keyWords) {
+  var _a, _b;
+  if (!keyWords)
+    return true;
+  if (((_a = item == null ? void 0 : item.label) == null ? void 0 : _a.toString().toLowerCase().includes(keyWords.toLowerCase())) || ((_b = item == null ? void 0 : item.value) == null ? void 0 : _b.toString().toLowerCase().includes(keyWords.toLowerCase()))) {
+    return true;
+  }
+  if (item.children || item.options) {
+    const findItem = [...item.children || [], item.options || []].find(
+      (mapItem) => {
+        return filerByItem(mapItem, keyWords);
+      }
+    );
+    if (findItem)
+      return true;
+  }
+  return false;
+}
+var proFieldParsingValueEnumToArray = (valueEnumParams) => {
+  const enumArray = [];
+  const valueEnum = objectToMap(valueEnumParams);
+  valueEnum.forEach((_, key) => {
+    const value = valueEnum.get(key) || valueEnum.get(`${key}`);
+    if (!value) {
+      return;
+    }
+    if (typeof value === "object" && (value == null ? void 0 : value.text)) {
+      enumArray.push({
+        text: value == null ? void 0 : value.text,
+        value: key,
+        label: value == null ? void 0 : value.text,
+        disabled: value.disabled
+      });
+      return;
+    }
+    enumArray.push({
+      text: value,
+      value: key
+    });
+  });
+  return enumArray;
+};
+var useFieldFetchData = (props) => {
+  var _a, _b, _c, _d;
+  const { cacheForSwr, fieldProps } = props;
+  const [keyWords, setKeyWords] = useState(
+    props.defaultKeyWords
+  );
+  const [cacheKey] = useState(() => {
+    if (props.proFieldKey) {
+      return props.proFieldKey.toString();
+    }
+    if (props.request) {
+      return nanoid();
+    }
+    return "no-fetch";
+  });
+  const proFieldKeyRef = useRef(cacheKey);
+  const getOptionsFormValueEnum = useRefFunction(
+    (coverValueEnum) => {
+      return proFieldParsingValueEnumToArray(objectToMap(coverValueEnum)).map(
+        (_a2) => {
+          var _b2 = _a2, { value, text } = _b2, rest = __objRest(_b2, ["value", "text"]);
+          return __spreadValues({
+            label: text,
+            value,
+            key: value
+          }, rest);
+        }
+      );
+    }
+  );
+  const defaultOptions = useDeepCompareMemo(() => {
+    if (!fieldProps)
+      return void 0;
+    const data2 = (fieldProps == null ? void 0 : fieldProps.options) || (fieldProps == null ? void 0 : fieldProps.treeData);
+    if (!data2)
+      return void 0;
+    const { children, label, value } = fieldProps.fieldNames || {};
+    const traverseFieldKey = (_options, type) => {
+      if (!(_options == null ? void 0 : _options.length))
+        return;
+      const length = _options.length;
+      let i = 0;
+      while (i < length) {
+        const cur = _options[i++];
+        if (cur[children] || cur[label] || cur[value]) {
+          cur[type] = cur[type === "children" ? children : type === "label" ? label : value];
+          traverseFieldKey(cur[children], type);
+        }
+      }
+    };
+    if (children)
+      traverseFieldKey(data2, "children");
+    if (label)
+      traverseFieldKey(data2, "label");
+    if (value)
+      traverseFieldKey(data2, "value");
+    return data2;
+  }, [fieldProps]);
+  const [options, setOptions] = useMountMergeState(
+    () => {
+      if (props.valueEnum) {
+        return getOptionsFormValueEnum(props.valueEnum);
+      }
+      return [];
+    },
+    {
+      value: defaultOptions
+    }
+  );
+  useDeepCompareEffect(() => {
+    var _a2, _b2;
+    if (!props.valueEnum || ((_a2 = props.fieldProps) == null ? void 0 : _a2.options) || ((_b2 = props.fieldProps) == null ? void 0 : _b2.treeData))
+      return;
+    setOptions(getOptionsFormValueEnum(props.valueEnum));
+  }, [props.valueEnum]);
+  const swrKey = useDebounceValue(
+    [proFieldKeyRef.current, props.params, keyWords],
+    (_c = (_b = props.debounceTime) != null ? _b : (_a = props == null ? void 0 : props.fieldProps) == null ? void 0 : _a.debounceTime) != null ? _c : 0,
+    [props.params, keyWords]
+  );
+  const {
+    data,
+    mutate: setLocaleData,
+    isValidating
+  } = useSWR(
+    () => {
+      if (!props.request) {
+        return null;
+      }
+      return swrKey;
+    },
+    ([, params, kw]) => props.request(
+      __spreadProps(__spreadValues({}, params), {
+        keyWords: kw
+      }),
+      props
+    ),
+    {
+      revalidateIfStale: !cacheForSwr,
+      // 打开 cacheForSwr 的时候才应该支持两个功能
+      revalidateOnReconnect: cacheForSwr,
+      shouldRetryOnError: false,
+      // @todo 这个功能感觉应该搞个API出来
+      revalidateOnFocus: false
+    }
+  );
+  const resOptions = useMemo(() => {
+    var _a2, _b2;
+    const opt = options == null ? void 0 : options.map((item) => {
+      if (typeof item === "string") {
+        return {
+          label: item,
+          value: item
+        };
+      }
+      if (item.children || item.options) {
+        const childrenOptions = [
+          ...item.children || [],
+          ...item.options || []
+        ].filter((mapItem) => {
+          return filerByItem(mapItem, keyWords);
+        });
+        return __spreadProps(__spreadValues({}, item), {
+          children: childrenOptions,
+          options: childrenOptions
+        });
+      }
+      return item;
+    });
+    if (((_a2 = props.fieldProps) == null ? void 0 : _a2.filterOption) === true || ((_b2 = props.fieldProps) == null ? void 0 : _b2.filterOption) === void 0) {
+      return opt == null ? void 0 : opt.filter((item) => {
+        if (!item)
+          return false;
+        if (!keyWords)
+          return true;
+        return filerByItem(item, keyWords);
+      });
+    }
+    return opt;
+  }, [options, keyWords, (_d = props.fieldProps) == null ? void 0 : _d.filterOption]);
+  return [
+    isValidating,
+    props.request ? data : resOptions,
+    (fetchKeyWords) => {
+      setKeyWords(fetchKeyWords);
+    },
+    () => {
+      setKeyWords(void 0);
+      setLocaleData([], false);
+    }
+  ];
+};
+var FieldSelect = (props, ref) => {
+  var _b, _c, _d, _e;
+  const _a = props, {
+    mode,
+    valueEnum,
+    render,
+    formItemRender,
+    request,
+    fieldProps,
+    plain,
+    children,
+    light,
+    proFieldKey,
+    params,
+    label,
+    variant,
+    id,
+    lightLabel,
+    labelTrigger
+  } = _a, rest = __objRest(_a, [
+    "mode",
+    "valueEnum",
+    "render",
+    "formItemRender",
+    "request",
+    "fieldProps",
+    "plain",
+    "children",
+    "light",
+    "proFieldKey",
+    "params",
+    "label",
+    "variant",
+    "id",
+    "lightLabel",
+    "labelTrigger"
+  ]);
+  const inputRef = useRef();
+  const intl = useIntl();
+  const keyWordsRef = useRef("");
+  const { fieldNames } = fieldProps;
+  useEffect(() => {
+    keyWordsRef.current = fieldProps == null ? void 0 : fieldProps.searchValue;
+  }, [fieldProps == null ? void 0 : fieldProps.searchValue]);
+  const [loading, options, fetchData, resetData] = useFieldFetchData(props);
+  const { componentSize } = ((_c = (_b = ConfigProvider) == null ? void 0 : _b.useConfig) == null ? void 0 : _c.call(_b)) || {
+    componentSize: "middle"
+  };
+  useImperativeHandle(
+    ref,
+    () => __spreadProps(__spreadValues({}, inputRef.current || {}), {
+      fetchData: (keyWord) => fetchData(keyWord)
+    }),
+    [fetchData]
+  );
+  const optionsValueEnum = useMemo(() => {
+    if (mode !== "read")
+      return;
+    const {
+      label: labelPropsName = "label",
+      value: valuePropsName = "value",
+      options: optionsPropsName = "options"
+    } = 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[optionsPropsName]);
+      }
+      return valuesMap;
+    };
+    return traverseOptions(options);
+  }, [fieldNames, mode, options]);
+  if (mode === "read") {
+    const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, proFieldParsingText(
+      rest.text,
+      objectToMap(
+        valueEnum || optionsValueEnum
+      )
+    ));
+    if (render) {
+      return (_d = render(dom, __spreadValues({ mode }, fieldProps), dom)) != null ? _d : null;
+    }
+    return dom;
+  }
+  if (mode === "edit" || mode === "update") {
+    const renderDom = () => {
+      if (light) {
+        return /* @__PURE__ */ React.createElement(
+          LightSelect,
+          __spreadValues({
+            variant,
+            id,
+            loading,
+            ref: inputRef,
+            allowClear: true,
+            size: componentSize,
+            options,
+            label,
+            placeholder: intl.getMessage(
+              "tableForm.selectPlaceholder",
+              "请选择"
+            ),
+            lightLabel,
+            labelTrigger,
+            fetchData
+          }, fieldProps)
+        );
+      }
+      return /* @__PURE__ */ React.createElement(
+        SearchSelect,
+        __spreadProps(__spreadValues({
+          key: "SearchSelect",
+          className: rest.className,
+          style: __spreadValues({
+            minWidth: 100
+          }, rest.style),
+          variant,
+          id,
+          loading,
+          ref: inputRef,
+          allowClear: true,
+          defaultSearchValue: props.defaultKeyWords,
+          notFoundContent: loading ? /* @__PURE__ */ React.createElement(Spin, { size: "small" }) : fieldProps == null ? void 0 : fieldProps.notFoundContent,
+          fetchData: (keyWord) => {
+            keyWordsRef.current = keyWord != null ? keyWord : "";
+            fetchData(keyWord);
+          },
+          resetData,
+          optionItemRender: (item) => {
+            if (typeof item.label === "string" && keyWordsRef.current) {
+              return /* @__PURE__ */ React.createElement(Highlight, { label: item.label, words: [keyWordsRef.current] });
+            }
+            return item.label;
+          },
+          placeholder: intl.getMessage("tableForm.selectPlaceholder", "请选择"),
+          label
+        }, fieldProps), {
+          options
+        })
+      );
+    };
+    const dom = renderDom();
+    if (formItemRender) {
+      return (_e = formItemRender(
+        rest.text,
+        __spreadProps(__spreadValues({ mode }, fieldProps), { options, loading }),
+        dom
+      )) != null ? _e : null;
+    }
+    return dom;
+  }
+  return null;
+};
+var Select_default = React.forwardRef(FieldSelect);
+export {
+  Select_default as default,
+  proFieldParsingValueEnumToArray,
+  useFieldFetchData
+};

package/es/field/components/Slider/index.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/Slider/index.js

@@ -0,0 +1,53 @@
+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/Slider/index.tsx
+import { Slider } from "antd";
+import React from "react";
+var FieldSlider = ({ text, mode, render, formItemRender, fieldProps }, ref) => {
+  if (mode === "read") {
+    const dom = text;
+    if (render) {
+      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement(React.Fragment, null, dom));
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, dom);
+  }
+  if (mode === "edit" || mode === "update") {
+    const dom = /* @__PURE__ */ React.createElement(
+      Slider,
+      __spreadProps(__spreadValues({
+        ref
+      }, fieldProps), {
+        style: __spreadValues({
+          minWidth: 120
+        }, fieldProps == null ? void 0 : fieldProps.style)
+      })
+    );
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+    }
+    return dom;
+  }
+  return null;
+};
+var Slider_default = React.forwardRef(FieldSlider);
+export {
+  Slider_default as default
+};

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

@@ -0,0 +1,25 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+type StatusProps = {
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+};
+/** 快捷操作，用于快速的展示一个状态 */
+export declare const StatusComponents: {
+    Success: React.FC<StatusProps>;
+    Error: React.FC<StatusProps>;
+    Processing: React.FC<StatusProps>;
+    Default: React.FC<StatusProps>;
+    Warning: React.FC<StatusProps>;
+    success: React.FC<StatusProps>;
+    error: React.FC<StatusProps>;
+    processing: React.FC<StatusProps>;
+    default: React.FC<StatusProps>;
+    warning: React.FC<StatusProps>;
+};
+export type ProFieldStatusType = keyof typeof StatusComponents;
+export declare const ProFieldBadgeColor: React.FC<StatusProps & {
+    color: string;
+}>;
+export default StatusComponents;

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

@@ -0,0 +1,25 @@
+// src/field/components/Status/index.tsx
+import { Badge } from "antd";
+import React from "react";
+var StatusComponents = {
+  Success: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "success", text: children }),
+  Error: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "error", text: children }),
+  Default: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "default", text: children }),
+  Processing: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "processing", text: children }),
+  Warning: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "warning", text: children }),
+  success: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "success", text: children }),
+  error: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "error", text: children }),
+  default: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "default", text: children }),
+  processing: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "processing", text: children }),
+  warning: ({ children }) => /* @__PURE__ */ React.createElement(Badge, { status: "warning", text: children })
+};
+var ProFieldBadgeColor = ({
+  color,
+  children
+}) => /* @__PURE__ */ React.createElement(Badge, { color, text: children });
+var Status_default = StatusComponents;
+export {
+  ProFieldBadgeColor,
+  StatusComponents,
+  Status_default as default
+};

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

@@ -0,0 +1,8 @@
+import type { SwitchProps } from 'antd';
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    text: boolean;
+    fieldProps?: SwitchProps | undefined;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
+} & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,84 @@
+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/Switch/index.tsx
+import { Switch } from "antd";
+import omit from "rc-util/lib/omit";
+import React, { useMemo } from "react";
+import { useIntl } from "../../../provider";
+import { FieldLabel } from "../../../utils";
+var FieldSwitch = ({ text, mode, render, light, label, formItemRender, fieldProps, variant }, ref) => {
+  var _a;
+  const intl = useIntl();
+  const dom = useMemo(() => {
+    var _a2, _b;
+    if (text === void 0 || text === null || `${text}`.length < 1)
+      return "-";
+    return text ? (_a2 = fieldProps == null ? void 0 : fieldProps.checkedChildren) != null ? _a2 : intl.getMessage("switch.open", "打开") : (_b = fieldProps == null ? void 0 : fieldProps.unCheckedChildren) != null ? _b : intl.getMessage("switch.close", "关闭");
+  }, [fieldProps == null ? void 0 : fieldProps.checkedChildren, fieldProps == null ? void 0 : fieldProps.unCheckedChildren, text]);
+  if (mode === "read") {
+    if (render) {
+      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement(React.Fragment, null, dom));
+    }
+    return dom != null ? dom : "-";
+  }
+  if (mode === "edit" || mode === "update") {
+    const editDom = /* @__PURE__ */ React.createElement(
+      Switch,
+      __spreadProps(__spreadValues({
+        ref,
+        size: light ? "small" : void 0
+      }, omit(fieldProps, ["value"])), {
+        checked: (_a = fieldProps == null ? void 0 : fieldProps.checked) != null ? _a : fieldProps == null ? void 0 : fieldProps.value
+      })
+    );
+    if (light) {
+      const { disabled } = fieldProps;
+      return /* @__PURE__ */ React.createElement(
+        FieldLabel,
+        {
+          label,
+          disabled,
+          variant,
+          downIcon: false,
+          value: /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                paddingLeft: 8
+              }
+            },
+            editDom
+          ),
+          allowClear: false
+        }
+      );
+    }
+    if (formItemRender) {
+      return formItemRender(text, __spreadValues({ mode }, fieldProps), editDom);
+    }
+    return editDom;
+  }
+  return null;
+};
+var Switch_default = React.forwardRef(FieldSwitch);
+export {
+  Switch_default as default
+};

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

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