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

package/lib/field/components/Checkbox/index.js

@@ -1,175 +1,133 @@
-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/field/components/Checkbox/index.tsx
-var Checkbox_exports = {};
-__export(Checkbox_exports, {
-  default: () => Checkbox_default
+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(Checkbox_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_Select = require("../Select");
-var FieldCheckbox = (_a, ref) => {
-  var _b = _a, { layout = "horizontal", formItemRender, mode, render } = _b, rest = __objRest(_b, ["layout", "formItemRender", "mode", "render"]);
-  var _a2, _b2, _c, _d, _e, _g, _h;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const layoutClassName = getPrefixCls("pro-field-checkbox");
-  const status = (_b2 = (_a2 = import_antd.Form.Item) == null ? void 0 : _a2.useStatus) == null ? void 0 : _b2.call(_a2);
-  const [loading, options, fetchData] = (0, import_Select.useFieldFetchData)(rest);
-  const { wrapSSR, hashId } = (0, import_utils.useStyle)("Checkbox", (token2) => {
-    return {
-      [`.${layoutClassName}`]: {
-        "&-error": {
+exports.default = void 0;
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _Select = require("../Select");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["layout", "formItemRender", "mode", "render"],
+  _excluded2 = ["fieldNames"];
+/**
+ * 多选组件
+ *
+ * @param param0
+ * @param ref
+ */
+var FieldCheckbox = function FieldCheckbox(_ref, ref) {
+  var _Form$Item, _Form$Item$useStatus, _theme$useToken2;
+  var _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+    formItemRender = _ref.formItemRender,
+    mode = _ref.mode,
+    render = _ref.render,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var layoutClassName = getPrefixCls('pro-field-checkbox');
+  var status = (_Form$Item = _antd.Form.Item) === null || _Form$Item === void 0 || (_Form$Item$useStatus = _Form$Item.useStatus) === null || _Form$Item$useStatus === void 0 ? void 0 : _Form$Item$useStatus.call(_Form$Item);
+  var _useFieldFetchData = (0, _Select.useFieldFetchData)(rest),
+    _useFieldFetchData2 = (0, _slicedToArray2.default)(_useFieldFetchData, 3),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2];
+  // css
+  var _useStyle = (0, _utils.useStyle)('Checkbox', function (token) {
+      return (0, _defineProperty2.default)({}, ".".concat(layoutClassName), {
+        '&-error': {
           span: {
-            color: token2.colorError
+            color: token.colorError
           }
         },
-        "&-warning": {
+        '&-warning': {
           span: {
-            color: token2.colorWarning
+            color: token.colorWarning
           }
         },
-        "&-vertical": {
-          //ant design 5
-          [`&${token2.antCls}-checkbox-group`]: {
-            display: "inline-block"
-          },
-          //ant design 5
-          [`${token2.antCls}-checkbox-wrapper+${token2.antCls}-checkbox-wrapper`]: {
-            "margin-inline-start": "0  !important"
-          },
-          //ant design 4
-          [`${token2.antCls}-checkbox-group-item`]: {
-            display: "flex",
-            marginInlineEnd: 0
-          }
-        }
-      }
-    };
-  });
-  const { token } = (_d = (_c = import_antd.theme).useToken) == null ? void 0 : _d.call(_c);
-  const checkBoxRef = (0, import_react.useRef)();
-  (0, import_react.useImperativeHandle)(
-    ref,
-    () => __spreadProps(__spreadValues({}, checkBoxRef.current || {}), {
-      fetchData: (keyWord) => fetchData(keyWord)
+        '&-vertical': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&".concat(token.antCls, "-checkbox-group"), {
+          display: 'inline-block'
+        }), "".concat(token.antCls, "-checkbox-wrapper+").concat(token.antCls, "-checkbox-wrapper"), {
+          'margin-inline-start': '0  !important'
+        }), "".concat(token.antCls, "-checkbox-group-item"), {
+          display: 'flex',
+          marginInlineEnd: 0
+        })
+      });
     }),
-    [fetchData]
-  );
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _theme$useToken = (_theme$useToken2 = _antd.theme.useToken) === null || _theme$useToken2 === void 0 ? void 0 : _theme$useToken2.call(_antd.theme),
+    token = _theme$useToken.token;
+  var checkBoxRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, checkBoxRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
   if (loading) {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {
+      size: "small"
+    });
   }
-  if (mode === "read") {
-    const optionsValueEnum = (options == null ? void 0 : options.length) ? options == null ? void 0 : options.reduce((pre, cur) => {
-      var _a3;
-      return __spreadProps(__spreadValues({}, pre), { [(_a3 = cur.value) != null ? _a3 : ""]: cur.label });
-    }, {}) : void 0;
-    const dom = (0, import_utils.proFieldParsingText)(
-      rest.text,
-      (0, import_utils.objectToMap)(rest.valueEnum || optionsValueEnum)
-    );
+  if (mode === 'read') {
+    var optionsValueEnum = options !== null && options !== void 0 && options.length ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
+      var _ref3;
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, pre), {}, (0, _defineProperty2.default)({}, (_ref3 = cur.value) !== null && _ref3 !== void 0 ? _ref3 : '', cur.label));
+    }, {}) : undefined;
+    var dom = (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum));
     if (render) {
-      return (_e = render(rest.text, __spreadValues({ mode }, rest.fieldProps), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dom))) != null ? _e : null;
+      var _render;
+      return (_render = render(rest.text, (0, _objectSpread3.default)({
+        mode: mode
+      }, rest.fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: dom
+      }))) !== null && _render !== void 0 ? _render : null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexWrap: "wrap",
-          alignItems: "center",
-          gap: token.marginSM
-        }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        gap: token.marginSM
       },
