@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/es/layout/components/SettingDrawer/BlockCheckbox.js

@@ -1,43 +1,40 @@
 import { CheckOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var BlockCheckbox = function BlockCheckbox(_ref) {
-  var value = _ref.value,
-    configType = _ref.configType,
-    onChange = _ref.onChange,
-    list = _ref.list,
-    prefixCls = _ref.prefixCls,
-    hashId = _ref.hashId;
-  var baseClassName = "".concat(prefixCls, "-block-checkbox");
-  var dom = useMemo(function () {
-    var domList = (list || []).map(function (item) {
-      return /*#__PURE__*/_jsx(Tooltip, {
-        title: item.title,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: classNames(hashId, "".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
-          onClick: function onClick() {
-            return onChange(item.key);
-          },
-          children: [/*#__PURE__*/_jsx(CheckOutlined, {
-            className: "".concat(baseClassName, "-selectIcon ").concat(hashId).trim(),
-            style: {
-              display: value === item.key ? 'block' : 'none'
-            }
-          }), item !== null && item !== void 0 && item.icon ? /*#__PURE__*/_jsx("div", {
-            className: "".concat(baseClassName, "-icon ").concat(hashId).trim(),
-            children: item.icon
-          }) : null]
-        })
-      }, item.key);
-    });
+const BlockCheckbox = ({
+  value,
+  configType,
+  onChange,
+  list,
+  prefixCls,
+  hashId
+}) => {
+  const baseClassName = `${prefixCls}-block-checkbox`;
+  const dom = useMemo(() => {
+    const domList = (list || []).map(item => /*#__PURE__*/_jsx(Tooltip, {
+      title: item.title,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: clsx(hashId, `${baseClassName}-item`, `${baseClassName}-item-${item.key}`, `${baseClassName}-${configType}-item`),
+        onClick: () => onChange(item.key),
+        children: [/*#__PURE__*/_jsx(CheckOutlined, {
+          className: `${baseClassName}-selectIcon ${hashId}`.trim(),
+          style: {
+            display: value === item.key ? 'block' : 'none'
+          }
+        }), item?.icon ? /*#__PURE__*/_jsx("div", {
+          className: `${baseClassName}-icon ${hashId}`.trim(),
+          children: item.icon
+        }) : null]
+      })
+    }, item.key));
     return domList;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
+  }, [value, list?.length, onChange]);
   return /*#__PURE__*/_jsx("div", {
-    className: classNames(baseClassName, hashId),
+    className: clsx(baseClassName, hashId),
     children: dom
   });
 };

package/es/layout/components/SettingDrawer/LayoutChange.js

@@ -4,8 +4,8 @@ import { defaultSettings } from "../../defaultSettings";
 import { getFormatMessage } from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
-  var action = /*#__PURE__*/React.cloneElement(item.action, {
+export const renderLayoutSettingItem = item => {
+  const action = /*#__PURE__*/React.cloneElement(item.action, {
     disabled: item.disabled
   });
   return /*#__PURE__*/_jsx(Tooltip, {
@@ -22,20 +22,22 @@ export var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
     })
   });
 };
-var LayoutSetting = function LayoutSetting(_ref) {
-  var settings = _ref.settings,
-    prefixCls = _ref.prefixCls,
-    changeSetting = _ref.changeSetting,
-    hashId = _ref.hashId;
-  var formatMessage = getFormatMessage();
-  var _ref2 = settings || defaultSettings,
-    contentWidth = _ref2.contentWidth,
-    splitMenus = _ref2.splitMenus,
-    fixedHeader = _ref2.fixedHeader,
-    layout = _ref2.layout,
-    fixSiderbar = _ref2.fixSiderbar;
+const LayoutSetting = ({
+  settings,
+  prefixCls,
+  changeSetting,
+  hashId
+}) => {
+  const formatMessage = getFormatMessage();
+  const {
+    contentWidth,
+    splitMenus,
+    fixedHeader,
+    layout,
+    fixSiderbar
+  } = settings || defaultSettings;
   return /*#__PURE__*/_jsx(List, {
-    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    className: `${prefixCls}-list ${hashId}`.trim(),
     split: false,
     dataSource: [{
       title: formatMessage({
@@ -45,8 +47,8 @@ var LayoutSetting = function LayoutSetting(_ref) {
       action: /*#__PURE__*/_jsxs(Select, {
         value: contentWidth || 'Fixed',
         size: "small",
-        className: "content-width ".concat(hashId).trim(),
-        onSelect: function onSelect(value) {
+        className: `content-width ${hashId}`.trim(),
+        onSelect: value => {
           changeSetting('contentWidth', value);
         },
         style: {
@@ -75,7 +77,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
         size: "small",
         className: "fixed-header",
         checked: !!fixedHeader,
-        onChange: function onChange(checked) {
+        onChange: checked => {
           changeSetting('fixedHeader', checked);
         }
       })
@@ -93,9 +95,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
         size: "small",
         className: "fix-siderbar",
         checked: !!fixSiderbar,
-        onChange: function onChange(checked) {
-          return changeSetting('fixSiderbar', checked);
-        }
+        onChange: checked => changeSetting('fixSiderbar', checked)
       })
     }, {
       title: formatMessage({
@@ -106,7 +106,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
         size: "small",
         checked: !!splitMenus,
         className: "split-menus",
-        onChange: function onChange(checked) {
+        onChange: checked => {
           changeSetting('splitMenus', checked);
         }
       })

package/es/layout/components/SettingDrawer/RegionalChange.js

@@ -3,29 +3,28 @@ import React from 'react';
 import { getFormatMessage } from "./index";
 import { renderLayoutSettingItem } from "./LayoutChange";
 import { jsx as _jsx } from "react/jsx-runtime";
-var RegionalSetting = function RegionalSetting(_ref) {
-  var settings = _ref.settings,
-    prefixCls = _ref.prefixCls,
-    changeSetting = _ref.changeSetting,
-    hashId = _ref.hashId;
-  var formatMessage = getFormatMessage();
-  var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
+const RegionalSetting = ({
+  settings,
+  prefixCls,
+  changeSetting,
+  hashId
+}) => {
+  const formatMessage = getFormatMessage();
+  const regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
   return /*#__PURE__*/_jsx(List, {
-    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    className: `${prefixCls}-list ${hashId}`.trim(),
     split: false,
     renderItem: renderLayoutSettingItem,
-    dataSource: regionalSetting.map(function (key) {
+    dataSource: regionalSetting.map(key => {
       return {
         title: formatMessage({
-          id: "app.setting.regionalsettings.".concat(key)
+          id: `app.setting.regionalsettings.${key}`
         }),
         action: /*#__PURE__*/_jsx(Switch, {
           size: "small",
-          className: "regional-".concat(key, " ").concat(hashId).trim(),
-          checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
-          onChange: function onChange(checked) {
-            return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
-          }
+          className: `regional-${key} ${hashId}`.trim(),
+          checked: settings[`${key}Render`] || settings[`${key}Render`] === undefined,
+          onChange: checked => changeSetting(`${key}Render`, checked === true ? undefined : false)
         })
       };
     })

package/es/layout/components/SettingDrawer/ThemeColor.js

@@ -1,51 +1,48 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["color", "check"];
 import { CheckOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var color = _ref.color,
-    check = _ref.check,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
-    style: {
-      backgroundColor: color
-    },
-    ref: ref,
-    children: check ? /*#__PURE__*/_jsx(CheckOutlined, {}) : ''
-  }));
-});
-var ThemeColor = function ThemeColor(_ref2) {
-  var value = _ref2.value,
-    colorList = _ref2.colorList,
-    onChange = _ref2.onChange,
-    prefixCls = _ref2.prefixCls,
-    formatMessage = _ref2.formatMessage,
-    hashId = _ref2.hashId;
-  if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
+const Tag = /*#__PURE__*/React.forwardRef(({
+  color,
+  check,
+  ...rest
+}, ref) => /*#__PURE__*/_jsx("div", {
+  ...rest,
+  style: {
+    backgroundColor: color
+  },
+  ref: ref,
+  children: check ? /*#__PURE__*/_jsx(CheckOutlined, {}) : ''
+}));
+const ThemeColor = ({
+  value,
+  colorList,
+  onChange,
+  prefixCls,
+  formatMessage,
+  hashId
+}) => {
+  if (!colorList || colorList?.length < 1) {
     return null;
   }
-  var baseClassName = "".concat(prefixCls, "-theme-color");
+  const baseClassName = `${prefixCls}-theme-color`;
   return /*#__PURE__*/_jsx("div", {
-    className: "".concat(baseClassName, " ").concat(hashId).trim(),
-    children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
-      var key = _ref3.key,
-        color = _ref3.color,
-        title = _ref3.title;
+    className: `${baseClassName} ${hashId}`.trim(),
+    children: colorList?.map(({
+      key,
+      color,
+      title
+    }) => {
       if (!key) return null;
       return /*#__PURE__*/_jsx(Tooltip, {
-        title: title !== null && title !== void 0 ? title : formatMessage({
-          id: "app.setting.themecolor.".concat(key)
+        title: title ?? formatMessage({
+          id: `app.setting.themecolor.${key}`
         }),
         children: /*#__PURE__*/_jsx(Tag, {
-          className: "".concat(baseClassName, "-block ").concat(hashId).trim(),
+          className: `${baseClassName}-block ${hashId}`.trim(),
           color: color,
           check: value === color,
-          onClick: function onClick() {
-            return onChange && onChange(color);
-          }
+          onClick: () => onChange && onChange(color)
         })
       }, color);
     })