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

package/dist/locale/antd/drawer/index.js

@@ -0,0 +1,154 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcDrawer = _interopRequireDefault(require("rc-drawer"));
+var React = _interopRequireWildcard(require("react"));
+var _motion = require("../_util/motion");
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _context = require("../form/context");
+var _DrawerPanel = _interopRequireDefault(require("./DrawerPanel"));
+var _Compact = require("../space/Compact");
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+// CSSINJS
+
+const SizeTypes = ['default', 'large'];
+const defaultPushState = {
+  distance: 180
+};
+const Drawer = props => {
+  var _a;
+  const {
+      rootClassName,
+      width,
+      height,
+      size = 'default',
+      mask = true,
+      push = defaultPushState,
+      open,
+      afterOpenChange,
+      onClose,
+      prefixCls: customizePrefixCls,
+      getContainer: customizeGetContainer,
+      style,
+      className,
+      // Deprecated
+      visible,
+      afterVisibleChange
+    } = props,
+    rest = __rest(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "style", "className", "visible", "afterVisibleChange"]);
+  const {
+    getPopupContainer,
+    getPrefixCls,
+    direction,
+    drawer
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('drawer', customizePrefixCls);
+  // Style
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const getContainer =
+  // 有可能为 false，所以不能直接判断
+  customizeGetContainer === undefined && getPopupContainer ? () => getPopupContainer(document.body) : customizeGetContainer;
+  const drawerClassName = (0, _classnames.default)({
+    'no-mask': !mask,
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, rootClassName, hashId);
+  // ========================== Warning ===========================
+  if (process.env.NODE_ENV !== 'production') {
+    [['visible', 'open'], ['afterVisibleChange', 'afterOpenChange']].forEach(_ref => {
+      let [deprecatedName, newName] = _ref;
+      process.env.NODE_ENV !== "production" ? (0, _warning.default)(!(deprecatedName in props), 'Drawer', `\`${deprecatedName}\` is deprecated, please use \`${newName}\` instead.`) : void 0;
+    });
+    if (getContainer !== undefined && ((_a = props.style) === null || _a === void 0 ? void 0 : _a.position) === 'absolute') {
+      process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Drawer', '`style` is replaced by `rootStyle` in v5. Please check that `position: absolute` is necessary.') : void 0;
+    }
+  }
+  // ============================ Size ============================
+  const mergedWidth = React.useMemo(() => width !== null && width !== void 0 ? width : size === 'large' ? 736 : 378, [width, size]);
+  const mergedHeight = React.useMemo(() => height !== null && height !== void 0 ? height : size === 'large' ? 736 : 378, [height, size]);
+  // =========================== Motion ===========================
+  const maskMotion = {
+    motionName: (0, _motion.getTransitionName)(prefixCls, 'mask-motion'),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  const panelMotion = motionPlacement => ({
+    motionName: (0, _motion.getTransitionName)(prefixCls, `panel-motion-${motionPlacement}`),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  });
+  // =========================== Render ===========================
+  return wrapSSR( /*#__PURE__*/React.createElement(_Compact.NoCompactStyle, null, /*#__PURE__*/React.createElement(_context.NoFormStyle, {
+    status: true,
+    override: true
+  }, /*#__PURE__*/React.createElement(_rcDrawer.default, Object.assign({
+    prefixCls: prefixCls,
+    onClose: onClose,
+    maskMotion: maskMotion,
+    motion: panelMotion
+  }, rest, {
+    open: open !== null && open !== void 0 ? open : visible,
+    mask: mask,
+    push: push,
+    width: mergedWidth,
+    height: mergedHeight,
+    style: Object.assign(Object.assign({}, drawer === null || drawer === void 0 ? void 0 : drawer.style), style),
+    className: (0, _classnames.default)(drawer === null || drawer === void 0 ? void 0 : drawer.className, className),
+    rootClassName: drawerClassName,
+    getContainer: getContainer,
+    afterOpenChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange
+  }), /*#__PURE__*/React.createElement(_DrawerPanel.default, Object.assign({
+    prefixCls: prefixCls
+  }, rest, {
+    onClose: onClose
+  }))))));
+};
+/** @private Internal Component. Do not use in your production. */
+const PurePanel = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      style,
+      className,
+      placement = 'right'
+    } = props,
+    restProps = __rest(props, ["prefixCls", "style", "className", "placement"]);
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('drawer', customizePrefixCls);
+  // Style
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const cls = (0, _classnames.default)(prefixCls, `${prefixCls}-pure`, `${prefixCls}-${placement}`, hashId, className);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    className: cls,
+    style: style
+  }, /*#__PURE__*/React.createElement(_DrawerPanel.default, Object.assign({
+    prefixCls: prefixCls
+  }, restProps))));
+};
+Drawer._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+if (process.env.NODE_ENV !== 'production') {
+  Drawer.displayName = 'Drawer';
+}
+var _default = Drawer;
+exports.default = _default;

