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

package/dist/locale/antd/modal/confirm.js

@@ -0,0 +1,175 @@
+"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 = confirm;
+exports.modalGlobalConfig = modalGlobalConfig;
+exports.withConfirm = withConfirm;
+exports.withError = withError;
+exports.withInfo = withInfo;
+exports.withSuccess = withSuccess;
+exports.withWarn = withWarn;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _render = require("rc-util/lib/React/render");
+var React = _interopRequireWildcard(require("react"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));
+var _destroyFns = _interopRequireDefault(require("./destroyFns"));
+var _locale = require("./locale");
+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;
+};
+let defaultRootPrefixCls = '';
+function getRootPrefixCls() {
+  return defaultRootPrefixCls;
+}
+function confirm(config) {
+  // Warning if exist theme
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _configProvider.warnContext)('Modal');
+  }
+  const container = document.createDocumentFragment();
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  let currentConfig = Object.assign(Object.assign({}, config), {
+    close,
+    open: true
+  });
+  let timeoutId;
+  function destroy() {
+    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 (config.onCancel && triggerCancel) {
+      config.onCancel.apply(config, [() => {}].concat((0, _toConsumableArray2.default)(args.slice(1))));
+    }
+    for (let i = 0; i < _destroyFns.default.length; i++) {
+      const fn = _destroyFns.default[i];
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      if (fn === close) {
+        _destroyFns.default.splice(i, 1);
+        break;
+      }
+    }
+    (0, _render.unmount)(container);
+  }
+  function render(_a) {
+    var {
+        okText,
+        cancelText,
+        prefixCls: customizePrefixCls,
+        getContainer
+      } = _a,
+      props = __rest(_a, ["okText", "cancelText", "prefixCls", "getContainer"]);
+    clearTimeout(timeoutId);
+    /**
+     * https://github.com/ant-design/ant-design/issues/23623
+     *
+     * Sync render blocks React event. Let's make this async.
+     */
+    timeoutId = setTimeout(() => {
+      const runtimeLocale = (0, _locale.getConfirmLocale)();
+      const {
+        getPrefixCls,
+        getIconPrefixCls,
+        getTheme
+      } = (0, _configProvider.globalConfig)();
+      // because Modal.config  set rootPrefixCls, which is different from other components
+      const rootPrefixCls = getPrefixCls(undefined, getRootPrefixCls());
+      const prefixCls = customizePrefixCls || `${rootPrefixCls}-modal`;
+      const iconPrefixCls = getIconPrefixCls();
+      const theme = getTheme();
+      let mergedGetContainer = getContainer;
+      if (mergedGetContainer === false) {
+        mergedGetContainer = undefined;
+        if (process.env.NODE_ENV !== 'production') {
+          process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Modal', 'Static method not support `getContainer` to be `false` since it do not have context env.') : void 0;
+        }
+      }
+      (0, _render.render)( /*#__PURE__*/React.createElement(_ConfirmDialog.default, Object.assign({}, props, {
+        getContainer: mergedGetContainer,
+        prefixCls: prefixCls,
+        rootPrefixCls: rootPrefixCls,
+        iconPrefixCls: iconPrefixCls,
+        okText: okText,
+        locale: runtimeLocale,
+        theme: theme,
+        cancelText: cancelText || runtimeLocale.cancelText
+      })), container);
+    });
+  }
+  function close() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    currentConfig = Object.assign(Object.assign({}, currentConfig), {
+      open: false,
+      afterClose: () => {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose();
+        }
+        destroy.apply(this, args);
+      }
+    });
+    // Legacy support
+    if (currentConfig.visible) {
+      delete currentConfig.visible;
+    }
+    render(currentConfig);
+  }
+  function update(configUpdate) {
+    if (typeof configUpdate === 'function') {
+      currentConfig = configUpdate(currentConfig);
+    } else {
+      currentConfig = Object.assign(Object.assign({}, currentConfig), configUpdate);
+    }
+    render(currentConfig);
+  }
+  render(currentConfig);
+  _destroyFns.default.push(close);
+  return {
+    destroy: close,
+    update
+  };
+}
+function withWarn(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: 'warning'
+  });
+}
+function withInfo(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: 'info'
+  });
+}
+function withSuccess(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: 'success'
+  });
+}
+function withError(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: 'error'
+  });
+}
+function withConfirm(props) {
+  return Object.assign(Object.assign({}, props), {
+    type: 'confirm'
+  });
+}
+function modalGlobalConfig(_ref) {
+  let {
+    rootPrefixCls
+  } = _ref;
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Modal', 'Modal.config is deprecated. Please use ConfigProvider.config instead.') : void 0;
+  defaultRootPrefixCls = rootPrefixCls;
+}

package/dist/locale/antd/modal/destroyFns.d.ts

@@ -0,0 +1,2 @@
+declare const destroyFns: Array<Function>;
+export default destroyFns;

