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

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

@@ -0,0 +1,382 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genModalMaskStyle = exports.default = void 0;
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+var _internal = require("../../theme/internal");
+function box(position) {
+  return {
+    position,
+    top: 0,
+    insetInlineEnd: 0,
+    bottom: 0,
+    insetInlineStart: 0
+  };
+}
+const genModalMaskStyle = token => {
+  const {
+    componentCls,
+    antCls
+  } = token;
+  return [{
+    [`${componentCls}-root`]: {
+      [`${componentCls}${antCls}-zoom-enter, ${componentCls}${antCls}-zoom-appear`]: {
+        // reset scale avoid mousePosition bug
+        transform: 'none',
+        opacity: 0,
+        animationDuration: token.motionDurationSlow,
+        // https://github.com/ant-design/ant-design/issues/11777
+        userSelect: 'none'
+      },
+      // https://github.com/ant-design/ant-design/issues/37329
+      // https://github.com/ant-design/ant-design/issues/40272
+      [`${componentCls}${antCls}-zoom-leave ${componentCls}-content`]: {
+        pointerEvents: 'none'
+      },
+      [`${componentCls}-mask`]: Object.assign(Object.assign({}, box('fixed')), {
+        zIndex: token.zIndexPopupBase,
+        height: '100%',
+        backgroundColor: token.colorBgMask,
+        [`${componentCls}-hidden`]: {
+          display: 'none'
+        }
+      }),
+      [`${componentCls}-wrap`]: Object.assign(Object.assign({}, box('fixed')), {
+        overflow: 'auto',
+        outline: 0,
+        WebkitOverflowScrolling: 'touch'
+      })
+    }
+  }, {
+    [`${componentCls}-root`]: (0, _motion.initFadeMotion)(token)
+  }];
+};
+exports.genModalMaskStyle = genModalMaskStyle;
+const genModalStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return [
+  // ======================== Root =========================
+  {
+    [`${componentCls}-root`]: {
+      [`${componentCls}-wrap`]: {
+        zIndex: token.zIndexPopupBase,
+        position: 'fixed',
+        inset: 0,
+        overflow: 'auto',
+        outline: 0,
+        WebkitOverflowScrolling: 'touch'
+      },
+      [`${componentCls}-wrap-rtl`]: {
+        direction: 'rtl'
+      },
+      [`${componentCls}-centered`]: {
+        textAlign: 'center',
+        '&::before': {
+          display: 'inline-block',
+          width: 0,
+          height: '100%',
+          verticalAlign: 'middle',
+          content: '""'
+        },
+        [componentCls]: {
+          top: 0,
+          display: 'inline-block',
+          paddingBottom: 0,
+          textAlign: 'start',
+          verticalAlign: 'middle'
+        }
+      },
+      [`@media (max-width: ${token.screenSMMax})`]: {
+        [componentCls]: {
+          maxWidth: 'calc(100vw - 16px)',
+          margin: `${token.marginXS} auto`
+        },
+        [`${componentCls}-centered`]: {
+          [componentCls]: {
+            flex: 1
+          }
+        }
+      }
+    }
+  },
+  // ======================== Modal ========================
+  {
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      pointerEvents: 'none',
+      position: 'relative',
+      top: 100,
+      width: 'auto',
+      maxWidth: `calc(100vw - ${token.margin * 2}px)`,
+      margin: '0 auto',
+      paddingBottom: token.paddingLG,
+      [`${componentCls}-title`]: {
+        margin: 0,
+        color: token.titleColor,
+        fontWeight: token.fontWeightStrong,
+        fontSize: token.titleFontSize,
+        lineHeight: token.titleLineHeight,
+        wordWrap: 'break-word'
+      },
+      [`${componentCls}-content`]: {
+        position: 'relative',
+        backgroundColor: token.contentBg,
+        backgroundClip: 'padding-box',
+        border: 0,
+        borderRadius: token.borderRadiusLG,
+        boxShadow: token.boxShadow,
+        pointerEvents: 'auto',
+        padding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`
+      },
+      [`${componentCls}-close`]: Object.assign({
+        position: 'absolute',
+        top: (token.modalHeaderHeight - token.modalCloseBtnSize) / 2,
+        insetInlineEnd: (token.modalHeaderHeight - token.modalCloseBtnSize) / 2,
+        zIndex: token.zIndexPopupBase + 10,
+        padding: 0,
+        color: token.modalCloseIconColor,
+        fontWeight: token.fontWeightStrong,
+        lineHeight: 1,
+        textDecoration: 'none',
+        background: 'transparent',
+        borderRadius: token.borderRadiusSM,
+        width: token.modalCloseBtnSize,
+        height: token.modalCloseBtnSize,
+        border: 0,
+        outline: 0,
+        cursor: 'pointer',
+        transition: `color ${token.motionDurationMid}, background-color ${token.motionDurationMid}`,
+        '&-x': {
+          display: 'flex',
+          fontSize: token.fontSizeLG,
+          fontStyle: 'normal',
+          lineHeight: `${token.modalCloseBtnSize}px`,
+          justifyContent: 'center',
+          textTransform: 'none',
+          textRendering: 'auto'
+        },
+        '&:hover': {
+          color: token.modalIconHoverColor,
+          backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent,
+          textDecoration: 'none'
+        },
+        '&:active': {
+          backgroundColor: token.wireframe ? 'transparent' : token.colorFillContentHover
+        }
+      }, (0, _style.genFocusStyle)(token)),
+      [`${componentCls}-header`]: {
+        color: token.colorText,
+        background: token.headerBg,
+        borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,
+        marginBottom: token.marginXS
+      },
+      [`${componentCls}-body`]: {
+        fontSize: token.fontSize,
+        lineHeight: token.lineHeight,
+        wordWrap: 'break-word'
+      },
+      [`${componentCls}-footer`]: {
+        textAlign: 'end',
+        background: token.footerBg,
+        marginTop: token.marginSM,
+        [`${token.antCls}-btn + ${token.antCls}-btn:not(${token.antCls}-dropdown-trigger)`]: {
+          marginBottom: 0,
+          marginInlineStart: token.marginXS
+        }
+      },
+      [`${componentCls}-open`]: {
+        overflow: 'hidden'
+      }
+    })
+  },
+  // ======================== Pure =========================
+  {
+    [`${componentCls}-pure-panel`]: {
+      top: 'auto',
+      padding: 0,
+      display: 'flex',
+      flexDirection: 'column',
+      [`${componentCls}-content,
+          ${componentCls}-body,
+          ${componentCls}-confirm-body-wrapper`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 'auto'
+      },
+      [`${componentCls}-confirm-body`]: {
+        marginBottom: 'auto'
+      }
+    }
+  }];
+};
+const genModalConfirmStyle = token => {
+  const {
+    componentCls
+  } = token;
+  const confirmComponentCls = `${componentCls}-confirm`;
+  return {
+    [confirmComponentCls]: {
+      '&-rtl': {
+        direction: 'rtl'
+      },
+      [`${token.antCls}-modal-header`]: {
+        display: 'none'
+      },
+      [`${confirmComponentCls}-body-wrapper`]: Object.assign({}, (0, _style.clearFix)()),
+      [`${confirmComponentCls}-body`]: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        [`${confirmComponentCls}-title`]: {
+          flex: '0 0 100%',
+          display: 'block',
+          // create BFC to avoid
+          // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png
+          overflow: 'hidden',
+          color: token.colorTextHeading,
+          fontWeight: token.fontWeightStrong,
+          fontSize: token.titleFontSize,
+          lineHeight: token.titleLineHeight,
+          [`+ ${confirmComponentCls}-content`]: {
+            marginBlockStart: token.marginXS,
+            flexBasis: '100%',
+            maxWidth: `calc(100% - ${token.modalConfirmIconSize + token.marginSM}px)`
+          }
+        },
+        [`${confirmComponentCls}-content`]: {
+          color: token.colorText,
+          fontSize: token.fontSize
+        },
+        [`> ${token.iconCls}`]: {
+          flex: 'none',
+          marginInlineEnd: token.marginSM,
+          fontSize: token.modalConfirmIconSize,
+          [`+ ${confirmComponentCls}-title`]: {
+            flex: 1
+          },
+          // `content` after `icon` should set marginLeft
+          [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: {
+            marginInlineStart: token.modalConfirmIconSize + token.marginSM
+          }
+        }
+      },
+      [`${confirmComponentCls}-btns`]: {
+        textAlign: 'end',
+        marginTop: token.marginSM,
+        [`${token.antCls}-btn + ${token.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: token.marginXS
+        }
+      }
+    },
+    [`${confirmComponentCls}-error ${confirmComponentCls}-body > ${token.iconCls}`]: {
+      color: token.colorError
+    },
+    [`${confirmComponentCls}-warning ${confirmComponentCls}-body > ${token.iconCls},
+        ${confirmComponentCls}-confirm ${confirmComponentCls}-body > ${token.iconCls}`]: {
+      color: token.colorWarning
+    },
+    [`${confirmComponentCls}-info ${confirmComponentCls}-body > ${token.iconCls}`]: {
+      color: token.colorInfo
+    },
+    [`${confirmComponentCls}-success ${confirmComponentCls}-body > ${token.iconCls}`]: {
+      color: token.colorSuccess
+    }
+  };
+};
+const genRTLStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-root`]: {
+      [`${componentCls}-wrap-rtl`]: {
+        direction: 'rtl',
+        [`${componentCls}-confirm-body`]: {
+          direction: 'rtl'
+        }
+      }
+    }
+  };
+};
+const genWireframeStyle = token => {
+  const {
+    componentCls,
+    antCls
+  } = token;
+  const confirmComponentCls = `${componentCls}-confirm`;
+  return {
+    [componentCls]: {
+      [`${componentCls}-content`]: {
+        padding: 0
+      },
+      [`${componentCls}-header`]: {
+        padding: token.modalHeaderPadding,
+        borderBottom: `${token.modalHeaderBorderWidth}px ${token.modalHeaderBorderStyle} ${token.modalHeaderBorderColorSplit}`,
+        marginBottom: 0
+      },
+      [`${componentCls}-body`]: {
+        padding: token.modalBodyPadding
+      },
+      [`${componentCls}-footer`]: {
+        padding: `${token.modalFooterPaddingVertical}px ${token.modalFooterPaddingHorizontal}px`,
+        borderTop: `${token.modalFooterBorderWidth}px ${token.modalFooterBorderStyle} ${token.modalFooterBorderColorSplit}`,
+        borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px`,
+        marginTop: 0
+      }
+    },
+    [confirmComponentCls]: {
+      [`${antCls}-modal-body`]: {
+        padding: `${token.padding * 2}px ${token.padding * 2}px ${token.paddingLG}px`
+      },
+      [`${confirmComponentCls}-body`]: {
+        [`> ${token.iconCls}`]: {
+          marginInlineEnd: token.margin,
+          // `content` after `icon` should set marginLeft
+          [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: {
+            marginInlineStart: token.modalConfirmIconSize + token.margin
+          }
+        }
+      },
+      [`${confirmComponentCls}-btns`]: {
+        marginTop: token.marginLG
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Modal', token => {
+  const headerPaddingVertical = token.padding;
+  const headerFontSize = token.fontSizeHeading5;
+  const headerLineHeight = token.lineHeightHeading5;
+  const modalToken = (0, _internal.mergeToken)(token, {
+    modalBodyPadding: token.paddingLG,
+    modalHeaderPadding: `${headerPaddingVertical}px ${token.paddingLG}px`,
+    modalHeaderBorderWidth: token.lineWidth,
+    modalHeaderBorderStyle: token.lineType,
+    modalHeaderBorderColorSplit: token.colorSplit,
+    modalHeaderHeight: headerLineHeight * headerFontSize + headerPaddingVertical * 2,
+    modalFooterBorderColorSplit: token.colorSplit,
+    modalFooterBorderStyle: token.lineType,
+    modalFooterPaddingVertical: token.paddingXS,
+    modalFooterPaddingHorizontal: token.padding,
+    modalFooterBorderWidth: token.lineWidth,
+    modalIconHoverColor: token.colorIconHover,
+    modalCloseIconColor: token.colorIcon,
+    modalCloseBtnSize: token.fontSize * token.lineHeight,
+    modalConfirmIconSize: token.fontSize * token.lineHeight
+  });
+  return [genModalStyle(modalToken), genModalConfirmStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), token.wireframe && genWireframeStyle(modalToken), (0, _motion.initZoomMotion)(modalToken, 'zoom')];
+}, token => ({
+  footerBg: 'transparent',
+  headerBg: token.colorBgElevated,
+  titleLineHeight: token.lineHeightHeading5,
+  titleFontSize: token.fontSizeHeading5,
+  contentBg: token.colorBgElevated,
+  titleColor: token.colorTextHeading
+}));
+exports.default = _default;

