yc-design-vue 1.6.9 → 1.7.1

package/es/Drawer/index.d.ts

@@ -1,4 +1,5 @@
 import { App } from 'vue';
+import { DrawerConfig, DrawerUpdateConfig } from './type';
 import { default as _Drawer } from './Drawer.vue';
 export type DrawerInstance = InstanceType<typeof _Drawer>;
 export * from './type';
@@ -133,6 +134,10 @@ declare const Drawer: {
     $slots: Readonly<import('./type').DrawerSlots> & import('./type').DrawerSlots;
 }) & {
     install: (app: App) => void;
+    open: (props: DrawerConfig) => {
+        close: () => void;
+        update: (updateProps: DrawerUpdateConfig) => void;
+    };
 };
 declare module 'vue' {
     interface GlobalComponents {

package/es/Drawer/index.js

@@ -29,7 +29,8 @@ const Drawer = Object.assign(_Drawer, {
     app.config.globalProperties.$drawer = Object.assign(_Drawer, {
       open
     });
-  }
+  },
+  open
 });
 export {
   Drawer as default

package/es/Tooltip/index.d.ts

@@ -16,14 +16,14 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: TriggerPostion;
+        position: import('..').TriggerPostion;
         contentClass: import('../_shared/type').ClassName;
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('../_shared/type').ClassName;
         arrowStyle: import('vue').CSSProperties;
         popupContainer: import('..').PopupContainer;
         content: string;
-        triggerProps: TriggerProps;
+        triggerProps: import('..').TriggerProps;
         backgroundColor: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -42,14 +42,14 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: TriggerPostion;
+        position: import('..').TriggerPostion;
         contentClass: import('../_shared/type').ClassName;
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('../_shared/type').ClassName;
         arrowStyle: import('vue').CSSProperties;
         popupContainer: import('..').PopupContainer;
         content: string;
-        triggerProps: TriggerProps;
+        triggerProps: import('..').TriggerProps;
         backgroundColor: string;
     }>;
     __isFragment?: never;
@@ -68,14 +68,14 @@ declare const Tooltip: {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: TriggerPostion;
+    position: import('..').TriggerPostion;
     contentClass: import('../_shared/type').ClassName;
     contentStyle: import('vue').CSSProperties;
     arrowClass: import('../_shared/type').ClassName;
     arrowStyle: import('vue').CSSProperties;
     popupContainer: import('..').PopupContainer;
     content: string;
-    triggerProps: TriggerProps;
+    triggerProps: import('..').TriggerProps;
     backgroundColor: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').TooltipSlots> & import('./type').TooltipSlots;

package/es/Tooltip/index.vue.d.ts

@@ -20,14 +20,14 @@ declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: TriggerPostion;
+    position: import('../Trigger').TriggerPostion;
     contentClass: import('../_shared/type').ClassName;
     contentStyle: CSSProperties;
     arrowClass: import('../_shared/type').ClassName;
     arrowStyle: CSSProperties;
     popupContainer: import('..').PopupContainer;
     content: string;
-    triggerProps: TriggerProps;
+    triggerProps: import('../Trigger').TriggerProps;
     backgroundColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Tooltip/index.vue.js

@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "popup-container": _ctx.popupContainer,
         position: _ctx.position,
         "arrow-class": ["yc-tooltip-popup-arrow", _ctx.arrowClass],
-        "arrow-style": contentStyle.value,
+        "arrow-style": arrowStyle.value,
         "content-class": [
           "yc-tooltip-popup-content",
           _ctx.contentClass,
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "yc-tooltip-mini": _ctx.mini
           }
         ],
-        "content-style": arrowStyle.value,
+        "content-style": contentStyle.value,
         "popup-offset": 10,
         class: ["yc-tooltip", _ctx.$attrs.class],
         style: _ctx.$attrs.style,

package/es/Tooltip/type.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
-import { TriggerPostion, TriggerProps } from '../Transfer/Trigger/type';
+import { TriggerPostion, TriggerProps } from '../Trigger/type';
 export interface TooltipProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;

package/es/Trigger/hooks/useTriggerPosition.js

@@ -247,9 +247,9 @@ const useTriggerPosition = (params) => {
         arrowRight = valueToPx((triggerWidth2 - arrowWidth2) / 2);
       }
       inset = {
-        top: position2.startsWith("b") ? "0" : "",
+        top: position2.startsWith("b") ? valueToPx(-arrowHeight2 / 2) : "",
         right: arrowRight,
-        bottom: position2.startsWith("t") ? "0" : "",
+        bottom: position2.startsWith("t") ? valueToPx(-arrowHeight2 / 2) : "",
         left: arrowLeft
       };
     } else {
@@ -264,9 +264,9 @@ const useTriggerPosition = (params) => {
       }
       inset = {
         top: arrowTop,
-        right: position2.startsWith("l") ? "0" : "",
+        right: position2.startsWith("l") ? valueToPx(-arrowWidth2 / 2) : "",
         bottom: arrowBottom,
-        left: position2.startsWith("r") ? "0" : ""
+        left: position2.startsWith("r") ? valueToPx(-arrowWidth2 / 2) : ""
       };
     }
     return inset;

package/es/Trigger/index.css

@@ -1 +1 @@
-.yc-trigger{position:fixed}.yc-trigger .yc-trigger-content{background-color:var(--color-bg-5)}.yc-trigger .yc-trigger-arrow{position:absolute;width:8px;height:8px;background-color:var(--color-bg-5)}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{transform:translate(-50%, 50%) rotate(45deg);border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{transform:translate(-50%, -50%) rotate(45deg);border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{transform:translate(50%, -50%) rotate(45deg);border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{transform:translate(-50%, -50%) rotate(45deg);border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}
+.yc-trigger{position:fixed}.yc-trigger .yc-trigger-content{background-color:var(--color-bg-5)}.yc-trigger .yc-trigger-arrow{position:absolute;transform:rotate(45deg);width:8px;height:8px;background-color:var(--color-bg-5)}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}