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

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

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+const genBorderedStyle = token => {
+  const {
+    componentCls,
+    labelBg
+  } = token;
+  return {
+    [`&${componentCls}-bordered`]: {
+      [`${componentCls}-view`]: {
+        border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+        '> table': {
+          tableLayout: 'auto',
+          borderCollapse: 'collapse'
+        }
+      },
+      [`${componentCls}-item-label, ${componentCls}-item-content`]: {
+        padding: `${token.padding}px ${token.paddingLG}px`,
+        borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+        '&:last-child': {
+          borderInlineEnd: 'none'
+        }
+      },
+      [`${componentCls}-item-label`]: {
+        color: token.colorTextSecondary,
+        backgroundColor: labelBg,
+        '&::after': {
+          display: 'none'
+        }
+      },
+      [`${componentCls}-row`]: {
+        borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+        '&:last-child': {
+          borderBottom: 'none'
+        }
+      },
+      [`&${componentCls}-middle`]: {
+        [`${componentCls}-item-label, ${componentCls}-item-content`]: {
+          padding: `${token.paddingSM}px ${token.paddingLG}px`
+        }
+      },
+      [`&${componentCls}-small`]: {
+        [`${componentCls}-item-label, ${componentCls}-item-content`]: {
+          padding: `${token.paddingXS}px ${token.padding}px`
+        }
+      }
+    }
+  };
+};
+const genDescriptionStyles = token => {
+  const {
+    componentCls,
+    extraColor,
+    itemPaddingBottom,
+    colonMarginRight,
+    colonMarginLeft,
+    titleMarginBottom
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), genBorderedStyle(token)), {
+      [`&-rtl`]: {
+        direction: 'rtl'
+      },
+      [`${componentCls}-header`]: {
+        display: 'flex',
+        alignItems: 'center',
+        marginBottom: titleMarginBottom
+      },
+      [`${componentCls}-title`]: Object.assign(Object.assign({}, _style.textEllipsis), {
+        flex: 'auto',
+        color: token.colorText,
+        fontWeight: token.fontWeightStrong,
+        fontSize: token.fontSizeLG,
+        lineHeight: token.lineHeightLG
+      }),
+      [`${componentCls}-extra`]: {
+        marginInlineStart: 'auto',
+        color: extraColor,
+        fontSize: token.fontSize
+      },
+      [`${componentCls}-view`]: {
+        width: '100%',
+        borderRadius: token.borderRadiusLG,
+        table: {
+          width: '100%',
+          tableLayout: 'fixed'
+        }
+      },
+      [`${componentCls}-row`]: {
+        '> th, > td': {
+          paddingBottom: itemPaddingBottom
+        },
+        '&:last-child': {
+          borderBottom: 'none'
+        }
+      },
+      [`${componentCls}-item-label`]: {
+        color: token.colorTextTertiary,
+        fontWeight: 'normal',
+        fontSize: token.fontSize,
+        lineHeight: token.lineHeight,
+        textAlign: `start`,
+        '&::after': {
+          content: '":"',
+          position: 'relative',
+          top: -0.5,
+          marginInline: `${colonMarginLeft}px ${colonMarginRight}px`
+        },
+        [`&${componentCls}-item-no-colon::after`]: {
+          content: '""'
+        }
+      },
+      [`${componentCls}-item-no-label`]: {
+        '&::after': {
+          margin: 0,
+          content: '""'
+        }
+      },
+      [`${componentCls}-item-content`]: {
+        display: 'table-cell',
+        flex: 1,
+        color: token.colorText,
+        fontSize: token.fontSize,
+        lineHeight: token.lineHeight,
+        wordBreak: 'break-word',
+        overflowWrap: 'break-word'
+      },
+      [`${componentCls}-item`]: {
+        paddingBottom: 0,
+        verticalAlign: 'top',
+        '&-container': {
+          display: 'flex',
+          [`${componentCls}-item-label`]: {
+            display: 'inline-flex',
+            alignItems: 'baseline'
+          },
+          [`${componentCls}-item-content`]: {
+            display: 'inline-flex',
+            alignItems: 'baseline'
+          }
+        }
+      },
+      '&-middle': {
+        [`${componentCls}-row`]: {
+          '> th, > td': {
+            paddingBottom: token.paddingSM
+          }
+        }
+      },
+      '&-small': {
+        [`${componentCls}-row`]: {
+          '> th, > td': {
+            paddingBottom: token.paddingXS
+          }
+        }
+      }
+    })
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Descriptions', token => {
+  const descriptionToken = (0, _internal.mergeToken)(token, {});
+  return [genDescriptionStyles(descriptionToken)];
+}, token => ({
+  labelBg: token.colorFillAlter,
+  titleMarginBottom: token.fontSizeSM * token.lineHeightSM,
+  itemPaddingBottom: token.padding,
+  colonMarginRight: token.marginXS,
+  colonMarginLeft: token.marginXXS / 2,
+  extraColor: token.colorText
+}));
+exports.default = _default;

