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

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

@@ -1,328 +0,0 @@
-"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 _internal = require("../../theme/internal");
-var _customIcon = _interopRequireDefault(require("./custom-icon"));
-var _inline = _interopRequireDefault(require("./inline"));
-var _labelPlacement = _interopRequireDefault(require("./label-placement"));
-var _nav = _interopRequireDefault(require("./nav"));
-var _progress = _interopRequireDefault(require("./progress"));
-var _progressDot = _interopRequireDefault(require("./progress-dot"));
-var _rtl = _interopRequireDefault(require("./rtl"));
-var _small = _interopRequireDefault(require("./small"));
-var _vertical = _interopRequireDefault(require("./vertical"));
-var StepItemStatusEnum;
-(function (StepItemStatusEnum) {
-  StepItemStatusEnum["wait"] = "wait";
-  StepItemStatusEnum["process"] = "process";
-  StepItemStatusEnum["finish"] = "finish";
-  StepItemStatusEnum["error"] = "error";
-})(StepItemStatusEnum || (StepItemStatusEnum = {}));
-const genStepsItemStatusStyle = (status, token) => {
-  const prefix = `${token.componentCls}-item`;
-  const iconColorKey = `${status}IconColor`;
-  const titleColorKey = `${status}TitleColor`;
-  const descriptionColorKey = `${status}DescriptionColor`;
-  const tailColorKey = `${status}TailColor`;
-  const iconBgColorKey = `${status}IconBgColor`;
-  const iconBorderColorKey = `${status}IconBorderColor`;
-  const dotColorKey = `${status}DotColor`;
-  return {
-    [`${prefix}-${status} ${prefix}-icon`]: {
-      backgroundColor: token[iconBgColorKey],
-      borderColor: token[iconBorderColorKey],
-      [`> ${token.componentCls}-icon`]: {
-        color: token[iconColorKey],
-        [`${token.componentCls}-icon-dot`]: {
-          background: token[dotColorKey]
-        }
-      }
-    },
-    [`${prefix}-${status}${prefix}-custom ${prefix}-icon`]: {
-      [`> ${token.componentCls}-icon`]: {
-        color: token[dotColorKey]
-      }
-    },
-    [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-title`]: {
-      color: token[titleColorKey],
-      '&::after': {
-        backgroundColor: token[tailColorKey]
-      }
-    },
-    [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-description`]: {
-      color: token[descriptionColorKey]
-    },
-    [`${prefix}-${status} > ${prefix}-container > ${prefix}-tail::after`]: {
-      backgroundColor: token[tailColorKey]
-    }
-  };
-};
-const genStepsItemStyle = token => {
-  const {
-    componentCls,
-    motionDurationSlow
-  } = token;
-  const stepsItemCls = `${componentCls}-item`; // .ant-steps-item
-  const stepItemIconCls = `${stepsItemCls}-icon`;
-  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
-    [stepsItemCls]: {
-      position: 'relative',
-      display: 'inline-block',
-      flex: 1,
-      overflow: 'hidden',
-      verticalAlign: 'top',
-      '&:last-child': {
-        flex: 'none',
-        [`> ${stepsItemCls}-container > ${stepsItemCls}-tail, > ${stepsItemCls}-container >  ${stepsItemCls}-content > ${stepsItemCls}-title::after`]: {
-          display: 'none'
-        }
-      }
-    },
-    [`${stepsItemCls}-container`]: {
-      outline: 'none',
-      [`&:focus-visible`]: {
-        [stepItemIconCls]: Object.assign({}, (0, _style.genFocusOutline)(token))
-      }
-    },
-    [`${stepItemIconCls}, ${stepsItemCls}-content`]: {
-      display: 'inline-block',
-      verticalAlign: 'top'
-    },
-    [stepItemIconCls]: {
-      width: token.iconSize,
-      height: token.iconSize,
-      marginTop: 0,
-      marginBottom: 0,
-      marginInlineStart: 0,
-      marginInlineEnd: token.marginXS,
-      fontSize: token.iconFontSize,
-      fontFamily: token.fontFamily,
-      lineHeight: `${token.iconSize}px`,
-      textAlign: 'center',
-      borderRadius: token.iconSize,
-      border: `${token.lineWidth}px ${token.lineType} transparent`,
-      transition: `background-color ${motionDurationSlow}, border-color ${motionDurationSlow}`,
-      [`${componentCls}-icon`]: {
-        position: 'relative',
-        top: token.iconTop,
-        color: token.colorPrimary,
-        lineHeight: 1
-      }
-    },
-    [`${stepsItemCls}-tail`]: {
-      position: 'absolute',
-      top: token.iconSize / 2 - token.paddingXXS,
-      insetInlineStart: 0,
-      width: '100%',
-      '&::after': {
-        display: 'inline-block',
-        width: '100%',
-        height: token.lineWidth,
-        background: token.colorSplit,
-        borderRadius: token.lineWidth,
-        transition: `background ${motionDurationSlow}`,
-        content: '""'
-      }
-    },
-    [`${stepsItemCls}-title`]: {
-      position: 'relative',
-      display: 'inline-block',
-      paddingInlineEnd: token.padding,
-      color: token.colorText,
-      fontSize: token.fontSizeLG,
-      lineHeight: `${token.titleLineHeight}px`,
-      '&::after': {
-        position: 'absolute',
-        top: token.titleLineHeight / 2,
-        insetInlineStart: '100%',
-        display: 'block',
-        width: 9999,
-        height: token.lineWidth,
-        background: token.processTailColor,
-        content: '""'
-      }
-    },
-    [`${stepsItemCls}-subtitle`]: {
-      display: 'inline',
-      marginInlineStart: token.marginXS,
-      color: token.colorTextDescription,
-      fontWeight: 'normal',
-      fontSize: token.fontSize
-    },
-    [`${stepsItemCls}-description`]: {
-      color: token.colorTextDescription,
-      fontSize: token.fontSize
-    }
-  }, genStepsItemStatusStyle(StepItemStatusEnum.wait, token)), genStepsItemStatusStyle(StepItemStatusEnum.process, token)), {
-    [`${stepsItemCls}-process > ${stepsItemCls}-container > ${stepsItemCls}-title`]: {
-      fontWeight: token.fontWeightStrong
-    }
-  }), genStepsItemStatusStyle(StepItemStatusEnum.finish, token)), genStepsItemStatusStyle(StepItemStatusEnum.error, token)), {
-    [`${stepsItemCls}${componentCls}-next-error > ${componentCls}-item-title::after`]: {
-      background: token.colorError
-    },
-    [`${stepsItemCls}-disabled`]: {
-      cursor: 'not-allowed'
-    }
-  });
-};
-// ============================= Clickable ===========================
-const genStepsClickableStyle = token => {
-  const {
-    componentCls,
-    motionDurationSlow
-  } = token;
-  return {
-    [`& ${componentCls}-item`]: {
-      [`&:not(${componentCls}-item-active)`]: {
-        [`& > ${componentCls}-item-container[role='button']`]: {
-          cursor: 'pointer',
-          [`${componentCls}-item`]: {
-            [`&-title, &-subtitle, &-description, &-icon ${componentCls}-icon`]: {
-              transition: `color ${motionDurationSlow}`
-            }
-          },
-          '&:hover': {
-            [`${componentCls}-item`]: {
-              [`&-title, &-subtitle, &-description`]: {
-                color: token.colorPrimary
-              }
-            }
-          }
-        },
-        [`&:not(${componentCls}-item-process)`]: {
-          [`& > ${componentCls}-item-container[role='button']:hover`]: {
-            [`${componentCls}-item`]: {
-              '&-icon': {
-                borderColor: token.colorPrimary,
-                [`${componentCls}-icon`]: {
-                  color: token.colorPrimary
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    [`&${componentCls}-horizontal:not(${componentCls}-label-vertical)`]: {
-      [`${componentCls}-item`]: {
-        paddingInlineStart: token.padding,
-        whiteSpace: 'nowrap',
-        '&:first-child': {
-          paddingInlineStart: 0
-        },
-        [`&:last-child ${componentCls}-item-title`]: {
-          paddingInlineEnd: 0
-        },
-        '&-tail': {
-          display: 'none'
-        },
-        '&-description': {
-          maxWidth: token.descriptionMaxWidth,
-          whiteSpace: 'normal'
-        }
-      }
-    }
-  };
-};
-const genStepsStyle = token => {
-  const {
-    componentCls
-  } = token; // .ant-steps
-  return {
-    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
-      display: 'flex',
-      width: '100%',
-      fontSize: 0,
-      textAlign: 'initial'
-    }), genStepsItemStyle(token)), genStepsClickableStyle(token)), (0, _customIcon.default)(token)), (0, _small.default)(token)), (0, _vertical.default)(token)), (0, _labelPlacement.default)(token)), (0, _progressDot.default)(token)), (0, _nav.default)(token)), (0, _rtl.default)(token)), (0, _progress.default)(token)), (0, _inline.default)(token))
-  };
-};
-// ============================== Export ==============================
-var _default = (0, _internal.genComponentStyleHook)('Steps', token => {
-  const {
-    wireframe,
-    colorTextDisabled,
-    controlHeightLG,
-    colorTextLightSolid,
-    colorText,
-    colorPrimary,
-    colorTextLabel,
-    colorTextDescription,
-    colorTextQuaternary,
-    colorFillContent,
-    controlItemBgActive,
-    colorError,
-    colorBgContainer,
-    colorBorderSecondary,
-    colorSplit
-  } = token;
-  const stepsToken = (0, _internal.mergeToken)(token, {
-    // Steps component less variable
-    processIconColor: colorTextLightSolid,
-    processTitleColor: colorText,
-    processDescriptionColor: colorText,
-    processIconBgColor: colorPrimary,
-    processIconBorderColor: colorPrimary,
-    processDotColor: colorPrimary,
-    processTailColor: colorSplit,
-    waitIconColor: wireframe ? colorTextDisabled : colorTextLabel,
-    waitTitleColor: colorTextDescription,
-    waitDescriptionColor: colorTextDescription,
-    waitTailColor: colorSplit,
-    waitIconBgColor: wireframe ? colorBgContainer : colorFillContent,
-    waitIconBorderColor: wireframe ? colorTextDisabled : 'transparent',
-    waitDotColor: colorTextDisabled,
-    finishIconColor: colorPrimary,
-    finishTitleColor: colorText,
-    finishDescriptionColor: colorTextDescription,
-    finishTailColor: colorPrimary,
-    finishIconBgColor: wireframe ? colorBgContainer : controlItemBgActive,
-    finishIconBorderColor: wireframe ? colorPrimary : controlItemBgActive,
-    finishDotColor: colorPrimary,
-    errorIconColor: colorTextLightSolid,
-    errorTitleColor: colorError,
-    errorDescriptionColor: colorError,
-    errorTailColor: colorSplit,
-    errorIconBgColor: colorError,
-    errorIconBorderColor: colorError,
-    errorDotColor: colorError,
-    stepsNavActiveColor: colorPrimary,
-    stepsProgressSize: controlHeightLG,
-    // Steps inline variable
-    inlineDotSize: 6,
-    inlineTitleColor: colorTextQuaternary,
-    inlineTailColor: colorBorderSecondary
-  });
-  return [genStepsStyle(stepsToken)];
-}, token => {
-  const {
-    colorTextDisabled,
-    fontSize,
-    controlHeightSM,
-    controlHeight,
-    controlHeightLG,
-    fontSizeHeading3
-  } = token;
-  return {
-    titleLineHeight: controlHeight,
-    customIconSize: controlHeight,
-    customIconTop: 0,
-    customIconFontSize: controlHeightSM,
-    iconSize: controlHeight,
-    iconTop: -0.5,
-    iconFontSize: fontSize,
-    iconSizeSM: fontSizeHeading3,
-    dotSize: controlHeight / 4,
-    dotCurrentSize: controlHeightLG / 4,
-    navArrowColor: colorTextDisabled,
-    navContentMaxWidth: 'auto',
-    descriptionMaxWidth: 140
-  };
-});
-exports.default = _default;

