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

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

@@ -0,0 +1,268 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genCheckboxStyle = exports.default = void 0;
+exports.getStyle = getStyle;
+var _cssinjs = require("@ant-design/cssinjs");
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+// ============================== Motion ==============================
+const antCheckboxEffect = new _cssinjs.Keyframes('antCheckboxEffect', {
+  '0%': {
+    transform: 'scale(1)',
+    opacity: 0.5
+  },
+  '100%': {
+    transform: 'scale(1.6)',
+    opacity: 0
+  }
+});
+// ============================== Styles ==============================
+const genCheckboxStyle = token => {
+  const {
+    checkboxCls
+  } = token;
+  const wrapperCls = `${checkboxCls}-wrapper`;
+  return [
+  // ===================== Basic =====================
+  {
+    // Group
+    [`${checkboxCls}-group`]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      display: 'inline-flex',
+      flexWrap: 'wrap',
+      columnGap: token.marginXS,
+      // Group > Grid
+      [`> ${token.antCls}-row`]: {
+        flex: 1
+      }
+    }),
+    // Wrapper
+    [wrapperCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      display: 'inline-flex',
+      alignItems: 'baseline',
+      cursor: 'pointer',
+      // Fix checkbox & radio in flex align #30260
+      '&:after': {
+        display: 'inline-block',
+        width: 0,
+        overflow: 'hidden',
+        content: "'\\a0'"
+      },
+      // Checkbox near checkbox
+      [`& + ${wrapperCls}`]: {
+        marginInlineStart: 0
+      },
+      [`&${wrapperCls}-in-form-item`]: {
+        'input[type="checkbox"]': {
+          width: 14,
+          height: 14 // FIXME: magic
+        }
+      }
+    }),
+
+    // Wrapper > Checkbox
+    [checkboxCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'relative',
+      whiteSpace: 'nowrap',
+      lineHeight: 1,
+      cursor: 'pointer',
+      // To make alignment right when `controlHeight` is changed
+      // Ref: https://github.com/ant-design/ant-design/issues/41564
+      alignSelf: 'center',
+      // Wrapper > Checkbox > input
+      [`${checkboxCls}-input`]: {
+        position: 'absolute',
+        // Since baseline align will get additional space offset,
+        // we need to move input to top to make it align with text.
+        // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
+        inset: 0,
+        zIndex: 1,
+        cursor: 'pointer',
+        opacity: 0,
+        margin: 0,
+        [`&:focus-visible + ${checkboxCls}-inner`]: Object.assign({}, (0, _style.genFocusOutline)(token))
+      },
+      // Wrapper > Checkbox > inner
+      [`${checkboxCls}-inner`]: {
+        boxSizing: 'border-box',
+        position: 'relative',
+        top: 0,
+        insetInlineStart: 0,
+        display: 'block',
+        width: token.checkboxSize,
+        height: token.checkboxSize,
+        direction: 'ltr',
+        backgroundColor: token.colorBgContainer,
+        border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+        borderRadius: token.borderRadiusSM,
+        borderCollapse: 'separate',
+        transition: `all ${token.motionDurationSlow}`,
+        '&:after': {
+          boxSizing: 'border-box',
+          position: 'absolute',
+          top: '50%',
+          insetInlineStart: '21.5%',
+          display: 'table',
+          width: token.checkboxSize / 14 * 5,
+          height: token.checkboxSize / 14 * 8,
+          border: `${token.lineWidthBold}px solid ${token.colorWhite}`,
+          borderTop: 0,
+          borderInlineStart: 0,
+          transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
+          opacity: 0,
+          content: '""',
+          transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`
+        }
+      },
+      // Wrapper > Checkbox + Text
+      '& + span': {
+        paddingInlineStart: token.paddingXS,
+        paddingInlineEnd: token.paddingXS
+      }
+    })
+  },
+  // ===================== Hover =====================
+  {
+    // Wrapper
+    [`${wrapperCls}:hover ${checkboxCls}:after`]: {
+      visibility: 'visible'
+    },
+    // Wrapper & Wrapper > Checkbox
+    [`
+        ${wrapperCls}:not(${wrapperCls}-disabled),
+        ${checkboxCls}:not(${checkboxCls}-disabled)
+      `]: {
+      [`&:hover ${checkboxCls}-inner`]: {
+        borderColor: token.colorPrimary
+      }
+    },
+    [`${wrapperCls}:not(${wrapperCls}-disabled)`]: {
+      [`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled) ${checkboxCls}-inner`]: {
+        backgroundColor: token.colorPrimaryHover,
+        borderColor: 'transparent'
+      },
+      [`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled):after`]: {
+        borderColor: token.colorPrimaryHover
+      }
+    }
+  },
+  // ==================== Checked ====================
+  {
+    // Wrapper > Checkbox
+    [`${checkboxCls}-checked`]: {
+      [`${checkboxCls}-inner`]: {
+        backgroundColor: token.colorPrimary,
+        borderColor: token.colorPrimary,
+        '&:after': {
+          opacity: 1,
+          transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
+          transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`
+        }
+      },
+      // Checked Effect
+      '&:after': {
+        position: 'absolute',
+        top: 0,
+        insetInlineStart: 0,
+        width: '100%',
+        height: '100%',
+        borderRadius: token.borderRadiusSM,
+        visibility: 'hidden',
+        border: `${token.lineWidthBold}px solid ${token.colorPrimary}`,
+        animationName: antCheckboxEffect,
+        animationDuration: token.motionDurationSlow,
+        animationTimingFunction: 'ease-in-out',
+        animationFillMode: 'backwards',
+        content: '""',
+        transition: `all ${token.motionDurationSlow}`
+      }
+    },
+    [`
+        ${wrapperCls}-checked:not(${wrapperCls}-disabled),
+        ${checkboxCls}-checked:not(${checkboxCls}-disabled)
+      `]: {
+      [`&:hover ${checkboxCls}-inner`]: {
+        backgroundColor: token.colorPrimaryHover,
+        borderColor: 'transparent'
+      },
+      [`&:hover ${checkboxCls}:after`]: {
+        borderColor: token.colorPrimaryHover
+      }
+    }
+  },
+  // ================= Indeterminate =================
+  {
+    [checkboxCls]: {
+      '&-indeterminate': {
+        // Wrapper > Checkbox > inner
+        [`${checkboxCls}-inner`]: {
+          backgroundColor: token.colorBgContainer,
+          borderColor: token.colorBorder,
+          '&:after': {
+            top: '50%',
+            insetInlineStart: '50%',
+            width: token.fontSizeLG / 2,
+            height: token.fontSizeLG / 2,
+            backgroundColor: token.colorPrimary,
+            border: 0,
+            transform: 'translate(-50%, -50%) scale(1)',
+            opacity: 1,
+            content: '""'
+          }
+        }
+      }
+    }
+  },
+  // ==================== Disable ====================
+  {
+    // Wrapper
+    [`${wrapperCls}-disabled`]: {
+      cursor: 'not-allowed'
+    },
+    // Wrapper > Checkbox
+    [`${checkboxCls}-disabled`]: {
+      // Wrapper > Checkbox > input
+      [`&, ${checkboxCls}-input`]: {
+        cursor: 'not-allowed',
+        // Disabled for native input to enable Tooltip event handler
+        // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
+        pointerEvents: 'none'
+      },
+      // Wrapper > Checkbox > inner
+      [`${checkboxCls}-inner`]: {
+        background: token.colorBgContainerDisabled,
+        borderColor: token.colorBorder,
+        '&:after': {
+          borderColor: token.colorTextDisabled
+        }
+      },
+      '&:after': {
+        display: 'none'
+      },
+      '& + span': {
+        color: token.colorTextDisabled
+      },
+      [`&${checkboxCls}-indeterminate ${checkboxCls}-inner::after`]: {
+        background: token.colorTextDisabled
+      }
+    }
+  }];
+};
+// ============================== Export ==============================
+exports.genCheckboxStyle = genCheckboxStyle;
+function getStyle(prefixCls, token) {
+  const checkboxToken = (0, _internal.mergeToken)(token, {
+    checkboxCls: `.${prefixCls}`,
+    checkboxSize: token.controlInteractiveSize
+  });
+  return [genCheckboxStyle(checkboxToken)];
+}
+var _default = (0, _internal.genComponentStyleHook)('Checkbox', (token, _ref) => {
+  let {
+    prefixCls
+  } = _ref;
+  return [getStyle(prefixCls, token)];
+});
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import { Col, type ColProps, type ColSize } from '../grid';
+export type { ColProps, ColSize };
+export default Col;

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

@@ -0,0 +1,10 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _grid = require("../grid");
+var _default = _grid.Col;
+exports.default = _default;

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Compatible for babel-plugin-import
+/* istanbul ignore next */
+var _default = {};
+exports.default = _default;

package/dist/locale/antd/collapse/Collapse.d.ts

@@ -0,0 +1,45 @@
+import type { CollapseProps as RcCollapseProps } from 'rc-collapse';
+import * as React from 'react';
+import type { SizeType } from '../config-provider/SizeContext';
+import type { CollapsibleType } from './CollapsePanel';
+/** @deprecated Please use `start` | `end` instead */
+type ExpandIconPositionLegacy = 'left' | 'right';
+export type ExpandIconPosition = 'start' | 'end' | ExpandIconPositionLegacy | undefined;
+export interface CollapseProps extends Pick<RcCollapseProps, 'items'> {
+    activeKey?: Array<string | number> | string | number;
+    defaultActiveKey?: Array<string | number> | string | number;
+    /** 手风琴效果 */
+    accordion?: boolean;
+    destroyInactivePanel?: boolean;
+    onChange?: (key: string | string[]) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    rootClassName?: string;
+    bordered?: boolean;
+    prefixCls?: string;
+    expandIcon?: (panelProps: PanelProps) => React.ReactNode;
+    expandIconPosition?: ExpandIconPosition;
+    ghost?: boolean;
+    size?: SizeType;
+    collapsible?: CollapsibleType;
+    /**
+     * @deprecated use `items` instead
+     */
+    children?: React.ReactNode;
+}
+interface PanelProps {
+    isActive?: boolean;
+    header?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    showArrow?: boolean;
+    forceRender?: boolean;
+    /** @deprecated Use `collapsible="disabled"` instead */
+    disabled?: boolean;
+    extra?: React.ReactNode;
+    collapsible?: CollapsibleType;
+}
+declare const _default: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
+    Panel: React.ForwardRefExoticComponent<import("./CollapsePanel").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/locale/antd/collapse/Collapse.js

@@ -0,0 +1,107 @@
+"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 _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcCollapse = _interopRequireDefault(require("rc-collapse"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _motion = _interopRequireDefault(require("../_util/motion"));
+var _reactNode = require("../_util/reactNode");
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _useSize = _interopRequireDefault(require("../config-provider/hooks/useSize"));
+var _CollapsePanel = _interopRequireDefault(require("./CollapsePanel"));
+var _style = _interopRequireDefault(require("./style"));
+const Collapse = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    getPrefixCls,
+    direction,
+    collapse
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    style,
+    bordered = true,
+    ghost,
+    size: customizeSize,
+    expandIconPosition = 'start',
+    children,
+    expandIcon
+  } = props;
+  const mergedSize = (0, _useSize.default)(ctx => {
+    var _a;
+    return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : ctx) !== null && _a !== void 0 ? _a : 'middle';
+  });
+  const prefixCls = getPrefixCls('collapse', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  // Warning if use legacy type `expandIconPosition`
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(expandIconPosition !== 'left' && expandIconPosition !== 'right', 'Collapse', '`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.') : void 0;
+  // Align with logic position
+  const mergedExpandIconPosition = React.useMemo(() => {
+    if (expandIconPosition === 'left') {
+      return 'start';
+    }
+    return expandIconPosition === 'right' ? 'end' : expandIconPosition;
+  }, [expandIconPosition]);
+  const renderExpandIcon = function () {
+    let panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const icon = expandIcon ? expandIcon(panelProps) : /*#__PURE__*/React.createElement(_RightOutlined.default, {
+      rotate: panelProps.isActive ? 90 : undefined
+    });
+    return (0, _reactNode.cloneElement)(icon, () => ({
+      className: (0, _classnames.default)(icon.props.className, `${prefixCls}-arrow`)
+    }));
+  };
+  const collapseClassName = (0, _classnames.default)(`${prefixCls}-icon-position-${mergedExpandIconPosition}`, {
+    [`${prefixCls}-borderless`]: !bordered,
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-ghost`]: !!ghost,
+    [`${prefixCls}-${mergedSize}`]: mergedSize !== 'middle'
+  }, collapse === null || collapse === void 0 ? void 0 : collapse.className, className, rootClassName, hashId);
+  const openMotion = Object.assign(Object.assign({}, (0, _motion.default)(rootPrefixCls)), {
+    motionAppear: false,
+    leavedClassName: `${prefixCls}-content-hidden`
+  });
+  const items = React.useMemo(() => children ? (0, _toArray.default)(children).map((child, index) => {
+    var _a, _b;
+    if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.disabled) {
+      const key = (_b = child.key) !== null && _b !== void 0 ? _b : String(index);
+      const {
+        disabled,
+        collapsible
+      } = child.props;
+      const childProps = Object.assign(Object.assign({}, (0, _omit.default)(child.props, ['disabled'])), {
+        key,
+        collapsible: collapsible !== null && collapsible !== void 0 ? collapsible : disabled ? 'disabled' : undefined
+      });
+      return (0, _reactNode.cloneElement)(child, childProps);
+    }
+    return child;
+  }) : null, [children]);
+  return wrapSSR( /*#__PURE__*/React.createElement(_rcCollapse.default, Object.assign({
+    ref: ref,
+    openMotion: openMotion
+  }, (0, _omit.default)(props, ['rootClassName']), {
+    expandIcon: renderExpandIcon,
+    prefixCls: prefixCls,
+    className: collapseClassName,
+    style: Object.assign(Object.assign({}, collapse === null || collapse === void 0 ? void 0 : collapse.style), style)
+  }), items));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Collapse.displayName = 'Collapse';
+}
+var _default = Object.assign(Collapse, {
+  Panel: _CollapsePanel.default
+});
+exports.default = _default;

package/dist/locale/antd/collapse/CollapsePanel.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type CollapsibleType = 'header' | 'icon' | 'disabled';
+export interface CollapsePanelProps {
+    key: string | number;
+    header: React.ReactNode;
+    /** @deprecated Use `collapsible="disabled"` instead */
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    showArrow?: boolean;
+    prefixCls?: string;
+    forceRender?: boolean;
+    id?: string;
+    extra?: React.ReactNode;
+    collapsible?: CollapsibleType;
+    children?: React.ReactNode;
+}
+declare const CollapsePanel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+export default CollapsePanel;

package/dist/locale/antd/collapse/CollapsePanel.js

@@ -0,0 +1,36 @@
+"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 _rcCollapse = _interopRequireDefault(require("rc-collapse"));
+var React = _interopRequireWildcard(require("react"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+const CollapsePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(!('disabled' in props), 'Collapse.Panel', '`disabled` is deprecated. Please use `collapsible="disabled"` instead.') : void 0;
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    showArrow = true
+  } = props;
+  const prefixCls = getPrefixCls('collapse', customizePrefixCls);
+  const collapsePanelClassName = (0, _classnames.default)({
+    [`${prefixCls}-no-arrow`]: !showArrow
+  }, className);
+  return /*#__PURE__*/React.createElement(_rcCollapse.default.Panel, Object.assign({
+    ref: ref
+  }, props, {
+    prefixCls: prefixCls,
+    className: collapsePanelClassName
+  }));
+});
+var _default = CollapsePanel;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+import Collapse from './Collapse';
+export type { CollapseProps } from './Collapse';
+export type { CollapsePanelProps } from './CollapsePanel';
+export default Collapse;

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

@@ -0,0 +1,11 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+var _default = _Collapse.default;
+exports.default = _default;

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

@@ -0,0 +1,15 @@
+import type { FullToken, GenerateStyle } from '../../theme/internal';
+export interface ComponentToken {
+}
+type CollapseToken = FullToken<'Collapse'> & {
+    collapseContentBg: string;
+    collapseHeaderBg: string;
+    collapseHeaderPadding: string;
+    collapseHeaderPaddingSM: string;
+    collapseHeaderPaddingLG: string;
+    collapsePanelBorderRadius: number;
+    collapseContentPaddingHorizontal: number;
+};
+export declare const genBaseStyle: GenerateStyle<CollapseToken>;
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;