package/dist/locale/antd/divider/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface DividerProps {
+    prefixCls?: string;
+    type?: 'horizontal' | 'vertical';
+    orientation?: 'left' | 'right' | 'center';
+    orientationMargin?: string | number;
+    className?: string;
+    rootClassName?: string;
+    children?: React.ReactNode;
+    dashed?: boolean;
+    style?: React.CSSProperties;
+    plain?: boolean;
+}
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

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

@@ -0,0 +1,89 @@
+"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 React = _interopRequireWildcard(require("react"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+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 Divider = props => {
+  const {
+    getPrefixCls,
+    direction,
+    divider
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+      prefixCls: customizePrefixCls,
+      type = 'horizontal',
+      orientation = 'center',
+      orientationMargin,
+      className,
+      rootClassName,
+      children,
+      dashed,
+      plain,
+      style
+    } = props,
+    restProps = __rest(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "plain", "style"]);
+  const prefixCls = getPrefixCls('divider', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const orientationPrefix = orientation.length > 0 ? `-${orientation}` : orientation;
+  const hasChildren = !!children;
+  const hasCustomMarginLeft = orientation === 'left' && orientationMargin != null;
+  const hasCustomMarginRight = orientation === 'right' && orientationMargin != null;
+  const classString = (0, _classnames.default)(prefixCls, divider === null || divider === void 0 ? void 0 : divider.className, hashId, `${prefixCls}-${type}`, {
+    [`${prefixCls}-with-text`]: hasChildren,
+    [`${prefixCls}-with-text${orientationPrefix}`]: hasChildren,
+    [`${prefixCls}-dashed`]: !!dashed,
+    [`${prefixCls}-plain`]: !!plain,
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-no-default-orientation-margin-left`]: hasCustomMarginLeft,
+    [`${prefixCls}-no-default-orientation-margin-right`]: hasCustomMarginRight
+  }, className, rootClassName);
+  const memoizedOrientationMargin = React.useMemo(() => {
+    if (typeof orientationMargin === 'number') {
+      return orientationMargin;
+    }
+    if (/^\d+$/.test(orientationMargin)) {
+      return Number(orientationMargin);
+    }
+    return orientationMargin;
+  }, [orientationMargin]);
+  const innerStyle = Object.assign(Object.assign({}, hasCustomMarginLeft && {
+    marginLeft: memoizedOrientationMargin
+  }), hasCustomMarginRight && {
+    marginRight: memoizedOrientationMargin
+  });
+  // Warning children not work in vertical mode
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(!children || type !== 'vertical', 'Divider', '`children` not working in `vertical` mode.') : void 0;
+  }
+  return wrapSSR( /*#__PURE__*/React.createElement("div", Object.assign({
+    className: classString,
+    style: Object.assign(Object.assign({}, divider === null || divider === void 0 ? void 0 : divider.style), style)
+  }, restProps, {
+    role: "separator"
+  }), children && type !== 'vertical' && /*#__PURE__*/React.createElement("span", {
+    className: `${prefixCls}-inner-text`,
+    style: innerStyle
+  }, children)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Divider.displayName = 'Divider';
+}
+var _default = Divider;
+exports.default = _default;

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

@@ -0,0 +1,6 @@
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    sizePaddingEdgeHorizontal: number;
+}
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

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

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+// ============================== Shared ==============================
+const genSharedDividerStyle = token => {
+  const {
+    componentCls,
+    sizePaddingEdgeHorizontal,
+    colorSplit,
+    lineWidth
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      borderBlockStart: `${lineWidth}px solid ${colorSplit}`,
+      // vertical
+      '&-vertical': {
+        position: 'relative',
+        top: '-0.06em',
+        display: 'inline-block',
+        height: '0.9em',
+        margin: `0 ${token.dividerVerticalGutterMargin}px`,
+        verticalAlign: 'middle',
+        borderTop: 0,
+        borderInlineStart: `${lineWidth}px solid ${colorSplit}`
+      },
+      '&-horizontal': {
+        display: 'flex',
+        clear: 'both',
+        width: '100%',
+        minWidth: '100%',
+        margin: `${token.dividerHorizontalGutterMargin}px 0`
+      },
+      [`&-horizontal${componentCls}-with-text`]: {
+        display: 'flex',
+        alignItems: 'center',
+        margin: `${token.dividerHorizontalWithTextGutterMargin}px 0`,
+        color: token.colorTextHeading,
+        fontWeight: 500,
+        fontSize: token.fontSizeLG,
+        whiteSpace: 'nowrap',
+        textAlign: 'center',
+        borderBlockStart: `0 ${colorSplit}`,
+        '&::before, &::after': {
+          position: 'relative',
+          width: '50%',
+          borderBlockStart: `${lineWidth}px solid transparent`,
+          // Chrome not accept `inherit` in `border-top`
+          borderBlockStartColor: 'inherit',
+          borderBlockEnd: 0,
+          transform: 'translateY(50%)',
+          content: "''"
+        }
+      },
+      [`&-horizontal${componentCls}-with-text-left`]: {
+        '&::before': {
+          width: '5%'
+        },
+        '&::after': {
+          width: '95%'
+        }
+      },
+      [`&-horizontal${componentCls}-with-text-right`]: {
+        '&::before': {
+          width: '95%'
+        },
+        '&::after': {
+          width: '5%'
+        }
+      },
+      [`${componentCls}-inner-text`]: {
+        display: 'inline-block',
+        padding: '0 1em'
+      },
+      '&-dashed': {
+        background: 'none',
+        borderColor: colorSplit,
+        borderStyle: 'dashed',
+        borderWidth: `${lineWidth}px 0 0`
+      },
+      [`&-horizontal${componentCls}-with-text${componentCls}-dashed`]: {
+        '&::before, &::after': {
+          borderStyle: 'dashed none none'
+        }
+      },
+      [`&-vertical${componentCls}-dashed`]: {
+        borderInlineStartWidth: lineWidth,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      [`&-plain${componentCls}-with-text`]: {
+        color: token.colorText,
+        fontWeight: 'normal',
+        fontSize: token.fontSize
+      },
+      [`&-horizontal${componentCls}-with-text-left${componentCls}-no-default-orientation-margin-left`]: {
+        '&::before': {
+          width: 0
+        },
+        '&::after': {
+          width: '100%'
+        },
+        [`${componentCls}-inner-text`]: {
+          paddingInlineStart: sizePaddingEdgeHorizontal
+        }
+      },
+      [`&-horizontal${componentCls}-with-text-right${componentCls}-no-default-orientation-margin-right`]: {
+        '&::before': {
+          width: '100%'
+        },
+        '&::after': {
+          width: 0
+        },
+        [`${componentCls}-inner-text`]: {
+          paddingInlineEnd: sizePaddingEdgeHorizontal
+        }
+      }
+    })
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Divider', token => {
+  const dividerToken = (0, _internal.mergeToken)(token, {
+    dividerVerticalGutterMargin: token.marginXS,
+    dividerHorizontalWithTextGutterMargin: token.margin,
+    dividerHorizontalGutterMargin: token.marginLG
+  });
+  return [genSharedDividerStyle(dividerToken)];
+}, {
+  sizePaddingEdgeHorizontal: 0
+});
+exports.default = _default;

package/dist/locale/antd/drawer/DrawerPanel.d.ts

@@ -0,0 +1,26 @@
+import type { DrawerProps as RCDrawerProps } from 'rc-drawer';
+import * as React from 'react';
+export interface DrawerPanelProps {
+    prefixCls: string;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    extra?: React.ReactNode;
+    /**
+     * Recommend to use closeIcon instead
+     *
+     * e.g.
+     *
+     * `<Drawer closeIcon={false} />`
+     */
+    closable?: boolean;
+    closeIcon?: boolean | React.ReactNode;
+    onClose?: RCDrawerProps['onClose'];
+    /** Wrapper dom node style of header and body */
+    drawerStyle?: React.CSSProperties;
+    headerStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const DrawerPanel: React.FC<DrawerPanelProps>;
+export default DrawerPanel;

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

@@ -0,0 +1,70 @@
+"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 _useClosable = _interopRequireDefault(require("../_util/hooks/useClosable"));
+const DrawerPanel = props => {
+  const {
+    prefixCls,
+    title,
+    footer,
+    extra,
+    closeIcon,
+    closable,
+    onClose,
+    headerStyle,
+    drawerStyle,
+    bodyStyle,
+    footerStyle,
+    children
+  } = props;
+  const customCloseIconRender = React.useCallback(icon => /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onClose,
+    "aria-label": "Close",
+    className: `${prefixCls}-close`
+  }, icon), [onClose]);
+  const [mergedClosable, mergedCloseIcon] = (0, _useClosable.default)(closable, closeIcon, customCloseIconRender, undefined, true);
+  const headerNode = React.useMemo(() => {
+    if (!title && !mergedClosable) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      style: headerStyle,
+      className: (0, _classnames.default)(`${prefixCls}-header`, {
+        [`${prefixCls}-header-close-only`]: mergedClosable && !title && !extra
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-header-title`
+    }, mergedCloseIcon, title && /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-title`
+    }, title)), extra && /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-extra`
+    }, extra));
+  }, [mergedClosable, mergedCloseIcon, extra, headerStyle, prefixCls, title]);
+  const footerNode = React.useMemo(() => {
+    if (!footer) {
+      return null;
+    }
+    const footerClassName = `${prefixCls}-footer`;
+    return /*#__PURE__*/React.createElement("div", {
+      className: footerClassName,
+      style: footerStyle
+    }, footer);
+  }, [footer, footerStyle, prefixCls]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-wrapper-body`,
+    style: drawerStyle
+  }, headerNode, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-body`,
+    style: bodyStyle
+  }, children), footerNode);
+};
+var _default = DrawerPanel;
+exports.default = _default;

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

@@ -0,0 +1,30 @@
+import type { DrawerProps as RcDrawerProps } from 'rc-drawer';
+import type { Placement } from 'rc-drawer/lib/Drawer';
+import * as React from 'react';
+import type { DrawerPanelProps } from './DrawerPanel';
+declare const SizeTypes: readonly ["default", "large"];
+type sizeType = typeof SizeTypes[number];
+export interface PushState {
+    distance: string | number;
+}
+export interface DrawerProps extends RcDrawerProps, Omit<DrawerPanelProps, 'prefixCls'> {
+    size?: sizeType;
+    open?: boolean;
+    afterOpenChange?: (open: boolean) => void;
+    /** @deprecated Please use `open` instead */
+    visible?: boolean;
+    /** @deprecated Please use `afterOpenChange` instead */
+    afterVisibleChange?: (open: boolean) => void;
+}
+declare const Drawer: React.FC<DrawerProps> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+interface PurePanelInterface {
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    placement?: Placement;
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React.FC<Omit<DrawerPanelProps, 'prefixCls'> & PurePanelInterface>;
+export default Drawer;