@hscmap/vue-menu
Version:
Vue component for menu & contextmenu
475 lines (474 loc) • 21.3 kB
TypeScript
import { MenuitemType } from "../menuitem/script";
import { Vue } from "vue-property-decorator";
import { MenuStyle } from "../style";
export declare const PARENT_MENU_KEY = "@hscmap/vue-menu/parentMenu";
export declare const PADDING = 4;
export declare type Direction = 'left' | 'right';
export declare class MenuType extends Vue {
parentMenuitem?: MenuitemType;
menuStyle: MenuStyle;
isOpen: boolean;
fade: string;
submenuDirection: Direction;
open(x: number, y: number, position?: Direction): void;
close(fade: boolean, parent?: boolean): void;
setPosition(x: number, y: number, direction: Direction): void;
menuElement(): HTMLDivElement;
wrapperElement(): HTMLDivElement;
get style(): {
padding: string;
accentColor?: string | undefined;
alignContent?: string | undefined;
alignItems?: string | undefined;
alignSelf?: string | undefined;
alignmentBaseline?: string | undefined;
all?: string | undefined;
animation?: string | undefined;
animationDelay?: string | undefined;
animationDirection?: string | undefined;
animationDuration?: string | undefined;
animationFillMode?: string | undefined;
animationIterationCount?: string | undefined;
animationName?: string | undefined;
animationPlayState?: string | undefined;
animationTimingFunction?: string | undefined;
appearance?: string | undefined;
aspectRatio?: string | undefined;
backfaceVisibility?: string | undefined;
background?: string | undefined;
backgroundAttachment?: string | undefined;
backgroundBlendMode?: string | undefined;
backgroundClip?: string | undefined;
backgroundColor?: string | undefined;
backgroundImage?: string | undefined;
backgroundOrigin?: string | undefined;
backgroundPosition?: string | undefined;
backgroundPositionX?: string | undefined;
backgroundPositionY?: string | undefined;
backgroundRepeat?: string | undefined;
backgroundSize?: string | undefined;
baselineShift?: string | undefined;
blockSize?: string | undefined;
border?: string | undefined;
borderBlock?: string | undefined;
borderBlockColor?: string | undefined;
borderBlockEnd?: string | undefined;
borderBlockEndColor?: string | undefined;
borderBlockEndStyle?: string | undefined;
borderBlockEndWidth?: string | undefined;
borderBlockStart?: string | undefined;
borderBlockStartColor?: string | undefined;
borderBlockStartStyle?: string | undefined;
borderBlockStartWidth?: string | undefined;
borderBlockStyle?: string | undefined;
borderBlockWidth?: string | undefined;
borderBottom?: string | undefined;
borderBottomColor?: string | undefined;
borderBottomLeftRadius?: string | undefined;
borderBottomRightRadius?: string | undefined;
borderBottomStyle?: string | undefined;
borderBottomWidth?: string | undefined;
borderCollapse?: string | undefined;
borderColor?: string | undefined;
borderEndEndRadius?: string | undefined;
borderEndStartRadius?: string | undefined;
borderImage?: string | undefined;
borderImageOutset?: string | undefined;
borderImageRepeat?: string | undefined;
borderImageSlice?: string | undefined;
borderImageSource?: string | undefined;
borderImageWidth?: string | undefined;
borderInline?: string | undefined;
borderInlineColor?: string | undefined;
borderInlineEnd?: string | undefined;
borderInlineEndColor?: string | undefined;
borderInlineEndStyle?: string | undefined;
borderInlineEndWidth?: string | undefined;
borderInlineStart?: string | undefined;
borderInlineStartColor?: string | undefined;
borderInlineStartStyle?: string | undefined;
borderInlineStartWidth?: string | undefined;
borderInlineStyle?: string | undefined;
borderInlineWidth?: string | undefined;
borderLeft?: string | undefined;
borderLeftColor?: string | undefined;
borderLeftStyle?: string | undefined;
borderLeftWidth?: string | undefined;
borderRadius?: string | undefined;
borderRight?: string | undefined;
borderRightColor?: string | undefined;
borderRightStyle?: string | undefined;
borderRightWidth?: string | undefined;
borderSpacing?: string | undefined;
borderStartEndRadius?: string | undefined;
borderStartStartRadius?: string | undefined;
borderStyle?: string | undefined;
borderTop?: string | undefined;
borderTopColor?: string | undefined;
borderTopLeftRadius?: string | undefined;
borderTopRightRadius?: string | undefined;
borderTopStyle?: string | undefined;
borderTopWidth?: string | undefined;
borderWidth?: string | undefined;
bottom?: string | undefined;
boxShadow?: string | undefined;
boxSizing?: string | undefined;
breakAfter?: string | undefined;
breakBefore?: string | undefined;
breakInside?: string | undefined;
captionSide?: string | undefined;
caretColor?: string | undefined;
clear?: string | undefined;
clip?: string | undefined;
clipPath?: string | undefined;
clipRule?: string | undefined;
color?: string | undefined;
colorInterpolation?: string | undefined;
colorInterpolationFilters?: string | undefined;
colorScheme?: string | undefined;
columnCount?: string | undefined;
columnFill?: string | undefined;
columnGap?: string | undefined;
columnRule?: string | undefined;
columnRuleColor?: string | undefined;
columnRuleStyle?: string | undefined;
columnRuleWidth?: string | undefined;
columnSpan?: string | undefined;
columnWidth?: string | undefined;
columns?: string | undefined;
contain?: string | undefined;
content?: string | undefined;
counterIncrement?: string | undefined;
counterReset?: string | undefined;
counterSet?: string | undefined;
cssFloat?: string | undefined;
cssText?: string | undefined;
cursor?: string | undefined;
direction?: string | undefined;
display?: string | undefined;
dominantBaseline?: string | undefined;
emptyCells?: string | undefined;
fill?: string | undefined;
fillOpacity?: string | undefined;
fillRule?: string | undefined;
filter?: string | undefined;
flex?: string | undefined;
flexBasis?: string | undefined;
flexDirection?: string | undefined;
flexFlow?: string | undefined;
flexGrow?: string | undefined;
flexShrink?: string | undefined;
flexWrap?: string | undefined;
float?: string | undefined;
floodColor?: string | undefined;
floodOpacity?: string | undefined;
font?: string | undefined;
fontFamily?: string | undefined;
fontFeatureSettings?: string | undefined;
fontKerning?: string | undefined;
fontOpticalSizing?: string | undefined;
fontSize?: string | undefined;
fontSizeAdjust?: string | undefined;
fontStretch?: string | undefined;
fontStyle?: string | undefined;
fontSynthesis?: string | undefined;
fontVariant?: string | undefined;
fontVariantAlternates?: string | undefined;
fontVariantCaps?: string | undefined;
fontVariantEastAsian?: string | undefined;
fontVariantLigatures?: string | undefined;
fontVariantNumeric?: string | undefined;
fontVariantPosition?: string | undefined;
fontVariationSettings?: string | undefined;
fontWeight?: string | undefined;
gap?: string | undefined;
grid?: string | undefined;
gridArea?: string | undefined;
gridAutoColumns?: string | undefined;
gridAutoFlow?: string | undefined;
gridAutoRows?: string | undefined;
gridColumn?: string | undefined;
gridColumnEnd?: string | undefined;
gridColumnGap?: string | undefined;
gridColumnStart?: string | undefined;
gridGap?: string | undefined;
gridRow?: string | undefined;
gridRowEnd?: string | undefined;
gridRowGap?: string | undefined;
gridRowStart?: string | undefined;
gridTemplate?: string | undefined;
gridTemplateAreas?: string | undefined;
gridTemplateColumns?: string | undefined;
gridTemplateRows?: string | undefined;
height?: string | undefined;
hyphens?: string | undefined;
imageOrientation?: string | undefined;
imageRendering?: string | undefined;
inlineSize?: string | undefined;
inset?: string | undefined;
insetBlock?: string | undefined;
insetBlockEnd?: string | undefined;
insetBlockStart?: string | undefined;
insetInline?: string | undefined;
insetInlineEnd?: string | undefined;
insetInlineStart?: string | undefined;
isolation?: string | undefined;
justifyContent?: string | undefined;
justifyItems?: string | undefined;
justifySelf?: string | undefined;
left?: string | undefined;
length?: number | undefined;
letterSpacing?: string | undefined;
lightingColor?: string | undefined;
lineBreak?: string | undefined;
lineHeight?: string | undefined;
listStyle?: string | undefined;
listStyleImage?: string | undefined;
listStylePosition?: string | undefined;
listStyleType?: string | undefined;
margin?: string | undefined;
marginBlock?: string | undefined;
marginBlockEnd?: string | undefined;
marginBlockStart?: string | undefined;
marginBottom?: string | undefined;
marginInline?: string | undefined;
marginInlineEnd?: string | undefined;
marginInlineStart?: string | undefined;
marginLeft?: string | undefined;
marginRight?: string | undefined;
marginTop?: string | undefined;
marker?: string | undefined;
markerEnd?: string | undefined;
markerMid?: string | undefined;
markerStart?: string | undefined;
mask?: string | undefined;
maskType?: string | undefined;
maxBlockSize?: string | undefined;
maxHeight?: string | undefined;
maxInlineSize?: string | undefined;
maxWidth?: string | undefined;
minBlockSize?: string | undefined;
minHeight?: string | undefined;
minInlineSize?: string | undefined;
minWidth?: string | undefined;
mixBlendMode?: string | undefined;
objectFit?: string | undefined;
objectPosition?: string | undefined;
offset?: string | undefined;
offsetAnchor?: string | undefined;
offsetDistance?: string | undefined;
offsetPath?: string | undefined;
offsetRotate?: string | undefined;
opacity?: string | undefined;
order?: string | undefined;
orphans?: string | undefined;
outline?: string | undefined;
outlineColor?: string | undefined;
outlineOffset?: string | undefined;
outlineStyle?: string | undefined;
outlineWidth?: string | undefined;
overflow?: string | undefined;
overflowAnchor?: string | undefined;
overflowWrap?: string | undefined;
overflowX?: string | undefined;
overflowY?: string | undefined;
overscrollBehavior?: string | undefined;
overscrollBehaviorBlock?: string | undefined;
overscrollBehaviorInline?: string | undefined;
overscrollBehaviorX?: string | undefined;
overscrollBehaviorY?: string | undefined;
paddingBlock?: string | undefined;
paddingBlockEnd?: string | undefined;
paddingBlockStart?: string | undefined;
paddingBottom?: string | undefined;
paddingInline?: string | undefined;
paddingInlineEnd?: string | undefined;
paddingInlineStart?: string | undefined;
paddingLeft?: string | undefined;
paddingRight?: string | undefined;
paddingTop?: string | undefined;
pageBreakAfter?: string | undefined;
pageBreakBefore?: string | undefined;
pageBreakInside?: string | undefined;
paintOrder?: string | undefined;
parentRule?: CSSRule | null | undefined;
perspective?: string | undefined;
perspectiveOrigin?: string | undefined;
placeContent?: string | undefined;
placeItems?: string | undefined;
placeSelf?: string | undefined;
pointerEvents?: string | undefined;
position?: string | undefined;
quotes?: string | undefined;
resize?: string | undefined;
right?: string | undefined;
rotate?: string | undefined;
rowGap?: string | undefined;
rubyPosition?: string | undefined;
scale?: string | undefined;
scrollBehavior?: string | undefined;
scrollMargin?: string | undefined;
scrollMarginBlock?: string | undefined;
scrollMarginBlockEnd?: string | undefined;
scrollMarginBlockStart?: string | undefined;
scrollMarginBottom?: string | undefined;
scrollMarginInline?: string | undefined;
scrollMarginInlineEnd?: string | undefined;
scrollMarginInlineStart?: string | undefined;
scrollMarginLeft?: string | undefined;
scrollMarginRight?: string | undefined;
scrollMarginTop?: string | undefined;
scrollPadding?: string | undefined;
scrollPaddingBlock?: string | undefined;
scrollPaddingBlockEnd?: string | undefined;
scrollPaddingBlockStart?: string | undefined;
scrollPaddingBottom?: string | undefined;
scrollPaddingInline?: string | undefined;
scrollPaddingInlineEnd?: string | undefined;
scrollPaddingInlineStart?: string | undefined;
scrollPaddingLeft?: string | undefined;
scrollPaddingRight?: string | undefined;
scrollPaddingTop?: string | undefined;
scrollSnapAlign?: string | undefined;
scrollSnapStop?: string | undefined;
scrollSnapType?: string | undefined;
scrollbarGutter?: string | undefined;
shapeImageThreshold?: string | undefined;
shapeMargin?: string | undefined;
shapeOutside?: string | undefined;
shapeRendering?: string | undefined;
stopColor?: string | undefined;
stopOpacity?: string | undefined;
stroke?: string | undefined;
strokeDasharray?: string | undefined;
strokeDashoffset?: string | undefined;
strokeLinecap?: string | undefined;
strokeLinejoin?: string | undefined;
strokeMiterlimit?: string | undefined;
strokeOpacity?: string | undefined;
strokeWidth?: string | undefined;
tabSize?: string | undefined;
tableLayout?: string | undefined;
textAlign?: string | undefined;
textAlignLast?: string | undefined;
textAnchor?: string | undefined;
textCombineUpright?: string | undefined;
textDecoration?: string | undefined;
textDecorationColor?: string | undefined;
textDecorationLine?: string | undefined;
textDecorationSkipInk?: string | undefined;
textDecorationStyle?: string | undefined;
textDecorationThickness?: string | undefined;
textEmphasis?: string | undefined;
textEmphasisColor?: string | undefined;
textEmphasisPosition?: string | undefined;
textEmphasisStyle?: string | undefined;
textIndent?: string | undefined;
textOrientation?: string | undefined;
textOverflow?: string | undefined;
textRendering?: string | undefined;
textShadow?: string | undefined;
textTransform?: string | undefined;
textUnderlineOffset?: string | undefined;
textUnderlinePosition?: string | undefined;
top?: string | undefined;
touchAction?: string | undefined;
transform?: string | undefined;
transformBox?: string | undefined;
transformOrigin?: string | undefined;
transformStyle?: string | undefined;
transition?: string | undefined;
transitionDelay?: string | undefined;
transitionDuration?: string | undefined;
transitionProperty?: string | undefined;
transitionTimingFunction?: string | undefined;
translate?: string | undefined;
unicodeBidi?: string | undefined;
userSelect?: string | undefined;
verticalAlign?: string | undefined;
visibility?: string | undefined;
webkitAlignContent?: string | undefined;
webkitAlignItems?: string | undefined;
webkitAlignSelf?: string | undefined;
webkitAnimation?: string | undefined;
webkitAnimationDelay?: string | undefined;
webkitAnimationDirection?: string | undefined;
webkitAnimationDuration?: string | undefined;
webkitAnimationFillMode?: string | undefined;
webkitAnimationIterationCount?: string | undefined;
webkitAnimationName?: string | undefined;
webkitAnimationPlayState?: string | undefined;
webkitAnimationTimingFunction?: string | undefined;
webkitAppearance?: string | undefined;
webkitBackfaceVisibility?: string | undefined;
webkitBackgroundClip?: string | undefined;
webkitBackgroundOrigin?: string | undefined;
webkitBackgroundSize?: string | undefined;
webkitBorderBottomLeftRadius?: string | undefined;
webkitBorderBottomRightRadius?: string | undefined;
webkitBorderRadius?: string | undefined;
webkitBorderTopLeftRadius?: string | undefined;
webkitBorderTopRightRadius?: string | undefined;
webkitBoxAlign?: string | undefined;
webkitBoxFlex?: string | undefined;
webkitBoxOrdinalGroup?: string | undefined;
webkitBoxOrient?: string | undefined;
webkitBoxPack?: string | undefined;
webkitBoxShadow?: string | undefined;
webkitBoxSizing?: string | undefined;
webkitFilter?: string | undefined;
webkitFlex?: string | undefined;
webkitFlexBasis?: string | undefined;
webkitFlexDirection?: string | undefined;
webkitFlexFlow?: string | undefined;
webkitFlexGrow?: string | undefined;
webkitFlexShrink?: string | undefined;
webkitFlexWrap?: string | undefined;
webkitJustifyContent?: string | undefined;
webkitLineClamp?: string | undefined;
webkitMask?: string | undefined;
webkitMaskBoxImage?: string | undefined;
webkitMaskBoxImageOutset?: string | undefined;
webkitMaskBoxImageRepeat?: string | undefined;
webkitMaskBoxImageSlice?: string | undefined;
webkitMaskBoxImageSource?: string | undefined;
webkitMaskBoxImageWidth?: string | undefined;
webkitMaskClip?: string | undefined;
webkitMaskComposite?: string | undefined;
webkitMaskImage?: string | undefined;
webkitMaskOrigin?: string | undefined;
webkitMaskPosition?: string | undefined;
webkitMaskRepeat?: string | undefined;
webkitMaskSize?: string | undefined;
webkitOrder?: string | undefined;
webkitPerspective?: string | undefined;
webkitPerspectiveOrigin?: string | undefined;
webkitTextFillColor?: string | undefined;
webkitTextStroke?: string | undefined;
webkitTextStrokeColor?: string | undefined;
webkitTextStrokeWidth?: string | undefined;
webkitTransform?: string | undefined;
webkitTransformOrigin?: string | undefined;
webkitTransformStyle?: string | undefined;
webkitTransition?: string | undefined;
webkitTransitionDelay?: string | undefined;
webkitTransitionDuration?: string | undefined;
webkitTransitionProperty?: string | undefined;
webkitTransitionTimingFunction?: string | undefined;
webkitUserSelect?: string | undefined;
whiteSpace?: string | undefined;
widows?: string | undefined;
width?: string | undefined;
willChange?: string | undefined;
wordBreak?: string | undefined;
wordSpacing?: string | undefined;
wordWrap?: string | undefined;
writingMode?: string | undefined;
zIndex?: string | undefined;
getPropertyPriority?: ((property: string) => string) | undefined;
getPropertyValue?: ((property: string) => string) | undefined;
item?: ((index: number) => string) | undefined;
removeProperty?: ((property: string) => string) | undefined;
setProperty?: ((property: string, value: string | null, priority?: string | undefined) => void) | undefined;
};
}