package/dist/locale/antd/steps/style/inline.d.ts

@@ -1,5 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-import type { StepsToken } from '.';
-import type { GenerateStyle } from '../../theme/internal';
-declare const genStepsInlineStyle: GenerateStyle<StepsToken, CSSObject>;
-export default genStepsInlineStyle;

package/dist/locale/antd/steps/style/inline.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const genStepsInlineStyle = token => {
-  const {
-    componentCls,
-    inlineDotSize,
-    inlineTitleColor,
-    inlineTailColor
-  } = token;
-  const containerPaddingTop = token.paddingXS + token.lineWidth;
-  const titleStyle = {
-    [`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: {
-      color: inlineTitleColor
-    }
-  };
-  return {
-    [`&${componentCls}-inline`]: {
-      width: 'auto',
-      display: 'inline-flex',
-      [`${componentCls}-item`]: {
-        flex: 'none',
-        '&-container': {
-          padding: `${containerPaddingTop}px ${token.paddingXXS}px 0`,
-          margin: `0 ${token.marginXXS / 2}px`,
-          borderRadius: token.borderRadiusSM,
-          cursor: 'pointer',
-          transition: `background-color ${token.motionDurationMid}`,
-          '&:hover': {
-            background: token.controlItemBgHover
-          },
-          [`&[role='button']:hover`]: {
-            opacity: 1
-          }
-        },
-        '&-icon': {
-          width: inlineDotSize,
-          height: inlineDotSize,
-          marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,
-          [`> ${componentCls}-icon`]: {
-            top: 0
-          },
-          [`${componentCls}-icon-dot`]: {
-            borderRadius: token.fontSizeSM / 4
-          }
-        },
-        '&-content': {
-          width: 'auto',
-          marginTop: token.marginXS - token.lineWidth
-        },
-        '&-title': {
-          color: inlineTitleColor,
-          fontSize: token.fontSizeSM,
-          lineHeight: token.lineHeightSM,
-          fontWeight: 'normal',
-          marginBottom: token.marginXXS / 2
-        },
-        '&-description': {
-          display: 'none'
-        },
-        '&-tail': {
-          marginInlineStart: 0,
-          top: containerPaddingTop + inlineDotSize / 2,
-          transform: `translateY(-50%)`,
-          '&:after': {
-            width: '100%',
-            height: token.lineWidth,
-            borderRadius: 0,
-            marginInlineStart: 0,
-            background: inlineTailColor
-          }
-        },
-        [`&:first-child ${componentCls}-item-tail`]: {
-          width: '50%',
-          marginInlineStart: '50%'
-        },
-        [`&:last-child ${componentCls}-item-tail`]: {
-          display: 'block',
-          width: '50%'
-        },
-        '&-wait': Object.assign({
-          [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {
-            backgroundColor: token.colorBorderBg,
-            border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`
-          }
-        }, titleStyle),
-        '&-finish': Object.assign({
-          [`${componentCls}-item-tail::after`]: {
-            backgroundColor: inlineTailColor
-          },
-          [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {
-            backgroundColor: inlineTailColor,
-            border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`
-          }
-        }, titleStyle),
-        '&-error': titleStyle,
-        '&-active, &-process': Object.assign({
-          [`${componentCls}-item-icon`]: {
-            width: inlineDotSize,
-            height: inlineDotSize,
-            marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,
-            top: 0
-          }
-        }, titleStyle),
-        [`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]: {
-          [`${componentCls}-item-title`]: {
-            color: inlineTitleColor
-          }
-        }
-      }
-    }
-  };
-};
-var _default = genStepsInlineStyle;
-exports.default = _default;

