vue-devui 1.6.8 → 1.6.10

package/types/form/src/components/form-item/form-item-types.d.ts

@@ -50,6 +50,10 @@ export declare const formItemProps: {
         type: StringConstructor;
         default: string;
     };
+    isAsyncValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare type FormItemProps = ExtractPropTypes<typeof formItemProps>;
 export declare type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => void;

package/types/form/src/components/form-item/form-item.d.ts

@@ -35,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isAsyncValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
@@ -71,11 +75,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isAsyncValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     required: boolean;
     field: string;
     extraInfo: string;
     showFeedback: boolean;
     helpTips: string | import("./form-item-types").HelpTips;
+    isAsyncValidate: boolean;
 }, {}>;
 export default _default;

package/types/search/src/search-types.d.ts

@@ -49,6 +49,10 @@ export declare const searchProps: {
         readonly type: PropType<(v: string) => void>;
         readonly default: undefined;
     };
+    readonly showGlowStyle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 };
 export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
 export interface UseSearchClassTypes {

package/types/search/src/search.d.ts

@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<(v: string) => void>;
         readonly default: undefined;
     };
+    readonly showGlowStyle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue")[], "search" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: import("vue").PropType<import("./search-types").Size>;
@@ -95,6 +99,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<(v: string) => void>;
         readonly default: undefined;
     };
+    readonly showGlowStyle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
@@ -105,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly cssClass: string;
     readonly modelValue: string;
     readonly delay: number;
+    readonly showGlowStyle: boolean;
     readonly 'onUpdate:modelValue': (v: string) => void;
     readonly maxLength: number;
     readonly isKeyupSearch: boolean;

package/types/tooltip/src/tooltip-types.d.ts

@@ -1,5 +1,6 @@
 import type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue';
