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

package/lib/form/BaseForm/EditOrReadOnlyContext.js

@@ -1,38 +1,11 @@
-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);
+"use strict";
 
-// src/form/BaseForm/EditOrReadOnlyContext.ts
-var EditOrReadOnlyContext_exports = {};
-__export(EditOrReadOnlyContext_exports, {
-  EditOrReadOnlyContext: () => EditOrReadOnlyContext
-});
-module.exports = __toCommonJS(EditOrReadOnlyContext_exports);
-var import_react = __toESM(require("react"));
-var EditOrReadOnlyContext = import_react.default.createContext({
-  mode: "edit"
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.EditOrReadOnlyContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var EditOrReadOnlyContext = exports.EditOrReadOnlyContext = /*#__PURE__*/_react.default.createContext({
+  mode: 'edit'
+});

package/lib/form/BaseForm/LightWrapper/index.js

@@ -1,189 +1,118 @@
-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);
+"use strict";
 
-// src/form/BaseForm/LightWrapper/index.tsx
-var LightWrapper_exports = {};
-__export(LightWrapper_exports, {
-  LightWrapper: () => LightWrapper
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(LightWrapper_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_utils = require("../../../utils");
-var import_style = require("./style");
-var LightWrapper = (props) => {
-  const _a = props, {
-    label,
-    size,
-    disabled,
-    onChange: propsOnChange,
-    className,
-    style,
-    children,
-    valuePropName,
-    placeholder,
-    labelFormatter,
-    variant,
-    footerRender,
-    allowClear,
-    otherFieldProps,
-    valueType,
-    placement
-  } = _a, rest = __objRest(_a, [
-    "label",
-    "size",
-    "disabled",
-    "onChange",
-    "className",
-    "style",
-    "children",
-    "valuePropName",
-    "placeholder",
-    "labelFormatter",
-    "variant",
-    "footerRender",
-    "allowClear",
-    "otherFieldProps",
-    "valueType",
-    "placement"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-field-light-wrapper");
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
-  const [tempValue, setTempValue] = (0, import_react.useState)(
-    props[valuePropName]
-  );
-  const [open, setOpen] = (0, import_utils.useMountMergeState)(false);
-  const onChange = (...restParams) => {
-    var _a2;
-    (_a2 = otherFieldProps == null ? void 0 : otherFieldProps.onChange) == null ? void 0 : _a2.call(otherFieldProps, ...restParams);
-    propsOnChange == null ? void 0 : propsOnChange(...restParams);
+exports.LightWrapper = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../utils");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label", "size", "disabled", "onChange", "className", "style", "children", "valuePropName", "placeholder", "labelFormatter", "variant", "footerRender", "allowClear", "otherFieldProps", "valueType", "placement"];
+var LightWrapper = exports.LightWrapper = function LightWrapper(props) {
+  var label = props.label,
+    size = props.size,
+    disabled = props.disabled,
+    propsOnChange = props.onChange,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    valuePropName = props.valuePropName,
+    placeholder = props.placeholder,
+    labelFormatter = props.labelFormatter,
+    variant = props.variant,
+    footerRender = props.footerRender,
+    allowClear = props.allowClear,
+    otherFieldProps = props.otherFieldProps,
+    valueType = props.valueType,
+    placement = props.placement,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-field-light-wrapper');
+  var _useStyle = (0, _style.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = (0, _react.useState)(props[valuePropName]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tempValue = _useState2[0],
+    setTempValue = _useState2[1];
+  var _useMountMergeState = (0, _utils.useMountMergeState)(false),
+    _useMountMergeState2 = (0, _slicedToArray2.default)(_useMountMergeState, 2),
+    open = _useMountMergeState2[0],
+    setOpen = _useMountMergeState2[1];
+  var onChange = function onChange() {
+    var _otherFieldProps$onCh;
+    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+      restParams[_key] = arguments[_key];
+    }
+    otherFieldProps === null || otherFieldProps === void 0 || (_otherFieldProps$onCh = otherFieldProps.onChange) === null || _otherFieldProps$onCh === void 0 || _otherFieldProps$onCh.call.apply(_otherFieldProps$onCh, [otherFieldProps].concat(restParams));
+    propsOnChange === null || propsOnChange === void 0 || propsOnChange.apply(void 0, restParams);
   };
-  const labelValue = props[valuePropName];
-  const labelValueText = (0, import_react.useMemo)(() => {
-    var _a2;
-    if (!labelValue)
-      return labelValue;
-    if (((_a2 = valueType == null ? void 0 : valueType.toLowerCase()) == null ? void 0 : _a2.endsWith("range")) && valueType !== "digitRange" && !labelFormatter) {
-      return (0, import_utils.dateArrayFormatter)(
-        labelValue,
-        import_utils.dateFormatterMap[valueType] || "YYYY-MM-DD"
-      );
+  var labelValue = props[valuePropName];
+
+  /** DateRange的转化，dayjs 的 toString 有点不好用 */
+  var labelValueText = (0, _react.useMemo)(function () {
+    var _valueType$toLowerCas;
+    if (!labelValue) return labelValue;
+    if (valueType !== null && valueType !== void 0 && (_valueType$toLowerCas = valueType.toLowerCase()) !== null && _valueType$toLowerCas !== void 0 && _valueType$toLowerCas.endsWith('range') && valueType !== 'digitRange' && !labelFormatter) {
+      return (0, _utils.dateArrayFormatter)(labelValue, _utils.dateFormatterMap[valueType] || 'YYYY-MM-DD');
     }
-    if (Array.isArray(labelValue))
-      return labelValue.map((item) => {
-        if (typeof item === "object" && item.label && item.value) {
-          return item.label;
-        }
-        return item;
-      });
+    if (Array.isArray(labelValue)) return labelValue.map(function (item) {
+      if ((0, _typeof2.default)(item) === 'object' && item.label && item.value) {
+        return item.label;
+      }
+      return item;
+    });
     return labelValue;
   }, [labelValue, valueType, labelFormatter]);
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_utils.FilterDropdown,
-      {
-        disabled,
-        open,
-        onOpenChange: setOpen,
-        placement,
-        label: /* @__PURE__ */ import_react.default.createElement(
-          import_utils.FieldLabel,
-          {
-            ellipsis: true,
-            size,
-            onClear: () => {
-              onChange == null ? void 0 : onChange();
-              setTempValue(null);
-            },
-            variant,
-            style,
-            className,
-            label,
-            placeholder,
-            value: labelValueText,
-            disabled,
-            formatter: labelFormatter,
-            allowClear
-          }
-        ),
-        footer: {
-          onClear: () => setTempValue(null),
-          onConfirm: () => {
-            onChange == null ? void 0 : onChange(tempValue);
-            setOpen(false);
-          }
-        },
-        footerRender
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FilterDropdown, {
+    disabled: disabled,
+    open: open,
+    onOpenChange: setOpen,
+    placement: placement,
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+      ellipsis: true,
+      size: size,
+      onClear: function onClear() {
+        onChange === null || onChange === void 0 || onChange();
+        setTempValue(null);
+      },
+      variant: variant,
+      style: style,
+      className: className,
+      label: label,
+      placeholder: placeholder,
+      value: labelValueText,
+      disabled: disabled,
+      formatter: labelFormatter,
+      allowClear: allowClear
+    }),
+    footer: {
+      onClear: function onClear() {
+        return setTempValue(null);
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(`${prefixCls}-container`, hashId, className),
-          style
-        },
-        import_react.default.cloneElement(children, __spreadValues(__spreadProps(__spreadValues({}, rest), {
-          [valuePropName]: tempValue,
-          onChange: (e) => {
-            setTempValue((e == null ? void 0 : e.target) ? e.target.value : e);
-          }
-        }), children.props))
-      )
-    )
-  );
-};
+      onConfirm: function onConfirm() {
+        onChange === null || onChange === void 0 || onChange(tempValue);
+        setOpen(false);
+      }
+    },
+    footerRender: footerRender,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-container"), hashId, className),
+      style: style,
+      children: /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, valuePropName, tempValue), "onChange", function onChange(e) {
+        setTempValue(e !== null && e !== void 0 && e.target ? e.target.value : e);
+      }), children.props))
+    })
+  }));
+};

package/lib/form/BaseForm/LightWrapper/style.js

@@ -1,63 +1,26 @@
-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 __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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/form/BaseForm/LightWrapper/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genProStyle = (token) => {
-  return {
-    [`${token.componentCls}-collapse-label`]: {
-      paddingInline: 1,
-      paddingBlock: 1
-    },
-    [`${token.componentCls}-container`]: {
-      [`${token.antCls}-form-item`]: {
-        marginBlockEnd: 0
-      }
-    }
-  };
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(token.componentCls, "-collapse-label"), {
+    paddingInline: 1,
+    paddingBlock: 1
+  }), "".concat(token.componentCls, "-container"), (0, _defineProperty2.default)({}, "".concat(token.antCls, "-form-item"), {
+    marginBlockEnd: 0
+  }));
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("LightWrapper", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('LightWrapper', function (token) {
+    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
+}