package/dist/locale/antd/steps/style/label-placement.d.ts

@@ -1,5 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-import type { StepsToken } from '.';
-import type { GenerateStyle } from '../../theme/internal';
-declare const genStepsLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject>;
-export default genStepsLabelPlacementStyle;

package/dist/locale/antd/steps/style/label-placement.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const genStepsLabelPlacementStyle = token => {
-  const {
-    componentCls,
-    iconSize,
-    lineHeight,
-    iconSizeSM
-  } = token;
-  return {
-    [`&${componentCls}-label-vertical`]: {
-      [`${componentCls}-item`]: {
-        overflow: 'visible',
-        '&-tail': {
-          marginInlineStart: iconSize / 2 + token.controlHeightLG,
-          padding: `${token.paddingXXS}px ${token.paddingLG}px`
-        },
-        '&-content': {
-          display: 'block',
-          width: (iconSize / 2 + token.controlHeightLG) * 2,
-          marginTop: token.marginSM,
-          textAlign: 'center'
-        },
-        '&-icon': {
-          display: 'inline-block',
-          marginInlineStart: token.controlHeightLG
-        },
-        '&-title': {
-          paddingInlineEnd: 0,
-          paddingInlineStart: 0,
-          '&::after': {
-            display: 'none'
-          }
-        },
-        '&-subtitle': {
-          display: 'block',
-          marginBottom: token.marginXXS,
-          marginInlineStart: 0,
-          lineHeight
-        }
-      },
-      [`&${componentCls}-small:not(${componentCls}-dot)`]: {
-        [`${componentCls}-item`]: {
-          '&-icon': {
-            marginInlineStart: token.controlHeightLG + (iconSize - iconSizeSM) / 2
-          }
-        }
-      }
-    }
-  };
-};
-var _default = genStepsLabelPlacementStyle;
-exports.default = _default;