-export declare type BasePlacement = 'top' | 'right' | 'bottom' | 'left';
+export declare type Alignment = 'start' | 'end';
+export declare type BasePlacement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
 export declare const tooltipProps: {
     content: {
         type: StringConstructor;
@@ -9,6 +10,10 @@ export declare const tooltipProps: {
         type: PropType<BasePlacement | BasePlacement[]>;
         default: string;
     };
+    align: {
+        type: PropType<Alignment> | null;
+        default: null;
+    };
     showAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,6 +38,14 @@ export declare const tooltipProps: {
         type: NumberConstructor;
         default: number;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
 };
 export declare type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
 export declare type UseTooltipFn = {

package/types/tooltip/src/tooltip.d.ts

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./tooltip-types").BasePlacement | import("./tooltip-types").BasePlacement[]>;
         default: string;
     };
+    align: {
+        type: import("vue").PropType<import("./tooltip-types").Alignment> | null;
+        default: null;
+    };
     showAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,6 +36,14 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleport: {
+        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     content: {
         type: StringConstructor;
@@ -41,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./tooltip-types").BasePlacement | import("./tooltip-types").BasePlacement[]>;
         default: string;
     };
+    align: {
+        type: import("vue").PropType<import("./tooltip-types").Alignment> | null;
+        default: null;
+    };
     showAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,14 +81,25 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleport: {
+        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
 }>>, {
     content: string;
     position: import("./tooltip-types").BasePlacement | import("./tooltip-types").BasePlacement[];
     disabled: boolean;
+    align: import("./tooltip-types").Alignment;
     showAnimation: boolean;
     mouseEnterDelay: number;
     mouseLeaveDelay: number;
+    overlayClass: string;
     enterable: boolean;
     hideAfter: number;
+    teleport: string | import("vue").RendererElement | null | undefined;
 }, {}>;
 export default _default;

package/vue-devui.es.js

@@ -7746,6 +7746,10 @@ const formItemProps = {
   extraInfo: {
     type: String,
     default: ""
+  },
+  isAsyncValidate: {
+    type: Boolean,
+    default: false
   }
 };
 const FORM_ITEM_TOKEN = "dFormItem";
@@ -8577,7 +8581,6 @@ var FormControl = defineComponent({
     const formControl2 = ref();
     const popoverRef = ref();
     const ns2 = useNamespace("form");
-    const showPopoverClick = ref(true);
     const {
       controlClasses,
       controlContainerClasses,
@@ -8601,27 +8604,6 @@ var FormControl = defineComponent({
       }
       return void 0;
     });
-    const onDocumentClick = (e) => {
-      const composedPath = e.composedPath();
-      if (composedPath.includes(popoverRef.value.triggerEl)) {
-        showPopoverClick.value = true;
-      } else {
-        showPopoverClick.value = false;
-      }
-    };
-    watch(showPopover, (val) => {
-      if (val) {
-        setTimeout(() => {
-          document.addEventListener("click", onDocumentClick);
-        });
-      } else {
-        showPopoverClick.value = true;
-        document.removeEventListener("click", onDocumentClick);
-      }
-    });
-    onUnmounted(() => {
-      document.removeEventListener("click", onDocumentClick);
-    });
     return () => createVNode("div", {
       "class": controlClasses.value,
       "ref": formControl2
@@ -8629,7 +8611,7 @@ var FormControl = defineComponent({
       "class": controlContainerClasses.value
     }, [createVNode(Popover, {
       "ref": popoverRef,
-      "is-open": showPopover.value && showPopoverClick.value,
+      "is-open": showPopover.value,
       "trigger": "manually",
       "content": errorMessage.value,
       "pop-type": "error",
@@ -9759,7 +9741,9 @@ function useFormItemValidate(props, _rules) {
       callback == null ? void 0 : callback(true);
       return true;
     }
-    validateState.value = "pending";
+    if (props.isAsyncValidate) {
+      validateState.value = "pending";
+    }
     return execValidate(rules2).then(() => {
       callback == null ? void 0 : callback(true);
       return true;
@@ -22948,10 +22932,10 @@ function useDataGrid(props, ctx2) {
     scrollYParams.defaultSortRowData = scrollYParams.originRowData;
     bodyContentHeight.value = bodyTotalHeight;
   };
-  const initVirtualRowData = (distance = 0) => {
+  const initVirtualRowData = (distance) => {
     scrollYParams.distance = distance;
     scrollYParams.renderCountPerScreen = Math.ceil(scrollRef.value.clientHeight / rowHeight);
-    scrollYParams.scrollScaleY = [0, scrollYParams.renderCountPerScreen * rowHeight];
+    scrollYParams.scrollScaleY = [distance, scrollYParams.renderCountPerScreen * rowHeight];
     calcVirtualRowData(scrollYParams);
   };
   const initOriginColumnData = () => {
@@ -23085,7 +23069,7 @@ function useDataGrid(props, ctx2) {
     (_a2 = scrollRef.value) == null ? void 0 : _a2.addEventListener("scroll", onScroll2);
     if (typeof window !== "undefined" && scrollRef.value) {
       resizeObserver = new ResizeObserver(() => {
-        if (scrollRef.value) {
+        if (scrollRef.value && sliceColumns.value.length) {
           let distance = 0;
           initOriginColumnData();
           distance = scrollRef.value.scrollLeft;
@@ -36242,7 +36226,6 @@ function useEditorMd(props, ctx2) {
     editorIns.on("cursorActivity", lodash.exports.throttle(cursorActivityHandler, hintConfig.value && hintConfig.value.throttleTime || 300));
     editorIns.setSize("auto", "100%");
     refreshEditorCursor();
-    editorIns.setCursor(editorIns.lineCount(), 0);
     ctx2.emit("afterEditorInit", editorIns);
     editorIns.on("change", onChange);
     editorIns.on("scroll", onScroll2);
@@ -36489,6 +36472,10 @@ const tooltipProps = {
     type: [String, Array],
     default: "top"
   },
+  align: {
+    type: String,
+    default: null
+  },
   showAnimation: {
     type: Boolean,
     default: true
@@ -36512,6 +36499,14 @@ const tooltipProps = {
   hideAfter: {
     type: Number,
     default: 0
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
   }
 };
 const transformOriginMap = {
@@ -36591,7 +36586,10 @@ var Tooltip = defineComponent({
   }) {
     const {
       showAnimation,
-      content: content2
+      content: content2,
+      align,
+      overlayClass,
+      teleport
     } = toRefs(props);
     const origin = ref();
     const tooltipRef = ref();
@@ -36608,7 +36606,8 @@ var Tooltip = defineComponent({
     const className2 = computed(() => ({
       [ns2.b()]: true,
       [ns2.m(placement.value)]: true,
-      [ns2.m("with-content")]: slots.content
+      [ns2.m("with-content")]: slots.content,
+      [overlayClass.value]: true
     }));
     provide(POPPER_TRIGGER_TOKEN, origin);
     return () => createVNode(Fragment, null, [createVNode(PopperTrigger, null, {
@@ -36617,7 +36616,7 @@ var Tooltip = defineComponent({
         return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
       }
     }), createVNode(Teleport, {
-      "to": "body"
+      "to": teleport.value
     }, {
       default: () => [createVNode(Transition, {
         "name": showAnimation.value ? ns2.m(`fade-${placement.value}`) : ""
@@ -36629,6 +36628,7 @@ var Tooltip = defineComponent({
           "class": className2.value,
           "origin": origin.value,
           "position": positionArr.value,
+          "align": align.value,
           "offset": 6,
           "show-arrow": true,
           "style": overlayStyles.value,
@@ -41445,27 +41445,33 @@ var ModalBody = defineComponent({
 });
 function CloseIcon() {
   return createVNode("svg", {
-    "width": "16px",
-    "height": "16px",
+    "width": "18px",
+    "height": "18px",
     "viewBox": "0 0 16 16",
     "version": "1.1",
     "xmlns": "http://www.w3.org/2000/svg"
   }, [createVNode("g", {
+    "id": "modal-close",
     "stroke": "none",
     "stroke-width": "1",
     "fill": "none",
     "fill-rule": "evenodd"
+  }, [createVNode("g", {
+    "transform": "translate(3.000000, 3.000000)",
+    "fill": "#71757F",
+    "fill-rule": "nonzero",
+    "id": "modal-close-road"
   }, [createVNode("path", {
-    "d": `M14.6887175,1.25368865 C15.0770801,1.64205125 15.0121881,2.34244569 14.544513,2.81012074 L9.383,7.971 L14.544513,13.1322854 
-					C14.9787827,13.5665551 15.0657548,14.2014859 14.7650189,14.6009195 L14.6887175,14.6887175 C14.3003549,15.0770801 
-					13.5999604,15.0121881 13.1322854,14.544513 L13.1322854,14.544513 L7.971,9.383 L2.81012075,14.544513 C2.3424457,15.0121881 
-					1.64205125,15.0770801 1.25368865,14.6887175 C0.865326051,14.3003549 0.930218063,13.5999605 1.39789313,13.1322854 L6.558,7.971 
-					L1.39789311,2.81012074 C0.963623424,2.37585105 0.876651354,1.74092026 1.17738727,1.34148668 L1.25368865,1.25368865 
-					C1.64205125,0.865326051 2.34244569,0.930218063 2.81012074,1.39789311 L2.81012074,1.39789311 L7.971,6.558 L13.1322854,1.39789311 
-					C13.5999605,0.930218063 14.3003549,0.865326051 14.6887175,1.25368865 Z`,
-    "fill": "#8A8E99",
-    "fill-rule": "nonzero"
-  }, null)])]);
+    "d": `M-0.353553391,-0.353553391 C-0.179987039,-0.527119742 0.0894373624,-0.546404893 0.284305503,-0.411408841 L0.353553391,-0.353553391 
+						L10.3535534,9.64644661 C10.5488155,9.84170876 10.5488155,10.1582912 10.3535534,10.3535534 C10.179987,10.5271197 9.91056264,10.5464049 
+						9.7156945,10.4114088 L9.64644661,10.3535534 L-0.353553391,0.353553391 C-0.548815536,0.158291245 -0.548815536,-0.158291245 
+						-0.353553391,-0.353553391 Z`
+  }, null), createVNode("path", {
+    "d": `M9.64644661,-0.353553391 C9.84170876,-0.548815536 10.1582912,-0.548815536 10.3535534,-0.353553391 C10.5271197,-0.179987039 
+						10.5464049,0.0894373624 10.4114088,0.284305503 L10.3535534,0.353553391 L0.353553391,10.3535534 C0.158291245,10.5488155 
+						-0.158291245,10.5488155 -0.353553391,10.3535534 C-0.527119742,10.179987 -0.546404893,9.91056264 -0.411408841,9.7156945 L-0.353553391,9.64644661 
+						L9.64644661,-0.353553391 Z`
+  }, null)])])]);
 }
 var modal = "";
 var Modal = defineComponent({
@@ -45456,6 +45462,10 @@ const searchProps = {
   "onUpdate:modelValue": {
     type: Function,
     default: void 0
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const useSearchClass = (props, isFocus) => {
@@ -45471,6 +45481,7 @@ const useSearchClass = (props, isFocus) => {
     [ns2.m("focus")]: isFocus.value,
     [ns2.m("disabled")]: props.disabled,
     [ns2.m("no-border")]: props.noBorder,
+    [ns2.m("glow-style")]: props.showGlowStyle,
     [ns2.m(searchSize.value)]: !!searchSize.value,
     [ns2.m(props.iconPosition)]: ICON_POSITION[props.iconPosition]
   }));
@@ -45569,6 +45580,7 @@ var DSearch = defineComponent({
         maxlength: props.maxLength,
         modelValue: keywords.value,
         placeholder: props.placeholder || t("placeholder"),
+        showGlowStyle: false,
         onKeydown: onInputKeydown,
         "onUpdate:modelValue": onInputUpdate,
         onFocus,
@@ -54320,7 +54332,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.8",
+  version: "1.6.10",
   install(app) {
     installs.forEach((p) => app.use(p));
   }