package/dist/locale/antd/drawer/style/index.d.ts

@@ -0,0 +1,22 @@
+import type { FullToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 弹窗 z-index
+     * @descEN z-index of drawer
+     */
+    zIndexPopup: number;
+    /**
+     * @desc 底部区域横向内间距
+     * @descEN Horizontal padding of footer
+     */
+    footerPaddingBlock: number;
+    /**
+     * @desc 底部区域纵向内间距
+     * @descEN Vertical padding of footer
+     */
+    footerPaddingInline: number;
+}
+export interface DrawerToken extends FullToken<'Drawer'> {
+}
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

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

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internal = require("../../theme/internal");
+var _motion = _interopRequireDefault(require("./motion"));
+// =============================== Base ===============================
+const genDrawerStyle = token => {
+  const {
+    componentCls,
+    zIndexPopup,
+    colorBgMask,
+    colorBgElevated,
+    motionDurationSlow,
+    motionDurationMid,
+    padding,
+    paddingLG,
+    fontSizeLG,
+    lineHeightLG,
+    lineWidth,
+    lineType,
+    colorSplit,
+    marginSM,
+    colorIcon,
+    colorIconHover,
+    colorText,
+    fontWeightStrong,
+    footerPaddingBlock,
+    footerPaddingInline
+  } = token;
+  const wrapperCls = `${componentCls}-content-wrapper`;
+  return {
+    [componentCls]: {
+      position: 'fixed',
+      inset: 0,
+      zIndex: zIndexPopup,
+      pointerEvents: 'none',
+      '&-pure': {
+        position: 'relative',
+        background: colorBgElevated,
+        [`&${componentCls}-left`]: {
+          boxShadow: token.boxShadowDrawerLeft
+        },
+        [`&${componentCls}-right`]: {
+          boxShadow: token.boxShadowDrawerRight
+        },
+        [`&${componentCls}-top`]: {
+          boxShadow: token.boxShadowDrawerUp
+        },
+        [`&${componentCls}-bottom`]: {
+          boxShadow: token.boxShadowDrawerDown
+        }
+      },
+      '&-inline': {
+        position: 'absolute'
+      },
+      // ====================== Mask ======================
+      [`${componentCls}-mask`]: {
+        position: 'absolute',
+        inset: 0,
+        zIndex: zIndexPopup,
+        background: colorBgMask,
+        pointerEvents: 'auto'
+      },
+      // ==================== Content =====================
+      [wrapperCls]: {
+        position: 'absolute',
+        zIndex: zIndexPopup,
+        maxWidth: '100vw',
+        transition: `all ${motionDurationSlow}`,
+        '&-hidden': {
+          display: 'none'
+        }
+      },
+      // Placement
+      [`&-left > ${wrapperCls}`]: {
+        top: 0,
+        bottom: 0,
+        left: {
+          _skip_check_: true,
+          value: 0
+        },
+        boxShadow: token.boxShadowDrawerLeft
+      },
+      [`&-right > ${wrapperCls}`]: {
+        top: 0,
+        right: {
+          _skip_check_: true,
+          value: 0
+        },
+        bottom: 0,
+        boxShadow: token.boxShadowDrawerRight
+      },
+      [`&-top > ${wrapperCls}`]: {
+        top: 0,
+        insetInline: 0,
+        boxShadow: token.boxShadowDrawerUp
+      },
+      [`&-bottom > ${wrapperCls}`]: {
+        bottom: 0,
+        insetInline: 0,
+        boxShadow: token.boxShadowDrawerDown
+      },
+      [`${componentCls}-content`]: {
+        width: '100%',
+        height: '100%',
+        overflow: 'auto',
+        background: colorBgElevated,
+        pointerEvents: 'auto'
+      },
+      // ===================== Panel ======================
+      [`${componentCls}-wrapper-body`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        width: '100%',
+        height: '100%'
+      },
+      // Header
+      [`${componentCls}-header`]: {
+        display: 'flex',
+        flex: 0,
+        alignItems: 'center',
+        padding: `${padding}px ${paddingLG}px`,
+        fontSize: fontSizeLG,
+        lineHeight: lineHeightLG,
+        borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`,
+        '&-title': {
+          display: 'flex',
+          flex: 1,
+          alignItems: 'center',
+          minWidth: 0,
+          minHeight: 0
+        }
+      },
+      [`${componentCls}-extra`]: {
+        flex: 'none'
+      },
+      [`${componentCls}-close`]: {
+        display: 'inline-block',
+        marginInlineEnd: marginSM,
+        color: colorIcon,
+        fontWeight: fontWeightStrong,
+        fontSize: fontSizeLG,
+        fontStyle: 'normal',
+        lineHeight: 1,
+        textAlign: 'center',
+        textTransform: 'none',
+        textDecoration: 'none',
+        background: 'transparent',
+        border: 0,
+        outline: 0,
+        cursor: 'pointer',
+        transition: `color ${motionDurationMid}`,
+        textRendering: 'auto',
+        '&:focus, &:hover': {
+          color: colorIconHover,
+          textDecoration: 'none'
+        }
+      },
+      [`${componentCls}-title`]: {
+        flex: 1,
+        margin: 0,
+        color: colorText,
+        fontWeight: token.fontWeightStrong,
+        fontSize: fontSizeLG,
+        lineHeight: lineHeightLG
+      },
+      // Body
+      [`${componentCls}-body`]: {
+        flex: 1,
+        minWidth: 0,
+        minHeight: 0,
+        padding: paddingLG,
+        overflow: 'auto'
+      },
+      // Footer
+      [`${componentCls}-footer`]: {
+        flexShrink: 0,
+        padding: `${footerPaddingBlock}px ${footerPaddingInline}px`,
+        borderTop: `${lineWidth}px ${lineType} ${colorSplit}`
+      },
+      // ====================== RTL =======================
+      '&-rtl': {
+        direction: 'rtl'
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Drawer', token => {
+  const drawerToken = (0, _internal.mergeToken)(token, {});
+  return [genDrawerStyle(drawerToken), (0, _motion.default)(drawerToken)];
+}, token => ({
+  zIndexPopup: token.zIndexPopupBase,
+  footerPaddingBlock: token.paddingXS,
+  footerPaddingInline: token.padding
+}));
+exports.default = _default;

package/dist/locale/antd/drawer/style/motion.d.ts

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

package/dist/locale/antd/drawer/style/motion.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const genMotionStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow
+  } = token;
+  const sharedPanelMotion = {
+    '&-enter, &-appear, &-leave': {
+      '&-start': {
+        transition: 'none'
+      },
+      '&-active': {
+        transition: `all ${motionDurationSlow}`
+      }
+    }
+  };
+  return {
+    [componentCls]: {
+      // ======================== Mask ========================
+      [`${componentCls}-mask-motion`]: {
+        '&-enter, &-appear, &-leave': {
+          '&-active': {
+            transition: `all ${motionDurationSlow}`
+          }
+        },
+        '&-enter, &-appear': {
+          opacity: 0,
+          '&-active': {
+            opacity: 1
+          }
+        },
+        '&-leave': {
+          opacity: 1,
+          '&-active': {
+            opacity: 0
+          }
+        }
+      },
+      // ======================= Panel ========================
+      [`${componentCls}-panel-motion`]: {
+        // Left
+        '&-left': [sharedPanelMotion, {
+          '&-enter, &-appear': {
+            '&-start': {
+              transform: 'translateX(-100%) !important'
+            },
+            '&-active': {
+              transform: 'translateX(0)'
+            }
+          },
+          '&-leave': {
+            transform: 'translateX(0)',
+            '&-active': {
+              transform: 'translateX(-100%)'
+            }
+          }
+        }],
+        // Right
+        '&-right': [sharedPanelMotion, {
+          '&-enter, &-appear': {
+            '&-start': {
+              transform: 'translateX(100%) !important'
+            },
+            '&-active': {
+              transform: 'translateX(0)'
+            }
+          },
+          '&-leave': {
+            transform: 'translateX(0)',
+            '&-active': {
+              transform: 'translateX(100%)'
+            }
+          }
+        }],
+        // Top
+        '&-top': [sharedPanelMotion, {
+          '&-enter, &-appear': {
+            '&-start': {
+              transform: 'translateY(-100%) !important'
+            },
+            '&-active': {
+              transform: 'translateY(0)'
+            }
+          },
+          '&-leave': {
+            transform: 'translateY(0)',
+            '&-active': {
+              transform: 'translateY(-100%)'
+            }
+          }
+        }],
+        // Bottom
+        '&-bottom': [sharedPanelMotion, {
+          '&-enter, &-appear': {
+            '&-start': {
+              transform: 'translateY(100%) !important'
+            },
+            '&-active': {
+              transform: 'translateY(0)'
+            }
+          },
+          '&-leave': {
+            transform: 'translateY(0)',
+            '&-active': {
+              transform: 'translateY(100%)'
+            }
+          }
+        }]
+      }
+    }
+  };
+};
+var _default = genMotionStyle;
+exports.default = _default;

package/dist/locale/antd/dropdown/dropdown-button.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { ButtonProps, ButtonHTMLType } from '../button';
+import type { ButtonGroupProps } from '../button/button-group';
+import type { DropdownProps } from './dropdown';
+export type DropdownButtonType = 'default' | 'primary' | 'dashed' | 'link' | 'text';
+export interface DropdownButtonProps extends ButtonGroupProps, DropdownProps {
+    type?: DropdownButtonType;
+    htmlType?: ButtonHTMLType;
+    danger?: boolean;
+    disabled?: boolean;
+    loading?: ButtonProps['loading'];
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    icon?: React.ReactNode;
+    href?: string;
+    children?: React.ReactNode;
+    title?: string;
+    buttonsRender?: (buttons: React.ReactNode[]) => React.ReactNode[];
+}
+type CompoundedComponent = React.FC<DropdownButtonProps> & {};
+declare const DropdownButton: CompoundedComponent;
+export default DropdownButton;

package/dist/locale/antd/dropdown/dropdown-button.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _EllipsisOutlined = _interopRequireDefault(require("@ant-design/icons/EllipsisOutlined"));
+var _button = _interopRequireDefault(require("../button"));
+var _configProvider = require("../config-provider");
+var _space = _interopRequireDefault(require("../space"));
+var _Compact = require("../space/Compact");
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const DropdownButton = props => {
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+      prefixCls: customizePrefixCls,
+      type = 'default',
+      danger,
+      disabled,
+      loading,
+      onClick,
+      htmlType,
+      children,
+      className,
+      menu,
+      arrow,
+      autoFocus,
+      overlay,
+      trigger,
+      align,
+      open,
+      onOpenChange,
+      placement,
+      getPopupContainer,
+      href,
+      icon = /*#__PURE__*/React.createElement(_EllipsisOutlined.default, null),
+      title,
+      buttonsRender = buttons => buttons,
+      mouseEnterDelay,
+      mouseLeaveDelay,
+      overlayClassName,
+      overlayStyle,
+      destroyPopupOnHide,
+      dropdownRender
+    } = props,
+    restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]);
+  const prefixCls = getPrefixCls('dropdown', customizePrefixCls);
+  const buttonPrefixCls = `${prefixCls}-button`;
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const dropdownProps = {
+    menu,
+    arrow,
+    autoFocus,
+    align,
+    disabled,
+    trigger: disabled ? [] : trigger,
+    onOpenChange,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    overlayClassName,
+    overlayStyle,
+    destroyPopupOnHide,
+    dropdownRender
+  };
+  const {
+    compactSize,
+    compactItemClassnames
+  } = (0, _Compact.useCompactItemContext)(prefixCls, direction);
+  const classes = (0, _classnames.default)(buttonPrefixCls, compactItemClassnames, className, hashId);
+  if ('overlay' in props) {
+    dropdownProps.overlay = overlay;
+  }
+  if ('open' in props) {
+    dropdownProps.open = open;
+  }
+  if ('placement' in props) {
+    dropdownProps.placement = placement;
+  } else {
+    dropdownProps.placement = direction === 'rtl' ? 'bottomLeft' : 'bottomRight';
+  }
+  const leftButton = /*#__PURE__*/React.createElement(_button.default, {
+    type: type,
+    danger: danger,
+    disabled: disabled,
+    loading: loading,
+    onClick: onClick,
+    htmlType: htmlType,
+    href: href,
+    title: title
+  }, children);
+  const rightButton = /*#__PURE__*/React.createElement(_button.default, {
+    type: type,
+    danger: danger,
+    icon: icon
+  });
+  const [leftButtonToRender, rightButtonToRender] = buttonsRender([leftButton, rightButton]);
+  return wrapSSR( /*#__PURE__*/React.createElement(_space.default.Compact, Object.assign({
+    className: classes,
+    size: compactSize,
+    block: true
+  }, restProps), leftButtonToRender, /*#__PURE__*/React.createElement(_dropdown.default, Object.assign({}, dropdownProps), rightButtonToRender)));
+};
+DropdownButton.__ANT_BUTTON = true;
+var _default = DropdownButton;
+exports.default = _default;