@zboson/ui 0.0.0-stage → 0.0.2

package/dist/version/token.json

@@ -0,0 +1 @@
+{"Affix":{"global":[],"component":{"zIndexPopup":10}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover","colorTextDisabled","lineWidthFocus","colorPrimaryBorder"],"component":{"containerBorderRadius":8,"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Anchor":{"global":["fontSize","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Select":{"global":["paddingSM","lineWidth","controlHeight","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","fontSizeIcon","colorTextQuaternary","colorIcon","borderRadiusSM","colorPrimaryBorder","paddingXS","paddingXXS","colorBgElevated","borderRadiusLG","boxShadowSecondary","colorFillQuaternary","motionDurationSlow","colorTextDescription","fontSizeSM","colorPrimary","controlItemBgActiveHover","colorBgContainerDisabled","colorTextDisabled","controlPaddingHorizontal","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","fontHeight","borderRadius","colorBgContainer","lineType","colorTextPlaceholder","marginXS","controlHeightSM","controlHeightLG","fontSizeLG","lineHeightLG","fontHeightLG","motionEaseInOut","colorIconHover","borderRadiusXS","colorSplit","colorBorder","colorBorderDisabled","colorError","colorErrorBorderHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","controlOutlineWidth","colorFillTertiary","colorFillSecondary","colorErrorText","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover"],"component":{"lineWidthFocus":1,"INTERNAL_FIXED_ITEM_MARGIN":2,"zIndexPopup":1050,"optionSelectedColor":"rgba(0,0,0,0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#f0fbff","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":"#63abdb","activeBorderColor":"#3b8ece","activeOutlineColor":"rgba(5,188,255,0.06)","selectAffixPadding":4}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":14,"textFontSizeLG":14,"textFontSizeSM":14,"iconFontSize":18,"iconFontSizeLG":24,"iconFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"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","paddingXS","colorPrimary","borderRadiusSM"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6,"paddingInline":8}},"BorderBeam":{"global":["colorPrimary","colorPrimaryHover","lineWidth"],"component":{}},"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}},"Button":{"global":["opacityLoading","motionDurationSlow","motionEaseInOut","motionDurationMid","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","lineWidth","lineType","colorBgContainerDisabled","colorBgContainer","colorTextLightSolid","colorLink","colorLinkHover","colorLinkActive","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorPrimaryBg","colorPrimaryBgHover","colorError","colorErrorHover","colorErrorActive","colorErrorBg","colorErrorBgFilledHover","colorErrorBgActive","colorBgSolid","colorBgSolidHover","colorBgSolidActive","colorFillTertiary","colorFillSecondary","colorFill","blue6","blue1","blueHover","blue2","blue3","blueActive","purple6","purple1","purpleHover","purple2","purple3","purpleActive","cyan6","cyan1","cyanHover","cyan2","cyan3","cyanActive","green6","green1","greenHover","green2","green3","greenActive","magenta6","magenta1","magentaHover","magenta2","magenta3","magentaActive","pink6","pink1","pinkHover","pink2","pink3","pinkActive","red6","red1","redHover","red2","red3","redActive","orange6","orange1","orangeHover","orange2","orange3","orangeActive","yellow6","yellow1","yellowHover","yellow2","yellow3","yellowActive","volcano6","volcano1","volcanoHover","volcano2","volcano3","volcanoActive","geekblue6","geekblue1","geekblueHover","geekblue2","geekblue3","geekblueActive","lime6","lime1","limeHover","lime2","lime3","limeActive","gold6","gold1","goldHover","gold2","gold3","goldActive","colorTextDisabled","fontSize"],"component":{"blueShadowColor":"0 2px 0 rgba(5,188,255,0.06)","purpleShadowColor":"0 2px 0 rgba(155,5,255,0.06)","cyanShadowColor":"0 2px 0 rgba(5,255,215,0.1)","greenShadowColor":"0 2px 0 rgba(50,90,10,0.2)","magentaShadowColor":"0 2px 0 rgba(255,5,105,0.06)","pinkShadowColor":"0 2px 0 rgba(255,5,105,0.06)","redShadowColor":"0 2px 0 rgba(255,72,5,0.06)","orangeShadowColor":"0 2px 0 rgba(255,175,5,0.1)","yellowShadowColor":"0 2px 0 rgba(245,255,5,0.1)","volcanoShadowColor":"0 2px 0 rgba(255,125,25,0.1)","geekblueShadowColor":"0 2px 0 rgba(5,88,255,0.06)","limeShadowColor":"0 2px 0 rgba(225,255,5,0.1)","goldShadowColor":"0 2px 0 rgba(255,195,5,0.1)","fontWeight":400,"iconGap":8,"defaultShadow":"0 2px 0 rgba(0,0,0,0.02)","primaryShadow":"0 2px 0 rgba(5,188,255,0.06)","dangerShadow":"0 2px 0 rgba(255,72,5,0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":"inherit","onlyIconSizeSM":"inherit","onlyIconSizeLG":"inherit","groupBorderColor":"#63abdb","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":"#63abdb","defaultHoverBorderColor":"#63abdb","defaultActiveBg":"#ffffff","defaultActiveColor":"#286da8","defaultActiveBorderColor":"#286da8","solidTextColor":"#fff","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"defaultBgDisabled":"rgba(0,0,0,0.04)","dashedBgDisabled":"rgba(0,0,0,0.04)"}},"Wave":{"global":["colorPrimary","motionDurationSlow","motionEaseInOut","motionEaseOutCirc"],"component":{}},"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","lineWidthBold","controlItemBgHover","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#f0fbff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"INTERNAL_FIXED_ITEM_MARGIN":2,"cellHoverBg":"rgba(0,0,0,0.04)","cellActiveWithRangeBg":"#f0fbff","cellHoverWithRangeBg":"#c6e1f5","cellRangeBorderColor":"#84beeb","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"}},"Radio":{"global":["controlOutline","controlOutlineWidth","lineWidth","borderRadius","borderRadiusLG","borderRadiusSM","colorText","fontSize","lineHeight","fontFamily","marginXS","colorPrimary","colorPrimaryHover","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0,0,0,0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#3b8ece","buttonSolidCheckedHoverBg":"#63abdb","buttonSolidCheckedActiveBg":"#286da8","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":"#3b8ece","radioBgColor":"#ffffff"}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","motionDurationMid","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","colorTextDescription","colorPrimary","colorIcon","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)","bodyPaddingSM":12,"headerPaddingSM":12,"bodyPadding":24,"headerPadding":24}},"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}},"Cascader":{"global":["controlInteractiveSize","lineWidth","colorText","fontSize","lineHeight","fontFamily","marginXS","colorBgContainer","lineType","colorBorder","borderRadiusSM","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","lineWidthFocus","colorPrimaryBorder","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorIcon","fontSizeIcon","colorHighlight","borderRadiusLG"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#f0fbff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4,"optionSelectedColor":"rgba(0,0,0,0.88)"}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorTextDescription"],"component":{}},"Checkbox":{"global":["controlInteractiveSize","lineWidth","colorText","fontSize","lineHeight","fontFamily","marginXS","colorBgContainer","lineType","colorBorder","borderRadiusSM","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","lineWidthFocus","colorPrimaryBorder","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Collapse":{"global":["borderRadiusLG","padding","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","paddingSM","paddingLG","paddingXS","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","lineWidthFocus","colorPrimaryBorder","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerPaddingSM":"8px 12px 8px 8px","headerPaddingLG":"16px 24px 16px 16px","headerBg":"rgba(0,0,0,0.02)","contentPadding":"16px 16px","contentPaddingSM":12,"contentPaddingLG":24,"contentBg":"#ffffff","borderlessContentPadding":"4px 16px 16px","borderlessContentBg":"transparent"}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","lineWidth","lineType","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","colorPrimaryActive","fontSizeSM","lineHeightSM","marginXXS","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","dropShadowPopover","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"}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","colorTextQuaternary","fontSizeLG","fontSizeSM","controlHeightSM","paddingXS","marginXS","colorIcon","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorBorderDisabled","colorError","colorErrorBorderHover","colorErrorAffix","colorWarning","colorWarningBorderHover","colorWarningAffix","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"lineWidthFocus":1,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0,0,0,0.02)","activeBorderColor":"#3b8ece","hoverBorderColor":"#63abdb","activeShadow":"0 0 0 2px rgba(5,188,255,0.06)","errorActiveShadow":"0 0 0 2px rgba(255,72,5,0.06)","warningActiveShadow":"0 0 0 2px rgba(255,195,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":"#f0fbff","cellHoverWithRangeBg":"#c6e1f5","cellRangeBorderColor":"#84beeb","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}},"DateRange":{"global":["marginXS"],"component":{}},"Space":{"global":[],"component":{}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","borderRadiusLG","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG"],"component":{"labelBg":"rgba(0,0,0,0.02)","labelColor":"rgba(0,0,0,0.45)","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)"}},"Divider":{"global":["margin","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextHeading","fontSizeLG","marginXS"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"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","colorPrimary"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16,"draggerSize":4}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","controlHeightLG","boxShadowPopoverArrow","borderRadiusXS","colorText","lineHeight","fontFamily","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","padding","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","colorIcon","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%)"}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"FloatButton":{"global":["controlHeightLG","marginXXL","marginLG","fontSizeIcon","borderRadius","controlHeight","paddingXXS","zIndexPopupBase","boxShadowSecondary","lineWidthBold","colorPrimary","colorBorderSecondary","fontSizeSM","padding","colorText","fontSize","lineHeight","fontFamily","borderRadiusLG","motionDurationSlow","motionDurationMid"],"component":{}},"Form":{"global":[],"component":{"labelRequiredMarkColor":"#cc4a39","labelColor":"rgba(0,0,0,0.88)","labelFontSize":14,"labelHeight":32,"verticalLabelHeight":"auto","labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0,"inlineItemMarginBottom":0}},"Grid":{"global":[],"component":{}},"Image":{"global":["controlHeightLG","lineWidthFocus","colorPrimaryBorder","colorBgContainerDisabled","motionDurationSlow","colorTextLightSolid","motionEaseOut","colorBgMask","marginXL","marginSM","margin","paddingSM","paddingLG"],"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}},"Input":{"global":["paddingXXS","borderRadiusLG","borderRadiusSM","colorText","fontSize","lineHeight","fontFamily","paddingXS","lineHeightLG","controlHeightLG","controlHeightSM","borderRadius","motionDurationSlow","lineWidth","lineType","colorBorder","colorError","colorErrorText","colorWarning","colorWarningText","colorTextDisabled","colorBgContainerDisabled","colorBorderDisabled","colorFillTertiary","colorErrorBg","colorWarningBg"],"component":{"lineWidthFocus":1,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0,0,0,0.02)","activeBorderColor":"#3b8ece","hoverBorderColor":"#63abdb","activeShadow":"0 0 0 2px rgba(5,188,255,0.06)","errorActiveShadow":"0 0 0 2px rgba(255,72,5,0.06)","warningActiveShadow":"0 0 0 2px rgba(255,195,5,0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","colorError","colorIcon","motionDurationMid","borderRadiusSM","lineHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","borderRadiusLG","colorBorder","colorBgContainer","colorBgContainerDisabled","colorBorderDisabled","colorErrorBorderHover","colorErrorAffix","colorWarning","colorWarningBorderHover","colorWarningAffix","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","colorTextQuaternary","fontSizeIcon","motionDurationSlow","colorPrimaryBorder"],"component":{"lineWidthFocus":1,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0,0,0,0.02)","activeBorderColor":"#3b8ece","hoverBorderColor":"#63abdb","activeShadow":"0 0 0 2px rgba(5,188,255,0.06)","errorActiveShadow":"0 0 0 2px rgba(255,72,5,0.06)","warningActiveShadow":"0 0 0 2px rgba(255,195,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":"#3b8ece","handleBorderColor":"#d9d9d9","handleOpacity":0,"handleVisibleWidth":0}},"Layout":{"global":["motionDurationMid","motionDurationSlow","borderRadiusLG","fontSizeXL","lineWidth","lineType"],"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)"}},"Listy":{"global":["colorText","fontSize","lineHeight","fontFamily","colorSplit","lineWidth","lineType","motionDurationMid","motionEaseInOut","controlItemBgHover","paddingXS","colorTextDescription","fontWeightStrong","colorBgContainer","colorFillAlter","colorFillQuaternary"],"component":{"itemPaddingBlock":12,"itemPaddingInline":16}},"Masonry":{"global":["motionDurationSlow","motionEaseOut","motionDurationFast"],"component":{}},"Mentions":{"global":["paddingXXS","colorText","colorTextDisabled","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorBorderDisabled","colorError","colorErrorBorderHover","colorErrorAffix","colorWarning","colorWarningBorderHover","colorWarningAffix","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeight","colorTextQuaternary","fontSizeIcon","marginXS","colorIcon","controlHeightLG","controlHeightSM","colorBgElevated","boxShadowSecondary","controlPaddingHorizontal","controlItemBgHover","motionDurationSlow","fontWeightStrong"],"component":{"lineWidthFocus":1,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0,0,0,0.02)","activeBorderColor":"#3b8ece","hoverBorderColor":"#63abdb","activeShadow":"0 0 0 2px rgba(5,188,255,0.06)","errorActiveShadow":"0 0 0 2px rgba(255,72,5,0.06)","warningActiveShadow":"0 0 0 2px rgba(255,195,5,0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","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":"#3b8ece","horizontalItemHoverColor":"#3b8ece","colorGroupTitle":"rgba(0,0,0,0.45)","groupTitleColor":"rgba(0,0,0,0.45)","colorItemTextSelected":"#3b8ece","itemSelectedColor":"#3b8ece","subMenuItemSelectedColor":"#3b8ece","colorItemTextSelectedHorizontal":"#3b8ece","horizontalItemSelectedColor":"#3b8ece","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":"#f0fbff","colorSubItemBg":"rgba(0,0,0,0.02)","subMenuItemBg":"rgba(0,0,0,0.02)","colorItemBgSelected":"#f0fbff","itemSelectedBg":"#f0fbff","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":"#cc4a39","dangerItemColor":"#cc4a39","colorDangerItemTextHover":"#cc4a39","dangerItemHoverColor":"#cc4a39","colorDangerItemTextSelected":"#cc4a39","dangerItemSelectedColor":"#cc4a39","colorDangerItemBgActive":"#fff4f0","dangerItemActiveBg":"#fff4f0","colorDangerItemBgSelected":"#fff4f0","dangerItemSelectedBg":"#fff4f0","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":"#cc4a39","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#3b8ece","darkDangerItemSelectedBg":"#cc4a39","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255,255,255,0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#d9725f","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#cc4a39","itemWidth":"calc(100% - 8px)"}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","dropShadowPopover","paddingSM","paddingXS","sizePopupArrow","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","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","borderRadiusXS","motionDurationSlow","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"maxWidth":250,"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%)"}},"Message":{"global":["controlHeightLG","fontSize","lineHeight","paddingSM","paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","margin","paddingContentHorizontalLG","marginLG","marginXXL","colorText","fontFamily","motionDurationMid","motionDurationSlow","motionEaseInOut","marginXS","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","boxShadow","borderRadiusLG","boxShadowTertiary","motionDurationFast"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","motionDurationMid","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","borderRadiusLG","lineWidthFocus","colorPrimaryBorder","fontWeightStrong","boxShadow","zIndexPopupBase","borderRadiusSM","fontSizeLG","colorBgTextHover","colorBgTextActive","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc","screenXSMin","screenSMMin","screenMDMin","screenLGMin","screenXLMin","screenXXLMin","screenXXXLMin"],"component":{"footerBg":"transparent","headerBg":"transparent","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,"mask":true}},"Notice":{"global":["colorBorder","colorLink","colorLinkHover","colorPrimary","colorText","colorTextHeading","borderRadiusSM","fontSize","fontSizeLG","lineHeight","lineType","lineWidth"],"component":{}},"NoticeGroup":{"global":[],"component":{}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","fontSize","borderRadiusLG","colorText","motionDurationMid","marginSM","marginXS","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","boxShadow","lineHeight","motionEaseInOut","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":2050,"width":384,"progressBg":"linear-gradient(90deg, #8ec7e8, #3b8ece)"}},"Pagination":{"global":["controlHeightLG","marginXXS","marginSM","paddingXXS","colorBorder","colorBgContainerDisabled","colorTextDisabled","colorPrimaryHover","colorPrimary","lineWidth","lineType"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemSizeLG":40,"itemActiveBg":"#ffffff","itemActiveColor":"#3b8ece","itemActiveColorHover":"#63abdb","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0,0,0,0.25)","itemActiveBgDisabled":"rgba(0,0,0,0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"lineWidthFocus":1,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0,0,0,0.02)","activeBorderColor":"#3b8ece","hoverBorderColor":"#63abdb","activeShadow":"0 0 0 2px rgba(5,188,255,0.06)","errorActiveShadow":"0 0 0 2px rgba(255,72,5,0.06)","warningActiveShadow":"0 0 0 2px rgba(255,195,5,0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","colorError","colorSuccess","marginXS","colorBgContainer","motionEaseOutQuint","motionDurationSlow","motionEaseInOutCirc","colorWhite","paddingXXS","fontSizeSM"],"component":{"circleTextColor":"rgba(0,0,0,0.88)","defaultColor":"#3b8ece","remainingColor":"rgba(0,0,0,0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeCoverBackgroundColor":"rgba(255,255,255,0.96)"}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid"],"component":{"lineWidthFocus":1,"starColor":"#fadb14","starSize":20,"starSizeSM":15,"starSizeLG":25,"starHoverScale":"scale(1.1)","starBg":"rgba(0,0,0,0.06)"}},"RefInput":{"global":["zIndexPopupBase","borderRadius","colorTextTertiary","colorTextSecondary","colorBorder","lineWidth","lineType","marginSM","paddingXS","fontSize","motionDurationMid"],"component":{}},"RefTable":{"global":[],"component":{}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","colorPrimary","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","paddingXXS","fontSizeSM","borderRadius","colorIcon","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","linkDecoration","lineWidthFocus","colorPrimaryBorder","colorLinkHover","linkHoverDecoration","linkFocusDecoration","colorLinkActive","opacityLoading","colorFillQuaternary"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0,0,0,0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#f0fbff","rowSelectedHoverBg":"#edfaff","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.29250000000000004)","headerIconHoverColor":"rgba(0,0,0,0.5720000000000001)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","paddingSM","colorPrimary","motionDurationSlow","colorBgContainer","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","marginXXS","colorFillSecondary"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"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"}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","motionDurationSlow","motionEaseInOut","motionDurationMid","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","lineWidthFocus","colorPrimaryBorder","paddingXXS","borderRadiusSM","boxShadowTertiary","marginSM","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)"}},"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}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","motionDurationMid","colorBgElevated","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","colorPrimaryBorderHover","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":"#bce2f5","trackHoverBg":"#8ec7e8","handleColor":"#bce2f5","handleActiveColor":"#3b8ece","handleActiveOutlineColor":"rgba(59,142,206,0.2)","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#bce2f5","trackBgDisabled":"rgba(0,0,0,0.04)"}},"Splitter":{"global":["colorFill","controlItemBgHover","controlItemBgActive","controlItemBgActiveHover","colorPrimary","colorText","fontSize","lineHeight","fontFamily","zIndexPopupBase","fontSizeSM","borderRadiusXS","lineWidthFocus","colorPrimaryBorder","controlHeightSM","motionDurationSlow","motionEaseInOut"],"component":{"splitBarSize":2,"splitTriggerSize":6,"splitBarDraggableSize":20,"resizeSpinnerSize":20}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Steps":{"global":["fontSizeLG","lineHeightLG","fontSize","lineHeight","lineWidth","lineType","colorText","fontFamily","colorTextDescription","marginXS","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXXS","paddingSM","controlHeight","fontHeightLG","margin","fontHeight","marginSM","paddingXS","lineWidthBold","fontSizeSM","colorTextDisabled","colorTextLightSolid","colorPrimary","colorTextLabel","colorError","colorErrorHover","colorErrorBgFilledHover","colorFillTertiary","colorErrorBg","colorPrimaryBgHover","colorPrimaryBg","colorBgContainer","colorPrimaryHover","fontSizeIcon","borderRadius","borderRadiusSM","motionDurationMid","lineHeightSM","colorTextSecondary","colorTextQuaternary","paddingXXS","controlItemBgHover","colorSplit"],"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":"unset","waitIconColor":"rgba(0,0,0,0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0,0,0,0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#3b8ece"}},"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}},"Tabs":{"global":["paddingXXS","lineHeightLG","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","motionDurationSlow","lineWidth","lineType","lineWidthBold","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorIcon","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","lineWidthFocus","colorPrimaryBorder","controlHeightLG","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0,0,0,0.02)","cardHeight":40,"cardHeightSM":32,"cardHeightLG":48,"cardPadding":"8px 16px","cardPaddingSM":"4px 8px","cardPaddingLG":"11px 16px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#3b8ece","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":"#3b8ece","itemHoverColor":"#63abdb","itemActiveColor":"#286da8","cardGutter":2}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","colorSuccessBg","colorSuccessBorder","colorSuccess","colorInfoBg","colorInfoBorder","colorInfo","colorErrorBg","colorErrorBorder","colorError","colorWarningBg","colorWarningBorder","colorWarning"],"component":{"defaultBg":"#f5f5f5","defaultColor":"rgba(0,0,0,0.88)","solidTextColor":"#fff"}},"Timeline":{"global":["paddingXXS","fontHeight","fontSize","lineHeight","colorText","colorPrimary","colorError","colorSuccess","colorTextDisabled","fontFamily","margin","paddingXS"],"component":{"tailColor":"rgba(5,5,5,0.06)","tailWidth":2,"dotBorderWidth":2,"itemPaddingBottom":20}},"Tour":{"global":["borderRadiusLG","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorFill","boxShadowTertiary","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","colorIcon","borderRadiusSM","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%)"}},"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","linkHoverDecoration","linkFocusDecoration","colorLinkActive","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tree":{"global":["controlInteractiveSize","lineWidth","colorText","fontSize","lineHeight","fontFamily","marginXS","colorBgContainer","lineType","colorBorder","borderRadiusSM","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","lineWidthFocus","colorPrimaryBorder","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorTextQuaternary","controlItemBgActiveDisabled","colorSplit","borderRadius","colorFillQuaternary","controlItemBgHover","fontWeightStrong","colorBgTextHover","motionEaseInOut"],"component":{"titleHeight":24,"switcherSize":24,"indentSize":24,"nodeHoverBg":"rgba(0,0,0,0.04)","nodeHoverColor":"rgba(0,0,0,0.88)","nodeSelectedBg":"#f0fbff","nodeSelectedColor":"rgba(0,0,0,0.88)","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#3b8ece"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","motionDurationMid","colorTextQuaternary","controlItemBgActiveDisabled","colorText","fontSize","lineHeight","fontFamily","colorSplit","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorFillQuaternary","lineWidth","lineType","colorPrimary","colorTextDisabled","controlItemBgHover","fontWeightStrong","controlInteractiveSize","colorBgTextHover","colorBorder","lineWidthBold","marginXS","colorBgContainer","borderRadiusSM","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"switcherSize":24,"indentSize":24,"nodeHoverBg":"rgba(0,0,0,0.04)","nodeHoverColor":"rgba(0,0,0,0.88)","nodeSelectedBg":"#f0fbff","nodeSelectedColor":"rgba(0,0,0,0.88)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccessText","colorWarningText","colorErrorText","colorErrorTextActive","colorErrorTextHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","lineWidth","lineType","padding","colorSplit","borderRadiusLG","colorFillAlter","motionDurationMid","colorLink","linkDecoration","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorLinkHover","linkHoverDecoration","linkFocusDecoration","colorLinkActive","marginXXS","paddingSM","marginXS","colorIcon","fontSize","colorSuccess"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"Upload":{"global":["fontSizeHeading3","marginXS","lineWidth","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","colorBgMask","marginXL","borderRadiusSM","controlItemBgHover","colorIcon","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0,0,0,0.45)","pictureCardSize":102}}}

package/dist/watermark/context.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from "vue";
+//#region src/watermark/context.d.ts
+interface WatermarkContextProps {
+  add: (ele: HTMLElement) => void;
+  remove: (ele: HTMLElement) => void;
+}
+declare function useWatermarkProvider(props: WatermarkContextProps): void;
+declare function useWatermarkContext(): WatermarkContextProps;
+declare const WatermarkContextProvider: import("vue").DefineSetupFnComponent<WatermarkContextProps, {}, {}, WatermarkContextProps & {}, import("vue").PublicProps>;
+declare function usePanelRef(panelSelector?: Ref<string>): (_ele: any) => void;
+//#endregion
+export { WatermarkContextProps, WatermarkContextProvider, usePanelRef, useWatermarkContext, useWatermarkProvider };

package/dist/watermark/context.js

@@ -0,0 +1,35 @@
+import { defineComponent, inject, provide, ref } from "vue";
+//#region src/watermark/context.ts
+function voidFunc() {}
+const WatermarkContextKey = Symbol("WatermarkContext");
+function useWatermarkProvider(props) {
+	provide(WatermarkContextKey, props);
+}
+function useWatermarkContext() {
+	return inject(WatermarkContextKey, {
+		add: voidFunc,
+		remove: voidFunc
+	});
+}
+const WatermarkContextProvider = defineComponent((props, { slots }) => {
+	useWatermarkProvider(props);
+	return () => {
+		return slots?.default?.();
+	};
+}, { props: ["add", "remove"] });
+function usePanelRef(panelSelector) {
+	const watermark = useWatermarkContext();
+	const panelEleRef = ref(null);
+	return (_ele) => {
+		if (_ele) {
+			const ele = _ele;
+			const innerContentEle = panelSelector?.value ? ele.querySelector(panelSelector.value) : ele;
+			if (innerContentEle) {
+				watermark.add(innerContentEle);
+				panelEleRef.value = innerContentEle;
+			}
+		} else watermark.remove(panelEleRef.value);
+	};
+}
+//#endregion
+export { WatermarkContextProvider, usePanelRef, useWatermarkContext, useWatermarkProvider };

package/dist/watermark/index.d.ts

@@ -0,0 +1,34 @@
+//#region src/watermark/index.d.ts
+interface WatermarkFont {
+  color?: CanvasFillStrokeStyles['fillStyle'];
+  fontSize?: number | string;
+  fontWeight?: 'normal' | 'lighter' | 'bold' | 'bolder' | number;
+  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+  fontFamily?: string;
+  textAlign?: CanvasTextAlign;
+}
+interface WatermarkText {
+  text: string;
+  font?: WatermarkFont;
+}
+type WatermarkContent = string | WatermarkText;
+interface WatermarkProps {
+  zIndex?: number;
+  rotate?: number;
+  width?: number;
+  height?: number;
+  image?: string;
+  content?: WatermarkContent | WatermarkContent[];
+  font?: WatermarkFont;
+  rootClass?: string;
+  gap?: [number, number];
+  offset?: [number, number];
+  inherit?: boolean;
+  onRemove?: (() => void) | undefined;
+}
+interface WatermarkRef {
+  nativeElement: HTMLDivElement;
+}
+declare const Watermark: import("vue").DefineSetupFnComponent<WatermarkProps, {}, {}, WatermarkProps & {}, import("vue").PublicProps>;
+//#endregion
+export { WatermarkContent, WatermarkFont, WatermarkProps, WatermarkRef, WatermarkText, Watermark as default };

package/dist/watermark/index.js

@@ -0,0 +1,274 @@
+import useToken from "../theme/useToken.js";
+import { WatermarkContextProvider } from "./context.js";
+import { getCanvasFont, getContentLines, getPixelRatio, reRendering } from "./utils.js";
+import useClips from "./useClips.js";
+import useRafDebounce from "./useRafDebounce.js";
+import useSingletonCache from "./useSingletonCache.js";
+import useWatermark from "./useWatermark.js";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, ref, shallowRef, watch } from "vue";
+import { omit } from "es-toolkit";
+import canUseDom from "@v-c/util/dist/Dom/canUseDom";
+import { useMutateObserver } from "@v-c/mutate-observer";
+//#region src/watermark/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+/**
+* 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 WATERMARK_Z_INDEX_OFFSET = 1;
+const fixedStyle = {
+	position: "relative",
+	overflow: "hidden"
+};
+const Watermark = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const [, token] = useToken();
+	const mergedZIndex = computed(() => props.zIndex ?? token.value.zIndexPopupBase - WATERMARK_Z_INDEX_OFFSET);
+	const onRemove = computed(() => props.onRemove);
+	const color = computed(() => props.font?.color ?? token.value.colorFill);
+	const fontSize = computed(() => props?.font?.fontSize ?? token.value?.fontSizeLG);
+	const fontWeight = computed(() => props?.font?.fontWeight ?? 400);
+	const fontStyle = computed(() => props?.font?.fontStyle ?? "normal");
+	const fontFamily = computed(() => props?.font?.fontFamily ?? "sans-serif");
+	const textAlign = computed(() => props?.font?.textAlign ?? "center");
+	const mergedFont = computed(() => ({
+		color: color.value,
+		fontSize: fontSize.value,
+		fontWeight: fontWeight.value,
+		fontStyle: fontStyle.value,
+		fontFamily: fontFamily.value,
+		textAlign: textAlign.value
+	}));
+	const contentLines = computed(() => getContentLines(props.content, mergedFont.value));
+	const gap = computed(() => props.gap);
+	const gapXCenter = computed(() => gap.value[0] / 2);
+	const gapYCenter = computed(() => gap.value[1] / 2);
+	const offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value);
+	const offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value);
+	const mergedStyle = computed(() => {
+		return {
+			...fixedStyle,
+			...attrs.style
+		};
+	});
+	const markStyle = computed(() => {
+		const mergedMarkStyle = {
+			zIndex: mergedZIndex.value,
+			position: "absolute",
+			left: 0,
+			top: 0,
+			width: "100%",
+			height: "100%",
+			pointerEvents: "none",
+			backgroundRepeat: "repeat"
+		};
+		/** Calculate the style of the offset */
+		let positionLeft = offsetLeft.value - gapXCenter.value;
+		let positionTop = offsetTop.value - gapYCenter.value;
+		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;
+	});
+	const container = shallowRef(null);
+	expose({ nativeElement: container });
+	const subElements = ref(/* @__PURE__ */ new Set());
+	const targetElements = computed(() => {
+		return [...container.value ? [container.value] : [], ...Array.from(subElements.value)];
+	});
+	/**
+	* 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 (!props.image && ctx.measureText) {
+			if (contentLines.value.length) {
+				const sizes = contentLines.value.map(({ text, font: lineFont }) => {
+					ctx.font = getCanvasFont(lineFont);
+					const metrics = ctx.measureText(text);
+					return [metrics.width, metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent];
+				});
+				defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])));
+				defaultHeight = Math.ceil(sizes.reduce((total, size) => total + size[1], 0)) + (contentLines.value.length - 1) * 3;
+			}
+		}
+		const width = props.width;
+		const height = props.height;
+		return [width ?? defaultWidth, height ?? defaultHeight];
+	};
+	const getClips = useClips();
+	const getClipsCache = useSingletonCache();
+	const watermarkInfo = ref(null);
+	const renderWatermark = () => {
+		if (!canUseDom()) return;
+		const ctx = document.createElement("canvas").getContext("2d");
+		if (ctx) {
+			const ratio = getPixelRatio();
+			const [markWidth, markHeight] = getMarkSize(ctx);
+			const drawCanvas = (drawContent) => {
+				const params = [
+					drawContent || [],
+					props.rotate,
+					ratio,
+					markWidth,
+					markHeight,
+					gap.value[0],
+					gap.value[1]
+				];
+				const [nextClips, clipWidth] = getClipsCache(params, () => getClips(...params));
+				watermarkInfo.value = [nextClips, clipWidth];
+			};
+			if (props.image) {
+				const img = new Image();
+				img.onload = () => {
+					drawCanvas(img);
+				};
+				img.onerror = () => {
+					drawCanvas(contentLines.value);
+				};
+				img.crossOrigin = "anonymous";
+				img.referrerPolicy = "no-referrer";
+				img.src = props.image;
+			} else drawCanvas(contentLines.value);
+		}
+	};
+	const syncWatermark = useRafDebounce(renderWatermark);
+	const [appendWatermark, removeWatermark, isWatermarkEle] = useWatermark(markStyle, onRemove);
+	watch([watermarkInfo, targetElements], ([watermarkInfo, targetElements]) => {
+		if (watermarkInfo) targetElements.forEach((holder) => {
+			appendWatermark(watermarkInfo[0], watermarkInfo[1], holder);
+		});
+	});
+	const onMutate = (mutations) => {
+		mutations.forEach((mutation) => {
+			if (reRendering(mutation, isWatermarkEle)) syncWatermark();
+			else if (mutation.target === container.value && mutation.attributeName === "style") {
+				const keyStyles = Object.keys(fixedStyle);
+				for (let i = 0; i < keyStyles.length; i += 1) {
+					const key = keyStyles[i];
+					const oriValue = mergedStyle.value[key];
+					const currentValue = container.value.style[key];
+					if (oriValue && oriValue !== currentValue) container.value.style[key] = oriValue;
+				}
+			}
+		});
+	};
+	useMutateObserver(targetElements, onMutate);
+	watch([
+		() => props.offset,
+		mergedZIndex,
+		() => props.width,
+		() => props.height,
+		() => props.rotate,
+		() => props.image,
+		contentLines,
+		gap,
+		offsetLeft,
+		offsetTop
+	], syncWatermark, { immediate: true });
+	const watermarkContext = {
+		add: (ele) => {
+			const clone = new Set(subElements.value);
+			clone.add(ele);
+			subElements.value = getSizeDiff(subElements.value, clone);
+		},
+		remove: (ele) => {
+			removeWatermark(ele);
+			const clone = new Set(subElements.value);
+			clone.delete(ele);
+			subElements.value = getSizeDiff(subElements.value, clone);
+		}
+	};
+	return () => {
+		const children = slots?.default?.();
+		const childNode = props.inherit ? createVNode(WatermarkContextProvider, watermarkContext, _isSlot(children) ? children : { default: () => [children] }) : children;
+		return createVNode("div", mergeProps({
+			"ref": container,
+			"class": [props.rootClass, attrs.class]
+		}, omit(attrs, ["style", "class"]), { "style": mergedStyle.value }), [childNode]);
+	};
+}, {
+	props: /*@__PURE__*/ mergeDefaults({
+		zIndex: {
+			type: Number,
+			required: false
+		},
+		rotate: {
+			type: Number,
+			required: false
+		},
+		width: {
+			type: Number,
+			required: false
+		},
+		height: {
+			type: Number,
+			required: false
+		},
+		image: {
+			type: String,
+			required: false
+		},
+		content: {
+			type: [
+				String,
+				Object,
+				Array
+			],
+			required: false
+		},
+		font: {
+			type: Object,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		gap: {
+			type: Array,
+			required: false
+		},
+		offset: {
+			type: Array,
+			required: false
+		},
+		inherit: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onRemove: {
+			type: [Function, null],
+			required: false
+		}
+	}, {
+		rotate: -22,
+		inherit: true,
+		gap: [DEFAULT_GAP_X, DEFAULT_GAP_Y],
+		font: {}
+	}),
+	name: "AWatermark",
+	inheritAttrs: false
+});
+Watermark.install = (app) => {
+	app.component(Watermark.name, Watermark);
+};
+//#endregion
+export { Watermark as default };