package/dist/locale/antd/steps/style/nav.d.ts

@@ -1,5 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-import type { StepsToken } from '.';
-import type { GenerateStyle } from '../../theme/internal';
-declare const genStepsNavStyle: GenerateStyle<StepsToken, CSSObject>;
-export default genStepsNavStyle;

package/dist/locale/antd/steps/style/nav.js

@@ -1,131 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _style = require("../../style");
-const genStepsNavStyle = token => {
-  const {
-    componentCls,
-    navContentMaxWidth,
-    navArrowColor,
-    stepsNavActiveColor,
-    motionDurationSlow
-  } = token;
-  return {
-    [`&${componentCls}-navigation`]: {
-      paddingTop: token.paddingSM,
-      [`&${componentCls}-small`]: {
-        [`${componentCls}-item`]: {
-          '&-container': {
-            marginInlineStart: -token.marginSM
-          }
-        }
-      },
-      [`${componentCls}-item`]: {
-        overflow: 'visible',
-        textAlign: 'center',
-        '&-container': {
-          display: 'inline-block',
-          height: '100%',
-          marginInlineStart: -token.margin,
-          paddingBottom: token.paddingSM,
-          textAlign: 'start',
-          transition: `opacity ${motionDurationSlow}`,
-          [`${componentCls}-item-content`]: {
-            maxWidth: navContentMaxWidth
-          },
-          [`${componentCls}-item-title`]: Object.assign(Object.assign({
-            maxWidth: '100%',
-            paddingInlineEnd: 0
-          }, _style.textEllipsis), {
-            '&::after': {
-              display: 'none'
-            }
-          })
-        },
-        [`&:not(${componentCls}-item-active)`]: {
-          [`${componentCls}-item-container[role='button']`]: {
-            cursor: 'pointer',
-            '&:hover': {
-              opacity: 0.85
-            }
-          }
-        },
-        '&:last-child': {
-          flex: 1,
-          '&::after': {
-            display: 'none'
-          }
-        },
-        '&::after': {
-          position: 'absolute',
-          top: `calc(50% - ${token.paddingSM / 2}px)`,
-          insetInlineStart: '100%',
-          display: 'inline-block',
-          width: token.fontSizeIcon,
-          height: token.fontSizeIcon,
-          borderTop: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,
-          borderBottom: 'none',
-          borderInlineStart: 'none',
-          borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,
-          transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',
-          content: '""'
-        },
-        '&::before': {
-          position: 'absolute',
-          bottom: 0,
-          insetInlineStart: '50%',
-          display: 'inline-block',
-          width: 0,
-          height: token.lineWidthBold,
-          backgroundColor: stepsNavActiveColor,
-          transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,
-          transitionTimingFunction: 'ease-out',
-          content: '""'
-        }
-      },
-      [`${componentCls}-item${componentCls}-item-active::before`]: {
-        insetInlineStart: 0,
-        width: '100%'
-      }
-    },
-    [`&${componentCls}-navigation${componentCls}-vertical`]: {
-      [`> ${componentCls}-item`]: {
-        marginInlineEnd: 0,
-        '&::before': {
-          display: 'none'
-        },
-        [`&${componentCls}-item-active::before`]: {
-          top: 0,
-          insetInlineEnd: 0,
-          insetInlineStart: 'unset',
-          display: 'block',
-          width: token.lineWidth * 3,
-          height: `calc(100% - ${token.marginLG}px)`
-        },
-        '&::after': {
-          position: 'relative',
-          insetInlineStart: '50%',
-          display: 'block',
-          width: token.controlHeight * 0.25,
-          height: token.controlHeight * 0.25,
-          marginBottom: token.marginXS,
-          textAlign: 'center',
-          transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'
-        },
-        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {
-          visibility: 'hidden'
-        }
-      }
-    },
-    [`&${componentCls}-navigation${componentCls}-horizontal`]: {
-      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
-        visibility: 'hidden'
-      }
-    }
-  };
-};
-var _default = genStepsNavStyle;
-exports.default = _default;

package/dist/locale/antd/steps/style/progress-dot.d.ts

@@ -1,5 +0,0 @@
-import type { CSSObject } from '@ant-design/cssinjs';
-import type { StepsToken } from '.';
-import type { GenerateStyle } from '../../theme/internal';
-declare const genStepsProgressDotStyle: GenerateStyle<StepsToken, CSSObject>;
-export default genStepsProgressDotStyle;