ezr-antd 1.0.0

package/lib/version/token.json

@@ -0,0 +1 @@
+{"Tree":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorTextQuaternary","marginXXS","borderRadius","controlItemBgHover","colorBgTextHover","motionEaseInOut"],"component":{"titleHeight":24,"indentSize":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeHoverColor":"rgba(0, 0, 0, 0.88)","nodeSelectedBg":"#e6f4ff","nodeSelectedColor":"rgba(0, 0, 0, 0.88)","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#1677ff"}},"Upload":{"global":["fontSizeHeading3","fontHeight","lineWidth","controlHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorFillAlter","colorBorder","borderRadiusLG","motionDurationSlow","padding","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","margin","colorPrimary","marginXXS","colorTextHeading","fontSizeLG","colorTextDescription","paddingXS","lineType","paddingSM","fontSizeHeading2","colorError","colorErrorBg","colorTextLightSolid","marginXS","colorBgMask","marginXL","fontHeightSM","controlItemBgHover","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0, 0, 0, 0.45)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccess","colorWarning","colorError","colorErrorActive","colorErrorHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","colorLink","linkDecoration","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorLinkHover","colorLinkActive","marginXXS","paddingSM","marginXS","fontSize"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","colorTextQuaternary","marginXXS","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorPrimary","colorTextDisabled","controlItemBgHover","controlInteractiveSize","colorBgTextHover","colorBorder","motionDurationMid","lineWidthBold","marginXS","borderRadiusSM","colorBgContainer","lineWidth","lineType","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"indentSize":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeHoverColor":"rgba(0, 0, 0, 0.88)","nodeSelectedBg":"#e6f4ff","nodeSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Transfer":{"global":["marginXS","marginXXS","fontSizeIcon","colorBgContainerDisabled","colorText","fontSize","lineHeight","fontFamily","colorBorder","colorSplit","lineWidth","controlItemBgActive","colorTextDisabled","colorTextSecondary","paddingSM","lineType","motionDurationSlow","controlItemBgHover","borderRadiusLG","colorBgContainer","controlItemBgActiveHover","colorLink","linkDecoration","lineWidthFocus","colorPrimaryBorder","colorLinkHover","colorLinkActive","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tour":{"global":["borderRadiusLG","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorFill","boxShadowTertiary","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","colorText","fontSize","lineHeight","fontFamily","colorIcon","borderRadiusSM","motionDurationMid","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","boxShadowPopoverArrow","sizePopupArrow"],"component":{"zIndexPopup":1070,"closeBtnSize":22,"primaryPrevBtnBg":"rgba(255, 255, 255, 0.15)","primaryNextBtnHoverBg":"rgb(240, 240, 240)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","boxShadowSecondary","paddingSM","paddingXS","colorText","fontSize","lineHeight","fontFamily","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Image":{"global":["controlHeightLG","colorBgContainerDisabled","motionDurationSlow","paddingXXS","marginXXS","colorTextLightSolid","motionEaseOut","paddingSM","marginXL","margin","paddingLG","marginSM","zIndexPopupBase","colorBgMask","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1080,"previewOperationColor":"rgba(255, 255, 255, 0.65)","previewOperationHoverColor":"rgba(255, 255, 255, 0.85)","previewOperationColorDisabled":"rgba(255, 255, 255, 0.25)","previewOperationSize":18}},"Grid":{"global":[],"component":{}},"Form":{"global":["colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextDescription","fontSizeLG","lineWidth","lineType","colorBorder","controlOutlineWidth","controlOutline","paddingSM","controlHeightSM","controlHeightLG","colorError","colorWarning","marginXXS","controlHeight","motionDurationMid","motionEaseOut","motionEaseOutBack","colorSuccess","colorPrimary","motionDurationFast","motionEaseInOut","margin","screenXSMax","screenSMMax","screenMDMax","screenLGMax"],"component":{"labelRequiredMarkColor":"#ff4d4f","labelColor":"rgba(0, 0, 0, 0.88)","labelFontSize":14,"labelHeight":32,"labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0,"inlineItemMarginBottom":0}},"FloatButton":{"global":["colorTextLightSolid","colorBgElevated","controlHeightLG","marginXXL","marginLG","fontSize","fontSizeIcon","controlItemBgHover","paddingXXS","margin","borderRadiusLG","borderRadiusSM","zIndexPopupBase","colorText","lineHeight","fontFamily","lineWidth","lineType","colorSplit","boxShadowSecondary","motionDurationMid","colorFillContent","fontSizeLG","fontSizeSM","colorPrimary","colorPrimaryHover","motionDurationSlow","motionEaseInOutCirc"],"component":{"dotOffsetInCircle":5.857864376269049,"dotOffsetInSquare":2.3431457505076194}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorTextDescription"],"component":{}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","boxShadowPopoverArrow","borderRadiusXS","colorText","lineHeight","fontFamily","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","padding","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorError","colorTextLightSolid"],"component":{"zIndexPopup":1050,"paddingBlock":5,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Drawer":{"global":["borderRadiusSM","colorBgMask","colorBgElevated","motionDurationSlow","motionDurationMid","paddingXS","padding","paddingLG","fontSizeLG","lineHeightLG","lineWidth","lineType","colorSplit","marginXS","colorIcon","colorIconHover","colorBgTextHover","colorBgTextActive","colorText","fontWeightStrong","boxShadowDrawerLeft","boxShadowDrawerRight","boxShadowDrawerUp","boxShadowDrawerDown","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16}},"Divider":{"global":["margin","marginLG","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","colorTextHeading","fontSizeLG"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG","borderRadiusLG","colorTextTertiary"],"component":{"labelBg":"rgba(0, 0, 0, 0.02)","titleColor":"rgba(0, 0, 0, 0.88)","titleMarginBottom":20,"itemPaddingBottom":16,"itemPaddingEnd":16,"colonMarginRight":8,"colonMarginLeft":2,"contentColor":"rgba(0, 0, 0, 0.88)","extraColor":"rgba(0, 0, 0, 0.88)"}},"Timeline":{"global":["paddingXXS","colorText","fontSize","lineHeight","fontFamily","lineType","fontSizeSM","colorPrimary","colorError","colorSuccess","colorTextDisabled","lineWidth","margin","controlHeightLG","marginXXS","marginSM","marginXS"],"component":{"tailColor":"rgba(5, 5, 5, 0.06)","tailWidth":2,"dotBorderWidth":2,"dotBg":"#ffffff","itemPaddingBottom":20}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineType","colorBorder","borderRadiusSM","motionDurationMid","colorTextDescription","colorTextHeading","colorTextLightSolid","colorPrimary","colorFillSecondary","colorPrimaryHover","colorPrimaryActive"],"component":{"defaultBg":"#fafafa","defaultColor":"rgba(0, 0, 0, 0.88)"}},"Tabs":{"global":["paddingXXS","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","lineWidth","lineType","lineWidthBold","motionDurationSlow","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorTextDescription","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","controlHeightLG","paddingXS","lineWidthFocus","colorPrimaryBorder","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0, 0, 0, 0.02)","cardHeight":40,"cardPadding":"8px 16px","cardPaddingSM":"6px 16px","cardPaddingLG":"8px 16px 6px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#1677ff","horizontalMargin":"0 0 16px 0","horizontalItemGutter":32,"horizontalItemMargin":"","horizontalItemMarginRTL":"","horizontalItemPadding":"12px 0","horizontalItemPaddingSM":"8px 0","horizontalItemPaddingLG":"16px 0","verticalItemPadding":"8px 24px","verticalItemMargin":"16px 0 0 0","itemColor":"rgba(0, 0, 0, 0.88)","itemSelectedColor":"#1677ff","itemHoverColor":"#4096ff","itemActiveColor":"#0958d9","cardGutter":2}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","colorPrimary","paddingXXS","fontSizeSM","borderRadius","colorTextDescription","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","linkDecoration","lineWidthFocus","colorPrimaryBorder","colorLinkHover","colorLinkActive","opacityLoading"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0, 0, 0, 0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#e6f4ff","rowSelectedHoverBg":"#bae0ff","rowExpandedBg":"rgba(0, 0, 0, 0.02)","cellPaddingBlock":16,"cellPaddingInline":16,"cellPaddingBlockMD":12,"cellPaddingInlineMD":8,"cellPaddingBlockSM":8,"cellPaddingInlineSM":8,"borderColor":"#f0f0f0","headerBorderRadius":8,"footerBg":"#fafafa","footerColor":"rgba(0, 0, 0, 0.88)","cellFontSize":14,"cellFontSizeMD":14,"cellFontSizeSM":14,"headerSplitColor":"#f0f0f0","fixedHeaderSortActiveBg":"#f0f0f0","headerFilterHoverBg":"rgba(0, 0, 0, 0.06)","filterDropdownMenuBg":"#ffffff","filterDropdownBg":"#ffffff","expandIconBg":"#ffffff","selectionColumnWidth":32,"stickyScrollBarBg":"rgba(0, 0, 0, 0.25)","stickyScrollBarBorderRadius":100,"expandIconMarginTop":2.5,"headerIconColor":"rgba(0, 0, 0, 0.29)","headerIconHoverColor":"rgba(0, 0, 0, 0.57)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Switch":{"global":["motionDurationMid","colorPrimary","opacityLoading","fontSizeIcon","colorText","fontSize","lineHeight","fontFamily","colorTextQuaternary","colorTextTertiary","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","colorTextLightSolid","fontSizeSM","marginXXS"],"component":{"trackHeight":22,"trackHeightSM":16,"trackMinWidth":44,"trackMinWidthSM":28,"trackPadding":2,"handleBg":"#fff","handleSize":18,"handleSizeSM":12,"handleShadow":"0 2px 4px 0 rgba(0, 35, 11, 0.2)","innerMinMargin":9,"innerMaxMargin":24,"innerMinMarginSM":6,"innerMaxMarginSM":18}},"Steps":{"global":["colorTextDisabled","controlHeightLG","colorTextLightSolid","colorText","colorPrimary","colorTextDescription","colorTextQuaternary","colorError","colorBorderSecondary","colorSplit","fontSize","lineHeight","fontFamily","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXS","lineWidth","lineType","padding","fontSizeLG","fontWeightStrong","fontSizeSM","paddingSM","paddingXXS","margin","controlHeight","marginXXS","paddingLG","marginSM","paddingXS","controlHeightSM","fontSizeIcon","lineWidthBold","marginLG","borderRadiusSM","motionDurationMid","controlItemBgHover","lineHeightSM","colorBorderBg"],"component":{"titleLineHeight":32,"customIconSize":32,"customIconTop":0,"customIconFontSize":24,"iconSize":32,"iconTop":-0.5,"iconFontSize":14,"iconSizeSM":24,"dotSize":8,"dotCurrentSize":10,"navArrowColor":"rgba(0, 0, 0, 0.25)","navContentMaxWidth":"auto","descriptionMaxWidth":140,"waitIconColor":"rgba(0, 0, 0, 0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0, 0, 0, 0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#1677ff"}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Splitter":{"global":["colorFill","controlItemBgHover","controlItemBgActive","controlItemBgActiveHover","colorText","fontSize","lineHeight","fontFamily","fontSizeSM","borderRadiusXS","zIndexPopupBase","controlHeightSM"],"component":{"splitBarSize":2,"splitTriggerSize":6,"splitBarDraggableSize":20,"resizeSpinnerSize":20}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionEaseInOutCirc","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","colorBgContainer","marginXXS","colorFillSecondary"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"Space":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","colorPrimaryBorderHover","colorBgElevated","colorTextDescription","motionDurationSlow"],"component":{"controlSize":10,"railSize":4,"handleSize":10,"handleSizeHover":12,"dotSize":8,"handleLineWidth":2,"handleLineWidthHover":2.5,"railBg":"rgba(0, 0, 0, 0.04)","railHoverBg":"rgba(0, 0, 0, 0.06)","trackBg":"#91caff","trackHoverBg":"#69b1ff","handleColor":"#91caff","handleActiveColor":"#1677ff","handleActiveOutlineColor":"rgba(22, 119, 255, 0.2)","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#91caff","trackBgDisabled":"rgba(0, 0, 0, 0.04)"}},"Skeleton":{"global":["controlHeight","controlHeightLG","controlHeightSM","padding","marginSM","controlHeightXS","borderRadiusSM"],"component":{"color":"rgba(0, 0, 0, 0.06)","colorGradientEnd":"rgba(0, 0, 0, 0.15)","gradientFromColor":"rgba(0, 0, 0, 0.06)","gradientToColor":"rgba(0, 0, 0, 0.15)","titleHeight":16,"blockRadius":4,"paragraphMarginTop":28,"paragraphLiHeight":16}},"Select":{"global":["paddingSM","controlHeight","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","motionEaseInOut","colorTextPlaceholder","fontSizeIcon","colorTextQuaternary","motionDurationSlow","colorTextTertiary","colorBgBase","paddingXS","controlPaddingHorizontalSM","lineWidth","borderRadius","controlHeightSM","borderRadiusSM","fontSizeLG","borderRadiusLG","borderRadiusXS","controlHeightLG","controlPaddingHorizontal","paddingXXS","colorIcon","colorIconHover","colorBgElevated","boxShadowSecondary","colorTextDescription","fontSizeSM","colorPrimary","colorBgContainerDisabled","colorTextDisabled","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBorder","controlOutlineWidth","lineType","colorError","colorErrorHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover","colorBgContainer","colorSplit"],"component":{"INTERNAL_FIXED_ITEM_MARGIN":2,"zIndexPopup":1050,"optionSelectedColor":"rgba(0, 0, 0, 0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#e6f4ff","optionActiveBg":"rgba(0, 0, 0, 0.04)","optionPadding":"5px 12px","optionFontSize":14,"optionLineHeight":1.5714285714285714,"optionHeight":32,"selectorBg":"#ffffff","clearBg":"#ffffff","singleItemHeightLG":40,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","showArrowPaddingInlineEnd":18,"hoverBorderColor":"#4096ff","activeBorderColor":"#1677ff","activeOutlineColor":"rgba(5, 145, 255, 0.1)","selectAffixPadding":4}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","motionEaseInOut","paddingXXS","borderRadiusSM","boxShadowTertiary","marginSM","motionDurationSlow","borderRadiusLG","fontSizeLG","borderRadiusXS","colorTextDisabled"],"component":{"trackPadding":2,"trackBg":"#f5f5f5","itemColor":"rgba(0, 0, 0, 0.65)","itemHoverColor":"rgba(0, 0, 0, 0.88)","itemHoverBg":"rgba(0, 0, 0, 0.06)","itemSelectedBg":"#ffffff","itemActiveBg":"rgba(0, 0, 0, 0.15)","itemSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Result":{"global":["colorInfo","colorError","colorSuccess","colorWarning","lineHeightHeading3","padding","paddingXL","paddingXS","paddingLG","marginXS","lineHeight","colorTextHeading","colorTextDescription","colorFillAlter"],"component":{"titleFontSize":24,"subtitleFontSize":14,"iconFontSize":72,"extraMargin":"24px 0 0 0"}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid","lineWidth"],"component":{"starColor":"#fadb14","starSize":20,"starHoverScale":"scale(1.1)","starBg":"rgba(0, 0, 0, 0.06)"}},"Radio":{"global":["controlOutline","controlOutlineWidth","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","lineWidth","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","borderRadius","borderRadiusSM","borderRadiusLG","colorPrimaryHover","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0, 0, 0, 0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#1677ff","buttonSolidCheckedHoverBg":"#4096ff","buttonSolidCheckedActiveBg":"#0958d9","buttonBg":"#ffffff","buttonCheckedBg":"#ffffff","buttonColor":"rgba(0, 0, 0, 0.88)","buttonCheckedBgDisabled":"rgba(0, 0, 0, 0.15)","buttonCheckedColorDisabled":"rgba(0, 0, 0, 0.25)","buttonPaddingInline":15,"wrapperMarginInlineEnd":8,"radioColor":"#1677ff","radioBgColor":"#ffffff"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeMaskBackgroundColor":"rgba(255, 255, 255, 0.96)"}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","motionEaseInOutCirc","colorWhite","colorSuccess","marginXS","paddingXXS","colorBgContainer","motionEaseOutQuint","colorError","fontSizeSM"],"component":{"circleTextColor":"rgba(0, 0, 0, 0.88)","defaultColor":"#1677ff","remainingColor":"rgba(0, 0, 0, 0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Pagination":{"global":["marginXXS","controlHeightLG","marginSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineWidth","lineType","borderRadius","motionDurationMid","colorBgTextHover","colorBgTextActive","fontWeightStrong","colorPrimary","colorPrimaryHover","fontSizeSM","colorTextDisabled","margin","controlHeight","colorTextPlaceholder","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","colorBgContainerDisabled","controlOutlineWidth","controlOutline","controlHeightSM","screenLG","screenSM","lineWidthFocus","colorPrimaryBorder"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemActiveBg":"#ffffff","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0, 0, 0, 0.25)","itemActiveBgDisabled":"rgba(0, 0, 0, 0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","colorPrimaryBorderHover","colorPrimary","motionDurationMid","motionEaseInOut","colorText","fontSize","lineHeight","fontFamily","boxShadow","borderRadiusLG","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","marginXS","marginSM","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgBlur"],"component":{"zIndexPopup":2050,"width":384}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","paddingLG","fontWeightStrong","borderRadiusLG","boxShadow","zIndexPopupBase","borderRadiusSM","motionDurationMid","fontSizeLG","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"footerBg":"transparent","headerBg":"#ffffff","titleLineHeight":1.5,"titleFontSize":16,"contentBg":"#ffffff","titleColor":"rgba(0, 0, 0, 0.88)","contentPadding":0,"headerPadding":"16px 24px","headerBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","headerMarginBottom":0,"bodyPadding":24,"footerPadding":"8px 16px","footerBorderTop":"1px solid rgba(5, 5, 5, 0.06)","footerBorderRadius":"0 0 8px 8px","footerMarginTop":0,"confirmBodyPadding":"32px 32px 24px","confirmIconMarginInlineEnd":16,"confirmBtnsMarginTop":24}},"Message":{"global":["boxShadow","colorText","colorSuccess","colorError","colorWarning","colorInfo","fontSizeLG","motionEaseInOutCirc","motionDurationSlow","marginXS","paddingXS","borderRadiusLG","fontSize","lineHeight","fontFamily"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","fontSizeSM","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","motionDurationFast","boxShadowSecondary","marginXS","lineWidthFocus","colorPrimaryBorder","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"dropdownWidth":160,"zIndexPopup":1050,"radiusItem":8,"itemBorderRadius":8,"radiusSubMenuItem":4,"subMenuItemBorderRadius":4,"colorItemText":"rgba(0, 0, 0, 0.88)","itemColor":"rgba(0, 0, 0, 0.88)","colorItemTextHover":"rgba(0, 0, 0, 0.88)","itemHoverColor":"rgba(0, 0, 0, 0.88)","colorItemTextHoverHorizontal":"#1677ff","horizontalItemHoverColor":"#1677ff","colorGroupTitle":"rgba(0, 0, 0, 0.45)","groupTitleColor":"rgba(0, 0, 0, 0.45)","colorItemTextSelected":"#1677ff","itemSelectedColor":"#1677ff","colorItemTextSelectedHorizontal":"#1677ff","horizontalItemSelectedColor":"#1677ff","colorItemBg":"#ffffff","itemBg":"#ffffff","colorItemBgHover":"rgba(0, 0, 0, 0.06)","itemHoverBg":"rgba(0, 0, 0, 0.06)","colorItemBgActive":"rgba(0, 0, 0, 0.06)","itemActiveBg":"#e6f4ff","colorSubItemBg":"rgba(0, 0, 0, 0.02)","subMenuItemBg":"rgba(0, 0, 0, 0.02)","colorItemBgSelected":"#e6f4ff","itemSelectedBg":"#e6f4ff","colorItemBgSelectedHorizontal":"transparent","horizontalItemSelectedBg":"transparent","colorActiveBarWidth":0,"activeBarWidth":0,"colorActiveBarHeight":2,"activeBarHeight":2,"colorActiveBarBorderSize":1,"activeBarBorderWidth":1,"colorItemTextDisabled":"rgba(0, 0, 0, 0.25)","itemDisabledColor":"rgba(0, 0, 0, 0.25)","colorDangerItemText":"#ff4d4f","dangerItemColor":"#ff4d4f","colorDangerItemTextHover":"#ff4d4f","dangerItemHoverColor":"#ff4d4f","colorDangerItemTextSelected":"#ff4d4f","dangerItemSelectedColor":"#ff4d4f","colorDangerItemBgActive":"#fff2f0","dangerItemActiveBg":"#fff2f0","colorDangerItemBgSelected":"#fff2f0","dangerItemSelectedBg":"#fff2f0","itemMarginInline":4,"horizontalItemBorderRadius":0,"horizontalItemHoverBg":"transparent","itemHeight":40,"groupTitleLineHeight":1.5714285714285714,"collapsedWidth":80,"popupBg":"#ffffff","itemMarginBlock":4,"itemPaddingInline":16,"horizontalLineHeight":"46px","iconSize":14,"iconMarginInlineEnd":10,"collapsedIconSize":16,"groupTitleFontSize":14,"darkItemDisabledColor":"rgba(255, 255, 255, 0.25)","darkItemColor":"rgba(255, 255, 255, 0.65)","darkDangerItemColor":"#ff4d4f","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#1677ff","darkDangerItemSelectedBg":"#ff4d4f","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255, 255, 255, 0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#ff7875","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#ff4d4f","itemWidth":"calc(100% - 8px)"}},"Mentions":{"global":["paddingXXS","colorTextDisabled","controlItemBgHover","controlPaddingHorizontal","colorText","motionDurationSlow","lineHeight","controlHeight","fontSize","fontSizeIcon","colorTextTertiary","colorTextQuaternary","colorBgElevated","paddingLG","borderRadius","borderRadiusLG","boxShadowSecondary","fontFamily","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","fontWeightStrong"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"List":{"global":["controlHeightLG","controlHeight","paddingSM","marginLG","padding","colorPrimary","paddingXS","margin","colorText","colorTextDescription","motionDurationSlow","lineWidth","fontSize","lineHeight","fontFamily","marginXXS","marginXXL","fontHeight","colorSplit","fontSizeSM","colorTextDisabled","fontSizeLG","lineHeightLG","lineType","paddingLG","borderRadiusLG","colorBorder","screenSM","screenMD","marginSM"],"component":{"contentWidth":220,"itemPadding":"12px 0","itemPaddingSM":"8px 16px","itemPaddingLG":"16px 24px","headerBg":"transparent","footerBg":"transparent","emptyTextPadding":16,"metaMarginBottom":16,"avatarMarginRight":16,"titleMarginBottom":12,"descriptionFontSize":14}},"Layout":{"global":["colorText","fontSize"],"component":{"colorBgHeader":"#001529","colorBgBody":"#f5f5f5","colorBgTrigger":"#002140","bodyBg":"#f5f5f5","headerBg":"#001529","headerHeight":64,"headerPadding":"0 50px","headerColor":"rgba(0, 0, 0, 0.88)","footerPadding":"24px 50px","footerBg":"#f5f5f5","siderBg":"#001529","triggerHeight":48,"triggerBg":"#002140","triggerColor":"#fff","zeroTriggerWidth":40,"zeroTriggerHeight":40,"lightSiderBg":"#ffffff","lightTriggerBg":"#ffffff","lightTriggerColor":"rgba(0, 0, 0, 0.88)"}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","controlHeightLG","controlHeightSM","colorError","colorTextDescription","motionDurationMid","colorTextDisabled","borderRadiusSM","borderRadiusLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","controlHeight","motionDurationSlow","colorBorder","colorBgContainer","colorBgContainerDisabled","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","paddingXS","fontSizeLG","colorSplit"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"controlWidth":90,"handleWidth":22,"handleFontSize":7,"handleVisible":"auto","handleActiveBg":"rgba(0, 0, 0, 0.02)","handleBg":"#ffffff","filledHandleBg":"#f0f0f0","handleHoverColor":"#1677ff","handleBorderColor":"#d9d9d9","handleOpacity":0}},"Input":{"global":["paddingXXS","controlHeightSM","lineWidth","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","controlHeight","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineType","colorTextDisabled","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeightLG","paddingLG","colorTextDescription","paddingXS","colorIcon","colorIconHover","colorTextQuaternary","fontSizeIcon","colorTextTertiary","colorSplit","colorPrimaryHover","colorPrimaryActive"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","fontSizeLG","controlHeightSM","paddingXS","marginXS","colorTextDescription","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","fontHeightLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIcon","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"INTERNAL_FIXED_ITEM_MARGIN":2,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","presetsWidth":120,"presetsMaxWidth":200,"zIndexPopup":1050}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","boxShadowSecondary","colorTextHeading","borderRadiusLG","fontSize","lineHeight","fontFamily","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","blue6","purple6","cyan6","green6","magenta6","pink6","red6","orange6","yellow6","volcano6","geekblue6","lime6","gold6","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"titleMinWidth":177,"zIndexPopup":1030,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"innerPadding":0,"titleMarginBottom":0,"titlePadding":"5px 16px 4px","titleBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","innerContentPadding":"12px 16px"}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","colorBgTextActive","lineWidth","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","colorPrimaryActive","fontSizeSM","lineHeightSM","marginXXS","fontSizeIcon","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"Collapse":{"global":["paddingXS","paddingSM","padding","paddingLG","borderRadiusLG","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","paddingXXS","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerBg":"rgba(0, 0, 0, 0.02)","contentPadding":"16px 16px","contentBg":"#ffffff"}},"Checkbox":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Cascader":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorTextDescription","fontSizeIcon","colorHighlight"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#e6f4ff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4}},"Carousel":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","colorBgContainer","marginXXS"],"component":{"arrowSize":16,"arrowOffset":8,"dotWidth":16,"dotHeight":3,"dotGap":4,"dotOffset":12,"dotWidthActive":24,"dotActiveWidth":24}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorTextDescription","colorPrimary","fontHeight","marginXXS","marginXS","fontSizeLG","colorFillAlter"],"component":{"headerBg":"transparent","headerFontSize":16,"headerFontSizeSM":14,"headerHeight":56,"headerHeightSM":38,"actionsBg":"#ffffff","actionsLiMargin":"12px 0","tabsMarginBottom":-17,"extraColor":"rgba(0, 0, 0, 0.88)"}},"Calendar":{"global":["controlHeightLG","paddingXXS","padding","controlHeightSM","fontHeightSM","marginXS","lineWidth","paddingSM","paddingXS","colorBgContainer","lineType","borderRadiusLG","colorPrimary","colorTextHeading","colorSplit","colorIcon","motionDurationMid","colorIconHover","fontWeightStrong","colorTextDisabled","colorText","fontSize","motionDurationSlow","borderRadiusSM","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","lineHeight","fontFamily","controlItemBgHover","lineWidthBold","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#e6f4ff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"INTERNAL_FIXED_ITEM_MARGIN":2,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent"}},"Button":{"global":["marginXS","lineWidth","lineType","motionDurationMid","motionEaseInOut","colorText","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","opacityLoading","motionDurationSlow","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","colorBgSolid","colorBgSolidHover","colorBgSolidActive","colorTextDisabled","colorBgContainerDisabled","colorFillTertiary","colorFillSecondary","colorFill","colorLinkHover","colorLinkActive","colorBorder","colorPrimary","colorBgContainer","colorPrimaryTextHover","colorPrimaryHover","colorPrimaryTextActive","colorPrimaryActive","colorPrimaryBg","colorPrimaryBgHover","colorLink","colorError","colorErrorHover","colorErrorActive","colorErrorBorderHover","colorErrorBg","colorErrorBgFilledHover","colorErrorBgActive","colorBgTextActive","fontSize"],"component":{"fontWeight":400,"defaultShadow":"0 2px 0 rgba(0, 0, 0, 0.02)","primaryShadow":"0 2px 0 rgba(5, 145, 255, 0.1)","dangerShadow":"0 2px 0 rgba(255, 38, 5, 0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":16,"onlyIconSizeSM":14,"onlyIconSizeLG":18,"groupBorderColor":"#4096ff","linkHoverBg":"transparent","textTextColor":"rgba(0, 0, 0, 0.88)","textTextHoverColor":"rgba(0, 0, 0, 0.88)","textTextActiveColor":"rgba(0, 0, 0, 0.88)","textHoverBg":"rgba(0, 0, 0, 0.04)","defaultColor":"rgba(0, 0, 0, 0.88)","defaultBg":"#ffffff","defaultBorderColor":"#d9d9d9","defaultBorderColorDisabled":"#d9d9d9","defaultHoverBg":"#ffffff","defaultHoverColor":"#4096ff","defaultHoverBorderColor":"#4096ff","defaultActiveBg":"#ffffff","defaultActiveColor":"#0958d9","defaultActiveBorderColor":"#0958d9","solidTextColor":"#fff","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7}},"Breadcrumb":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXXS","borderRadiusSM","fontHeight","marginXXS","colorBgTextHover","lineWidthFocus","colorPrimaryBorder","fontSizeIcon"],"component":{"itemColor":"rgba(0, 0, 0, 0.45)","lastItemColor":"rgba(0, 0, 0, 0.88)","iconFontSize":14,"linkColor":"rgba(0, 0, 0, 0.45)","linkHoverColor":"rgba(0, 0, 0, 0.88)","separatorColor":"rgba(0, 0, 0, 0.45)","separatorMargin":8}},"Badge":{"global":["fontHeight","lineWidth","marginXS","colorBorderBg","colorTextLightSolid","colorError","colorErrorHover","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXS","colorSuccess","colorInfo","colorTextPlaceholder","colorWarning","motionDurationSlow","motionEaseOutBack"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6}},"BackTop":{"global":["fontSizeHeading3","colorTextDescription","colorTextLightSolid","colorText","controlHeightLG","fontSize","lineHeight","fontFamily","motionDurationMid","screenMD","screenXS"],"component":{"zIndexPopup":10}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":18,"textFontSizeLG":24,"textFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Anchor":{"global":["fontSize","fontSizeLG","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadiusLG","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover"],"component":{"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Affix":{"global":[],"component":{"zIndexPopup":10}}}

package/lib/version/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "1.0.7";
+export default _default;

package/lib/version/version.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = '1.0.7';

package/lib/watermark/context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface WatermarkContextProps {
+    add: (ele: HTMLElement) => void;
+    remove: (ele: HTMLElement) => void;
+}
+declare const WatermarkContext: React.Context<WatermarkContextProps>;
+export declare function usePanelRef(panelSelector?: string): (ele: HTMLElement | null) => void;
+export default WatermarkContext;

package/lib/watermark/context.js

@@ -0,0 +1,31 @@
+"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.default = void 0;
+exports.usePanelRef = usePanelRef;
+var React = _interopRequireWildcard(require("react"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+function voidFunc() {}
+const WatermarkContext = /*#__PURE__*/React.createContext({
+  add: voidFunc,
+  remove: voidFunc
+});
+function usePanelRef(panelSelector) {
+  const watermark = React.useContext(WatermarkContext);
+  const panelEleRef = React.useRef();
+  const panelRef = (0, _useEvent.default)(ele => {
+    if (ele) {
+      const innerContentEle = panelSelector ? ele.querySelector(panelSelector) : ele;
+      watermark.add(innerContentEle);
+      panelEleRef.current = innerContentEle;
+    } else {
+      watermark.remove(panelEleRef.current);
+    }
+  });
+  return panelRef;
+}
+var _default = exports.default = WatermarkContext;

package/lib/watermark/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface WatermarkProps {
+    zIndex?: number;
+    rotate?: number;
+    width?: number;
+    height?: number;
+    image?: string;
+    content?: string | string[];
+    font?: {
+        color?: CanvasFillStrokeStyles['fillStyle'];
+        fontSize?: number | string;
+        fontWeight?: 'normal' | 'light' | 'weight' | number;
+        fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+        fontFamily?: string;
+        textAlign?: CanvasTextAlign;
+    };
+    style?: React.CSSProperties;
+    className?: string;
+    rootClassName?: string;
+    gap?: [number, number];
+    offset?: [number, number];
+    children?: React.ReactNode;
+    inherit?: boolean;
+}
+declare const Watermark: React.FC<WatermarkProps>;
+export default Watermark;

package/lib/watermark/index.js

@@ -0,0 +1,227 @@
+"use strict";
+"use client";
+
+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 _mutateObserver = require("@rc-component/mutate-observer");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _internal = require("../theme/internal");
+var _context = _interopRequireDefault(require("./context"));
+var _useClips = _interopRequireWildcard(require("./useClips"));
+var _useRafDebounce = _interopRequireDefault(require("./useRafDebounce"));
+var _useWatermark = _interopRequireDefault(require("./useWatermark"));
+var _utils = require("./utils");
+var _toList = _interopRequireDefault(require("../_util/toList"));
+/**
+ * Only return `next` when size changed.
+ * This is only used for elements compare, not a shallow equal!
+ */
+function getSizeDiff(prev, next) {
+  return prev.size === next.size ? prev : next;
+}
+const DEFAULT_GAP_X = 100;
+const DEFAULT_GAP_Y = 100;
+const fixedStyle = {
+  position: 'relative',
+  overflow: 'hidden'
+};
+const Watermark = props => {
+  var _a, _b;
+  const {
+    /**
+     * The antd content layer zIndex is basically below 10
+     * https://github.com/ant-design/ant-design/blob/6192403b2ce517c017f9e58a32d58774921c10cd/components/style/themes/default.less#L335
+     */
+    zIndex = 9,
+    rotate = -22,
+    width,
+    height,
+    image,
+    content,
+    font = {},
+    style,
+    className,
+    rootClassName,
+    gap = [DEFAULT_GAP_X, DEFAULT_GAP_Y],
+    offset,
+    children,
+    inherit = true
+  } = props;
+  const mergedStyle = Object.assign(Object.assign({}, fixedStyle), style);
+  const [, token] = (0, _internal.useToken)();
+  const {
+    color = token.colorFill,
+    fontSize = token.fontSizeLG,
+    fontWeight = 'normal',
+    fontStyle = 'normal',
+    fontFamily = 'sans-serif',
+    textAlign = 'center'
+  } = font;
+  const [gapX = DEFAULT_GAP_X, gapY = DEFAULT_GAP_Y] = gap;
+  const gapXCenter = gapX / 2;
+  const gapYCenter = gapY / 2;
+  const offsetLeft = (_a = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _a !== void 0 ? _a : gapXCenter;
+  const offsetTop = (_b = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _b !== void 0 ? _b : gapYCenter;
+  const markStyle = _react.default.useMemo(() => {
+    const mergedMarkStyle = {
+      zIndex,
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none',
+      backgroundRepeat: 'repeat'
+    };
+    /** Calculate the style of the offset */
+    let positionLeft = offsetLeft - gapXCenter;
+    let positionTop = offsetTop - gapYCenter;
+    if (positionLeft > 0) {
+      mergedMarkStyle.left = `${positionLeft}px`;
+      mergedMarkStyle.width = `calc(100% - ${positionLeft}px)`;
+      positionLeft = 0;
+    }
+    if (positionTop > 0) {
+      mergedMarkStyle.top = `${positionTop}px`;
+      mergedMarkStyle.height = `calc(100% - ${positionTop}px)`;
+      positionTop = 0;
+    }
+    mergedMarkStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`;
+    return mergedMarkStyle;
+  }, [zIndex, offsetLeft, gapXCenter, offsetTop, gapYCenter]);
+  const [container, setContainer] = _react.default.useState();
+  // Used for nest case like Modal, Drawer
+  const [subElements, setSubElements] = _react.default.useState(new Set());
+  // Nest elements should also support watermark
+  const targetElements = _react.default.useMemo(() => {
+    const list = container ? [container] : [];
+    return [].concat(list, (0, _toConsumableArray2.default)(Array.from(subElements)));
+  }, [container, subElements]);
+  // ============================ Content =============================
+  /**
+   * Get the width and height of the watermark. The default values are as follows
+   * Image: [120, 64]; Content: It's calculated by content;
+   */
+  const getMarkSize = ctx => {
+    let defaultWidth = 120;
+    let defaultHeight = 64;
+    if (!image && ctx.measureText) {
+      ctx.font = `${Number(fontSize)}px ${fontFamily}`;
+      const contents = (0, _toList.default)(content);
+      const sizes = contents.map(item => {
+        const metrics = ctx.measureText(item);
+        return [metrics.width, metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent];
+      });
+      defaultWidth = Math.ceil(Math.max.apply(Math, (0, _toConsumableArray2.default)(sizes.map(size => size[0]))));
+      defaultHeight = Math.ceil(Math.max.apply(Math, (0, _toConsumableArray2.default)(sizes.map(size => size[1])))) * contents.length + (contents.length - 1) * _useClips.FontGap;
+    }
+    return [width !== null && width !== void 0 ? width : defaultWidth, height !== null && height !== void 0 ? height : defaultHeight];
+  };
+  const getClips = (0, _useClips.default)();
+  const [watermarkInfo, setWatermarkInfo] = _react.default.useState(null);
+  // Generate new Watermark content
+  const renderWatermark = () => {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    if (ctx) {
+      const ratio = (0, _utils.getPixelRatio)();
+      const [markWidth, markHeight] = getMarkSize(ctx);
+      const drawCanvas = drawContent => {
+        const [nextClips, clipWidth] = getClips(drawContent || '', rotate, ratio, markWidth, markHeight, {
+          color,
+          fontSize,
+          fontStyle,
+          fontWeight,
+          fontFamily,
+          textAlign
+        }, gapX, gapY);
+        setWatermarkInfo([nextClips, clipWidth]);
+      };
+      if (image) {
+        const img = new Image();
+        img.onload = () => {
+          drawCanvas(img);
+        };
+        img.onerror = () => {
+          drawCanvas(content);
+        };
+        img.crossOrigin = 'anonymous';
+        img.referrerPolicy = 'no-referrer';
+        img.src = image;
+      } else {
+        drawCanvas(content);
+      }
+    }
+  };
+  const syncWatermark = (0, _useRafDebounce.default)(renderWatermark);
+  // ============================= Effect =============================
+  // Append watermark to the container
+  const [appendWatermark, removeWatermark, isWatermarkEle] = (0, _useWatermark.default)(markStyle);
+  (0, _react.useEffect)(() => {
+    if (watermarkInfo) {
+      targetElements.forEach(holder => {
+        appendWatermark(watermarkInfo[0], watermarkInfo[1], holder);
+      });
+    }
+  }, [watermarkInfo, targetElements]);
+  // ============================ Observe =============================
+  const onMutate = (0, _useEvent.default)(mutations => {
+    mutations.forEach(mutation => {
+      if ((0, _utils.reRendering)(mutation, isWatermarkEle)) {
+        syncWatermark();
+      } else if (mutation.target === container && mutation.attributeName === 'style') {
+        // We've only force container not modify.
+        // Not consider nest case.
+        const keyStyles = Object.keys(fixedStyle);
+        for (let i = 0; i < keyStyles.length; i += 1) {
+          const key = keyStyles[i];
+          const oriValue = mergedStyle[key];
+          const currentValue = container.style[key];
+          if (oriValue && oriValue !== currentValue) {
+            container.style[key] = oriValue;
+          }
+        }
+      }
+    });
+  });
+  (0, _mutateObserver.useMutateObserver)(targetElements, onMutate);
+  (0, _react.useEffect)(syncWatermark, [rotate, zIndex, width, height, image, content, color, fontSize, fontWeight, fontStyle, fontFamily, textAlign, gapX, gapY, offsetLeft, offsetTop]);
+  // ============================ Context =============================
+  const watermarkContext = _react.default.useMemo(() => ({
+    add: ele => {
+      setSubElements(prev => {
+        const clone = new Set(prev);
+        clone.add(ele);
+        return getSizeDiff(prev, clone);
+      });
+    },
+    remove: ele => {
+      removeWatermark(ele);
+      setSubElements(prev => {
+        const clone = new Set(prev);
+        clone.delete(ele);
+        return getSizeDiff(prev, clone);
+      });
+    }
+  }), []);
+  // ============================= Render =============================
+  const childNode = inherit ? (/*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    value: watermarkContext
+  }, children)) : children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: setContainer,
+    className: (0, _classnames.default)(className, rootClassName),
+    style: mergedStyle
+  }, childNode);
+};
+if (process.env.NODE_ENV !== 'production') {
+  Watermark.displayName = 'Watermark';
+}
+var _default = exports.default = Watermark;

package/lib/watermark/useClips.d.ts

@@ -0,0 +1,7 @@
+import type { WatermarkProps } from '.';
+export declare const FontGap = 3;
+/**
+ * Get the clips of text content.
+ * This is a lazy hook function since SSR no need this
+ */
+export default function useClips(): (content: NonNullable<WatermarkProps["content"]> | HTMLImageElement, rotate: number, ratio: number, width: number, height: number, font: Required<NonNullable<WatermarkProps["font"]>>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];

package/lib/watermark/useClips.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontGap = void 0;
+exports.default = useClips;
+var _toList = _interopRequireDefault(require("../_util/toList"));
+const FontGap = exports.FontGap = 3;
+function prepareCanvas(width, height, ratio = 1) {
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+  const realWidth = width * ratio;
+  const realHeight = height * ratio;
+  canvas.setAttribute('width', `${realWidth}px`);
+  canvas.setAttribute('height', `${realHeight}px`);
+  ctx.save();
+  return [ctx, canvas, realWidth, realHeight];
+}
+/**
+ * Get the clips of text content.
+ * This is a lazy hook function since SSR no need this
+ */
+function useClips() {
+  // Get single clips
+  function getClips(content, rotate, ratio, width, height, font, gapX, gapY) {
+    // ================= Text / Image =================
+    const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
+    if (content instanceof HTMLImageElement) {
+      // Image
+      ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
+    } else {
+      // Text
+      const {
+        color,
+        fontSize,
+        fontStyle,
+        fontWeight,
+        fontFamily,
+        textAlign
+      } = font;
+      const mergedFontSize = Number(fontSize) * ratio;
+      ctx.font = `${fontStyle} normal ${fontWeight} ${mergedFontSize}px/${height}px ${fontFamily}`;
+      ctx.fillStyle = color;
+      ctx.textAlign = textAlign;
+      ctx.textBaseline = 'top';
+      const contents = (0, _toList.default)(content);
+      contents === null || contents === void 0 ? void 0 : contents.forEach((item, index) => {
+        ctx.fillText(item !== null && item !== void 0 ? item : '', contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
+      });
+    }
+    // ==================== Rotate ====================
+    const angle = Math.PI / 180 * Number(rotate);
+    const maxSize = Math.max(width, height);
+    const [rCtx, rCanvas, realMaxSize] = prepareCanvas(maxSize, maxSize, ratio);
+    // Copy from `ctx` and rotate
+    rCtx.translate(realMaxSize / 2, realMaxSize / 2);
+    rCtx.rotate(angle);
+    if (contentWidth > 0 && contentHeight > 0) {
+      rCtx.drawImage(canvas, -contentWidth / 2, -contentHeight / 2);
+    }
+    // Get boundary of rotated text
+    function getRotatePos(x, y) {
+      const targetX = x * Math.cos(angle) - y * Math.sin(angle);
+      const targetY = x * Math.sin(angle) + y * Math.cos(angle);
+      return [targetX, targetY];
+    }
+    let left = 0;
+    let right = 0;
+    let top = 0;
+    let bottom = 0;
+    const halfWidth = contentWidth / 2;
+    const halfHeight = contentHeight / 2;
+    const points = [[0 - halfWidth, 0 - halfHeight], [0 + halfWidth, 0 - halfHeight], [0 + halfWidth, 0 + halfHeight], [0 - halfWidth, 0 + halfHeight]];
+    points.forEach(([x, y]) => {
+      const [targetX, targetY] = getRotatePos(x, y);
+      left = Math.min(left, targetX);
+      right = Math.max(right, targetX);
+      top = Math.min(top, targetY);
+      bottom = Math.max(bottom, targetY);
+    });
+    const cutLeft = left + realMaxSize / 2;
+    const cutTop = top + realMaxSize / 2;
+    const cutWidth = right - left;
+    const cutHeight = bottom - top;
+    // ================ Fill Alternate ================
+    const realGapX = gapX * ratio;
+    const realGapY = gapY * ratio;
+    const filledWidth = (cutWidth + realGapX) * 2;
+    const filledHeight = cutHeight + realGapY;
+    const [fCtx, fCanvas] = prepareCanvas(filledWidth, filledHeight);
+    function drawImg(targetX = 0, targetY = 0) {
+      fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY, cutWidth, cutHeight);
+    }
+    drawImg();
+    drawImg(cutWidth + realGapX, -cutHeight / 2 - realGapY / 2);
+    drawImg(cutWidth + realGapX, +cutHeight / 2 + realGapY / 2);
+    return [fCanvas.toDataURL(), filledWidth / ratio, filledHeight / ratio];
+  }
+  return getClips;
+}

package/lib/watermark/useRafDebounce.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Callback will only execute last one for each raf
+ */
+export default function useRafDebounce(callback: VoidFunction): () => void;

package/lib/watermark/useRafDebounce.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRafDebounce;
+var _react = _interopRequireDefault(require("react"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
+/**
+ * Callback will only execute last one for each raf
+ */
+function useRafDebounce(callback) {
+  const executeRef = _react.default.useRef(false);
+  const rafRef = _react.default.useRef();
+  const wrapperCallback = (0, _useEvent.default)(callback);
+  return () => {
+    if (executeRef.current) {
+      return;
+    }
+    executeRef.current = true;
+    wrapperCallback();
+    rafRef.current = (0, _raf.default)(() => {
+      executeRef.current = false;
+    });
+  };
+}

package/lib/watermark/useWatermark.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * Base size of the canvas, 1 for parallel layout and 2 for alternate layout
+ * Only alternate layout is currently supported
+ */
+export declare const BaseSize = 2;
+export declare const FontGap = 3;
+export type AppendWatermark = (base64Url: string, markWidth: number, container: HTMLElement) => void;
+export default function useWatermark(markStyle: React.CSSProperties): [
+    appendWatermark: AppendWatermark,
+    removeWatermark: (container: HTMLElement) => void,
+    isWatermarkEle: (ele: Node) => boolean
+];