vft 0.0.345 → 0.0.346

package/theme-style/src/dropdown.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
@@ -12,6 +13,7 @@ $dropdown-item-line-height: map.merge(
   ),
   $dropdown-item-line-height
 );
+
 $dropdown-item-padding: () !default;
 $dropdown-item-padding: map.merge(
   (
@@ -21,6 +23,7 @@ $dropdown-item-padding: map.merge(
   ),
   $dropdown-item-padding
 );
+
 $dropdown-item-divided-margin: () !default;
 $dropdown-item-divided-margin: map.merge(
   (
@@ -30,11 +33,15 @@ $dropdown-item-divided-margin: map.merge(
   ),
   $dropdown-item-divided-margin
 );
+
 $dropdown-caret-width: () !default;
 $dropdown-caret-width: map.merge($common-component-size, $dropdown-caret-width);
+
 $dropdown-divider-width: 1px !default;
 
 @include b(dropdown) {
+  @include set-component-css-var('dropdown', $dropdown);
+
   display: inline-flex;
   position: relative;
   color: getCssVar('text', 'regular-color');
@@ -42,16 +49,9 @@ $dropdown-divider-width: 1px !default;
   line-height: 1;
   vertical-align: top;
 
-  @include set-component-css-var('dropdown', $dropdown);
-
-  @include icon-arrow-down;
-
-  @each $size in (large, small) {
-    @include m($size) {
-      .#{$namespace}-dropdown__caret-button {
-        width: map.get($dropdown-caret-width, $size);
-      }
-    }
+  &.is-disabled {
+    color: getCssVar('text-placeholder-color');
+    cursor: not-allowed;
   }
 
   @include e(popper) {
@@ -65,6 +65,14 @@ $dropdown-divider-width: 1px !default;
       getCssVar('dropdown-menu-box-shadow')
     );
 
+    .#{$namespace}-dropdown-menu {
+      border: none;
+    }
+
+    #{& + '-selfdefine'} {
+      outline: none;
+    }
+
     @include b(scrollbar__bar) {
       z-index: calc(#{getCssVar('dropdown', 'menu-index')} + 1);
     }
@@ -75,19 +83,6 @@ $dropdown-divider-width: 1px !default;
       padding: 0;
       list-style: none;
     }
-
-    .#{$namespace}-dropdown-menu {
-      border: none;
-    }
-
-    #{& + '-selfdefine'} {
-      outline: none;
-    }
-  }
-
-  &.is-disabled {
-    color: getCssVar('text', 'placeholder-color');
-    cursor: not-allowed;
   }
 
   & .#{$namespace}-dropdown__caret-button {
@@ -129,6 +124,14 @@ $dropdown-divider-width: 1px !default;
     // 自定义
     outline: none;
   }
+
+  @each $size in (large, small) {
+    @include m($size) {
+      .#{$namespace}-dropdown__caret-button {
+        width: map.get($dropdown-caret-width, $size);
+      }
+    }
+  }
 }
 
 $dropdown-menu-padding-vertical: () !default;
@@ -154,22 +157,6 @@ $dropdown-menu-padding-vertical: map.merge(
   box-shadow: none;
   list-style: none;
 
-  @each $size in (large, small) {
-    @include m($size) {
-      padding: map.get($dropdown-menu-padding-vertical, $size)-$border-width 0;
-
-      @include e(item) {
-        padding: map.get($dropdown-item-padding, $size);
-        font-size: map.get($input-font-size, $size);
-        line-height: map.get($dropdown-item-line-height, $size);
-
-        @include m(divided) {
-          margin: map.get($dropdown-item-divided-margin, $size);
-        }
-      }
-    }
-  }
-
   @include e(item) {
     display: flex;
     align-items: center;
@@ -183,6 +170,16 @@ $dropdown-menu-padding-vertical: map.merge(
     white-space: nowrap;
     cursor: pointer;
 
+    &:not(.is-disabled):hover,
+    &:not(.is-disabled):focus {
+      background-color: getCssVar('dropdown-menuItem-hover-fill');
+      color: getCssVar('dropdown-menuItem-hover-color');
+    }
+
+    i {
+      margin-right: 5px;
+    }
+
     @include m(divided) {
       margin: map.get($dropdown-item-divided-margin, 'default');
       border-top: 1px solid getCssVar('border-color-lighter');
@@ -192,14 +189,21 @@ $dropdown-menu-padding-vertical: map.merge(
       color: getCssVar('text-disabled-color');
       cursor: not-allowed;
     }
+  }
 
-    &:not(.is-disabled):focus {
-      background-color: getCssVar('dropdown-menuItem-hover-fill');
-      color: getCssVar('dropdown-menuItem-hover-color');
-    }
+  @each $size in (large, small) {
+    @include m($size) {
+      padding: map.get($dropdown-menu-padding-vertical, $size)-$border-width 0;
 
-    i {
-      margin-right: 5px;
+      @include e(item) {
+        padding: map.get($dropdown-item-padding, $size);
+        font-size: map.get($input-font-size, $size);
+        line-height: map.get($dropdown-item-line-height, $size);
+
+        @include m(divided) {
+          margin: map.get($dropdown-item-divided-margin, $size);
+        }
+      }
     }
   }
 }

package/theme-style/vft-dropdown.css

@@ -1 +1 @@
-.vft-dropdown{display:inline-flex;position:relative;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:1;vertical-align:top;--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10}.vft-dropdown .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-dropdown--large .vft-dropdown__caret-button{width:40px}.vft-dropdown--small .vft-dropdown__caret-button{width:24px}.vft-dropdown__popper{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10}.vft-dropdown__popper.vft-popper{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-dropdown-menu-box-shadow)}.vft-dropdown__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-dropdown__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-dropdown__popper .vft-scrollbar__bar{z-index:calc(var(--vft-dropdown-menu-index) + 1)}.vft-dropdown__popper .vft-dropdown__list{box-sizing:border-box;margin:0;padding:0;list-style:none}.vft-dropdown__popper .vft-dropdown-menu{border:none}.vft-dropdown__popper .vft-dropdown__popper-selfdefine{outline:0}.vft-dropdown.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-dropdown .vft-dropdown__caret-button{display:inline-flex;align-items:center;justify-content:center;width:32px;padding-right:0;padding-left:0;border-left:none}.vft-dropdown .vft-dropdown__caret-button>span{display:inline-flex}.vft-dropdown .vft-dropdown__caret-button::before{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:0;width:1px;background:var(--vft-overlay-color-lighter)}.vft-dropdown .vft-dropdown__caret-button.vft-button::before{opacity:.5;background:var(--vft-border-color)}.vft-dropdown .vft-dropdown__caret-button .vft-dropdown__icon{padding-left:0;font-size:inherit}.vft-dropdown .vft-dropdown-selfdefine{outline:0}.vft-dropdown-menu{position:relative;z-index:var(--vft-dropdown-menu-index);top:0;left:0;margin:0;padding:5px 0;border:none;border-radius:var(--vft-border-radius-base);background-color:var(--vft-bg-color-overlay);box-shadow:none;list-style:none}.vft-dropdown-menu--large{padding:7px 0}.vft-dropdown-menu--large .vft-dropdown-menu__item{padding:7px 20px;font-size:14px;line-height:22px}.vft-dropdown-menu--large .vft-dropdown-menu__item--divided{margin:8px 0}.vft-dropdown-menu--small{padding:3px 0}.vft-dropdown-menu--small .vft-dropdown-menu__item{padding:2px 12px;font-size:12px;line-height:20px}.vft-dropdown-menu--small .vft-dropdown-menu__item--divided{margin:4px 0}.vft-dropdown-menu__item{display:flex;align-items:center;margin:0;padding:5px 16px;outline:0;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:22px;list-style:none;white-space:nowrap;cursor:pointer}.vft-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--vft-border-color-lighter)}.vft-dropdown-menu__item.is-disabled{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--vft-dropdown-menuItem-hover-fill);color:var(--vft-dropdown-menuItem-hover-color)}.vft-dropdown-menu__item i{margin-right:5px}
+.vft-dropdown{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10;display:inline-flex;position:relative;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:1;vertical-align:top}.vft-dropdown.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-dropdown__popper{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10}.vft-dropdown__popper.vft-popper{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-dropdown-menu-box-shadow)}.vft-dropdown__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-dropdown__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-dropdown__popper .vft-dropdown-menu{border:none}.vft-dropdown__popper .vft-dropdown__popper-selfdefine{outline:0}.vft-dropdown__popper .vft-scrollbar__bar{z-index:calc(var(--vft-dropdown-menu-index) + 1)}.vft-dropdown__popper .vft-dropdown__list{box-sizing:border-box;margin:0;padding:0;list-style:none}.vft-dropdown .vft-dropdown__caret-button{display:inline-flex;align-items:center;justify-content:center;width:32px;padding-right:0;padding-left:0;border-left:none}.vft-dropdown .vft-dropdown__caret-button>span{display:inline-flex}.vft-dropdown .vft-dropdown__caret-button::before{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:0;width:1px;background:var(--vft-overlay-color-lighter)}.vft-dropdown .vft-dropdown__caret-button.vft-button::before{opacity:.5;background:var(--vft-border-color)}.vft-dropdown .vft-dropdown__caret-button .vft-dropdown__icon{padding-left:0;font-size:inherit}.vft-dropdown .vft-dropdown-selfdefine{outline:0}.vft-dropdown--large .vft-dropdown__caret-button{width:40px}.vft-dropdown--small .vft-dropdown__caret-button{width:24px}.vft-dropdown-menu{position:relative;z-index:var(--vft-dropdown-menu-index);top:0;left:0;margin:0;padding:5px 0;border:none;border-radius:var(--vft-border-radius-base);background-color:var(--vft-bg-color-overlay);box-shadow:none;list-style:none}.vft-dropdown-menu__item{display:flex;align-items:center;margin:0;padding:5px 16px;outline:0;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:22px;list-style:none;white-space:nowrap;cursor:pointer}.vft-dropdown-menu__item:not(.is-disabled):focus,.vft-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--vft-dropdown-menuItem-hover-fill);color:var(--vft-dropdown-menuItem-hover-color)}.vft-dropdown-menu__item i{margin-right:5px}.vft-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--vft-border-color-lighter)}.vft-dropdown-menu__item.is-disabled{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-dropdown-menu--large{padding:7px 0}.vft-dropdown-menu--large .vft-dropdown-menu__item{padding:7px 20px;font-size:14px;line-height:22px}.vft-dropdown-menu--large .vft-dropdown-menu__item--divided{margin:8px 0}.vft-dropdown-menu--small{padding:3px 0}.vft-dropdown-menu--small .vft-dropdown-menu__item{padding:2px 12px;font-size:12px;line-height:20px}.vft-dropdown-menu--small .vft-dropdown-menu__item--divided{margin:4px 0}

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.345","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.346","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}

