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

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

@@ -1,82 +1,89 @@
-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/Code/index.tsx
-import { Input } from "antd";
-import React from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Input } from 'antd';
+import React from 'react';
 import { proTheme } from "../../../provider";
-var languageFormat = (text, language) => {
-  if (typeof text !== "string") {
+import { jsx as _jsx } from "react/jsx-runtime";
+var languageFormat = function languageFormat(text, language) {
+  if (typeof text !== 'string') {
     return text;
   }
   try {
-    if (language === "json") {
+    if (language === 'json') {
       return JSON.stringify(JSON.parse(text), null, 2);
     }
   } catch (error) {
+    // console.log(error)
   }
   return text;
 };
-var FieldCode = ({ text, mode, render, language = "text", formItemRender, plain, fieldProps }, ref) => {
-  var _a;
-  const code = languageFormat(text, language);
-  const { token } = proTheme.useToken();
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ React.createElement(
-      "pre",
-      __spreadProps(__spreadValues({
-        ref
-      }, fieldProps), {
-        style: __spreadValues({
-          padding: 16,
-          overflow: "auto",
-          fontSize: "85%",
-          lineHeight: 1.45,
-          color: token.colorTextSecondary,
-          fontFamily: token.fontFamilyCode,
-          backgroundColor: "rgba(150, 150, 150, 0.1)",
-          borderRadius: 3,
-          width: "min-content"
-        }, fieldProps.style)
-      }),
-      /* @__PURE__ */ React.createElement("code", null, code)
-    );
+
+/**
+ * 代码片段组件 这个组件为了显示简单的配置，复杂的请使用更加重型的组件
+ *
+ * @param
+ */
+var FieldCode = function FieldCode(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    render = _ref.render,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? 'text' : _ref$language,
+    formItemRender = _ref.formItemRender,
+    plain = _ref.plain,
+    fieldProps = _ref.fieldProps;
+  var code = languageFormat(text, language);
+  var _proTheme$useToken = proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsx("pre", _objectSpread(_objectSpread({
+      ref: ref
+    }, fieldProps), {}, {
+      style: _objectSpread({
+        padding: 16,
+        overflow: 'auto',
+        fontSize: '85%',
+        lineHeight: 1.45,
+        color: token.colorTextSecondary,
+        fontFamily: token.fontFamilyCode,
+        backgroundColor: 'rgba(150, 150, 150, 0.1)',
+        borderRadius: 3,
+        width: 'min-content'
+      }, fieldProps.style),
+      children: /*#__PURE__*/_jsx("code", {
+        children: code
+      })
+    }));
     if (render) {
-      return render(code, __spreadProps(__spreadValues({ mode }, fieldProps), { ref }), dom);
+      return render(code, _objectSpread(_objectSpread({
+        mode: mode
+      }, fieldProps), {}, {
+        ref: ref
+      }), dom);
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
+  if (mode === 'edit' || mode === 'update') {
     fieldProps.value = code;
-    let dom = /* @__PURE__ */ React.createElement(Input.TextArea, __spreadProps(__spreadValues({ rows: 5 }, fieldProps), { ref }));
+    var _dom = /*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({
+      rows: 5
+    }, fieldProps), {}, {
+      ref: ref
+    }));
     if (plain) {
-      dom = /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues({}, fieldProps), { ref }));
+      _dom = /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        ref: ref
+      }));
     }
     if (formItemRender) {
-      return (_a = formItemRender(code, __spreadProps(__spreadValues({ mode }, fieldProps), { ref }), dom)) != null ? _a : null;
+      var _formItemRender;
+      return (_formItemRender = formItemRender(code, _objectSpread(_objectSpread({
+        mode: mode
+      }, fieldProps), {}, {
+        ref: ref
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Code_default = React.forwardRef(FieldCode);
-export {
-  Code_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldCode);

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

@@ -2,6 +2,6 @@ import type { ColorPickerProps } from 'antd';
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
     text: string;
-    mode?: "update" | "read" | "edit" | undefined;
-} & Partial<Omit<ColorPickerProps, "value" | "mode">> & React.RefAttributes<any>>;
+    mode?: "read" | "edit" | "update" | undefined;
+} & Partial<Omit<ColorPickerProps, "mode" | "value">> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,89 +1,66 @@
-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/ColorPicker/index.tsx
-import { ColorPicker, ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { ColorPicker, ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_PRESETS = {
-  label: "Recommended",
-  colors: [
-    "#F5222D",
-    "#FA8C16",
-    "#FADB14",
-    "#8BBB11",
-    "#52C41A",
-    "#13A8A8",
-    "#1677FF",
-    "#2F54EB",
-    "#722ED1",
-    "#EB2F96",
-    "#F5222D4D",
-    "#FA8C164D",
-    "#FADB144D",
-    "#8BBB114D",
-    "#52C41A4D",
-    "#13A8A84D",
-    "#1677FF4D",
-    "#2F54EB4D",
-    "#722ED14D",
-    "#EB2F964D"
-  ]
+  label: 'Recommended',
+  colors: ['#F5222D', '#FA8C16', '#FADB14', '#8BBB11', '#52C41A', '#13A8A8', '#1677FF', '#2F54EB', '#722ED1', '#EB2F96', '#F5222D4D', '#FA8C164D', '#FADB144D', '#8BBB114D', '#52C41A4D', '#13A8A84D', '#1677FF4D', '#2F54EB4D', '#722ED14D', '#EB2F964D']
 };
-var FieldColorPicker = ({ text, mode: type, render, formItemRender, fieldProps }, ref) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-field-color-picker");
-  if (type === "read") {
-    const dom = /* @__PURE__ */ React.createElement(
-      ColorPicker,
-      {
-        value: text,
-        className: classNames({ [prefixCls]: true }),
-        open: false
-      }
-    );
+
+/**
+ * 颜色组件
+ * Antd > 5.5.0 的版本 使用 antd 的 ColorPicker
+ * @param FieldColorPicker {
+ *     text: number;
+ *     moneySymbol?: string; }
+ */
+var FieldColorPicker = function FieldColorPicker(_ref, ref) {
+  var text = _ref.text,
+    type = _ref.mode,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-field-color-picker');
+  if (type === 'read') {
+    var dom = /*#__PURE__*/_jsx(ColorPicker, {
+      value: text,
+      className: classNames(_defineProperty({}, prefixCls, true))
+      // 设置无法 open
+      ,
+      open: false
+    });
     if (render) {
-      return render(text, __spreadValues({ mode: type }, fieldProps), dom);
+      return render(text, _objectSpread({
+        mode: type
+      }, fieldProps), dom);
     }
     return dom;
   }
-  if (type === "edit" || type === "update") {
-    const style = __spreadValues({ display: "table-cell" }, fieldProps.style);
-    const dom = /* @__PURE__ */ React.createElement(
-      ColorPicker,
-      __spreadProps(__spreadValues({
-        ref,
-        presets: [DEFAULT_PRESETS]
-      }, fieldProps), {
-        style,
-        className: classNames({ [prefixCls]: true })
-      })
-    );
+  if (type === 'edit' || type === 'update') {
+    // 解决 默认的 width 100% 问题
+    var style = _objectSpread({
+      display: 'table-cell'
+    }, fieldProps.style);
+    var _dom = /*#__PURE__*/_jsx(ColorPicker, _objectSpread(_objectSpread({
+      ref: ref,
+      presets: [DEFAULT_PRESETS]
+    }, fieldProps), {}, {
+      style: style,
+      className: classNames(_defineProperty({}, prefixCls, true))
+    }));
     if (formItemRender) {
-      return formItemRender(text, __spreadProps(__spreadValues({ mode: type }, fieldProps), { style }), dom);
+      return formItemRender(text, _objectSpread(_objectSpread({
+        mode: type
+      }, fieldProps), {}, {
+        style: style
+      }), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var ColorPicker_default = React.forwardRef(FieldColorPicker);
-export {
-  ColorPicker_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldColorPicker);

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

@@ -4,7 +4,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     text: string | number;
     format?: string | undefined;
     showTime?: boolean | undefined;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
-    picker?: "time" | "date" | "month" | "week" | "quarter" | "year" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
+    picker?: "date" | "time" | "week" | "month" | "quarter" | "year" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,135 +1,119 @@
-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/DatePicker/index.tsx
-import { DatePicker } from "antd";
-import dayjs from "dayjs";
-import weekOfYear from "dayjs/plugin/weekOfYear";
-import React, { useState } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import React, { useState } from 'react';
 import { useIntl } from "../../../provider";
 import { FieldLabel, parseValueToDay } from "../../../utils";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 dayjs.extend(weekOfYear);
-var formatDate = (text, format) => {
-  if (!text)
-    return "-";
-  if (typeof format === "function") {
+var formatDate = function formatDate(text, format) {
+  if (!text) return '-';
+  if (typeof format === 'function') {
     return format(dayjs(text));
   } else {
-    return dayjs(text).format(
-      (Array.isArray(format) ? format[0] : format) || "YYYY-MM-DD"
-    );
+    return dayjs(text).format((Array.isArray(format) ? format[0] : format) || 'YYYY-MM-DD');
   }
 };
-var FieldDatePicker = ({
-  text,
-  mode,
-  format = "YYYY-MM-DD",
-  label,
-  light,
-  render,
-  formItemRender,
-  plain,
-  showTime,
-  fieldProps,
-  picker,
-  variant,
-  lightLabel
-}, ref) => {
-  const intl = useIntl();
-  const [open, setOpen] = useState(false);
-  if (mode === "read") {
-    const dom = formatDate(text, fieldProps.format || format);
+
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+var FieldDatePicker = function FieldDatePicker(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'YYYY-MM-DD' : _ref$format,
+    label = _ref.label,
+    light = _ref.light,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    plain = _ref.plain,
+    showTime = _ref.showTime,
+    fieldProps = _ref.fieldProps,
+    picker = _ref.picker,
+    variant = _ref.variant,
+    lightLabel = _ref.lightLabel;
+  var intl = useIntl();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  if (mode === 'read') {
+    var dom = formatDate(text, fieldProps.format || format);
     if (render) {
-      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement(React.Fragment, null, dom));
+      return render(text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+        children: dom
+      }));
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, dom);
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: dom
+    });
   }
-  if (mode === "edit" || mode === "update") {
-    let dom;
-    const {
-      disabled,
-      value,
-      placeholder = intl.getMessage("tableForm.selectPlaceholder", "请选择")
-    } = fieldProps;
-    const dayValue = parseValueToDay(value);
+  if (mode === 'edit' || mode === 'update') {
+    var _dom;
+    var disabled = fieldProps.disabled,
+      value = fieldProps.value,
+      _fieldProps$placehold = fieldProps.placeholder,
+      placeholder = _fieldProps$placehold === void 0 ? intl.getMessage('tableForm.selectPlaceholder', '请选择') : _fieldProps$placehold;
+    var dayValue = parseValueToDay(value);
     if (light) {
-      dom = /* @__PURE__ */ React.createElement(
-        FieldLabel,
-        {
-          label,
-          onClick: () => {
-            var _a;
-            (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, true);
-            setOpen(true);
+      _dom = /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        onClick: function onClick() {
+          var _fieldProps$onOpenCha;
+          fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha === void 0 || _fieldProps$onOpenCha.call(fieldProps, true);
+          setOpen(true);
+        },
+        style: dayValue ? {
+          paddingInlineEnd: 0
+        } : undefined,
+        disabled: disabled,
+        value: dayValue || open ? /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
+          picker: picker,
+          showTime: showTime,
+          format: format,
+          ref: ref
+        }, fieldProps), {}, {
+          value: dayValue,
+          onOpenChange: function onOpenChange(isOpen) {
+            var _fieldProps$onOpenCha2;
+            setOpen(isOpen);
+            fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha2 = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha2 === void 0 || _fieldProps$onOpenCha2.call(fieldProps, isOpen);
           },
-          style: dayValue ? {
-            paddingInlineEnd: 0
-          } : void 0,
-          disabled,
-          value: dayValue || open ? /* @__PURE__ */ React.createElement(
-            DatePicker,
-            __spreadProps(__spreadValues({
-              picker,
-              showTime,
-              format,
-              ref
-            }, fieldProps), {
-              value: dayValue,
-              onOpenChange: (isOpen) => {
-                var _a;
-                setOpen(isOpen);
-                (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, isOpen);
-              },
-              variant: "borderless",
-              open
-            })
-          ) : void 0,
-          allowClear: false,
-          downIcon: dayValue || open ? false : void 0,
-          variant,
-          ref: lightLabel
-        }
-      );
+          variant: "borderless",
+          open: open
+        })) : undefined,
+        allowClear: false,
+        downIcon: dayValue || open ? false : undefined,
+        variant: variant,
+        ref: lightLabel
+      });
     } else {
-      dom = /* @__PURE__ */ React.createElement(
-        DatePicker,
-        __spreadProps(__spreadValues({
-          picker,
-          showTime,
-          format,
-          placeholder,
-          variant: plain === void 0 ? "outlined" : plain ? "borderless" : "outlined",
-          ref
-        }, fieldProps), {
-          value: dayValue
-        })
-      );
+      _dom = /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
+        picker: picker,
+        showTime: showTime,
+        format: format,
+        placeholder: placeholder,
+        variant: plain === undefined ? 'outlined' : plain ? 'borderless' : 'outlined',
+        ref: ref
+      }, fieldProps), {}, {
+        value: dayValue
+      }));
     }
     if (formItemRender) {
-      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var DatePicker_default = React.forwardRef(FieldDatePicker);
-export {
-  DatePicker_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldDatePicker);