@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/menu/style/index.js

@@ -0,0 +1,535 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _tinycolor = require("@ctrl/tinycolor");
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+var _internal = require("../../theme/internal");
+var _horizontal = _interopRequireDefault(require("./horizontal"));
+var _rtl = _interopRequireDefault(require("./rtl"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _vertical = _interopRequireDefault(require("./vertical"));
+const genMenuItemStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    motionEaseOut,
+    iconCls,
+    iconSize,
+    iconMarginInlineEnd
+  } = token;
+  return {
+    // >>>>> Item
+    [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+      position: 'relative',
+      display: 'block',
+      margin: 0,
+      whiteSpace: 'nowrap',
+      cursor: 'pointer',
+      transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(','),
+      [`${componentCls}-item-icon, ${iconCls}`]: {
+        minWidth: iconSize,
+        fontSize: iconSize,
+        transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(','),
+        '+ span': {
+          marginInlineStart: iconMarginInlineEnd,
+          opacity: 1,
+          transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(',')
+        }
+      },
+      [`${componentCls}-item-icon`]: Object.assign({}, (0, _style.resetIcon)()),
+      [`&${componentCls}-item-only-child`]: {
+        [`> ${iconCls}, > ${componentCls}-item-icon`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
+      background: 'none !important',
+      cursor: 'not-allowed',
+      '&::after': {
+        borderColor: 'transparent !important'
+      },
+      a: {
+        color: 'inherit !important'
+      },
+      [`> ${componentCls}-submenu-title`]: {
+        color: 'inherit !important',
+        cursor: 'not-allowed'
+      }
+    }
+  };
+};
+const genSubMenuArrowStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionEaseInOut,
+    borderRadius,
+    menuArrowSize,
+    menuArrowOffset
+  } = token;
+  return {
+    [`${componentCls}-submenu`]: {
+      [`&-expand-icon, &-arrow`]: {
+        position: 'absolute',
+        top: '50%',
+        insetInlineEnd: token.margin,
+        width: menuArrowSize,
+        color: 'currentcolor',
+        transform: 'translateY(-50%)',
+        transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}`
+      },
+      '&-arrow': {
+        // →
+        '&::before, &::after': {
+          position: 'absolute',
+          width: menuArrowSize * 0.6,
+          height: menuArrowSize * 0.15,
+          backgroundColor: 'currentcolor',
+          borderRadius,
+          transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(','),
+          content: '""'
+        },
+        '&::before': {
+          transform: `rotate(45deg) translateY(-${menuArrowOffset})`
+        },
+        '&::after': {
+          transform: `rotate(-45deg) translateY(${menuArrowOffset})`
+        }
+      }
+    }
+  };
+};
+// =============================== Base ===============================
+const getBaseStyle = token => {
+  const {
+    antCls,
+    componentCls,
+    fontSize,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    paddingXS,
+    padding,
+    colorSplit,
+    lineWidth,
+    zIndexPopup,
+    borderRadiusLG,
+    subMenuItemBorderRadius,
+    menuArrowSize,
+    menuArrowOffset,
+    lineType,
+    menuPanelMaskInset,
+    groupTitleLineHeight,
+    groupTitleFontSize
+  } = token;
+  return [
+  // Misc
+  {
+    '': {
+      [`${componentCls}`]: Object.assign(Object.assign({}, (0, _style.clearFix)()), {
+        // Hidden
+        [`&-hidden`]: {
+          display: 'none'
+        }
+      })
+    },
+    [`${componentCls}-submenu-hidden`]: {
+      display: 'none'
+    }
+  }, {
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), (0, _style.clearFix)()), {
+      marginBottom: 0,
+      paddingInlineStart: 0,
+      // Override default ul/ol
+      fontSize,
+      lineHeight: 0,
+      listStyle: 'none',
+      outline: 'none',
+      // Magic cubic here but smooth transition
+      transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
+      [`ul, ol`]: {
+        margin: 0,
+        padding: 0,
+        listStyle: 'none'
+      },
+      // Overflow ellipsis
+      [`&-overflow`]: {
+        display: 'flex',
+        [`${componentCls}-item`]: {
+          flex: 'none'
+        }
+      },
+      [`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: {
+        borderRadius: token.itemBorderRadius
+      },
+      [`${componentCls}-item-group-title`]: {
+        padding: `${paddingXS}px ${padding}px`,
+        fontSize: groupTitleFontSize,
+        lineHeight: groupTitleLineHeight,
+        transition: `all ${motionDurationSlow}`
+      },
+      [`&-horizontal ${componentCls}-submenu`]: {
+        transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-submenu, ${componentCls}-submenu-inline`]: {
+        transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-submenu ${componentCls}-sub`]: {
+        cursor: 'initial',
+        transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-title-content`]: {
+        transition: `color ${motionDurationSlow}`
+      },
+      [`${componentCls}-item a`]: {
+        '&::before': {
+          position: 'absolute',
+          inset: 0,
+          backgroundColor: 'transparent',
+          content: '""'
+        }
+      },
+      // Removed a Badge related style seems it's safe
+      // https://github.com/ant-design/ant-design/issues/19809
+      // >>>>> Divider
+      [`${componentCls}-item-divider`]: {
+        overflow: 'hidden',
+        lineHeight: 0,
+        borderColor: colorSplit,
+        borderStyle: lineType,
+        borderWidth: 0,
+        borderTopWidth: lineWidth,
+        marginBlock: lineWidth,
+        padding: 0,
+        '&-dashed': {
+          borderStyle: 'dashed'
+        }
+      }
+    }), genMenuItemStyle(token)), {
+      [`${componentCls}-item-group`]: {
+        [`${componentCls}-item-group-list`]: {
+          margin: 0,
+          padding: 0,
+          [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+            paddingInline: `${fontSize * 2}px ${padding}px`
+          }
+        }
+      },
+      // ======================= Sub Menu =======================
+      '&-submenu': {
+        '&-popup': {
+          position: 'absolute',
+          zIndex: zIndexPopup,
+          borderRadius: borderRadiusLG,
+          boxShadow: 'none',
+          transformOrigin: '0 0',
+          [`&${componentCls}-submenu`]: {
+            background: 'transparent'
+          },
+          // https://github.com/ant-design/ant-design/issues/13955
+          '&::before': {
+            position: 'absolute',
+            inset: `${menuPanelMaskInset}px 0 0`,
+            zIndex: -1,
+            width: '100%',
+            height: '100%',
+            opacity: 0,
+            content: '""'
+          }
+        },
+        // https://github.com/ant-design/ant-design/issues/13955
+        '&-placement-rightTop::before': {
+          top: 0,
+          insetInlineStart: menuPanelMaskInset
+        },
+        [`
+          &-placement-leftTop,
+          &-placement-bottomRight,
+          `]: {
+          transformOrigin: '100% 0'
+        },
+        [`
+          &-placement-leftBottom,
+          &-placement-topRight,
+          `]: {
+          transformOrigin: '100% 100%'
+        },
+        [`
+          &-placement-rightBottom,
+          &-placement-topLeft,
+          `]: {
+          transformOrigin: '0 100%'
+        },
+        [`
+          &-placement-bottomLeft,
+          &-placement-rightTop,
+          `]: {
+          transformOrigin: '0 0'
+        },
+        [`
+          &-placement-leftTop,
+          &-placement-leftBottom
+          `]: {
+          paddingInlineEnd: token.paddingXS
+        },
+        [`
+          &-placement-rightTop,
+          &-placement-rightBottom
+          `]: {
+          paddingInlineStart: token.paddingXS
+        },
+        [`
+          &-placement-topRight,
+          &-placement-topLeft
+          `]: {
+          paddingBottom: token.paddingXS
+        },
+        [`
+          &-placement-bottomRight,
+          &-placement-bottomLeft
+          `]: {
+          paddingTop: token.paddingXS
+        },
+        [`> ${componentCls}`]: Object.assign(Object.assign(Object.assign({
+          borderRadius: borderRadiusLG
+        }, genMenuItemStyle(token)), genSubMenuArrowStyle(token)), {
+          [`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+            borderRadius: subMenuItemBorderRadius
+          },
+          [`${componentCls}-submenu-title::after`]: {
+            transition: `transform ${motionDurationSlow} ${motionEaseInOut}`
+          }
+        })
+      }
+    }), genSubMenuArrowStyle(token)), {
+      [`&-inline-collapsed ${componentCls}-submenu-arrow,
+        &-inline ${componentCls}-submenu-arrow`]: {
+        // ↓
+        '&::before': {
+          transform: `rotate(-45deg) translateX(${menuArrowOffset})`
+        },
+        '&::after': {
+          transform: `rotate(45deg) translateX(-${menuArrowOffset})`
+        }
+      },
+      [`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: {
+        // ↑
+        transform: `translateY(-${menuArrowSize * 0.2}px)`,
+        '&::after': {
+          transform: `rotate(-45deg) translateX(-${menuArrowOffset})`
+        },
+        '&::before': {
+          transform: `rotate(45deg) translateX(${menuArrowOffset})`
+        }
+      }
+    })
+  },
+  // Integration with header element so menu items have the same height
+  {
+    [`${antCls}-layout-header`]: {
+      [componentCls]: {
+        lineHeight: 'inherit'
+      }
+    }
+  }];
+};
+// ============================== Export ==============================
+var _default = (prefixCls, injectStyle) => {
+  const useOriginHook = (0, _internal.genComponentStyleHook)('Menu', token => {
+    // Dropdown will handle menu style self. We do not need to handle this.
+    if (injectStyle === false) {
+      return [];
+    }
+    const {
+      colorBgElevated,
+      colorPrimary,
+      colorTextLightSolid,
+      controlHeightLG,
+      fontSize,
+      darkItemColor,
+      darkDangerItemColor,
+      darkItemBg,
+      darkSubMenuItemBg,
+      darkItemSelectedColor,
+      darkItemSelectedBg,
+      darkDangerItemSelectedBg,
+      darkItemHoverBg,
+      darkGroupTitleColor,
+      darkItemHoverColor,
+      darkItemDisabledColor,
+      darkDangerItemHoverColor,
+      darkDangerItemSelectedColor,
+      darkDangerItemActiveBg
+    } = token;
+    const menuArrowSize = fontSize / 7 * 5;
+    // Menu Token
+    const menuToken = (0, _internal.mergeToken)(token, {
+      menuArrowSize,
+      menuHorizontalHeight: controlHeightLG * 1.15,
+      menuArrowOffset: `${menuArrowSize * 0.25}px`,
+      menuPanelMaskInset: -7,
+      menuSubMenuBg: colorBgElevated
+    });
+    const menuDarkToken = (0, _internal.mergeToken)(menuToken, {
+      itemColor: darkItemColor,
+      itemHoverColor: darkItemHoverColor,
+      groupTitleColor: darkGroupTitleColor,
+      itemSelectedColor: darkItemSelectedColor,
+      itemBg: darkItemBg,
+      popupBg: darkItemBg,
+      subMenuItemBg: darkSubMenuItemBg,
+      itemActiveBg: 'transparent',
+      itemSelectedBg: darkItemSelectedBg,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: darkItemHoverBg,
+      // Disabled
+      itemDisabledColor: darkItemDisabledColor,
+      // Danger
+      dangerItemColor: darkDangerItemColor,
+      dangerItemHoverColor: darkDangerItemHoverColor,
+      dangerItemSelectedColor: darkDangerItemSelectedColor,
+      dangerItemActiveBg: darkDangerItemActiveBg,
+      dangerItemSelectedBg: darkDangerItemSelectedBg,
+      menuSubMenuBg: darkSubMenuItemBg,
+      // Horizontal
+      horizontalItemSelectedColor: colorTextLightSolid,
+      horizontalItemSelectedBg: colorPrimary
+    });
+    return [
+    // Basic
+    getBaseStyle(menuToken),
+    // Horizontal
+    (0, _horizontal.default)(menuToken),
+    // Vertical
+    (0, _vertical.default)(menuToken),
+    // Theme
+    (0, _theme.default)(menuToken, 'light'), (0, _theme.default)(menuDarkToken, 'dark'),
+    // RTL
+    (0, _rtl.default)(menuToken),
+    // Motion
+    (0, _motion.genCollapseMotion)(menuToken), (0, _motion.initSlideMotion)(menuToken, 'slide-up'), (0, _motion.initSlideMotion)(menuToken, 'slide-down'), (0, _motion.initZoomMotion)(menuToken, 'zoom-big')];
+  }, token => {
+    const {
+      colorPrimary,
+      colorError,
+      colorTextDisabled,
+      colorErrorBg,
+      colorText,
+      colorTextDescription,
+      colorBgContainer,
+      colorFillAlter,
+      colorFillContent,
+      lineWidth,
+      lineWidthBold,
+      controlItemBgActive,
+      colorBgTextHover,
+      controlHeightLG,
+      lineHeight,
+      colorBgElevated,
+      marginXXS,
+      padding,
+      fontSize,
+      controlHeightSM,
+      fontSizeLG,
+      colorTextLightSolid,
+      colorErrorHover
+    } = token;
+    const colorTextDark = new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString();
+    return {
+      dropdownWidth: 160,
+      zIndexPopup: token.zIndexPopupBase + 50,
+      radiusItem: token.borderRadiusLG,
+      itemBorderRadius: token.borderRadiusLG,
+      radiusSubMenuItem: token.borderRadiusSM,
+      subMenuItemBorderRadius: token.borderRadiusSM,
+      colorItemText: colorText,
+      itemColor: colorText,
+      colorItemTextHover: colorText,
+      itemHoverColor: colorText,
+      colorItemTextHoverHorizontal: colorPrimary,
+      horizontalItemHoverColor: colorPrimary,
+      colorGroupTitle: colorTextDescription,
+      groupTitleColor: colorTextDescription,
+      colorItemTextSelected: colorPrimary,
+      itemSelectedColor: colorPrimary,
+      colorItemTextSelectedHorizontal: colorPrimary,
+      horizontalItemSelectedColor: colorPrimary,
+      colorItemBg: colorBgContainer,
+      itemBg: colorBgContainer,
+      colorItemBgHover: colorBgTextHover,
+      itemHoverBg: colorBgTextHover,
+      colorItemBgActive: colorFillContent,
+      itemActiveBg: controlItemBgActive,
+      colorSubItemBg: colorFillAlter,
+      subMenuItemBg: colorFillAlter,
+      colorItemBgSelected: controlItemBgActive,
+      itemSelectedBg: controlItemBgActive,
+      colorItemBgSelectedHorizontal: 'transparent',
+      horizontalItemSelectedBg: 'transparent',
+      colorActiveBarWidth: 0,
+      activeBarWidth: 0,
+      colorActiveBarHeight: lineWidthBold,
+      activeBarHeight: lineWidthBold,
+      colorActiveBarBorderSize: lineWidth,
+      activeBarBorderWidth: lineWidth,
+      // Disabled
+      colorItemTextDisabled: colorTextDisabled,
+      itemDisabledColor: colorTextDisabled,
+      // Danger
+      colorDangerItemText: colorError,
+      dangerItemColor: colorError,
+      colorDangerItemTextHover: colorError,
+      dangerItemHoverColor: colorError,
+      colorDangerItemTextSelected: colorError,
+      dangerItemSelectedColor: colorError,
+      colorDangerItemBgActive: colorErrorBg,
+      dangerItemActiveBg: colorErrorBg,
+      colorDangerItemBgSelected: colorErrorBg,
+      dangerItemSelectedBg: colorErrorBg,
+      itemMarginInline: token.marginXXS,
+      horizontalItemBorderRadius: 0,
+      horizontalItemHoverBg: 'transparent',
+      itemHeight: controlHeightLG,
+      groupTitleLineHeight: lineHeight,
+      collapsedWidth: controlHeightLG * 2,
+      popupBg: colorBgElevated,
+      itemMarginBlock: marginXXS,
+      itemPaddingInline: padding,
+      horizontalLineHeight: `${controlHeightLG * 1.15}px`,
+      iconSize: fontSize,
+      iconMarginInlineEnd: controlHeightSM - fontSize,
+      collapsedIconSize: fontSizeLG,
+      groupTitleFontSize: fontSize,
+      // Disabled
+      darkItemDisabledColor: new _tinycolor.TinyColor(colorTextLightSolid).setAlpha(0.25).toRgbString(),
+      // Dark
+      darkItemColor: colorTextDark,
+      darkDangerItemColor: colorError,
+      darkItemBg: '#001529',
+      darkSubMenuItemBg: '#000c17',
+      darkItemSelectedColor: colorTextLightSolid,
+      darkItemSelectedBg: colorPrimary,
+      darkDangerItemSelectedBg: colorError,
+      darkItemHoverBg: 'transparent',
+      darkGroupTitleColor: colorTextDark,
+      darkItemHoverColor: colorTextLightSolid,
+      darkDangerItemHoverColor: colorErrorHover,
+      darkDangerItemSelectedColor: colorTextLightSolid,
+      darkDangerItemActiveBg: colorError
+    };
+  }, {
+    deprecatedTokens: [['colorGroupTitle', 'groupTitleColor'], ['radiusItem', 'itemBorderRadius'], ['radiusSubMenuItem', 'subMenuItemBorderRadius'], ['colorItemText', 'itemColor'], ['colorItemTextHover', 'itemHoverColor'], ['colorItemTextHoverHorizontal', 'horizontalItemHoverColor'], ['colorItemTextSelected', 'itemSelectedColor'], ['colorItemTextSelectedHorizontal', 'horizontalItemSelectedColor'], ['colorItemTextDisabled', 'itemDisabledColor'], ['colorDangerItemText', 'dangerItemColor'], ['colorDangerItemTextHover', 'dangerItemHoverColor'], ['colorDangerItemTextSelected', 'dangerItemSelectedColor'], ['colorDangerItemBgActive', 'dangerItemActiveBg'], ['colorDangerItemBgSelected', 'dangerItemSelectedBg'], ['colorItemBg', 'itemBg'], ['colorItemBgHover', 'itemHoverBg'], ['colorSubItemBg', 'subMenuItemBg'], ['colorItemBgActive', 'itemActiveBg'], ['colorItemBgSelectedHorizontal', 'horizontalItemSelectedBg'], ['colorActiveBarWidth', 'activeBarWidth'], ['colorActiveBarHeight', 'activeBarHeight'], ['colorActiveBarBorderSize', 'activeBarBorderWidth'], ['colorItemBgSelected', 'itemSelectedBg']]
+  });
+  return useOriginHook(prefixCls);
+};
+exports.default = _default;

package/dist/locale/antd/menu/style/rtl.d.ts

@@ -0,0 +1,4 @@
+import type { MenuToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const getRTLStyle: GenerateStyle<MenuToken>;
+export default getRTLStyle;

package/dist/locale/antd/menu/style/rtl.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getRTLStyle = _ref => {
+  let {
+    componentCls,
+    menuArrowOffset
+  } = _ref;
+  return {
+    [`${componentCls}-rtl`]: {
+      direction: 'rtl'
+    },
+    [`${componentCls}-submenu-rtl`]: {
+      transformOrigin: '100% 0'
+    },
+    // Vertical Arrow
+    [`${componentCls}-rtl${componentCls}-vertical,
+    ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
+      [`${componentCls}-submenu-arrow`]: {
+        '&::before': {
+          transform: `rotate(-45deg) translateY(-${menuArrowOffset})`
+        },
+        '&::after': {
+          transform: `rotate(45deg) translateY(${menuArrowOffset})`
+        }
+      }
+    }
+  };
+};
+var _default = getRTLStyle;
+exports.default = _default;

package/dist/locale/antd/menu/style/theme.d.ts

@@ -0,0 +1,4 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { MenuToken } from '.';
+declare const getThemeStyle: (token: MenuToken, themeSuffix: string) => CSSInterpolation;
+export default getThemeStyle;