package/es/components/dropdown/dropdown-item.vue.d.ts

@@ -1,61 +0,0 @@
-interface Props {
-    command?: object | string | number;
-    disabled?: boolean;
-    divided?: boolean;
-    textValue?: string;
-    icon?: string;
-}
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    command: () => {};
-    disabled: boolean;
-    divided: boolean;
-    textValue: string;
-    icon: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    pointermove: (event: PointerEvent) => void;
-    pointerleave: (event: PointerEvent) => void;
-    click: (event: PointerEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    command: () => {};
-    disabled: boolean;
-    divided: boolean;
-    textValue: string;
-    icon: string;
-}>>> & Readonly<{
-    onClick?: ((event: PointerEvent) => any) | undefined;
-    onPointerleave?: ((event: PointerEvent) => any) | undefined;
-    onPointermove?: ((event: PointerEvent) => any) | undefined;
-}>, {
-    disabled: boolean;
-    icon: string;
-    command: object | string | number;
-    divided: boolean;
-    textValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/dropdown/dropdown.vue.d.ts

@@ -1,86 +0,0 @@
-import { type DropdownProps } from './types';
-declare function handleClose(): void;
-declare function handleOpen(): void;
-declare function __VLS_template(): {
-    dropdown?(_: {}): any;
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
-    trigger: string;
-    effect: string;
-    placement: string;
-    hideOnClick: boolean;
-    loop: boolean;
-    showTimeout: number;
-    hideTimeout: number;
-    tabindex: number;
-    maxHeight: string;
-    popperClass: string;
-    disabled: boolean;
-    role: string;
-    teleported: boolean;
-}>>, {
-    handleClose: typeof handleClose;
-    handleOpen: typeof handleOpen;
-    onFocusAfterTrapped: (e: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "visible-change": (val: boolean) => void;
-    command: (val: string) => void;
-    click: (val: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
-    trigger: string;
-    effect: string;
-    placement: string;
-    hideOnClick: boolean;
-    loop: boolean;
-    showTimeout: number;
-    hideTimeout: number;
-    tabindex: number;
-    maxHeight: string;
-    popperClass: string;
-    disabled: boolean;
-    role: string;
-    teleported: boolean;
-}>>> & Readonly<{
-    onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
-    onCommand?: ((val: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-    maxHeight: number | string;
-    role: string;
-    placement: import("@popperjs/core").Placement;
-    effect: "light" | "dark";
-    tabindex: number | string;
-    trigger: import("vft/es/components/tooltip").TooltipTriggerType;
-    teleported: boolean;
-    loop: boolean;
-    popperClass: string;
-    showTimeout: number;
-    hideTimeout: number;
-    hideOnClick: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};