package/dist/locale/antd/modal/useModal/HookModal.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { ModalFuncProps } from '../interface';
+export interface HookModalProps {
+    afterClose: () => void;
+    config: ModalFuncProps;
+}
+export interface HookModalRef {
+    destroy: () => void;
+    update: (config: ModalFuncProps) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<HookModalRef>>;
+export default _default;

package/dist/locale/antd/modal/useModal/HookModal.js

@@ -0,0 +1,65 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../../config-provider");
+var _en_US = _interopRequireDefault(require("../../locale/en_US"));
+var _useLocale = _interopRequireDefault(require("../../locale/useLocale"));
+var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
+const HookModal = (_ref, ref) => {
+  let {
+    afterClose: hookAfterClose,
+    config
+  } = _ref;
+  var _a;
+  const [open, setOpen] = React.useState(true);
+  const [innerConfig, setInnerConfig] = React.useState(config);
+  const {
+    direction,
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('modal');
+  const rootPrefixCls = getPrefixCls();
+  const afterClose = () => {
+    var _a;
+    hookAfterClose();
+    (_a = innerConfig.afterClose) === null || _a === void 0 ? void 0 : _a.call(innerConfig);
+  };
+  const close = function () {
+    setOpen(false);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const triggerCancel = args.some(param => param && param.triggerCancel);
+    if (innerConfig.onCancel && triggerCancel) {
+      innerConfig.onCancel.apply(innerConfig, [() => {}].concat((0, _toConsumableArray2.default)(args.slice(1))));
+    }
+  };
+  React.useImperativeHandle(ref, () => ({
+    destroy: close,
+    update: newConfig => {
+      setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), newConfig));
+    }
+  }));
+  const mergedOkCancel = (_a = innerConfig.okCancel) !== null && _a !== void 0 ? _a : innerConfig.type === 'confirm';
+  const [contextLocale] = (0, _useLocale.default)('Modal', _en_US.default.Modal);
+  return /*#__PURE__*/React.createElement(_ConfirmDialog.default, Object.assign({
+    prefixCls: prefixCls,
+    rootPrefixCls: rootPrefixCls
+  }, innerConfig, {
+    close: close,
+    open: open,
+    afterClose: afterClose,
+    okText: innerConfig.okText || (mergedOkCancel ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.okText : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.justOkText),
+    direction: innerConfig.direction || direction,
+    cancelText: innerConfig.cancelText || (contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.cancelText)
+  }));
+};
+var _default = /*#__PURE__*/React.forwardRef(HookModal);
+exports.default = _default;

