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

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

@@ -0,0 +1,160 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+var _placementArrow = _interopRequireDefault(require("../../style/placementArrow"));
+var _internal = require("../../theme/internal");
+const genBaseStyle = token => {
+  const {
+    componentCls,
+    popoverColor,
+    minWidth,
+    fontWeightStrong,
+    popoverPadding,
+    boxShadowSecondary,
+    colorTextHeading,
+    borderRadiusLG: borderRadius,
+    zIndexPopup,
+    marginXS,
+    colorBgElevated,
+    popoverBg
+  } = token;
+  return [{
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'absolute',
+      top: 0,
+      // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
+      left: {
+        _skip_check_: true,
+        value: 0
+      },
+      zIndex: zIndexPopup,
+      fontWeight: 'normal',
+      whiteSpace: 'normal',
+      textAlign: 'start',
+      cursor: 'auto',
+      userSelect: 'text',
+      transformOrigin: `var(--arrow-x, 50%) var(--arrow-y, 50%)`,
+      '--antd-arrow-background-color': colorBgElevated,
+      '&-rtl': {
+        direction: 'rtl'
+      },
+      '&-hidden': {
+        display: 'none'
+      },
+      [`${componentCls}-content`]: {
+        position: 'relative'
+      },
+      [`${componentCls}-inner`]: {
+        backgroundColor: popoverBg,
+        backgroundClip: 'padding-box',
+        borderRadius,
+        boxShadow: boxShadowSecondary,
+        padding: popoverPadding
+      },
+      [`${componentCls}-title`]: {
+        minWidth,
+        marginBottom: marginXS,
+        color: colorTextHeading,
+        fontWeight: fontWeightStrong
+      },
+      [`${componentCls}-inner-content`]: {
+        color: popoverColor
+      }
+    })
+  },
+  // Arrow Style
+  (0, _placementArrow.default)(token, {
+    colorBg: 'var(--antd-arrow-background-color)'
+  }),
+  // Pure Render
+  {
+    [`${componentCls}-pure`]: {
+      position: 'relative',
+      maxWidth: 'none',
+      margin: token.sizePopupArrow,
+      display: 'inline-block',
+      [`${componentCls}-content`]: {
+        display: 'inline-block'
+      }
+    }
+  }];
+};
+const genColorStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [componentCls]: _internal.PresetColors.map(colorKey => {
+      const lightColor = token[`${colorKey}6`];
+      return {
+        [`&${componentCls}-${colorKey}`]: {
+          '--antd-arrow-background-color': lightColor,
+          [`${componentCls}-inner`]: {
+            backgroundColor: lightColor
+          },
+          [`${componentCls}-arrow`]: {
+            background: 'transparent'
+          }
+        }
+      };
+    })
+  };
+};
+const genWireframeStyle = token => {
+  const {
+    componentCls,
+    lineWidth,
+    lineType,
+    colorSplit,
+    paddingSM,
+    controlHeight,
+    fontSize,
+    lineHeight,
+    padding
+  } = token;
+  const titlePaddingBlockDist = controlHeight - Math.round(fontSize * lineHeight);
+  const popoverTitlePaddingBlockTop = titlePaddingBlockDist / 2;
+  const popoverTitlePaddingBlockBottom = titlePaddingBlockDist / 2 - lineWidth;
+  const popoverPaddingHorizontal = padding;
+  return {
+    [componentCls]: {
+      [`${componentCls}-inner`]: {
+        padding: 0
+      },
+      [`${componentCls}-title`]: {
+        margin: 0,
+        padding: `${popoverTitlePaddingBlockTop}px ${popoverPaddingHorizontal}px ${popoverTitlePaddingBlockBottom}px`,
+        borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`
+      },
+      [`${componentCls}-inner-content`]: {
+        padding: `${paddingSM}px ${popoverPaddingHorizontal}px`
+      }
+    }
+  };
+};
+var _default = (0, _internal.genComponentStyleHook)('Popover', token => {
+  const {
+    colorBgElevated,
+    colorText,
+    wireframe
+  } = token;
+  const popoverToken = (0, _internal.mergeToken)(token, {
+    popoverPadding: 12,
+    popoverBg: colorBgElevated,
+    popoverColor: colorText
+  });
+  return [genBaseStyle(popoverToken), genColorStyle(popoverToken), wireframe && genWireframeStyle(popoverToken), (0, _motion.initZoomMotion)(popoverToken, 'zoom-big')];
+}, token => ({
+  width: 177,
+  minWidth: 177,
+  zIndexPopup: token.zIndexPopupBase + 30
+}), {
+  deprecatedTokens: [['width', 'minWidth']]
+});
+exports.default = _default;

package/dist/locale/antd/progress/Circle.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { ProgressGradient, ProgressProps } from './progress';
+export interface CircleProps extends ProgressProps {
+    prefixCls: string;
+    children: React.ReactNode;
+    progressStatus: string;
+    strokeColor?: string | ProgressGradient;
+}
+declare const Circle: React.FC<CircleProps>;
+export default Circle;

package/dist/locale/antd/progress/Circle.js

@@ -0,0 +1,80 @@
+"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 _rcProgress = require("rc-progress");
+var React = _interopRequireWildcard(require("react"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _utils = require("./utils");
+const CIRCLE_MIN_STROKE_WIDTH = 3;
+const getMinPercent = width => CIRCLE_MIN_STROKE_WIDTH / width * 100;
+const Circle = props => {
+  const {
+    prefixCls,
+    trailColor = null,
+    strokeLinecap = 'round',
+    gapPosition,
+    gapDegree,
+    width: originWidth = 120,
+    type,
+    children,
+    success,
+    size = originWidth
+  } = props;
+  const [width, height] = (0, _utils.getSize)(size, 'circle');
+  let {
+    strokeWidth
+  } = props;
+  if (strokeWidth === undefined) {
+    strokeWidth = Math.max(getMinPercent(width), 6);
+  }
+  const circleStyle = {
+    width,
+    height,
+    fontSize: width * 0.15 + 6
+  };
+  const realGapDegree = React.useMemo(() => {
+    // Support gapDeg = 0 when type = 'dashboard'
+    if (gapDegree || gapDegree === 0) {
+      return gapDegree;
+    }
+    if (type === 'dashboard') {
+      return 75;
+    }
+    return undefined;
+  }, [gapDegree, type]);
+  const gapPos = gapPosition || type === 'dashboard' && 'bottom' || undefined;
+  // using className to style stroke color
+  const isGradient = Object.prototype.toString.call(props.strokeColor) === '[object Object]';
+  const strokeColor = (0, _utils.getStrokeColor)({
+    success,
+    strokeColor: props.strokeColor
+  });
+  const wrapperClassName = (0, _classnames.default)(`${prefixCls}-inner`, {
+    [`${prefixCls}-circle-gradient`]: isGradient
+  });
+  const circleContent = /*#__PURE__*/React.createElement(_rcProgress.Circle, {
+    percent: (0, _utils.getPercentage)(props),
+    strokeWidth: strokeWidth,
+    trailWidth: strokeWidth,
+    strokeColor: strokeColor,
+    strokeLinecap: strokeLinecap,
+    trailColor: trailColor,
+    prefixCls: prefixCls,
+    gapDegree: realGapDegree,
+    gapPosition: gapPos
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName,
+    style: circleStyle
+  }, width <= 20 ? /*#__PURE__*/React.createElement(_tooltip.default, {
+    title: children
+  }, /*#__PURE__*/React.createElement("span", null, circleContent)) : /*#__PURE__*/React.createElement(React.Fragment, null, circleContent, children));
+};
+var _default = Circle;
+exports.default = _default;

package/dist/locale/antd/progress/Line.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { DirectionType } from '../config-provider';
+import type { ProgressGradient, ProgressProps, StringGradients } from './progress';
+interface LineProps extends ProgressProps {
+    prefixCls: string;
+    direction?: DirectionType;
+    children: React.ReactNode;
+    strokeColor?: string | ProgressGradient;
+}
+/**
+ * @example
+ *   {
+ *     "0%": "#afc163",
+ *     "75%": "#009900",
+ *     "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
+ *     "25%": "#66FF00",
+ *     "100%": "#ffffff"
+ *   }
+ */
+export declare const sortGradient: (gradients: StringGradients) => string;
+/**
+ * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
+ * butter, there is the bug. And... Besides women, there is the code.
+ *
+ * @example
+ *   {
+ *     "0%": "#afc163",
+ *     "25%": "#66FF00",
+ *     "50%": "#00CC00", // ====>  linear-gradient(to right, #afc163 0%, #66FF00 25%,
+ *     "75%": "#009900", //        #00CC00 50%, #009900 75%, #ffffff 100%)
+ *     "100%": "#ffffff"
+ *   }
+ */
+export declare const handleGradient: (strokeColor: ProgressGradient, directionConfig?: DirectionType) => React.CSSProperties;
+declare const Line: React.FC<LineProps>;
+export default Line;

package/dist/locale/antd/progress/Line.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortGradient = exports.handleGradient = exports.default = void 0;
+var _colors = require("@ant-design/colors");
+var React = _interopRequireWildcard(require("react"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _utils = require("./utils");
+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;
+};
+/**
+ * @example
+ *   {
+ *     "0%": "#afc163",
+ *     "75%": "#009900",
+ *     "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
+ *     "25%": "#66FF00",
+ *     "100%": "#ffffff"
+ *   }
+ */
+const sortGradient = gradients => {
+  let tempArr = [];
+  Object.keys(gradients).forEach(key => {
+    const formattedKey = parseFloat(key.replace(/%/g, ''));
+    if (!isNaN(formattedKey)) {
+      tempArr.push({
+        key: formattedKey,
+        value: gradients[key]
+      });
+    }
+  });
+  tempArr = tempArr.sort((a, b) => a.key - b.key);
+  return tempArr.map(_ref => {
+    let {
+      key,
+      value
+    } = _ref;
+    return `${value} ${key}%`;
+  }).join(', ');
+};
+/**
+ * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
+ * butter, there is the bug. And... Besides women, there is the code.
+ *
+ * @example
+ *   {
+ *     "0%": "#afc163",
+ *     "25%": "#66FF00",
+ *     "50%": "#00CC00", // ====>  linear-gradient(to right, #afc163 0%, #66FF00 25%,
+ *     "75%": "#009900", //        #00CC00 50%, #009900 75%, #ffffff 100%)
+ *     "100%": "#ffffff"
+ *   }
+ */
+exports.sortGradient = sortGradient;
+const handleGradient = (strokeColor, directionConfig) => {
+  const {
+      from = _colors.presetPrimaryColors.blue,
+      to = _colors.presetPrimaryColors.blue,
+      direction = directionConfig === 'rtl' ? 'to left' : 'to right'
+    } = strokeColor,
+    rest = __rest(strokeColor, ["from", "to", "direction"]);
+  if (Object.keys(rest).length !== 0) {
+    const sortedGradients = sortGradient(rest);
+    return {
+      backgroundImage: `linear-gradient(${direction}, ${sortedGradients})`
+    };
+  }
+  return {
+    backgroundImage: `linear-gradient(${direction}, ${from}, ${to})`
+  };
+};
+exports.handleGradient = handleGradient;
+const Line = props => {
+  const {
+    prefixCls,
+    direction: directionConfig,
+    percent,
+    size,
+    strokeWidth,
+    strokeColor,
+    strokeLinecap = 'round',
+    children,
+    trailColor = null,
+    success
+  } = props;
+  const backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {
+    backgroundColor: strokeColor
+  };
+  const borderRadius = strokeLinecap === 'square' || strokeLinecap === 'butt' ? 0 : undefined;
+  const trailStyle = {
+    backgroundColor: trailColor || undefined,
+    borderRadius
+  };
+  const mergedSize = size !== null && size !== void 0 ? size : [-1, strokeWidth || (size === 'small' ? 6 : 8)];
+  const [width, height] = (0, _utils.getSize)(mergedSize, 'line', {
+    strokeWidth
+  });
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(!('strokeWidth' in props), 'Progress', '`strokeWidth` is deprecated. Please use `size` instead.') : void 0;
+  }
+  const percentStyle = Object.assign({
+    width: `${(0, _utils.validProgress)(percent)}%`,
+    height,
+    borderRadius
+  }, backgroundProps);
+  const successPercent = (0, _utils.getSuccessPercent)(props);
+  const successPercentStyle = {
+    width: `${(0, _utils.validProgress)(successPercent)}%`,
+    height,
+    borderRadius,
+    backgroundColor: success === null || success === void 0 ? void 0 : success.strokeColor
+  };
+  const outerStyle = {
+    width: width < 0 ? '100%' : width,
+    height
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-outer`,
+    style: outerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-inner`,
+    style: trailStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-bg`,
+    style: percentStyle
+  }), successPercent !== undefined ? /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-success-bg`,
+    style: successPercentStyle
+  }) : null)), children);
+};
+var _default = Line;
+exports.default = _default;

package/dist/locale/antd/progress/Steps.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { ProgressProps } from './progress';
+interface ProgressStepsProps extends ProgressProps {
+    steps: number;
+    strokeColor?: string | string[];
+    trailColor?: string;
+}
+declare const Steps: React.FC<ProgressStepsProps>;
+export default Steps;

package/dist/locale/antd/progress/Steps.js

@@ -0,0 +1,51 @@
+"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 _utils = require("./utils");
+const Steps = props => {
+  const {
+    size,
+    steps,
+    percent = 0,
+    strokeWidth = 8,
+    strokeColor,
+    trailColor = null,
+    prefixCls,
+    children
+  } = props;
+  const current = Math.round(steps * (percent / 100));
+  const stepWidth = size === 'small' ? 2 : 14;
+  const mergedSize = size !== null && size !== void 0 ? size : [stepWidth, strokeWidth];
+  const [width, height] = (0, _utils.getSize)(mergedSize, 'step', {
+    steps,
+    strokeWidth
+  });
+  const unitWidth = width / steps;
+  const styledSteps = new Array(steps);
+  for (let i = 0; i < steps; i++) {
+    const color = Array.isArray(strokeColor) ? strokeColor[i] : strokeColor;
+    styledSteps[i] = /*#__PURE__*/React.createElement("div", {
+      key: i,
+      className: (0, _classnames.default)(`${prefixCls}-steps-item`, {
+        [`${prefixCls}-steps-item-active`]: i <= current - 1
+      }),
+      style: {
+        backgroundColor: i <= current - 1 ? color : trailColor,
+        width: unitWidth,
+        height
+      }
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-steps-outer`
+  }, styledSteps, children);
+};
+var _default = Steps;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import Progress from './progress';
+export type { ProgressAriaProps, ProgressProps } from './progress';
+export default Progress;

