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

package/lib/layout/components/PageLoading/index.js

@@ -1,78 +1,30 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/layout/components/PageLoading/index.tsx
-var PageLoading_exports = {};
-__export(PageLoading_exports, {
-  PageLoading: () => PageLoading
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(PageLoading_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var PageLoading = (_a) => {
-  var _b = _a, {
-    isLoading,
-    pastDelay,
-    timedOut,
-    error,
-    retry
-  } = _b, reset = __objRest(_b, [
-    "isLoading",
-    "pastDelay",
-    "timedOut",
-    "error",
-    "retry"
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingBlockStart: 100, textAlign: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, __spreadValues({ size: "large" }, reset)));
-};
+exports.PageLoading = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["isLoading", "pastDelay", "timedOut", "error", "retry"];
+var PageLoading = exports.PageLoading = function PageLoading(_ref) {
+  var isLoading = _ref.isLoading,
+    pastDelay = _ref.pastDelay,
+    timedOut = _ref.timedOut,
+    error = _ref.error,
+    retry = _ref.retry,
+    reset = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      paddingBlockStart: 100,
+      textAlign: 'center'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, (0, _objectSpread2.default)({
+      size: "large"
+    }, reset))
+  });
+};

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

@@ -1,74 +1,49 @@
-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/layout/components/SettingDrawer/BlockCheckbox.tsx
-var BlockCheckbox_exports = {};
-__export(BlockCheckbox_exports, {
-  BlockCheckbox: () => BlockCheckbox
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(BlockCheckbox_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = require("react");
-var BlockCheckbox = ({
-  value,
-  configType,
-  onChange,
-  list,
-  prefixCls,
-  hashId
-}) => {
-  const baseClassName = `${prefixCls}-block-checkbox`;
-  const dom = (0, import_react.useMemo)(() => {
-    const domList = (list || []).map((item) => /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: item.title, key: item.key }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          hashId,
-          `${baseClassName}-item`,
-          `${baseClassName}-item-${item.key}`,
-          `${baseClassName}-${configType}-item`
-        ),
-        onClick: () => onChange(item.key)
-      },
-      /* @__PURE__ */ React.createElement(
-        import_icons.CheckOutlined,
-        {
-          className: `${baseClassName}-selectIcon ${hashId}`.trim(),
-          style: {
-            display: value === item.key ? "block" : "none"
-          }
-        }
-      ),
-      (item == null ? void 0 : item.icon) ? /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-icon ${hashId}`.trim() }, item.icon) : null
-    )));
+exports.BlockCheckbox = void 0;
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var BlockCheckbox = exports.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 = (0, _react.useMemo)(function () {
+    var domList = (list || []).map(function (item) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: item.title,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.default)(hashId, "".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
+          onClick: function onClick() {
+            return onChange(item.key);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {
+            className: "".concat(baseClassName, "-selectIcon ").concat(hashId).trim(),
+            style: {
+              display: value === item.key ? 'block' : 'none'
+            }
+          }), item !== null && item !== void 0 && item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "".concat(baseClassName, "-icon ").concat(hashId).trim(),
+            children: item.icon
+          }) : null]
+        })
+      }, item.key);
+    });
     return domList;
-  }, [value, list == null ? void 0 : list.length, onChange]);
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(baseClassName, hashId) }, dom);
-};
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(baseClassName, hashId),
+    children: dom
+  });
+};

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

@@ -1,137 +1,122 @@
-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/layout/components/SettingDrawer/LayoutChange.tsx
-var LayoutChange_exports = {};
-__export(LayoutChange_exports, {
-  LayoutSetting: () => LayoutSetting,
-  renderLayoutSettingItem: () => renderLayoutSettingItem
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(LayoutChange_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_defaultSettings = require("../../defaultSettings");
-var import_index = require("./index");
-var renderLayoutSettingItem = (item) => {
-  const action = import_react.default.cloneElement(item.action, {
+exports.renderLayoutSettingItem = exports.LayoutSetting = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _defaultSettings = require("../../defaultSettings");
+var _index = require("./index");
+var _jsxRuntime = require("react/jsx-runtime");
+var renderLayoutSettingItem = exports.renderLayoutSettingItem = function renderLayoutSettingItem(item) {
+  var action = /*#__PURE__*/_react.default.cloneElement(item.action, {
     disabled: item.disabled
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: item.disabled ? item.disabledReason : "", placement: "left" }, /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, { actions: [action] }, /* @__PURE__ */ import_react.default.createElement("span", { style: { opacity: item.disabled ? 0.5 : 1 } }, item.title)));
-};
-var LayoutSetting = ({ settings, prefixCls, changeSetting, hashId }) => {
-  const formatMessage = (0, import_index.getFormatMessage)();
-  const { contentWidth, splitMenus, fixedHeader, layout, fixSiderbar } = settings || import_defaultSettings.defaultSettings;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.List,
-    {
-      className: `${prefixCls}-list ${hashId}`.trim(),
-      split: false,
-      dataSource: [
-        {
-          title: formatMessage({
-            id: "app.setting.content-width",
-            defaultMessage: "Content Width"
-          }),
-          action: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Select,
-            {
-              value: contentWidth || "Fixed",
-              size: "small",
-              className: `content-width ${hashId}`.trim(),
-              onSelect: (value) => {
-                changeSetting("contentWidth", value);
-              },
-              style: { width: 80 }
-            },
-            layout === "side" ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: "Fixed" }, formatMessage({
-              id: "app.setting.content-width.fixed",
-              defaultMessage: "Fixed"
-            })),
-            /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: "Fluid" }, formatMessage({
-              id: "app.setting.content-width.fluid",
-              defaultMessage: "Fluid"
-            }))
-          )
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    title: item.disabled ? item.disabledReason : '',
+    placement: "left",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item, {
+      actions: [action],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          opacity: item.disabled ? 0.5 : 1
         },
-        {
-          title: formatMessage({
-            id: "app.setting.fixedheader",
-            defaultMessage: "Fixed Header"
-          }),
-          action: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Switch,
-            {
-              size: "small",
-              className: "fixed-header",
-              checked: !!fixedHeader,
-              onChange: (checked) => {
-                changeSetting("fixedHeader", checked);
-              }
-            }
-          )
+        children: item.title
+      })
+    })
+  });
+};
+var LayoutSetting = exports.LayoutSetting = function LayoutSetting(_ref) {
+  var settings = _ref.settings,
+    prefixCls = _ref.prefixCls,
+    changeSetting = _ref.changeSetting,
+    hashId = _ref.hashId;
+  var formatMessage = (0, _index.getFormatMessage)();
+  var _ref2 = settings || _defaultSettings.defaultSettings,
+    contentWidth = _ref2.contentWidth,
+    splitMenus = _ref2.splitMenus,
+    fixedHeader = _ref2.fixedHeader,
+    layout = _ref2.layout,
+    fixSiderbar = _ref2.fixSiderbar;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
+    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    split: false,
+    dataSource: [{
+      title: formatMessage({
+        id: 'app.setting.content-width',
+        defaultMessage: 'Content Width'
+      }),
+      action: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Select, {
+        value: contentWidth || 'Fixed',
+        size: "small",
+        className: "content-width ".concat(hashId).trim(),
+        onSelect: function onSelect(value) {
+          changeSetting('contentWidth', value);
         },
-        {
-          title: formatMessage({
-            id: "app.setting.fixedsidebar",
-            defaultMessage: "Fixed Sidebar"
-          }),
-          disabled: layout === "top",
-          disabledReason: formatMessage({
-            id: "app.setting.fixedsidebar.hint",
-            defaultMessage: "Works on Side Menu Layout"
-          }),
-          action: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Switch,
-            {
-              size: "small",
-              className: "fix-siderbar",
-              checked: !!fixSiderbar,
-              onChange: (checked) => changeSetting("fixSiderbar", checked)
-            }
-          )
+        style: {
+          width: 80
         },
-        {
-          title: formatMessage({ id: "app.setting.splitMenus" }),
-          disabled: layout !== "mix",
-          action: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Switch,
-            {
-              size: "small",
-              checked: !!splitMenus,
-              className: "split-menus",
-              onChange: (checked) => {
-                changeSetting("splitMenus", checked);
-              }
-            }
-          )
+        children: [layout === 'side' ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select.Option, {
+          value: "Fixed",
+          children: formatMessage({
+            id: 'app.setting.content-width.fixed',
+            defaultMessage: 'Fixed'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select.Option, {
+          value: "Fluid",
+          children: formatMessage({
+            id: 'app.setting.content-width.fluid',
+            defaultMessage: 'Fluid'
+          })
+        })]
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.fixedheader',
+        defaultMessage: 'Fixed Header'
+      }),
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+        size: "small",
+        className: "fixed-header",
+        checked: !!fixedHeader,
+        onChange: function onChange(checked) {
+          changeSetting('fixedHeader', checked);
         }
-      ],
-      renderItem: renderLayoutSettingItem
-    }
-  );
-};
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.fixedsidebar',
+        defaultMessage: 'Fixed Sidebar'
+      }),
+      disabled: layout === 'top',
+      disabledReason: formatMessage({
+        id: 'app.setting.fixedsidebar.hint',
+        defaultMessage: 'Works on Side Menu Layout'
+      }),
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+        size: "small",
+        className: "fix-siderbar",
+        checked: !!fixSiderbar,
+        onChange: function onChange(checked) {
+          return changeSetting('fixSiderbar', checked);
+        }
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.splitMenus'
+      }),
+      disabled: layout !== 'mix',
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+        size: "small",
+        checked: !!splitMenus,
+        className: "split-menus",
+        onChange: function onChange(checked) {
+          changeSetting('splitMenus', checked);
+        }
+      })
+    }],
+    renderItem: renderLayoutSettingItem
+  });
+};

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

@@ -1,67 +1,40 @@
-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/layout/components/SettingDrawer/RegionalChange.tsx
-var RegionalChange_exports = {};
-__export(RegionalChange_exports, {
-  RegionalSetting: () => RegionalSetting
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RegionalChange_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
-var import_LayoutChange = require("./LayoutChange");
-var RegionalSetting = ({ settings, prefixCls, changeSetting, hashId }) => {
-  const formatMessage = (0, import_index.getFormatMessage)();
-  const regionalSetting = ["header", "footer", "menu", "menuHeader"];
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.List,
-    {
-      className: `${prefixCls}-list ${hashId}`.trim(),
-      split: false,
-      renderItem: import_LayoutChange.renderLayoutSettingItem,
-      dataSource: regionalSetting.map((key) => {
-        return {
-          title: formatMessage({ id: `app.setting.regionalsettings.${key}` }),
-          action: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Switch,
-            {
-              size: "small",
-              className: `regional-${key} ${hashId}`.trim(),
-              checked: settings[`${key}Render`] || settings[`${key}Render`] === void 0,
-              onChange: (checked) => changeSetting(
-                `${key}Render`,
-                checked === true ? void 0 : false
-              )
-            }
-          )
-        };
-      })
-    }
-  );
-};
+exports.RegionalSetting = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index");
+var _LayoutChange = require("./LayoutChange");
+var _jsxRuntime = require("react/jsx-runtime");
+var RegionalSetting = exports.RegionalSetting = function RegionalSetting(_ref) {
+  var settings = _ref.settings,
+    prefixCls = _ref.prefixCls,
+    changeSetting = _ref.changeSetting,
+    hashId = _ref.hashId;
+  var formatMessage = (0, _index.getFormatMessage)();
+  var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
+    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    split: false,
+    renderItem: _LayoutChange.renderLayoutSettingItem,
+    dataSource: regionalSetting.map(function (key) {
+      return {
+        title: formatMessage({
+          id: "app.setting.regionalsettings.".concat(key)
+        }),
+        action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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);
+          }
+        })
+      };
+    })
+  });
+};