package/dist/locale/antd/modal/destroyFns.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const destroyFns = [];
+var _default = destroyFns;
+exports.default = _default;

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

@@ -0,0 +1,15 @@
+import type { ModalStaticFunctions } from './confirm';
+import { modalGlobalConfig } from './confirm';
+import OriginModal from './Modal';
+import PurePanel from './PurePanel';
+import useModal from './useModal';
+export type { ModalFuncProps, ModalLocale, ModalProps } from './interface';
+type ModalType = typeof OriginModal & ModalStaticFunctions & {
+    useModal: typeof useModal;
+    destroyAll: () => void;
+    config: typeof modalGlobalConfig;
+    /** @private Internal Component. Do not use in your production. */
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const Modal: ModalType;
+export default Modal;

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

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _confirm = _interopRequireWildcard(require("./confirm"));
+var _destroyFns = _interopRequireDefault(require("./destroyFns"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _PurePanel = _interopRequireDefault(require("./PurePanel"));
+var _useModal = _interopRequireDefault(require("./useModal"));
+function modalWarn(props) {
+  return (0, _confirm.default)((0, _confirm.withWarn)(props));
+}
+const Modal = _Modal.default;
+Modal.useModal = _useModal.default;
+Modal.info = function infoFn(props) {
+  return (0, _confirm.default)((0, _confirm.withInfo)(props));
+};
+Modal.success = function successFn(props) {
+  return (0, _confirm.default)((0, _confirm.withSuccess)(props));
+};
+Modal.error = function errorFn(props) {
+  return (0, _confirm.default)((0, _confirm.withError)(props));
+};
+Modal.warning = modalWarn;
+Modal.warn = modalWarn;
+Modal.confirm = function confirmFn(props) {
+  return (0, _confirm.default)((0, _confirm.withConfirm)(props));
+};
+Modal.destroyAll = function destroyAllFn() {
+  while (_destroyFns.default.length) {
+    const close = _destroyFns.default.pop();
+    if (close) {
+      close();
+    }
+  }
+};
+Modal.config = _confirm.modalGlobalConfig;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = _PurePanel.default;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = 'Modal';
+}
+var _default = Modal;
+exports.default = _default;

package/dist/locale/antd/modal/interface.d.ts

@@ -0,0 +1,112 @@
+/// <reference types="react" />
+import type { ButtonProps, LegacyButtonType } from '../button/button';
+import type { DirectionType } from '../config-provider';
+export interface ModalProps {
+    /** Whether the modal dialog is visible or not */
+    open?: boolean;
+    /** Whether to apply loading visual effect for OK button or not */
+    confirmLoading?: boolean;
+    /** The modal dialog's title */
+    title?: React.ReactNode;
+    /** Whether a close (x) button is visible on top right of the modal dialog or not. Recommend to use closeIcon instead. */
+    closable?: boolean;
+    /** Specify a function that will be called when a user clicks the OK button */
+    onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Specify a function that will be called when a user clicks mask, close button on top right or Cancel button */
+    onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    afterClose?: () => void;
+    /** Callback when the animation ends when Modal is turned on and off */
+    afterOpenChange?: (open: boolean) => void;
+    /** Centered Modal */
+    centered?: boolean;
+    /** Width of the modal dialog */
+    width?: string | number;
+    /** Footer content */
+    footer?: React.ReactNode;
+    /** Text of the OK button */
+    okText?: React.ReactNode;
+    /** Button `type` of the OK button */
+    okType?: LegacyButtonType;
+    /** Text of the Cancel button */
+    cancelText?: React.ReactNode;
+    /** Whether to close the modal dialog when the mask (area outside the modal) is clicked */
+    maskClosable?: boolean;
+    /** Force render Modal */
+    forceRender?: boolean;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    destroyOnClose?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskTransitionName?: string;
+    transitionName?: string;
+    className?: string;
+    rootClassName?: string;
+    getContainer?: string | HTMLElement | getContainerFunc | false;
+    zIndex?: number;
+    bodyStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
+    mask?: boolean;
+    keyboard?: boolean;
+    wrapProps?: any;
+    prefixCls?: string;
+    closeIcon?: boolean | React.ReactNode;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    focusTriggerAfterClose?: boolean;
+    children?: React.ReactNode;
+    mousePosition?: MousePosition;
+    /** @deprecated Please use `open` instead. */
+    visible?: boolean;
+}
+type getContainerFunc = () => HTMLElement;
+export interface ModalFuncProps {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    open?: boolean;
+    /** @deprecated Please use `open` instead. */
+    visible?: boolean;
+    title?: React.ReactNode;
+    closable?: boolean;
+    content?: React.ReactNode;
+    onOk?: (...args: any[]) => any;
+    onCancel?: (...args: any[]) => any;
+    afterClose?: () => void;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    centered?: boolean;
+    width?: string | number;
+    okText?: React.ReactNode;
+    okType?: LegacyButtonType;
+    cancelText?: React.ReactNode;
+    icon?: React.ReactNode;
+    mask?: boolean;
+    maskClosable?: boolean;
+    zIndex?: number;
+    okCancel?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskStyle?: React.CSSProperties;
+    type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';
+    keyboard?: boolean;
+    getContainer?: string | HTMLElement | getContainerFunc | false;
+    autoFocusButton?: null | 'ok' | 'cancel';
+    transitionName?: string;
+    maskTransitionName?: string;
+    direction?: DirectionType;
+    bodyStyle?: React.CSSProperties;
+    closeIcon?: React.ReactNode;
+    footer?: React.ReactNode;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    focusTriggerAfterClose?: boolean;
+}
+export interface ModalLocale {
+    okText: string;
+    cancelText: string;
+    justOkText: string;
+}
+export type MousePosition = {
+    x: number;
+    y: number;
+} | null;
+export {};

package/dist/locale/antd/modal/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,7 @@
+export interface ModalLocale {
+    okText: string;
+    cancelText: string;
+    justOkText: string;
+}
+export declare function changeConfirmLocale(newLocale?: ModalLocale): void;
+export declare function getConfirmLocale(): ModalLocale;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.changeConfirmLocale = changeConfirmLocale;
+exports.getConfirmLocale = getConfirmLocale;
+var _en_US = _interopRequireDefault(require("../locale/en_US"));
+let runtimeLocale = Object.assign({}, _en_US.default.Modal);
+function changeConfirmLocale(newLocale) {
+  if (newLocale) {
+    runtimeLocale = Object.assign(Object.assign({}, runtimeLocale), newLocale);
+  } else {
+    runtimeLocale = Object.assign({}, _en_US.default.Modal);
+  }
+}
+function getConfirmLocale() {
+  return runtimeLocale;
+}

package/dist/locale/antd/modal/shared.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ModalProps } from './interface';
+export declare function renderCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.JSX.Element;
+interface FooterProps {
+    onOk?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+}
+export declare const Footer: React.FC<FooterProps & Pick<ModalProps, 'footer' | 'okText' | 'okType' | 'cancelText' | 'confirmLoading' | 'okButtonProps' | 'cancelButtonProps'>>;
+export {};

package/dist/locale/antd/modal/shared.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Footer = void 0;
+exports.renderCloseIcon = renderCloseIcon;
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("../button"));
+var _button2 = require("../button/button");
+var _locale = require("../locale");
+var _locale2 = require("./locale");
+function renderCloseIcon(prefixCls, closeIcon) {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: `${prefixCls}-close-x`
+  }, closeIcon || /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, {
+    className: `${prefixCls}-close-icon`
+  }));
+}
+const Footer = props => {
+  const {
+    okText,
+    okType = 'primary',
+    cancelText,
+    confirmLoading,
+    onOk,
+    onCancel,
+    okButtonProps,
+    cancelButtonProps
+  } = props;
+  const [locale] = (0, _locale.useLocale)('Modal', (0, _locale2.getConfirmLocale)());
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    onClick: onCancel
+  }, cancelButtonProps), cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText)), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, (0, _button2.convertLegacyProps)(okType), {
+    loading: confirmLoading,
+    onClick: onOk
+  }, okButtonProps), okText || (locale === null || locale === void 0 ? void 0 : locale.okText)));
+};
+exports.Footer = Footer;

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

