@koi-design/uxd-ui 14.0.11 → 14.0.12

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

@@ -150,6 +150,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title: {
                 type: StringConstructor;
             };
+            description: {
+                type: StringConstructor;
+            };
             content: {
                 type: StringConstructor;
             };
@@ -199,37 +202,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             innerRef: import("vue").Ref<any, any>;
             prefixCls: import("vue").ComputedRef<string>;
             showTitle: import("vue").ComputedRef<string | boolean>;
+            showDescription: import("vue").ComputedRef<string | boolean>;
             popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             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, {
@@ -459,6 +463,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title: {
                 type: StringConstructor;
             };
+            description: {
+                type: StringConstructor;
+            };
             content: {
                 type: StringConstructor;
             };
@@ -508,37 +515,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             innerRef: import("vue").Ref<any, any>;
             prefixCls: import("vue").ComputedRef<string>;
             showTitle: import("vue").ComputedRef<string | boolean>;
+            showDescription: import("vue").ComputedRef<string | boolean>;
             popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             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;
         }, {}, {}, {}, {
@@ -574,6 +582,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         title: {
             type: StringConstructor;
         };
+        description: {
+            type: StringConstructor;
+        };
         content: {
             type: StringConstructor;
         };
@@ -623,37 +634,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         innerRef: import("vue").Ref<any, any>;
         prefixCls: import("vue").ComputedRef<string>;
         showTitle: import("vue").ComputedRef<string | boolean>;
+        showDescription: import("vue").ComputedRef<string | boolean>;
         popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         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, {

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

@@ -99,6 +99,9 @@ export declare const UPopConfirm: {
                 title: {
                     type: StringConstructor;
                 };
+                description: {
+                    type: StringConstructor;
+                };
                 content: {
                     type: StringConstructor;
                 };
@@ -148,37 +151,38 @@ export declare const UPopConfirm: {
                 innerRef: import("vue").Ref<any, any>;
                 prefixCls: import("vue").ComputedRef<string>;
                 showTitle: import("vue").ComputedRef<string | boolean>;
+                showDescription: import("vue").ComputedRef<string | boolean>;
                 popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
                 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, {
@@ -408,6 +412,9 @@ export declare const UPopConfirm: {
                 title: {
                     type: StringConstructor;
                 };
+                description: {
+                    type: StringConstructor;
+                };
                 content: {
                     type: StringConstructor;
                 };
@@ -457,37 +464,38 @@ export declare const UPopConfirm: {
                 innerRef: import("vue").Ref<any, any>;
                 prefixCls: import("vue").ComputedRef<string>;
                 showTitle: import("vue").ComputedRef<string | boolean>;
+                showDescription: import("vue").ComputedRef<string | boolean>;
                 popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
                 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;
             }, {}, {}, {}, {
@@ -523,6 +531,9 @@ export declare const UPopConfirm: {
             title: {
                 type: StringConstructor;
             };
+            description: {
+                type: StringConstructor;
+            };
             content: {
                 type: StringConstructor;
             };
@@ -572,37 +583,38 @@ export declare const UPopConfirm: {
             innerRef: import("vue").Ref<any, any>;
             prefixCls: import("vue").ComputedRef<string>;
             showTitle: import("vue").ComputedRef<string | boolean>;
+            showDescription: import("vue").ComputedRef<string | boolean>;
             popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             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, {
@@ -1687,6 +1699,9 @@ export declare const UPopConfirm: {
             title: {
                 type: StringConstructor;
             };
+            description: {
+                type: StringConstructor;
+            };
             content: {
                 type: StringConstructor;
             };
@@ -1736,37 +1751,38 @@ export declare const UPopConfirm: {
             innerRef: import("vue").Ref<any, any>;
             prefixCls: import("vue").ComputedRef<string>;
             showTitle: import("vue").ComputedRef<string | boolean>;
+            showDescription: import("vue").ComputedRef<string | boolean>;
             popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             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, {
@@ -1996,6 +2012,9 @@ export declare const UPopConfirm: {
             title: {
                 type: StringConstructor;
             };
+            description: {
+                type: StringConstructor;
+            };
             content: {
                 type: StringConstructor;
             };
@@ -2045,37 +2064,38 @@ export declare const UPopConfirm: {
             innerRef: import("vue").Ref<any, any>;
             prefixCls: import("vue").ComputedRef<string>;
             showTitle: import("vue").ComputedRef<string | boolean>;
+            showDescription: import("vue").ComputedRef<string | boolean>;
             popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             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;
         }, {}, {}, {}, {
@@ -2111,6 +2131,9 @@ export declare const UPopConfirm: {
         title: {
             type: StringConstructor;
         };
+        description: {
+            type: StringConstructor;
+        };
         content: {
             type: StringConstructor;
         };
@@ -2160,37 +2183,38 @@ export declare const UPopConfirm: {
         innerRef: import("vue").Ref<any, any>;
         prefixCls: import("vue").ComputedRef<string>;
         showTitle: import("vue").ComputedRef<string | boolean>;
+        showDescription: import("vue").ComputedRef<string | boolean>;
         popupStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         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, {

package/es/components/Popover/Popover.mjs

@@ -26,6 +26,9 @@ const _sfc_main = defineComponent({
     const showTitle = computed(() => {
       return props.title || slots.title !== void 0;
     });
+    const showDescription = computed(() => {
+      return props.description || slots.description !== void 0;
+    });
     const popupStyle = computed(() => {
       const width = typeof props.width === "number" ? `${props.width}px` : props.width;
       return props.type === "popover" ? { ...props.dropdownStyle } : { ...{ width }, ...props.dropdownStyle };
@@ -36,44 +39,120 @@ const _sfc_main = defineComponent({
         const { width, height } = findDOMNode(popupRef.value.reference).getBoundingClientRect();
         const inner = innerRef.value || popConfirmInnerRef.value;
         const { width: contentWidth, height: contentHeight } = inner.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 === "top-start" || props.placement === "bottom-start") {
+        if (props.placement === "bottom") {
+          return {
+            left: "50%",
+            top: "0",
+            transform: "translateX(-50%) translateY(50%)"
+          };
+        }
+        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%)"
           };
         }
       }
@@ -84,6 +163,7 @@ const _sfc_main = defineComponent({
       innerRef,
       prefixCls,
       showTitle,
+      showDescription,
       popupStyle,
       arrowStyle,
       onVisibleChange
@@ -129,6 +209,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
         ], 2)) : createCommentVNode("v-if", true),
+        _ctx.showDescription ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(`${_ctx.prefixCls}-inner-description`)
+        }, [
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createTextVNode(toDisplayString(_ctx.description), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true),
         createElementVNode("div", {
           class: normalizeClass({
             [`${_ctx.prefixCls}-inner-content`]: true,