-      dom
-    );
+      children: dom
+    });
   }
-  if (mode === "edit") {
-    const _f = rest.fieldProps || {}, { fieldNames } = _f, restFieldProps = __objRest(_f, ["fieldNames"]);
-    const dom = wrapSSR(
-      //@ts-ignore
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Checkbox.Group,
-        __spreadProps(__spreadValues({}, restFieldProps), {
-          className: (0, import_classnames.default)(
-            (_g = rest.fieldProps) == null ? void 0 : _g.className,
-            hashId,
-            `${layoutClassName}-${layout}`,
-            {
-              [`${layoutClassName}-error`]: (status == null ? void 0 : status.status) === "error",
-              [`${layoutClassName}-warning`]: (status == null ? void 0 : status.status) === "warning"
-            }
-          ),
-          options
-        })
-      )
-    );
+  if (mode === 'edit') {
+    var _rest$fieldProps;
+    var _ref4 = rest.fieldProps || {},
+      fieldNames = _ref4.fieldNames,
+      restFieldProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+    var _dom = wrapSSR(
+    /*#__PURE__*/
+    //@ts-ignore
+    (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restFieldProps), {}, {
+      className: (0, _classnames.default)((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(layout), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(layoutClassName, "-error"), (status === null || status === void 0 ? void 0 : status.status) === 'error'), "".concat(layoutClassName, "-warning"), (status === null || status === void 0 ? void 0 : status.status) === 'warning')),
+      options: options
+    })));
     if (formItemRender) {
-      return (_h = formItemRender(
-        rest.text,
-        __spreadProps(__spreadValues({ mode }, rest.fieldProps), { options, loading }),
-        dom
-      )) != null ? _h : null;
+      var _formItemRender;
+      return (_formItemRender = formItemRender(rest.text, (0, _objectSpread3.default)((0, _objectSpread3.default)({
+        mode: mode
+      }, rest.fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Checkbox_default = import_react.default.forwardRef(FieldCheckbox);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldCheckbox);

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

@@ -1,109 +1,96 @@
-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 __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/field/components/Code/index.tsx
-var Code_exports = {};
-__export(Code_exports, {
-  default: () => Code_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Code_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var languageFormat = (text, language) => {
-  if (typeof text !== "string") {
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _provider = require("../../../provider");
+var _jsxRuntime = require("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 } = import_provider.proTheme.useToken();
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ import_react.default.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__ */ import_react.default.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 = _provider.proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: ref
+    }, fieldProps), {}, {
+      style: (0, _objectSpread2.default)({
+        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__*/(0, _jsxRuntime.jsx)("code", {
+        children: code
+      })
+    }));
     if (render) {
-      return render(code, __spreadProps(__spreadValues({ mode }, fieldProps), { ref }), dom);
+      return render(code, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), {}, {
+        ref: ref
+      }), dom);
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
+  if (mode === 'edit' || mode === 'update') {
     fieldProps.value = code;
-    let dom = /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, __spreadProps(__spreadValues({ rows: 5 }, fieldProps), { ref }));
+    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      rows: 5
+    }, fieldProps), {}, {
+      ref: ref
+    }));
     if (plain) {
-      dom = /* @__PURE__ */ import_react.default.createElement(import_antd.Input, __spreadProps(__spreadValues({}, fieldProps), { ref }));
+      _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), {}, {
+        ref: ref
+      }));
     }
     if (formItemRender) {
-      return (_a = formItemRender(code, __spreadProps(__spreadValues({ mode }, fieldProps), { ref }), dom)) != null ? _a : null;
+      var _formItemRender;
+      return (_formItemRender = formItemRender(code, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), {}, {
+        ref: ref
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Code_default = import_react.default.forwardRef(FieldCode);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldCode);

package/lib/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;
+    mode?: "read" | "edit" | "update" | undefined;
 } & Partial<Omit<ColorPickerProps, "value" | "mode">> & React.RefAttributes<any>>;
 export default _default;