package/dist/locale/antd/progress/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 _progress = _interopRequireDefault(require("./progress"));
+var _default = _progress.default;
+exports.default = _default;

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

@@ -0,0 +1,49 @@
+import * as React from 'react';
+export declare const ProgressTypes: readonly ["line", "circle", "dashboard"];
+export type ProgressType = (typeof ProgressTypes)[number];
+declare const ProgressStatuses: readonly ["normal", "exception", "active", "success"];
+export type ProgressSize = 'default' | 'small';
+export type StringGradients = {
+    [percentage: string]: string;
+};
+type FromToGradients = {
+    from: string;
+    to: string;
+};
+export type ProgressGradient = {
+    direction?: string;
+} & (StringGradients | FromToGradients);
+export interface SuccessProps {
+    percent?: number;
+    /** @deprecated Use `percent` instead */
+    progress?: number;
+    strokeColor?: string;
+}
+export type ProgressAriaProps = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+export interface ProgressProps extends ProgressAriaProps {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    type?: ProgressType;
+    percent?: number;
+    format?: (percent?: number, successPercent?: number) => React.ReactNode;
+    status?: (typeof ProgressStatuses)[number];
+    showInfo?: boolean;
+    strokeWidth?: number;
+    strokeLinecap?: 'butt' | 'square' | 'round';
+    strokeColor?: string | string[] | ProgressGradient;
+    trailColor?: string;
+    /** @deprecated Use `size` instead */
+    width?: number;
+    success?: SuccessProps;
+    style?: React.CSSProperties;
+    gapDegree?: number;
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+    size?: number | [number | string, number] | ProgressSize;
+    steps?: number;
+    /** @deprecated Use `success` instead */
+    successPercent?: number;
+    children?: React.ReactNode;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export default Progress;