@@ -0,0 +1,55 @@
+import type { AliasToken, FullToken, GenerateStyle } from '../../theme/internal';
+import type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook';
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    /**
+     * @desc 顶部背景色
+     * @descEN Background color of header
+     */
+    headerBg: string;
+    /**
+     * @desc 标题行高
+     * @descEN Line height of title
+     */
+    titleLineHeight: number;
+    /**
+     * @desc 标题字体大小
+     * @descEN Font size of title
+     */
+    titleFontSize: number;
+    /**
+     * @desc 标题字体颜色
+     * @descEN Font color of title
+     */
+    titleColor: string;
+    /**
+     * @desc 内容区域背景色
+     * @descEN Background color of content
+     */
+    contentBg: string;
+    /**
+     * @desc 底部区域背景色
+     * @descEN Background color of footer
+     */
+    footerBg: string;
+}
+export interface ModalToken extends FullToken<'Modal'> {
+    modalHeaderHeight: number;
+    modalBodyPadding: number;
+    modalHeaderPadding: string;
+    modalHeaderBorderWidth: number;
+    modalHeaderBorderStyle: string;
+    modalHeaderBorderColorSplit: string;
+    modalFooterBorderColorSplit: string;
+    modalFooterBorderStyle: string;
+    modalFooterPaddingVertical: number;
+    modalFooterPaddingHorizontal: number;
+    modalFooterBorderWidth: number;
+    modalIconHoverColor: string;
+    modalCloseIconColor: string;
+    modalCloseBtnSize: number;
+    modalConfirmIconSize: number;
+}
+export declare const genModalMaskStyle: GenerateStyle<TokenWithCommonCls<AliasToken>>;
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;