package/dist/watermark/useClips.d.ts

@@ -0,0 +1,10 @@
+import { WatermarkContentLine } from "./utils.js";
+//#region src/watermark/useClips.d.ts
+declare const FontGap = 3;
+/**
+ * Get the clips of text content.
+ * This is a lazy hook function since SSR no need this
+ */
+declare function useClips(): (content: WatermarkContentLine[] | HTMLImageElement, rotate: number, ratio: number, width: number, height: number, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
+//#endregion
+export { FontGap, useClips as default };

package/dist/watermark/useClips.js

@@ -0,0 +1,90 @@
+import { getCanvasFont, getFontSize } from "./utils.js";
+//#region src/watermark/useClips.ts
+const 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
+	];
+}
+function getRotatePos(x, y, angle) {
+	return [x * Math.cos(angle) - y * Math.sin(angle), x * Math.sin(angle) + y * Math.cos(angle)];
+}
+/**
+* Get the clips of text content.
+* This is a lazy hook function since SSR no need this
+*/
+function useClips() {
+	const getClips = (content, rotate, ratio, width, height, gapX, gapY) => {
+		const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
+		if (content instanceof HTMLImageElement) ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
+		else {
+			ctx.textBaseline = "top";
+			let top = 0;
+			content.forEach(({ text, font }) => {
+				ctx.font = getCanvasFont(font, ratio, height);
+				ctx.fillStyle = font.color;
+				ctx.textAlign = font.textAlign;
+				ctx.fillText(text, contentWidth / 2, top);
+				top += getFontSize(font, ratio) + 3 * ratio;
+			});
+		}
+		const angle = Math.PI / 180 * Number(rotate);
+		const maxSize = Math.max(width, height);
+		const [rCtx, rCanvas, realMaxSize] = prepareCanvas(maxSize, maxSize, ratio);
+		rCtx.translate(realMaxSize / 2, realMaxSize / 2);
+		rCtx.rotate(angle);
+		if (contentWidth > 0 && contentHeight > 0) rCtx.drawImage(canvas, -contentWidth / 2, -contentHeight / 2);
+		let left = 0;
+		let right = 0;
+		let top = 0;
+		let bottom = 0;
+		const halfWidth = contentWidth / 2;
+		const halfHeight = contentHeight / 2;
+		[
+			[0 - halfWidth, 0 - halfHeight],
+			[0 + halfWidth, 0 - halfHeight],
+			[0 + halfWidth, 0 + halfHeight],
+			[0 - halfWidth, 0 + halfHeight]
+		].forEach(([x, y]) => {
+			const [targetX, targetY] = getRotatePos(x, y, angle);
+			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;
+		const realGapX = gapX * ratio;
+		const realGapY = gapY * ratio;
+		const filledWidth = (cutWidth + realGapX) * 2;
+		const filledHeight = cutHeight + realGapY;
+		const [fCtx, fCanvas] = prepareCanvas(filledWidth, filledHeight);
+		const drawImg = (targetX = 0, targetY = 0) => {
+			if (cutWidth <= 0 || cutHeight <= 0) return;
+			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;
+}
+//#endregion
+export { FontGap, useClips as default };

package/dist/watermark/useRafDebounce.d.ts

@@ -0,0 +1,4 @@
+//#region src/watermark/useRafDebounce.d.ts
+declare function useRafDebounce(callback: VoidFunction): () => void;
+//#endregion
+export { useRafDebounce as default };