@nocobase/plugin-client 0.13.0-alpha.1 → 0.13.0-alpha.2

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

@@ -1,382 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-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

@@ -1,65 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-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

@@ -1,93 +0,0 @@
-"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

@@ -1,27 +0,0 @@
-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;