@koi-design/uxd-ui 14.0.2 → 14.0.4

package/es/components/TimePicker/index.d.ts

@@ -145,7 +145,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -234,7 +234,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -323,7 +323,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -412,7 +412,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1035,7 +1035,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -1124,7 +1124,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -1214,7 +1214,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -1303,7 +1303,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -2061,7 +2061,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -2150,7 +2150,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -2240,7 +2240,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -2329,7 +2329,7 @@ export declare const UTimePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -2972,7 +2972,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -3061,7 +3061,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -3150,7 +3150,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -3239,7 +3239,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -3496,7 +3496,7 @@ export declare const UTimePicker: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {
@@ -3585,7 +3585,7 @@ export declare const UTimePicker: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {
@@ -3674,7 +3674,7 @@ export declare const UTimePicker: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {
@@ -3763,7 +3763,7 @@ export declare const UTimePicker: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {
@@ -4386,7 +4386,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4475,7 +4475,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4565,7 +4565,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4654,7 +4654,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -5412,7 +5412,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -5501,7 +5501,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -5591,7 +5591,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -5680,7 +5680,7 @@ export declare const UTimePicker: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {

package/es/components/Tooltip/Tooltip.mjs

@@ -24,44 +24,120 @@ const _sfc_main = defineComponent({
       if (((_a = popupRef.value) == null ? void 0 : _a.reference) && innerRef.value) {
         const { width, height } = findDOMNode(popupRef.value.reference).getBoundingClientRect();
         const { width: contentWidth, height: contentHeight } = innerRef.value.getBoundingClientRect();
-        if (props.placement === "left-start" || props.placement === "right-start") {
+        if (props.placement === "left") {
+          return {
+            top: "50%",
+            right: "0",
+            transform: "translateY(-50%) translateX(-50%)"
+          };
+        }
+        if (props.placement === "left-start") {
+          let top = height / 2;
+          if (top > contentHeight) {
+            top = 8;
+          }
+          return {
+            top: `${top}px`,
+            right: "0",
+            transform: "translateY(-50%) translateX(-50%)"
+          };
+        }
+        if (props.placement === "left-end") {
+          let bottom = height / 2;
+          if (bottom > contentHeight) {
+            bottom = 8;
+          }
+          return {
+            bottom: `${bottom}px`,
+            right: "0",
+            transform: "translateY(50%) translateX(-50%)"
+          };
+        }
+        if (props.placement === "right") {
+          return {
+            top: "50%",
+            left: "0",
+            transform: "translateY(-50%) translateX(50%)"
+          };
+        }
+        if (props.placement === "right-start") {
           let top = height / 2;
           if (top > contentHeight) {
             top = 8;
           }
           return {
             top: `${top}px`,
-            transform: "translateY(-50%)"
+            left: "0",
+            transform: "translateY(-50%) translateX(50%)"
           };
         }
-        if (props.placement === "left-end" || props.placement === "right-end") {
+        if (props.placement === "right-end") {
           let bottom = height / 2;
           if (bottom > contentHeight) {
             bottom = 8;
           }
           return {
             bottom: `${bottom}px`,
-            transform: "translateY(50%)"
+            left: "0",
+            transform: "translateY(50%) translateX(50%)"
+          };
+        }
+        if (props.placement === "top") {
+          return {
+            left: "50%",
+            bottom: "0",
+            transform: "translateX(-50%) translateY(-50%)"
+          };
+        }
+        if (props.placement === "top-start") {
+          let left = width / 2;
+          if (left > contentWidth) {
+            left = 16;
+          }
+          return {
+            left: `${left}px`,
+            bottom: "0",
+            transform: "translateX(-50%) translateY(-50%)"
+          };
+        }
+        if (props.placement === "top-end") {
+          let right = width / 2;
+          if (right > contentWidth) {
+            right = 16;
+          }
+          return {
+            right: `${right}px`,
+            bottom: "0",
+            transform: "translateX(50%) translateY(-50%)"
+          };
+        }
+        if (props.placement === "bottom") {
+          return {
+            left: "50%",
+            top: "0",
+            transform: "translateX(-50%) translateY(50%)"
           };
         }
-        if (props.placement === "top-start" || props.placement === "bottom-start") {
+        if (props.placement === "bottom-start") {
           let left = width / 2;
           if (left > contentWidth) {
             left = 16;
           }
           return {
             left: `${left}px`,
-            transform: "translateX(-50%)"
+            top: "0",
+            transform: "translateX(-50%) translateY(50%)"
           };
         }
-        if (props.placement === "top-end" || props.placement === "bottom-end") {
+        if (props.placement === "bottom-end") {
           let right = width / 2;
           if (right > contentWidth) {
             right = 16;
           }
           return {
             right: `${right}px`,
-            transform: "translateX(50%)"
+            top: "0",
+            transform: "translateX(50%) translateY(50%)"
           };
         }
       }

package/es/components/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <template v-if=\"disabled\">\n    <slot />\n  </template>\n  <template v-else>\n    <Popup\n      ref=\"popupRef\"\n      :prefix-cls=\"prefixCls\"\n      :popup-class=\"dropdownClass\"\n      :popup-style=\"{ ...dropdownStyle }\"\n      :visible=\"visible\"\n      :placement=\"placement\"\n      :trigger=\"[trigger]\"\n      transition-name=\"zoom-big-fast\"\n      :offset=\"offset\"\n      :mouse-enter-delay=\"mouseEnterDelay\"\n      :mouse-leave-delay=\"mouseLeaveDelay\"\n      :destroy-popup-on-hide=\"destroyPopupOnHide\"\n      v-bind=\"$attrs\"\n      @popup-visible-change=\"onVisibleChange\"\n    >\n      <slot />\n      <template #popup>\n        <div :class=\"`${prefixCls}-arrow`\" :data-color=\"color\" :style=\"arrowStyle\" />\n        <div ref=\"innerRef\" :class=\"`${prefixCls}-inner`\" :data-color=\"color\" role=\"tooltip\">\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </div>\n      </template>\n    </Popup>\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { tooltipEmits, tooltipsProps } from './Tooltip.type';\nimport { findDOMNode } from '../../utils';\n\nexport default defineComponent({\n  name: 'UTooltip',\n  components: {\n    Popup\n  },\n  inheritAttrs: false,\n  props: tooltipsProps,\n  emits: tooltipEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('tooltip');\n    const popupRef = ref(null);\n    const innerRef = ref(null);\n\n    const arrowStyle = computed(() => {\n      if (popupRef.value?.reference && innerRef.value) {\n        const { width, height } = findDOMNode(popupRef.value.reference).getBoundingClientRect();\n        const { width: contentWidth, height: contentHeight } = innerRef.value.getBoundingClientRect();\n        if (props.placement === 'left-start' || props.placement === 'right-start') {\n          let top = height / 2;\n          if (top > contentHeight) {\n            top = 8;\n          }\n          return {\n            top: `${top}px`,\n            transform: 'translateY(-50%)'\n          };\n        }\n        if (props.placement === 'left-end' || props.placement === 'right-end') {\n          let bottom = height / 2;\n          if (bottom > contentHeight) {\n            bottom = 8;\n          }\n          return {\n            bottom: `${bottom}px`,\n            transform: 'translateY(50%)'\n          };\n        }\n        if (props.placement === 'top-start' || props.placement === 'bottom-start') {\n          let left = width / 2;\n          if (left > contentWidth) {\n            left = 16;\n          }\n          return {\n            left: `${left}px`,\n            transform: 'translateX(-50%)'\n          };\n        }\n        if (props.placement === 'top-end' || props.placement === 'bottom-end') {\n          let right = width / 2;\n          if (right > contentWidth) {\n            right = 16;\n          }\n          return {\n            right: `${right}px`,\n            transform: 'translateX(50%)'\n          };\n        }\n      }\n      return {};\n    });\n\n    const onVisibleChange = (val: boolean) => {\n      emit('visible-change', val);\n      emit('update:visible', val);\n    };\n\n    return {\n      popupRef,\n      innerRef,\n      prefixCls,\n      arrowStyle,\n      onVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["_renderSlot","_createBlock","_mergeProps","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;AAyCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,SAAS;UACzC,WAAW,IAAI,IAAI;UACnB,WAAW,IAAI,IAAI;UAEnB,aAAa,SAAS,MAAM;AAnBtC;YAoBU,cAAS,UAAT,mBAAgB,cAAa,SAAS,OAAO;cACzC,EAAE,OAAO,WAAW,YAAY,SAAS,MAAM,SAAS,EAAE;cAC1D,EAAE,OAAO,cAAc,QAAQ,kBAAkB,SAAS,MAAM;YAClE,MAAM,cAAc,gBAAgB,MAAM,cAAc,eAAe;cACrE,MAAM,SAAS;cACf,MAAM,eAAe;kBACjB;AAAA;iBAED;AAAA,YACL,KAAK,GAAG;AAAA,YACR,WAAW;AAAA;AACb;YAEE,MAAM,cAAc,cAAc,MAAM,cAAc,aAAa;cACjE,SAAS,SAAS;cAClB,SAAS,eAAe;qBACjB;AAAA;iBAEJ;AAAA,YACL,QAAQ,GAAG;AAAA,YACX,WAAW;AAAA;AACb;YAEE,MAAM,cAAc,eAAe,MAAM,cAAc,gBAAgB;cACrE,OAAO,QAAQ;cACf,OAAO,cAAc;mBAChB;AAAA;iBAEF;AAAA,YACL,MAAM,GAAG;AAAA,YACT,WAAW;AAAA;AACb;YAEE,MAAM,cAAc,aAAa,MAAM,cAAc,cAAc;cACjE,QAAQ,QAAQ;cAChB,QAAQ,cAAc;oBAChB;AAAA;iBAEH;AAAA,YACL,OAAO,GAAG;AAAA,YACV,WAAW;AAAA;AACb;AACF;aAEK;AAAC,KACT;UAEK,kBAAkB,CAAC,QAAiB;WACnC,kBAAkB,GAAG;WACrB,kBAAkB,GAAG;AAAA;WAGrB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;SAlHiB,gBACdA,WAAQ,oDAGRC,YAyBQ,kBAzBRC,WAyBQ;AAAA;IAxBN,KAAI;AAAA,IACH,cAAY;IACZ,eAAa;IACb,eAAW,KAAO;AAAa,IAC/B,SAAS;IACT,WAAW;IACX,SAAO,CAAG,YAAO;AAAA,IAClB,mBAAgB;AAAA,IACf,QAAQ;IACR,qBAAmB;IACnB,qBAAmB;IACnB,yBAAuB;KAChB,aAAM,EACb,sBAAsB;IAGZ,OAAKC,QACd,MAA6E;AAAA,MAA7EC,mBAA6E;QAAvE,OAAKC,kBAAK,sBAAS;AAAA,QAAW,cAAY;QAAQ,OAAKC,eAAE,eAAU;AAAA;MACzEF,mBAIM;QAJD,KAAI;AAAA,QAAY,OAAKC,kBAAK,sBAAS;AAAA,QAAW,cAAY;QAAO,MAAK;AAAA;QACzEL,WAEO,0BAFP,MAEO;AAAA,0CADF,UAAK;;;;qBALd,MAAQ;AAAA,MAARA,WAAQ;;;;;;;;;"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <template v-if=\"disabled\">\n    <slot />\n  </template>\n  <template v-else>\n    <Popup\n      ref=\"popupRef\"\n      :prefix-cls=\"prefixCls\"\n      :popup-class=\"dropdownClass\"\n      :popup-style=\"{ ...dropdownStyle }\"\n      :visible=\"visible\"\n      :placement=\"placement\"\n      :trigger=\"[trigger]\"\n      transition-name=\"zoom-big-fast\"\n      :offset=\"offset\"\n      :mouse-enter-delay=\"mouseEnterDelay\"\n      :mouse-leave-delay=\"mouseLeaveDelay\"\n      :destroy-popup-on-hide=\"destroyPopupOnHide\"\n      v-bind=\"$attrs\"\n      @popup-visible-change=\"onVisibleChange\"\n    >\n      <slot />\n      <template #popup>\n        <div :class=\"`${prefixCls}-arrow`\" :data-color=\"color\" :style=\"arrowStyle\" />\n        <div ref=\"innerRef\" :class=\"`${prefixCls}-inner`\" :data-color=\"color\" role=\"tooltip\">\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </div>\n      </template>\n    </Popup>\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { tooltipEmits, tooltipsProps } from './Tooltip.type';\nimport { findDOMNode } from '../../utils';\n\nexport default defineComponent({\n  name: 'UTooltip',\n  components: {\n    Popup\n  },\n  inheritAttrs: false,\n  props: tooltipsProps,\n  emits: tooltipEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('tooltip');\n    const popupRef = ref(null);\n    const innerRef = ref(null);\n\n    const arrowStyle = computed(() => {\n      if (popupRef.value?.reference && innerRef.value) {\n        const { width, height } = findDOMNode(popupRef.value.reference).getBoundingClientRect();\n        const { width: contentWidth, height: contentHeight } = innerRef.value.getBoundingClientRect();\n\n        if (props.placement === 'left') {\n          return {\n            top: '50%',\n            right: '0',\n            transform: 'translateY(-50%) translateX(-50%)'\n          };\n        }\n        if (props.placement === 'left-start') {\n          let top = height / 2;\n          if (top > contentHeight) {\n            top = 8;\n          }\n          return {\n            top: `${top}px`,\n            right: '0',\n            transform: 'translateY(-50%) translateX(-50%)'\n          };\n        }\n        if (props.placement === 'left-end') {\n          let bottom = height / 2;\n          if (bottom > contentHeight) {\n            bottom = 8;\n          }\n          return {\n            bottom: `${bottom}px`,\n            right: '0',\n            transform: 'translateY(50%) translateX(-50%)'\n          };\n        }\n        if (props.placement === 'right') {\n          return {\n            top: '50%',\n            left: '0',\n            transform: 'translateY(-50%) translateX(50%)'\n          };\n        }\n\n        if (props.placement === 'right-start') {\n          let top = height / 2;\n          if (top > contentHeight) {\n            top = 8;\n          }\n          return {\n            top: `${top}px`,\n            left: '0',\n            transform: 'translateY(-50%) translateX(50%)'\n          };\n        }\n\n        if (props.placement === 'right-end') {\n          let bottom = height / 2;\n          if (bottom > contentHeight) {\n            bottom = 8;\n          }\n          return {\n            bottom: `${bottom}px`,\n            left: '0',\n            transform: 'translateY(50%) translateX(50%)'\n          };\n        }\n\n        if (props.placement === 'top') {\n          return {\n            left: '50%',\n            bottom: '0',\n            transform: 'translateX(-50%) translateY(-50%)'\n          };\n        }\n\n        if (props.placement === 'top-start') {\n          let left = width / 2;\n          if (left > contentWidth) {\n            left = 16;\n          }\n          return {\n            left: `${left}px`,\n            bottom: '0',\n            transform: 'translateX(-50%) translateY(-50%)'\n          };\n        }\n        if (props.placement === 'top-end') {\n          let right = width / 2;\n          if (right > contentWidth) {\n            right = 16;\n          }\n          return {\n            right: `${right}px`,\n            bottom: '0',\n            transform: 'translateX(50%) translateY(-50%)'\n          };\n        }\n\n        if (props.placement === 'bottom') {\n          return {\n            left: '50%',\n            top: '0',\n            transform: 'translateX(-50%) translateY(50%)'\n          };\n        }\n\n        if (props.placement === 'bottom-start') {\n          let left = width / 2;\n          if (left > contentWidth) {\n            left = 16;\n          }\n          return {\n            left: `${left}px`,\n            top: '0',\n            transform: 'translateX(-50%) translateY(50%)'\n          };\n        }\n\n        if (props.placement === 'bottom-end') {\n          let right = width / 2;\n          if (right > contentWidth) {\n            right = 16;\n          }\n          return {\n            right: `${right}px`,\n            top: '0',\n            transform: 'translateX(50%) translateY(50%)'\n          };\n        }\n      }\n      return {};\n    });\n\n    const onVisibleChange = (val: boolean) => {\n      emit('visible-change', val);\n      emit('update:visible', val);\n    };\n\n    return {\n      popupRef,\n      innerRef,\n      prefixCls,\n      arrowStyle,\n      onVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["_renderSlot","_createBlock","_mergeProps","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}

package/es/components/Tooltip/Tooltip.type.d.ts

@@ -50,8 +50,8 @@ export declare const tooltipsProps: {
         default: boolean;
     };
     color: {
-        type: PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        type: PropType<"light" | "red">;
+        default: "light" | "red";
         validator: (val: string) => boolean;
     };
 };

package/es/components/Tooltip/Tooltip.type.mjs

@@ -1,7 +1,5 @@
 import placements from '../../utils/placements.mjs';
 import { oneOf, isArrayOf } from '../../utils/propsValidators.mjs';
-import '../../utils/index.mjs';
-import { colorType } from '../../utils/globalType.mjs';
 
 const tooltipTrigger = ["hover", "click"];
 const tooltipsProps = {
@@ -54,7 +52,7 @@ const tooltipsProps = {
   color: {
     type: String,
     default: void 0,
-    validator: oneOf([...colorType, "light"])
+    validator: oneOf(["red", "light"])
   }
 };
 const tooltipEmits = {

package/es/components/Tooltip/Tooltip.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.type.mjs","sources":["../../../../src/components/Tooltip/Tooltip.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\n\nimport type Tooltip from './Tooltip.vue';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport const tooltipTrigger = ['hover', 'click'] as const;\nexport type TooltipTrigger = (typeof tooltipTrigger)[number];\n\nexport const tooltipsProps = {\n  placement: {\n    default: 'top',\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  title: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  visible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  mouseEnterDelay: {\n    type: Number,\n    default: 0.2\n  },\n  mouseLeaveDelay: {\n    type: Number,\n    default: 0.1\n  },\n  dropdownStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  dropdownClass: {\n    type: String,\n    default: ''\n  },\n  trigger: {\n    type: String as PropType<TooltipTrigger>,\n    default: 'hover',\n    validator: oneOf(tooltipTrigger)\n  },\n  offset: {\n    type: Array as PropType<number[]>,\n    validator: isArrayOf(Number),\n    default: () => [0, 0]\n  },\n  destroyPopupOnHide: {\n    type: Boolean,\n    default: true\n  },\n  color: {\n    type: String as PropType<ColorType | 'light' | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf([...colorType, 'light'])\n  }\n};\nexport type TooltipProps = ExtractPropTypes<typeof tooltipsProps>;\n\nexport const tooltipEmits = {\n  'visible-change': (v: boolean) => typeof v === 'boolean',\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type TooltipEmits = typeof tooltipEmits;\n\nexport type TooltipInstanceType = InstanceType<typeof Tooltip>;\n"],"names":[],"mappings":";;;;;MASa,iBAAiB,CAAC,SAAS,OAAO;MAGlC,gBAAgB;AAAA,EAC3B,WAAW;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW,MAAM,UAAU;AAAA;AAC7B,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc;AAAA;AACjC,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA,IAC3B,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA;AACtB,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,CAAC,GAAG,WAAW,OAAO,CAAC;AAAA;AAE5C;MAGa,eAAe;AAAA,EAC1B,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;"}
+{"version":3,"file":"Tooltip.type.mjs","sources":["../../../../src/components/Tooltip/Tooltip.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\n\nimport type Tooltip from './Tooltip.vue';\n\nexport const tooltipTrigger = ['hover', 'click'] as const;\nexport type TooltipTrigger = (typeof tooltipTrigger)[number];\n\nexport const tooltipsProps = {\n  placement: {\n    default: 'top',\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  title: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  visible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  mouseEnterDelay: {\n    type: Number,\n    default: 0.2\n  },\n  mouseLeaveDelay: {\n    type: Number,\n    default: 0.1\n  },\n  dropdownStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  dropdownClass: {\n    type: String,\n    default: ''\n  },\n  trigger: {\n    type: String as PropType<TooltipTrigger>,\n    default: 'hover',\n    validator: oneOf(tooltipTrigger)\n  },\n  offset: {\n    type: Array as PropType<number[]>,\n    validator: isArrayOf(Number),\n    default: () => [0, 0]\n  },\n  destroyPopupOnHide: {\n    type: Boolean,\n    default: true\n  },\n  color: {\n    type: String as PropType<'red' | 'light' | undefined>,\n    default: undefined as undefined | 'red' | 'light',\n    validator: oneOf(['red', 'light'])\n  }\n};\nexport type TooltipProps = ExtractPropTypes<typeof tooltipsProps>;\n\nexport const tooltipEmits = {\n  'visible-change': (v: boolean) => typeof v === 'boolean',\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type TooltipEmits = typeof tooltipEmits;\n\nexport type TooltipInstanceType = InstanceType<typeof Tooltip>;\n"],"names":[],"mappings":";;;MAOa,iBAAiB,CAAC,SAAS,OAAO;MAGlC,gBAAgB;AAAA,EAC3B,WAAW;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW,MAAM,UAAU;AAAA;AAC7B,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc;AAAA;AACjC,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA,IAC3B,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA;AACtB,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,CAAC,OAAO,OAAO,CAAC;AAAA;AAErC;MAGa,eAAe;AAAA,EAC1B,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;"}

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

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     color: {
-        type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        type: import("vue").PropType<"light" | "red">;
+        default: "light" | "red";
         validator: (val: string) => boolean;
     };
 }>, {
@@ -56,34 +56,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     prefixCls: import("vue").ComputedRef<string>;
     arrowStyle: import("vue").ComputedRef<{
         top: string;
+        right: string;
         transform: string;
         bottom?: undefined;
         left?: undefined;
-        right?: undefined;
     } | {
         bottom: string;
+        right: string;
         transform: string;
         top?: undefined;
         left?: undefined;
-        right?: undefined;
     } | {
+        top: string;
         left: string;
         transform: string;
-        top?: undefined;
-        bottom?: undefined;
         right?: undefined;
+        bottom?: undefined;
     } | {
-        right: string;
+        bottom: string;
+        left: string;
         transform: string;
         top?: undefined;
-        bottom?: undefined;
-        left?: undefined;
+        right?: undefined;
     } | {
         top?: undefined;
+        right?: undefined;
         transform?: undefined;
         bottom?: undefined;
         left?: undefined;
-        right?: undefined;
     }>;
     onVisibleChange: (val: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -137,15 +137,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     color: {
-        type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        type: import("vue").PropType<"light" | "red">;
+        default: "light" | "red";
         validator: (val: string) => boolean;
     };
 }>> & Readonly<{
     "onUpdate:visible"?: (v: boolean) => any;
     "onVisible-change"?: (v: boolean) => any;
 }>, {
-    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+    color: "light" | "red";
     offset: number[];
     visible: boolean;
     placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";