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

package/es/layout/components/SettingDrawer/style/index.js

@@ -1,163 +1,159 @@
-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/layout/components/SettingDrawer/style/index.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../../provider";
-var genSettingDrawerStyle = (token) => {
-  return {
-    [`${token.componentCls}-handle`]: {
-      position: "fixed",
-      insetBlockStart: "240px",
-      insetInlineEnd: "0px",
-      zIndex: 0,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "48px",
-      height: "48px",
-      fontSize: "16px",
-      textAlign: "center",
-      backgroundColor: token.colorPrimary,
-      borderEndStartRadius: token.borderRadiusLG,
-      borderStartStartRadius: token.borderRadiusLG,
-      "-webkit-backdropilter": "saturate(180%) blur(20px)",
-      backdropFilter: "saturate(180%) blur(20px)",
-      cursor: "pointer",
-      pointerEvents: "auto"
+var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
+  return _defineProperty(_defineProperty({}, "".concat(token.componentCls, "-handle"), {
+    position: 'fixed',
+    insetBlockStart: '240px',
+    insetInlineEnd: '0px',
+    zIndex: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '48px',
+    height: '48px',
+    fontSize: '16px',
+    textAlign: 'center',
+    backgroundColor: token.colorPrimary,
+    borderEndStartRadius: token.borderRadiusLG,
+    borderStartStartRadius: token.borderRadiusLG,
+    '-webkit-backdropilter': 'saturate(180%) blur(20px)',
+    backdropFilter: 'saturate(180%) blur(20px)',
+    cursor: 'pointer',
+    pointerEvents: 'auto'
+  }), token.componentCls, {
+    '&-content': {
+      position: 'relative',
+      minHeight: '100%',
+      color: token.colorText
     },
-    [token.componentCls]: {
-      "&-content": {
-        position: "relative",
-        minHeight: "100%",
-        color: token.colorText
-      },
-      "&-body-title": {
-        marginBlock: token.marginXS,
-        fontSize: "14px",
-        lineHeight: "22px",
-        color: token.colorTextHeading
-      },
-      "&-block-checkbox": {
-        display: "flex",
-        minHeight: 42,
-        gap: token.marginSM,
-        "& &-item": {
-          position: "relative",
-          width: "44px",
-          height: "36px",
-          overflow: "hidden",
-          borderRadius: "4px",
-          boxShadow: token.boxShadow,
-          cursor: "pointer",
-          fontSize: 56,
-          lineHeight: "56px",
-          "&::before": {
-            position: "absolute",
-            insetBlockStart: 0,
-            insetInlineStart: 0,
-            width: "33%",
-            height: "100%",
-            content: "''"
-          },
-          "&::after": {
-            position: "absolute",
-            insetBlockStart: 0,
-            insetInlineStart: 0,
-            width: "100%",
-            height: "25%",
-            content: "''"
-          },
-          "&-realDark": {
-            backgroundColor: "rgba(0, 21, 41, 0.85)",
-            "&::before": { backgroundColor: "rgba(0, 0, 0, 0.65)" },
-            "&::after": { backgroundColor: "rgba(0, 0, 0, 0.85)" }
-          },
-          "&-light": {
-            backgroundColor: "#fff",
-            "&::before": { backgroundColor: "#fff" },
-            "&::after": { backgroundColor: "#fff" }
+    '&-body-title': {
+      marginBlock: token.marginXS,
+      fontSize: '14px',
+      lineHeight: '22px',
+      color: token.colorTextHeading
+    },
+    '&-block-checkbox': {
+      display: 'flex',
+      minHeight: 42,
+      gap: token.marginSM,
+      '& &-item': {
+        position: 'relative',
+        width: '44px',
+        height: '36px',
+        overflow: 'hidden',
+        borderRadius: '4px',
+        boxShadow: token.boxShadow,
+        cursor: 'pointer',
+        fontSize: 56,
+        lineHeight: '56px',
+        '&::before': {
+          position: 'absolute',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: '33%',
+          height: '100%',
+          content: "''"
+        },
+        '&::after': {
+          position: 'absolute',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: '100%',
+          height: '25%',
+          content: "''"
+        },
+        '&-realDark': {
+          backgroundColor: 'rgba(0, 21, 41, 0.85)',
+          '&::before': {
+            backgroundColor: 'rgba(0, 0, 0, 0.65)'
           },
-          "&-dark,&-side": {
-            backgroundColor: token.colorBgElevated,
-            "&::before": { zIndex: "1", backgroundColor: "#001529" },
-            "&::after": { backgroundColor: token.colorBgContainer }
+          '&::after': {
+            backgroundColor: 'rgba(0, 0, 0, 0.85)'
+          }
+        },
+        '&-light': {
+          backgroundColor: '#fff',
+          '&::before': {
+            backgroundColor: '#fff'
           },
-          "&-top": {
-            backgroundColor: token.colorBgElevated,
-            "&::before": { backgroundColor: "transparent" },
-            "&::after": { backgroundColor: "#001529" }
+          '&::after': {
+            backgroundColor: '#fff'
+          }
+        },
+        '&-dark,&-side': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            zIndex: '1',
+            backgroundColor: '#001529'
           },
-          "&-mix": {
-            backgroundColor: token.colorBgElevated,
-            "&::before": { backgroundColor: token.colorBgContainer },
-            "&::after": { backgroundColor: "#001529" }
+          '&::after': {
+            backgroundColor: token.colorBgContainer
           }
         },
-        "& &-selectIcon": {
-          position: "absolute",
-          insetInlineEnd: "6px",
-          bottom: "4px",
-          color: token.colorPrimary,
-          fontWeight: "bold",
-          fontSize: "14px",
-          pointerEvents: "none",
-          ".action": { color: token.colorPrimary }
+        '&-top': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            backgroundColor: 'transparent'
+          },
+          '&::after': {
+            backgroundColor: '#001529'
+          }
         },
-        "& &-icon": {
-          fontSize: 56,
-          lineHeight: "56px"
+        '&-mix': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            backgroundColor: token.colorBgContainer
+          },
+          '&::after': {
+            backgroundColor: '#001529'
+          }
         }
       },
-      "&-theme-color": {
-        marginBlockStart: "16px",
-        overflow: "hidden",
-        "& &-block": {
-          float: "left",
-          width: "20px",
-          height: "20px",
-          marginBlockStart: 8,
-          marginInlineEnd: 8,
-          color: "#fff",
-          fontWeight: "bold",
-          textAlign: "center",
-          borderRadius: "2px",
-          cursor: "pointer"
+      '& &-selectIcon': {
+        position: 'absolute',
+        insetInlineEnd: '6px',
+        bottom: '4px',
+        color: token.colorPrimary,
+        fontWeight: 'bold',
+        fontSize: '14px',
+        pointerEvents: 'none',
+        '.action': {
+          color: token.colorPrimary
         }
       },
-      "&-list": {
-        [`li${token.antCls}-list-item`]: {
-          paddingInline: 0,
-          paddingBlock: 8
-        }
+      '& &-icon': {
+        fontSize: 56,
+        lineHeight: '56px'
       }
-    }
-  };
+    },
+    '&-theme-color': {
+      marginBlockStart: '16px',
+      overflow: 'hidden',
+      '& &-block': {
+        float: 'left',
+        width: '20px',
+        height: '20px',
+        marginBlockStart: 8,
+        marginInlineEnd: 8,
+        color: '#fff',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        borderRadius: '2px',
+        cursor: 'pointer'
+      }
+    },
+    '&-list': _defineProperty({}, "li".concat(token.antCls, "-list-item"), {
+      paddingInline: 0,
+      paddingBlock: 8
+    })
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProLayoutSettingDrawer", (token) => {
-    const settingDrawerToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutSettingDrawer', function (token) {
+    var settingDrawerToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genSettingDrawerStyle(settingDrawerToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/components/SiderMenu/Arrow.js

@@ -1,17 +1,14 @@
-// src/layout/components/SiderMenu/Arrow.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
 function ArrowSvgIcon() {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 12 12",
-      fill: "currentColor",
-      "aria-hidden": "true"
-    },
-    /* @__PURE__ */ React.createElement("path", { d: "M6.432 7.967a.448.448 0 01-.318.133h-.228a.46.46 0 01-.318-.133L2.488 4.85a.305.305 0 010-.43l.427-.43a.293.293 0 01.42 0L6 6.687l2.665-2.699a.299.299 0 01.426 0l.42.431a.305.305 0 010 .43L6.432 7.967z" })
-  );
+  return /*#__PURE__*/_jsx("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M6.432 7.967a.448.448 0 01-.318.133h-.228a.46.46 0 01-.318-.133L2.488 4.85a.305.305 0 010-.43l.427-.43a.293.293 0 01.42 0L6 6.687l2.665-2.699a.299.299 0 01.426 0l.42.431a.305.305 0 010 .43L6.432 7.967z"
+    })
+  });
 }
-export {
-  ArrowSvgIcon
-};
+export { ArrowSvgIcon };