package/dist/locale/antd/modal/useModal/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { ModalStaticFunctions } from '../confirm';
+declare function useModal(): readonly [
+    instance: Omit<ModalStaticFunctions, 'warn'>,
+    contextHolder: React.ReactElement
+];
+export default useModal;

package/dist/locale/antd/modal/useModal/index.js

@@ -0,0 +1,93 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var React = _interopRequireWildcard(require("react"));
+var _usePatchElement = _interopRequireDefault(require("../../_util/hooks/usePatchElement"));
+var _confirm = require("../confirm");
+var _destroyFns = _interopRequireDefault(require("../destroyFns"));
+var _HookModal = _interopRequireDefault(require("./HookModal"));
+let uuid = 0;
+const ElementsHolder = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((_props, ref) => {
+  const [elements, patchElement] = (0, _usePatchElement.default)();
+  React.useImperativeHandle(ref, () => ({
+    patchElement
+  }), []);
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/React.createElement(React.Fragment, null, elements);
+}));
+function useModal() {
+  const holderRef = React.useRef(null);
+  // ========================== Effect ==========================
+  const [actionQueue, setActionQueue] = React.useState([]);
+  React.useEffect(() => {
+    if (actionQueue.length) {
+      const cloneQueue = (0, _toConsumableArray2.default)(actionQueue);
+      cloneQueue.forEach(action => {
+        action();
+      });
+      setActionQueue([]);
+    }
+  }, [actionQueue]);
+  // =========================== Hook ===========================
+  const getConfirmFunc = React.useCallback(withFunc => function hookConfirm(config) {
+    var _a;
+    uuid += 1;
+    const modalRef = /*#__PURE__*/React.createRef();
+    let closeFunc;
+    const modal = /*#__PURE__*/React.createElement(_HookModal.default, {
+      key: `modal-${uuid}`,
+      config: withFunc(config),
+      ref: modalRef,
+      afterClose: () => {
+        closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc();
+      }
+    });
+    closeFunc = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.patchElement(modal);
+    if (closeFunc) {
+      _destroyFns.default.push(closeFunc);
+    }
+    return {
+      destroy: () => {
+        function destroyAction() {
+          var _a;
+          (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+        }
+        if (modalRef.current) {
+          destroyAction();
+        } else {
+          setActionQueue(prev => [].concat((0, _toConsumableArray2.default)(prev), [destroyAction]));
+        }
+      },
+      update: newConfig => {
+        function updateAction() {
+          var _a;
+          (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.update(newConfig);
+        }
+        if (modalRef.current) {
+          updateAction();
+        } else {
+          setActionQueue(prev => [].concat((0, _toConsumableArray2.default)(prev), [updateAction]));
+        }
+      }
+    };
+  }, []);
+  const fns = React.useMemo(() => ({
+    info: getConfirmFunc(_confirm.withInfo),
+    success: getConfirmFunc(_confirm.withSuccess),
+    error: getConfirmFunc(_confirm.withError),
+    warning: getConfirmFunc(_confirm.withWarn),
+    confirm: getConfirmFunc(_confirm.withConfirm)
+  }), []);
+  return [fns, /*#__PURE__*/React.createElement(ElementsHolder, {
+    key: "modal-holder",
+    ref: holderRef
+  })];
+}
+var _default = useModal;
+exports.default = _default;

package/dist/locale/antd/notification/PurePanel.d.ts

@@ -0,0 +1,27 @@
+import type { NoticeProps } from 'rc-notification/lib/Notice';
+import * as React from 'react';
+import type { IconType } from './interface';
+export declare const TypeIcon: {
+    info: React.JSX.Element;
+    success: React.JSX.Element;
+    error: React.JSX.Element;
+    warning: React.JSX.Element;
+    loading: React.JSX.Element;
+};
+export declare function getCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.ReactNode;
+export interface PureContentProps {
+    prefixCls: string;
+    icon?: React.ReactNode;
+    message?: React.ReactNode;
+    description?: React.ReactNode;
+    btn?: React.ReactNode;
+    type?: IconType;
+    role?: 'alert' | 'status';
+}
+export declare const PureContent: React.FC<PureContentProps>;
+export interface PurePanelProps extends Omit<NoticeProps, 'prefixCls' | 'eventKey'>, Omit<PureContentProps, 'prefixCls' | 'children'> {
+    prefixCls?: string;
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React.FC<PurePanelProps>;
+export default PurePanel;